.opac4 { opacity: .4; }
.opac6 { opacity: .6; }
.opac8 { opacity: .8; }
.opac75 { opacity: .75; }
.opac85 { opacity: .85; }
.white { color: #fff; }

.fixed-image-text .section {
  position: relative;
}
.fixed-image-text .section .bodyContainer { position: relative; }
.fixed-image-text .section {
  position: relative;
  font-family: "Gotham-Book";
  transition: opacity .5s ease-in-out; 
}
.fixed-image-text .section .row-fluid {
  display: flex;
  flex-wrap: wrap;
}
.fixed-image-text .section .fl {
  text-align: right;
}
.fixed-image-text .section .fr {
  margin-left: auto;
  text-align: left;
}

.fixed-image-text .section .content #AnnualReportERP,
.fixed-image-text .section .content #AnnualReportFRM {
  height: 368px;
  width: 100%;
}
.fixed-image-text .section .content h2 {
  font-family: "Gotham-Medium";
  text-transform: uppercase;
  color: #0385A6;
}
.fixed-image-text .section .content h2 .peach {
  color: #F2C492;
}
.fixed-image-text .section .content h3 { color: #0377A3; }

.fixed-image-text .section .content .quote {
  position: relative;
  color: #0377A3;
  font-size: 1.5rem;
  line-height: 1.5;
  padding-right: 25px;
}
.fixed-image-text .section .fr .content .quote { padding-left: 25px; }
.fixed-image-text .section .content .quote:before {
  content: "";
  position: absolute;
  top: -15px;
  width: 198px;
  height: 80px;
  border-style: solid;
  border-color: #C6E2EB;
}
.fixed-image-text .section .fl .content .quote:before {
  right: 0px;
  border-width: 5px 5px 0 0;
}
.fixed-image-text .section .fr .content .quote:before {
  left: 0px;
  border-width: 5px 0 0 5px;
}
.fixed-image-text .section .fl .content .author {
  color: #0377A3;
  font-size: 1.125rem;
  padding-right: 20px;
  margin-top: 1rem;
}
.fixed-image-text .section .fr .content .author {
  color: #0377A3;
  font-size: 1.125rem;
  padding-left: 20px;
  margin-top: 1rem;
}
.fixed-image-text .section .content .text {
  text-align: left;
}
.fixed-image-text .section .content .text .bold {
  font-family: "Gotham-Bold";
  margin:0;
}
.fixed-image-text .section .fr .content #AnnualReportMap {
  height: 400px;
  width: 100%;
}
.text-center { text-align: center; }

.fixed-image-text .section .content table {
  text-align: left;
  width: 100%;
  border: 0;
  padding: 0 10px 10px;
  margin-bottom: 2rem;
}
.fixed-image-text .section .content table th ,
.fixed-image-text .section .content table td {
  padding: 10px 5px;
}

.fixed-image-text .section .content table th h3 {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 15px;
}


.fixed-image-text .section.active:before {
/*   content: "";
  background: inherit;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; */
/*   z-index: -1; */
  transition: opacity .0s ease-out;
}
.fixed-image-text .section { 
  opacity: 0;
}
.fixed-image-text .section.active { 
  opacity: 1;

}
/* .fixed-image-text .section-1 { opacity: 1; } */

.fixed-image-text .section .right-image {
  position: fixed;
  height: 100%;
  top: 0;
  
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.fixed-image-text .section .left-image {
  position: fixed;
  height: 100%;
  top: 0;
  
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.fixed-image-text .bg-full {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .5s ease-in-out;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0;
  z-index: 0;
}
.fixed-image-text .bg-full.active {
  position: fixed;
  height: 100%;
  top: 0;
  width:100%;
  opacity:1;
}


.fixed-image-text .gem-holder g-gem {
  position: relative;
  display: inline-block;
  padding: 10px;
}
.fixed-image-text .gem-holder {
  left: 0;
  top: 40px;
}
.fixed-image-text .gem-holder {
  position: absolute;
  opacity: .15;
}
.fixed-image-text .gem-holder g-gem {
  animation: bounce 0.8s infinite ease alternate;
}
.fixed-image-text .gem-holder g-gem:nth-child(2) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.fixed-image-text .gem-holder g-gem:nth-child(3) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
.fixed-image-text .gem-holder.bounce-down {
  transform: rotate(
    90deg);
}
.fixed-image-text .gem-holder.location-right {
  left: auto;
  top: 120px;
  right: -35px;
}
.fixed-image-text .gem-holder.location-left {
  top: 20px;
}

@keyframes bounce { 
  0% { 
    transform: translateX(0); 
  } 
  100% { 
    transform: translateX(-20px); 
  } 
}

.fixed-image-text g-gem.gem-humble-hero.annualSmall>svg {
  height: 87px;
  width: 62.3px;
}
.fixed-image-text g-gem.gem-humble-hero.gem-c--report polygon:nth-child(1) {
  fill: #4C8FAF;
}
.fixed-image-text g-gem.gem-humble-hero.gem-c--report polygon:nth-child(2) {
  fill: #E2E9F1;
}
.fixed-image-text g-gem.gem-humble-hero.gem-c--report polygon:nth-child(3) {
  fill: #B7C8D9;
}