/* Globals */
@font-face {
  font-family: "FontAwesome";
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format("embedded-opentype"), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format("woff2"), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format("woff"), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format("truetype"), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniformCondensedBlack";
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Uniform/Miller-Type-Foundry-Uniform-Condensed-Black.otf') format("opentype"), url('../fonts/Uniform/miller_type_foundry_-_uniform_condensed_black-webfont.woff') format("woff"), url('../fonts/Uniform/miller_type_foundry_-_uniform_condensed_black-webfont.woff2') format("woff2");
}
@font-face {
  font-family: "UniformCondensedBold";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Uniform/Miller-Type-Foundry-Uniform-Condensed-Bold.otf') format("opentype"), url('../fonts/Uniform/miller_type_foundry_-_uniform_condensed_bold-webfont.woff') format("woff"), url('../fonts/Uniform/miller_type_foundry_-_uniform_condensed_bold-webfont.woff2') format("woff2");
}
@font-face {
  font-family: "UniformCondensedMedium";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Uniform/Miller-Type-Foundry-Uniform-Condensed-Medium.otf') format("opentype"), url('../fonts/Uniform/miller_type_foundry_-_uniform_condensed_medium-webfont.woff') format("woff"), url('../fonts/Uniform/miller_type_foundry_-_uniform_condensed_medium-webfont.woff2') format("woff2");
}
@font-face {
  font-family: "UniformCondensedRegular";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Uniform/Miller-Type-Foundry-Uniform-Condensed-Regular.otf') format("opentype"), url('../fonts/Uniform/miller_type_foundry_-_uniform_condensed_regular-webfont.woff') format("woff"), url('../fonts/Uniform/miller_type_foundry_-_uniform_condensed_regular-webfont.woff2') format("woff2");
}
@font-face {
  font-family: "KapraNeuePro";
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/Kapra-Neue-Pro/Typoforge-Studio-Kapra-Neue-Pro-Bold-It-Con.otf') format("opentype"), url('../fonts/Kapra-Neue-Pro/Typoforge-Studio-Kapra-Neue-Pro-Bold-It-Con.woff') format("woff"), url('../fonts/Kapra-Neue-Pro/Typoforge-Studio-Kapra-Neue-Pro-Bold-It-Con.woff2') format("woff2");
}

.sr-only {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  top: auto;
  overflow: hidden;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
body {
  font-family: "UniformCondensedRegular", sans-serif;
  font-size: clamp(1.125rem, 0.9706rem + 0.7059vw, 1.5rem);
  font-weight: 400;
  line-height: clamp(1.35rem, 1.1647rem + 0.8471vw, 1.8rem);
  color: #2b3743;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.PreviewToolBar {
  z-index: 1001 !important;
}
.PreviewToolBar {
  display: none;
}
line-hei {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
a {
  color: #00843d;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 42px;
  line-height: 50px;
  margin: 0;
  color: #00843d;
  font-weight: 300;
}
h2 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 900;
  margin: 0;
  color: #2b3743;
  text-transform: uppercase;
}
h3 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  color: #2b3743;
}
h4 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  color: #2b3743;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
img {
  max-width: 100%;
  border: 0;
}
nav {
  display: block;
}

.section-sustainability.page-renewable .PaneContent .container {
  width: auto;
  padding: 0;
}
.NoPaddingBottom .PaneContentInner {
  padding-bottom: 0;
}
.container {
  width: 1200px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.LayoutHomePage .PaneContentInner .container {
  max-width: none;
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .container {
      width: auto;
      padding-left: 15px;
      padding-right: 15px;
  }
}
@media screen and (max-width: 320px) {
  body {
      line-height: 20px;
  }
  h2 {
      font-size: 13px;
  }
  .PaneContentInner {
      padding-bottom: 15px;
  }
}
/*==================================
----------- TOAST GRID -----------
==================================*/
.grid {
  list-style: none;
  margin-left: -20px;
}
.grid_col--1-of-1,
.grid_col--2-of-2,
.grid_col--3-of-3,
.grid_col--4-of-4,
.grid_col--5-of-5,
.grid_col--6-of-6,
.grid_col--8-of-8,
.grid_col--12-of-12 {
  width: 100%;
}
.grid_col--1-of-2,
.grid_col--2-of-4,
.grid_col--3-of-6,
.grid_col--4-of-8,
.grid_col--6-of-12 {
  width: 50%;
}
.grid_col--1-of-3,
.grid_col--2-of-6,
.grid_col--4-of-12 {
  width: 33.3333333333%;
}
.grid_col--2-of-3,
.grid_col--4-of-6,
.grid_col--8-of-12 {
  width: 66.6666666667%;
}
.grid_col--1-of-4,
.grid_col--2-of-8,
.grid_col--3-of-12 {
  width: 25%;
}
.grid_col--3-of-4,
.grid_col--6-of-8,
.grid_col--9-of-12 {
  width: 75%;
}
.grid_col--push-1-of-1,
.grid_col--push-2-of-2,
.grid_col--push-3-of-3,
.grid_col--push-4-of-4,
.grid_col--push-5-of-5,
.grid_col--push-6-of-6,
.grid_col--push-8-of-8,
.grid_col--push-12-of-12 {
  margin-left: 100%;
}
.grid_col--push-1-of-2,
.grid_col--push-2-of-4,
.grid_col--push-3-of-6,
.grid_col--push-4-of-8,
.grid_col--push-6-of-12 {
  margin-left: 50%;
}
.grid_col--push-1-of-3,
.grid_col--push-2-of-6,
.grid_col--push-4-of-12 {
  margin-left: 33.3333333333%;
}
.grid_col--push-2-of-3,
.grid_col--push-4-of-6,
.grid_col--push-8-of-12 {
  margin-left: 66.6666666667%;
}
.grid_col--push-1-of-4,
.grid_col--push-2-of-8,
.grid_col--push-3-of-12 {
  margin-left: 25%;
}
.grid_col--push-3-of-4,
.grid_col--push-6-of-8,
.grid_col--push-9-of-12 {
  margin-left: 75%;
}
.grid_col--pull-1-of-1,
.grid_col--pull-2-of-2,
.grid_col--pull-3-of-3,
.grid_col--pull-4-of-4,
.grid_col--pull-5-of-5,
.grid_col--pull-6-of-6,
.grid_col--pull-8-of-8,
.grid_col--pull-12-of-12 {
  margin-left: -100%;
}
.grid_col--pull-1-of-2,
.grid_col--pull-2-of-4,
.grid_col--pull-3-of-6,
.grid_col--pull-4-of-8,
.grid_col--pull-6-of-12 {
  margin-left: -50%;
}
.grid_col--pull-1-of-3,
.grid_col--pull-2-of-6,
.grid_col--pull-4-of-12 {
  margin-left: -33.3333333333%;
}
.grid_col--pull-2-of-3,
.grid_col--pull-4-of-6,
.grid_col--pull-8-of-12 {
  margin-left: -66.6666666667%;
}
.grid_col--pull-1-of-4,
.grid_col--pull-2-of-8,
.grid_col--pull-3-of-12 {
  margin-left: -25%;
}
.grid_col--pull-3-of-4,
.grid_col--pull-6-of-8,
.grid_col--pull-9-of-12 {
  margin-left: -75%;
}
.grid_col--1-of-5 {
  width: 20%;
}
.grid_col--push-1-of-5 {
  margin-left: 20%;
}
.grid_col--pull-1-of-5 {
  margin-left: -20%;
}
.grid_col--2-of-5 {
  width: 40%;
}
.grid_col--push-2-of-5 {
  margin-left: 40%;
}
.grid_col--pull-2-of-5 {
  margin-left: -40%;
}
.grid_col--3-of-5 {
  width: 60%;
}
.grid_col--push-3-of-5 {
  margin-left: 60%;
}
.grid_col--pull-3-of-5 {
  margin-left: -60%;
}
.grid_col--4-of-5 {
  width: 80%;
}
.grid_col--push-4-of-5 {
  margin-left: 80%;
}
.grid_col--pull-4-of-5 {
  margin-left: -80%;
}
.grid_col--1-of-6 {
  width: 16.6666666667%;
}
.grid_col--push-1-of-6 {
  margin-left: 16.6666666667%;
}
.grid_col--pull-1-of-6 {
  margin-left: -16.6666666667%;
}
.grid_col--5-of-6 {
  width: 83.3333333333%;
}
.grid_col--push-5-of-6 {
  margin-left: 83.3333333333%;
}
.grid_col--pull-5-of-6 {
  margin-left: -83.3333333333%;
}
.grid_col--1-of-8 {
  width: 12.5%;
}
.grid_col--push-1-of-8 {
  margin-left: 12.5%;
}
.grid_col--pull-1-of-8 {
  margin-left: -12.5%;
}
.grid_col--3-of-8 {
  width: 37.5%;
}
.grid_col--push-3-of-8 {
  margin-left: 37.5%;
}
.grid_col--pull-3-of-8 {
  margin-left: -37.5%;
}
.grid_col--5-of-8 {
  width: 62.5%;
}
.grid_col--push-5-of-8 {
  margin-left: 62.5%;
}
.grid_col--pull-5-of-8 {
  margin-left: -62.5%;
}
.grid_col--7-of-8 {
  width: 87.5%;
}
.grid_col--push-7-of-8 {
  margin-left: 87.5%;
}
.grid_col--pull-7-of-8 {
  margin-left: -87.5%;
}
.grid_col--1-of-12 {
  width: 8.3333333333%;
}
.grid_col--push-1-of-12 {
  margin-left: 8.3333333333%;
}
.grid_col--pull-1-of-12 {
  margin-left: -8.3333333333%;
}
.grid_col--2-of-12 {
  width: 16.6666666667%;
}
.grid_col--push-2-of-12 {
  margin-left: 16.6666666667%;
}
.grid_col--pull-2-of-12 {
  margin-left: -16.6666666667%;
}
.grid_col--5-of-12 {
  width: 41.6666666667%;
}
.grid_col--push-5-of-12 {
  margin-left: 41.6666666667%;
}
.grid_col--pull-5-of-12 {
  margin-left: -41.6666666667%;
}
.grid_col--7-of-12 {
  width: 58.3333333333%;
}
.grid_col--push-7-of-12 {
  margin-left: 58.3333333333%;
}
.grid_col--pull-7-of-12 {
  margin-left: -58.3333333333%;
}
.grid_col--10-of-12 {
  width: 83.3333333333%;
}
.grid_col--push-10-of-12 {
  margin-left: 83.3333333333%;
}
.grid_col--pull-10-of-12 {
  margin-left: -83.3333333333%;
}
.grid_col--11-of-12 {
  width: 91.6666666667%;
}
.grid_col--push-11-of-12 {
  margin-left: 91.6666666667%;
}
.grid_col--pull-11-of-12 {
  margin-left: -91.6666666667%;
}
.grid_col {
  box-sizing: border-box;
  display: inline-block;
  margin-right: -0.25em;
  min-height: 1px;
  padding-left: 20px;
  vertical-align: top;
}
@media (max-width: 480px) {
  .grid_col {
      display: block;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
  }
}
@media (max-width: 1200px) and (min-width: 1025px) {
  .grid_col[class*="grid_col--lg-"] {
      display: inline-block;
      margin-right: -0.24em;
  }
  .grid_col.grid_col--lg-1-of-1 {
      width: 100%;
  }
  .grid_col.grid_col--lg-1-of-2,
  .grid_col.grid_col--lg-2-of-4 {
      width: 50%;
  }
  .grid_col.grid_col--lg-1-of-3 {
      width: 33.3333333333%;
  }
  .grid_col.grid_col--lg-2-of-3 {
      width: 66.6666666667%;
  }
  .grid_col.grid_col--lg-1-of-4 {
      width: 25%;
  }
  .grid_col.grid_col--lg-3-of-4 {
      width: 75%;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .grid_col[class*="grid_col--lc-"] {
      display: inline-block;
      margin-right: -0.24em;
  }
  .grid_col.grid_col--lc-1-of-1 {
      width: 100%;
  }
  .grid_col.grid_col--lc-1-of-2,
  .grid_col.grid_col--lc-2-of-4 {
      width: 50%;
  }
  .grid_col.grid_col--lc-1-of-3 {
      width: 33.3333333333%;
  }
  .grid_col.grid_col--lc-2-of-3 {
      width: 66.6666666667%;
  }
  .grid_col.grid_col--lc-1-of-4 {
      width: 25%;
  }
  .grid_col.grid_col--lc-3-of-4 {
      width: 75%;
  }
}
@media (max-width: 768px) and (min-width: 481px) {
  .grid_col[class*="grid_col--md-"] {
      display: inline-block;
      margin-right: -0.24em;
  }
  .grid_col.grid_col--md-1-of-1 {
      width: 100%;
  }
  .grid_col.grid_col--md-1-of-2,
  .grid_col.grid_col--md-2-of-4 {
      width: 50%;
  }
  .grid_col.grid_col--md-1-of-3 {
      width: 33.3333333333%;
  }
  .grid_col.grid_col--md-2-of-3 {
      width: 66.6666666667%;
  }
  .grid_col.grid_col--md-1-of-4 {
      width: 25%;
  }
  .grid_col.grid_col--md-3-of-4 {
      width: 75%;
  }
}
@media (max-width: 480px) {
  .grid_col[class*="grid_col--sm-"] {
      display: inline-block;
      margin-right: -0.24em;
  }
  .grid_col.grid_col--sm-1-of-2,
  .grid_col.grid_col--sm-2-of-4 {
      width: 50%;
  }
  .grid_col.grid_col--sm-1-of-3 {
      width: 33.3333333333%;
  }
  .grid_col.grid_col--sm-2-of-3 {
      width: 66.6666666667%;
  }
  .grid_col.grid_col--sm-1-of-4 {
      width: 25%;
  }
  .grid_col.grid_col--sm-3-of-4 {
      width: 75%;
  }
}
.grid_col--centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.grid_col--d-first {
  float: left;
}
.grid_col--d-last {
  float: right;
}
.grid--no-gutter {
  margin-left: 0;
}
.grid--no-gutter .grid_col {
  padding-left: 0;
}
.grid--no-gutter .grid_col--span-all {
  margin-left: 0;
  width: 100%;
}
.grid--no-space .grid_col {
  margin-right: 0;
}
.grid--no-gutter .grid_col--ab {
  vertical-align: bottom;
}
.grid_col--am {
  vertical-align: middle;
}
.grid--gutter-50 {
  margin-left: -50px;
}
.grid--gutter-50 .grid_col {
  padding-left: 50px;
  padding-right: 0;
}
.grid--gutter-10 {
  margin-left: -10px;
}
.grid--gutter-10 .grid_col {
  padding-left: 10px;
  padding-right: 0;
}
/* Header Pane */
.HeaderContainer {
  margin-top: 60px;
}
.ClientLogo {
  position: absolute;
  top: 0;
  width: 130px;
  margin-top: 1rem;
  display: block !important;
}
.ClientLogo img {
  content: url('../design/logo/whitelogo.png');
}
.HeadIcons {
  float: right;
  width: 59px;
  margin-top: 23px;
}
.HeadIcons a {
  vertical-align: top;
}
.HeadIcons img {
  vertical-align: top;
}
.ToggleMenu {
  display: none;
}
.navbar-collapse {
  margin: 0 auto;
  width: 940px;
  text-align: center;
  display: block;
}
.PaneHeader {
  background: #00843d;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1200px) {
  .navbar-collapse {
      width: auto;
  }
}
@media screen and (max-width: 940px) {
  .HeaderContainer {
      margin-top: 52px;
  }
  .PaneHeader {
      background: #00843d;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 1000;
      height: 60px;
  }
  .navbar-collapse {
      display: none;
  }
  .PaneHeader .container {
      text-align: center;
  }
  .ClientLogo {
      width: auto;
      float: left;
      margin-top: 10px;
      margin-bottom: 15px;
      position: static;
      display: block !important;
  }
  .ClientLogo a img {
      height: 40px;
  }
  .ClientLogo img {
      content: url('../design/2022/Logo_Mobile.png');
      margin-left: 0.625rem;
  }
  .ToggleMenu {
      display: block;
      background: url('../images/mobile/menu_mobile.png');
      width: 33px;
      height: 22px;
      float: right;
      margin-top: 1.15rem;
      margin-right: 1rem;
  }
  .HeadIcons {
      margin-top: 15px;
      display: none;
  }
}
/* Primary Nav */
.MobileNav {
  display: none;
}
.navbar-collapse ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}
.navbar-collapse ul.level2 li {
  position: relative;
}
.navbar-collapse ul.level2 li:hover ul.level3 {
  /*display:block;*/
  text-align: left;
}
.navbar-collapse li {
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
}
.navbar-collapse a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.navbar-collapse .level1 > li:first-child {
  margin-left: 0;
}
.navbar-collapse .level3 {
  display: none;
  position: absolute;
  top: 60px;
  left: -20px;
  background: #00843d;
}
.navbar-collapse .level4,
.navbar-collapse .level5 {
  background-color: #000;
  display: none;
  left: 100%;
  position: absolute;
  top: 0;
}
.navbar-collapse ul.level3 li a {
  white-space: nowrap;
  display: block;
  text-align: left;
  padding: 0;
}
.navbar-collapse .level3 li a:hover,
.navbar-collapse .level4 li a:hover,
.navbar-collapse .level5 li a:hover {
  color: #ffffff;
}
.navbar-collapse ul.level3 li.has-children {
  position: relative;
}
/*.navbar-collapse ul.level3 li:hover  ul.level4{
  display:block;
}*/
.navbar-collapse ul.level3 li {
  margin: 0;
  padding: 0 40px 0 20px;
  display: block;
}
.navbar-collapse ul.level3 li.has-children:after {
  position: absolute;
  content: "\f105";
  right: 20px;
  top: 50%;
  margin-top: -12px;
  color: #ffffff;
  font-family: "FontAwesome";
  font-size: 20px;
}
.navbar-collapse ul.level3 li:hover {
  background-color: #404040;
}
/* .navbar-collapse .level1 > li.selected > a:after {
  position: absolute;
  content: "";
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #425363;
  z-index: 111;
} */
/* .navbar-collapse .level2 > li.selected > a:after, .navbar-collapse .level2 > li.expanded > a:after {
  position: absolute;
  content: "";
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #425363;
  z-index: 111;
} */
.navbar-collapse ul.level4,
.navbar-collapse ul.level5 {
  background-color: #00843d;
}
.navbar-collapse ul.level4 li:hover,
.navbar-collapse ul.level5 li:hover {
  background-color: #404040;
}
@media screen and (min-width: 940px) {
  .MobileNav {
      display: none !important;
  }
}
@media screen and (max-width: 940px) {
  .LayoutHomePage .PaneContentInner .container {
      padding: 0;
  }
  .PaneLeft .container {
      padding: 0;
  }
  .openNav .PaneHeader {
      position: absolute;
  }
  .MobileNav {
      display: none;
      list-style: none;
      background: #00843d;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      z-index: 1000;
  }
  .MobileNav:before,
  .MobileNav:after {
      content: " ";
      display: table;
  }
  .MobileNav:after {
      clear: both;
  }
  .MobileNav ul {
      list-style: none;
      display: block;
      margin: 0;
      padding: 0;
  }
  .MobileNav a {
      color: #ffffff;
      text-decoration: none;
      font-size: 13px;
      line-height: 40px;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center;
      display: block;
      border-top: 1px solid #ffffff;
      position: relative;
  }
  .MobileNav a:last-child {
      border-bottom: 1px solid #ffffff;
  }
  .MobileNav li {
      float: none;
  }
  .MobileNav a:hover {
      background: #282c2f;
      display: block;
  }
  .MobileNav > li > a {
      display: block;
  }
  .MobileNav .level3 {
      display: none;
  }
  .MobileNav .level1 > li.selected > a {
      background: #282c2f;
  }
  .MobileNav .level2 > li.selected > a,
  .MobileNav .level2 > li.expanded > a {
      background: #282c2f;
      display: block;
      padding: 0 40px;
  }
  .MobileNav .level2 li.selected > .level3 > li > a,
  .MobileNav .level2 li.expanded > .level3 > li > a {
      display: block;
  }
  .MobileNav .level4,
  .MobileNav .level5 {
      display: none;
  }
  .MobileNav .level2 > li.has-children > a,
  .MobileNav .level3 > li.has-children > a,
  .MobileNav .level4 > li.has-children > a {
      position: relative;
  }
  .MobileNav .level2 > li.has-children > a:after,
  .MobileNav .level3 > li.has-children > a:after,
  .MobileNav .level4 > li.has-children > a:after {
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -10px;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: 20px;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: translate(0, 0);
      content: "\f107";
      color: #ffffff;
  }
  .MobileNav .level2 > li.has-children.open > a:after,
  .MobileNav .level3 > li.has-children.open > a:after,
  .MobileNav .level4 > li.has-children.open > a:after {
      content: "\f106";
  }
  .MobileNav .level3 {
      background-color: #404040;
  }
  .MobileNav .level4 {
      background-color: #898989;
  }
  .MobileNav .level5 {
      background-color: #c3c5c8;
  }
  .MobileNav .level2 > li.expanded {
      position: relative;
  }
  .MobileNav .level2 .drop-icon {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: translate(0, 0);
      content: "\f077";
      color: #ffffff;
      width: 40px;
      height: 100%;
      z-index: 10;
  }
}
/* Lubricants Grid */
.lubricants--grid-item {
  text-align: center;
}
/* Pane Header 2 */
.PaneHeader2 {
  position: relative;
}
.PaneHeader2 .ModuleSearch {
  display: none;
  background: #404040;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 105;
  padding-top: 40px;
  padding-bottom: 40px;
}
.PaneHeader2 .ModuleSearch .ModuleContainerInner {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: auto;
  max-width: 40%;
  margin-right: 0;
}
.PaneHeader2 .ModuleSearch input[type="text"] {
  width: 320px;
  height: 40px;
  background: #ffffff;
  color: #536067;
  font-size: 15px;
  line-height: 36px;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
}
.PaneHeader2 .ModuleSearch input[type="submit"] {
  width: 140px;
  height: 40px;
  background: #00843d;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 35px;
  font-weight: 900;
  border: 0;
}
.PaneHeader2 .ModuleSearch input[type="submit"]:hover {
  color: #00843d;
  background: #ffffff;
  cursor: pointer;
}
.PaneHeader2 .MailingListSignupContainer {
  display: none;
  background: #dadfe1;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 105;
  padding-top: 40px;
  padding-bottom: 40px;
}
.PaneHeader2 .SignUp {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: auto;
  border-left: 1px solid #cdd2d5;
  max-width: 40%;
  margin-right: 0;
  position: relative;
}
.PaneHeader2 .SignUp input[type="text"] {
  width: 320px !important;
  height: 40px;
  background: #ffffff;
  color: #536067;
  font-size: 15px;
  line-height: 36px;
  border: 0;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.PaneHeader2 .SignUp input[type="submit"] {
  width: 140px;
  height: 50px;
  background: #7bc6ac;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 35px;
  font-weight: 900;
  border: 0;
}
.EditSubscriberConfirmation {
  text-align: center;
}
.icheckbox,
.iradio_flat-grey {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 19px;
  height: 21px;
  background: url('../design/white.png') no-repeat;
  border: none;
  cursor: pointer;
  margin-right: 10px;
}
.icheckbox {
  background-position: 0;
}
.icheckbox.checked {
  background-position: -40px 0;
}
.MailingListForm input[type="checkbox"],
.MailingListUnsubscribeContainer input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
.LandingEmailAlerts .Button.ActionButton {
  position: absolute;
  top: 75%;
  left: -590px;
  margin-left: 50%;
  background-color: #ccc;
  border: medium none;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  color: #5f6861;
  cursor: pointer;
  font-size: 25px;
  height: 75px;
  line-height: 75px;
  padding: 0;
  text-align: center;
  width: 280px;
}
.LandingEmailAlerts .ErrorContainer,
.LandingEmailAlerts .EditSubscriberConfirmation {
  color: #ffffff;
  font-size: 25px;
  left: -590px;
  margin-left: 50%;
  position: absolute;
  text-align: center;
  top: 40%;
  width: 1170px;
}
.PaneHeader2 .SignUp .MailingListsHeading,
.PaneHeader2 .SignUp .RequiredField,
.PaneHeader2 .SignUp .MailingListCol1 {
  display: none;
}
.PaneHeader2 .SignUp .MailingListTable,
.PaneHeader2 .SignUp .MailingListListTable,
.PaneHeader2 .SignUp .GridActions {
  width: 460px;
  padding-left: 50px;
}
.PaneHeader2 .SignUp .MailingListListTable table {
  width: 410px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.PaneHeader2 .SignUp .MailingListListTable table tr {
  float: left;
  width: 50%;
}
.PaneHeader2 .SignUp .NoBr {
  display: none;
}
.PaneHeader2 .SignUp h1 {
  font-weight: 900;
  font-size: 15px;
  line-height: 28px;
  color: #2b3743;
  text-transform: uppercase;
  position: absolute;
  left: -155px;
  top: 120px;
}
.PaneHeader2 .SignUp h1:before {
  width: 100px;
  height: 100px;
  display: block;
  content: "";
  background: url('../design/email_alert.png');
  position: absolute;
  bottom: 48px;
}
.homeslider {
  background: #dadfe1;
}
.cycle-slideshow {
  height: 480px;
}
.SlickCarousel .cycle-slideshow {
  height: auto;
}
.cycle-slideshow .slide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  background-position: center center;
}
.cycle-pager,
.slick-dots {
  z-index: 120;
  padding: 0;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 10em;
  text-align: center;
  text-align: center;
}
.cycle-pager span,
.slick-dots li {
  background: #dadfe1;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
}
.cycle-pager span.cycle-pager-active,
.slick-dots li.slick-active {
  width: 7px;
  height: 7px;
  background: #7bc6ac;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-indent: -999px;
}
.cycle-pager > * {
  cursor: pointer;
}
.cycle-bg {
  /*     background: url('../design/sqh.png'); */
  /* padding: 10px; */
  width: 30%;
}
@media (max-width: 767px) {
  .cycle-bg {
      width: 100%;
  }
}
.cycle-bg a {
  font-weight: 800;
  font-size: 18px;
}
.SlickCarousel .cycle-bg {
  /*    display: inline-block;
  vertical-align: middle;
  max-width: 99%;*/
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.cycle-detail {
  padding-top: 100px;
  /*     padding-bottom: 75px; */
  width: 1095px;
  margin: auto;
}
.SlickCarousel .cycle-detail {
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
/*.SlickCarousel .cycle-detail:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -1px;
  vertical-align: middle;
  width: 1px;
}*/
.cycle-detail h1 {
  font-size: 31px;
  font-weight: 700;
  line-height: 42px;
  color: #ffffff;
  background-color: rgba(64, 64, 64, 0.75);
  border-bottom: 1px solid #00843d;
  padding: 1rem;
}
.SlickCarousel .cycle-detail h1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.cycle-detail p {
  margin-top: 30px;
  /*     text-align: center; */
  color: #000;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
}
.SlickCarousel .slick-prev {
  font-size: 30px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  color: #ffffff;
  position: absolute;
  left: 10px;
  height: 49px;
  line-height: 49px;
  z-index: 110;
  cursor: pointer;
}
.SlickCarousel .slick-next {
  font-size: 30px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -25px;
  color: #ffffff;
  position: absolute;
  height: 49px;
  line-height: 49px;
  z-index: 110;
  cursor: pointer;
}
.HeaderImageContainer img {
  display: block;
  width: 100%;
}
.module-banner {
  /* background: url('../design/2022/HF_Website_AnnouncementGraphic.svg') center center no-repeat; */
  background: url('../images/2024/01/HFSCC_31285_WebHeader_Desktop_1440x500_R2.jpeg') center center no-repeat;
  background-size: cover;
  /*height: clamp(26rem, -0.6667rem + 55.5556vw, 41rem);*/
  position: relative;
  /*00660549*/
  height: clamp(26rem, -0.6667rem + 55.5556vw, 39rem);
  background-position:83%;
}
.module-banner h1 {
  position: absolute;
  top: 2rem;
  left: 9.125rem;
  max-width: 34rem;
  color: #ffffff;
  font-size: clamp(2.625rem, 2.4706rem + 0.7059vw, 3rem);
  font-family: "KapraNeuePro", "UniformCondensedBlack";
}
.module-banner h1 span {
  font-size: clamp(3.375rem, 2.9118rem + 2.1176vw, 4.5rem);
  line-height: 1;
  font-family: "UniformCondensedBlack";
  white-space: nowrap;
}
.module-banner h2 {
  position: absolute;
  bottom: 9.2rem;
  right: clamp(1rem, -26.6333rem + 36.8443vw, 11.8rem);
  display: flex;
  flex-direction: column;
  font-size: clamp(1.5rem, 0.5rem + 2.0833vw, 2.0625rem);
  line-height: clamp(2.025rem, 1.8397rem + 0.8471vw, 2.475rem);
  color: #ffffff;
  text-transform: none;
}
.module-banner h2 span {
  font-family: "UniformCondensedRegular";
}
.module-banner h2 strong {
  font-family: "UniformCondensedBlack";
}
.module-change-in-motion_content {
  max-width: 75ch;
  margin: 0 auto;
  text-align: center;
  padding: 3rem;
}
.module-change-in-motion h2 {
  font-size: clamp(3rem, 2.8456rem + 0.7059vw, 3.375rem);
  line-height: 1;
  font-family: "UniformCondensedBlack";
  text-transform: none;
  color: #da291c;
}
@media screen and (max-width: 1200px) {
  .module-banner h1 {
      left: clamp(1rem, -13.4444rem + 30.0926vw, 9.125rem);
      top: 1rem;
      max-width: 32rem;
  }
  .module-banner span {
      white-space: nowrap;
  }
  .module-banner h2 {
      bottom: clamp(3.6rem, -7.4222rem + 22.963vw, 9.8rem);
  }
}
@media screen and (max-width: 940px) {
  .module-banner h1 {
      top: 0.75rem;
  }
}
@media screen and (max-width: 768px) {
  .module-banner {
      /* background: url('../design/2022/HF_Website_AnnouncementGraphic_Mobile.svg') center center no-repeat; */
      background: url('../images/2024/01/HFSCC_31285_WebHeader_Mobile_375x450_R2.jpeg') center center no-repeat;
      background-size: 100%;
      height: clamp(25rem, -0.1196rem + 114.8325vw, 55rem);
  }
  .module-banner h1 {
      top: unset;
      left: unset;
      max-width: none;
      width: 95%;
      margin-top: clamp(1rem, -3.1866rem + 19.1388vw, 6rem);
      margin-left: 0;
      font-size: clamp(2.625rem, 1.4737rem + 5.2632vw, 4rem);
      line-height: 1.25;
  }
  .module-banner h1 span {
      font-family: "KapraNeuePro", "UniformCondensedBlack";
      font-size: clamp(3.375rem, 1.177rem + 10.0478vw, 6rem);
  }
  .module-banner h2 {
      bottom: unset;
      right: unset;
      display: block;
      width: 100%;
      font-size: clamp(1.6875rem, -0.2488rem + 8.8517vw, 4rem);
      line-height: 1.25;
      margin-left: 0;
      margin-top: clamp(10rem, -0.0478rem + 45.933vw, 22rem);
  }
  .module-banner h2 strong {
      white-space: nowrap;
  }
  .module-change-in-motion_content {
      padding: 3rem 1rem 6rem 1rem;
  }
  .module-change-in-motion h2 {
      font-family: "KapraNeuePro", "UniformCondensedBlack";
  }
}
/* Safari Font Sizing */

@supports selector(:nth-child(1 of x)) {
  @media screen and (max-width: 768px) {
      .module-banner h1 {
          top: unset;
          left: unset;
          max-width: none;
          width: 95%;
          margin-top: clamp(1rem, -3.1866rem + 19.1388vw, 6rem);
          margin-left: 0;
          font-size: clamp(2rem, 0.3254rem + 7.6555vw, 4rem);
          line-height: 1.25;
      }
      .module-banner h1 span {
          font-family: "KapraNeuePro", "UniformCondensedBlack";
          font-size: clamp(2.15rem, -1.0737rem + 14.7368vw, 6rem);
      }
      .module-banner h2 {
          bottom: unset;
          right: unset;
          display: block;
          width: 95%;
          font-size: clamp(1.6875rem, -0.2488rem + 8.8517vw, 4rem);
          line-height: 1.25;
          margin-left: 0;
          margin-top: clamp(8rem, -2.0478rem + 45.933vw, 20rem);
      }
  }
}

@media screen and (max-width: 480px) {
  .module-banner h1 {
      width: 95%;
  }
  .module-banner h1 span {
      white-space: unset;
  }
}
/* Hide Global Stock Widget on Homepage */
.LayoutHomePage .HeaderPane2Div9 .stock-widget {
  display: none;
}
.module-change-in-motion .ModuleOuterContainer {
  padding: 0 !important;
}
.stock-widget {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  font-family: "UniformCondensedRegular";
  font-size: 1.5rem;
  background: url('../design/2022/sq.png') center center no-repeat;
  background-size: cover;
}
.LayoutHomePage .stock-widget {
  background: none;
}
.module-change-in-motion .stock-widget {
  bottom: -3rem;
}
.StockContainer {
  max-width: 1170px;
  color: #fff;
  font-size: 18px;
  line-height: 35px;
  text-align: right;
  padding-top: 7px;
  padding-right: 70px;
  margin: auto;
}
.LayoutHomePage .StockContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: none;
  background: rgba(64, 64, 64, 0.75);
  color: #ffffff;
  font-size: 18px;
  padding: 0;
  line-height: 1.25;
  text-align: unset;
  margin: auto;
}
.StockDescription1 {
  color: #c3c5c8;
  line-height: 35px;
}
.LayoutHomePage .StockDescription1 {
  color: #ffffff;
}
.LayoutHomePage .StockDescriptionContainer1,
.LayoutHomePage .StockDescriptionContainer2 {
  display: flex;
  align-items: center;
  height: 3rem;
}
.LayoutHomePage .StockDescriptionContainer1 {
  width: 40%;
  justify-content: flex-end;
  padding-right: 1rem;
}
.LayoutHomePage .StockDescriptionContainer1 {
  background: #00843d;
}
.LayoutHomePage .StockDescriptionContainer1 img {
  margin-right: 0.75rem;
  display: flex;
  align-self: flex-end;
}
.LayoutHomePage .StockDescriptionContainer2 {
  width: 60%;
  justify-content: flex-start;
}
.LayoutHomePage .StockDescriptionContainer2 {
  background: #404040;
}
.StockQuoteHeaderContainer a.StockPrice {
  color: #fff;
  text-decoration: none;
  line-height: 1;
  position: relative;
}
.LayoutHomePage .StockPrice {
  color: #ffffff;
}
.LayoutHomePage .StockPrice,
.LayoutHomePage .StockPChange,
.LayoutHomePage .StockDate,
.LayoutHomePage .StockTime {
  padding: 0 2rem;
}
.LogoSlider {
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -134px;
  z-index: 101;
}
.stock-widget .StockVolumeText,
.stock-widget .StockVolume,
.stock-widget .StockVolumeText,
.stock-widget .StockChange {
  display: none;
}
.stock-widget .StockDate {
  font-size: 10px;
}
.LayoutHomePage .StockDate {
  font-size: 18px;
}
.stock-widget a.StockPrice {
  color: #ffffff;
}
.stock-widget a.StockPrice:hover {
  text-decoration: none;
}
.stock-widget .StockPrice:before {
  content: "$";
  font-size: 11px;
  vertical-align: top;
  line-height: 2;
}
.stock-widget .StockPrice {
  position: relative;
}
.stock-widget .StockPrice:after {
  content: "";
  background: url('../design/2022/Buttons.svg') center center no-repeat;
  background-size: 100%;
  height: 1.6875rem;
  width: 1.6875rem;
  position: absolute;
  top: -4px;
  right: -160px;
}
.LayoutHomePage .stock-widget .StockPrice:after {
  top: -3px;
  right: -27rem;
}
.stock-widget .StockPrice:hover:after {
  background: url('../design/2022/Buttons_Reversed.svg') center center no-repeat;
}
@media screen and (max-width: 940px) {
  .LayoutHomePage .StockPrice,
  .LayoutHomePage .StockPChange,
  .LayoutHomePage .StockDate,
  .LayoutHomePage .StockTime {
      padding: 0 1rem;
      transition: padding 0.5s;
  }
  .LayoutHomePage .stock-widget .StockPrice:after {
      right: -21rem;
      transition: right 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .StockQuoteHeaderContainer {
      position: absolute;
      bottom: -44px;
  }
  .PaneContentInner {
      padding-top: 3rem;
  }
  .LayoutHomePage .PaneContentInner {
      padding-top: 0;
  }
  .LayoutHomePage .StockContainer {
      flex-direction: column;
  }
  .LayoutHomePage .StockContainer {
      background: #404040;
  }
  .LayoutHomePage .StockDescriptionContainer1 {
      width: 100%;
      justify-content: center;
      background: #00843d;
  }
  .LayoutHomePage .StockDescriptionContainer2 {
      width: 90%;
      justify-content: space-evenly;
      flex-wrap: wrap;
      margin-right: auto;
      background: #404040;
  }
  .LayoutHomePage .StockPrice,
  .LayoutHomePage .StockPChange,
  .LayoutHomePage .StockDate,
  .LayoutHomePage .StockTime {
      padding: 0;
      transition: padding 0.5s;
  }
  .LayoutHomePage .stock-widget .StockPrice:after {
      right: unset;
      left: clamp(23rem, 3rem + 66.6667vw, 35rem);
      transition: right 0.5s;
  }
}
@media screen and (max-width: 480px) {
  .LayoutHomePage .StockContainer {
      flex-wrap: wrap;
  }
  .LayoutHomePage .StockDescriptionContainer2 {
      width: 100%;
      margin-right: 0;
      justify-content: start;
  }
  .LayoutHomePage .StockPrice,
  .LayoutHomePage .StockPChange,
  .LayoutHomePage .StockDate,
  .LayoutHomePage .StockTime {
      padding: 0 clamp(0.33rem, -2.1469rem + 11.3231vw, 1.25rem);
      transition: padding 0.25s;
  }
  .LayoutHomePage .stock-widget .StockPrice:after {
      left: clamp(18.5rem, -0.3462rem + 86.1538vw, 25.5rem);
  }
}
.module-energy-to-do-more {
  padding-bottom: 3rem;
  max-width: 1200px;
  margin: 0 auto;
}
.module-energy-to-do-more h2 {
  font-size: clamp(3rem, 2.8456rem + 0.7059vw, 3.375rem);
  line-height: 1;
  font-family: "UniformCondensedBlack";
  text-transform: none;
  color: #da291c;
  padding: 2rem;
  text-align: center;
}
.module-energy-to-do-more .module_container {
  display: flex;
  align-items: flex-end;
}
.module-energy-to-do-more .module_item {
  margin: 0 6px;
  position: relative;
}
.module-energy-to-do-more .module_item img {
  max-width: 225px;
  width: 100%;
  max-height: 310px;
}
.module-energy-to-do-more .module_item h4 {
  font-family: "UniformCondensedRegular";
  font-size: 1.3125rem;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;

  background-color: rgba(64, 64, 64, 0.75);
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  min-height: 70px;
  width: 100%;
}
@media screen and (max-width: 940px) {
  .module-energy-to-do-more .module_container {
      flex-wrap: wrap;
      justify-content: center;
      transition: flex-wrap 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .module-energy-to-do-more {
      padding-top: 3rem;
  }
  .module-energy-to-do-more h2 {
      font-family: "KapraNeuePro", "UniformCondensedBlack";
      padding: 3rem 0;
  }
  .module-energy-to-do-more .module_item {
      margin: 1.3125rem;
  }
}

.module-sustainability-panel {
  background: url('../doc_downloads/Sustainability.jpg') center center no-repeat;
  background-size: cover;
  min-height: 375px;

  display: flex;
  justify-content: center;
  align-items: center;
}
.module-sustainability-panel .ModuleInnerContainer {
  padding: 3rem 0;
}
.module-sustainability-panel h2 {
  color: #ffffff;
  font-family: "KapraNeuePro", "UniformCondensedBlack";
  font-size: clamp(3rem, 2.8456rem + 0.7059vw, 3.375rem);
  line-height: 1;
  text-transform: none;
}
.module-sustainability-panel p {
  color: #ffffff;
  margin-top: 0.5rem;
  margin-bottom: clamp(2rem, 1.5882rem + 1.8824vw, 3rem);
  font-size: clamp(1.125rem, 0.9706rem + 0.7059vw, 1.5rem);
}
.module-sustainability-panel .button {
  font-family: "UniformCondensedMedium";
  font-size: clamp(1.125rem, 0.9706rem + 0.7059vw, 1.5rem);
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 5px 15px;
  border-radius: 5px;
}
.module-sustainability-panel .button:hover,
.module-sustainability-panel .button:focus {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}

.module-latest-news {
  max-width: 1220px;
  margin: 0 auto;
  padding: 2rem;
}
.module-latest-news .ModuleInnerContainer {
  display: flex;
  align-items: center;
  padding: 2rem;
}
.module-latest-news_container {
  width: 70%;
  padding-right: 1rem;
}
.module-latest-news .portal-buttons {
  width: 30%;
}
.module-latest-news h2 {
  color: #da291c;
  font-family: "UniformCondensedBlack";
  font-size: clamp(3rem, 2.8456rem + 0.7059vw, 3.375rem);
  line-height: 1;
  margin: 1.125rem 0;
  text-align: center;
}
.module-latest-news .module_item-wrap {
  font-size: clamp(1.125rem, 0.9706rem + 0.7059vw, 1.5rem);
  font-family: "UniformCondensedRegular";
  margin-bottom: 2.5rem;
  max-width: 75ch;
}
.module-latest-news .module_item-wrap .module_date-time {
  margin: 0.5rem 0;
}
.module-latest-news .module_item-wrap a {
  color: #00843d;
}
.module-latest-news .portal-buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.module-latest-news .portal-buttons a {
  font-size: 1.3125rem;
  font-family: "UniformCondensedBold";
  color: #da291c;
  border: 2px solid #da291c;
  padding: 0.5rem;
  width: 175px;
  text-align: center;
  border-radius: 5px;
}
.module-latest-news .portal-buttons a:hover,
.module-latest-news .portal-buttons a:focus {
  color: #ffffff;
  background: #da291c;
  text-decoration: none;
}
.module-latest-news .portal-buttons a:first-of-type {
  margin-bottom: clamp(1.5rem, -2.0556rem + 7.4074vw, 3.5rem);
}
@media screen and (max-width: 940px) {
  .module-latest-news_container {
      width: 80%;
      margin-right: 3rem;
      padding-right: 3rem;
      transition: width 0.5s;
  }
  .module-latest-news .portal-buttons {
      width: 20%;
      transition: width 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .module-latest-news .ModuleInnerContainer {
      flex-direction: column;
      padding: 0;
  }
  .module-latest-news h2 {
      font-family: "KapraNeuePro", "UniformCondensedBlack";
  }
  .module-latest-news_container {
      width: 100%;
      margin-right: 0;
      padding-right: 0;
  }
  .module-latest-news .portal-buttons {
      width: 100%;
      margin-top: 1rem;
  }
  .module-latest-news .portal-buttons a:first-of-type {
      margin-bottom: clamp(1.5rem, -0.1746rem + 7.6555vw, 3.5rem);
  }
}
@media screen and (max-width: 480px) {
  .module-latest-news .module_item-wrap {
      text-align: center;
  }
}

.module-ceo-quote {
  background: #f2f2f2;
  padding: 2rem;
}
.module-ceo-quote h3 {
  font-family: "UniformCondensedRegular";
  font-weight: 400;
  font-size: clamp(2rem, 1.5882rem + 1.8824vw, 3rem);
  line-height: 1;
  max-width: 62.5rem;
  text-align: center;
  margin: 0 auto;
  color: #00843d;
}
.module-ceo-quote p {
  font-family: "UniformCondensedRegular";
  font-size: clamp(1.125rem, 0.9706rem + 0.7059vw, 1.5rem);
  line-height: 1;
  text-align: center;
  color: #404040;
}

/* Pane Header 2 Mobile */
@media screen and (max-width: 1200px) {
  .PaneHeader2 .ModuleSearch {
      padding-top: 15px;
      padding-bottom: 15px;
      text-align: center;
      margin-top: -8px;
  }
  .PaneHeader2 .ModuleSearch .ModuleContainerInner {
      margin: auto;
      max-width: 100%;
  }
  .PaneHeader2 .ModuleSearch input[type="text"] {
      width: 40%;
  }
  .PaneHeader2 .MailingListSignupContainer {
      padding-top: 15px;
      padding-bottom: 15px;
      margin-top: -8px;
  }
  .PaneHeader2 .SignUp {
      margin: auto;
      max-width: 100%;
  }
  .PaneHeader2 .SignUp h1 {
      display: none;
  }
  .PaneHeader2 .SignUp .MailingListTable,
  .PaneHeader2 .SignUp .MailingListListTable,
  .PaneHeader2 .SignUp .GridActions {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
  }
  .PaneHeader2 .SignUp .MailingListListTable table tr {
      width: 100%;
  }
  .PaneHeader2 .SignUp input[type="text"] {
      width: 50% !important;
  }
  .LogoSlider {
      display: none;
  }
}
@media screen and (max-width: 768px) {
  .PaneHeader2 .SignUp input[type="text"] {
      width: 100% !important;
  }
  .PaneHeader2 .SignUp .MailingListListTable tr {
      width: 100%;
  }
  .cycle-slideshow {
      height: 300px;
  }
  .cycle-detail {
      width: 85%;
      padding-top: 30px;
      padding-bottom: 60px;
  }
  .cycle-detail h1 {
      line-height: 1;
      margin: 0;
  }
  .cycle-detail p {
      line-height: 1;
      margin: 0;
      padding: 5px 0;
      font-size: 16px;
  }
  .cycle-pager {
      text-align: center;
  }
  .LayoutHomePage .stock-widget {
      position: absolute;
      bottom: -50px;
  }
  .StockContainer {
      text-align: center;
      padding-right: 0;
  }
}
@media screen and (max-width: 320px) {
  .PaneHeader2 .ModuleSearch input[type="text"] {
      width: 50%;
  }
  .PaneHeader2 .ModuleSearch input[type="submit"] {
      width: 40%;
  }
  .StockContainer {
      font-size: 15px;
  }
  .stock-widget .StockDescription1 {
      font-size: 15px;
  }
  .stock-widget .StockDescription2 {
      font-size: 15px;
  }
  .stock-widget a.StockPrice:after {
      right: -155px;
  }
}
/* Footer */
.PaneFooter .container {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.LogoFooter {
  position: absolute;
  top: 40px;
  right: 50px;
}
.FooterContainer {
  /*     background: #425363; */
  background: #00843d;
  text-align: center;
}
.FooterLinks ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.FooterLinks li {
  list-style-type: none;
  display: inline;
}
.FooterLinks li + li {
  padding-left: 25px;
}
.FooterLinks a {
  font-size: 14px;
  line-height: 35px;
  color: #ffffff;
  text-decoration: none;
}
.FooterLinks a:hover {
  text-decoration: underline;
}
.Copyright {
  font-size: 12px;
  color: #c3c5c8;
  text-align: right;
  margin-right: 10px;
  display: inline;
  line-height: 18px;
}
.Copyright .ContentContainer {
  display: inline;
}
.Q4FooterContainer {
  padding: 0;
  margin-left: 10px;
  color: #c1c8cb;
  font-size: 12px;
  display: inline;
  line-height: 18px;
}
.Q4FooterContainer a {
  color: #c1c8cb;
  font-size: 12px;
  display: inline;
  line-height: 18px;
}
/* Footer Mobile */
@media screen and (max-width: 1200px) {
  .LogoFooter {
      position: static;
      width: auto;
      text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .PaneFooter .container {
      position: static;
      padding-top: 20px;
      padding-bottom: 20px;
  }
  .FooterContainer {
      text-align: left;
  }
  .FooterLinks {
      float: left;
      margin: 0;
      text-align: center;
  }
  .Q4FooterContainer {
      float: left;
      margin-left: 0;
  }
  .Copyright {
      float: left;
      text-align: left;
      margin: 0;
  }
  .FooterLinks li {
      padding: 0;
      display: block;
  }
  .FooterLinks li + li {
      padding-left: 0;
  }
  .FooterLinks a {
      line-height: 16px;
  }
  .FooterLinks,
  .Copyright,
  .Copyright .ContentContainer,
  .Q4FooterContainer {
      display: block;
      float: left;
      width: 100%;
      text-align: center;
  }
}
@media screen and (max-width: 320px) {
  .FooterLinks a {
      font-size: 13px;
  }
}
/* Secundary Nav */
.bs-sidenav {
  margin: 0 auto;
  text-align: center;
  /*     background: #425363; */
  background: #00843d;
}
.bs-sidenav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}
.bs-sidenav li {
  margin: 0;
  padding: 0;
}
.bs-sidenav .level3 li:first-child {
  padding-left: 0;
}
.bs-sidenav a {
  display: inline;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  /* line-height: 35px; */
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.bs-sidenav a:hover {
  background-color: #404040;
  color: #ffffff;
}
.bs-sidenav .level1 > li:first-child {
  margin-left: 0;
}
.bs-sidenav .level1 > li > a {
  display: none;
}
.bs-sidenav .level2 > li > a {
  display: none;
}
.bs-sidenav .level3 > li > a {
  display: none;
}
.bs-sidenav .level2 li.selected > .level3 > li,
.bs-sidenav .level2 li.expanded > .level3 > li {
  display: inline-block;
}
.bs-sidenav .level2 li.selected > .level3 > li > a,
.bs-sidenav .level2 li.expanded > .level3 > li > a {
  display: flex;
  padding: 1rem 1.5rem;
}
.bs-sidenav .level4,
.bs-sidenav .level5 {
  display: none;
}
.bs-sidenav li.selected > a,
.bs-sidenav li.expanded > a {
  background-color: #404040;
  color: #ffffff;
}
/* Secundary Nav Mobile */
@media screen and (max-width: 1200px) {
  .bs-sidenav {
      display: none;
  }
}
/* 3rd Navigation */
.third-sidenav {
  margin: 0 auto;
  text-align: center;
  background: #c3c5c8;
}
.third-sidenav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}
.third-sidenav li {
  margin: 0;
  padding: 0;
}
.third-sidenav .level4 li:first-child {
  padding-left: 0;
}
.third-sidenav a {
  display: inline;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 35px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.third-sidenav a:hover {
  color: #00843d;
}
.third-sidenav .level1 > li > a {
  display: none;
}
.third-sidenav .level2 > li > a {
  display: none;
}
.third-sidenav .level3 > li > a {
  display: none;
}
.third-sidenav .level4 > li > a {
  display: none;
}
.third-sidenav .level3 li.selected > .level4 > li,
.third-sidenav .level3 li.expanded > .level4 > li {
  display: inline-block;
  padding-left: 20px;
}
.third-sidenav .level3 li.selected > .level4 > li > a,
.third-sidenav .level3 li.expanded > .level4 > li > a {
  display: inline;
  float: left;
}
.third-sidenav .level5 {
  display: none;
}
.third-sidenav li.selected > a {
  color: #00843d;
}
/* 3rd Navigation Mobile */
@media screen and (max-width: 768px) {
  .third-sidenav ul {
      display: inline;
  }
  .third-sidenav .level3 li.selected > .level4 > li,
  .third-sidenav .level3 li.expanded > .level4 > li {
      padding: 0;
      float: none;
      display: block;
      border-top: 1px solid #ffffff;
  }
  .third-sidenav .level3 li.selected > .level4 > li > a,
  .third-sidenav .level3 li.expanded > .level4 > li > a {
      float: none;
  }
}
/* Home */
/*.LayoutHomePage .PaneBreadcrumb{
  display: none;
}*/
/* .LayoutHomePage .PaneContent {
  width: 70%;
  float: left;
} */
.LayoutHomePage .PaneRight {
  /* width: 30%;
  float: left; */
  display: none !important;
}
.HomeContent {
  padding-top: 100px;
  padding-bottom: 100px;
}
.portfolio {
  width: 50%;
  float: left;
  padding-right: 30px;
  padding-bottom: 75px;
}
.portfolio:nth-child(odd) {
  clear: both;
}
.portfolio img {
  padding-right: 30px;
  display: inline-block;
  vertical-align: middle;
}
.portfolio_content {
  vertical-align: middle;
  display: inline-block;
}
.portfolio p {
  margin: 0;
  padding-right: 30px;
}
.Subpages {
  padding-top: 60px;
}
.Subpages .portfolio img {
  float: left;
}
.Subpages .portfolio .portfolio_content {
  width: 82%;
  float: left;
}
.Description .portfolio p {
  padding-bottom: 0;
}
.ModulePressRelease {
  padding-top: 100px;
  padding-bottom: 30px;
}
.ModulePressRelease h1 {
  color: #2b3743;
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 28px;
  line-height: 28px;
}
.ModulePressRelease a {
  font-family: "Open Sans", sans-serif;
  display: block;
  padding-top: 15px;
}
.ModulePressRelease a:first-child {
  padding-top: 0;
}
.ModulePressRelease .ModuleDate {
  display: block;
  text-transform: uppercase;
}
.PartnersSidebar {
  text-align: center;
  margin-top: 22px;
}
.PaneLeft {
  clear: both;
}
/* Home Mobile */
/* @media screen and (max-width: 1200px) {
  .LayoutHomePage .PaneContent {
      width: 100%;
      margin-top: 50px;
  }
  .LayoutHomePage .PaneRight {
      width: 100%;
  }
} */
@media screen and (max-width: 768px) {
  .HomeContent {
      padding: 30px 15px 15px;
  }
  .portfolio {
      padding-bottom: 30px;
  }
  .portfolio p {
      padding: 0;
  }
  .ModulePressRelease {
      padding: 0 0 0 15px;
  }
  .PartnersSidebar {
      margin-top: 0;
  }
  .Subpages .portfolio .portfolio_content {
      width: 70%;
  }
  .Subpages {
      padding-top: 30px;
  }
}
@media screen and (max-width: 320px) {
  .portfolio {
      width: 100%;
      margin-bottom: 15px;
      padding: 0;
  }
  .Subpages .portfolio .portfolio_content {
      width: 65%;
  }
}
/* Other Pages */
.NoTitle {
  margin-top: 40px;
}
.NoBreadcrumb .Breadcrumb {
  display: none;
}
.Breadcrumb {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 42px;
  font-weight: 300;
  color: #00843d;
}
.Breadcrumb a,
.Breadcrumb span {
  display: none;
}
.RefineryBreadcrumb {
  padding: 0;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  color: #2b3743;
  margin: 1rem 0;
}
.RefineryBreadcrumb a,
.RefineryBreadcrumb span {
  display: inline;
}
.SectionOperationsFacilitiesPetro-CanadaLubricants .RefineryBreadcrumb,
.SectionOperationsProductsLubricantsampSpecialtyProducts .RefineryBreadcrumb {
  display: none;
}
.Description {
  text-align: center;
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.Description p {
  padding-bottom: 60px;
}
.NoPaddingBottom .Description p {
  padding-bottom: 0;
}
.table_block {
  margin-top: 40px;
}
.half_block {
  color: #77705d;
  border: solid 2px #8a9dab;
  display: table-cell;
  width: 50%;
}
.values {
  border-left: none;
}
.half_block .group {
  margin: 20px 0;
}
.half_block .content {
  padding: 0 25px;
}
.half_block h1 {
  text-transform: uppercase;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 2px #8a9dab;
}
.half_block h1 span {
  color: #4f3922;
}
.half_block h2 {
  color: #b39e67;
}
.half_block h2 span {
  color: #00843d;
  text-transform: lowercase;
  font-style: italic;
}
.half_block h3 {
  color: #00843d;
  text-transform: uppercase;
}
.half_block p {
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.half_block ul {
  color: #b39e67;
  list-style-type: square;
}
.MenuTabs {
  margin: auto;
  width: 460px;
  display: table;
  margin-top: 30px;
}
.MenuTabs a {
  width: 230px;
  text-align: center;
  display: block;
  display: table-cell;
  padding: 25px 30px;
  background: #f9f9f9;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: #2b3743;
  vertical-align: middle;
  cursor: pointer;
}
.MenuTabs a:hover {
  text-decoration: none;
  color: #00843d;
}
.MenuTabs a:first-child {
  width: 230px;
  text-align: center;
  padding: 25px 30px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
}
.MenuTabs a.active {
  background: #efefef;
  color: #00843d;
}
.PersonGenericContainer {
  background: #efefef;
  display: none;
  clear: both;
  padding-top: 65px;
  padding-bottom: 65px;
}
.PersonGenericContainer .ModuleContainerInnerTop {
  max-width: 1200px;
  background: #ffffff;
  margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 30px 15px;
}
.PersonDetailsContainer {
  display: none;
}
.PersonContainer h3 {
  position: relative;
  margin: 0;
  padding: 30px 80px 30px 30px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  color: #646469;
  border-top: 1px solid #efefef;
  cursor: pointer;
  background: url('../design/down.png') no-repeat 97% center transparent;
}
.PersonContainer h3.active {
  color: #00843d;
  /*background: url('../design/up.png') no-repeat 97% 18px transparent;*/
  background: url('../design/up.png') no-repeat 97% 3px transparent;
}
.ModuleContainerInner > div:first-of-type > h3 {
  border: none;
}
.PersonContainer span {
  display: block;
}
.PersonContainer .commaName,
.PersonContainer .PersonTitleComma,
.PersonContainer .commaSuffix,
.PersonContainer .PersonTitle {
  display: none;
}
.PersonContainer .active .PersonTitle {
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #2b3743;
}
.PersonDetailsContainer {
  padding-left: 30px;
  padding-right: 20px;
  border-top: 1px solid #efefef;
}
.ContactContent h1 {
  text-align: center;
  font-size: 42px;
  font-weight: 300;
  color: #646469;
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative;
  background: url('../design/down.png') no-repeat 97% center transparent;
  cursor: pointer;
}
.ContactContent h1.active {
  color: #00843d;
  background: url('../design/up.png') no-repeat 97% transparent;
}
.ContactContent .ContentContainer {
  display: none;
}
.EnvironmentalStewardship .images {
  text-align: center;
}
.EnvironmentalStewardship .images .img_environment {
  display: inline-block;
  margin-right: 50px;
}
.CompanyHistory {
  margin-bottom: 60px;
}
.CompanyHistory .images {
  text-align: center;
}
.CompanyHistory .images .img_history {
  display: inline-block;
  margin-right: 50px;
}
.ModuleDownloadListWithTags .ModuleHeadlineLink[href*=".pdf"] {
  background: url('../icons/pdf-icon.png') no-repeat;
  padding-left: 25px;
  padding-bottom: 8px;
  display: inline-block;
}
.ModuleDownloadListWithTags .ModuleHeadlineLink[href*="http://"]
{
  background: url('../icons/html-text-icon.png') no-repeat;
  padding-left: 25px;
  padding-bottom: 8px;
  display: inline-block;
}
.ModuleDownloadListWithTags .ModuleHeadlineLink[href*=".aspx"] {
  background: url('../icons/html-text-icon.png') no-repeat;
  padding-left: 25px;
  padding-bottom: 8px;
  display: inline-block;
}
.NoSubtitle .ModuleHeaderText {
  display: none;
}
.ModuleDownloadListWithTags .ModuleIcon {
  display: none;
}
.customDL {
  max-width: 940px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.customDL .ModuleHeaderText2,
.customDL .ModuleHeaderDescription {
  display: none;
}
.customDL .ModuleHeadlineLink {
  background: none;
  font-size: 24px;
  width: 6%;
  text-align: left;
  position: relative;
  z-index: 10;
  display: table-cell;
}
.customDL .flowCircle {
  position: absolute;
  left: 8%;
  top: 0;
  height: 100%;
  width: 36px;
}
.customDL .circle {
  display: block;
  width: 35px;
  height: 34px;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -1;
}
.customDL .line {
  height: 100%;
  width: 34px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -2;
}
.customDL .mask {
  display: block;
  width: 34;
  height: 100%;
  background: url('../design/maskTcircle.png') repeat-y right 427px;
}
.customDL .ModuleItemRow .circle,
.customDL .line {
  background-color: #425363;
}
.customDL .ModuleItemAlt .circle {
  background-color: #425363;
}
.customDL .redColor {
  background-color: #00843d;
  left: 8%;
  position: absolute;
  top: 0;
  margin: 0;
  width: 35px;
}
.customDL .fakeElement {
  position: fixed;
  top: 50%;
  left: 0;
}
.customDL .ModuleFileDescriptionText {
  display: table-cell;
  width: 85%;
  padding-left: 36px;
  position: relative;
  z-index: 1;
  opacity: 0;
}
.customDL p {
  margin: 0;
  padding: 10px 0 40px 0;
}
.customDL a {
  text-decoration: none;
}
.customDL .ModuleItemRow {
  overflow: hidden;
  position: relative;
  display: table;
  width: 100%;
}
.customDL .ModuleItem .ModuleHeadlineLink {
  color: #00843d;
  opacity: 0;
}
.customDL .ModuleItemAlt .ModuleHeadlineLink {
  color: #646469;
  opacity: 0;
}
.SiteMapContainer {
  padding: 2rem;
}
.SiteMapContainer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.SiteMapContainer li a {
  color: #000;
}
.SiteMapContainer li:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f054";
  color: #00843d;
  padding-right: 5px;
}
li.SiteMap-Level1:before {
  display: none;
}
.SiteMap-Level2 {
  margin-left: 20px;
}
.SiteMap-Level3 {
  margin-left: 40px;
}
.SiteMap-Level4 {
  margin-left: 60px;
}
.SiteMap-Level5 {
  margin-left: 80px;
}
.ContactUs .column {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  margin-right: -3px;
}
.ContactUs .Centred {
  text-align: center;
}
.ContactUs .person {
  min-height: 230px;
  font-size: 14px;
  box-shadow: 10px 10px 5px #888888;
  -moz-box-shadow: 10px 10px 5px #888888;
  -webkit-box-shadow: 10px 10px 5px #888888;
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 10px;
}
.ContactUs .first-person {
  width: 386px;
  min-height: 210px;
  box-shadow: 10px 10px 5px #888888;
  -moz-box-shadow: 10px 10px 5px #888888;
  -webkit-box-shadow: 10px 10px 5px #888888;
  padding-top: 30px;
  padding-left: 30px;
  margin: 10px;
}
.StockTableFeed {
  margin-top: 30px;
}
.StockQuoteLookup h1 {
  padding-top: 30px;
  font-size: 42px;
  font-weight: 300;
  color: #00843d;
}
#chart {
  margin-top: 30px;
}
.highcharts-range-selector,
.highcharts-range-selector {
  box-sizing: content-box;
}
.SearchSummary {
  margin-bottom: -20px;
}
.SearchResultsUrl {
  display: none;
}
.TabTableItem,
.TabTableItemAlt {
  border-bottom: 1px solid #cdd2d5;
  padding-top: 30px;
}
.TabTableItem a,
.TabTableItemAlt a {
  font-size: 15px;
  line-height: 24px;
  font-weight: 900;
  margin: 0;
}
.ModulePressReleaseDetails h1 {
  display: none;
}
h1.ModuleDetailHeadline {
  display: block;
}
.ModuleDownloadListWithTags .ModuleHeader {
  font-size: 15px;
  line-height: 24px;
  font-weight: 900;
  color: #2b3743;
  text-transform: uppercase;
  margin-top: 20px;
}
.NoModuleTitle .ModuleHeader {
  display: none;
}
.ModuleDownloadListWithTags h1 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 900;
  color: #2b3743;
  text-transform: uppercase;
  margin-top: 20px;
}
.tab1 .ContentContainer,
.tab2 .ContentContainer {
  background: #efefef;
  clear: both;
  padding-top: 65px;
  padding-bottom: 65px;
}
.tab1 .TabContainer,
.tab2 .TabContainer {
  max-width: 1200px;
  background: #ffffff;
  margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 30px 15px;
}
.accordion {
  clear: both;
  margin: 0;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  color: #2b3743;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.accordion_head h3 {
  color: #646469;
  padding-right: 50px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  background: url('../design/down.png') no-repeat 100% center transparent;
}
.accordion_images {
  text-align: center;
}
.accordion_images img {
  width: 220px;
  height: 146px;
}
.accordion_images a {
  margin-left: 25px;
  display: block;
  width: 220px;
  height: 146px;
  float: left;
}
.accordion_images a:first-child {
  margin: 0;
}
.tab1 .accordion h3 {
  padding-bottom: 33px;
}
.accordion:first-child {
  border: none;
  padding-top: 0;
}
.accordion .active h3 {
  color: #00843d;
  background: url('../design/up.png') no-repeat 100% center transparent;
}
.accordion span {
  color: #00843d;
}
.accordion .active span {
  display: none;
}
.expand {
  display: none;
  padding-top: 15px;
}
.expand img {
  float: left;
  padding-right: 15px;
  padding-bottom: 15px;
}
.expand ul {
  margin-left: 85px;
}
.Community .Description {
  font-size: 17px;
}
.Community .Description h2,
.Community .Description h3 {
  font-size: 17px;
}
.Description span {
  cursor: pointer;
}
.Description .active span {
  display: none;
}
.Description p.active {
  cursor: pointer;
}
.Description .expand p {
  padding: 0;
}
.Description span.active {
  display: none;
}
.Description .portfolio {
  text-align: left;
}
.logos {
  vertical-align: middle;
  text-align: center;
}
.logos a {
  display: inline-block;
  margin-left: 50px;
}
.logos a:first-child {
  margin-left: 0;
}
.RefineryCarousel .cycle-detail {
  width: 100%;
  padding: 0;
}
.Carousel {
  width: 600px;
  margin: auto;
  position: relative;
  margin-top: 40px;
}
.Carousel .cycle-slideshow {
  height: 400px;
  float: none;
  width: 600px;
  padding: 0;
}
.Carousel .cycle-slideshow .slide {
  width: 600px;
  height: 400px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.Carousel .cycle-pager {
  max-width: 300px;
  left: 42%;
}
.pager_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 49px;
  width: 100%;
  z-index: 101;
  background: url('../design/sqh.png');
}
.slick-list:after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 49px;
  width: 100%;
  z-index: 101;
  background: url('../design/sqh.png');
  /*content:'';*/
}
.Carousel .cycle-detail {
  width: 600px;
}
.head2Image {
  width: 50%;
  float: left;
}
.head2Image img {
  max-height: 254px;
  display: block;
  margin: auto;
}
.head2Image p {
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: 12px;
  font-style: italic;
}
.head3Image {
  width: 33%;
  float: left;
  padding-bottom: 15px;
}
.head3Image .chart {
  height: 170px;
  display: block;
  margin: auto;
}
.head3Image .chart_content {
  box-shadow: 10px 10px 5px #888888;
  -moz-box-shadow: 10px 10px 5px #888888;
  -webkit-box-shadow: 10px 10px 5px #888888;
  height: 133px;
  width: 90%;
  margin: auto;
  text-align: center;
}
.head3Image .chart_content p {
  font-style: normal;
  color: #00843d;
  padding-top: 60px;
  font-size: 15px;
}
.head3Image .chart h4 {
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 7px;
}
.head3Image p {
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: 12px;
  font-style: italic;
}
.expand ul {
  margin: 0;
  padding-bottom: 15px;
}
h1.ImportantText {
  padding: 30px 0;
  color: #2b3743;
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
}
/* Other Pages Mobile */
@media screen and (max-width: 768px) {
  .Breadcrumb {
      padding-top: 15px;
      padding-bottom: 15px;
      text-align: center;
      font-size: 24px;
  }
  .RefineryBreadcrumb {
      padding: 0;
      margin-top: 2rem;
      text-align: left;
      font-size: 14px;
      font-weight: 400;
      color: #2b3743;
  }
  .Description {
      text-align: center;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      margin: 0 0 15px 0;
      margin: auto;
  }
  .Description p {
      padding: 0;
  }
  .MenuTabs {
      max-width: 50%;
  }
  .MenuTabs a {
      width: 50%;
      font-size: 13px;
      padding: 10px;
  }
  .MenuTabs a:first-child {
      width: 50%;
      padding: 10px;
  }
  .PersonGenericContainer {
      padding-top: 15px;
      padding-bottom: 15px;
  }
  .PersonGenericContainer .ModuleContainerInnerTop {
      width: 90%;
      background: #ffffff;
      margin: auto;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      padding-top: 15px;
      padding-bottom: 15px;
  }
  .ContactContent h1 {
      font-size: 20px;
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: left;
  }
  .EnvironmentalStewardship .images .img_environment {
      margin-right: 0;
  }
  .CompanyHistory .images .img_history {
      margin-right: 0;
  }
  .EnvironmentalStewardship .images .img_environment img,
  .CompanyHistory .images .img_history img {
      width: 100%;
      height: auto;
  }
  .ContactUs .column {
      width: 50%;
  }
  #chart {
      margin-top: 15px;
  }
  .CompanyHistory {
      margin-bottom: 15px;
  }
  .customDL .flowCircle {
      left: 9%;
  }
  .customDL .redColor {
      left: 9%;
  }
  .tab1,
  .tab2 {
      /*padding-top: 0;*/
  }
  .tab1 .ContentContainer,
  .tab2 .ContentContainer {
      padding-top: 15px;
      padding-bottom: 15px;
  }
  .tab1 .TabContainer,
  .tab2 .TabContainer {
      width: 90%;
      background: #ffffff;
      margin: auto;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      padding-top: 15px;
      padding-bottom: 15px;
  }
  .accordion {
      padding-left: 15px;
      padding-right: 15px;
  }
  .half_block {
      width: 100%;
      display: block;
  }
  .values {
      border-left: 2px solid #8a9dab;
  }
  .half_block .group {
      margin: 15px 0;
  }
  .half_block .content {
      padding: 0 20px;
  }
  .half_block h1 {
      padding-top: 15px;
      padding-bottom: 15px;
      margin-bottom: 15px;
  }
  .half_block h1 span {
      color: #4f3922;
  }
  .accordion_images a {
      margin: 0;
  }
  h1.ImportantText {
      padding: 15px 0;
      font-size: 22px;
  }
  .Carousel .cycle-pager {
      max-width: 100%;
      left: 0;
  }
}
@media screen and (max-width: 640px) {
  .customDL .ModuleHeadlineLink {
      font-size: 16px;
  }
  .customDL .ModuleFileDescriptionText {
      font-size: 12px;
  }
  .customDL .flowCircle {
      left: 12%;
  }
  .customDL .redColor {
      left: 12%;
  }
  .logos a {
      margin: 0;
  }
  .Carousel {
      width: 100%;
  }
  .Carousel .cycle-slideshow {
      width: 100%;
  }
  .Carousel .cycle-slideshow .slide {
      width: 100%;
  }
  .Carousel .cycle-detail {
      width: 100%;
      padding-top: 260px;
      padding-bottom: 125px;
  }
  .Carousel .cycle-detail h1 {
      height: 28px;
  }
  .Carousel .cycle-pager {
      width: 100%;
      left: 0px;
      right: 0;
      max-width: 100%;
      margin: 0;
  }
  .head3Image {
      width: 100%;
  }
  .head2Image {
      width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .ContactUs .column {
      width: 100%;
  }
  .ContactUs .person {
      min-height: 200px;
  }
}
@media screen and (max-width: 320px) {
  .RefineryBreadcrumb {
      padding: 0;
      margin-top: 2.5rem;
      text-align: left;
      font-size: 13px;
      font-weight: 400;
      color: #2b3743;
  }
  .RefineryBreadcrumb a,
  .RefineryBreadcrumb span {
      display: inline;
  }
  .MenuTabs a {
      padding: 5px;
  }
  .MenuTabs a:first-child {
      padding: 5px;
  }
  .PersonContainer h3 {
      font-size: 15px;
      padding: 15px 0px 15px 30px;
  }
  .PersonContainer .active .PersonTitle {
      display: block;
      font-size: 13px;
      line-height: 20px;
      margin-top: 20px;
  }
  .SiteMapContainer li:before {
      font: normal normal normal 12px/1 FontAwesome;
  }
  .ContactContent h1:after,
  .ContactContent h1.active:after {
      display: none;
  }
  .customDL .ModuleHeadlineLink {
      width: 13%;
  }
  .customDL .flowCircle {
      left: 15%;
  }
  .customDL .redColor {
      left: 15%;
  }
  .customDL p {
      margin: 0px;
      padding: 10px 0px 20px;
  }
  .customDL .ModuleFileDescriptionText {
      width: 78%;
  }
  .expand {
      text-align: center;
  }
  .expand img {
      float: none;
      margin: auto;
      padding-right: 0;
  }
  .expand ul {
      margin: 0;
      padding-left: 15px;
      text-align: left;
  }
  .accordion {
      padding-top: 0;
  }
  .accordion h3 {
      font-size: 15px;
  }
  .tab1 .accordion h3 {
      padding-bottom: 15px;
  }
  .accordion_images a {
      float: none;
      margin: auto;
  }
  .accordion_images a:first-child {
      margin: auto;
  }
  h1.ImportantText {
      font-size: 17px;
      line-height: 26px;
  }
}
/* Operations */
.RefineryOperations .PaneContentInner,
.LeadershipPage .PaneContentInner {
  padding-bottom: 0;
}
.RefineryLocations {
  background: #ffffff;
  padding-top: 85px;
  padding-bottom: 85px;
  text-align: center;
  position: relative;
}
.RefineryLocations p {
  color: #ffffff;
}
.RefineryLocations h1 {
  color: #a9a9a9;
  font-size: 42px;
  font-weight: 300;
  line-height: 28px;
}
.heromap {
  margin: auto;
  width: 1170px;
  height: 600px;
}
.heromap .jvectormap-zoomin,
.heromap .jvectormap-zoomout {
  display: none;
}
.jvectormap-tip {
  z-index: 1000;
}
.heromap .jvectormap-tip {
  border: 0;
  background: none;
  padding: 0;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 900;
  pointer-events: none;
}
.heromap .jvectormap-tip:after {
  position: absolute;
  width: 6px;
  height: 6px;
  content: "";
  top: 15px;
  right: -10px;
  background: url('../design/arrow.png') no-repeat;
}
.heromap_toggle-container {
  margin-top: 40px;
}
.heromap_toggle-container .heromap_toggle {
  display: inline-block;
  padding: 8px 15px;
  border: 2px solid #c3c5c8;
  margin: 0 10px;
  color: #c3c5c8;
  cursor: pointer;
}
.heromap_toggle-container .heromap_toggle.active {
  border: 2px solid #c3c5c8;
  background: #c3c5c8;
  color: #425363;
}
.RefineryLocations .map {
  color: #ffffff;
}
.RefineryLocations .RefineryDetail {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1170px;
  margin: auto;
  background: #ffffff;
  text-align: left;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  border-top-right-radius: 20px;
}
.RefineryLocations .RefineryDetail .herodetails {
  padding: 70px 40px 80px;
  overflow: auto;
}
.RefineryLocations .RefineryDetail .RefineryDetailText {
  float: left;
  margin-top: 75px;
  margin-left: 60px;
  width: 540px;
  position: relative;
}
.RefineryLocations .RefineryDetail .more {
  float: right;
  margin-top: 40px;
  margin-left: 60px;
  width: 540px;
}
span.closeDetail {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background: url('../design/location_down.png');
  width: 49px;
  height: 49px;
  cursor: pointer;
}
.RefineryLocations .RefineryDetail .RefineryDetailText h3 {
  color: #2b3743;
  font-weight: 300;
  font-size: 28px;
  margin: 0;
  padding: 0;
}
.RefineryLocations .RefineryDetail .RefineryDetailText p {
  padding: 40px 0;
  margin: 0;
  color: #2b3743;
  line-height: 24px;
  font-size: 15px;
}
.RefineryLocations .RefineryDetail .RefineryDetailText .name,
.RefineryLocations .RefineryDetail .RefineryDetailText .location {
  float: left;
  width: 50%;
}
.RefineryLocations .RefineryDetail .RefineryDetailText .name p,
.RefineryLocations .RefineryDetail .RefineryDetailText .location p {
  padding: 0;
}
.RefineryLocations .RefineryDetail .RefineryDetailText .name {
  background: url('../design/location_person.png') no-repeat;
  padding-left: 35px;
}
.RefineryLocations .RefineryDetail .RefineryDetailText .location {
  background: url('../design/location_checkin.png') no-repeat;
  padding-left: 35px;
}
.lightProducts .PaneContent .container,
.lubricantsSpecialtyProducts .PaneContent .container,
.asphaltHeavyProducts .PaneContent .container,
.safetyDataSheets .PaneContent .container {
  padding: 2rem;
}
.Products {
  padding-top: 50px;
  padding-bottom: 85px;
  text-align: center;
  background: #eceff0;
}
/* .Products .container{
  padding-left: 60px;
  padding-right: 60px;
} */
.Products h1 {
  font-size: 42px;
  font-weight: 300;
  color: #00843d;
}
.Products p {
  padding: 0;
  margin-top: 35px;
  margin-bottom: 20px;
}
.product {
  width: 270px;
  float: left;
}
.Products .product {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 270px !important;
}
.refinery {
  width: 130px;
  /* width: 20%;
  float: left; */
  padding-left: 18px;
  padding-right: 18px;
  margin-top: 30px;
}
.last_refinery {
  padding-right: 0;
}
.Subheading {
  background: url('../images/subheading.jpg');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.Subheading h1 {
  font-size: 28px;
  font-weight: 300;
  line-height: 24px;
  color: #ffffff;
  padding: 0;
  margin-top: 40px;
}
.Subheading p {
  padding: 0;
  margin: 40px 0;
  color: #ffffff;
  float: left;
  clear: right;
}
.Subheading img {
  float: left;
  margin-top: 180px;
  margin-left: 110px;
  padding-right: 75px;
}
/* Operations Mobile */
@media screen and (max-width: 1200px) {
  .heromap {
      width: 100%;
      height: auto;
  }
  .RefineryLocations .RefineryDetail {
      width: 90%;
  }
  .RefineryLocations .RefineryDetail .RefineryDetailText {
      margin-top: 15px;
      margin-left: 0;
      width: 100%;
  }
  .RefineryLocations .RefineryDetail .more {
      margin-top: 15px;
      margin-left: 0;
      width: 100%;
  }
  .RefineryLocations .RefineryDetail .RefineryDetailText p {
      padding: 10px 0;
  }
  /* .refinery {
      width: 50%;
      padding: 0 0 15px 0;
  } */
  .Subheading {
      text-align: center;
  }
  .Subheading h1 {
      float: none;
      margin-top: 35px;
  }
  .Subheading p {
      width: auto;
      margin: 15px 0;
      text-align: left;
  }
  .Subheading img {
      float: none;
      padding: 0;
      margin-top: 15px;
      margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .RefineryLocations {
      padding-top: 15px;
      padding-bottom: 15px;
  }
  .RefineryLocations h1 {
      color: #ffffff;
      font-size: 24px;
      line-height: 24px;
  }
  .heromap svg {
      height: 390px !important;
  }
  .RefineryLocations .RefineryDetail img {
      display: none;
  }
  .RefineryLocations .RefineryDetail {
      padding: 15px;
  }
  .Products {
      /*padding-top: 15px;*/
      padding-bottom: 15px;
      text-align: center;
  }
  .Products .container {
      padding-left: 15px;
      padding-right: 15px;
  }
  .Products h1 {
      font-size: 24px;
  }
  .Products p {
      margin-top: 15px;
      margin-bottom: 15px;
  }
  .product {
      width: 50%;
      padding: 0 0 15px 0;
  }
  .Subheading h1 {
      font-size: 24px;
      margin-top: 15px;
  }
}
@media screen and (max-width: 320px) {
  .heromap svg {
      height: 160px !important;
  }
  .RefineryLocations .RefineryDetail .RefineryDetailText .name,
  .RefineryLocations .RefineryDetail .RefineryDetailText .location {
      width: 100%;
  }
  .RefineryLocations .RefineryDetail .RefineryDetailText p {
      padding: 5px 0;
      font-size: 13px;
  }
  .RefineryLocations .RefineryDetail .herodetails {
      padding: 10px 0 10px;
  }
  /* .refinery {
      width: 100%;
      padding: 0 0 15px 0;
  } */
  .product {
      width: 100%;
      padding: 0 0 15px 0;
  }
}
/* Corporate Profile */
.CorporateProfile {
  text-align: center;
  margin-top: 40px;
}
.CP1 {
  width: 100%;
}
.CP1 p {
  padding-left: 15px;
  padding-right: 15px;
}
.CPRow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.CPRow > div {
  width: 25%;
}
.corporate {
  margin: auto;
  padding: 30px 0;
}
/** .profile-img p{
  display: none;
} **/
.profile-img p.days {
  display: block;
  padding: 25px 0 0 0;
  margin: 0;
  color: #00843d;
  font-size: clamp(2rem, 1.7684rem + 1.0588vw, 2.5625rem);
  line-height: 32px;
}
.profile3img span {
  color: #646469;
  font-size: 23px;
  line-height: 28px;
}
.profile1 {
  width: 250px;
  display: table-cell;
  vertical-align: top;
}
.profile2 {
  display: table-cell;
  vertical-align: top;
}
.profile3 {
  width: 250px;
  display: table-cell;
  vertical-align: top;
}
.CP2 {
  /*width: 770px;*/
  margin: 30px auto 0;
}
.CP2 p {
  margin: 0;
  padding: 0 85px 30px 85px;
}
.CP2 span {
  color: #2390d2;
}
.CorporateProfile .readmore {
  margin: 0;
  padding: 0;
}
.CP2 .grid_col {
  height: 100%;
}
.CP2 .grid_col img {
  margin: auto 0;
}
/* Corporate Profile Mobile */
@media screen and (max-width: 1200px) {
  .CP1 {
      width: 100%;
      display: block;
  }
  .corporate {
      width: 100%;
      padding-bottom: 15px;
  }
  .profile1img,
  .profile2img,
  .profile3img,
  .profile1,
  .profile2,
  .profile3 {
      width: 100%;
      display: block;
      float: left;
      margin-top: 15px;
      margin-bottom: 15px;
  }
  .profile1img p,
  .profile2img p,
  .profile3img p {
      display: inline-block;
      margin: 0;
      padding: 0;
  }
  .profile1img img,
  .profile2img img,
  .profile3img img {
      display: block;
      margin: auto;
  }
  .profile1,
  .profile2,
  .profile3 {
      display: none;
  }
  .CP2 {
      clear: both;
      width: 100%;
      margin: 30px 0;
  }
  .CP2 p {
      padding: 15px 15px;
  }
}
@media screen and (max-width: 940px) {
  .CPRow {
      justify-content: space-between;
  }
  .CPRow > div {
      width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .CPRow > div {
      width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .CorporateProfile {
      margin-top: 15px;
  }
  .CP2 {
      margin: 15px 0;
  }
  .CP2 p {
      padding: 0;
  }
}
/* Exception */
@media screen and (min-width: 940px) and (max-width: 1200px) {
  .ClientLogo {
      display: none !important;
  }
  .navbar-collapse {
      float: left;
  }
  .ModulePressRelease {
      padding-top: 0;
  }
  .LogoSlider {
      display: block;
      top: 15%;
      text-align: center;
  }
  .LogoSlider img {
      max-width: 50%;
      height: auto;
  }
  .RefineryLocations .RefineryDetail img {
      width: 35%;
      margin-right: 30px;
      padding-top: 15px;
  }
  .RefineryLocations .RefineryDetail .RefineryDetailText {
      width: 60%;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  .customDL .flowCircle {
      left: 9%;
  }
  .customDL .redColor {
      left: 9%;
  }
}
.PageAboutUsCompanyHistory .ModuleDownloadListWithTags .ModuleHeadlineLink[href*="http://"]
{
  background: none;
  padding-left: 0;
  padding-bottom: 8px;
  display: table-cell;
}
/*==============124666================*/
.PageAboutUsMissionValues .table_block {
  margin-bottom: 60px;
}
/*==============124666==end==============*/
.privacy-statement ol {
  padding: 10px;
}
.privacy-statement ol.letters {
  padding-left: 40px;
}
/*-----------301528---------------------*/
.PageCITIZENSHIPREPORT .Breadcrumb {
  text-align: left;
}
/*------------------00011525------------------------*/
.button.button-hf {
  transition: 0.3s ease-in-out;
  border-color: #00843d;
  background: #00843d;
  color: #ffffff;
  min-width: 165px;
  text-align: center;
  min-height: 46px;
}
.PageSupplierRelations .button {
  transition: 0.3s ease-in-out;
  border-color: #00843d;
  /* background: #00843D; */
  color: #ffffff;
  min-width: 165px;
  text-align: center;
  min-height: 46px;
  margin-left: 15%;
}
.PageSupplierRelations .button_text {
  font-size: 14px;
  color: white;
  font-weight: bold;
}
.PageSupplierRelationsHEPSupplierTemplates .Breadcrumb {
  text-align: left;
}
.PageSupplierRelationsHollyFrontierCorporationSupplierResources .Breadcrumb {
  text-align: left;
}
/*---------------------00015279-------------------*/
.PageSupplierRelationsHollyFrontierLubricantsampSpecialtiesSupplierResources .Lubricants {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.PageSupplierRelationsHollyFrontierLubricantsampSpecialtiesSupplierResources .Lubricants .column-2 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 700;
}
.PageSupplierRelationsHollyFrontierLubricantsampSpecialtiesSupplierResources .Lubricants .column-1 {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 700;
}
.PageSupplierRelationsHollyFrontierLubricantsampSpecialtiesSupplierResources .Lubricants .row-2 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.PageSupplierRelationsHollyEnergyPartnersSupplierResources .Breadcrumb {
  text-align: left;
}
.PageSupplierRelationsHollyFrontierLubricantsampSpecialtiesSupplierResources .Breadcrumb {
  text-align: left;
}
/*--START 00026563--*/
.Careers .HeaderImage {
  background-image: url('../images/2020/08/17377-01-HFC-Careers-Landing-Page-E-Header-01.jpg') !important;
  height: 238px;
}
.page--careers .js--page-title {
  position: absolute;
  top: calc(50% - 25px);
  width: 100%;
  z-index: 4;
}
.page--careers .js--page-title .module_container--inner {
  max-width: 1200px;
  margin: 0 auto;
}
.page--careers .js--page-title .module_title {
  font-size: 50px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
}
.page--careers .PaneContent .container {
  max-width: 1000px;
}
.page--careers .module--careers-content h3 {
  font-size: 28px;
  margin-bottom: 30px;
  line-height: 1.3;
}
.page--careers .module--careers-content .text-lg {
  font-size: 24px;
}
.page--careers .module--careers-content .button {
  background: linear-gradient(#417795, #425768);
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  display: block;
}
.page--careers .module--careers-content .careers-section {
  padding-top: 30px;
  padding-bottom: 30px;
}
.page--careers .module--careers-content .careers-section:not(:last-child) {
  border-bottom: solid black 1px;
}
.page--careers .module--careers-content .company-logos .grid_col {
  text-align: center;
  position: relative;
  height: 75px;
  line-height: 75px;
  vertical-align: bottom;
  margin-bottom: 20px;
  margin-top: 20px;
}
.page--careers .module--careers-content .company-logos img {
  max-height: 75px;
}
.page--careers .module--careers-content .company-logos .hover-caption {
  display: none;
  position: absolute;
  width: 300px;
  bottom: 75%;
  right: 65%;
  border: solid black 2px;
  line-height: 1.5;
  z-index: 20;
  background: #ffffff;
}
.page--careers .module--careers-content .company-logos .js--active .hover-caption {
  display: block;
}
.page--careers .module--careers-content .careers-card {
  margin: 30px 10px;
}
.page--careers .module--careers-content .careers-card .card-img-top {
  width: 100%;
  display: block;
  height: auto;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.page--careers .module--careers-content .careers-card .card-body {
  padding: 10px;
  text-align: center;
  background: #417795;
  color: #ffffff;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.page--careers .module--careers-content .careers-card .card-title {
  color: #ffffff;
  font-size: 20px;
}
.page--careers .module--careers-content .careers-card p {
  font-size: 14px;
  line-height: 1.5;
}
.page--careers .module--careers-content .careers-card .card-btn {
  display: inline-block;
  color: #000;
  background: #afb1b3;
  font-weight: bold;
  font-size: 12px;
  width: auto;
  padding: 5px 10px;
}
@media screen and (max-width: 480px) {
  .page--careers .js--page-title .module_title {
      font-size: 18px;
  }
  .page--careers .module--careers-content .button {
      margin-bottom: 20px;
  }
  .page--careers .module--careers-content .company-logos .hover-caption {
      position: relative;
      width: 100%;
      right: 0;
      bottom: 0;
  }
  .page--careers .module--careers-content .company-logos .grid_col {
      height: auto;
  }
  .page--careers .module--careers-content .company-logos img {
      max-height: none;
  }
}
/*--END 00026563--*/
/* 00081358 */
.PersonDetailsContainer {
  overflow: auto;
}
.PersonPhoto {
  max-width: 200px;
  float: left;
  margin-right: 20px;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .PersonPhoto {
      float: none;
      padding-bottom: 0;
  }
}
/* 00081358 end */
.grid--flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.inline-block {
  display: inline-block;
}
.background-grey {
  position: relative;
}
.background-grey .ModuleOuterContainer {
  position: relative;
}
.background-grey:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1000%;
  right: -1000%;
  background: #f7f7f9;
}
/* Sustainability */
.module-citizenship {
  padding: 50px 0;
}
.module-citizenship h1 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.module-citizenship p {
  max-width: 650px;
  margin: 25px auto;
}
.module-citizenship .module_container--widget .module_item {
  display: inline-block;
  width: 33.33%;
}
.module-citizenship .module_container--widget .module_item {
  display: inline-block;
  width: 33.33%;
}
.module-citizenship .module_container--widget .module_item a {
  display: block;
  padding: 47px 20px 0;
}
.module-citizenship .module_container--widget .module_item a img {
  display: block;
  width: 100%;
}
.module-citizenship .module_container--widget .module_item a span {
  display: block;
  font-size: 15px;
  line-height: 24px;
  padding: 13px 0;
  border-bottom: 1px solid #c3c5c8;
}
@media (max-width: 1024px) {
  .module-citizenship .module_container--widget .module_item {
      width: 50%;
  }
}
@media (max-width: 480px) {
  .module-citizenship .module_container--widget .module_item {
      width: 100%;
  }
}
.module-ethics {
  padding: 50px 0;
}
.module-ethics-intro--text h1 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.module-ethics-intro--text h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  max-width: 480px;
}
@media (max-width: 1024px) {
  .module-ethics-intro--text h2,
  .module-ethics-intro--text {
      max-width: 100%;
  }
}
.module-ethics-slider {
  padding: 100px 0;
}
.module-ethics-slider .ModuleInnerContainer {
  display: flex;
}
.module-ethics--text {
  padding-left: 90px;
}
.module-ethics--text {
  padding-left: 90px;
}
.module-ethics--text .module_item {
  border-bottom: 1px solid #c3c5c8;
  padding: 0 0 15px 0;
  margin-bottom: 15px;
}
.module-ethics--text .module_item h3 {
  font-size: 24px;
  line-height: 3.25rem;
  position: relative;
  cursor: pointer;
  font-weight: 400;
  padding-right: 40px;
}
@media (max-width: 480px) {
  .module-ethics--text .module_item h3 {
      line-height: 2rem;
  }
}
.module-ethics--text .module_item h3:after {
  content: "+";
  position: absolute;
  right: 20px;
}
.module-ethics--text .module_item.js--active h3:after {
  content: "_";
}
.module-ethics--text .module_item .slider-description {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  overflow: hidden;
  max-height: 0;
  margin-top: 0;
  transition: 0.7s all;
}
.module-ethics--text .module_item.js--active .slider-description {
  max-height: 300px;
  margin-top: 15px;
}
.module-ethics-intro--text {
  display: inline-block;
  /* 00510087 */
  /* width: calc(100% - 455px); */
  /* padding-right: 100px; */
  /* 00510087 end*/
  box-sizing: border-box;
}
.module-ethics-intro--img {
  display: inline-block;
  max-width: 452px;
}
@media (max-width: 1024px) {
  .module-ethics-intro--text {
      display: block;
      width: 100%;
      padding-right: 0;
  }
}
.module-slider--img {
  max-width: 469px;
  display: inline-block;
}
.module-ethics--text {
  display: inline-block;
  width: calc(100% - 474px);
  padding-left: 89px;
  box-sizing: border-box;
  vertical-align: top;
}
@media (max-width: 1024px) {
  .module-ethics-slider .ModuleInnerContainer {
      flex-direction: column;
  }
  .module-ethics--text {
      display: block;
      margin: 0;
      padding: 2rem 0;
      width: 100%;
  }
  .module-slider--img {
      max-width: 452px;
  }
  .module-ethics-slider {
      padding: 0;
  }
}
.ModuleContent .ModuleOuterContainer {
  max-width: 1670px;
  padding: 0 15px;
  margin: 0 auto;
  /* overflow: hidden; */
}
@media (max-width: 1670px) {
  .ModuleContent .ModuleOuterContainer {
      overflow: hidden;
  }
}
.module-page-banner img {
  width: 100%;
}
.module-page-banner .ModuleOuterContainer {
  max-width: 100%;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}
.module-icons-info {
  font-size: 0;
  line-height: 0;
  box-sizing: border-box;
  padding: 50px 0;
}
.module-icons-info--container {
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  padding-left: 120px;
  padding-bottom: 20px;
  vertical-align: top;
}
.module-icons-info--container img {
  height: 159px;
  display: inline-block;
}
.module-icons-info--container .icon-description {
  font-size: 25px;
  line-height: 30px;
  width: calc(100% - 160px);
  float: right;
  padding-left: 50px;
  box-sizing: border-box;
  margin: 20px 0;
}
.module-icons-info--container:first-child .icon-description p {
  max-width: 460px;
  margin: 0;
}
.module-icons-info--container:last-child .icon-description p {
  max-width: 430px;
  margin: 0;
}
.module-icons-info--container p span {
  color: #2c7824;
}
.module-text-info {
  position: relative;
  text-align: center;
}
.module-text-info:before {
  content: "";
  background: #2c7824;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1000%;
  right: -1000%;
}
.module-text-info p {
  position: relative;
  margin: 0 auto;
  max-width: 1420px;
  font-size: 35px;
  line-height: 42px;
  color: #ffffff;
  padding: 50px 0 50px 0;
}
.module-renewable-energy a.button {
  display: block;
  text-align: center;
  font-size: 41px;
  line-height: 41px;
  text-transform: uppercase;
  color: #2c7824;
  padding: 50px 0 50px 0;
}
.module-renewable-energy a.button:hover {
  text-decoration: none;
}
.module-info-slide {
  font-size: 0;
  line-height: 0;
  margin-bottom: 50px;
}
.module-info-slide.slide-3 {
  margin-bottom: 0px;
}
.module-info-slide .ModuleInnerContainer {
  background: #2c7824;
}
.module-info-slide .module-info {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.module-info-slide .module-info--img img {
  width: 100%;
}
.module-info-slide .module-info--text {
  width: 100%;
  padding: 84px;
  padding-bottom: 0;
}
.module-info-slide .module-info--text h2 {
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 40px;
  font-weight: 700;
  color: #ffffff;
  text-transform: initial;
}
.module-info-slide .module-info--text p {
  font-size: 25px;
  line-height: 30px;
  font-weight: 400;
  color: #ffffff;
}
.module-info-slide.slide-1 .module-info--img {
  width: 690px;
}
.module-info-slide.slide-1 .module-info--text {
  width: calc(100% - 690px);
}
.module-info-slide.slide-2 .module-info--img {
  width: 654px;
}
.module-info-slide.slide-2 .module-info--text {
  width: calc(100% - 654px);
}
.module-info-slide.slide-3 .module-info--img {
  width: 690px;
}
.module-info-slide.slide-3 .module-info--text {
  width: calc(100% - 690px);
}
@media (max-width: 1600px) {
  .module-info-slide .module-info--text {
      padding-top: 40px;
  }
}
@media (max-width: 1500px) {
  .module-info-slide .module-info--text h2,
  .module-info-slide .module-info--text p {
      font-size: 20px;
      line-height: 1;
  }
  .module-icons-info .module-icons-info--container:first-child {
      padding-left: 0;
      padding-right: 60px;
  }
  .module-icons-info .module-icons-info--container:last-child {
      padding-left: 60px;
  }
}
@media (max-width: 1200px) {
  .module-icons-info .module-icons-info--container:first-child {
      display: block;
      padding: 0 0 40px 0;
      width: 100%;
  }
  .module-icons-info .module-icons-info--container:last-child {
      display: block;
      padding: 0;
      width: 100%;
  }
  .module-icons-info--container:last-child .icon-description p,
  .module-icons-info--container:first-child .icon-description p {
      max-width: 100%;
  }
  .module-text-info p {
      font-size: 30px;
  }
  .module-info-slide .module-info {
      display: block;
  }
  .module-info.module-info--text {
      width: 100% !important;
      padding: 20px;
  }
  .module-info.module-info--img {
      width: 100% !important;
  }
}
@media (max-width: 600px) {
  .module-icons-info--container img {
      height: 100px;
      display: block;
      margin: 0 auto;
  }
  .module-icons-info--container .icon-description {
      width: 100%;
      float: none;
      padding-left: 0;
  }
  .module-icons-info {
      padding: 50px 0;
  }
}
.module-renewable-diesel {
  padding: 50px 0;
}
.module-renewable-diesel ul.slick-dots {
  display: none !important;
}
.module-renewable-wrap > button {
  position: absolute;
  top: -30px;
  background: transparent;
  width: 30px;
  height: 30px;
  border: 2px solid #2c7824;
  border-radius: 30px;
  font-size: 0;
}
.module-renewable-wrap > button:after {
  position: absolute;
  content: "\f105";
  color: #ffffff;
  font-family: "FontAwesome";
  font-size: 20px;
  color: #2c7824;
  line-height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.module-renewable-wrap > button.slick-next {
  right: 0;
}
.module-renewable-wrap > button.slick-prev {
  left: 0;
}
.module-renewable-wrap > button.slick-prev:after {
  content: "\f104";
}
.module-renewable-diesel h2 {
  font-size: 41px;
  line-height: 41px;
  margin-bottom: 80px;
  text-align: center;
  color: #2c7824;
}
.module-renewable-diesel .slick-slider .module-cta_item-title {
  color: #2c7824;
  font-size: 40px;
  line-height: 1;
  text-align: center;
}
.module-renewable-diesel .slick-slider .module_description p {
  font-size: 25px;
  line-height: 30px;
  color: #505050;
  text-align: center;
  max-width: 325px;
  margin: 15px auto;
}
.module-renewable-diesel .slick-slide.future .module-cta_item-title {
  color: #a8a7a7;
}
.module-renewable-diesel .slick-slide.future .module_description p {
  color: #a8a7a7;
}
.module-renewable-diesel .slick-slide {
  padding: 50px 20px 0 20px;
  border-top: 2px dashed #2c7824;
  position: relative;
  margin-top: 10px;
}
.module-renewable-diesel .slick-slide:before {
  content: "";
  width: 17px;
  height: 17px;
  background: #2c7824;
  position: absolute;
  border-radius: 20px;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
}
.module-renewable-diesel .slick-slide.future {
  border-color: #a8a7a7;
}
.module-renewable-diesel .slick-slide.future:before {
  background: #a8a7a7;
}
.module-page-banner {
  height: 300px;
  overflow: hidden;
  background-image: url('../design/renewebel-energy_page-banner.jpg');
  background-size: cover;
  background-position: center center;
}
.section-sustainability .global-banner {
  display: none;
}
@media screen and (max-width: 768px) {
  .PageSustainabilitySustainabilityReport .PaneContentInner {
      padding-top: 2.75rem;
  }
}
.module-top-bar {
  font-size: 1rem;
  background-color: #404040;
  padding: 20px;
  text-align: center;
}
.module-top-bar ul {
  max-width: 1200px;
  list-style: none;
  margin: 0 auto;
  padding: 0 15px;
}
.module-top-bar li {
  display: inline-block;
  margin-right: 20px;
}
.module-top-bar a {
  color: #ffffff;
  line-height: 1.75;
}
.module-top-bar a:hover {
  text-decoration: underline;
}
.module--flipbook {
  padding-top: 50px;
}
.module--flipbook .flipbook-container {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.module--flipbook div[data-fbp-width] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}
.module--flipbook .flipbook-anchors {
  margin-top: 30px;
}
.module--flipbook .links {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 30px;
}
.module--flipbook .links a {
  display: block;
}

/* Start 00184916 */
.PageAboutUsLeadership .PersonContainer span.PersonTitle {
  display: inline-block;
  padding-top: 10px;
  font-size: 16px;
}
/* End 00184916 */

/*--00187244 --*/
.PageOperationsProductsSafetyDataSheets .module-safety {
  width: 45%;
  display: inline;
  float: left;
}

.PageOperationsProductsSafetyDataSheets .module-lubricants {
  width: 50%;
  display: inline;
}
.PageOperationsProductsSafetyDataSheets .ModuleDownloadListWithTags .ModuleHeader {
  margin-top: 0;
}

/*-- 00226754 --*/
.module-values {
  margin: 50px 0;
}
.module-values .module_values-col {
  display: flex;
  flex-direction: column;
  margin-right: 16px;
}
.module-values .module_values-box {
  margin: 9px 0;

  /*-- 00337178 --*/
  //  height: 200px;
}
@media (max-width: 1024px) {
  .module-values .module_values-box {
      height: auto;
  }
}
.module-values .module_values-text {
  font-weight: 700;
}
.module-values .values-box {
  display: flex;
}
.module-values .values-box img {
  width: 25%;
  object-fit: contain;
  margin-right: 20px;
}

.values-box-text h2 {
  color: #00843d;
  border-bottom: 2px solid #00843d;
  text-transform: capitalize;
  padding-bottom: 10px;
  font-size: 20px;
}

/* 00274342 starts */
.response-content table,
th,
td {
  border: solid black 1px;
}
.response-content table {
  border-collapse: collapse;
}
.response-content th {
  width: 50%;
  background-color: black;
  color: white;
}
.response-content tr:nth-child(even) {
  background-color: lightgrey;
}
.response-content td p {
  margin-left: 5px;
}
/* 00274342 ends */

.cc-window {
  flex-direction: column !important;
}
.cc-banner {
  top: 3.75rem !important;
  padding: clamp(3rem, 3.8235rem + -3.7647vw, 1rem) !important;
}
.cc-banner .cc-message {
  text-align: center;
  font-family: "UniformCondensedRegular";
  font-size: 1.5rem;
  line-height: 1.8rem;
  max-width: 75ch;
}
.cc-banner .cc-message p {
  margin: 0;
}

/* 00549668 */
.grid--flex_justify-center {
  justify-content: center;
}
.grid--flex_align-start {
  align-items: flex-start;
}
/* 00549668 end */

/* 00626578 START */
.CP2 p {
  margin: 0;
  padding: 0 85px 0px 85px;
}
.subheading-color {
    background: #00843d;
}
/* 00626578 END */

.ParentSection_investor-relations .module_headline-link{
 pointer-events: none;
}