@charset "UTF-8";
/* 

Theme Name:   Pure West Theme
Theme URI: 		https://enercominc.com
Description:  Enercom custom theme.
Author:				Jeremy Kron
Version:      0.0.1

*/
/*  MAIN SASS FILE
=================================================================== /// */
/* 
:::::::::: VARIABLES :::::::::
*/
/* breakpoints */
/* 
:::::::::: COLORS :::::::::
*/
/* ___ theme ___ */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.black {
  color: #000 !important; }

.white {
  color: #FFF !important; }

.dark-grey {
  color: #333 !important; }

.mid-grey {
  color: #7D7D7D !important; }

.light-grey {
  color: #e0e0e0 !important; }

.blue {
  color: #023F88 !important; }

.light-blue {
  color: #3CB4E5 !important; }

.alt-blue {
  color: #0073BC !important; }

.green {
  color: #62BB46 !important; }

.alt-green {
  color: #95C93D !important; }

.text-A {
  color: #000 !important; }

.text-B {
  color: #FFF !important; }

.link-A {
  color: #3CB4E5 !important; }

.link-B {
  color: #62BB46 !important; }

/* ___ backgrounds ___ */
.bg-black {
  background-color: #000 !important;
  color: #FFF; }

.bg-white {
  background-color: #FFF !important;
  color: #023F88; }

.bg-light-grey {
  background-color: #e0e0e0 !important;
  color: #023F88; }

.bg-lighter-grey {
  background-color: #ededed !important;
  color: #023F88; }

.bg-mid-grey {
  background-color: #7D7D7D !important;
  color: #FFF; }

.bg-dark-grey {
  background-color: #333 !important;
  color: #FFF; }

.bg-darker-grey {
  background-color: #262626 !important;
  color: #FFF; }

.bg-blue {
  background-color: #023F88 !important;
  color: #FFF; }

.bg-light-blue {
  background-color: #3CB4E5 !important;
  color: #FFF; }

.bg-alt-blue {
  background-color: #0073BC !important;
  color: #FFF; }

.bg-green {
  background-color: #62BB46 !important;
  color: #FFF; }

.bg-alt-green {
  background-color: #95C93D !important;
  color: #023F88; }

/* ___ borders ___ */
.border-black-thin {
  border: #000 1px solid; }

.border-top-black-thin {
  border-top: #000 1px solid; }

.border-bottom-black-thin {
  border-bottom: #000 1px solid; }

.border-white-thin {
  border: #FFF 1px solid; }

.border-top-white-thin {
  border-top: #FFF 1px solid; }

.border-bottom-white-thin {
  border-bottom: #FFF 1px solid; }

.border-light-grey-thin {
  border: #e0e0e0 1px solid; }

.border-top-light-grey-thin {
  border-top: #e0e0e0 1px solid; }

.border-bottom-light-grey-thin {
  border-bottom: #e0e0e0 1px solid; }

.border-mid-grey-thin {
  border: #7D7D7D 1px solid; }

.border-top-mid-grey-thin {
  border-top: #7D7D7D 1px solid; }

.border-bottom-mid-grey-thin {
  border-bottom: #7D7D7D 1px solid; }

.border-dark-grey-thin {
  border: #333 1px solid; }

.border-top-dark-grey-thin {
  border-top: #333 1px solid; }

.border-bottom-dark-grey-thin {
  border-bottom: #333 1px solid; }

.border-blue-thin {
  border: #023F88 1px solid; }

.border-top-blue-thin {
  border-top: #023F88 1px solid; }

.border-bottom-blue-thin {
  border-bottom: #023F88 1px solid; }

.border-green-thin {
  border: #62BB46 1px solid; }

.border-top-green-thin {
  border-top: #62BB46 1px solid; }

.border-bottom-green-thin {
  border-bottom: #62BB46 1px solid; }

/* ___ system ___ */
/* families */
body {
  margin: 0;
  font-family: "Montserrat", sans serif;
  background: #FFF;
  overflow-x: hidden; }
  body.bg-reset {
    background: unset; }

h1 {
  font-size: 40px;
  line-height: 54px;
  font-weight: 600; }
  @media (max-width: 767px) {
    h1 {
      font-size: 36px;
      line-height: 44px; } }
  @media (max-width: 419px) {
    h1 {
      font-size: 32px;
      line-height: 38px; } }

h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 600; }
  @media (max-width: 767px) {
    h2 {
      font-size: 32px;
      line-height: 38px; } }
  @media (max-width: 419px) {
    h2 {
      font-size: 28px;
      line-height: 36px; } }

h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    h3 {
      font-size: 20px;
      line-height: 24px; } }
  @media (max-width: 419px) {
    h3 {
      font-size: 18px;
      line-height: 22px; } }

h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600; }
  @media (max-width: 419px) {
    h4 {
      font-size: 14px;
      line-height: 17px; } }

h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500; }

h6 {
  font-size: 12px;
  line-height: 17px;
  font-weight: 500; }

p, ul, ol {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400; }

p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 auto 1rem; }
  p:last-child {
    margin-bottom: 0; }
  p.intro {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300; }

img {
  display: block;
  width: 100%;
  height: auto; }

strong {
  font-weight: 600; }

blockquote {
  display: flex;
  align-items: flex-start;
  padding: 0;
  margin: 2rem 2rem 0;
  color: #0073BC; }
  blockquote::before {
    display: block;
    float: left;
    padding-top: 20px;
    margin: 0 1rem 0 0;
    content: "“";
    font-size: 90px;
    line-height: 30px;
    font-weight: 800;
    color: #62BB46; }
  @media (max-width: 767px) {
    blockquote {
      margin: 2rem 1rem 0; } }
  blockquote p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400; }

table {
  width: 100%;
  border-collapse: collapse; }
  @media (max-width: 767px) {
    table {
      display: block; } }
  table tr {
    background: #2788fc; }
    @media (max-width: 767px) {
      table tr {
        display: inline-block;
        width: 95%;
        padding: 1rem; } }
    table tr:first-child {
      background: #023F88;
      border-bottom: #FFF 2px solid; }
    table tr:nth-child(even) {
      background: #59a4fd; }
    table tr th,
    table tr td {
      padding: 0.5rem 1rem;
      text-align: left; }
      @media (max-width: 767px) {
        table tr th,
        table tr td {
          display: block;
          width: 100%;
          padding: 0; } }
    table tr th {
      color: #FFF; }
    table tr td {
      color: #333; }
  table caption {
    caption-side: bottom;
    text-align: right;
    padding: 0.5rem 0; }

a {
  color: #62BB46;
  text-decoration: none; }

@media (min-width: 1024px) {
  :hover {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out; } }

button,
input[type=button],
input[type=submit] {
  display: block;
  margin: 1rem auto;
  background: #95C93D;
  color: #023F88;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center;
  border: none;
  box-shadow: #e0e0e0 0px 3px 5px;
  display: flex;
  align-items: center;
  padding: 0.5rem 2rem 0.5rem 1rem;
  cursor: pointer; }
  button::before,
  input[type=button]::before,
  input[type=submit]::before {
    content: url("art/btn-icon-white.svg");
    width: 28px;
    height: 28px;
    padding-right: 12px; }
  button:hover,
  input[type=button]:hover,
  input[type=submit]:hover {
    background: #0073BC;
    color: #FFF; }
  button.left,
  input[type=button].left,
  input[type=submit].left {
    margin: 1rem 0; }
  button.bg-blue:hover,
  input[type=button].bg-blue:hover,
  input[type=submit].bg-blue:hover {
    background: #012856; }
  button.bg-alt-blue:hover,
  input[type=button].bg-alt-blue:hover,
  input[type=submit].bg-alt-blue:hover {
    background: #005489; }
  button.bg-light-blue:hover,
  input[type=button].bg-light-blue:hover,
  input[type=submit].bg-light-blue:hover {
    background: #1c9dd2; }
  button.bg-green:hover,
  input[type=button].bg-green:hover,
  input[type=submit].bg-green:hover {
    background: #4e9737; }
  button.bg-black:hover,
  input[type=button].bg-black:hover,
  input[type=submit].bg-black:hover {
    background: #000; }
  button.bg-white,
  input[type=button].bg-white,
  input[type=submit].bg-white {
    color: #000; }
    button.bg-white:hover,
    input[type=button].bg-white:hover,
    input[type=submit].bg-white:hover {
      background: #FFF; }

header {
  position: fixed;
  width: 100%;
  z-index: 1000;
  padding: 1rem 0;
  border-bottom: #e0e0e0 1px solid; }
  @media (max-width: 1399px) {
    header {
      padding: 1rem;
      position: relative; } }
  header .flex-container {
    max-width: 1399px; }
  header #hdr-logo {
    width: 25%; }
    @media (max-width: 767px) {
      header #hdr-logo {
        width: 50%; } }
    header #hdr-logo img {
      width: auto;
      height: auto;
      max-width: 350px;
      padding: 1rem 0; }
      @media (max-width: 767px) {
        header #hdr-logo img {
          max-width: 200px; } }
    header #hdr-logo.scrolled img {
      max-width: 250px;
      padding: 0.25rem 0;
      transition: 1s; }
      @media (max-width: 767px) {
        header #hdr-logo.scrolled img {
          max-width: 200px; } }
  header #mobile-nav-bars {
    display: none;
    cursor: pointer; }
    @media (max-width: 1399px) {
      header #mobile-nav-bars {
        display: block;
        position: relative;
        width: 70%;
        text-align: right; }
        header #mobile-nav-bars i {
          font-size: 36px;
          line-height: 36px; } }
    @media (max-width: 767px) {
      header #mobile-nav-bars {
        width: 40%; }
        header #mobile-nav-bars i {
          font-size: 28px;
          line-height: 28px; } }
  header #mobile-nav-close {
    display: none;
    position: relative;
    width: 50%;
    cursor: pointer; }
    @media (max-width: 1400px) {
      header #mobile-nav-close {
        position: relative;
        width: 70%;
        text-align: right; }
        header #mobile-nav-close i {
          font-size: 36px;
          line-height: 36px; } }
    @media (max-width: 767px) {
      header #mobile-nav-close {
        width: 40%; }
        header #mobile-nav-close i {
          font-size: 28px;
          line-height: 28px; } }
  header #main-menu {
    width: 75%;
    text-align: right; }
    @media (max-width: 1400px) {
      header #main-menu {
        display: none;
        width: 100%;
        text-align: left;
        position: absolute;
        top: 115px;
        left: -1rem;
        right: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), black); } }
    @media (max-width: 419px) {
      header #main-menu {
        top: 92px; } }
    header #main-menu ul {
      list-style-type: none;
      font-family: "Montserrat", sans serif;
      font-weight: 500;
      font-size: 14px;
      line-height: 14px;
      padding: 0 0; }
      @media (max-width: 1400px) {
        header #main-menu ul {
          font-size: 24px;
          line-height: 24px;
          text-align: center; } }
      @media (max-width: 768px) {
        header #main-menu ul {
          font-size: 16px;
          line-height: 16px;
          text-align: center; } }
      header #main-menu ul li {
        display: inline-block;
        padding: 1rem 1rem 1rem 0.25rem; }
        @media (max-width: 1400px) {
          header #main-menu ul li {
            display: block;
            padding: 2rem 1rem; } }
        @media (max-width: 1400px) {
          header #main-menu ul li {
            padding: 1rem 0.5rem; } }
      header #main-menu ul a {
        color: #000;
        text-decoration: none; }
        header #main-menu ul a:hover {
          color: #62BB46; }
        @media (max-width: 1400px) {
          header #main-menu ul a {
            color: #FFF; }
            header #main-menu ul a:hover {
              color: #62BB46; } }
    header #main-menu .menu .menu-item {
      position: relative; }
      header #main-menu .menu .menu-item .menuHR {
        width: 0%;
        height: 2px;
        background-color: #62BB46;
        margin: 12px 100% 0 0;
        position: absolute; }
      header #main-menu .menu .menu-item:last-child .menuHR {
        width: 0%; }
      header #main-menu .menu .menu-item .sub-menu {
        display: none;
        position: absolute;
        width: auto;
        min-width: 100%;
        background: transparent;
        left: 0;
        margin: 1rem 0 0;
        padding: 0 1rem 0.5rem; }
        @media (max-width: 1400px) {
          header #main-menu .menu .menu-item .sub-menu {
            display: block;
            position: relative;
            background: none;
            margin: 0; } }
        header #main-menu .menu .menu-item .sub-menu li {
          display: flex;
          padding: 1rem 0;
          text-align: center;
          border-bottom: none; }
          header #main-menu .menu .menu-item .sub-menu li:hover, header #main-menu .menu .menu-item .sub-menu li.current-menu-item {
            border-bottom: none; }
          header #main-menu .menu .menu-item .sub-menu li::before {
            content: '>';
            display: inline-block;
            margin-right: 0.25rem;
            color: #62BB46; }
          @media (max-width: 1399px) {
            header #main-menu .menu .menu-item .sub-menu li {
              display: block;
              text-align: center;
              padding: 0.5rem 1rem 0;
              color: #e0e0e0; }
              header #main-menu .menu .menu-item .sub-menu li::before {
                color: #62BB46; } }
          header #main-menu .menu .menu-item .sub-menu li a {
            color: #023F88; }
            header #main-menu .menu .menu-item .sub-menu li a:hover {
              color: #62BB46; }
            @media (max-width: 1400px) {
              header #main-menu .menu .menu-item .sub-menu li a {
                color: #e0e0e0; }
                header #main-menu .menu .menu-item .sub-menu li a:hover {
                  color: #62BB46; } }
  header#content-header {
    background: #FFF; }
    header#content-header.imgHdr {
      background-size: cover;
      min-height: 100vh;
      position: relative; }
      header#content-header.imgHdr .headline {
        position: absolute;
        top: 40%;
        width: 100%;
        margin: 0 auto;
        font-size: 72px;
        line-height: 84px;
        font-weight: 300; }
        @media (max-width: 1400px) {
          header#content-header.imgHdr .headline {
            font-size: 38px;
            line-height: 46px; } }
        header#content-header.imgHdr .headline #headline {
          display: block;
          width: 60%;
          margin: 0 auto;
          text-align: center; }
  header .videoHero {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    min-height: 90vh;
    overflow: hidden; }
    header .videoHero .headline {
      position: relative;
      z-index: 1000;
      width: 50%;
      max-width: 600px;
      margin: 16rem auto 0;
      padding: 2rem 2rem 3rem;
      font-size: 36px;
      line-height: 40px;
      font-weight: 300;
      text-transform: uppercase;
      text-align: center; }
      @media (max-width: 980px) {
        header .videoHero .headline {
          width: 70%;
          margin: 2rem auto;
          font-size: 30px;
          line-height: 34px; } }
      @media (max-width: 419px) {
        header .videoHero .headline {
          font-size: 20px;
          line-height: 24px; } }
      header .videoHero .headline img {
        display: block;
        width: 70px;
        height: 70px;
        margin: 0 auto 2rem; }
        @media (max-width: 419px) {
          header .videoHero .headline img {
            width: 40px;
            height: 40px; } }
  header .videoHero video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    opacity: 1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
    @media (max-width: 980px) {
      header .videoHero video {
        display: none; } }

footer {
  width: 100%;
  background: #000;
  color: #023F88;
  border-top: #7D7D7D 1px solid; }
  footer p {
    font-size: 14px;
    line-height: 17px;
    font-weight: 300; }
    footer p#ftr-copyright {
      text-align: center; }
  footer a {
    color: #0073BC; }
  footer .flex-container {
    max-width: 1399px;
    margin: 0 auto; }
    footer .flex-container .row {
      width: 100%;
      align-items: flex-start; }
      @media (max-width: 981px) {
        footer .flex-container .row {
          display: block;
          width: 90%; } }
      footer .flex-container .row .col {
        width: 25%;
        padding: 4rem 1rem; }
        @media (max-width: 981px) {
          footer .flex-container .row .col {
            width: 100% !important;
            text-align: center;
            padding: 1rem 2rem; } }
        footer .flex-container .row .col#ftr-logo {
          width: 40%;
          padding: 2rem 1rem; }
          footer .flex-container .row .col#ftr-logo img {
            width: 100%;
            height: auto;
            max-width: 240px; }
            @media (max-width: 981px) {
              footer .flex-container .row .col#ftr-logo img {
                margin: 0 auto; } }
        footer .flex-container .row .col.address a {
          color: #023F88; }
        footer .flex-container .row .col:last-child {
          width: 10%;
          text-align: right; }
          @media (max-width: 981px) {
            footer .flex-container .row .col:last-child {
              text-align: center; } }
        footer .flex-container .row .col a i {
          font-size: 36px;
          line-height: 36px;
          color: #023F88; }
        footer .flex-container .row .col a:hover i {
          color: #62BB46; }

form {
  background: #ededed;
  margin: 1rem;
  padding: 2rem;
  border-radius: 4px; }

input,
textarea,
select {
  display: inline-block;
  margin: 1rem 0;
  border: none;
  border-radius: 4px;
  padding: 0.2rem 0.3rem;
  background: #FFF;
  font-family: "Montserrat", sans serif;
  font-size: 21px;
  color: #000; }

input[type="email"],
input[type="text"],
input[type="password"],
input[type="number"],
textarea,
select {
  width: 100%; }

/* 
:::::::::: BASE STYLES :::::::::
*/
.mobile {
  display: none !important; }
  @media (max-width: 980px) {
    .mobile {
      display: block !important; } }

.desktop {
  display: none; }
  @media (min-width: 981px) {
    .desktop {
      display: block; } }

.hide {
  display: none; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.anchor {
  position: relative; }
  .anchor a {
    position: absolute;
    left: 0;
    top: -196px; }

.flip-x {
  transform: scaleX(-1); }

.flip-y {
  transform: scaleY(-1); }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.no-pad {
  padding: 0 !important; }

.pad {
  padding: 2rem; }

.pad-v {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.pad-h {
  padding-left: 2rem;
  padding-right: 2rem; }

.pad-top {
  padding-top: 2rem; }

.pad-bottom {
  padding-bottom: 2rem; }

.pad-left {
  padding-left: 2rem; }

.pad-right {
  padding-right: 2rem; }

.pad-lg {
  padding: 4rem; }

.pad-v-lg {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.pad-h-lg {
  padding-left: 4rem;
  padding-right: 4rem; }

.pad-top-lg {
  padding-top: 4rem; }

.pad-bottom-lg {
  padding-bottom: 4rem; }

.pad-left-lg {
  padding-left: 4rem; }

.pad-right-lg {
  padding-right: 4rem; }

.flex-container {
  max-width: 1279px;
  margin: 0 auto; }
  .flex-container .row {
    display: flex;
    align-items: center;
    width: 100%; }
    .flex-container .row.one-col .col {
      width: 100%; }
    .flex-container .row.two-col .col {
      width: 50%; }
    .flex-container .row.three-col .col {
      width: 33.333%; }
    .flex-container .row.four-col .col {
      width: 25%; }
    .flex-container .row.five-col .col {
      width: 20%; }
    .flex-container .row.six-col .col {
      width: 16.66%; }

.container {
  max-width: 1279px;
  margin: 0 auto; }
  .container .inner-container {
    max-width: 1279px;
    margin: 0 auto; }
    @media (max-width: 1400px) {
      .container .inner-container {
        padding: 0 2rem; } }
    .container .inner-container .inner-col .row {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin: 0 -2rem; }
      @media (max-width: 767px) {
        .container .inner-container .inner-col .row {
          display: block;
          margin: 0 auto; } }
      .container .inner-container .inner-col .row.align-top {
        align-items: flex-start; }
      .container .inner-container .inner-col .row.align-bottom {
        align-items: flex-end; }
      .container .inner-container .inner-col .row.wrap-2 .column {
        width: 50%; }
      .container .inner-container .inner-col .row.wrap-3 .column {
        width: 33.3%; }
      .container .inner-container .inner-col .row.wrap-4 .column {
        width: 25%; }
      .container .inner-container .inner-col .row.wrap-5 .column {
        width: 20%; }
      .container .inner-container .inner-col .row.wrap-6 .column {
        width: 16.66%; }
      .container .inner-container .inner-col .row.wrap-7 .column {
        width: 14.28%; }
      .container .inner-container .inner-col .row.wrap-8 .column {
        width: 12.5%; }
      .container .inner-container .inner-col .row.wrap-9 .column {
        width: 11.1%; }
      .container .inner-container .inner-col .row.wrap-10 .column {
        width: 10%; }
      .container .inner-container .inner-col .row.wrap-11 .column {
        width: 9.09%; }
      .container .inner-container .inner-col .row.wrap-12 .column {
        width: 8.33%; }
      @media (max-width: 767px) {
        .container .inner-container .inner-col .row[class*='wrap-'] .column {
          width: 100%; } }
      @media (max-width: 767px) {
        .container .inner-container .inner-col .row .column {
          width: 100%; } }
      .container .inner-container .inner-col .row .column .column-inner {
        padding: 1rem 2rem; }
        @media (max-width: 767px) {
          .container .inner-container .inner-col .row .column .column-inner {
            padding: 1rem 0; } }
        .container .inner-container .inner-col .row .column .column-inner img {
          display: block;
          margin: 0 auto; }

.hero, .hero-news {
  height: 710px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left; }
  .hero .row, .hero-news .row {
    position: relative;
    align-items: stretch; }
  .hero #empty, .hero-news #empty {
    width: 50%;
    height: 710px; }
    @media (max-width: 767px) {
      .hero #empty, .hero-news #empty {
        display: none; } }
  .hero #headline, .hero-news #headline {
    width: 50%;
    overflow: hidden; }
    @media (max-width: 767px) {
      .hero #headline, .hero-news #headline {
        width: 100%; } }
    .hero #headline .inner, .hero-news #headline .inner {
      position: absolute;
      z-index: 1;
      top: 40%;
      padding-right: 2rem; }
      @media (max-width: 767px) {
        .hero #headline .inner, .hero-news #headline .inner {
          padding: 4rem 2rem; } }
    .hero #headline button, .hero-news #headline button {
      background: #FFF;
      color: #023F88;
      box-shadow: #333 0 3px 5px;
      margin: 1rem 0; }
      .hero #headline button::before, .hero-news #headline button::before {
        content: url("art/btn-icon-color.svg"); }
      .hero #headline button:hover, .hero-news #headline button:hover {
        background: #0073BC;
        color: #FFF; }
        .hero #headline button:hover::before, .hero-news #headline button:hover::before {
          content: url("art/btn-icon-white.svg"); }
  .hero #slant, .hero-news #slant {
    position: absolute;
    width: 100%;
    height: 710px;
    background: rgba(2, 63, 136, 0.65);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg); }
    @media (max-width: 767px) {
      .hero #slant, .hero-news #slant {
        -webkit-transform-origin: unset;
        -ms-transform-origin: unset;
        transform-origin: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset; } }
  .hero #hero-icon, .hero-news #hero-icon {
    height: 80px;
    width: 80px;
    position: absolute;
    z-index: 2;
    bottom: 10%;
    right: 5%; }
    @media (max-width: 767px) {
      .hero #hero-icon, .hero-news #hero-icon {
        display: none; } }
  @media (max-width: 768px) {
    .hero, .hero-news {
      min-height: 250px; }
      .hero #slant, .hero-news #slant {
        min-height: 250px; }
      .hero #headline .inner, .hero-news #headline .inner {
        top: 0; } }

.wp-video {
  width: 100% !important;
  margin: 1rem auto 1.5rem; }

.alm-listing .alm-reveal {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 3%;
  margin: 0 -1.5% 0 0; }
  @media (max-width: 981px) {
    .alm-listing .alm-reveal {
      display: block; } }
  .alm-listing .alm-reveal .col {
    width: 30%;
    margin-bottom: 2rem;
    background: #ededed;
    box-shadow: #e0e0e0 0 3px 5px; }
    @media (max-width: 981px) {
      .alm-listing .alm-reveal .col {
        width: 100%; } }
    .alm-listing .alm-reveal .col .inner {
      padding: 0.5rem 1.5rem 1.5rem; }
      .alm-listing .alm-reveal .col .inner h4 {
        margin-bottom: 0.5rem; }
      .alm-listing .alm-reveal .col .inner .entry-meta {
        color: #023F88;
        text-transform: uppercase;
        margin-bottom: 0.5rem; }
      .alm-listing .alm-reveal .col .inner a {
        color: #0073BC; }
        .alm-listing .alm-reveal .col .inner a:hover {
          color: #62BB46; }

.page-body {
  margin: 0 auto;
  padding: 170px 0 4rem; }
  @media (max-width: 1399px) {
    .page-body {
      padding: 0 0 4rem; } }

/*** TEAMS ***/
#ec-team {
  max-width: 1279px;
  margin: 0 auto; }
  @media (max-width: 1399px) {
    #ec-team .et_pb_row {
      padding: 0 2rem; } }
  #ec-team .tmm .tmm_member {
    border: none !important;
    text-align: left;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
    background: #ededed;
    box-shadow: #e0e0e0 0 3px 5px;
    padding: 0; }
    #ec-team .tmm .tmm_member .tmm_photo {
      border: none;
      padding-bottom: 100% !important;
      border-radius: 0 !important;
      width: 100% !important;
      margin-top: -40px !important;
      box-shadow: none;
      background-size: 100% 85% !important;
      background-repeat: no-repeat !important;
      background-position: left bottom !important;
      background-size: contain !important; }
      @media (max-width: 1023px) {
        #ec-team .tmm .tmm_member .tmm_photo {
          margin-top: -32px !important; } }
    #ec-team .tmm .tmm_member .tmm_textblock {
      border: none;
      padding: 0 1rem; }
    #ec-team .tmm .tmm_member .tmm_names, #ec-team .tmm .tmm_member .tmm_names span, #ec-team .tmm .tmm_member .tmm_fname, #ec-team .tmm .tmm_member .tmm_lname {
      color: #023F88;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 20px;
      line-height: 24px; }
    #ec-team .tmm .tmm_member .tmm_job {
      color: #023F88;
      font-weight: 300;
      font-style: oblique;
      min-height: 25px;
      font-size: 15px;
      line-height: 18px; }
    #ec-team .tmm .tmm_member .tmm_desc {
      font-family: "Montserrat", sans serif;
      color: #023F88;
      cursor: pointer;
      font-size: 14px;
      line-height: 19px; }
      #ec-team .tmm .tmm_member .tmm_desc .bio {
        display: none; }
      #ec-team .tmm .tmm_member .tmm_desc .bio-expand {
        color: #023F88;
        padding-bottom: 0.25rem;
        text-transform: uppercase;
        font-weight: 700; }
        #ec-team .tmm .tmm_member .tmm_desc .bio-expand.open {
          color: rgba(2, 63, 136, 0); }
        #ec-team .tmm .tmm_member .tmm_desc .bio-expand i {
          display: block;
          margin-top: 0.25rem;
          color: #62bb46 !important;
          font-size: 24px; }
  #ec-team .tmm .tmm_container:last-child {
    text-align: left !important; }

h1, h2, h3, h4 {
  color: #023F88; }

a {
  color: #0073BC;
  font-weight: 600; }
  a:hover {
    color: #62BB46; }

h3 {
  margin: 2rem 0 0.5rem; }

@media (max-width: 1400px) {
  header #main-menu {
    background: #023F88; } }
header #main-menu ul a {
  color: #023F88;
  font-weight: 600; }
  @media (max-width: 1400px) {
    header #main-menu ul a {
      color: #FFF;
      border-bottom: none; } }
  header #main-menu ul a:hover {
    color: #023F88; }
    @media (max-width: 1400px) {
      header #main-menu ul a:hover {
        color: #FFF;
        border-bottom: none; } }
  header #main-menu ul a i {
    color: #023F88;
    font-size: 24px;
    line-height: 24px; }
    @media (max-width: 1400px) {
      header #main-menu ul a i {
        font-size: 40px;
        line-height: 40px;
        color: #FFF; } }
    header #main-menu ul a i:hover {
      color: #62BB46; }
      @media (max-width: 1400px) {
        header #main-menu ul a i:hover {
          color: #e0e0e0; } }
header #main-menu ul li:hover, header #main-menu ul li.current-menu-item {
  color: #023F88; }

.hero #headline h1, .hero #headline h2, .hero #headline h3, .hero #headline h4, .hero #headline p, .hero-news #headline h1, .hero-news #headline h2, .hero-news #headline h3, .hero-news #headline h4, .hero-news #headline p {
  color: #FFF; }

section.none {
  padding: 2rem 4rem; }
  @media (max-width: 768px) {
    section.none {
      padding: 2rem 0; } }

/***** HERO Mobile *****/
@media (max-width: 768px) {
  .about-us .hero,
  .leadership .hero,
  .investor-relations .hero,
  .news .hero,
  .careers .hero,
  .contact-us .hero,
  .privacy-policy .hero,
  .terms-of-use .hero {
    height: 40vh; }
    .about-us .hero #slant,
    .leadership .hero #slant,
    .investor-relations .hero #slant,
    .news .hero #slant,
    .careers .hero #slant,
    .contact-us .hero #slant,
    .privacy-policy .hero #slant,
    .terms-of-use .hero #slant {
      height: 40vh; }
    .about-us .hero #headline .inner,
    .leadership .hero #headline .inner,
    .investor-relations .hero #headline .inner,
    .news .hero #headline .inner,
    .careers .hero #headline .inner,
    .contact-us .hero #headline .inner,
    .privacy-policy .hero #headline .inner,
    .terms-of-use .hero #headline .inner {
      top: 0; } }

/***** HOME ******/
.home .hero h1, .home .hero-news h1 {
  font-size: 24px;
  line-height: 30px; }
.home h2 {
  font-size: 30px;
  line-height: 36px; }
@media (max-width: 768px) {
  .home .none h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500; } }

.hero #headline .inner, .hero-news #headline .inner {
  width: 100%;
  overflow: hidden; }
  .hero #headline .inner .news-item, .hero-news #headline .inner .news-item {
    width: 33%;
    display: none; }
    @media (max-width: 768px) {
      .hero #headline .inner .news-item, .hero-news #headline .inner .news-item {
        width: 90%; } }
    .hero #headline .inner .news-item a, .hero-news #headline .inner .news-item a {
      color: #FFF; }
      .hero #headline .inner .news-item a:hover, .hero-news #headline .inner .news-item a:hover {
        color: #e0e0e0; }
    .hero #headline .inner .news-item:first-child, .hero-news #headline .inner .news-item:first-child {
      display: inline-block; }

#newsWidget .video {
  width: 33%;
  float: right;
  margin-top: -26.5%; }
  @media (max-width: 1400px) {
    #newsWidget .video {
      margin-top: -33%; } }
  @media (max-width: 1280px) {
    #newsWidget .video {
      margin-top: -41%; } }
  @media (max-width: 1172px) {
    #newsWidget .video {
      margin-top: -50%; } }
  @media (max-width: 1023px) {
    #newsWidget .video {
      margin-top: -60%; } }
  @media (max-width: 981px) {
    #newsWidget .video {
      width: 100%;
      float: none;
      margin-top: auto; } }
  #newsWidget .video .aspect-ratio {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; }
    #newsWidget .video .aspect-ratio iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #newsWidget .video p.caption {
    margin: 1rem 0 0 0;
    font-size: 14px;
    line-height: 20px; }

/***** ABOUT *****/
#values .value {
  margin-top: 0.5rem; }
  #values .value .column {
    width: 80%;
    border-bottom: #95C93D 1px solid; }
    #values .value .column:last-child {
      border-bottom: none; }
    @media (max-width: 768px) {
      #values .value .column {
        width: 100%; } }
    #values .value .column .column-inner {
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        #values .value .column .column-inner {
          align-items: flex-start; } }
      #values .value .column .column-inner .image {
        width: 25%;
        max-width: 100px;
        padding-right: 1rem;
        border-right: #95C93D 1px solid; }
        #values .value .column .column-inner .image img {
          width: auto;
          height: auto;
          max-width: 100%;
          max-height: 60px; }
      #values .value .column .column-inner .inner {
        width: 75%;
        padding-left: 1rem; }
        #values .value .column .column-inner .inner h3 {
          margin: 0 0 0.15rem;
          color: inherit !important;
          font-size: 16px;
          line-height: 16px;
          font-weight: 600; }

/***** CAREERS *****/
#career-reasons button {
  margin: 3rem 0 5rem; }
#career-reasons .career-reason {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: stretch; }
  #career-reasons .career-reason .column {
    width: 19%;
    padding: 0;
    border-right: #95C93D 1px solid; }
    @media (max-width: 981px) {
      #career-reasons .career-reason .column {
        width: 100%;
        border-right: none;
        margin-bottom: 2rem; } }
    #career-reasons .career-reason .column:last-child {
      border-right: none; }
      @media (max-width: 981px) {
        #career-reasons .career-reason .column:last-child {
          margin-bottom: 0; } }
    #career-reasons .career-reason .column .column-inner .image {
      width: 100%;
      margin-bottom: 1rem; }
      #career-reasons .career-reason .column .column-inner .image img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100px;
        margin: 0 auto; }
    #career-reasons .career-reason .column .column-inner .inner {
      width: 100%;
      text-align: center; }
      #career-reasons .career-reason .column .column-inner .inner p {
        font-weight: 600; }

/******* ESG report *********/
.iframe-container {
  width: 100%;
  height: 100vh;
  margin: -2.5% 0%;
  overflow: hidden; }
  .iframe-container iframe {
    width: 100%;
    height: 100%; }

/******* NEWS *********/
@media (max-width: 768px) {
  .news .flex-container #ajax-load-more {
    padding: 2rem 2rem 0; } }

.cat-load-more {
  padding: 6vh 0 0; }
  @media (max-width: 1399px) {
    .cat-load-more {
      padding: 2vh 2vh 0; } }

.single .container {
  padding: 0 2rem; }
  @media (max-width: 768px) {
    .single .container .inner-container {
      padding: 0 0; } }
  .single .container article {
    padding: 10vh 0 0; }
    @media (max-width: 1400px) {
      .single .container article {
        padding: 2vh 0 0; } }

.page .inner-container article {
  padding: 4vh 0 0; }
  @media (max-width: 1400px) {
    .page .inner-container article {
      padding: 2vh 0 0; } }

/***** CONTACT US *****/
#contacts h4 {
  margin-bottom: 0.5rem; }
#contacts p {
  font-size: 14px;
  line-height: 17px; }
@media (max-width: 1399px) {
  #contacts .wrap-5 .column {
    width: 33%; } }
@media (max-width: 767px) {
  #contacts .wrap-5 .column {
    width: 100%; } }

/*# sourceMappingURL=style.css.map */