@font-face {
	font-family: 'Hero Junior';
	src: url("/assets/fonts/HeroJunior-Light.woff2") format('woff2'),
	url("/assets/fonts/HeroJunior-Light.woff") format('woff');
	font-weight: 300;
	font-style: normal;
	font-display:swap;
	
}

@font-face {
	font-family: 'Hero Junior';
	src: url("/assets/fonts/HeroJunior-LightItalic.woff2") format('woff2'),
	url("/assets/fonts/HeroJunior-LightItalic.woff") format('woff');
	font-weight: 300;
	font-style: italic;
	font-display:swap;
}

@font-face {
	font-family: 'Hero Junior';
	src: url("/assets/fonts/HeroJunior-Regular.woff2") format('woff2'),
	url("/assets/fonts/HeroJunior-Regular.woff") format('woff');
	font-weight: normal;
	font-style: normal;
	font-display:block;
}

@font-face {
	font-family: 'Hero Junior';
	src: url("/assets/fonts/HeroJunior-RegularItalic.woff2") format('woff2'),
	url("/assets/fonts/HeroJunior-RegularItalic.woff") format('woff');
	font-weight: normal;
	font-style: italic;
	font-display:block;
}

@font-face {
	font-family: 'Hero Junior';
	src: url("/assets/fonts/HeroJunior-Bold.woff2") format('woff2'),
	url("/assets/fonts/HeroJunior-Bold.woff") format('woff');
	font-weight: bold;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'Hero Junior';
	src: url("/assets/fonts/HeroJunior-BoldItalic.woff2") format('woff2'),
	url(/2021bb/assets/fonts/HeroJunior-BoldItalic.woff) format('woff');
	font-weight: bold;
	font-style: italic;
	font-display:block;
}
@font-face {
	font-family: 'Hero Junior Super';
	src: url("/assets/fonts/HeroJunior-Super.woff2") format('woff2'),
	url("/assets/fonts/HeroJunior-Super.woff") format('woff');
	font-weight: 900;
	font-style: normal;
	font-display:block;
}

@font-face {
	font-family: 'Hero Junior Super';
	src: url("/assets/fonts/HeroJunior-SuperItalic.woff2") format('woff2'),
	url("/assets/fonts/HeroJunior-SuperItalic.woff") format('woff');
	font-weight: 900;
	font-style: italic;
	font-display:swap;
}
body {
  background-color:#eceeef;
  font-family:'Hero Junior';
  overflow-x:hidden;
}
main {
  min-height:82vh;
}
h1, h2, h3, h4, h5, h6 {
  font-family:'Hero Junior Super';
}
#mainNav {
  background-color:#fff;
}
#mainNav .navbar-toggler {
  border:none;
  color:#575757;
  padding:0px;
  margin:0px;
}
#mainNav .navbar-toggler:focus {
  box-shadow:none;
}
#mainNav .navbar-toggler svg {
  height:35px;
  width:35px;
}
.navMenu {
  display:none;
  background-color:#fff;
  position:static;
  color: #333;
  margin-left: -24px;
  width: calc(100% + 48px);
  padding-top: 40px;
  overflow-y: auto;
  height: 100vh;
  padding-bottom:200px;
}

.navLink {
  position: relative;
  font-size:18px;
  color:#000;
}
.blocker {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index:-1;
}
.lockBody {
	overflow: hidden
}

.closeNav {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 25px;
  cursor:pointer;
  z-index:99;
}

.lockBody #navbarCollapse {
  height:100vh;
}
.closeNavMob {
  text-align: center;
  margin-top: -30px;
  cursor: pointer;
}
.closeNavMob svg {
  color: #fff;
  height: 20px;
  width: 20px;
}

.navLink .active {
  position: relative;
}
.navLinkActive {
  color:#fff!important;
}
.readMoreLink {
  color: #fff;
  text-decoration: none;
  border-radius: 24px;
  padding-left: 14px;
  padding-right: 15px;
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.aboutUsLink.navLinkActive, .aboutUs .readMoreLink  {
  background-color:#E6344A;
}

.aboutUs {
  border-top:10px solid #E6344A;
}
.aboutUsNavCol {
  border-bottom:10px solid #E6344A;
}
.aboutUs h2, .aboutUs h5 {
  color:#E6344A;
}
.whereWeAreLink.navLinkActive, .whereWeAre .readMoreLink {
  background-color:#00abaa;
}
.whereWeAre {
  border-top:10px solid #00abaa;
}
.whereWeAre h2, .whereWeAre h5, .tealText {
  color:#00abaa;
}
.whereWeAreBg {
  background-color:#00abaa;
}
.whereWeAreNavCol {
  border-bottom:10px solid #00abaa;
}
.responsibleBusinessLink.navLinkActive, .responsibleBusiness .readMoreLink {
  background-color:#95c23d;
}
.responsibleBusiness {
  border-top:10px solid #95c23d;
}
.responsibleBusiness h2, .responsibleBusiness h5, .greenText {
  color:#95c23d;
}
.responsibleBusinessBg {
  background-color:#95c23d;
}
.responsibleBusinessNavCol {
  border-bottom:10px solid #95c23d;
}
.newsLink.navLinkActive {
  background-color:#2F597B;
}
.newsBg {
  background-color:#2F597B;
}
.news {
  border-top:10px solid #2F597B;
}
.newsNavCol {
  border-bottom:10px solid #2F597B;
}
.blueHeader {
  color:#2F597B;
  text-transform: uppercase;
  font-size:28px;
  line-height:33px;
  font-family:'Hero Junior';
  font-weight:bold;
  margin-bottom:40px;
  letter-spacing:5px;
}
.careersLink.navLinkActive, .careersLink .readMoreLink {
  background-color:#a53163;
}

.careers {
  border-top:10px solid #a53163;
}
.careers h2, .careers h5, .maroonText {
  color:#a53163;
}
.careersBg {
  background-color:#a53163;
}
.careersNavCol {
  border-bottom:10px solid #a53163;
}
.contactLink.navLinkActive {
  background-color:#7F398F;
}
.contactBg {
  background-color:#7F398F;
}
.contact {
  border-top:10px solid #7F398F;
}
.contactNavCol {
  border-bottom:10px solid #7F398F;
}
.plumHeader {
  color:#7F398F;
  text-transform: uppercase;
  font-size:28px;
  line-height:33px;
  font-family:'Hero Junior';
  font-weight:bold;
  margin-bottom:40px;
  letter-spacing:5px;
}

.navMenu ul {
  list-style: none;
}
.navMenu ul a {
  color: #333;
  text-decoration: none;
}
.navMenu hr {
  max-width: 300px;
}
#linkedInLinkNav {
  color:#0a87c9;
  font-size:30px;
}
#linkedInLink {
  font-size:30px;
}
.iconBar {
	width: 32px;
	height: 4px;
	background-color: #3d3e3f;
	display: block;
	transition: all .3s;
	margin-top: 4px
}
.navbar-toggler .top-bar {
	transform: translatey(6px) rotate(-45deg);
	transform-origin: 70% 100%
}

.navbar-toggler .middle-bar {
	opacity: 0;
	transition: .1s;
	transform: rotate(-45deg);
	transform-origin: 30% 70%
}

.navbar-toggler .bottom-bar {
	transform: translate(0) rotate(45deg);
	transform-origin: 70% 10%
}

.navbar-toggler.collapsed .top-bar {
	transform: rotate(0)
}

.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
	transform: rotate(0)
}

.navbar-toggler.collapsed .bottom-bar {
	transform: rotate(0)
}
.lockBody #navbarCollapse {
  height: 100vh;
}
.footerContainer {
  background-color:#E6344A;
  color:#fff;
}
.footerContainer a, .footerContainer .nav-link {
  color: #fff;
}
.whiteText {
  color:#fff;
}
.aboutUsBg {
  background-color:#E6344A;
}
.redText {
  color:#E6344A;
}
.redHeader {
  color:#E6344A;
  text-transform: uppercase;
  font-size:28px;
  line-height:33px;
  font-family:'Hero Junior';
  font-weight:bold;
  margin-bottom:40px;
  letter-spacing:5px;
}
.greenHeader {
  color:#95c23d;
  text-transform: uppercase;
  font-size:28px;
  line-height:33px;
  font-family:'Hero Junior';
  font-weight:bold;
  margin-bottom:40px;
  letter-spacing:5px;
}
.purpleHeader {
  color:#a53163;
  text-transform: uppercase;
  font-size:28px;
  line-height:33px;
  font-family:'Hero Junior';
  font-weight:bold;
  margin-bottom:40px;
  letter-spacing:5px;
}

.captionCta {
  font-size:19px;
  font-family:'Hero Junior Super';
  background-color:#fff;
  border-radius:20px;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
  display:inline-block;
  text-decoration:none;
  width:100%;
}

#bannerCarousel .carousel-indicators .active {
  background-color:#b2b2b2;
}
#bannerCarousel .carousel-indicators [data-bs-target] {
  height:15px;
  width:15px;
  border-radius:15px;
  border:none;
}
main p, main ul, main li {
  font-size:25px;
  line-height:30px;
}
.card {
  border:none;
}
.card-body {
  padding:0px;
}
.card h4 {
  color:#E6344A;
  font-size:24px;
  font-family:'Hero Junior';
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing:4px;
}
.card p {
  font-size:32px;
  line-height:37px;
}
.card-footer {
  background-color:#fff;
  border:none;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}
.card-footer .readMoreLink {
  background-color: #E6344A;
  text-transform:uppercase;
  font-size:16px;
  font-weight:bold;
}
.newsText p {
  font-size:32px;
  line-height:37px; 
}
.newsText .redText {
  font-size:20px;
  font-family:'Hero Junior';
  font-weight:bold;
}
#news .card, #ourPlanet .card {
  border-radius:30px;
}
#news .card img, #ourPlanet .card img {
  border-top-left-radius:15px;
  border-top-right-radius:15px;
}
.contentPad {
  margin-top:120px;
}

.logoHolder {
  background-color:#fff;
  border-radius:15px;
  padding:20px;
  text-align:center;
  display:table;
  height:250px;
  width:250px;
  margin:0 auto;
}
.logoInner {
  display:table-cell;
  vertical-align:middle;
}
.ctaHolder {
  position: relative;
}
.ctaHolder .redText {
  position: absolute;
  font-size: 33px;
  line-height: 43px;
  font-family: 'Hero Junior Super';
  left: 24px;
  top: 24px;
  max-width: 250px;
}
.bannerContainer {
  margin-top:126px;
}
.bannerCaption h1 {
  font-size: 38px;
  line-height:43px;
}
.bannerCaption p {
  font-size:24px;
  line-height:28px;
}
.bannerCaption {
  margin-top:-5px;
  position:relative;
  z-index:99;
}
.contentPadMob {
  margin-top:150px;
}
#bannerCarousel .carousel-indicators {
  bottom:-15%;
}
.staticBannerCaption {
  padding:20px;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  margin-top:-5px;
  position: relative;
  z-index:99;
}
.staticBannerCaption p {
  color:#fff;
  font-size: 30px;
  line-height: 35px;
  margin-bottom:0px;
}
.staticBannerCaption h1 {
  color:#fff;
  font-size: 38px;
  line-height:43px;
}
.openingContent h2 {
  font-size:28px;
  line-height:33px;
  font-family:'Hero Junior';
}
.exploreMoreLinks a {
  text-decoration:none;
}
.bgWhite {
  background-color:#fff;
  border-radius:15px;
  min-height:130px;
}
.bgWhite img {
  position: relative;
  bottom:-46px;
}
.videoHolder div {
  border-radius:30px!important;
}
.aboutUs .subNavLinks .active {
  color:#E6344A;
  font-weight:bold;
}
.whereWeAre .subNavLinks .active {
  color:#00abaa;
  font-weight:bold;
}
.responsibleBusiness .subNavLinks .active {
  color:#95c23d;
  font-weight:bold;
}
.careers .subNavLinks .active {
  color:#a53163;
  font-weight:bold;
}
.statHolder {
  display:table;
}
.statHolderInner {
  display:table-cell;
  vertical-align:center;
}
.whiteContentBox {
  background-color: #fff;
  border-radius: 20px;
  padding:1.5rem;
}
.whiteContentBox img {
  margin-top:-193px;
}
.openingContent svg {
  height:15px;
  width:15px;
  position: relative;
  top:-10px;
}
.navLinkActive {
  padding-left: 24px;
  left: -24px;
  padding-right: 24px;
  width: calc(100% + 48px);
  padding-top: 17px;
}


.pRounded {
  border-radius: 10px;
}

.statBox {
  height:260px;
  width:260px;
  border-radius:15px;
  display:table;
}

.statBoxStat {
  display:table-cell;
  height: 100%;
  vertical-align: middle;
}
.statBox h4 {
  color:#fff;
  font-size:54px;
  line-height:30px;
  margin:0px;
}
.statBox h4 span {
  font-size:30px;
}

@media only screen and (min-width: 767px) {
  .bannerCaption {
    margin-top:-10px;
  }
  .staticBannerCaption {
    margin-top:-10px;
  }
}

.bannerContainerInner .row {
  --bs-gutter-x: 0!important;
}
@media only screen and (min-width: 1200px) {
  body {
    padding-top:140px;
  }
  .bannerContainer img {
    border-radius:20px;
  }
  .openingContent h2 {
    font-size:36px;
    line-height:48px;
    font-family:'Hero Junior';
  }
  .redHeader {
    color:#E6344A;
    text-transform: uppercase;
    font-size:33px;
    line-height:40px;
    font-family:'Hero Junior';
    font-weight:bold;
    margin-bottom:40px;
    letter-spacing:9px;
  }
  .tealHeader {
    color:#00abaa;
    text-transform: uppercase;
    font-size:33px;
    line-height:40px;
    font-family:'Hero Junior';
    font-weight:bold;
    margin-bottom:40px;
    letter-spacing:9px;
  }
  .greenHeader {
    color:#95c23d;
    text-transform: uppercase;
    font-size:33px;
    line-height:40px;
    font-family:'Hero Junior';
    font-weight:bold;
    margin-bottom:40px;
    letter-spacing:9px;
  }
  .purpleHeader {
    color:#a53163;
    text-transform: uppercase;
    font-size:33px;
    line-height:40px;
    font-family:'Hero Junior';
    font-weight:bold;
    margin-bottom:40px;
    letter-spacing:9px;
}
  .plumHeader {
    color:#7F398F;
    text-transform: uppercase;
    font-size:33px;
    line-height:40px;
    font-family:'Hero Junior';
    font-weight:bold;
    margin-bottom:40px;
    letter-spacing:9px;
  }
  .blueHeader {
    color:#2F597B;
    text-transform: uppercase;
    font-size:33px;
    line-height:40px;
    font-family:'Hero Junior';
    font-weight:bold;
    margin-bottom:40px;
    letter-spacing:9px;
  }
  .navLink {
    padding-top:30px;
    padding-bottom:30px;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .bannerCaption h1 {
    font-size: 58px;
    line-height:63px;
  }
  .bannerCaption p {
    font-size:24px;
    line-height:28px;
  }
  .bannerCaption {
    position: absolute;
    right: 6%;
    bottom: 20%;
    max-width: 450px;
    border-radius: 20px;
    display:table-cell;
    vertical-align:middle;
    margin-top:0px;
    min-height:404px;
  }
  .bannerContainerInner {
    width: 58%!important;
    margin-top:0px;
  }
  #bannerCarousel img {
    padding-bottom:18%;
  }
  #bannerCarousel .carousel-indicators {
    bottom:10%;
  }
  .bannerContainer {
    margin-top:0px;
  }
  .bannerContainerInner {
    width: 100%!important;
    margin-top:0px;
  }
  .whiteBox {
    position: absolute;
    background-color: #fff;
    bottom: 6%;
    left: 4%;
    max-width: 652px;
    text-align: left!important;
    border-radius: 15px;
    padding-bottom: 50px!important;
  }
  .whiteBox p {
    font-size:35px;
    line-height:45px;
  }

  .pRounded {
    border-radius: 10px;
  }
  .contentPadMob {
    margin-top:0px;
  }
  .footerContainer .nav-item {
    width:auto;
  }
  .staticBannerCaption {
    position: absolute;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 100px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    bottom: 0px;
    right: 118px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    min-width:400px;
  }
  .staticBannerCaption h1 {
    color:#fff;
    font-size:64px;
    line-height:69px;
  }
  .navLinkActive {
    padding-left:0px;
    left: 0px;
    padding-right: 0px;
    width:auto;
    padding-top:30px;
  }
  .navMenu {
    display:none;
    background-color:#fff;
    left: 0px;
    width: calc(100% + 24px);
    color: #333;
    margin-top: -2px;
    position:absolute;
    overflow:hidden;
    height:auto;
    padding-bottom:0px;
  }
  .navBarContainer {
    height:84px;
  }
  .navbar-brand {
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .whiteContentBox {
    background-color: #fff;
    border-radius: 20px;
    padding: 80px;
  }
  .captionCta {
    position: absolute;
    bottom: 17px;
    left: 19px;
    max-width: 409px;
  }
}
@media only screen and (min-width: 1400px) {
  .navLink {
    padding-top:30px;
    padding-bottom:30px;
    padding-left:30px!important;
    padding-right:30px!important;
  }
  .bannerContainerInner {
    width: 76%!important;
    margin-top:0px;
    max-width:1485px;
  }
  .pRounded {
    border-radius: 15px;
  }

}


@media screen and (min-width:2560px) { 
  main p, main ul, main li {
    font-size:33px;
    line-height:40px;
  }
  .card p {
    font-size:40px;
    line-height:51px;
  }
  .newsText p {
    font-size:33px;
    line-height:40px; 
  }
  .whiteBox p {
    font-size:45px;
    line-height:56px;
  }
  .openingContent h2 {
    font-size:43px;
    line-height:53px;
    font-family:'Hero Junior';
  }
}