/*****************************
Sustainability Styles
AUTHOR: Bdonathan - BigRedRooster
*****************************/
@import url("https://fonts.googleapis.com/css?family=Rock+Salt");
/**********************
Variables & Mixins
AUTHOR: Bobby Donathan - BigRedRooster
_variables.scss
***********************/
/*GENERAL COLORS*/
/*RIBBON BANNERS*/
/*FONT WEIGHT*/
/*PANELS & CARDS*/
/*MIXINS*/
body {
  font-size: 16px;
  line-height: 1.9; }

.adminjunk {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  bottom: -80px; }
  .adminjunk:hover {
    bottom: 0px; }

.title {
  font-family: 'Rock Salt', cursive;
  font-size: 20px;
  line-height: 1.5;font-weight: 400;text-transform: none; }

h2.sectiontitle {
  color: #4f868e;
  font-size: 32px; }
  @media only screen and (min-width: 768px) {
    h2.sectiontitle {
      font-size: 42px; } }

#modularHeader {
  overflow: hidden;
  margin-bottom: 0px;position: relative;}

#headersmile {
  z-index: 2;
  bottom: 0px;
    width: 100%;
    height: 500px;
    display: block;
    background: url(https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/52/2025/04/SustainabilityPage_Title_Curve-mobile.png) no-repeat center bottom;
    position: absolute;
    bottom: -1px;
    left: 0px;
    pointer-events: none;
    background-size: cover !important;
}
  @media only screen and (min-width: 768px) {
    #headersmile {
      bottom: -1px; } }

.sustainabilityhero {
  text-align: center;
  display: block;
  width: 100vw;
  background: url("https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/35/2025/04/sustainability-mobileheroback.jpg") no-repeat center center;
  background-size: cover; }
  .sustainabilityhero .heroctalockup {
    max-width: 495px;
    margin: 70px 0px 40px 0px; }
    .sustainabilityhero .heroctalockup .title {
      margin-top: -10px;
      color: #a2c271;
      font-size: 40px;
      line-height: 1.5;
      transform: scale(0.8); }
      .sustainabilityhero .heroctalockup .title span {
        font-size: 80px; }
    .sustainabilityhero .heroctalockup p {
      font-size: 18px;
      margin: 25px 0;
      line-height: 1.9; }
    .sustainabilityhero .heroctalockup .btn-primary {
      background-color: #264072;
      border-color: #264072;
      padding: 0px 30px;
      height: 43px;
      line-height: 43px;
      vertical-align: top; }
      .sustainabilityhero .heroctalockup .btn-primary:before {
        content: url(https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/35/2025/04/play.png);
        margin-right: 10px;
        display: inline-block;
        vertical-align: top;
        line-height: 60px; }
      .sustainabilityhero .heroctalockup .btn-primary:hover {
        background-color: #a2c271;
        border-color: #a2c271; }
    @media only screen and (min-width: 768px) {
      .sustainabilityhero .heroctalockup {
        margin: 100px 0px 140px 0px; }
        .sustainabilityhero .heroctalockup .title {
          margin-top: 25px;
          transform: scale(1); } }
  .sustainabilityhero #headersmile {
    background: url(https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/52/2025/04/SustainabilityPage_Title_Curve-mobile.png) no-repeat center bottom; }
    @media only screen and (min-width: 768px) {
      .sustainabilityhero #headersmile {
        background: url(https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/35/2025/04/SustainabilityPage_Title_Curve.png) no-repeat center bottom; } }
  .sustainabilityhero .container {
    position: relative;
    z-index: 1; }
  .sustainabilityhero #heroforegrounds {
    position: relative;
    height: 100%; }
    .sustainabilityhero #heroforegrounds img {
      max-width: none; }
    .sustainabilityhero #heroforegrounds .slidefore {
      position: absolute;
      opacity: 0; }
      .sustainabilityhero #heroforegrounds .slidefore#slidefore1 {
        right: -200px;
        bottom: -50px; }
      .sustainabilityhero #heroforegrounds .slidefore#slidefore2 {
        right: 0px;
        bottom: -50px; }
      .sustainabilityhero #heroforegrounds .slidefore#slidefore3 {
        right: 50px;
        bottom: 50px; }
      .sustainabilityhero #heroforegrounds .slidefore#slidefore4 {
        right: 0px;
        bottom: 0px; }
  .sustainabilityhero #herobackgrounds {
    display: none;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0; }
    .sustainabilityhero #herobackgrounds div.sustainability-slider, .sustainabilityhero #herobackgrounds .owl-carousel .owl-stage-outer, .sustainabilityhero #herobackgrounds .owl-carousel .owl-stage, .sustainabilityhero #herobackgrounds .owl-carousel .owl-item, .sustainabilityhero #herobackgrounds .owl-carousel .owl-stage-outer .slide, .sustainabilityhero #herobackgrounds .owl-carousel .owl-stage-outer .item {
      display: block;
      width: 100vw;
      height: 100%; }
      .sustainabilityhero #herobackgrounds .owl-carousel .owl-stage-outer .item {
        display: flex;align-items: flex-end;
      }
      .sustainabilityhero #herobackgrounds .owl-carousel .owl-stage-outer .container {
        max-width: 1500px;
      }
      .sustainabilityhero #herobackgrounds div.owl-nav.disabled {
        display: none;
      }
      .sustainabilityhero #herobackgrounds div img {
        width: 100vw;
        height: auto;
        max-width: none; }
        .sustainabilityhero #herobackgrounds div.sustainability-slider .item img {
          width: 100%;max-width: 100%;}
    .sustainabilityhero #herobackgrounds .heroslide {
      background-repeat: no-repeat;
      background-size: cover; }
    @media only screen and (min-width: 768px) {
      .sustainabilityhero #herobackgrounds {
        display: block; } }
  @media only screen and (min-width: 992px) {
    .sustainabilityhero {
      background: none; } }
      .owl-carousel .owl-nav button.owl-next {
        width: 22px;
        height: 37px;
        position: absolute;
        overflow: hidden;
        text-indent: 999px;
        top: 40%;
        right: 5%;
        display: block !important;
    }
    .owl-carousel .owl-nav button.owl-prev {
      width: 22px;
      height: 37px;
      position: absolute;
      overflow: hidden;
      text-indent: 999px;
      top: 40%;
      left: 5%;
      display: block !important;
  }
.susinnerhero {
  height: 390px; }
  .susinnerhero .susinnerherowrapper {
    padding: 10px 20px;
    line-height: 1.5;
    width: 100%;
    height: 430px;
    background: url(../img/susInnerPageHeroBack.jpg) no-repeat top center;
    background-size: cover;
    font-size: 18px; }
    .susinnerhero .susinnerherowrapper img {
      display: block;
      margin: 0 auto 15px auto;
      max-width: 140px;
      height: auto; }
    .susinnerhero .susinnerherowrapper .container {
      position: relative; }
      .susinnerhero .susinnerherowrapper .container .badge {
        position: absolute;
        top: -20px;
        left: 0px; }
    .susinnerhero .susinnerherowrapper .col-12 {
      padding: 0; }
    .susinnerhero .susinnerherowrapper .title {
      font-size: 20px;
      display: block;
      text-align: center; }
    .susinnerhero .susinnerherowrapper#leadershiphero .title {
      color: #6bbbae; }
    .susinnerhero .susinnerherowrapper#efficiencyhero .title {
      color: #a2c271; }
    .susinnerhero .susinnerherowrapper#innovationhero .title {
      color: #308291; }
    @media only screen and (min-width: 768px) {
      .susinnerhero .susinnerherowrapper {
        padding: 60px 20px;
        line-height: 1.9; }
        .susinnerhero .susinnerherowrapper .title {
          font-size: 40px; } }

.owl-nav > div {
  background: none; }
  .owl-nav > div:hover {
    background: none; }
  .owl-nav > div.disabled {
    opacity: .5; }

    .owl-carousel .owl-dots {
  bottom: -35px; }
  .owl-dots .owl-dot, .owl-carousel button.owl-dot {
    background: #ccc;
    border: none;
    width: 30px;
    height: 4px;
    margin-right: 10px;border-radius: 0;
}
    .owl-dots .owl-dot.active, .owl-carousel button.owl-dot.active {
      background: #264072; }

.video-container .layover img {
  box-shadow: none; }
#sketchhero .sketchprod2 img{opacity:1 !important; visibility: visible !important;}
#intro {
  padding: 50px 0;
  line-height: 1.9;
  background-image: -moz-linear-gradient(90deg, white 30%, #6bbbae 100%);
  background-image: -webkit-linear-gradient(90deg, white 30%, #6bbbae 100%);
  background-image: -ms-linear-gradient(90deg, white 30%, #6bbbae 100%); }
  #intro .welcome {
    font-size: 18px;
    color: #fff;
    line-height: 2.5;
    padding: 0 20px; }
    @media only screen and (min-width: 768px) {
      #intro .welcome {
        padding: 0 60px; } }
  #intro .zerowastelockup {
    margin-bottom: 40px;
    text-align: center;
    font-family: 'Rock Salt', cursive;
    color: #fff;
    font-size: 37px; }
    #intro .zerowastelockup span {
      padding: 35px 0;
      display: block; }
    #intro .zerowastelockup img {
      display: block;
      margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      #intro .zerowastelockup {
        margin-bottom: 80px; } }
  #intro .ctablock {
    margin-bottom: 40px;
    padding-bottom: 90px; }
    #intro .ctablock .degreeicon {
      transform: scale(0.7);
      position: relative; }
      #intro .ctablock .degreeicon .icon {
        position: relative;
        z-index: 1;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease; }
      #intro .ctablock .degreeicon .shadow {
        position: absolute;
        bottom: -30px;
        left: 0px;
        z-index: 0;
        width: 100%;
        display: block;
        text-align: center;box-shadow: none !important; }
        #intro .ctablock .degreeicon .shadow img {
          display: inline-block;
          margin: 0 auto; }
    #intro .ctablock .title {
      margin-bottom: 25px;
      margin-top: 0px; }
    #intro .ctablock p {
      margin-bottom: 0px;
      line-height: 1.5; }
    #intro .ctablock .line {
      margin: 20px auto;
      display: block; }
    #intro .ctablock a:hover {
      text-decoration: none; }
    #intro .ctablock a.arrowbtn {
      width: 100%;
      position: absolute;
      bottom: 0px;
      left: 0px;
      display: block;
      -webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      transition: all 300ms ease;
      opacity: 1; }
      #intro .ctablock a.arrowbtn img {
        display: block;
        margin: 0 auto; }
      #intro .ctablock a.arrowbtn:hover {
        opacity: .8; }
    #intro .ctablock a.iconlink:hover .icon img {
      transform: scale(0.9); }
    @media only screen and (min-width: 768px) {
      #intro .ctablock {
        margin-bottom: 0px; }
        #intro .ctablock .degreeicon {
          transform: scale(1); }
        #intro .ctablock .title {
          margin-bottom: 25px;
          margin-top: 40px; } }
  @media only screen and (min-width: 768px) {
    #intro {
      padding: 100px 0; } }

#officers, #leaderquote {
  font-weight: 300;
  padding: 0px 0px 100px 0;
  background-position: top center;
  margin-top: -80px; }
  #officers.cover, .cover#leaderquote {
    background-size: auto;
    background-repeat: no-repeat; }
  #officers .slide, #leaderquote .slide {
    font-size: 20px;
    line-height: 1.5;
    text-align: center; }
    #officers .slide span, #leaderquote .slide span {
      color: #264072;
      font-family: 'Rock Salt', cursive; }
    #officers .slide .quote, #leaderquote .slide .quote {
      line-height: 1.6;
      font-size: 18px;
      margin-top: -90px; }
    #officers .slide .signed, #leaderquote .slide .signed {
      font-size: 14px;
      margin-top: 20px; }
      #officers .slide .signed strong, #leaderquote .slide .signed strong {
        font-size: 18px;
        display: block; }
    #officers .slide .headshot, #leaderquote .slide .headshot {
      transform: scale(0.7); }
      #officers .slide .headshot img, #leaderquote .slide .headshot img {
        display: inline-block; height:auto;}
    @media only screen and (min-width: 768px) {
      #officers .slide, #leaderquote .slide {
        text-align: left; }
        #officers .slide .quote, #leaderquote .slide .quote {
          line-height: 1.9;
          font-size: 22px;
          margin-top: -50px; }
        #officers .slide .headshot, #leaderquote .slide .headshot {
          transform: scale(1); } }
  @media only screen and (min-width: 768px) {
    #officers, #leaderquote {
      padding: 240px 0px;
      margin-top: 0px; }
      #officers.cover, .cover#leaderquote {
        background-size: 100% 100%; } }
  #officers .owl-nav, #leaderquote .owl-nav {
    position: absolute;
    bottom: 80%;
    left: 0px;
    width: 100%;
    text-align: center; }
    #officers .owl-nav > div, #leaderquote .owl-nav > div, #officers .owl-nav > button, #leaderquote .owl-nav > button {
      width: auto;
      border: none;
      text-indent: 0px;
      font-size: 13px;
      font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
      color: #fff;
      text-transform: uppercase;
      cursor: pointer;
      display: inline-block !important; }
      #officers .owl-nav > .disabled, #leaderquote .owl-nav > .disabled {
        color: #ccc;
        cursor: default; }
      #officers .owl-nav > .owl-prev, #leaderquote .owl-nav > .owl-prev {
        width: 30px;
        height: 50px; }
        #officers .owl-nav > .owl-prev:before, #leaderquote .owl-nav > .owl-prev:before {
          content: '\f104';
          font-family: 'FontAwesome';
          font-size: 55px;
          margin-right: 5px;
          display: block;
          color: #264072;
          width: 30px;
          height: 50px;
          line-height: 35px; }
      #officers .owl-nav > .owl-next, #leaderquote .owl-nav > .owl-next {
        width: 30px;
        height: 50px; }
        #officers .owl-nav > .owl-next:after, #leaderquote .owl-nav > .owl-next:after {
          content: '\f105';
          font-family: 'FontAwesome';
          font-size: 55px;
          margin-left: 5px;
          display: block;
          color: #264072;
          width: 30px;
          height: 50px;
          line-height: 35px;
          text-align: left; }
    @media only screen and (min-width: 992px) {
      #officers .owl-nav, #leaderquote .owl-nav {
        bottom: 50%; }
        #officers .owl-nav > .owl-prev, #leaderquote .owl-nav > .owl-prev {
          left: 0px; }
        #officers .owl-nav > .owl-next, #leaderquote .owl-nav > .owl-next {
          left: 100%; } }

#family {
  text-align: center; }
  #family .logos {
    display: table;
    width: 100%;
    text-align: center; }
    #family .logos br {
      display: none; }
    #family .logos li {
      display: inline-block;
      vertical-align: middle;
      padding: 20px;
      width: 50%; }
    @media only screen and (min-width: 768px) {
      #family .logos {
        display: table; }
        #family .logos li {
          display: table-cell;
          width: auto;
          table-layout: auto; } }

          #sketchhero.cover {
            background-size: 100% 100%; }
          #sketchhero #sketchback {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0; }
          #sketchhero .sketchprod1 {
            position: relative;
            height: 100%;
            z-index: 1; }
            #sketchhero .sketchprod1 img {
              margin: 35% 0 0 33%; max-width: 100%; }
              @media only screen and (min-width: 768px) {
                #sketchhero .sketchprod1 img {
                  margin: 35% 0 0 20%;  } }
          #sketchhero .sketchprod2 {
            position: relative;
            height: 100%;
            z-index: 1; }
            #sketchhero .sketchprod2 img {
              margin-left: -60%; max-width: 100%; }
              @media only screen and (min-width: 768px) {
                #sketchhero .sketchprod2 img {
                  margin-left: -30%;  }
              }
#numbers {
  margin: 95px 0; }
  #numbers .sectiontitle {
    margin-bottom: 0px; }
  #numbers .rightside .panel {
    margin-bottom: 0px; }
  #numbers .numberblock {
    text-align: center;
    font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
    margin-top: 60px; }
    #numbers .numberblock .number {
      font-size: 40px;
      color: #E1D5B4;
      line-height: 1;
      opacity: 0;
      transition: color 2s ease; }
      #numbers .numberblock .number.active {
        color: #a2c271;
        opacity: 1; }
    #numbers .numberblock .note {
      color: #6bbbae;
      font-size: 18px;
      padding: 0 10% 20px 10%;
      line-height: 1.2;
      margin-top: 20px;
      opacity: 0;
      -webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      transition: all 300ms ease; }
      #numbers .numberblock .note.active {
        opacity: 1;
        margin-top: 0px; }
      @media only screen and (min-width: 992px) {
        #numbers .numberblock .note {
          padding: 0 100px 20px 100px; } }
    @media only screen and (min-width: 768px) {
      #numbers .numberblock {
        margin-top: 80px; } }

#awards {
  min-height: 390px;
  position: relative; }
  #awards .container{max-width: 1200px;}
  #awards:after {
    content: "";
    background-image: url(https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/35/2025/04/awards-back.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.3;
    top: -20px;
    left: 0;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%; }
    @media only screen and (min-width: 768px) {
      #awards:after {
        top: 0px; } }
  #awards.cover {
    background-size: auto;
    background-position: center center; }
    @media only screen and (min-width: 768px) {
      #awards.cover {
        background-size: 100% 100%; } }
  #awards .owl-dots {
    bottom: -45px; }
    @media only screen and (min-width: 768px) {
      #awards .owl-dots {
        bottom: -35px; } }
  #awards .owl-nav {
    position: absolute;
    bottom: 10%;
    left: 0px;
    width: 100%;
    text-align: center; }
    #awards .owl-nav > div, #awards .owl-nav > button {
      width: auto;
      border: none;
      text-indent: 0px;
      font-size: 13px;
      font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
      color: #fff;
      text-transform: uppercase;
      cursor: pointer;
      display: inline-block !important; }
      #awards .owl-nav > div.disabled, #awards .owl-nav > button.disabled {
        color: #ccc;
        cursor: default; }
      #awards .owl-nav > div.owl-prev, #awards .owl-nav > button.owl-prev {
        width: 30px;
        height: 50px; }
        #awards .owl-nav > div.owl-prev:before, #awards .owl-nav > button.owl-prev:before {
          content: '\f104';
          font-family: 'FontAwesome';
          font-size: 55px;
          margin-right: 5px;
          display: block;
          color: #264072;
          width: 30px;
          height: 50px;
          line-height: 35px; }
      #awards .owl-nav > div.owl-next,#awards .owl-nav > button.owl-next {
        width: 30px;
        height: 50px; }
        #awards .owl-nav > div.owl-next:after, #awards .owl-nav > button.owl-next:after {
          content: '\f105';
          font-family: 'FontAwesome';
          font-size: 55px;
          margin-left: 5px;
          display: block;
          color: #264072;
          width: 30px;
          height: 50px;
          line-height: 35px;
          text-align: left; }
    @media only screen and (min-width: 992px) {
      #awards .owl-nav {
        bottom: 50%; }
        #awards .owl-nav > div.owl-prev,#awards .owl-nav > button.owl-prev {
          left: -20px; }
        #awards .owl-nav > div.owl-next, #awards .owl-nav > button.owl-next {
          left: 100%; } }
  #awards .slide img {
    margin: 0 auto;
    height: auto;width: auto;
    max-width: 100%;
  }

#dyk {
  margin-top: 8px; }
  #dyk .slidecopy .dykline {
    color: #6bbbae;
    font-size: 18px;
    font-family: 'Rock Salt', cursive; }
  #dyk .slidecopy .headline {
    color: #a09074;
    font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
    font-size: 28px;
    line-height: 1.1;
    margin: 20px 0; }
    @media only screen and (min-width: 768px) {
      #dyk .slidecopy .headline {
        font-size: 34px; } }
  #dyk .slidecopy .note {
    color: #63666a;
    font-size: 16px; }
    #dyk .slidecopy .note a {
      color: #789d4a;
      font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
      -webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      transition: all 300ms ease; }
      #dyk .slidecopy .note a:hover {
        text-decoration: none;
        color: #a2c271; }
  @media only screen and (min-width: 768px) {
    #dyk {
      margin-top: 80px; } }
  #dyk .owl-nav {
    position: absolute;
    bottom: -4%;
    left: 0px;
    width: 100%;
    text-align: center; }
    #dyk .owl-nav > div, #dyk .owl-nav > button {
      width: auto;
      border: none;
      text-indent: 0px;
      font-size: 13px;
      font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
      color: #fff;
      text-transform: uppercase;
      cursor: pointer;
      display: inline-block !important; }
      #dyk .owl-nav > .disabled {
        color: #ccc;
        cursor: default; }
      #dyk .owl-nav > .owl-prev {
        width: 30px;
        height: 50px; }
        #dyk .owl-nav > .owl-prev:before {
          content: '\f104';
          font-family: 'FontAwesome';
          font-size: 55px;
          margin-right: 5px;
          display: block;
          color: #264072;
          width: 30px;
          height: 50px;
          line-height: 35px; }
      #dyk .owl-nav > .owl-next {
        width: 30px;
        height: 50px; }
        #dyk .owl-nav > .owl-next:after {
          content: '\f105';
          font-family: 'FontAwesome';
          font-size: 55px;
          margin-left: 5px;
          display: block;
          color: #264072;
          width: 30px;
          height: 50px;
          line-height: 35px;
          text-align: left; }
    @media only screen and (min-width: 992px) {
      #dyk .owl-nav {
        bottom: 50%; }
        #dyk .owl-nav > .owl-prev {
          left: 0px; }
        #dyk .owl-nav > .owl-next {
          left: 100%; } }
  #dyk #pillars {
    padding-top: 120px; }
    #dyk #pillars h2.sectiontitle {
      margin-bottom: 60px; }
    #dyk #pillars .pillarwrapper {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
      overflow: hidden;
      position: relative;
      display: inline-block; }
      #dyk #pillars .pillarwrapper .backgroundimage {
        position: relative;
        z-index: 0;
        display: block; }
      #dyk #pillars .pillarwrapper .foottitle {
        position: absolute;
        display: block;
        width: 100%;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding: 18px 0;
        z-index: 1;
        left: 0px;
        bottom: 0px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease; }
      #dyk #pillars .pillarwrapper .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 100%;
        left: 0px;
        z-index: 2;
        display: block;
        text-align: center;
        color: #fff;
        padding: 50px 15px;
        line-height: 1.5;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease; }
        #dyk #pillars .pillarwrapper .overlay p {
          margin-bottom: 50px; }
        #dyk #pillars .pillarwrapper .overlay .title {
          font-size: 25px;
          margin-bottom: 25px; }
      #dyk #pillars .pillarwrapper:hover .overlay {
        top: 0%; }
      #dyk #pillars .pillarwrapper:hover .foottitle {
        bottom: -70px; }
    #dyk #pillars .pillar1 {
      text-align: center; }
      #dyk #pillars .pillar1 .overlay {
        background-color: rgba(79, 134, 142, 0.9); }
      #dyk #pillars .pillar1 .foottitle {
        background-color: #4f868e; }
    #dyk #pillars .pillar2 {
      text-align: center; }
      #dyk #pillars .pillar2 .overlay {
        background-color: rgba(169, 196, 127, 0.9); }
      #dyk #pillars .pillar2 .foottitle {
        background-color: #a9c47f; }
    #dyk #pillars .pillar3 {
      text-align: center; }
      #dyk #pillars .pillar3 .overlay {
        background-color: rgba(107, 180, 174, 0.9); }
      #dyk #pillars .pillar3 .foottitle {
        background-color: #6bb4ae; }
    @media only screen and (min-width: 992px) {
      #dyk #pillars .pillar1 {
        text-align: left; }
      #dyk #pillars .pillar3 {
        text-align: right; } }

#mountainfooter {
  height: 500px;
  overflow: hidden; }
  #mountainfooter .container {
    max-width: none;
    padding: 0; }
  #mountainfooter img {
    min-width: 100vw;
    height: auto;
    max-width: none; }

.susintro {
  padding: 10px 0 150px 0;
  font-size: 16px;
  line-height: 1.9;
  position: relative; }
  .susintro img {
    margin-bottom: -50px; }
  .susintro h5 {
    margin-bottom: 10px;
    color: inherit; }
  @media only screen and (min-width: 768px) {
    .susintro {
      padding-top: 40px;
      padding-bottom: 50px; }
      .susintro img {
        margin-bottom: -50px; } }

#commitment {
  line-height: 1.9;
  margin: 0 0 80px 0;
  padding: 0px 0; }
  #commitment.cover {
    background-size: auto 100%; }
    @media only screen and (min-width: 992px) {
      #commitment.cover {
        background-size: 100% 100%; } }
  #commitment h2 strong {
    font-family: 'Rock Salt', cursive; }
  @media only screen and (min-width: 992px) {
    #commitment {
      padding: 200px 0; } }

#ctafooter {
  display: table;
  width: 100vw; }
  #ctafooter .fity {
    display: block;
    width: 100%;
    height: auto;
    position: relative; }
    #ctafooter .fity .content {
      display: block;
      margin: 0 auto;
      text-align: center;
      max-width: 460px;
      width: 100%;
      padding: 50px 0 0 0;
      position: relative;
      z-index: 1; }
      #ctafooter .fity .content .footerctatitle {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px; }
      #ctafooter .fity .content p {
        line-height: 1.9;
        margin: 28px 0 0 0;
        padding: 0 15px; }
      #ctafooter .fity .content a {
        line-height: 1.4;
        margin: 40px 0 25px 0;
        color: #fff;
        text-align: left;
        display: inline-block;
        padding: 17px;
        position: relative;
        height: 76px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease; }
        #ctafooter .fity .content a:after {
          left: 100%;
          top: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(0, 0, 0, 0);
          border-width: 38px;
          margin-top: -38px; }
        #ctafooter .fity .content a:hover {
          opacity: .8;
          text-decoration: none; }
          #ctafooter .fity .content a:hover:after {
            margin-left: 0px; }
      #ctafooter .fity .content .key {
        width: 100%; }
        #ctafooter .fity .content .key img {
          display: block;
          margin: 0 auto; }
    #ctafooter .fity.leftside {
      border-right: 1px solid #fff; }
    #ctafooter .fity.rightside {
      border-left: 1px solid #fff; }
    #ctafooter .fity.leadershipside {
      background: url(../img/susBackgroundImage.png) no-repeat top left;
      background-size: cover;
      background-position-x: -300px;
      min-height: 730px; }
      #ctafooter .fity.leadershipside a {
        background-color: #6bbbae; }
        #ctafooter .fity.leadershipside a:after {
          border-left-color: #6bbbae; }
      #ctafooter .fity.leadershipside .footerctatitle {
        color: #6bbbae; }
      #ctafooter .fity.leadershipside .key {
        position: absolute;
        bottom: -10%;
        left: -20%;
        z-index: 0; }
        @media only screen and (min-width: 992px) {
          #ctafooter .fity.leadershipside .key {
            bottom: 0px;
            left: 0px; } }
    #ctafooter .fity.efficiencyside {
      background: url(../img/susBackgroundImage.png) no-repeat top left;
      background-size: cover;
      min-height: 730px; }
      #ctafooter .fity.efficiencyside .footerctatitle {
        color: #a2c271; }
      #ctafooter .fity.efficiencyside a {
        background-color: #a2c271; }
        #ctafooter .fity.efficiencyside a:after {
          border-left-color: #a2c271; }
      #ctafooter .fity.efficiencyside .key {
        margin-top: -50px;
        display: none; }
    #ctafooter .fity.innovationside {
      background: url(../img/susBackgroundImage.png) no-repeat top left;
      background-size: cover;
      min-height: 730px; }
      #ctafooter .fity.innovationside .footerctatitle {
        color: #4f868e; }
      #ctafooter .fity.innovationside a {
        background-color: #4f868e; }
        #ctafooter .fity.innovationside a:after {
          border-left-color: #4f868e; }
    @media only screen and (min-width: 992px) {
      #ctafooter .fity {
        display: table-cell;
        vertical-align: top;
        width: 50vw;
        height: 730px;
        padding-bottom: 50px; } }

body.page-leadership #headersmile {
  background: url(https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/52/2025/04/SustainabilityPage_Title_Curve-mobile.png) no-repeat center bottom; }
  @media only screen and (min-width: 768px) {
    body.page-leadership #headersmile {
      background: url(../images/sustainability/LeadershipPage_Title_Curve.svg) no-repeat center bottom; } }
body.page-leadership h2.sectiontitle {
  color: #6bbbae; }
body.page-leadership #footer {
  margin-top: -80px; }
body.page-leadership #leadershipintro {
  color: #fff;
  background: #308291;
  background: -moz-linear-gradient(top, #6bbbae 70%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #6bbbae 70%, #ffffff 100%);
  background: linear-gradient(to bottom, #6bbbae 70%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bbbae', endColorstr='#ffffff',GradientType=0 ); }
  @media only screen and (min-width: 992px) {
    body.page-leadership #leadershipintro {
      background: #308291;
      background: -moz-linear-gradient(top, #6bbbae 30%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #6bbbae 30%, #ffffff 100%);
      background: linear-gradient(to bottom, #6bbbae 30%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bbbae', endColorstr='#ffffff',GradientType=0 ); } }
body.page-leadership #tinyhomes {
  margin-bottom: 80px; }
  @media only screen and (min-width: 992px) {
    body.page-leadership #tinyhomes {
      margin-top: 40px;
      margin-bottom: 120px; } }
body.page-leadership #ilcvideo {
  margin-bottom: 90px; }
  @media only screen and (min-width: 992px) {
    body.page-leadership #ilcvideo {
      margin-top: 60px; } }
body.page-leadership #tinyhomes, body.page-leadership #ilcvideo {
  position: relative;
  z-index: 1; }
  body.page-leadership #tinyhomes .rightside, body.page-leadership #ilcvideo .rightside {
    margin-top: 80px;
    line-height: 1.9; }
body.page-leadership #spreadinggood {
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  padding: 50px 0px;
  margin-top: 120px; }
  body.page-leadership #spreadinggood h2.sectiontitle {
    color: inherit;
    margin-bottom: 40px; }
  body.page-leadership #spreadinggood .panel {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
    margin-bottom: 15px; }
    body.page-leadership #spreadinggood .panel strong {
      color: #308291;
      font-family: 'Rock Salt', cursive;
      font-weight: normal; }
    body.page-leadership #spreadinggood .panel.defaultpad {
      padding: 90px 50px; }
  body.page-leadership #spreadinggood .container {
    z-index: 1;
    position: relative; }
  body.page-leadership #spreadinggood .parallaximage {
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    width: auto;
    max-width: none;
    min-height: 110%; }
  body.page-leadership #spreadinggood .no-show {
    display: none; }
  body.page-leadership #spreadinggood .containerwrapper {
    margin-bottom: 0px; }
  @media only screen and (min-width: 992px) {
    body.page-leadership #spreadinggood {
      padding: 100px 0px; }
      body.page-leadership #spreadinggood h2.sectiontitle {
        margin-bottom: 80px; } }

body.page-efficiency #headersmile {
  background: url(../images/sustainability/EfficiencyPage_Title_Curve-mobile.svg) no-repeat center bottom; }
  @media only screen and (min-width: 768px) {
    body.page-efficiency #headersmile {
      background: url(../images/sustainability/EfficiencyPage_Title_Curve.svg) no-repeat center bottom; } }
body.page-efficiency h2.sectiontitle {
  color: #a2c271; }
body.page-efficiency #footer {
  margin-top: -1px; }
  @media only screen and (min-width: 992px) {
    body.page-efficiency #footer {
      margin-top: -80px; } }
body.page-efficiency #efficiencyintro {
  color: #fff;
  background: #308291;
  background: -moz-linear-gradient(top, #a2c271 70%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #a2c271 70%, #ffffff 100%);
  background: linear-gradient(to bottom, #a2c271 70%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c271', endColorstr='#ffffff',GradientType=0 ); }
  @media only screen and (min-width: 992px) {
    body.page-efficiency #efficiencyintro {
      background: #308291;
      background: -moz-linear-gradient(top, #a2c271 30%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #a2c271 30%, #ffffff 100%);
      background: linear-gradient(to bottom, #a2c271 30%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c271', endColorstr='#ffffff',GradientType=0 ); } }
body.page-efficiency #better {
  text-align: center;
  padding: 40px 0px; }
  body.page-efficiency #better .panel {
    font-size: 14px;
    padding: 60px 0px 0 0px; }
    body.page-efficiency #better .panel strong {
      font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
      font-size: 22px;
      font-weight: normal; }
    body.page-efficiency #better .panel a {
      color: #a2c271;
      font-weight: bold; }
  @media only screen and (min-width: 992px) {
    body.page-efficiency #better {
      padding: 100px 0px; }
      body.page-efficiency #better .panel {
        padding: 60px 40px 0 40px; } }
body.page-efficiency #tour {
  padding: 10%;
  margin-bottom: 0px; }
  body.page-efficiency #tour .inner {
    text-align: center;
    border-radius: 8px;
    padding: 10% 5%;
    background: url(../img/sus-tourInnerBack.jpg) no-repeat top center;
    background-size: cover;
    max-width: 90%;
    margin: 0 auto; }
    body.page-efficiency #tour .inner .btn-primary {
      margin-top: 30px;
      background-color: #264072;
      border-color: #264072;
      padding: 0px 30px;
      height: 43px;
      line-height: 43px;
      vertical-align: top; }
      body.page-efficiency #tour .inner .btn-primary:hover {
        background-color: #a2c271;
        border-color: #a2c271; }
  @media only screen and (min-width: 992px) {
    body.page-efficiency #tour {
      padding: 200px; }
      body.page-efficiency #tour .inner {
        padding: 70px 80px;
        max-width: 60%; } }
body.page-efficiency #goinggreen {
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  padding: 50px 0px; }
  body.page-efficiency #goinggreen h2.sectiontitle {
    color: inherit;
    margin-bottom: 40px; }
  body.page-efficiency #goinggreen .panel {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    font-family: 'Rock Salt', cursive;
    font-weight: normal;
    margin-bottom: 15px; }
    body.page-efficiency #goinggreen .panel strong {
      color: #789d4a;
      font-family: 'Rock Salt', cursive;
      font-weight: normal; }
    body.page-efficiency #goinggreen .panel.defaultpad {
      padding: 90px 50px; }
  body.page-efficiency #goinggreen .container {
    z-index: 1;
    position: relative; }
  body.page-efficiency #goinggreen .parallaximage {
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    width: auto;
    min-height: 110%;
    max-width: none;
    min-width: 100%; }
  body.page-efficiency #goinggreen .no-show {
    display: none; }
  body.page-efficiency #goinggreen .containerwrapper {
    margin-bottom: 0px; }
  @media only screen and (min-width: 992px) {
    body.page-efficiency #goinggreen {
      padding: 100px 0px; }
      body.page-efficiency #goinggreen h2.sectiontitle {
        margin-bottom: 80px; } }
body.page-efficiency #ingoodcompany {
  text-align: center;
  padding-top: 40px; }
  body.page-efficiency #ingoodcompany .panel {
    text-align: left;
    margin-top: 20px;
    padding: 0 0 40px 0;
    background-color: #f3f3f3; }
    body.page-efficiency #ingoodcompany .panel h3 {
      font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 18px;
      padding: 35px 0 25px 35px;
      margin: 0; }
    body.page-efficiency #ingoodcompany .panel p {
      padding: 0 35px 25px 35px;
      margin: 0; }
      body.page-efficiency #ingoodcompany .panel p:last-child {
        padding-bottom: 0px; }
    body.page-efficiency #ingoodcompany .panel a {
      color: #264072;
      display: block;
      font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
      -webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      transition: all 300ms ease; }
      body.page-efficiency #ingoodcompany .panel a:hover {
        color: #a2c271;
        text-decoration: none; }
  @media only screen and (min-width: 992px) {
    body.page-efficiency #ingoodcompany {
      padding-top: 80px; }
      body.page-efficiency #ingoodcompany .panel {
        padding: 0 0 90px 0; } }

body.page-innovation #headersmile {
  background: url(../images/sustainability/InnovationPage_Title_Curve-mobile.svg) no-repeat center bottom; }
  @media only screen and (min-width: 768px) {
    body.page-innovation #headersmile {
      background: url(../images/sustainability/InnovationPage_Title_Curve.svg) no-repeat center bottom; } }
body.page-innovation h2.sectiontitle {
  color: #308291; }
body.page-innovation #footer {
  margin-top: -1px; }
  @media only screen and (min-width: 992px) {
    body.page-innovation #footer {
      margin-top: -80px; } }
body.page-innovation #innovationintro {
  color: #fff;
  background: #308291;
  background: -moz-linear-gradient(top, #308291 70%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #308291 70%, #ffffff 100%);
  background: linear-gradient(to bottom, #308291 70%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#308291', endColorstr='#ffffff',GradientType=0 ); }
  @media only screen and (min-width: 992px) {
    body.page-innovation #innovationintro {
      background: #308291;
      background: -moz-linear-gradient(top, #308291 30%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #308291 30%, #ffffff 100%);
      background: linear-gradient(to bottom, #308291 30%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#308291', endColorstr='#ffffff',GradientType=0 ); } }
body.page-innovation #productstories {
  padding-top: 40px;
  background: url(../img/sus-productstoriesBack.jpg) no-repeat top center;
  background-size: cover;
  color: #fff; }
  body.page-innovation #productstories h2.sectiontitle {
    color: #fff; }
    body.page-innovation #productstories h2.sectiontitle:after {
      content: '(swipe for more)';
      display: block;
      font-size: 12px; }
    @media only screen and (min-width: 992px) {
      body.page-innovation #productstories h2.sectiontitle:after {
        display: none; } }
  body.page-innovation #productstories ul.carouselnav {
    display: none; }
    @media only screen and (min-width: 992px) {
      body.page-innovation #productstories ul.carouselnav {
        display: table;
        width: 100%; }
        body.page-innovation #productstories ul.carouselnav li {
          display: table-cell;
          table-layout: auto;
          border: 1px solid #fff;
          text-align: center;
          font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
          text-transform: uppercase;
          font-size: 13px;
          line-height: 40px;
          padding-top: 8px;
          background-color: transparent;
          color: #fff;
          -webkit-transition: all 300ms ease;
          -moz-transition: all 300ms ease;
          transition: all 300ms ease;
          cursor: pointer; }
          body.page-innovation #productstories ul.carouselnav li sup {
            top: -0.7em;
            font-size: 65%; }
          body.page-innovation #productstories ul.carouselnav li:first-child {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px; }
          body.page-innovation #productstories ul.carouselnav li:last-child {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px; }
          body.page-innovation #productstories ul.carouselnav li:hover, body.page-innovation #productstories ul.carouselnav li.active {
            background-color: #fff;
            color: #4f868e; } }
  @media only screen and (min-width: 768px) {
    body.page-innovation #productstories .owl-carousel {
      height: auto; } }
  body.page-innovation #productstories .slide {
    min-height: 460px;
    padding-top: 0px;
    margin-bottom: -5px;
    text-align: center; }
    body.page-innovation #productstories .slide img {
      display: block;
      margin: 20px auto 0 auto; }
    body.page-innovation #productstories .slide .col-md-7 {
      padding-top: 20px;
      line-height: 1.6; }
    @media only screen and (min-width: 768px) {
      body.page-innovation #productstories .slide {
        padding-top: 60px;
        text-align: left; }
        body.page-innovation #productstories .slide img {
          margin: 0 auto; } }
  body.page-innovation #productstories .owl-nav {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%; }
    body.page-innovation #productstories .owl-nav > button {
      width: auto;
      border: none;
      text-indent: 0px;
      font-size: 13px;
      font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
      color: #fff;
      text-transform: uppercase;
      cursor: pointer;
      display: inline-block !important;
      position: relative; }
      body.page-innovation #productstories .owl-nav > div.disabled, body.page-innovation #productstories .owl-nav > button.disabled {
        color: #ccc;
        cursor: default; }
      body.page-innovation #productstories .owl-nav > .owl-prev {
        left: 20%; }
        body.page-innovation #productstories .owl-nav > .owl-prev:before {
          content: '\f104';
          font-family: 'FontAwesome';
          font-size: 15px;
          margin-right: 5px; }
      body.page-innovation #productstories .owl-nav > .owl-next {
        left: 40%; }
        body.page-innovation #productstories .owl-nav > .owl-next:after {
          content: '\f105';
          font-family: 'FontAwesome';
          font-size: 15px;
          margin-left: 5px; }
    @media only screen and (min-width: 992px) {
      body.page-innovation #productstories .owl-nav {
        bottom: 80px; }
        body.page-innovation #productstories .owl-nav > .owl-prev {
          left: 0px; }
        body.page-innovation #productstories .owl-nav > .owl-next {
          left: 10px; } }
  @media only screen and (min-width: 992px) {
    body.page-innovation #productstories {
      padding-top: 90px; } }
body.page-innovation #environment {
  padding: 20px 30px; }
  body.page-innovation #environment h2.sectiontitle {
    margin-bottom: 20px; }
  body.page-innovation #environment .panel {
    background-color: #f6f6f6;
    height: 500px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 15px 0; }
    body.page-innovation #environment .panel h3 {
      z-index: 2;
      padding: 0 5%;
      font-size: 22px;
      position: absolute;
      top: 430px;
      left: 0px;
      color: #4a4a4a;
      text-align: center;
      width: 100%;
      display: block;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      transition: all 500ms ease; }
      @media only screen and (min-width: 992px) {
        body.page-innovation #environment .panel h3 {
          padding: 0 8%;
          top: 450px; } }
    body.page-innovation #environment .panel .imagewrapper {
      position: relative;
      z-index: 0; }
      body.page-innovation #environment .panel .imagewrapper.flood {
        max-height: 70%;
        overflow: hidden; }
    body.page-innovation #environment .panel .overlay {
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      transition: all 500ms ease;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 100%;
      left: 0px;
      width: 100%;
      height: 100%;
      color: #fff;
      padding: 0 5%;
      background-color: rgba(100, 100, 100, 0.9); }
      body.page-innovation #environment .panel .overlay p {
        margin-top: 80px;
        line-height: 1.5; }
      body.page-innovation #environment .panel .overlay a.btn-primary {
        background-color: transparent;
        color: #fff;
        padding: 0px 22px;
        height: 43px;
        line-height: 43px;
        border-color: #fff;
        margin-top: 20px; }
        body.page-innovation #environment .panel .overlay a.btn-primary:hover {
          background-color: #fff;
          color: #6ebaae; }
    body.page-innovation #environment .panel .flood {
      position: absolute;
      top: 0px;
      left: 0px; }
    body.page-innovation #environment .panel:hover h3 {
      top: 130px;
      color: #fff; }
      @media only screen and (min-width: 992px) {
        body.page-innovation #environment .panel:hover h3 {
          top: 140px; } }
    body.page-innovation #environment .panel:hover .overlay {
      top: 0%; }
    @media only screen and (min-width: 992px) {
      body.page-innovation #environment .panel {
        height: 550px; } }
  @media only screen and (min-width: 768px) {
    body.page-innovation #environment {
      padding-top: 90px; }
      body.page-innovation #environment h2.sectiontitle {
        margin-bottom: 65px; } }

#dyk{display:none!important;}
#globalgathering{background-position: bottom center; padding: 50px 0 100px 0px; text-align:center;background-image: url(https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/35/2025/04/globalgathering.jpg);background-repeat: no-repeat;}
#footer #legal_footer{padding-bottom:100px;}
.bumperTop{font-size:14px;}
#bumperMaster{z-index: 99991!important;}
#footer{margin-top:-50px;}
#family{margin-top: 40px;}
#awards:after{background-size: 100% 100%!important;}
#mountainfooter img {min-width: 100vw!important;}
#leaderquote h2{font-family: 'Rock Salt', cursive; color:#4F868E; margin-top:30px;}
#leaderquote{background-size: cover!important;
background-position: center bottom!important;
background-repeat: no-repeat; min-height:990px;}
#leaderquote .btn-holder{text-align:center;}
#leaderquote .btncontainer{display:inline-block; vertical-align:top; margin:0 10px;}
#leaderquote .btn-primary {
background-color: #264072;
border-color: #264072;
padding: 0px 30px;
height: 43px;
line-height: 43px;
border-radius:4px;
}
.arrow:after {
  content: "";
  display: inline-block !important;
  width: 0;
  height: 0;
  border-left: 14px solid #FFFFFF;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  vertical-align: middle;
margin-left: 15px;
transform: rotate(90deg) translateX(-10%);
}
.listcontainer{position:relative;}
.reportlist{
padding-top:10px;
position: absolute;
background: #fff;
width: 100%;
top: 43px;
left:0px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
opacity:0;
pointer-events:none;
}
.reportlist.active{
opacity:1;
pointer-events:all;
}
.reportlist a{
display:block;
text-align:center;
color:#707070;
font-family:'RheemSansBold';
}
#blogsection{color:#fff;}
#blogsection .containerwrapper{margin-bottom:0px;}
#blogsection .leftside img{margin-bottom:-80px;}
#blogsection h2{font-family: 'Rock Salt', cursive; color:#264072; font-size:45px; line-height:1.6;}
#blogsection .btn-primary {
background-color: #264072;
border-color: #264072;
padding: 0px 30px;
height: 43px;
line-height: 43px;
}
#featuredblogpost h2{font-family:'RheemSansLight'; color:#FFF; font-size:33px; line-height:1.2;}
#featuredblogpost strong{font-weight: 400;}
#bloglistrow{margin-top:30px;}
.blogbox{
padding:30px 20px 10px 20px;
background-color: #F7F7F7;
color: #63666A;
}
.viewall{
background-color: #264072;
color: #ffffff;
}
.viewall a{
text-align: center;
line-height: 1;
color: #fff;
text-transform: uppercase;
}
.viewall a:hover{text-decoration:none; color:#ccc;}
#blogsection .blogbox h2{font-family:'RheemSansRoman'; font-size:20px; color:#63666A;  line-height:1.2;}
#blogsection .blogbox p{line-height:1.1;}
#blogsection .blogbox p strong{font-family:'RheemSansRoman'; font-size:12px; color:#63666A;}

#awards .slide > div{display:none;}
.imageslide{text-align:center;}
.imageslide img.alignleft{float:none; display:inline-block;}


.slide a:focus, .fancybox-content a:focus, .fancybox-content a:active{outline:none;}
.fancybox-content a{color:blue;}
.fancybox-content{margin: 0 auto; max-width:80%;}
.topper{border-bottom: 1px solid #ccc;
display: block;
font-weight: bold;}
#awards .sectiontitle span{display:block; font-size:15px;}

.owl-prev, .owl-next,.owl-prev:hover, .owl-next:hover{background:none;}

.mobilelogos{display:block;}
.mobilelogos li{margin-bottom:20px;}
.desktoplogos{display:none;}

#numbers{display:none!important;}

 @media only screen and (min-width: 768px) {
.mobilelogos{display:none;}
.desktoplogos{display:block;}

#bloglistrow{display:flex; gap:10px;}
.blogbox{flex: 1 0 28%; display:flex; align-items:flex-end;}
.viewall{flex: 1 0 15%; display:flex; align-items:center; justify-content:center;}

.imageslide{text-align:left;}
.imageslide img.alignleft{float:left;}

#leaderquote{padding: 80px 0px!important;}
#leaderquote .slide1content{display:block; text-align:left; padding-top:40px;}
#leaderquote .slide1image{display:block; width:261px; float:left;}
#leaderquote .slide{text-align:center!important; padding:0 80px;}
#leaderquote .centeredslide{padding:50px 10%;}

#numbers .numberblock {
margin-top: 60px!important;
}
#numbers .numberblock .note{min-height:105px;}
#officers{padding:80px 0px!important;}
.fancybox-content{max-width:50%;}
        #officers .slide .quote {
          margin-top: 0px!important; }
 }

@media only screen and (min-width: 992px){
#dyk .owl-nav > .owl-prev {left: -40px!important;}
}

@media only screen and (min-width: 1200px){
#numbers .numberblock .note{min-height:85px;}
}

#leaderquote.lazy-background {
  background-image: url(https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/35/2025/04/thinkingbigback.jpg);
}
#officers.lazy-background{ background-image: url('https://media.rheem-mea.com/blobazrheem/wp-content/uploads/sites/35/2025/04/quoteback.png');}