@import url(//hello.myfonts.net/count/3a53a9);

/* Define Custom Media queries *//* Define global CSS variables inside :root */:root {
  --grid-gutter: 10px;
  --content-max-width: 1920px;
  --padding-site-mobile: var(--grid-gutter);
  --padding-site-desktop: calc(3 * var(--grid-gutter));

  --color-black: #1b1b1a;
  --color-gray: #949493;
  --color-white: #ffffff;
  --color-primary: khaki;
  --color-green: #2ea149;
  --color-dark-green: #267b38;
  --color-petroleum: #0e4744;
  --color-dark-orange: #bf5b00;
  --color-orange: #ed7100;
  --color-yellow: #e9c258;
  --color-light-gray: #e5e5e5;
  --color-border-gray: #e6e6e6;

  --color-green-10: rgba(46, 161, 73, 0.1);
  --color-petroleum-4: rgba(14, 71, 68, 0.04);
  --color-petroleum-5: rgba(14, 71, 68, 0.05);
  --color-petroleum-10: rgba(14, 71, 68, 0.1);
  --color-petroleum-30: rgba(14, 71, 68, 0.3);
  --color-petroleum-50: rgba(14, 71, 68, 0.5);
  --color-petroleum-85: rgba(14, 71, 68, 0.85);

  --color-black-40: #949493;

  --font-hill: "FibraOneAlt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  --font-size-small: 12px;
  --line-height-small: 18px;

  --font-size-medium: 14px;
  --line-height-medium: 18px;

  --font-size-body: 16px;
  --line-height-body: 24px;

  --font-size-header-small: 24px;
  --line-height-small-header: 32px;

  --font-size-header-medium: 32px;
  --line-height-medium-header: 40px;

  --font-size-header-large: 48px;
  --line-height-large-header: 54px;

  --font-size-header-small-mobile: 1.15rem;
  --font-size-header-medium-mobile: 1.44rem;
  --font-size-header-large-mobile: 2rem;

  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-demibold: 600;
  --font-weight-bold: 700;

  --font-lineheight-headers: 1em;

  --section-padding-large: 100px;
  --section-padding-medium: 50px;
  --section-padding-small: 20px;
}/* @import "./variables.css"; *//* flexboxgrid overrides */.container-fluid {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}@media (min-width: 1024px) {.container-fluid {
    padding-left: 40px;
    padding-right: 40px
}
  }.row {
  margin-right: 0;
  margin-left: 0;
  max-width: 1920px;
  max-width: var(--content-max-width);
  margin: auto;
}@media all and (-ms-high-contrast: none) {.row {
    width: 100%
}
  }[class*="col-"] {
  padding-right: 10px;
  padding-right: var(--grid-gutter);
  padding-left: 10px;
  padding-left: var(--grid-gutter);
}/* ADD XLARGE */@media only screen and (min-width: 87.5em) {
  .container {
    width: 91rem;
  }

  .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-offset-0, .col-xl-offset-1, .col-xl-offset-2, .col-xl-offset-3, .col-xl-offset-4, .col-xl-offset-5, .col-xl-offset-6, .col-xl-offset-7, .col-xl-offset-8, .col-xl-offset-9, .col-xl-offset-10, .col-xl-offset-11, .col-xl-offset-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-xl {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-xl-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xl-offset-0 {
    margin-left: 0;
  }

  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-xl-offset-3 {
    margin-left: 25%;
  }

  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-xl-offset-6 {
    margin-left: 50%;
  }

  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-xl-offset-9 {
    margin-left: 75%;
  }

  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }

  [dir="ltr"] .start-xl{
    text-align: left;
  }

  [dir="rtl"] .start-xl{
    text-align: right;
  }

  .start-xl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .center-xl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  [dir="ltr"] .end-xl{
    text-align: right;
  }

  [dir="rtl"] .end-xl{
    text-align: left;
  }

  .end-xl {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .top-xl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-xl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-xl {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-xl {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-xl {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-xl {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-xl {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}/* @import "./variables.css"; */html {
  scroll-behavior: smooth;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}body {
  background-color: aqua;
}html, body {
  padding: 0;
  margin: 0;
}body.active-menu, body.active-popup {
  position: fixed;
  width: 100%;
}*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}main {
  padding-top: 80px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}.active-selfservice main {
    padding-top: 110px;
  }@media screen and (min-width: 768px) {main {
    padding-top: 164px;
}

    .active-selfservice main {
      padding-top: 183px;
    }
  }.headline-container {
  margin-bottom: 40px;
}@media screen and (min-width: 768px) {.headline-container {
    margin-bottom: 40px
}
  }.page-header.noImage {
  margin-bottom: 40px;
}.site-wrapper {
  width: 100%;
  max-width: 1920px;
  max-width: var(--content-max-width);
  min-height: 100vh;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;

  background: #ffffff;
  padding-left: 10px;
  padding-left: var(--padding-site-mobile);
  padding-right: 10px;
  padding-right: var(--padding-site-mobile);
}@media (min-width: 1024px) {.site-wrapper {
    padding-left: calc(3 * 10px);
    padding-left: var(--padding-site-desktop);
    padding-right: calc(3 * 10px);
    padding-right: var(--padding-site-desktop)
}
  }.supportemne .site-wrapper {
  max-width: unset;
  margin: 0;
}section {
  margin: 0 0 40px;
  border-radius: 5px;
}@media screen and (min-width: 1024px) {section {
    margin-bottom: 80px
}
  }.section-padding {
  padding-top: 14.28571vw;
  padding-bottom: 14.28571vw;
  margin: 0 0 30px;
}@media screen and (min-width: 1024px) {.section-padding {
    padding-top: 4.1vw;
    padding-bottom: 4.1vw;
    margin-bottom: 30px
}
  }.section-padding + section:not(.section-padding), .add-margin-bottom + section:not(.section-padding), .add-margin-bottom + .add-margin-top, .section-padding + .add-margin-top {
  padding-top: 50px;
}.section-padding-bottom {
  padding-bottom: 14.28571vw;
}@media screen and (min-width: 1024px) {.section-padding-bottom {
    padding-bottom: 4.1vw
}
  }.section-shadow {
  -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
}img {
  border: 0;
  max-width: 100%;
  height: auto;
}.is-relative {
  position: relative;
}.inner-row {
  padding: 0;
  margin-left: -20px;
  margin-right: -20px;
}.background-green {
  background-color: #2ea149;
  background-color: var(--color-green);
}.background-dark-green {
  background-color: #267b38;
  background-color: var(--color-dark-green);
}.background-petroleum {
  background-color: #0e4744;
  background-color: var(--color-petroleum);
}.background-orange {
  background-color: #ed7100;
  background-color: var(--color-orange);
}.background-yellow {
  background-color: #e9c258;
  background-color: var(--color-yellow);
}.background-white {
  background-color: #ffffff;
}.background-petroleum-40 {
  background-color: rgba(14, 71, 68, 0.04);
  background-color: var(--color-petroleum-4);
}.background-petroleum-5 {
  background-color: rgba(14, 71, 68, 0.05);
  background-color: var(--color-petroleum-5);
}.color-green {
  color: #2ea149;
  color: var(--color-green);
}.color-petroleum {
  color: #0e4744;
  color: var(--color-petroleum);
}.color-dark-green {
  color: #267b38;
  color: var(--color-dark-green);
}.color-orange {
  color: #ed7100;
  color: var(--color-orange);
}.color-yellow {
  color: #e9c258;
  color: var(--color-yellow);
}.color-white {
  color: #ffffff;
  color: var(--color-white);
}.border-green {
  border-color: #2ea149;
  border-color: var(--color-green);
}.border-dark-green {
  border-color: #267b38;
  border-color: var(--color-dark-green);
}.border-petroleum {
  border-color: #0e4744;
  border-color: var(--color-petroleum);
}.border-orange {
  border-color: #ed7100;
  border-color: var(--color-orange);
}.border-yellow {
  background-color: #e9c258;
  background-color: var(--color-yellow);
}.border-white {
  background-color: #ffffff;
  background-color: var(--color-white);
}.font-bold {
  font-weight: 700;
}.make-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}.pre-text {
  white-space: pre-line;
}.pr-0 {
  padding-right: 0;
}.p-0 {
  padding: 0;
}.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}/**
 * @license
 * MyFonts Webfont Build ID 3822505, 2019-10-11T06:57:25-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FibraOneAlt-Bold by Los Andes
 * URL: https://www.myfonts.com/fonts/los-andes/fibra-one/alt-bold/
 * Licensed pageviews: 1,000,000
 * 
 * Webfont: FibraOneAlt-Light by Los Andes
 * URL: https://www.myfonts.com/fonts/los-andes/fibra-one/alt-light/
 * Licensed pageviews: 10,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3822505
 * Webfonts copyright: Jorge Cisterna
 * 
 * © 2019 MyFonts Inc
*//* @import must be at top of file, otherwise CSS will not work */@font-face {
  font-family: "FibraOneAlt";
  src: url("/assets/fonts/3A53A9_0_0.eot");
  src: url("/assets/fonts/3A53A9_0_0.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/3A53A9_0_0.woff2") format("woff2"),
    url("/assets/fonts/3A53A9_0_0.woff") format("woff"),
    url("/assets/fonts/3A53A9_0_0.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}@font-face {
  font-family: "FibraOneAlt";
  src: url("/assets/fonts/3A53A9_1_0.eot");
  src: url("/assets/fonts/3A53A9_1_0.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/3A53A9_1_0.woff2") format("woff2"),
    url("/assets/fonts/3A53A9_1_0.woff") format("woff"),
    url("/assets/fonts/3A53A9_1_0.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}/* @import "./variables.css"; */html, body {
  font-family: "FibraOneAlt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-family: var(--font-hill);
  font-size: 16px;
  font-size: var(--font-size-body);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  line-height: 24px;
  line-height: var(--line-height-body);
  background-color: #ffffff;
  background-color: var(--color-white);
  color: #0e4744;
  color: var(--color-petroleum);
}* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}/* Headers */h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em 0;
  font-family: "FibraOneAlt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-family: var(--font-hill);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}h1[class*="secondary"], h2[class*="secondary"], h3[class*="secondary"], h4[class*="secondary"], h5[class*="secondary"], h6[class*="secondary"] {
    font-weight: 300;
    font-weight: var(--font-weight-light);
  }h1, .h1, .manchet {
  font-size: 32px;
  font-size: var(--font-size-header-medium);
  line-height: 40px;
  line-height: var(--line-height-medium-header);
  font-weight: 400;
  margin-bottom: 0;
}@media screen and (min-width: 1024px) {h1, .h1, .manchet {
    font-size: 48px;
    font-size: var(--font-size-header-large);
    line-height: 54px;
    line-height: var(--line-height-large-header)
}
  }h2, .h2 {
  font-size: 24px;
  font-size: var(--font-size-header-small);
  line-height: 32px;
  line-height: var(--line-height-small-header);
  font-weight: 300;
}@media screen and (min-width: 1024px) {h2, .h2 {
    font-size: 32px;
    font-size: var(--font-size-header-medium);
    line-height: 40px;
    line-height: var(--line-height-medium-header);
    font-weight: 300
}
  }h3, .h3 {
  font-size: 24px;
  font-size: var(--font-size-header-small);
  line-height: 32px;
  line-height: var(--line-height-small-header);
}@media screen and (min-width: 1024px) {h3, .h3 {
    font-size: 24px;
    font-size: var(--font-size-header-small);
    line-height: 32px;
    line-height: var(--line-height-small-header)
}
  }blockquote {
  font-size: 24px;
  font-size: var(--font-size-header-small);
  line-height: 32px;
  line-height: var(--line-height-small-header);
  font-weight: 300;
}@media screen and (min-width: 1024px) {blockquote {
    font-size: 32px;
    font-size: var(--font-size-header-medium);
    line-height: 40px;
    line-height: var(--line-height-medium-header);
    font-weight: 300
}
  }.Supportemne blockquote {
    font-size: 24px;
    font-size: var(--font-size-header-small);
    line-height: 32px;
    line-height: var(--line-height-small-header);
    font-weight: 300;
  }@media screen and (min-width: 1024px) {.Supportemne blockquote {
      font-size: 24px;
      font-size: var(--font-size-header-small);
      line-height: var(--line-height-medium-small);
      font-weight: 300
  }
    }p {
  margin-top: 0;
  margin-bottom: 1.5em;
}b, strong {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}small, .small {
  font-size: 12px;
  font-size: var(--font-size-small);
  line-height: 18px;
  line-height: var(--line-height-small);
}small *, .small * {
    font-size: 12px;
    font-size: var(--font-size-small);
    line-height: var(----line-height-small);
  }a {
  color: currentColor;
}svg {
  fill: currentColor;
  stroke: currentColor;
}ul, ol {
  margin-top: 0;
  padding-left: 1em;
}address {
  font-style: normal;
}hr {
  border: none;
  background-color: currentColor;
  color: currentColor;
  height: 1px;
  margin: 0 0 1rem 0;
}::-moz-selection {
  color: khaki;
  color: var(--color-primary);
  background: #1b1b1a;
  background: var(--color-black);
}::selection {
  color: khaki;
  color: var(--color-primary);
  background: #1b1b1a;
  background: var(--color-black);
}/* @import "./variables.css"; */.cta {
  -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  color: #ffffff;
  text-decoration: none;
  padding: 13px 30px;
  display: inline-block;
  border-color: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}@media screen and (hover: hover) {
    .cta:hover {
      background-color: #267b38;
      background-color: var(--color-dark-green);
      color: #ffffff;
    }
  }@media screen and (hover: hover) {
      .cta.background-dark-green:hover {
        background-color: #2ea149;
        background-color: var(--color-green);
      }
  }.button {
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  cursor: pointer;
  background-color: #ffffff;
  background-color: var(--color-white);
  color: #1b1b1a;
  color: var(--color-black);
  font-family: "FibraOneAlt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-family: var(--font-hill);
  font-size: 12px;
  font-size: var(--font-size-small);
  font-weight: 600;
  font-weight: var(--font-weight-demibold);
  line-height: 1em;
  line-height: var(--font-lineheight-headers);
  border: 1px solid #1b1b1a;
  border: 1px solid var(--color-black);
  border-radius: 1rem;
  padding: 3px 1rem 0 1rem;
  height: 2rem;
}.button.secondary {
    background-color: transparent;
    border: 1px solid currentColor;
    color: currentColor;
  }.button svg + span {
    margin-left: 0.5rem;
  }.button span + svg {
    margin-left: 0.5rem;
  }.button[disabled] {
    pointer-events: none;
    opacity: 0.5;
  }.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -1rem;
}.button-group .button {
    margin-bottom: 1rem;
  }.button-group .button:not(:last-child) {
      margin-right: 1rem;
    }fieldset {
  border: none;
  padding: 0;
  margin: 0;
}legend {
  padding: 0;
}label {
  font-size: 12px;
  font-size: var(--font-size-small);
  margin-bottom: 5px;
  display: block;
}input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #0e4744;
  color: var(--color-petroleum);
  font-size: 16px;
  font-size: var(--font-size-body);
  line-height: 24px;
  line-height: var(--line-height-body);
}input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: 0.75;
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 0.75;
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: 0.75;
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-ms-input-placeholder, textarea::-ms-input-placeholder {
    opacity: 0.75;
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::placeholder, textarea::placeholder {
    opacity: 0.75;
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-selection, textarea::-moz-selection {
    color: #ffffff;
    color: var(--color-white);
    background-color: #1b1b1a;
    background-color: var(--color-black);
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::selection, textarea::selection {
    color: #ffffff;
    color: var(--color-white);
    background-color: #1b1b1a;
    background-color: var(--color-black);
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
      opacity: 0.5;
    }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus::-moz-placeholder, textarea:focus::-moz-placeholder {
      opacity: 0.5;
    }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
      opacity: 0.5;
    }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
      opacity: 0.5;
    }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus::placeholder, textarea:focus::placeholder {
      opacity: 0.5;
    }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) + input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) textarea, textarea + input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), textarea textarea {
    /* margin-top: -1rem; */
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #949493 !important;
    color: var(--color-gray) !important;
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder, textarea::-moz-placeholder {
    color: #949493 !important;
    color: var(--color-gray) !important;
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #949493 !important;
    color: var(--color-gray) !important;
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #949493 !important;
    color: var(--color-gray) !important;
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
  }input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::placeholder, textarea::placeholder {
    color: #949493 !important;
    color: var(--color-gray) !important;
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
  }textarea {
  border: 1px solid currentColor;
  padding: 1rem 0.5rem;
  font-size: 16px;
  font-size: var(--font-size-body);
  line-height: 24px;
  line-height: var(--line-height-body);
  border-radius: 0;
  resize: vertical;
}.checkbox {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 12px;
  font-size: var(--font-size-small);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}.checkbox:hover input ~ .checkmark {
      opacity: 1;
    }.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }.checkbox input:checked ~ .checklabel {
      font-weight: 700;
      font-weight: var(--font-weight-bold);
    }.checkbox input:checked ~ .checkmark {
      opacity: 1;
    }.checkbox input:checked ~ .checkmark:after {
        display: block;
      }.checkbox .checklabel {
    font-size: 12px;
    font-size: var(--font-size-small);
  }.checkbox .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #ffffff;
    border: 1px solid var(--color-white);
    opacity: 0.5;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }.checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 4px;
      top: 0;
      width: 7px;
      height: 10px;
      border: solid #ffffff;
      border: solid var(--color-white);
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }button {
  font-family: "FibraOneAlt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-family: var(--font-hill);
  font-size: 16px;
  font-size: var(--font-size-body);
}button:focus {
    outline: none;
  }.circle-image {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: rgba(46, 161, 73, 0.1);
  background-color: var(--color-green-10);
  padding: 10px;
}.circle-image img {
    border-radius: 100%;
  }.close-container {
  position: absolute;
  margin: auto;
  width: 22px;
  height: 22px;
  top: 23px;
  right: 30px;
  cursor: pointer;
}@media screen and (min-width: 768px) {.close-container {
    top: 48px
}
  }@media screen and (min-width: 768px) {.close-container {
    right: 30px
}
  }.close-container .leftright {
    height: 2px;
    width: 22px;
    position: absolute;
    margin-top: 11px;
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }.close-container .rightleft {
    height: 2px;
    width: 22px;
    position: absolute;
    margin-top: 11px;
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }.close-container label {
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.6em;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    opacity: 0.99;
  }@media screen and (min-width: 768px) {.close-container label {
      opacity: 0
  }
    }.close-container .close {
    margin: 30px 0 0 5px;
    position: absolute;
  }.close-container .close-container:hover .leftright {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background-color: #0e4744;
    background-color: var(--color-petroleum);
  }.close-container .close-container:hover .rightleft {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: #0e4744;
    background-color: var(--color-petroleum);
  }@media screen and (hover: hover) {
    .close-container .close-container:hover label {
      opacity: 0.99;
    }
  }.breadcrumb-section ul {
    margin: 0;
    padding: 0;
    color: #0e4744;
    color: var(--color-petroleum);
  }.breadcrumb-section ul li {
      display: inline-block;
    }.breadcrumb-section ul li a {
        color: #949493;
        color: var(--color-gray);
        text-decoration: none;
      }.breadcrumb-section ul li a::after {
          content: " /";
        }@media screen and (hover: hover) {
          .breadcrumb-section ul li a:hover {
            color: #2ea149;
            color: var(--color-green);
          }
        }.dark-theme .breadcrumb-section ul li a {
          color: #0e4744;
          color: var(--color-petroleum);
        }@media screen and (hover: hover) {
            .dark-theme .breadcrumb-section ul li a:hover {
              color: #2ea149;
              color: var(--color-green);
            }
          }.light-theme .breadcrumb-section ul li {
        color: #ffffff;
        color: var(--color-white);
      }.light-theme .breadcrumb-section ul li a {
          color: #ffffff;
          color: var(--color-white);
        }@media screen and (hover: hover) {
            .light-theme .breadcrumb-section ul li a:hover {
              color: #2ea149;
              color: var(--color-green);
            }
          }.check-circle {
  width: 46px;
  height: 45px;
  padding: 13px 0;
  background-color: rgba(46, 161, 73, 0.1);
  background-color: var(--color-green-10);
  border-radius: 46px;
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}.check-circle svg {
    width: 100%;
    height: 100%;
  }.check-circle span {
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }div[data-puzzel-chat] section {
  margin-bottom: auto;
}body [data-puzzel-chat][data-view="bubble"]{
  top:unset !important;
  bottom:10px !important;
  -webkit-transform: translate(calc(-80% + 0px), calc(-50% - 0px)) !important;
          transform: translate(calc(-80% + 0px), calc(-50% - 0px)) !important
}.anchor-menu {
  position: absolute;
  top: 150px;
  left: 5px;
  background-color: transparent;
  z-index: 750;
}@media screen and (min-width: 768px) {.anchor-menu {
    top: 250px
}
  }@media screen and (min-width: 1024px) {.anchor-menu {
    left: 50px
}
  }.active-menu .anchor-menu {
    z-index: 1;
  }.anchor-menu ul {
    margin: 0;
    padding: 0;
  }.anchor-menu li {
    margin-bottom: 10px;
    overflow: hidden;
  }.anchor-menu li a {
      min-height: 30px;
      position: relative;
      padding-left: 10px;
      width: 10px;
      display: block;
      overflow: hidden;
      -webkit-transition: width 0.2s ease-in-out;
      transition: width 0.2s ease-in-out;
    }.anchor-menu li a span {
        position: absolute;
        top: 0px;
        left: 10px;
        font-size: 12px;
        white-space: nowrap;
      }.anchor-menu li a::before {
        content: "";
        height: 100%;
        width: 3px;
        background-color: rgba(14, 71, 68, 0.1);
        background-color: var(--color-petroleum-10);
        position: absolute;
        top: 0;
        left: 0;
      }@media screen and (hover: hover) {
        .anchor-menu li a:hover {
          text-decoration: underline;
        }
      }.anchor-menu li a.active::before {
          background-color: #2ea149;
          background-color: var(--color-green);
        }.newslist-component .filters {
    margin: 0 calc(10px * -2);
    margin: 0 calc(var(--padding-site-mobile) * -2);
  }@media screen and (max-width: 767px) {.newslist-component .filters {
      overflow-x: scroll
  }
    }@media screen and (min-width: 768px) {.newslist-component .filters {
      margin: 0
  }
    }.newslist-component .filter-container {
    position: relative;
    padding: 0 10px;
  }@media screen and (min-width: 768px) {.newslist-component .filter-container {
      padding: 0
  }
    }.newslist-component .filter-container ul {
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      list-style: none;
      padding-bottom: 22px;
    }.newslist-component .filter-container ul::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 5px;
        height: 1px;
        width: 100%;
        background-color: #e6e6e6;
        background-color: var(--color-border-gray);
      }.newslist-component .filter-container ul a {
        text-decoration: none;
        padding: 0 19px;
        position: relative;
        white-space: nowrap;
        color: #000000;
      }.newslist-component .filter-container ul a::after {
          content: "";
          position: absolute;
          bottom: -23px;
          height: 4px;
          left: 0;
          width: 100%;
          background-color: transparent;
          z-index: 10;
        }@media screen and (hover: hover) {
          .newslist-component .filter-container ul a:hover {
            color: #267b38;
            color: var(--color-dark-green);
          }
            .newslist-component .filter-container ul a:hover::after {
              background-color: #2ea149;
              background-color: var(--color-green);
            }
        }.newslist-component .filter-container ul a.active {
          color: #267b38;
          color: var(--color-dark-green);
          font-weight: 700;
        }.newslist-component .filter-container ul a.active::after {
            background-color: #2ea149;
            background-color: var(--color-green);
          }.newslist-component .news-container-col {
    padding: 0;
  }.newslist-component .news-search {
    margin-top: 20px;
    position: relative;
  }.newslist-component .news-search label {
      position: absolute;
      top: 0;
      right: 10px;
      visibility: hidden;
    }.newslist-component .news-search input[type="text"] {
      height: 50px;
      background: #ffffff;
      background: var(--color-white);
      padding: 12px 30px 14px 31px;
      border: 1px solid #949493;
      border: 1px solid var(--color-gray);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 5px;
      width: 100%;
      z-index: 10;
    }.newslist-component .news-search input::-webkit-input-placeholder {
      font-size: 16px;
      font-size: var(--font-size-body);
    }.newslist-component .news-search input::-moz-placeholder {
      font-size: 16px;
      font-size: var(--font-size-body);
    }.newslist-component .news-search input:-ms-input-placeholder {
      font-size: 16px;
      font-size: var(--font-size-body);
    }.newslist-component .news-search input::-ms-input-placeholder {
      font-size: 16px;
      font-size: var(--font-size-body);
    }.newslist-component .news-search input::placeholder {
      font-size: 16px;
      font-size: var(--font-size-body);
    }.newslist-component .news-search button {
      cursor: pointer;
    }.newslist-component .delete-search {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 10px;
    cursor: pointer;
  }.newslist-component .delete-search .delete-icon {
      stroke: #267b38;
      stroke: var(--color-dark-green);
      fill: #267b38;
      fill: var(--color-dark-green);
    }.newslist-component .delete-search.active {
      display: inline;
    }@media screen and (hover: hover) {
        .newslist-component .delete-search:hover .delete-icon {
          stroke: #2ea149;
          stroke: var(--color-green);
          fill: #2ea149;
          fill: var(--color-green);
        }
    }.newslist-component .result-text {
    margin: 93px 10px 10px 10px;
  }@media screen and (min-width: 768px) {.newslist-component .result-text {
      margin-top: 10px
  }
    }.newslist-component .result-text p {
      margin-bottom: 0;
      font-size: 14px;
      font-size: var(--font-size-medium);
      line-height: 18px;
      line-height: var(--line-height-medium);
      color: #0e4744;
      color: var(--color-petroleum);
    }.newslist-component .result-text p span {
        font-weight: 700;
      }.newslist-component .newsletter-signup {
    position: absolute;
    right: 0;
    top: 70px;
  }@media screen and (min-width: 768px) {.newslist-component .newsletter-signup {
      top: 0
  }
    }@media screen and (min-width: 1025px) {.newslist-component .newsletter-signup {
      right: -20px;
      top: 0
  }
    }.newslist-component .grid {
    margin-top: 20px;
  }@media screen and (min-width: 768px) {.newslist-component .grid {
      margin-top: 63px
  }
    }.newslist-component .grid-item a, .newslist-component .grid-sizer a {
      display: block;
      -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
      text-decoration: none;
      padding-bottom: 30px;
      position: relative;
    }@media screen and (hover: hover) {
          .newslist-component .grid-item a:hover::after, .newslist-component .grid-sizer a:hover::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 100%;
            border: 2px solid #2ea149;
            border: 2px solid var(--color-green);
            border-radius: 4px;
          }
      }.newslist-component .grid-item.highlight-item a, .newslist-component .grid-sizer.highlight-item a {
        background-color: #267b38;
        background-color: var(--color-dark-green);
        color: #ffffff;
        color: var(--color-white);
        border-radius: 4px;
      }.newslist-component .grid-item.highlight-item a .grid-item-info, .newslist-component .grid-item.highlight-item a .grid-item-date, .newslist-component .grid-sizer.highlight-item a .grid-item-info, .newslist-component .grid-sizer.highlight-item a .grid-item-date {
          color: #ffffff;
          color: var(--color-white);
        }.newslist-component .grid-item .image-container, .newslist-component .grid-sizer .image-container {
      padding-top: 56%;
      overflow: hidden;
      position: relative;
      border-radius: 4px 4px 0 0;
    }.newslist-component .grid-item .image-container img, .newslist-component .grid-sizer .image-container img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        border-radius: 0;
      }.newslist-component .grid-item-info, .newslist-component .grid-item-content, .newslist-component .grid-item-date {
    padding: 0 21px;
  }.newslist-component .grid-item-info, .newslist-component .grid-item-date {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-size: var(--font-size-small);
    line-height: 18px;
    line-height: var(--line-height-small);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding-top: 20px;
  }.newslist-component .grid-item-content {
    font-size: 24px;
    line-height: 32px;
    padding-top: 20px;
    margin-bottom: 0;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-wrap: break-word;
    word-wrap: break-word;
  }.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}.paging-item {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  background-color: rgba(46, 161, 73, 0.1);
  background-color: var(--color-green-10);
  color: #267b38;
  color: var(--color-dark-green);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  margin-left: 10px;
  margin-top: 80px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}@media screen and (min-width: 768px) {.paging-item {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    line-height: 48px
}
  }.paging-item svg {
    stroke: #2ea149;
    stroke: var(--color-green);
  }.paging-item.active {
    background-color: #2ea149;
    background-color: var(--color-green);
    color: #ffffff;
    color: var(--color-white);
  }@media screen and (hover: hover) {
    .paging-item:hover {
      background-color: #2ea149;
      background-color: var(--color-green);
      color: #ffffff;
      color: var(--color-white);
    }
      .paging-item:hover svg {
        stroke: #ffffff;
        stroke: var(--color-white);
      }
  }.paging-forward, .paging-back {
  -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  background-color: var(--color-white);
}@media screen and (min-width: 768px) {.paging-forward, .paging-back {
    -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
}
  }.alert-component {
  margin: 20px 0 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0;
}.alert-component.hide-alert {
    height: 0;
    margin: 0;
  }.alert-component .alert-component-container {
    padding: 45px 30px 30px;
  }@media screen and (min-width: 768px) {.alert-component .alert-component-container {
      padding: 30px 30px
  }
    }.alert-component p {
    color: #ffffff;
    color: var(--color-white);
    margin-bottom: 0;
  }@media screen and (min-width: 678px) {.alert-component p {
      max-width: 80%
  }
    }.alert-component p.header {
      font-weight: 700;
    }.alert-component .cta {
    margin-top: 20px;
    color: #ed7100;
    color: var(--color-orange);
  }@media screen and (hover: hover) {
      .alert-component .cta:hover {
        color: #ffffff;
      }
    }.alert-component .close-container {
    top: 20px;
    right: 30px;
  }.alert-component .close-container label {
      color: #ffffff;
      color: var(--color-white);
    }.alert-component .close-container .close {
      top: 0;
      left: -40px;
      margin-top: 0;
      color: #ffffff;
      color: var(--color-white);
    }@media screen and (hover: hover) {
        .alert-component .close-container:hover .leftright, .alert-component .close-container:hover .rightleft {
          background-color: #267b38;
          background-color: var(--color-dark-green);
        }
        .alert-component .close-container:hover .close {
          opacity: 1;
          color: #267b38;
          color: var(--color-dark-green);
        }
    }.image-container, .picture-container {
  position: relative;
  border-radius: 4px;
  max-width: 100%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}.image-container img, .picture-container img {
    width: 100%;
    vertical-align: top;
    border-radius: 4px;
  }.image-container img[data-img], .picture-container img[data-img] {
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in;
      transition: opacity 0.3s ease-in;
    }.image-container img.lzy_img, .picture-container img.lzy_img {
      opacity: 0.99;
    }.image-container.no-filter::before, .picture-container.no-filter::before {
      content: none;
    }.image-container.no-width img, .picture-container.no-width img {
      width: auto;
    }.image-container::before, .picture-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
  }#evida .image-container::before, #evida .picture-container::before{
      background-color: var(----color-petroleum-4);
    }.image-container::before, .picture-container::before{
    border-radius: 3px;
    z-index: 10;
}.image-container.no-filter::before, .picture-container.no-filter::before {
    content: none;
  }.picture-container {
  margin-top: 40px;
}@media screen and (min-width: 1024px) {.picture-container {
    margin-top: 0
}
  }.image-component .caption {
    margin: 20px 0 0;
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
    color: #949493;
    color: var(--color-gray);
  }.image-text {
  margin: 10px 0 0;
  color: #949493;
  color: var(--color-gray);
}/* @import "../../styles/variables.css"; */.svg-search {
  width: 30px;
  height: 30px;
}.svg-login {
  width: 30px;
  height: 30px;
}.svg-arrow {
  width: 20px;
  height: 30px;
}.svg-small-arrow-left, .svg-small-arrow-right {
  height: 10px;
  width: 5px;
}.svg-full-arrow {
  width: 25px;
  height: 20px;
}.svg-full-arrow #svg-full-arrow path {
      stroke: #2ea149;
      stroke: var(--color-green);
    }.svg-linkedin, .svg-twitter, .svg-facebook {
  width: 30px;
  height: 30px;
}#svg-twitter, #svg-linkedin, #svg-facebook {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}#svg-twitter path, #svg-linkedin path, #svg-facebook path {
    stroke: none;
  }#svg-twitter path.circle, #svg-linkedin path.circle, #svg-facebook path.circle {
    fill: #267b38;
    fill: var(--color-dark-green);
  }#svg-house, .svg-house {
  width: 100%;
  height: 100%;
}#svg-lock{
  height:80%;
  width:80%;
}#svg-lock path{
    stroke: #2ea149;
    stroke: var(--color-green);
  }#svg-lock path#lock-path{
    stroke:none;
  }.grid-sizer, .grid-item, .grid__col-sizer {
  width: 100%;
  background-color: #ffffff;
  background-color: var(--color-white);

  margin-bottom: 20px;
}@media screen and (min-width: 768px) {.grid-sizer, .grid-item, .grid__col-sizer {
    width: 50%;
    padding: 0 10px;
}
  }@media screen and (min-width: 1024px) {.grid-sizer, .grid-item, .grid__col-sizer {
    width: 33%;
}
  }.zipPopUp-module {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(14, 71, 68, 0.85);
  background-color: var(--color-petroleum-85);
  display: none;
  z-index: 900;
}.zipPopUp-module.show-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }.zipPopUp {
  background-color: #ffffff;
  background-color: var(--color-white);
  padding: 20px;
  border-radius: 4px;
}@media screen and (min-width: 1024px) {.zipPopUp {
    padding: 100px 108px
}
  }.zipPopUp .header {
    font-weight: 700;
    margin: 31px 0 0;
  }.zipPopUp a {
    display: inline-block;
    margin-top: 40px;
    font-weight: 700;
    text-decoration: none;
  }@media screen and (hover: hover) {
      .zipPopUp a:hover {
        color: #2ea149;
        color: var(--color-green);
      }
    }.zipPopUp .error-text {
    display: none;
  }.zipPopUp .error-text.activate {
      display: block;
    }.zipPopUp .error-text p {
      margin-bottom: 0;
      margin-top: 20px;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
      color: #ed7100;
      color: var(--color-orange);
    }.contact-selection {
  color: (--var-petroleum);
  display:none;
  margin-top:80px;
}.contact-selection.active{
    display:block;
  }.contact-selection .label {
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
    margin-bottom: 8px;
  }.contact-selection .alert-text {
    display: none;
  }.contact-selection .alert-text.active {
      display: block;
    }.contact-selection .alert-text{
    margin-top: 20px;
}.support-anchor {
  margin-top: 40px;
  cursor: pointer;
  display: none;
}.support-anchor.active {
    //display: inline-block;
  }.first-level-support {
  margin-top: 40px;
}@media screen and (min-width: 1024px) {.first-level-support {
    margin-top: 0
}
  }.support-dropdown {
  border: 1px solid #949493;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
  padding: 13px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #949493;
  color: var(--color-gray);
}.support-dropdown.active {
    border-color: #2ea149;
    border-color: var(--color-green);
  }.support-dropdown.selected {
    color: #0e4744;
    color: var(--color-petroleum);
  }.support-dropdown.open svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }.support-dropdown svg {
    width: 10px;
    height: 5px;
  }.outer-support-container {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}.inner-support-content {
  -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
  border-radius: 0px;
  max-height: 500px;
  overflow: hidden;
  overflow-y: auto;
}.inner-support-content p {
    border-bottom: 1px solid rgba(14, 71, 68, 0.3);
    border-bottom: 1px solid var(--color-petroleum-30);
    padding: 11px 30px 15px;
    margin-bottom: 0;
    cursor: pointer;
  }@media screen and (hover: hover) {
      .inner-support-content p:hover {
        background-color: rgba(14, 71, 68, 0.3);
        background-color: var(--color-petroleum-30);
      }
    }.second-level-support {
  margin-top: 40px;
  display: none;
}.second-level-support.active {
    display: block;
  }.contact-tab {
  display: none;
}.contact-tab.active {
    display: block;
  }.contact-tab .cta-tab {
    width: 100%;
    cursor: pointer;
    padding: 20px 28px 25px 30px;
    margin-top: 40px;
    color: #0e4744;
    color: var(--color-petroleum);
    border: 2px solid #ffffff;
    border: 2px solid var(--color-white);
  }@media screen and (min-width: 1024px) {.contact-tab .cta-tab {
      margin-top: 80px
  }
    }.contact-tab .cta-tab p {
      margin: 0;
    }.contact-tab .cta-tab p.header {
        font-weight: 700;
      }.contact-tab .cta-tab.active {
      background-color: #267b38;
      background-color: var(--color-dark-green);
      color: #ffffff;
      color: var(--color-white);
      border: 2px solid #267b38;
      border: 2px solid var(--color-dark-green);
      pointer-events: none;
    }@media screen and (hover: hover) {
      .contact-tab .cta-tab:hover {
        background-color: #ffffff;
        background-color: var(--color-white);
        color: #0e4744;
        color: var(--color-petroleum);
        border-color: #267b38;
        border-color: var(--color-dark-green);
      }
    }.contact-list {
  display: none;
}.contact-list.active {
    display: block;
  }.contact-tab-section {
  display: none;
  margin-top: 40px;
}@media screen and (min-width: 1024px) {.contact-tab-section {
    margin-top: 80px
}
  }.contact-tab-section.active {
    display: block;
  }.contact-tab-section .headline {
    margin-bottom: 20px;
    /* a {
      text-decoration: none;
      @media screen and (hover: hover) {
        pointer-events: none;
      }
    } */
  }.contact-tab-section .headline p {
      font-size: 24px;
      font-size: var(--font-size-header-small);
      line-height: 32px;
      line-height: var(--line-height-small-header);
      margin: 0;
    }.contact-tab-section .headline p.header {
        font-weight: 700;
      }.contact-tab-section .headline p.header.header-phone {
          margin-top: 20px;
        }@media screen and (min-width: 1024px) {.contact-tab-section .headline p.header.header-phone {
            margin-top: 0
        }
          }.key-map {
  font-size: 12px;
  font-size: var(--font-size-small);
  line-height: 18px;
  line-height: var(--line-height-small);
}.key-map:first-child {
    margin-top: 40px;
  }@media screen and (min-width: 768px) {.key-map {
    margin-top: 40px
}
  }@media screen and (min-width: 1024px) {.key-map {
    margin-top: 80px
}
    .key-map:first-child {
      margin-top: 80px;
    }
  }.key-map .risk {
    position: relative;
    padding-left: 20px;
  }.key-map .risk::before {
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      width: 10px;
      height: 10px;
      border-radius: 10px;
    }.key-map .risk.low-risk::before {
        background-color: #2ea149;
        background-color: var(--color-green);
      }.key-map .risk.medium-risk::before {
        background-color: #e9c258;
        background-color: var(--color-yellow);
      }.key-map .risk.high-risk::before {
        background-color: #ed7100;
        background-color: var(--color-orange);
      }.key-map .risk.closed::before {
        background-color: #949493;
        background-color: var(--color-gray);
      }.time-table {
  margin-top: 40px;
}@media screen and (min-width: 1024px) {.time-table {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    width: 100%;
    margin-top: 25px
}
  }.table-row:first-child .time-slots {
      display: none;
    }@media screen and (min-width: 1024px) {.table-row {
    display: table-row;
    width: 100%
}
      .table-row:first-child .time-slots {
        display: table-cell;
        padding-top: 0;
      }
  }.time-slots {
  width: 100%;
  clear: both;
  background-color: rgba(46, 161, 73, 0.1);
  background-color: var(--color-green-10);
}@media screen and (min-width: 1024px) {.time-slots {
    background-color: transparent;
    width: 33.33%;
    display: table-cell;
    padding-top: 32px
}
  }.time-key {
  width: 20%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}@media screen and (min-width: 1024px) {.time-key {
    width: 16%;
    display: table-cell;
    float: none
}
  }.time-key span {
    min-height: 10px;
    min-width: 10px;
    border-radius: 10px;
    display: inline-block;
    margin: 5px 4px;
  }.time-table-legend .time-key {
    display: contents;
  }@media screen and (max-width: 1024px) {.time-table-legend .time-key {
      margin-top: 20px
  }
    }.fallback-contact, .area-contact {
  margin-top: 40px;
  display: none;
}@media screen and (min-width: 1024px) {.fallback-contact, .area-contact {
    margin-top: 80px
}
  }.fallback-contact.active, .area-contact.active {
    display: block;
  }.contact-call-section .h2 {
    margin-bottom: 20px;
  }.contact-zip-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}.contact-zip-container input {
    max-width: 286px;
    height: 50px;
    border: 1px solid #949493;
    border: 1px solid #949493;
    border: 1px solid var(--color-gray);
    border-radius: 5px;
    padding: 12px 30px 14px 31px;
    display: inline-block;
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
    z-index: 1;
    margin-right: 10px;
  }.contact-zip-container button {
    cursor: pointer;
  }.contact-zip-container button:disabled {
      cursor: not-allowed;
      background-color: #949493;
      background-color: var(--color-gray);
    }.contact-zip-container button:disabled:hover {
        background-color: #949493;
        background-color: var(--color-gray);
      }.contact-form-section .field-container {
    margin-top: 20px;
  }@media screen and (min-width: 768px) {.contact-form-section .field-container {
      margin-top: 40px
  }
      .contact-form-section .field-container::after {
        content: "";
        display: table;
        clear: both;
      }
    }.contact-form-section .field-container:first-child {
      margin-top: 0;
    }.contact-form-section .field-container .alert-text {
      display: none;
    }.contact-form-section .field-container.subject-container {
      display: none;
    }.contact-form-section .field-container.subject-container.active {
        display: block;
      }.contact-form-section label {
    color: #0e4744;
    color: var(--color-petroleum);
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
    margin-bottom: 8px;
  }.contact-form-section input[type="text"], .contact-form-section input[type="email"], .contact-form-section textarea {
    border: 1px solid #949493;
    border: 1px solid var(--color-gray);
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
    color: #0e4744;
    color: var(--color-petroleum);
    padding: 12px 30px 14px 31px;
    border-radius: 5px;
    width: 100%;
  }.contact-form-section input[type="text"]:focus, .contact-form-section input[type="email"]:focus, .contact-form-section textarea:focus {
      border-color: #2ea149;
      border-color: var(--color-green);
      outline: none;
    }.contact-form-section input[type="text"]:invalid, .contact-form-section input[type="email"]:invalid, .contact-form-section textarea:invalid {
      border-color: #ed7100;
      border-color: var(--color-orange);
    }.contact-form-section .error-text {
    color: #ed7100;
    color: var(--color-orange);
    font-size: 12px;
    font-size: var(--font-size-small);
    line-height: 18px;
    line-height: var(--line-height-small);
    display: none;
  }.contact-form-section .error-text.active {
      display: inline;
    }.contact-form-section textarea {
    min-height: 315px;
  }.contact-form-section textarea::-webkit-input-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.contact-form-section textarea::-moz-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.contact-form-section textarea:-ms-input-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.contact-form-section textarea::-ms-input-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.contact-form-section textarea::placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.contact-form-section textarea + p {
    margin: 20px 0 40px;
  }.contact-form-section input[type="file"] {
    visibility: hidden;
    width: 12px;
  }.contact-form-section .file-container {
    border: 1px solid #949493;
    border: 1px solid var(--color-gray);
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
    color: #0e4744;
    color: var(--color-petroleum);
    padding: 12px 30px 14px 31px;
    border-radius: 5px;
    width: 100%;
  }.contact-form-section .file-container label {
      cursor: pointer;
      margin-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }.contact-form-section .file-container label span {
        padding: 0 14px;
      }@media screen and (min-width: 768px) {.contact-form-section .field-city {
      float: left;
      width: 65%;
      margin-right: 5%
  }
    }.contact-form-section .field-zip {
    margin-top: 20px;
  }@media screen and (min-width: 768px) {.contact-form-section .field-zip {
      float: left;
      margin-top: 0;
      width: 30%
  }
    }.contact-form-section .checkbox-container {
    cursor: pointer;
  }.contact-form-section .checkbox-container input {
      visibility: hidden;
      display: block;
    }.contact-form-section .checkbox-container span {
      display: block;
      padding-left: 44px;
      position: relative;
      line-height: 22px;
    }.contact-form-section .checkbox-container span::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        border: 2px solid rgba(14, 71, 68, 0.5);
        border: 2px solid var(--color-petroleum-50);
        border-radius: 4px;
      }.contact-form-section .checkbox-container input:checked + span::before {
      content: "\2713";
      color: #2ea149;
      color: var(--color-green);
      border-color: #2ea149;
      border-color: var(--color-green);
      text-align: center;
      font-size: 20px;
      line-height: 18px;
    }.contact-form-section .checkbox-container input:invalid + span::before {
      border-color: #ed7100;
      border-color: var(--color-orange);
    }.contact-form-section .cta-send {
    cursor: pointer;
    margin-top: 40px;
    float: right;
  }@media screen and (min-width: 1024px) {.contact-form-section .cta-send {
      margin-top: 80px
  }
    }.contact-form-section .cta-send.inactive {
      background-color: #949493;
      background-color: var(--color-gray);
      cursor: not-allowed;
    }@media screen and (hover: hover) {
        .contact-form-section .cta-send.inactive:hover {
          background-color: #949493;
          background-color: var(--color-gray);
        }
      }.contact-form-section .cta-send.hidden {
      display: none;
    }.contact-form-section .upload-files.active {
      margin-top: 20px;
    }.contact-form-section .upload-files p {
      font-size: 12px;
      font-size: var(--font-size-small);
      line-height: 18px;
      line-height: var(--line-height-small);
      color: rgba(14, 71, 68, 0.3);
      color: var(--color-petroleum-30);
      margin-bottom: 0;
    }.contact-form-row, .contact-receipt-row {
  position: relative;
  display: none;
}.contact-form-row.active, .contact-receipt-row.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }.post-error-module {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(14, 71, 68, 0.05);
  background-color: var(--color-petroleum-5);
  display: none;
  z-index: 900;
}.post-error-module.show-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }.post-error {
  background-color: #ffffff;
  background-color: var(--color-white);
  padding: 20px;
}@media screen and (min-width: 1024px) {.post-error {
    padding: 100px 108px
}
  }.post-error .header {
    font-weight: 700;
    margin: 31px 0 0;
  }.post-error a {
    display: inline-block;
    margin-top: 40px;
    font-weight: 700;
    text-decoration: none;
  }.post-error a:hover {
      color: #2ea149;
      color: var(--color-green);
    }.post-error .error-text {
    display: none;
  }.post-error .error-text.activate {
      display: block;
    }.post-error .error-text p {
      margin-bottom: 0;
      margin-top: 20px;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
      color: #ed7100;
      color: var(--color-orange);
    }.form-spinner-overlay {
  display: none;
  cursor: wait;
  margin-top: 40px;
  float: right;
  -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  color: #ffffff;
  text-decoration: none;
  padding: 13px 30px;
  border-color: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}@media screen and (min-width: 1024px) {.form-spinner-overlay {
    margin-top: 80px
}
  }.form-spinner-overlay.active {
    display: inline-block;
  }.loader {
  margin: 9px 20px;
  font-size: 7px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}@-webkit-keyframes load5 {
  0%, 100% {
    -webkit-box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
            box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}@keyframes load5 {
  0%, 100% {
    -webkit-box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
            box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}.animate-section {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0.1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}.animate-section.animation-done {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0.99;
  }.flex-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  //align-items: baseline;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}.flex-container .flex-tag {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    width: 100%;
  }.flex-container .flex-text {
    font-size: 32px;
    font-size: var(--font-size-header-medium);
    line-height: 40px;
    line-height: var(--line-height-medium-header);
    width: 100%;
  }.flex-container .flex-cta {
    color: #ffffff;
    color: var(--color-white);
    background-color: #267b38;
    background-color: var(--color-dark-green);
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }@media all and (-ms-high-contrast: none) {.flex-container .flex-cta {
      margin-top: 80px
  }
    }@media screen and (hover: hover) {
      .flex-container .flex-cta:hover {
        background-color: #2ea149;
        background-color: var(--color-green);
        color: #ffffff;
        color: var(--color-white);
      }
    }/* @import "../../styles/variables.css"; */div[data-component="header"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 700;
  width: 100%;
  padding-left: 10px;
  padding-left: var(--padding-site-mobile);
  padding-right: 10px;
  padding-right: var(--padding-site-mobile);
  background-color: #ffffff;
  background-color: var(--color-white);
}@media (min-width: 1024px) {div[data-component="header"] {
    position: fixed;
    padding-left: calc(3 * 10px);
    padding-left: var(--padding-site-desktop);
    padding-right: calc(3 * 10px);
    padding-right: var(--padding-site-desktop)
}
    .compact-navigation div[data-component="header"] {
      position: relative;
      padding: 0;
    }
  }@media screen and (min-width: 1024px) {
    .compact-navigation .logo + .row, .compact-navigation .navigation-right {
      display: none;
    }
    .compact-navigation .header-bg-container {
      padding: 0;
    }
  }.compact-navigation .main {
  }@media screen and (min-width: 768px) {.compact-navigation .active-selfservice header {
      padding: 0
  }
    }header {
  color: #1b1b1a;
  color: var(--color-black);
  padding: 25px 0 15px;
  background-color: #ffffff;
  background-color: var(--color-white);
}@media screen and (min-width: 768px) {header {
    //padding: 0px 0 25px;
    padding: 0
}
  }.active-selfservice header {
    //padding-bottom: 60px;
  }@media screen and (min-width: 768px) {.active-selfservice header {
      //padding-bottom: 80px
  }
    }header{

  position: relative;
}header .logo {
    position: absolute;
    max-width: 98px;
    left: 10px;
    top: 10px;
    z-index: 510;
  }@media screen and (min-width: 768px) {header .logo {
      top:35px
  }
      #dgc header .logo{
        max-width: 150px;
        top:calc(50px);
        -webkit-transform: translateY(-25%);
                transform: translateY(-25%);      
      }
      #gasfakta header .logo{
        max-width: 150px;
        top:calc(34px);
      }
    }header .logo img {
      width: auto;
    }header .logo svg {
      width: 100%;
      height: 100%;
      max-height: 50.5px;
      stroke:none;
    }header .close-container {
    z-index: 510;
    opacity: 0;
    -webkit-animation: hideClose 0.1s ease-in-out backwards 0.1s;
            animation: hideClose 0.1s ease-in-out backwards 0.1s;
  }.active-menu header .close-container {
      -webkit-animation: showClose 0.3s ease-in-out forwards 0.4s;
              animation: showClose 0.3s ease-in-out forwards 0.4s;
    }@media screen & (min-width: 1200px) {header .close-container {
      display: none
  }
    }.main-navigation {
  display: inline-block;
  float: right;
}.compact-navigation .main-navigation {
    display: none;
  }@media screen and (min-width: 1200px) {.main-navigation {
    float: none;
    display: block
}
  }.main-navigation .menulist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    background-color: var(--color--dark-green);
    margin-bottom: 30px;
    width: calc(100vw - (100% / 12));
    margin-left: calc(100% / 12);
  }@media screen and (min-width: 768px) {.main-navigation .menulist {
      width: calc(100vw - (100% / 12 * 2));
      margin-left: calc(100% / 12 * 2)
  }
    }@media screen and (min-width: 1200px) {.main-navigation .menulist {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: auto;
      margin-left: 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      background-color: transparent;
      padding: 0;
      height: auto
  }
    }.main-navigation .menulist-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 0;
    overflow: hidden;
    width: 100vw;
    z-index: 500;
    -webkit-transition: height 0.3s ease-in;
    transition: height 0.3s ease-in;
    background-color: #267b38;
    background-color: var(--color-dark-green);
  }@media screen and (min-width: 1200px) {.main-navigation .menulist-container {
      background-color: transparent;
      width: auto;
      position: relative;
      height: auto
  }
    }.active-menu .main-navigation .menulist-container {
      height: 100vh;
      overflow-y: auto;
    }.main-navigation .menuitem {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    padding: 7px;
  }.main-navigation .menuitem:first-child {
      margin-top: 95px;
    }@media screen and (min-height: 568px) {
      .main-navigation .menuitem:first-child {
        margin-top: 210px;
      }
    }@media screen and (min-width: 768px) {
      .main-navigation .menuitem:first-child {
        margin-top: 228px;
      }
    }.main-navigation .menuitem a {
      text-decoration: none;
      font-weight: bold;
      color: #ffffff;
      color: var(--color-white);
      font-size: 32px;
      font-size: var(--font-size-header-medium);
      line-height: var(-line-height-medium-header);
    }@media screen and (hover: hover) {
        .main-navigation .menuitem a:hover {
          color: #2ea149;
          color: var(--color-green);
        }
      }.main-navigation .menuitem a.active {
        color: #2ea149;
        color: var(--color-green);
      }@media screen and (min-width: 1200px) {.main-navigation .menuitem {
      margin-right: 30px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      padding: 0
  }
      .main-navigation .menuitem:first-child {
        margin-top: 0;
      }
      .main-navigation .menuitem a {
        text-decoration: none;
        font-weight: bold;
        color: #0e4744;
        color: var(--color-petroleum);
        font-size: 16px;
        font-size: var(--font-size-body);
        line-height: var(-line-height-body);
      }
    }@media screen and (min-width: 1200px) and screen and (hover: hover) {
          .main-navigation .menuitem a:hover {
            color: #2ea149;
            color: var(--color-green);
          }
        }@media screen and (min-width: 1200px) {
        .main-navigation .menuitem a.active {
          color: #2ea149;
          color: var(--color-green);
        }
    }.main-navigation .menulist-activation {
    text-decoration: none;
    font-weight: 700;
  }@media screen and (hover: hover) {
      .main-navigation .menulist-activation:hover {
        color: #267b38;
        color: var(--color-dark-green);
      }
    }@media screen and (min-width: 1200px) {.main-navigation .menulist-activation {
      display: none
  }
    }.navigation-right {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 16px;
  right:65px;
}#dgc .navigation-right{
    right:50px;
  }#gasfakta .navigation-right{
    right:50px;
  }.compact-navigation .navigation-right {
    display: none;
  }@media screen and (min-width: 768px) {.navigation-right {
    right: 65px;
    top: 41px
}
    #gasfakta .navigation-right{
      right:50px;
    }
  }@media (min-width: 1024px){.navigation-right {
    right: 110px
}
    #gasfakta .navigation-right{
      right:90px;
    }
    #dgc .navigation-right{
      right:90px;
    }

  }@media screen and (min-width: 1200px) {.navigation-right {
    right: 20px;
    z-index: 510
}
    #gasfakta .navigation-right{
      right:0px;
    }
    #dgc .navigation-right{
      right:0px;
    }
  }.header-icon {
  height: 24px;
  width: 24px;
  border-radius: 254px;
  background-color: rgba(46, 161, 73, 0.1);
  background-color: var(--color-green-10);
  -ms-flex-preferred-size: 24px;
      flex-basis: 24px;
}.header-icon svg {
    width: 100%;
    height: 100%;
  }.header-icon-lock{
  padding-top:2px;
}.navigation-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  background: var(--color-white);
  border: none;
  padding: 8px 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}.navigation-button #svg-login, .navigation-button #svg-search {
    stroke: #2ea149;
    stroke: var(--color-green);
    fill: none;
  }@media screen and (hover: hover) {
    .navigation-button:hover {
      background-color: #2ea149;
      background-color: var(--color-green);
    }
      .navigation-button:hover .button-text {
        color: #ffffff;
        color: var(--color-white);
      }
      .navigation-button:hover #svg-search {
        stroke: #ffffff;
        stroke: var(--color-white);
      }
        .navigation-button:hover #svg-lock path{
          stroke:#ffffff;
          stroke:var(--color-white);
        }
      .navigation-button:hover .header-icon {
        background-color: #267b38;
        background-color: var(--color-dark-green);
      }
  }@media screen and (min-width: 768px) {.navigation-button {
    -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    padding: 8px 10px 8px 15px
}
  }.navigation-button .button-text {
    display: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    margin-right: 10px;
  }@media screen and (min-width: 768px) {.navigation-button .button-text {
      display: inline-block
  }
    }@media (min-width: 768px) {.navigation-button.mybutton {
      background-color: #2ea149;
      background-color: var(--color-green)
  }
    }.navigation-button.mybutton .button-text {
      color: #ffffff;
      color: var(--color-white);
    }.navigation-button.mybutton #svg-lock path {
          stroke: #ffffff;
          stroke: var(--color-white);
        }.navigation-button.mybutton .header-icon {
      background-color: #267b38;
      background-color: var(--color-dark-green);
    }@media (min-width: 768px) {.navigation-button.mybutton:hover {
        background-color: #267b38;
        background-color: var(--color-dark-green)
    }
      }.navigation-search {
  margin-right: 14px;
}.search-box {
  margin-bottom: 0;
  border-radius: 0 0 5px 5px;
}.search-box input[type="text"]:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
    background-color: #ffffff;
    background-color: var(--color-white);
    border: none;
    border-radius: 5px;
    margin-bottom: 0;
    padding: 0;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    color: #0e4744;
    color: var(--color-petroleum);
    width: 100%;
  }.search-box button {
    width: 100%;
    height: 50px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    margin-top: 30px;
  }.search-box .search-button:hover {
      background-color: #2ea149;
      background-color: var(--color-green);
    }.search-box .close {
    background: transparent;
    position: relative;
    font-size: 14px;
    padding-right: 34px;
    text-align: right;
    margin-top: 5px;
    color: #ffffff;
    color: var(--color-white);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }@media screen and (min-width: 768px) {.search-box .close {
      margin-top: 30px
  }
    }.search-box .close::before, .search-box .close::after {
      position: absolute;
      right: 15px;
      content: " ";
      height: 23px;
      width: 2px;
      background-color: #2ea149;
      background-color: var(--color-green);
      top: 14px;
    }.search-box .close::before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }.search-box .close::after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
    }@media screen and (hover: hover) {
        .search-box .close:hover::before, .search-box .close:hover::after {
          background-color: #267b38;
          background-color: var(--color-dark-green);
        }
    }.search-container {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}.search-container .row {
    padding-top: 0;
    padding-bottom: 10px;
  }@media screen and (min-width: 1024px) {.search-container .row {
      padding-top: 40px;
      padding-bottom: 60px
  }
    }#logo-svg {
  stroke: none;
}#logo-svg .a {
    fill: none;
  }#logo-svg .b {
    fill: #37ab49;
  }#logo-svg .c {
    -webkit-clip-path: url(#a);
            clip-path: url(#a);
  }#logo-svg .d {
    fill: #2b8640;
  }#logo-svg .e {
    opacity: 0.45;
  }#logo-svg .f {
    -webkit-clip-path: url(#c);
            clip-path: url(#c);
  }#logo-svg .g {
    fill: #fff;
  }#logo-svg .h {
    fill: #0c504e;
  }.active-menu #logo-svg .h {
      fill: #ffffff;
      fill: var(--color-white);
    }.self-repporting {
  position: fixed;
  right: 0px;
  width:45vw;
  background-color: #ffffff;
  background-color: var(--color-white);
  padding-left: 30px;  
  bottom: 0;
  z-index:900;
}.compact-navigation .self-repporting {
    bottom: 62px;
    z-index: 725;
  }@media screen and (min-width: 460px) {.compact-navigation .self-repporting {
      top: 95px;
      right: calc(((100vw - 20px) / 12));
      bottom: auto
  }
    }@media screen and (min-width: 768px) {.compact-navigation .self-repporting {
      top: 120px;
      right: 90px;
      bottom: auto
  }
    }@media screen and (min-width: 1024px) {.compact-navigation .self-repporting {
      top: 38px
  }
    }@media screen and (min-width: 768px) {.self-repporting {
    border-radius: 40px;
    width: calc(100vw - 20px);
    position: absolute;
    right: 50px;
    top: 125px;
    width: auto;
    bottom: auto
}
  }.self-repporting a {
    font-size: var(--font-size-small-medium);
    font-weight: 700;
    text-decoration: none;
    display: block;
  }@media screen and (hover: hover) {
      .self-repporting a:hover {
        color: #2ea149;
        color: var(--color-green);
      }
        .self-repporting a:hover .self-repporting-arrow {
          background-color: rgba(46, 161, 73, 0.1);
          background-color: var(--color-green-10);
        }
    }.self-repporting span {
    display: inline-block;
    line-height: 48px;
  }.self-repporting .self-repporting-arrow {
    display:none;
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    line-height: 48px;
    padding-top: 4px;

    background-color: #ffffff;

    background-color: var(--color-white);
    color: #267b38;
    color: var(--color-dark-green);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    margin-left: 10px;

    -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.2);

            box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    background-color: var(--color-white);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }@media screen and (min-width: 768px) {.self-repporting .self-repporting-arrow {
      display:inline-block;
      -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
  }
    }.self-repporting .self-repporting-arrow .svg-small-arrow-right {
      width: 10px;
      height: 20px;
    }.self-repporting .self-repporting-arrow svg {
      stroke: #2ea149;
      stroke: var(--color-green);
    }.header-top-bg {
  background-color: #ffffff;
  background-color: var(--color-white);
}.header-bg-container {
  background-color: #ffffff;
  background-color: var(--color-white);
}@media screen and (min-width: 768px) {.header-bg-container {
    position:relative;
    padding-top: 50px
}
  }.site-switch-navigation{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  grid-gap:8px;
  gap:8px;
  text-decoration: none;
  margin-right:15px;
}@media (min-width: 1440px){.site-switch-navigation{
    margin-right:30px
}
  }.site-switch-navigation .navigation-flag{
    width:16px;
  }.site-switch-navigation span{
    display: none;
    font-size:12px;
    font-size:var( --font-size-small);
  }@media (min-width: 1440px){.site-switch-navigation span{
      display: inline-block
  }
    }@-webkit-keyframes showClose {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.99;
  }
}@keyframes showClose {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.99;
  }
}@-webkit-keyframes hideClose {
  0% {
    opacity: 0.99;
  }
  100% {
    opacity: 0;
  }
}@keyframes hideClose {
  0% {
    opacity: 0.99;
  }
  100% {
    opacity: 0;
  }
}/* @import "../../styles/variables.css"; */footer {
  -ms-flex-item-align: end;
      align-self: flex-end;
  min-height: 100px;
  padding-top: 54px;
  padding-bottom: 75px;
  width: 100%;
  border-radius: 5px;
  color: #ffffff;
  color: var(--color-white);
  margin-bottom: 10px;
}@media screen and (min-width: 768px) {footer {
    margin-bottom: 30px
}
  }footer a {
    text-decoration: none;
  }@media screen and (hover: hover) {
      footer a:hover {
        text-decoration: underline;
      }
    }footer .make-flex {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }.footer-header {
  font-size: 32px;
  font-size: var(--font-size-header-medium);
  line-height: 40px;
  line-height: var(--line-height-medium-header);
}.footer-list-header {
  font-weight: 700;
  margin-bottom: 10px;
}@media screen and (min-width: 1024px) {.footer-list-header {
    margin-bottom: 0
}
  }.footer-center-row {
  margin-top: 28px;
}.footer-center-row ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 43px;
  }.footer-center-row li {
    margin-bottom: 10px;
  }@media screen and (min-width: 1024px) {.footer-center-row li {
      margin-bottom: 0
  }
    }.footer-center-row li a {
      display: block;
      position: relative;
      text-decoration: none;
    }@media screen and (hover: hover) {
        .footer-center-row li a:hover {
          text-decoration: underline;
        }
      }.footer-bottom-row {
  margin-top: 20px;
}@media screen and (min-width: 1024px) {.footer-bottom-row {
    margin-top: 60px
}
  }.footer-bottom-row p {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }@media screen and (min-width: 768px) {.footer-bottom-row p {
      margin-bottom: 0
  }
    }.footer-bottom-row a {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }.footer-bottom-row ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
  }@media screen and (min-width: 768px) {.footer-bottom-row ul {
      margin: 0
  }
    }.footer-bottom-row ul li a {
        display: block;
      }.footer-bottom-row .some-link {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 30px;
    width: 30px;
    background-color: #267b38;
    background-color: var(--color-dark-green);
    border-radius: 50%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: opacity 350ms ease-out;
    transition: opacity 350ms ease-out;

  }.footer-bottom-row .some-link .svg-icon{
      height: 15px;
      width: 14px;
    }.footer-bottom-row .some-link:hover{
      opacity: 0.6;
    }.footer-center-row .footer-logo {
    margin-bottom: 52px;
    display: inline-block;
    
  }.footer-center-row .footer-logo svg{
      stroke:none;
      width:113px;
      height:auto;      
    }.fp-header {
  position: relative;

}@media screen and (min-width: 678px) {.fp-header {
    min-height: 483px;
    padding:0

}
    .fp-header .row{
      max-width:100vw;

    }
  }.fp-header .fp-outer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
        -ms-flex-align:end;
            align-items:flex-end;
    -webkit-box-shadow: 2px 2px 17px 8px rgba(0, 0, 0, 0.18);
            box-shadow: 2px 2px 17px 8px rgba(0, 0, 0, 0.18);
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;

  }@media screen and (min-width: 1400px) {.fp-header .fp-outer{
      -ms-flex-wrap:nowrap;
          flex-wrap:nowrap

  }
    }.fp-header .image-container {
    -ms-flex-preferred-size:100%;
        flex-basis:100%;
  }@media screen and (min-width: 1400px) {.fp-header .image-container {
      margin-top: 20px;
      margin-top: 0;
      -ms-flex-preferred-size:70%;
          flex-basis:70%
  }
    }.fp-header .svg-container {
    width: calc(((100vw - 40) / 12) * 10);
    margin-top: 40px;
  }@media all and (-ms-high-contrast: none) and (min-width: 1400px) {.fp-header .svg-container {
      top: 0;
      max-width: 100%;
      overflow: hidden
  }
    }@media screen and (min-width: 1400px) {.fp-header .svg-container {
      bottom: 50px;
      display: block;
      width: 50vw;
      //max-height: 100%;
      position: absolute;
      right: 50px;
      margin: 0
  }
    }.fp-header h1 {
    color: #0e4744;
    color: var(--color-petroleum);
    z-index: 400;
    position: relative;
    margin-bottom: 0;
  }.fp-header p {
    margin-bottom: 0;
    z-index: 400;
    position: relative;      
  }.fp-header .fp-herocontainer{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    padding: 10px 10px 30px;
  }@media screen and (min-width: 1400px) {.fp-header .fp-herocontainer{
      padding: 0 30px 30px
  }
    }.fp-header .fp-herocontainer h1 {
      color: #0e4744;
      color: var(--color-petroleum);
      z-index: 400;
      position: relative;
      margin-bottom: 0;
      padding-bottom:30px;      
    }.fp-header .fp-herocontainer p {
      margin-bottom: 0;
      z-index: 400;
      position: relative;
      
    }.fp-header .fp-herocontainer .cta{
      margin-top:15px;
      background:#267b38;
      background:var(--color-dark-green);
    }.fp-header .fp-herocontainer .cta:hover{
        background:#2ea149;
        background:var(--color-green);
      }.fp-header .video-outer{
    width:100%;
  }@media screen and (min-width: 1400px) {.fp-header .video-outer{
      -ms-flex-preferred-size:70%;
          flex-basis:70%
  }
    }.forside .fp-header .fp-outer {
      -webkit-box-shadow: none;
              box-shadow: none;
    }.fp-grid{
  display: grid;
  grid: 1fr  / repeat(16, 1fr);
  -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
  border-radius: 5px;

}.fp-grid .fp-image-container{
    grid-column: 1 / span 16; 
  }.fp-grid .fp-image-container .image-container{
      height: 100%;
    }.fp-grid .fp-image-container .image-container img{
        height:100%;
        -o-object-fit: cover;
           object-fit: cover;
      }.fp-grid .fp-content-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-column: 1 / span 16;
    padding:30px 15px;
  }.fp-grid .fp-content-container p.fp-teaser-description{
      margin:30px 0;
    }@media (min-width: 768px){.fp-grid .fp-content-container p.fp-teaser-description{
        margin:60px 0
    }
      }.fp-grid .fp-content-container .cta{
      color:#ffffff;
      color:var(--color-white);
      background-color: #267b38;
      background-color: var(--color-dark-green);
    }.fp-grid .fp-content-container .cta:hover{
        background-color: #2ea149;
        background-color: var(--color-green);
      }@media (min-width: 768px){.fp-grid.image-left .fp-image-container{
          grid-column: 1 / span 8      
    }      
      }@media (min-width: 768px){.fp-grid.image-left .fp-content-container{
        grid-column: 10 /span 5;
        grid-row:1 / 1
    }
      }@media (min-width: 768px){.fp-grid.image-right .fp-image-container{      
        grid-column: 9 / span 8
    }        
      }@media (min-width: 768px){.fp-grid.image-right .fp-content-container{
        grid-column: 3 /span 5;
        grid-row:1 / 1
    }
      }.help-popup {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100vw;
  z-index: 900;
}.active-menu .help-popup {
    z-index: 750;
  }@media screen and (min-width: 768px) {.help-popup {
    bottom: 50px;
    left: 50px;
    max-width: 387px
}
  }.help-popup hr {
    margin-top: 31px;
    color: #0e4744;
    color: var(--color-petroleum);
    opacity: 0.1;
  }.help-popup-container {
  background: #ffffff;
  background: var(--color-white);
  border-radius: 4px;
  margin-bottom: 11px;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}.help-popup-container.closed {
    width: 0;
  }.help-popup-content {
  padding: 100px 30px 30px;
  position: relative;
}.help-popup-content .error-text {
    display: none;
  }.help-popup-content .error-text.activate {
      display: block;
    }.help-popup-content .error-text p {
      margin-bottom: 0;
      margin-top: 20px;
      font-size: 14px;
      font-size: var(--font-size-medium);
      line-height: 18px;
      line-height: var(--line-height-medium);
      color: #ed7100;
      color: var(--color-orange);
    }.help-popup-content .leftright, .help-popup-content .rightleft {
    background-color: #2ea149;
    background-color: var(--color-green);
  }.help-popup-content .close-container label {
      color: #0e4744;
      color: var(--color-petroleum);
    }.help-popup-content .close-container .close {
      top: 0;
      left: -40px;
      margin-top: 0;
    }@media screen and (hover: hover) {
        .help-popup-content .close-container:hover .leftright, .help-popup-content .close-container:hover .rightleft {
          background-color: #267b38;
          background-color: var(--color-dark-green);
        }
        .help-popup-content .close-container:hover .close {
          opacity: 1;
        }
    }.help-popup-content .circle-image {
    margin-bottom: 24px;
    width: 80px;
    height: 80px;
  }.help-popup-content p {
    margin-bottom: 0;
  }.help-popup-content p.header {
    font-weight: 700;
  }.help-popup-text {
  margin-bottom: 26px;
}.help-popup-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}.help-popup-form label {
    position: absolute;
    z-index: 0;
  }@media all and (-ms-high-contrast: none) {.help-popup-form label {
      opacity: 0
  }
    }.help-popup-form input {
    max-width: 186px;
    height: 50px;
    border: 1px solid #949493;
    border: 1px solid var(--color-gray);
    border-radius: 5px;
    padding: 12px 30px 14px 31px;
    display: inline-block;
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
    z-index: 1;
  }.help-popup-form input::-webkit-input-placeholder {
      color: #949493;
      color: var(--color-gray);
    }.help-popup-form input::-moz-placeholder {
      color: #949493;
      color: var(--color-gray);
    }.help-popup-form input:-ms-input-placeholder {
      color: #949493;
      color: var(--color-gray);
    }.help-popup-form input::-ms-input-placeholder {
      color: #949493;
      color: var(--color-gray);
    }.help-popup-form input::placeholder {
      color: #949493;
      color: var(--color-gray);
    }.help-popup-form .cta {
    max-height: 50px;
    margin-left: 15px;
    cursor: pointer;
  }.help-popup-form .cta[disabled] {
      background-color: #949493;
      background-color: var(--color-gray);
      cursor: wait;
    }.help-popup-emergency a {
    color: #267b38;
    color: var(--color-dark-green);
  }.help-popup-toggler {
  background: #ffffff;
  background: var(--color-white);
  color: #0e4744;
  color: var(--color-petroleum);
  font-weight: 700;
  width: 100%;
  border-radius: 0;
}@media screen and (min-width: 768px) {.help-popup-toggler {
    width: auto;
    border-radius: 4px
}
  }@media screen and (hover: hover) {
    .help-popup-toggler:hover {
      color: #ffffff;
      color: var(--color-white);
      background-color: #2ea149;
      background-color: var(--color-green);
    }
      .help-popup-toggler:hover span {
        color: #ffffff;
        color: var(--color-white);
      }
  }.help-popup-toggler span {
    color: #949493;
    color: var(--color-gray);
    font-size: 12px;
    font-size: var(--font-size-small);
    line-height: 18px;
    line-height: var(--line-height-small);
    font-weight: 300;
    padding-left: 10px;
    display: none;
  }.help-popup-toggler.hasZip span {
      display: inline;
    }.tab-module h2 {
    margin-bottom: 40px;
  }@media screen and (min-width: 1024px) {.tab-module h2 {
      margin-bottom: 80px
  }
    }.tab-module-container {
  position: relative;
}@media screen and (min-width: 1024px) {.tab-module-container {
    padding: 0
}
  }.tab-module-cta {
  margin-top: 80px;
}@media screen and (min-width: 1024px) {.tab-module-cta {
    margin-left: calc(((100vw - 140px) / 12) * 2)
}
  }.tab-content {
  padding-bottom: 20px;
  color: #1b1b1a;
  color: var(--color-black);
}.tab-content a {
    color: #267b38;
    color: var(--color-dark-green);
  }.tab-content .cta {
    font-weight: 700;
    margin-top: 56px;
    color: #ffffff;
    color: var(--color-white);
  }.tab-button {
  background: #ffffff;
  background: var(--color-white);
  -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 22px;
  margin-bottom: 20px;
  cursor: pointer;
  border-color: #ffffff;
  border-color: var(--color-white);
  border-width: 1px;
  border-style: solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}.tab-button.active {
    background-color: #267b38;
    background-color: var(--color-dark-green);
    border-color: #267b38;
    border-color: var(--color-dark-green);
  }.tab-button.active .tab-check {
      background-color: #0e4744;
      background-color: var(--color-petroleum);
      text-align: center;
    }.tab-button.active .tab-check svg {
        stroke: #ffffff;
        stroke: var(--color-white);
      }.tab-button.active .tab-check span {
        color: #ffffff;
        color: var(--color-white);
      }.tab-button.active .button-text {
      color: #ffffff;
      color: var(--color-white);
    }@media screen and (hover: hover) {
    .tab-button:hover {
      border-color: #267b38;
      border-color: var(--color-dark-green);
    }
  }@media screen and (min-width: 1024px) {.tab-button {
    width: calc(33.33333333% - 20px);
    margin-left: calc((((100vw - 140px) / 12) * 2) + 10px)
}
  }.tab-button .button-text {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-left: 30px;
    font-weight: 700;
  }.tab-container {
  line-height: 24px;
  background-color: #ffffff;
  background-color: var(--color-white);
  display: none;
}@media screen and (min-width: 1024px) {.tab-container {
    display: inline;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}
  }.tab-container.active {
    display: inline;
  }@media screen and (min-width: 1024px) {.tab-container.active {
      z-index: 1;
      opacity: 0.99
  }
    }.tab-container .image-container {
    margin-bottom: 38px;
  }@media screen and (min-width: 1024px) {.tab-container .image-container {
      margin-bottom: 76px
  }
    }@media screen and (min-width: 1024px) {.tab-container {
    width: calc(33.33333333%);
    //width: calc(45%);
    position: absolute;
    //right: 0;
    left: calc(100% / 12 * 7);
    top: 0;
    padding-left: 10px;
    padding-right: 10px
}
  }.hero .video-container{
    margin-top:30px;
  }@media (min-width: 768px){.hero .video-container{
      margin-top:0px
  }
    }.hero.background-gasfakta {
    background-color: #26484a;
    color: #ffffff;
    color: var(--color-white);
  }.hero.background-dgc {
    background-color: #134944;
    color: #ffffff;
    color: var(--color-white);
  }.hero.background-dark-green {
    background-color: #267b38;
    color: #ffffff;
    color: var(--color-white); 
  }.hero.background-dark-green .flex-cta {
      background-color: #ffffff;
      background-color: var(--color-white);
      color: #0e4744;
      color: var(--color-petroleum);
    }@media screen and (hover: hover) {
        .hero.background-dark-green .flex-cta:hover {
          background-color: #2ea149;
          color: #ffffff;
          color: var(--color-white);
        }
      }.hero.background-petroleum {
    background-color: #0e4744;
    color: #ffffff;
    color: var(--color-white);
  }.hero .make-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    height: 100%;
    width: 100%;
  }.hero .hero-tag {
    font-size: 12px;
    font-size: var(--font-size-small);
    line-height: 18px;
    line-height: var(--line-height-small);
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    width: 100%;
  }.hero .hero-text {
    font-size: 32px;
    font-size: var(--font-size-header-medium);
    line-height: 40px;
    line-height: var(--line-height-medium-header);
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
  }.hero .flex-text {
    margin-bottom: 40px;
    
  }.hero .flex-cta {
    color: #ffffff;
    color: var(--color-white);
    background-color: #267b38;
    background-color: var(--color-dark-green);
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }@media screen and (hover: hover) {
      .hero .flex-cta:hover {
        background-color: #2ea149;
        background-color: var(--color-green);
      }
    }@media screen and (min-width:1024px){.hero .flex-cta {
      margin-top:40px
  }
    }.hero .image-container {
    margin-bottom: 20px;
  }@media screen and (min-width: 1024px) {.hero .image-container {
      margin-bottom: 0
  }
    }.hero .play-text{
    color:#267b38;
    color:var(--color-dark-green);
  }.link-list .link-list-header {
    margin-bottom: 20px;
  }@media screen and (min-width: 1024px) {.link-list .link-list-header {
      margin-bottom: 60px
  }
    }.link-list h2 {
    margin-bottom: 20px;
  }.link-list .cta {
    margin-top: 24px;
  }.link-box {
  background: transparent;
  /* Shadow */
  -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  height: calc(100% - 20px);
  border-color: #ffffff;
  border-color: var(--color-white);
  border-width: 2px;
  border-style: solid;
  position: relative;
  display: block;
  text-decoration: none;
}@media screen and (hover: hover) {
    .link-box:hover {
      border-color: #2ea149;
      border-color: var(--color-green);
    }
  }.link-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 30px;
  background-color: #ffffff;
  background-color: var(--color-white);
  border-radius: 4px;
  height: 100%;
}.arrow-icon-container {
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}.arrow-icon {
  height: 45px;
  width: 45px;
  border-radius: 100%;
  background-color: rgba(46, 161, 73, 0.1);
  background-color: var(--color-green-10);
  text-align: center;
  padding-top: 9px;

}.arrow-icon svg {
    stroke: #2ea149;
    stroke: var(--color-green);
    width: 27px;
    height: 27px;
  }.link-text {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  font-size: 24px;
  line-height: 32px;
  width: 100%;
  margin: 20px 0;
  text-decoration: none;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}.link-more {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-bottom: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
}.contact-module {
  padding-top: 14.28571vw;
  padding-bottom: 14.28571vw;
}@media screen and (min-width: 1024px) {.contact-module {
    padding-top: 7.1vw;
    padding-bottom: 7.1vw
}
  }.contact-module .flex-text {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-bottom: 0;
    width: 100%;
  }.contact-module .flex-subtext {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    font-size: 32px;
    font-size: var(--font-size-header-medium);
    line-height: 40px;
    line-height: var(--line-height-medium-header);
    width: 100%;
    padding-bottom: 20px;
  }.contact-module .flex-cta {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }.contact-module .circle-image {
    margin-bottom: 20px;
    float: right;
  }@media screen and (min-width: 768px) {.contact-module .circle-image {
      margin-bottom: 0;
      float: none
  }
    }.split-hero {
  position: relative;
  color: #ffffff;
  color: var(--color-white);
}.split-hero .col-xs-10:first-child {
    margin-bottom: 30px;
    position: relative;
  }.split-hero .col-xs-10:first-child::after {
      content: "";
      position: absolute;
      bottom: -20px;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #2ea149;
      background-color: var(--color-green);
    }@media screen and (min-width: 1024px) {.split-hero .col-xs-10:first-child {
      margin-bottom: 0
  }
      .split-hero .col-xs-10:first-child::after {
        content: none;
      }
    }@media screen and (min-width: 1024px) {
    .split-hero::after {
      content: "";
      width: 2px;
      height: calc(100% - 200px);
      left: calc(50% - 2px);
      top: 100px;
      position: absolute;
      background-color: #2ea149;
      background-color: var(--color-green);
    }    
  }.split-hero .flex-tag {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }.split-hero .flex-text {
    margin-bottom: 0;
    width: 100%;
    margin-top: 20px;
  }@media screen and (min-width: 1024px) {.split-hero .flex-text {
      margin-top: 15px
  }
    }.split-hero .flex-subtext {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    width: 100%;
    margin-bottom: 40px;
  }.split-hero .flex-cta {
    -ms-flex-item-align: start;
        align-self: flex-start;
    background-color: #ffffff;
    background-color: var(--color-white);
    color: #0e4744;
    color: var(--color-petroleum);
  }.three-split .col-xs-10:nth-child(2){
      position:relative;
      margin-bottom: 30px;
    }.three-split .col-xs-10:nth-child(2)::after{
        content: "";
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #2ea149;
        background-color: #2ea149;
        background-color: var(--color-green);
      }@media screen and (min-width: 1024px) {.three-split .col-xs-10:nth-child(2){
        margin-bottom: 0
    }
        .three-split .col-xs-10:nth-child(2)::after {
          content: none;
        }
      }@media screen and (min-width: 1024px){
      .three-split::before {
        content: "";
        width: 2px;
        height: calc(100% - 200px);
        left: calc(40% - 2px);
        top: 100px;
        position: absolute;
        background-color: #2ea149;
        background-color: var(--color-green);      
      } 
      .three-split::after{
        left: calc(72% - 2px);
      }
    }.step-button {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 30px 40px;
  border-top: 1px solid rgba(14, 71, 68, 0.1);
}@media screen and (min-width: 768px) {.step-button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row
}
  }.step-button:first-child {
    border-color: transparent;
  }.step-button .step-number {
    margin-right: 30px;
    margin-bottom: 30px;
  }@media screen and (min-width: 768px) {.step-button .step-number {
      margin-bottom: 0
  }
    }.step-button .step-number span {
      font-weight: bold;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
    }.step-text .headline {
    margin-bottom: 0;
    font-weight: bold;
  }.step-text .text {
    margin-bottom: 0;
  }.step-text .cta {
    margin-top: 30px;
  }.support-content .step-button {
    background-color: #ffffff;
    background-color: var(--color-white);
  }.support-content .step-button:first-child {
      border-radius: 4px 4px 0 0;
    }.support-content .step-button:last-child {
      border-radius: 0 0 4px 4px;
    }.support-subjects-list h2 {
    margin-bottom: 80px;
  }.support-subjects-list h3, .support-subjects-list .h3 {
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
    font-weight: 700;
    margin: 16px 0 18px;
  }.support-subjects-list .support-subject-list {
    margin-bottom: 80px;
  }.support-subjects-list .support-subject-list-outer {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
  }.support-subjects-list .support-subject-list-inner a:first-child {
      margin-top: 0;
    }.support-subjects-list .open-list {
    color: #2ea149;
    color: var(--color-green);
    font-weight: 700;

    cursor: pointer;
  }.support-subjects-list .open-list.is-open {
      margin-top: 20px;
    }@media screen and (hover: hover) {
      .support-subjects-list .open-list:hover {
        color: #0e4744;
        color: var(--color-petroleum);
      }
    }.support-subjects-list a {
    display: block;
    margin: 20px 0;
    text-decoration: none;
  }@media screen and (hover: hover) {
      .support-subjects-list a:hover {
        text-decoration: underline;
      }
    }.support-subjects-list .image-container img {
      max-width: 40px;
    }.support-search input[type="text"] {
    background: #ffffff;
    background: var(--color-white);
    width: 100%;
    border: 1px solid #949493;
    border: 1px solid var(--color-black-40);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 5px;
    padding: 12px 30px 14px 31px;
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
    margin-bottom: 10px;
  }@media screen and (min-width: 768px) {.support-search input[type="text"] {
      margin-bottom: 0
  }
    }.support-search button.cta {
    -ms-flex-item-align: end;
        align-self: flex-end;
    cursor: pointer;
    color: #ffffff;
    color: var(--color-white);
    margin-top: 20px;
  }@media screen and (min-width: 1024px) {.support-search button.cta {
      margin-top: 0
  }
    }.support-search .tagline {
    margin: 10px 0 13px;
  }.support-search .cta {
    color: #0e4744;
    color: var(--color-petroleum);
    margin-right: 10px;
  }@media screen and (hover: hover) {
      .support-search .cta:hover {
        color: #ffffff;
        color: var(--color-white);
      }
    }.support-search .result {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
  }.support-search .result span {
      font-weight: 700;
    }.support-search .support-search-popular {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }.support-search .support-search-popular a {
      margin-bottom: 20px;
    }@media screen and (min-width: 768px) {.support-search .support-search-popular {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row
  }
    }.search-result-item.cta {
  
  border-radius: 5px;
  margin-top: 20px;
  border: 1px solid #ffffff;
  border: 1px solid var(--color-white);
  width: 100%;
  padding-top: 30px;
}@media screen and (hover: hover) {
    .search-result-item.cta:hover {
      color: #0e4744;
      color: var(--color-petroleum);
      border-color: #267b38;
      border-color: var(--color-dark-green);
      background-color: transparent;
    }
  }.search-result-item.cta .arrow-container {
    background-color: rgba(46, 161, 73, 0.1);
    background-color: var(--color-green-10);
    border-radius: 100%;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
  }.search-result-item.cta .arrow-container .svg-full-arrow {
      -ms-flex-item-align: center;
          align-self: center;
      margin: 0 auto;
    }.search-result-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}.search-result-container .h3 {
    margin-bottom: 20px;
  }.search-result-container .search-result-link {
    font-weight: 700;
    margin-bottom: 0;
  }.page-header .image-container {
    margin-top: 20px;
  }.news-container {
  position: relative;
}@media screen and (min-width: 1024px) {.news-container .news-information {
      position: absolute;
      top: 0;
      right: 40px;
      padding: 0 10px;
      width: calc(((100% - 80px) / 12) * 4)
  }
    }@media screen and (min-width: 1200px) {.news-container .news-information {
      width: calc(((100% - 80px) / 12) * 3)
  }
    }.news-container .news-information > div {
      color: #1b1b1a;
      color: var(--color-black);
      padding: 30px;
      margin-top: 20px;
    }.news-container .news-information .news-information-newsletter {
      padding: 0;
    }.news-information-contact {
  color: #1b1b1a;
  color: var(--color-black);
  padding: 30px;
}.news-information-contact p {
    margin-bottom: 0;
  }.news-information-contact a {
    display: block;
    text-decoration: none;
  }@media screen and (hover: hover) {
      .news-information-contact a:hover {
        text-decoration: underline;
      }
    }.news-information-contact .name {
    font-weight: 700;
  }.news-information-contact .bottom-content {
    margin-top: 24px;
  }.news-information-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}.news-information-share span {
    font-weight: 700;
  }.news-information-share a {
    text-decoration: none;
    float: left;
    margin-left: 10px;
  }@media screen and (hover: hover) {
          .news-information-share a:hover #svg-twitter path.circle, .news-information-share a:hover #svg-linkedin path.circle, .news-information-share a:hover #svg-facebook path.circle {
            fill: #2ea149;
            fill: var(--color-green);
          }
    }.news-information-newsletter .cta {
    display: block;
  }.news-information-download a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-decoration: none;
  }@media screen and (hover: hover) {
        .news-information-download a:hover .download-icon {
          background-color: #267b38;
          background-color: var(--color-dark-green);
        }
            .news-information-download a:hover .download-icon svg path {
              stroke: #ffffff;
              stroke: var(--color-white);
            }
    }.news-information-download p {
    margin-bottom: 0;
  }.news-information-download .header {
    font-weight: 700;
  }.news-information-download .download-icon {
    background-color: rgba(46, 161, 73, 0.1);
    background-color: var(--color-green-10);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }.news-information-download .download-icon svg {
      fill: none;
      width: 20px;
      height: 40px;
    }.news-information-download .download-icon svg path {
        stroke: #267b38;
        stroke: var(--color-dark-green);
      }.news-information-download .download-container {
    max-width: calc(100% - 50px);
  }.latest-news .fp-herocontainer{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    padding-bottom:30px;
    padding-top:30px;
  }.latest-news .fp-herocontainer p.h2 {
      color: #0e4744;
      color: var(--color-petroleum);
      z-index: 400;
      position: relative;
      margin-bottom: 0;
      padding-bottom:15px;      
    }.latest-news .fp-herocontainer p {
      margin-bottom: 0;
      z-index: 400;
      position: relative;
      
    }.latest-news .fp-herocontainer .cta{
      margin-top:15px;
      background:#267b38;
      background:var(--color-dark-green);
    }.latest-news .fp-herocontainer .cta:hover{
        background:#2ea149;
        background:var(--color-green);
      }.accordion-component .closed .vertical {
      -webkit-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }.accordion-component .closed .horizontal {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }.accordion-component .circle-plus {
    height: 26px;
    width: 26px;
    font-size: 1em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }.accordion-component .circle-plus.opened {
      opacity: 1;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }.accordion-component .circle-plus .horizontal {
    position: absolute;
    background-color: #2ea149;
    background-color: var(--color-green);
    width: 26px;
    height: 2px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }.accordion-component .circle-plus .vertical {
    position: absolute;
    background-color: #2ea149;
    background-color: var(--color-green);
    width: 2px;
    height: 26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 0%;
  }.accordion-container {
  border-bottom: 1px solid rgba(14, 71, 68, 0.3);
}.accordion-container.first-accordion {
    border-top: 1px solid rgba(14, 71, 68, 0.3);
  }.accordion-headline {
  cursor: pointer;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}.accordion-headline h2 {
    font-size: 24px;
    font-size: var(--font-size-header-small);
    line-height: 32px;
    line-height: var(--line-height-small-header);
    margin-bottom: 0;
  }.accordion-headline.open h2 {
      color: #2ea149;
      color: var(--color-green);
    }@media screen and (hover: hover) {
        .accordion-headline.open:hover h2 {
          text-decoration: underline;
        }
    }@media screen and (hover: hover) {
      .accordion-headline:hover h2 {
        color: #2ea149;
        color: var(--color-green);
      }
  }.accordion-element {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}.accordion-content {
  padding: 38px 0 40px;
}@media screen and (min-width: 1024px) {
      .support-content .accordion-component div[class^="col-"] {
        width: 100%;
      }
    }.support-content .accordion-component h2 {
      color: #ffffff;
      color: var(--color-white);
    }.support-content .accordion-component .accordion-container {
      border-color: rgba(255, 255, 255, 0.3);
    }.support-content .accordion-component .circle-plus .horizontal, .support-content .accordion-component .circle-plus .vertical {
        background-color: #ffffff;
        background-color: var(--color-white);
      }.richtext-component {
  color: #0e4744;
  color: var(--color-petroleum);

}.richtext-component a {
    color: #267b38;
    color: var(--color-dark-green);
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
  }@media screen and (hover: hover) {
      .richtext-component a:hover {
        color: #2ea149;
        color: var(--color-green);
      }
    }.richtext-component a.cta-button {
      -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
      border-radius: 4px;
      color: #ffffff;
      text-decoration: none;
      padding: 13px 30px;
      display: inline-block;
      border-color: transparent;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      background-color: #267b38;
      background-color: var(--color-dark-green);
    }@media screen and (hover: hover) {
        .richtext-component a.cta-button:hover {
          color: #ffffff;
          background-color: #2ea149;
          background-color: var(--color-green);
        }
      }.richtext-component img {
    max-width: 100%;
  }.richtext-component img.img-half {
      max-width: 50%;
    }.richtext-component ul {
    margin: 20px 0 20px 0;
    padding: 0;
    list-style: none;
    padding-left: 42px;
    margin-top: 20px;
  }.richtext-component ul li {
      position: relative;
      margin-bottom: 5px;
    }.richtext-component ul li::before {
        content: "";
        width: 42px;
        margin-left: -42px;
        position: absolute;
        left: 0;
        top: 6px;
        height: 12px;
        width: 12px;
        border-radius: 12px;
        background-color: #267b38;
        background-color: var(--color-dark-green);
      }.richtext-component ol {
    list-style: none;
    padding-left: 42px;
    margin: 20px 0 20px;
  }.richtext-component ol li {
      counter-increment: li;
      margin-bottom: 5px;
    }.richtext-component ol li::before {
      content: counter(li);
      color: #267b38;
      color: var(--color-dark-green);
      display: inline-block;
      width: 42px;
      margin-left: -42px;
    }.richtext-component ol p {
      display: inline;
    }.richtext-component table {
    border: none;
  }.richtext-component table tr:nth-child(odd) {
      background-color: rgba(46, 161, 73, 0.1);
      background-color: var(--color-green-10);
      border: none;
    }.richtext-component table td {
      padding: 18px 30px;
      border: none;
      font-size: 12px;
      font-size: var(--font-size-small);
      line-height: 18px;
      line-height: var(--line-height-small);
    }@media screen and (min-width: 1024px) {.Supportemne .richtext-component h2 {
        font-size: 24px;
        font-size: var(--font-size-header-small);
        line-height: var(--line-height-header-small)
    }
      }.richtext-component.richtext-component-wide{
    color:#ffffff;
    color:var(--color-white);
    
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
  }.richtext-component.richtext-component-wide a {
      color: #ed7100;
      color: var(--color-orange);
    }@media screen and (hover: hover) {
        .richtext-component.richtext-component-wide a:hover {
          color: #267b38;
          color: var(--color-dark-green);
        }
      }.richtext-component.richtext-component-wide a.cta-button {
        background-color: #ed7100;
        background-color: var(--color-orange);
        color:#ffffff;
        color:var(--color-white);
      }@media screen and (hover: hover) {
          .richtext-component.richtext-component-wide a.cta-button:hover {
            background-color: #2ea149;
            background-color: var(--color-green);
            color:#ffffff;
            color:var(--color-white)
          }
        }.richtext-component.richtext-component-wide.slender .background-dark-green{
        padding:20px;
        border-radius: 5px;
      }.table-wrapper {
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
  position: relative;
  margin-bottom: 1.5em;
}.show-swipe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 100px;
  display: none;
  background: rgb(247, 251, 248);
  border-radius: 100px;
  text-align: center;
}.Supportemne .show-swipe {
    background: #267b38;
    background: var(--color-dark-green);
  }.show-swipe svg {
    width: 80%;
  }.wrap-table + .show-swipe {
  display: block;
}@media screen and (hover: hover) {.wrap-table + .show-swipe {
    display: none
}
  }.support-content .richtext-component {
    color: #ffffff;
    color: var(--color-white);
  }.support-content .richtext-component li::before {
      color: #ffffff;
      color: var(--color-white);
    }.support-content .richtext-component + .richtext-component {
      margin-top: -40px;
    }.support-content .richtext-component a {
      color: #ffffff;
      color: var(--color-white);
    }@media screen and (hover: hover) {
        .support-content .richtext-component a:hover {
          color: #2ea149;
          color: var(--color-green);
        }
      }.richtext-component.background-dark-green.wide ul li::before {
        background-color: white;
      }.richtext-component.background-dark-green.wide ol li::before {
      color: white;
    }.richtext-component.background-dark-green.wide ol p {
      display: inline;
    }.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}.video-cover {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0.99;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}.video-cover.active {
    opacity: 0;
    z-index: 0;
  }.video-play {
  background-color: #ffffff;
  background-color: var(--color-white);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 146px;
  height: 60px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 100;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}@media screen and (hover: hover) {
      .video-play:hover .play-icon {
        background-color: #2ea149;
        background-color: var(--color-green);
        width: 62px;
        height: 62px;
        left: -1px;
        top: -1px;
      }
        .video-play:hover .play-icon .video-play-icon {
          stroke: #ffffff;
          stroke: var(--color-white);
          fill: none;
        }
  }.video-play .play-icon {
    width: 60px;
    height: 60px;
    -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    border-radius: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease-in-out;
  }.video-play .play-text {
    margin-right: 30px;
    font-weight: 700;
  }.video-play .video-play-icon {
    stroke: #2ea149;
    stroke: var(--color-green);
    fill: none;
  }.embed-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}.embed-container.active {
    opacity: 0.99;
    z-index: 10;
  }.video-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }@media screen and (--mq-mobile-landscape-up) {.video-player iframe {
      height: 100%;
      top: 0
  }
    }.feature-link-list .col-xs-10 {
    margin-bottom: 20px;
  }.feature-link-list .link-box-container {
    padding: 0;
  }.feature-link-list .link-box {
    height: 100%;
    border-radius: 4px;
    border: none;
    position: relative;
  }@media screen and (hover: hover) {
        .feature-link-list .link-box:hover::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          bottom: 0;
          border: 2px solid #2ea149;
          border: 2px solid var(--color-green);
          border-radius: 4px;
        }
    }.feature-link-list .link-box-container {
    height: 100%;
  }.feature-link-list .link-box-container .image-container img {
      border-radius: 4px 4px 0 0;
    }.feature-link-list .image-container {
    //margin: -2px -2px 0 -2px;
  }.feature-link-list .link-teaser {
    margin: 0px;
    color: #949493;
    color: var(--color-gray);
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
    padding: 20px 20px 0;
  }.feature-link-list .link-text {
    padding: 20px 20px 0;
    margin: 0;
  }.feature-link-list .link-more {
    margin: 0px;
    color: #949493;
    color: var(--color-gray);
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
    padding: 20px;
  }.quote-component {
  padding-top: 40px;
}@media screen and (min-width: 1024px) {.quote-component {
    padding-top: 0
}
  }.quote-component blockquote {
    width: 100%;
    margin: 0;
    border-top: 2px solid #267b38;
    border-top: 2px solid var(--color-dark-green);
    border-bottom: 2px solid #267b38;
    border-bottom: 2px solid var(--color-dark-green);
    padding: 40px 0 40px;
    position: relative;
  }.quote-component blockquote.center-aligned {
      text-align: center;
      padding: 40px 10% 40px;
    }@media screen and (min-width: 1024px) {.quote-component blockquote {
      padding: 57px 0 60px
  }
      .quote-component blockquote.center-aligned {
        padding: 57px 15% 60px;
      }
        .quote-component blockquote.center-aligned::before {
          left: 0;
        }
    }.quote-component blockquote::before {
      content: "\201C";
      position: absolute;
      top: -20px;
      left: 0;
      font-size: 142px;
    }@media screen and (min-width: 1024px) {.quote-component blockquote::before {
        line-height: 142px;
        top: 37px;
        left: -102px
    }
      }@media screen and (min-width: 1024px) {
        .Supportemne .quote-component blockquote::before {
          font-size: 90px;
          line-height: 100px;
        }
      }.quote-component .glide blockquote {
      border-top: 2px solid #ffffff;
      border-top: 2px solid var(--color-white);
      border-bottom: 2px solid #ffffff;
      border-bottom: 2px solid var(--color-white);
    }.quote-author {
  font-size: 14px;
  font-size: var(--font-size-medium);
  line-height: 18px;
  line-height: var(--line-height-medium);
  margin: 20px 0 0;
  color: #949493;
  color: var(--color-gray);
}.glide .quote-author {
    color: #ffffff;
    color: var(--color-white);
  }.support-content .quote-component blockquote {
      border-color: rgba(255, 255, 255, 0.3);
      color: #ffffff;
      color: var(--color-white);
    }.content-component {
  position: relative;
}.content-component .content-information {
    width: calc(((100vw - 40px) / 12) * 10);
    margin-left: calc(((100vw - 40px) / 12));



  }@media screen and (min-width: 1024px) {.content-component .content-information {
      position: absolute;
      top: 0;
      right: 40px;
      padding: 0 10px;
      width: calc(((100% - 80px) / 12) * 3);
      margin-left: 0



  }
    }.content-component .content-information > div {
      color: #1b1b1a;
      color: var(--color-black);
      padding: 30px;
    }.content-component .content-information .news-information-newsletter {
      padding: 0;
    }.content-component .content-information address{
      margin-bottom:20px;
    }.content-component .content-information-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }.content-component .content-information-share span {
      font-weight: 700;
    }.content-component .content-information-share a {
      text-decoration: none;
      float: left;
      margin-left: 10px;
    }.content-component .content-information-share a #svg-twitter path.circle, .content-component .content-information-share a #svg-linkedin path.circle {
          -webkit-transition: fill 0.2s ease-in-out;
          transition: fill 0.2s ease-in-out;
        }@media screen and (hover: hover) {
            .content-component .content-information-share a:hover #svg-twitter path.circle, .content-component .content-information-share a:hover #svg-linkedin path.circle, .content-component .content-information-share a:hover #svg-facebook path.circle {
              fill: #2ea149;
              fill: var(--color-green);
            }
      }.support-page {
  padding-top: 75px;
  position: relative;
}@media screen and (min-width: 768px) {.support-page {
    padding-top: 45px
}
  }@media screen and (min-width: 1024px) {.support-page {
    padding-top: 43px
}
  }.support-page .support-container {
    position: relative;
    padding-bottom: 20px;
    padding-top: 50px;
  }@media screen and (min-width: 1024px) {.support-page .support-container {
      padding-bottom: 40px
  }
    }.support-page .green-bg {
    position: absolute;
    top: -15px;
    right: 0;
    width: 100%;
    bottom: 0;
    background-color: #0e4744;
    background-color: var(--color-petroleum);
    z-index: 1;
    border-radius: 4px;
  }@media screen and (min-width: 768px) {.support-page .green-bg {
      top: -76px;
  }
    }@media screen and (min-width: 1024px) {.support-page .green-bg {
      width: calc(((100vw - 60px) / 12) * 9);
      right: 0px;
      top: -150px;
  }
    }.support-page .header {
    position: relative;
    z-index: 2;
    padding: 0 10px;
  }.support-page .header h1 {
      color: #ffffff;
      color: var(--color-white);
      font-weight: 300;
    }.support-page .header h1.header-margin {
        margin-bottom: 1.5em;
      }.support-page .header .description {
      color: #2ea149;
      color: var(--color-green);
      font-size: 32px;
      font-size: var(--font-size-header-medium);
      line-height: 40px;
      line-height: var(--line-height-medium-header);
      padding-bottom: 0;
    }@media screen and (min-width: 1024px) {.support-page .header .description {
        font-size: 48px;
        font-size: var(--font-size-header-large);
        line-height: 54px;
        line-height: var(--line-height-large-header)
    }
        .SupportArticle .support-page .header .description {
          font-size: 32px;
          font-size: var(--font-size-header-medium);
          line-height: 40px;
          line-height: var(--line-height-medium-header);
        }
      }.support-page .support-content {
    position: relative;
    z-index: 2;
    padding-bottom: 40px;
  }@media screen and (min-width: 1024px) {.support-page .support-content {
      padding-bottom: 80px
  }
    }@media screen and (min-width: 1024px) {
        .support-page .support-content .module .col-md-offset-1, .support-page .support-content .module .col-lg-offset-2 {
          margin-left: 33.33333333%;
        }
      }.support-page .support-back {
    top: 15px;
    left: calc(((100vw - 20px) / 12));
    padding-left: 10px;
    z-index: 5;
    position: absolute;
    padding-right: 30px;
    border-radius: 40px;
  }@media screen and (min-width: 768px) {.support-page .support-back {
      top: -35px
  }
    }@media screen and (min-width: 1024px) {.support-page .support-back {
      top: 6px;
      left: 20px;
      padding-left: 0
  }
    }@media screen and (min-width: 1024px) {.support-page .support-back {
      background-color: #ffffff;
      background-color: var(--color-white)
  }
    }.support-page .support-back a {
      font-size: var(--font-size-small-medium);
      font-weight: 700;
      text-decoration: none;
      color: #ffffff;
      color: var(--color-white);
      font-weight: 300;
    }@media screen and (min-width: 1024px) {.support-page .support-back a {
        color: #0e4744;
        color: var(--color-petroleum)
    }
      }@media screen and (hover: hover) {
        .support-page .support-back a:hover {
          color: #2ea149;
          color: var(--color-green);
        }
          .support-page .support-back a:hover .self-repporting-arrow {
            background-color: rgba(46, 161, 73, 0.1);
            background-color: var(--color-green-10);
          }
      }.support-page .support-back span {
      display: inline-block;
      line-height: 30px;
    }@media screen and (min-width: 1024px) {.support-page .support-back span {
        line-height: 48px
    }
      }.support-page .support-back .self-repporting-arrow {
      float: left;
      width: 30px;
      height: 30px;
      border-radius: 30px;
      line-height: 30px;
      padding-top: 4px;
      background-color: #ffffff;
      background-color: var(--color-white);
      color: #267b38;
      color: var(--color-dark-green);
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      margin-right: 10px;

      -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.2);

              box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.2);
      background-color: #ffffff;
      background-color: var(--color-white);
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }@media screen and (min-width: 1024px) {.support-page .support-back .self-repporting-arrow {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        line-height: 48px
    }
      }@media screen and (min-width: 1024px) {.support-page .support-back .self-repporting-arrow {
        -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
                box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
    }
      }.support-page .support-back .self-repporting-arrow .svg-small-arrow-right {
        width: 10px;
        height: 20px;
      }.support-page .support-back .self-repporting-arrow svg {
        stroke: #2ea149;
        stroke: var(--color-green);
      }.support-page .support-area-text {
    color: #ffffff;
    color: var(--color-white);
    opacity: 0.5;
  }.support-page .support-title {
    color: #ffffff;
    color: var(--color-white);
    margin-bottom: 40px;
  }.support-page .support-title h2 {
      border-top: 2px solid #ffffff;
      border-top: 2px solid var(--color-white);
      padding-top: 30px;
    }@media screen and (min-width: 768px) {
      .support-page .support-title h2 {
        font-size: 32px;
        font-size: var(--font-size-header-medium);
        line-height: 40px;
        line-height: var(--line-height-medium-header);
      }
    }@media screen and (min-width: 1025px) {.support-page .support-title {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row
  }
      .support-page .support-title h2, .support-page .support-title p {
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
      }
    }.support-page .support-title .make-flex {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-top: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }.support-page .support-title .make-flex h2, .support-page .support-title .make-flex p {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
      }.support-page .to-top {
    display: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: calc(((100vw - 140px) / 12) * 2);
    position: fixed;
    left: 50px;
    bottom: 50px;
    cursor: pointer;
    z-index: 200;
  }@media screen and (min-width: 1024px) {.support-page .to-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }
    }.support-page .to-top.hide {
      visibility: hidden;
      z-index: 1;
    }.support-page .to-top .svg-to-top {
      width: 30px;
      height: 30px;
      margin-right: 20px;
    }.support-page .support-menu {
    display: none;
  }@media screen and (min-width: 1024px) {.support-page .support-menu {
      display: block;
      z-index: 400;
      position: absolute;
      top: 150px;
      left: 20px
  }

      .support-page .support-menu ul {
        margin: 0;
        list-style: none;
        padding: 0;
      }
      .support-page .support-menu li {
        margin-bottom: 10px;
        overflow: hidden;
      }

        .support-page .support-menu li a {
          min-height: 30px;
          position: relative;
          max-width: 180px;
          text-decoration: none;
          display: block;
          padding-left: 10px;
        }
          .support-page .support-menu li a span {
            //position: relative;
            //top: 2px;
            //left: 10px;
            //width: auto;

            font-size: 12px;

            font-size: var(--font-size-small);
            line-height: 18px;
            line-height: var(--line-height-small);
          }
          .support-page .support-menu li a::before {
            content: "";
            height: 100%;
            width: 3px;
            background-color: rgba(14, 71, 68, 0.1);
            background-color: var(--color-petroleum-10);
            position: absolute;
            top: 0;
            left: 0;
          }
    }@media screen and (min-width: 1024px) and screen and (hover: hover) {
              .support-page .support-menu li a:hover::before {
                background-color: #2ea149;
                background-color: var(--color-green);
              }
          }@media screen and (min-width: 1024px) {
            .support-page .support-menu li a.active::before {
              background-color: #2ea149;
              background-color: var(--color-green);
            }
    }.support-page .breadcrumb-section {
    display: none;
    max-width: 380px;
  }@media screen and (min-width: 1407px) {.support-page .breadcrumb-section {
      max-width: 100%
  }
    }@media screen and (min-width: 1024px) {.support-page .breadcrumb-section {
      display: block;
      position: absolute;
      top: -112px;
      left: calc(((100vw - 140px) / 12) * 4);
      z-index: 900
  }
      .support-page .breadcrumb-section ul {
        margin-left: 40px;
      }
        .support-page .breadcrumb-section ul li:last-child {
          color: #ffffff;
          color: var(--color-white);
        }
    }.border-module hr {
    margin-bottom: 0;
    color: #2ea149;
    color: var(--color-green);
  }.support-content .border-module hr {
      color: #ffffff;
      color: var(--color-white);
    }.search-component .make-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }.search-component .result {
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
    margin-top: 20px;
  }.search-component .result p {
      margin: 0;
    }.search-component .result span {
      font-weight: 700;
    }.search-component .cta-pagesearch {
    margin-top: 10px;
    cursor: pointer;
  }.search-component .result-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    background: transparent;
    -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    position: relative;
    display: block;
    text-decoration: none;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    border: 1px solid #ffffff;
    border: 1px solid var(--color-white);
  }@media screen and (min-width: 768px) {.search-component .result-box {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row
  }
    }@media screen and (hover: hover) {
      .search-component .result-box:hover {
        border-color: #267b38;
        border-color: var(--color-dark-green);
      }
        .search-component .result-box:hover .result-more {
          text-decoration: underline;
        }
    }.search-component .result-content {
    width: calc(((100vw - 140px) / 12) * 9);
    margin-left: calc((100vw - 140px) / 12);
  }@media screen and (min-width: 1025px) {.search-component .result-content {
      width: calc(((100vw - 140px) / 12) * 6)
  }
    }.search-component .result-title {
    margin-bottom: 20px;
  }.search-component .result-more {
    margin-bottom: 0;
  }.search-component label {
    color: #0e4744;
    color: var(--color-petroleum);
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
    margin-bottom: 8px;
  }.search-component input[type="text"], .search-component input[type="email"], .search-component textarea {
    border: 1px solid #949493;
    border: 1px solid var(--color-gray);
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
    color: #0e4744;
    color: var(--color-petroleum);
    padding: 12px 30px 14px 31px;
    border-radius: 5px;
    width: 100%;
  }.search-component input[type="text"]:focus, .search-component input[type="email"]:focus, .search-component textarea:focus {
      border-color: #2ea149;
      border-color: var(--color-green);
      outline: none;
    }.download-component a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: #0e4744;
    color: var(--color-petroleum);
  }.download-component a svg {
      width: 25px;
      height: 18px;
      margin-right: 20px;
    }.download-component a svg path {
        stroke: #2ea149;
        stroke: var(--color-green);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
      }@media screen and (hover: hover) {
          .download-component a:hover svg path {
            stroke: #ffffff;
            stroke: var(--color-white);
          }
    }.support-content .download-component .row {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-right: calc((100% / 12) * 2);
    }.support-content .download-component .row > div {
        text-align: right;
      }@media all and (-ms-high-contrast: none) {.support-content .download-component .row {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-right: 0
    }
        .support-content .download-component .row > div {
          text-align: left;
        }
      }.support-content .download-component a {
      display: inline;
      padding: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #2ea149;
      color: var(--color-green);
      background-color: transparent;
    }@media screen and (hover: hover) {
        .support-content .download-component a:hover {
          color: #ffffff;
          color: var(--color-white);
        }
      }.download-component + .download-component {
    margin-top: -30px;
  }@media screen and (min-width: 1024px) {.download-component + .download-component {
      margin-top: -60px
  }
    }.job-module table {
    border: none;
    font-size:12px;
    font-size:var(--font-size-small);
    line-height:18px;
    line-height:var(--line-height-small);
  }.job-module table tr:nth-child(odd) {
      background-color: rgba(46, 161, 73, 0.1);
      background-color: var(--color-green-10);
      border: none;
    }.job-module table th, .job-module table td {
      padding: 18px 30px;
      border: none;
      text-align:left;
    }.job-module .no-jobs{
    padding: 18px 30px;
    background-color: rgba(46, 161, 73, 0.1);
    background-color: var(--color-green-10);
    font-weight:700;
    font-weight:var(--font-weight-bold);
  }.headline-section h2, .headline-section .h2 {
    margin-bottom: 0;
  }.umb-forms {
  width: 100%;
  padding-left: 0;
  padding-right: 0;

}.umb-forms .umbraco-forms-indicator {
    color: #ed7100;
    color: var(--color-orange);
  }@media (min-width: 1024px) {.umb-forms {
    padding-left: 40px;
    padding-right: 40px

}
  }.umb-forms .umbraco-forms-caption{
    font-weight:700;
    font-weight:var(--font-weight-bold);
    font-size:32px;
    font-size:var(--font-size-header-medium);
  }.umb-forms legend{
    font-weight:700;
    font-weight:var(--font-weight-bold);
    font-size:24px;
    font-size:var(--font-size-header-small);
    line-height:32px;
    line-height:var(--line-height-small-header);
    margin-bottom:15px;
  }.umb-forms .umbraco-forms-field {
    margin-bottom: 40px;
  }.umb-forms label, .umb-forms .field-validation-error {
    color: #0e4744;
    color: var(--color-petroleum);
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
    margin-bottom: 8px;
  }.umb-forms .field-validation-error {
    color: #ed7100;
    color: var(--color-orange);
  }.umb-forms input[type="text"], .umb-forms input[type="email"], .umb-forms textarea {
    border: 1px solid #949493;
    border: 1px solid var(--color-gray);
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
    color: #0e4744;
    color: var(--color-petroleum);
    padding: 12px 30px 14px 31px;
    border-radius: 5px;
    width: 100%;
    font-family:"FibraOneAlt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-family:var(--font-hill);
  }.umb-forms input[type="text"]:focus, .umb-forms input[type="email"]:focus, .umb-forms textarea:focus {
      border-color: #2ea149;
      border-color: var(--color-green);
      outline: none;
    }.umb-forms input[type="text"]:invalid, .umb-forms input[type="email"]:invalid, .umb-forms textarea:invalid {
      border-color: #ed7100;
      border-color: var(--color-orange);
    }.umb-forms .radiobuttonlist ul{
      list-style: none;
      margin: 0;
      padding: 0;
      overflow: auto;
    }.umb-forms .radiobuttonlist ul li{        
        display: block;
        position: relative;
        float: left;
        width: 100%;
             
      }.umb-forms .radiobuttonlist ul li input[type=radio]{
      position: absolute;
      visibility: hidden;
    }.umb-forms .radiobuttonlist ul li label{
      display: block;
      position: relative;
      padding: 14px 25px 14px 40px;
      margin: 10px auto;
      height: 30px;
      z-index: 9;
      cursor: pointer;
      -webkit-transition: all 0.25s linear;
    }.umb-forms .radiobuttonlist ul li .check{
      display: block;
      position: absolute;
      border: 2px solid #ed7100;
      border: 2px solid var(--color-orange);
      border-radius: 100%;
      height: 25px;
      width: 25px;
      top: 18px;
      left:0px;
      z-index: 5;
      transition: border .25s linear;
      -webkit-transition: border .25s linear;
    }.umb-forms .radiobuttonlist ul li .check::before {
      display: block;
      position: absolute;
      content: '';
      border-radius: 100%;
      height: 18px;
      width: 18px;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-49%) translateY(-53%);
              transform: translateX(-49%) translateY(-53%);
      margin: auto;
      transition: background 0.25s linear;
      -webkit-transition: background 0.25s linear;
    }.umb-forms .radiobuttonlist input[type=radio]:checked ~ .check {
      border: 2px solid #2ea149;
      border: 2px solid var(--color-green);
    }.umb-forms .radiobuttonlist input[type=radio]:checked ~ .check::before{
      background: #2ea149;
      background: var(--color-green);
    }.umb-forms .radiobuttonlist input[type=radio]:checked ~ label{
      color: #2ea149;
      color: var(--color-green);
    }.umb-forms .radiobuttonlist input {
      width: 20px;
      height: 20px
    }.umb-forms .radiobuttonlist label {
      display: inline-block;
      position: relative;
      bottom: 5px;
    }.umb-forms .mandatory input[type="text"], .umb-forms .mandatory input[type="email"], .umb-forms .mandatory textarea {
      border-color: #ed7100;
      border-color: var(--color-orange);
    }.umb-forms textarea {
    min-height: 315px;
  }.umb-forms textarea::-webkit-input-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.umb-forms textarea::-moz-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.umb-forms textarea:-ms-input-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.umb-forms textarea::-ms-input-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.umb-forms textarea::placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.umb-forms .dataconsent .umbraco-forms-field-wrapper {
    cursor: pointer;
  }.umb-forms .dataconsent .umbraco-forms-field-wrapper input {
      visibility: hidden;
      display: block;
      height: 1px;
    }.umb-forms .dataconsent .umbraco-forms-field-wrapper label {
      display: block;
      padding-left: 44px;
      position: relative;
      line-height: 22px;
      cursor: pointer;
    }.umb-forms .dataconsent .umbraco-forms-field-wrapper label::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        border: 2px solid rgba(14, 71, 68, 0.5);
        border: 2px solid var(--color-petroleum-50);
        border-radius: 4px;
      }.umb-forms .dataconsent .umbraco-forms-field-wrapper input:checked ~ label::before {
      content: "\2713";
      color: #2ea149;
      color: var(--color-green);
      border-color: #2ea149;
      border-color: var(--color-green);
      text-align: center;
      font-size: 20px;
      line-height: 18px;
    }.umb-forms .dataconsent .umbraco-forms-field-wrapper input:invalid ~ label::before {
      border-color: #ed7100;
      border-color: var(--color-orange);
    }.umb-forms .dataconsent.mandatory .umbraco-forms-field-wrapper label::before {
        border-color: #ed7100;
        border-color: var(--color-orange);
      }.umb-forms .file-container {
    border: 1px solid #949493;
    border: 1px solid var(--color-gray);
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
    color: #0e4744;
    color: var(--color-petroleum);
    padding: 12px 30px 14px 31px;
    border-radius: 5px;
    width: 100%;
  }.umb-forms .file-container label {
      cursor: pointer;
      margin-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }.umb-forms .file-container label span {
        padding: 0 14px;
      }.umb-forms .cta-send {
    margin-top: 20px;
    margin-bottom: 40px;
    cursor: pointer;
  }@media screen and (min-width: 1024px) {.umb-forms .cta-send {
      margin-top: 20px
  }
    }.umb-forms .multiplechoice .umbraco-forms-field-wrapper {
    cursor: pointer;
  }.umb-forms .multiplechoice .umbraco-forms-field-wrapper input {
      visibility: hidden;
      display: block;
      height: 1px;
    }.umb-forms .multiplechoice .umbraco-forms-field-wrapper label {
      display: block;
      padding-left: 44px;
      position: relative;
      line-height: 22px;
      cursor: pointer;
    }.umb-forms .multiplechoice .umbraco-forms-field-wrapper label::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        border: 2px solid rgba(14, 71, 68, 0.5);
        border: 2px solid var(--color-petroleum-50);
        border-radius: 4px;
      }.umb-forms .multiplechoice .umbraco-forms-field-wrapper input:checked + label::before {
      content: "\2713";
      color: #2ea149;
      color: var(--color-green);
      border-color: #2ea149;
      border-color: var(--color-green);
      text-align: center;
      font-size: 20px;
      line-height: 18px;
    }.umb-forms .multiplechoice .umbraco-forms-field-wrapper input:invalid + label::before {
      border-color: #ed7100;
      border-color: var(--color-orange);
    }.umbraco-forms-hidden {
  display: none;
}.connection-component .slide-container, .connection-component .connection-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }.connection-component .fieldset-container {
    position: relative;
    overflow: hidden;
  }.connection-component fieldset {
    background-color: #ffffff;
    background-color: var(--color-white);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }.connection-component fieldset.left {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }.connection-component fieldset.center {
    //transform: translateX(0%);
    z-index: 10;
    opacity: 1;
  }.connection-component fieldset.right {
    opacity: 0;
    //transform: translateX(100%);
  }@media screen and (min-width: 1024px) {.connection-component .connection-navigation {
      margin-top: 100px
  }
    }.connection-component .h2 {
    padding-bottom: 40px;
  }@media screen and (min-width: 1024px) {.connection-component .h2 {
      width: 33.3333%
  }
    }.connection-component .h2.end-step {
      padding-bottom: 0;
    }@media screen and (min-width: 1024px) {.connection-component .h2.end-step {
        width: 50%
    }
      }.connection-component .h2.end-step-description {
      color: #2ea149;
      color: var(--color-green);
    }@media screen and (min-width: 1024px) {.connection-component .h2.end-step-description {
        width: 50%
    }
      }@media screen and (min-width: 1024px) {.connection-component .input-container {
      width: 33.3333%
  }
    }.connection-component .connection-svg {
    display: none;
  }@media screen and (min-width: 1024px) {.connection-component .connection-svg {
      display: block;
      width: 55.5555556%;
      max-height: 424px
  }
    }.connection-component .connection-svg svg {
      height: 100%;
    }.connection-component .field-container {
    margin-top: 20px;
  }.connection-component .field-container p {
      color: #949493;
      color: var(--color-black-40);
    }@media screen and (min-width: 768px) {.connection-component .field-container {
      margin-top: 40px
  }
      .connection-component .field-container::after {
        content: "";
        display: table;
        clear: both;
      }
    }.connection-component .field-container:first-child {
      margin-top: 0;
    }.connection-component label {
    color: #0e4744;
    color: var(--color-petroleum);
    font-size: 14px;
    font-size: var(--font-size-medium);
    line-height: 18px;
    line-height: var(--line-height-medium);
    margin-bottom: 8px;
  }.connection-component input[type="text"], .connection-component input[type="email"], .connection-component textarea {
    border: 1px solid #949493;
    border: 1px solid var(--color-gray);
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
    color: #0e4744;
    color: var(--color-petroleum);
    padding: 12px 30px 14px 31px;
    border-radius: 5px;
    width: 100%;
  }.connection-component input[type="text"]:focus, .connection-component input[type="email"]:focus, .connection-component textarea:focus {
      border-color: #2ea149;
      border-color: var(--color-green);
      outline: none;
    }.connection-component input[type="text"]:invalid, .connection-component input[type="email"]:invalid, .connection-component textarea:invalid {
      border-color: #ed7100;
      border-color: var(--color-orange);
    }.connection-component input[type="radio"] {
    visibility: hidden;
    display: block;
  }.connection-component input[type="radio"] + .fieldset-radio {
      display: block;
      padding-left: 30px;
      position: relative;
      line-height: 25px;
      cursor: pointer;
    }.connection-component input[type="radio"] + .fieldset-radio::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 22px;
        height: 22px;
        border: 2px solid #2ea149;
        border: 2px solid var(--color-green);
        border-radius: 100%;
      }.connection-component input[type="radio"]:checked + span::before {
          content: "\2022";
          color: #2ea149;
          color: var(--color-green);
          font-size: 47px;
          line-height: 7px;
        }.connection-component .error-text {
    color: #ed7100;
    color: var(--color-orange);
    font-size: 12px;
    font-size: var(--font-size-small);
    line-height: 18px;
    line-height: var(--line-height-small);
    display: none;
  }.connection-component .error-text.active {
      display: inline;
    }.connection-component textarea {
    min-height: 315px;
  }.connection-component textarea::-webkit-input-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.connection-component textarea::-moz-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.connection-component textarea:-ms-input-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.connection-component textarea::-ms-input-placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.connection-component textarea::placeholder {
      color: #949493 !important;
      color: var(--color-gray) !important;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.connection-component textarea + p {
    margin: 20px 0 40px;
  }.connection-component input[type="file"] {
    visibility: hidden;
    width: 12px;
  }.connection-component .file-container {
    border: 1px solid #949493;
    border: 1px solid var(--color-gray);
    font-size: 16px;
    font-size: var(--font-size-body);
    line-height: 24px;
    line-height: var(--line-height-body);
    color: #0e4744;
    color: var(--color-petroleum);
    padding: 12px 30px 14px 31px;
    border-radius: 5px;
    width: 100%;
  }.connection-component .file-container label {
      cursor: pointer;
      margin-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }.connection-component .file-container label span {
        padding: 0 14px;
      }.connection-component .field-city {
    margin-top: 20px;
  }@media screen and (min-width: 768px) {.connection-component .field-city {
      float: left;
      width: 65%;
      margin-top: 0px
  }
    }.connection-component .field-zip {
    margin-right: 5%;
    margin-top: 20px;
  }@media screen and (min-width: 768px) {.connection-component .field-zip {
      float: left;
      margin-top: 0;
      width: 30%
  }
    }.connection-component .checkbox-container {
    cursor: pointer;
  }.connection-component .checkbox-container input {
      visibility: hidden;
      display: block;
    }.connection-component .checkbox-container span {
      display: block;
      padding-left: 44px;
      position: relative;
      line-height: 22px;
    }.connection-component .checkbox-container span::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        border: 2px solid rgba(14, 71, 68, 0.5);
        border: 2px solid var(--color-petroleum-50);
        border-radius: 4px;
      }.connection-component .checkbox-container input:checked + span::before {
      content: "\2713";
      color: #2ea149;
      color: var(--color-green);
      border-color: #2ea149;
      border-color: var(--color-green);
      text-align: center;
      font-size: 20px;
      line-height: 18px;
    }.connection-component .checkbox-container input:invalid + span::before {
      border-color: #ed7100;
      border-color: var(--color-orange);
    }.connection-component .cta-send {
    margin-top: 0px;
    float: right;
    cursor: pointer;
  }@media screen and (min-width: 1024px) {.connection-component .cta-send {
      margin-top: 0px
  }
    }.connection-component .cta-send.inactive {
      background-color: #949493;
      background-color: var(--color-gray);
      cursor: not-allowed;
    }@media screen and (hover: hover) {
        .connection-component .cta-send.inactive:hover {
          background-color: #949493;
          background-color: var(--color-gray);
        }
      }.connection-component .step-back {
    height: 50px;
    width: 50px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
  }.connection-component .step-back:hover {
      background-color: rgba(46, 161, 73, 0.1);
      background-color: var(--color-green-10);
    }.connection-component .step-back svg {
      -ms-flex-item-align: center;
          align-self: center;
    }.connection-component .connection-steps {
    display: none;
  }@media screen and (min-width: 1024px) {.connection-component .connection-steps {
      display: block
  }
    }.connection-component .connection-steps ul {
      list-style: none;
      margin: 13px 0 0 0;
      padding: 0;
      height: auto;
    }.connection-component .connection-steps ul li {
        display: inline-block;
        width: 15px;
        height: 3px;
        background-color: rgba(46, 161, 73, 0.1);
        background-color: var(--color-green-10);
        margin-right: 5px;
      }.connection-component .connection-steps ul li:last-child() {
          margin-right: 0;
        }.connection-component .connection-steps ul li.active {
          background-color: #2ea149;
          background-color: var(--color-green);
        }.connection-component .dot {
    background-color: #267b38;
    background-color: var(--color-dark-green);
    width: 14px;
    height: 14px;
    border-radius: 100%;
    display: block;
    margin-bottom: 11px;
  }@media screen and (min-width: 1024px) {.connection-component .data-table {
      display: table;
      table-layout: fixed;
      border-spacing: 0;
      margin-bottom: 20px
  }
    }.connection-component .data-row:nth-child(odd) {
      background-color: rgba(14, 71, 68, 0.05);
      background-color: var(--color-petroleum-5);
    }@media screen and (min-width: 1024px) {.connection-component .data-row {
      display: table-row
  }
    }.connection-component .data-col .edit {
      color: #2ea149;
      color: var(--color-green);
      cursor: pointer;
      padding: 0 10px;
      padding: 0 var(--grid-gutter);
      margin-bottom: 1.5em;
    }@media screen and (min-width: 1024px) {.connection-component .data-col .edit {
        padding: 0
    }
      }@media screen and (hover: hover) {
        .connection-component .data-col .edit:hover {
          text-decoration: underline;
        }
      }.connection-component .data-col:first-child {
      font-weight: 700;
      font-weight: var(--font-weight-bold);
    }.connection-component .data-col:last-child {
      padding-bottom: 1.5em;
    }@media screen and (min-width: 1024px) {.connection-component .data-col:last-child {
        padding-bottom: 0
    }
      }@media screen and (min-width: 1025px) {.connection-component .data-col {
      padding: 18px 20px;
      display: table-cell;
      width: 50%
  }
      .connection-component .data-col:first-child {
        width: 25%;
      }
      .connection-component .data-col:last-child {
        width: 25%;
      }
    }.connection-component .data-col-label {
    padding-top: 1.5em;
  }@media screen and (min-width: 1024px) {.connection-component .data-col-label {
      padding-top: 0
  }
    }.connection-component .data-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }@media screen and (min-width: 1024px) {.connection-component .data-text {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 0px
  }
    }@media screen and (min-width: 1024px) {.connection-component .data-text-container {
      max-width: 50%
  }
    }.connection-component .data-text-container p {
      font-size: 14px;
      font-size: var(--font-size-medium);
      line-height: 18px;
      line-height: var(--line-height-medium);
    }.connection-component .floorplan-svg path.layout-stroke {
      stroke: #e6e6e6;
    }.connection-component .floorplan-svg.active path.layout-stroke {
        stroke: #2ea149;
        stroke: var(--color-green);
      }.foopicker {
  background: #ffffff;
  background: var(--color-white);
  border: 1px solid #949493;
  border: 1px solid var(--color-gray);
  border-radius: 3px;
  -webkit-box-shadow: 0 0 3px #949493;
          box-shadow: 0 0 3px #949493;
  -webkit-box-shadow: 0 0 3px var(--color-black-40);
          box-shadow: 0 0 3px var(--color-black-40);
  color: #1b1b1a;
  color: var(--color-black);
  margin-top: 10px;
  width: 245px;
}.foopicker table {
  width: 100%;
}.foopicker th, .foopicker td {
  text-align: center;
}.foopicker__calendar {
  font-size: 12px;
  font-size: var(--font-size-small);
  padding: 5px;
}.foopicker__day {
  border-radius: 100%;
  cursor: pointer;
  padding: 5px 2px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 22px;
  line-height: 12px;
  line-height: var(--font-size-small);
}.foopicker__day:hover {
  background: rgba(14, 71, 68, 0.3);
  background: var(--color-petroleum-30);
  color: #1b1b1a;
  color: var(--color-black);
}.foopicker__day--today {
  background: rgba(46, 161, 73, 0.1);
  background: var(--color-green-10);
  color: #1b1b1a;
  color: var(--color-black);
}.foopicker__day--selected {
  background: #2ea149;
  background: var(--color-green);
  color: #fff;
}.foopicker__day--disabled {
  background: #949493;
  background: var(--color-gray);
  color: #ffffff;
  color: var(--color-white);
  cursor: not-allowed;
}.foopicker__day--disabled:hover {
  background: #949493;
  background: var(--color-gray);
  color: #ffffff;
  color: var(--color-white);
}.foopicker__week {
  font-size: 1em;
  font-weight: 600;
}.foopicker__header {
  background: #2ea149;
  background: var(--color-green);
  padding: 15px;
  text-align: center;
}.foopicker__header div {
  display: inline-block;
}.foopicker__arrow {
  background-repeat: no-repeat;
  cursor: pointer;
  height: 24px;
  outline: 0;
  position: absolute;
  top: 31px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 14px;
}.foopicker__arrow--next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADWSURBVBiVfY8xSkNBFEXPe0njxGB24R4srM1YjFhMGYjYuRxLMWI7lZ8EDAqKiN8mC7B2BULMiPh/noUYvoW57Tncy5Xx+OZZhFfVauC9/6QRFeEFiMtl6yqlcuMPzPntGLgE2XPufZrS/eYKxhjr2aw8EuEC2HXu67ooii6A/FpmJpPJ7akIJ0CpWvWludEUzLhT1uS/2ifVygtASqnV6fTOzBiCPNZ13g8hzPUHbI3MGIrwkHPbhxDmAG3neudmDMCmi0X3MMadj9VPM7aBpFofNAHAN0NkW9nLdIQRAAAAAElFTkSuQmCC);
  right: 14px;
}.foopicker__arrow--prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADXSURBVBiVXZAxTsNAFETfmMRWvL4C3GVRIlFElFRYHABxB1+CBlFEFBFsgQJrWTIIQRWq9NyDLrG8FGDkeNqn+TPzxUBVVSVtO7oLgaOoD5xbT9r2YAWcSXypA977VIqfQFPg3phxHgHUdW0g8aBpCGFpzDi31jaRc+/ZbqdS4jgEbjebz9xa2wDI+5e3P3A9n8+uJIUuaq/QUFEch1PgQ+KyLF9viqL4N6grtN3q+fd8WGZZfGGtbQZTkhUwk/SQpqNz9TOcW0/S9PsRdAIs9mD/fRAOfwCC1k8eHoJobwAAAABJRU5ErkJggg==);
  left: 18px;
}.foopicker__month {
  font-size: 0.875em;
  font-weight: 600;
  text-transform: uppercase;
}.glide {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}.glide * {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}.glide__track {
  overflow: hidden;
}.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -ms-touch-action: pan-Y;
      touch-action: pan-Y;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  will-change: transform;
}.glide__slides--dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}.glide__slide {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}.glide__slide a {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}.glide__arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}.glide--rtl {
  direction: rtl;
}.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  -webkit-box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  -webkit-transition: opacity 150ms ease, border 300ms ease-in-out;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
}.glide__arrow:focus {
  outline: none;
}.glide__arrow:hover {
  border-color: white;
}.glide__arrow--left {
  left: 2em;
}.glide__arrow--right {
  right: 2em;
}.glide__arrow--disabled {
  opacity: 0.33;
}.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}.glide__bullet {
  background-color: #2ea149;
  background-color: var(--color-green);
  width: 15px;
  height: 15px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  -webkit-box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em;
}.glide__bullet:focus {
  outline: none;
}.glide__bullet:hover, .glide__bullet:focus {
  border: 2px solid #2ea149;
  border: 2px solid var(--color-green);
  background-color: #267b38;
  background-color: var(--color-dark-green);
}.glide__bullet--active {
  background-color: #267b38;
  background-color: var(--color-dark-green);
}.glide--swipeable {
  cursor: grab;
  cursor: -webkit-grab;
}.glide--dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}.slide-bg {
  padding: 80px 0;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(14, 71, 68, 0.5);
  background-color: var(--color-petroleum-50);
}.slide-bg .cta {
    background-color: #ffffff;
    background-color: var(--color-white);
    color: #267b38;
    color: var(--color-dark-green);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-top: 40px;
  }@media screen and (hover: hover), (-ms-high-contrast: none) {
      .slide-bg .cta:hover {
        background-color: #267b38;
        background-color: var(--color-dark-green);
        color: #ffffff;
        color: var(--color-white);
      }
    }.featurepage-header {
  margin-top: -50px;
  margin-bottom: -50px;
  margin-left: calc(var(--padding-site) * -1);
  margin-right: calc(var(--padding-site) * -1);

  padding-top: 50px;
  background-size: cover;
  min-height: 75vh;
}@media screen and (min-width: 1024px) {.featurepage-header {
    margin-bottom: 50px;
    margin-left: calc(calc(3 * 10px) * -1);
    margin-left: calc(var(--padding-site-desktop) * -1);
    margin-right: calc(calc(3 * 10px) * -1);
    margin-right: calc(var(--padding-site-desktop) * -1)
}
  }.featurepage-header.aspect-video {
    min-height: 56.24%;
    aspect-ratio: 16 / 9;
    margin-bottom: 23px;
    margin-top: 0;
  }@media screen and (min-width: 1024px) {.featurepage-header.aspect-video {
      min-height: 75vh;
      aspect-ratio: unset;
      margin-bottom: 50px;
      margin-top: -50px
  }
    }.featurepage-header.dark-theme {
    color: #0e4744;
    color: var(--color-petroleum);
  }.featurepage-header.dark-theme .cta {
      margin-top: calc(3 * 10px);
      margin-top: var(--padding-site-desktop);
      background-color: #267b38;
      background-color: var(--color-dark-green);
    }@media screen and (hover: hover) {
        .featurepage-header.dark-theme .cta:hover {
          background-color: #2ea149;
          background-color: var(--color-green);
        }
      }.featurepage-header.light-theme {
    color: #ffffff;
    color: var(--color-white);
  }.featurepage-header.light-theme .cta {
      margin-top: calc(3 * 10px);
      margin-top: var(--padding-site-desktop);
      background-color: #ffffff;
      background-color: var(--color-white);
      color: #0e4744;
      color: var(--color-petroleum);
    }@media screen and (hover: hover) {
        .featurepage-header.light-theme .cta:hover {
          background-color: #2ea149;
          background-color: var(--color-green);
          color: #ffffff;
          color: var(--color-white);
        }
      }.featurepage-header.light-theme {
    color: #ffffff;
    color: var(--color-white);
  }.featurepage-header .page-header {
    margin-bottom: 50px;
  }.featurepage-header .page-header h1 {
      margin-bottom: 50px;
      color: inherit;
    }@media screen and (min-width: 1024px) {.featurepage-header .page-header h1 {
        margin-bottom: 50px
    }
      }.featurepage-header .page-header .manchet {
      color: inherit;
      font-size: 16px;
      font-size: var(--font-size-body);
      line-height: 24px;
      line-height: var(--line-height-body);
    }.KundesupportSektion .edit-zip-popup{
    position: relative;
    margin-top: 20px;
    bottom: 0;
    left: 0;
    width:auto;

  }.KundesupportSektion .edit-zip-popup .help-popup-container{
    height: 0px;
    position: absolute;
    bottom: 50px;
    }.edit-zip-popup{
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100vw;
  z-index: 900;
}.support-menu .edit-zip-popup{
    position:relative;
    margin-bottom:50px;
    bottom:0;
    left:0;
  }.support-menu .edit-zip-popup .help-popup-container{
      left: 0px;
      height: 0px;
      position: absolute;
      right: 0px;
      top: 100%;
    }.active-menu .edit-zip-popup {
    z-index: 750;
  }.edit-zip-popup p.header{
    padding-left:0;
  }.edit-zip-popup p{
    max-width:calc(100% - 60px)
  }@media screen and (min-width: 768px) {.edit-zip-popup {
    bottom: 150px;
    left: 50px;
    max-width: 387px

}
  }.edit-zip-popup .help-popup-content {
    padding: 50px 30px 30px;
    position: relative;
  }.edit-zip-popup .help-popup-form {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
  }.edit-zip-popup .help-popup-form input {
      max-width: unset;    
    }.edit-zip-popup .help-popup-form .cta {
      margin-left:0;
      margin-top:20px;
    }.edit-zip-popup .error-text{
    font-size:12px;
    color:#ed7100;
    color:var(--color-orange);
  }.edit-zip-popup-mobile{
    top: 45px;
    left: calc((100vw / 12) + 40px);
    padding-left: 10px;
    z-index: 5;
    position: absolute;
    padding-right: 30px;
    border-radius: 40px;
    width:calc((100vw / 12) * 9);
}.edit-zip-popup-mobile .help-popup-container{
      left: -10px;
      height: 0px;
      position: absolute;
      right: 10px;
      top: 100%;
    }.edit-zip-popup-mobile .help-popup-toggler {
      background: transparent;
      color: #ffffff;
      color: var(--color-white);
      padding:0;
      font-weight:var(--font-weight-normal)
    }.active-menu .edit-zip-popup-mobile {
    z-index: 750;
  }.edit-zip-popup-mobile p.header{
    padding-left:0;
  }.edit-zip-popup-mobile p{
    
  }@media screen and (min-width: 768px) {.edit-zip-popup-mobile{
    bottom: 150px;
    left: 50px;
    max-width: 387px
}
  }.edit-zip-popup-mobile .help-popup-content {
    padding: 50px 30px 30px;
    position: relative;
  }.edit-zip-popup-mobile .help-popup-form {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
  }.edit-zip-popup-mobile .help-popup-form input {
      max-width: unset;    
    }.edit-zip-popup-mobile .help-popup-form .cta {
      margin-left:0;
      margin-top:20px;
      max-height:100%;
    }.edit-zip-popup-mobile .error-text{
    font-size:12px;
    color:#ed7100;
    color:var(--color-orange);
  }@media screen and (min-width:1024px){.edit-zip-popup-mobile{
    display:none
}
  }.contact-page-top{
  padding-bottom:0;
  margin-bottom:20px;
}.contact-page-top .contact-page-top-address{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    grid-gap:10px;
    gap:10px;
    margin-bottom:25px;
  }@media screen and (min-width:1024px){.contact-page-top .contact-page-top-address{
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
          -ms-flex-direction:column;
              flex-direction:column;
      grid-gap:20px;
      gap:20px;
      margin-bottom:0
  }
    }.contact-page-top .contact-page-top-address .circle-image{
      -webkit-box-flex:0;
          -ms-flex:0 0 100px;
              flex:0 0 100px;
    }.contact-page-top .contact-address{
    font-size:14px;
    font-size:var(--font-size-medium);
    line-height:18px;
    line-height:var(--line-height-medium);
    -webkit-box-flex:1;
        -ms-flex:1 1 auto;
            flex:1 1 auto;
  }.contact-page-top .contact-selectbox-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:space-evenly;
        -ms-flex-pack:space-evenly;
            justify-content:space-evenly;
    padding: 10px 0;
    grid-gap:10px;
    gap:10px;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
  }@media screen and (min-width:1024px){.contact-page-top .contact-selectbox-container{
      grid-gap:0px;
      gap:0px;
  }
    }.contact-page-top .contact-selectbox{
    -webkit-box-shadow: 0 4px 34px rgba(0, 0, 0, 0.18);
            box-shadow: 0 4px 34px rgba(0, 0, 0, 0.18);
    -webkit-box-flex:0;
        -ms-flex:0 1 125px;
            flex:0 1 125px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    border-radius:10px;
    padding:13px 0; 
    background:#ffffff; 
    background:var(--color-white);
    cursor:pointer;
    border:2px solid #ffffff;
    border:2px solid var(--color-white);
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease;
  }@media screen and (min-width:1024px){.contact-page-top .contact-selectbox{
      -webkit-box-flex:0;
          -ms-flex:0 1 200px;
              flex:0 1 200px
  }
    }.contact-page-top .contact-selectbox:hover{
      border-color:#2ea149;
      border-color:var(--color-green);
    }.contact-page-top .contact-selectbox svg{
      -ms-flex-item-align:center;
          align-self:center;
      max-width:41px;
      max-height:41px;
      margin:0 0 7px;
    }@media screen and (min-width:1024px){.contact-page-top .contact-selectbox svg{
        max-width:82px;
        max-height:82px;
        margin:0 0 13px
    }
      }.contact-page-top .contact-selectbox p{
      font-size:12px;
      font-size:var(--font-size-small);
      text-align:center;
      margin-top:auto;
      font-weight:700;
      line-height:1.2rem;
      margin-bottom:0;
    }@media screen and (min-width:1024px){.contact-page-top .contact-selectbox p{
        font-size:16px;
        font-size:var(--font-size-body);
    }
      }.contact-page-top .contact-selectbox.active{
      border-color:#2ea149;
      border-color:var(--color-green);
    }.some-wall {
    color: white;
    padding-top: 3.9vw;
    padding-bottom: 0.8vw;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
    
}@media screen and (min-width: 705px) {.some-wall h2 {
            margin-left: -20px;
            padding-left: 0
    }
        }@media screen and (min-width: 1024px) {.some-wall h2 {
            margin-left: 0;
            padding-left: 1.8rem;
            padding-right: 1.8rem
    }
        }.some-wall .row:nth-child(2) [class*="col-"] { 
            padding: 0;
        }@media screen and (max-width: 1023px) {.some-wall .row:nth-child(2) .col-xs-10 {
                margin-left: 3%
        }
            }.support-content-component section{
    margin-top:80px;
  }.support-content-component .richtext-component-wide{
    padding:20px;
  }a.skip-to-content{
    top: 0;
    padding: 1.25rem;
    line-height: 0;
    text-transform: none;
    background-color: #1b1b1a;
    background-color: var(--color-black);
    position: fixed;
    z-index: 1000;
    color: #ffffff;
    color: var(--color-white);
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
    -webkit-transition: -webkit-transform 350ms ease;
    transition: -webkit-transform 350ms ease;
    transition: transform 350ms ease;
    transition: transform 350ms ease, -webkit-transform 350ms ease;
}a.skip-to-content:focus, a.skip-to-content.focus-visible{
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }a.skip-to-content:focus, a.skip-to-content:focus-visible{
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }[data-puzzel-chat]{
  z-index:999;
}[data-puzzel-chat] *{
    font-family: "Roboto", sans-serif!important;

  }


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