@charset "utf-8";
#override .page-footer-new,
#override .page-header-new {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: "FortumSans Light", Arial, Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
}
#override .page-header-new {
  display: block;
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  background: #fff;
}
#override .page-header-new nav {
  display: block;
}
#override .page-header-new a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  background: 0 0;
  color: #4373b5;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
#override .page-header-new a:active {
  outline-width: 0;
}
#override .page-header-new a:hover {
  outline-width: 0;
}
#override .page-header-new b {
  font-weight: inherit;
  font-weight: bolder;
  font-family: "FortumSans Bold", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
#override .page-header-new svg:not(:root) {
  overflow: hidden;
}
#override .page-header-new button {
  line-height: 1.15;
  font-family: sans-serif;
  font-size: 100%;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
}
#override .page-header-new button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
#override .page-header-new button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
#override .page-header-new input {
  line-height: 1.15;
  font-family: sans-serif;
  font-size: 100%;
  margin: 0;
  overflow: visible;
  border: 2px solid #9b9b9b;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #41414a;
  max-width: none;
  outline: 0 transparent;
}
#override .page-header-new select {
  line-height: 1.15;
  font-family: sans-serif;
  font-size: 100%;
  margin: 0;
  text-transform: none;
}
#override .page-header-new [type=submit] {
  -webkit-appearance: button;
}
#override .page-header-new [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
#override .page-header-new [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
#override .page-header-new * {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
#override .page-header-new *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
#override .page-header-new *:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
#override .page-header-new .layout-container {
  max-width: 1980px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
}
#override .page-header-new .layout-container:after {
  content: " ";
  display: block;
  clear: both;
}
@media (min-width: 600px) {
  #override .page-header-new .layout-container {
    padding: 0 80px;
  }
}
#override .page-header-new .fg-10 {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
}
#override .page-header-new .block-fortum-search-form {
  background: #4373b5;
  display: none;
  left: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: absolute;
  top: 73px;
  width: 100vw;
  z-index: 504;
}
#override .page-header-new .block-fortum-search-form .search {
  font-weight: 400;
  margin: 0.2em 0 1.33em;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  margin-top: 40px;
  background: #4373b5;
  border: 0;
  color: #fff;
  margin: 0;
  width: 85%;
}
#override .page-header-new .block-fortum-search-form .search:focus {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#override .page-header-new .block-fortum-search-form .search::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.6;
}
#override .page-header-new .block-fortum-search-form .search::-moz-placeholder {
  color: #fff;
  opacity: 0.6;
}
#override .page-header-new .block-fortum-search-form .search::-ms-input-placeholder {
  color: #fff;
  opacity: 0.6;
}
#override .page-header-new .block-fortum-search-form .search::placeholder {
  color: #fff;
  opacity: 0.6;
}
#override .page-header-new .block-fortum-search-form .form-item {
  padding: 0;
}
#override .page-header-new .block-fortum-search-form .form-submit {
  display: none;
}
#override .page-header-new h4 {
  font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin: 0.2em 0 1.33em;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
}
#override .page-header-new .form-item.js-form-type-select label {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-family: "FortumSans Light", Arial, Helvetica, sans-serif;
  left: 10px;
  top: -23px;
}
#override .page-header-new div:focus {
  outline: 0;
}
#override .page-header-new .top-wrapper {
  max-width: 1980px;
  margin: 0 auto;
  position: relative;
  height: 80px;
  background-color: #fff;
}
#override .page-header-new .branding {
  height: 80px;
  float: left;
  text-align: center;
  display: block;
  width: 100%;
}
#override .page-header-new .branding .logo {
  display: inline-block;
  position: relative;
  z-index: 30;
  width: 187px;
  height: 80px;
}
#override .page-header-new .main-navi {
  display: block;
  height: 80px;
  float: left;
  padding-left: 0;
  padding-right: 0;
}
#override .page-header-new .tools {
  display: block;
  height: 80px;
  float: left;
  text-align: right;
  position: absolute;
  width: 100%;
  top: 0;
  padding-top: 32px;
}
#override .page-header-new .tools a {
  display: inline-block;
  position: relative;
}
#override .page-header-new .tools a.toggle-search {
  padding: 0 16px;
  top: -11px;
  left: 24px;
  display: none;
}
#override .page-header-new .tools a.toggle-search svg {
  height: 24px;
}
#override .page-header-new .tools a.toggle-language {
  padding: 0 18.5px;
}
#override .page-header-new .tools a.active svg {
  height: 40px;
  pointer-events: none;
  width: 40px;
  height: 27px !important;
  width: 27px !important;
}
#override .page-header-new .tools a.active svg path {
  fill: transparent;
  stroke: #4373b5;
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
#override .page-header-new .tools a.active::after {
  border-bottom: 15px solid #4373b5;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  content: '';
  height: 0;
  left: calc(50% - 15px);
  position: absolute;
  top: 41px;
  width: 0;
  z-index: 100;
}
#override .page-header-new .navi-mask {
  display: none;
  position: fixed;
  background: #000;
  opacity: 0.3;
  height: 100vh;
  width: 100vw;
  z-index: -1;
  top: 80px;
}
#override .page-header-new .form-item {
  position: relative;
  padding-bottom: 10px;
  padding-top: 10px;
}
#override .page-header-new .form-item label {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #41414a;
  left: 23px;
  padding-top: 14px;
  position: absolute;
  top: 9px;
}
#override .page-header-new .input {
  position: relative;
}
#override .page-header-new input.form-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  height: 58px;
  line-height: 30px;
  padding: 20px 15px 4px;
  width: 100% !important;
}
#override .page-header-new input.search {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  height: 58px;
  line-height: 30px;
  padding: 20px 15px 4px;
  width: 100% !important;
  padding-bottom: 15px;
  padding-top: 15px;
}
#override .page-header-new input.form-submit {
  cursor: pointer;
  margin-bottom: 50px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 32px;
  line-height: 2rem;
  background-color: #377a6c;
  border: 2px solid #377a6c;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
  height: 48px;
  overflow: hidden;
  padding: 8px 56px;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: background 0.3s cubic-bezier(0.5, 0, 0, 1) 0s, color 0.3s 0s, border 0.2s 0s;
  transition: background 0.3s cubic-bezier(0.5, 0, 0, 1) 0s, color 0.3s 0s, border 0.2s 0s;
}
#override .page-header-new input.form-submit:hover {
  background-color: #5ac37d;
  border: 2px solid #5ac37d;
  color: #fff;
  text-decoration: none;
}
#override .page-header-new input.focused:focus:valid {
  border-color: #377a6c;
}
#override .page-header-new input.focused:focus:invalid {
  border-color: #b83e4d;
  color: #b83e4d;
}
#override .page-header-new input.focused:invalid {
  border-color: #b83e4d;
  color: #b83e4d;
}
#override .page-header-new .js-form-type-select .select2 {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
#override .page-header-new .theme-water-blue {
  background-color: #4373b5;
  color: #fff;
}
#override .page-header-new .theme-water-blue .btn {
  background-color: #fff;
  border: 2px solid #fff;
  color: #4373b5;
}
#override .page-header-new .theme-water-blue .btn:hover {
  background-color: #346191;
  border-color: #346191;
  color: #fff;
}
#override .page-header-new .theme-water-blue .btn.secondary {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
#override .page-header-new .theme-water-blue .btn.secondary:hover {
  background-color: #346191;
  border-color: #346191;
  color: #fff;
}
#override .page-header-new .theme-water-blue a {
  color: #fff;
}
#override .page-header-new .btn {
  font-size: 16px;
  font-size: 1rem;
  line-height: 32px;
  line-height: 2rem;
  background-color: #377a6c;
  border: 2px solid #377a6c;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
  height: 48px;
  overflow: hidden;
  padding: 8px 56px;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: background 0.3s cubic-bezier(0.5, 0, 0, 1) 0s, color 0.3s 0s, border 0.2s 0s;
  transition: background 0.3s cubic-bezier(0.5, 0, 0, 1) 0s, color 0.3s 0s, border 0.2s 0s;
}
#override .page-header-new .btn:hover {
  background-color: #5ac37d;
  border: 2px solid #5ac37d;
  color: #fff;
  text-decoration: none;
}
#override .page-header-new .btn.secondary {
  background-color: #fff;
  border: 2px solid #377a6c;
  color: #377a6c;
}
#override .page-header-new .btn.secondary:hover {
  background-color: #5ac37d;
  border: 2px solid #5ac37d;
  color: #fff;
}
#override .page-header-new .main-navi .icon-wrapper {
  display: none;
}
#override .page-header-new .main-navi .close-button {
  display: none;
  position: absolute;
  cursor: pointer;
  right: 20px;
  top: 170px;
  width: 24px;
  height: 24px;
  z-index: 25;
  border: none;
  background: transparent url(/assets2020/svg/icon-cross.svg) no-repeat 50% 50%;
  text-indent: -9999px;
}
#override .page-header-new .main-navi .toggle-navigation {
  margin-top: 32px;
  margin-left: 24px;
  opacity: 1;
  width: 28px;
  height: 24px;
  position: absolute;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 25;
}
#override .page-header-new .main-navi .toggle-navigation span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #75757d;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#override .page-header-new .main-navi .toggle-navigation span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
#override .page-header-new .main-navi .toggle-navigation span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
#override .page-header-new .main-navi .toggle-navigation span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
#override .page-header-new .main-navi .toggle-navigation.loading {
  opacity: 0.3;
  cursor: wait;
}
#override .page-header-new .main-navi .toggle-navigation.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 2px;
  top: 0;
}
#override .page-header-new .main-navi .toggle-navigation.open span:nth-child(2) {
  width: 0;
  opacity: 0;
}
#override .page-header-new .main-navi .toggle-navigation.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 2px;
  top: 20px;
}
#override .page-header-new .main-navi a {
  color: #41414a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: color 0.2s, border-color 0.2s;
  transition: color 0.2s, border-color 0.2s;
  font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
}
#override .page-header-new .main-navi a:hover {
  color: #000;
}
#override .page-header-new .main-navi ul {
  list-style: none;
}
#override .page-header-new .main-navi h4 {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e8e8eb;
  text-align: center;
  display: none;
  position: absolute;
  top: 82px;
  padding: 13px;
  margin: 0;
  z-index: 11;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  font-size: 1rem;
  width: 100%;
}
#override .page-header-new .main-navi .menu-level-0 {
  display: none;
}
#override .page-header-new .main-navi .mobile .menu-level-1 .menu-item {
  display: none;
}
#override .page-header-new .main-navi .mobile a {
  display: block;
  padding: 16px 40px 16px 56px;
  position: relative;
  font-family: "FortumSans Light", Arial, Helvetica, sans-serif;
}
#override .page-header-new .main-navi .mobile a.is-active {
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
}
#override .page-header-new .main-navi .mobile ul {
  padding-left: 0;
}
#override .page-header-new .main-navi .mobile .menu-level-0 {
  display: none;
  margin-top: 80px;
  background-color: #fff;
  border: 2px solid #e8e8eb;
  border-left: none;
  border-right: none;
  width: 100vw;
  position: absolute;
  z-index: 10;
  overflow-y: auto;
  min-height: 207px;
  max-height: 75vh;
  height: auto;
  padding-top: 50px;
}
#override .page-header-new .main-navi .mobile .menu-level-0 > li > a {
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
}
#override .page-header-new .main-navi .mobile .menu-level-0 > .menu-item--expanded > a::after {
  content: " ";
  width: 32px;
  height: 28px;
  background: transparent url(/assets2020/svg/icon-chevron-right.svg) no-repeat;
  background-position: 4px 0;
  display: inline-block;
  -webkit-transition: background-position 0.15s ease;
  transition: background-position 0.15s ease;
  position: absolute;
  right: 16px;
  top: 16px;
}
#override .page-header-new .main-navi .mobile.active .menu-level-0 {
  display: block;
}
#override .page-header-new .main-navi .mobile.active h4 {
  display: block;
}
#override .page-header-new #suggestion-area {
  background-color: #fff;
  display: none;
  margin-left: 50px;
  padding: 30px 40px;
  width: 85%;
}
#override .page-header-new .search-container {
  margin: 0;
  max-width: 100%;
}
#override .page-header-new .search-container .nav-overlay {
  background: #4373b5;
  height: 100vh;
  opacity: 1;
  position: absolute;
  top: 120px;
  z-index: 103;
}
#override .page-header-new .locale-wrapper {
  display: none;
  position: relative;
  top: -10px;
}
#override .page-header-new .locale-wrapper .toggle-language {
  top: -17px;
}
.toggle-language#override .page-header-new .locale-wrapper + .locale-selector {
  display: none;
}
#override .page-header-new .locale-selector {
  padding: 50px 20px;
  position: absolute;
  right: 0;
  top: 31px;
  width: 100vw;
  z-index: 103;
  text-align: left;
}
#override .page-header-new .locale-selector .form-item {
  margin-bottom: 25px;
}
#override .page-header-new .locale-selector .form-item.language {
  display: none;
}
#override .page-header-new .locale-selector .form-item.language.active {
  display: block;
}
#override .page-header-new .locale-selector .form-item.js-form-type-select {
  margin-right: 40px;
}
#override .page-header-new .locale-selector .form-item.js-form-type-select label {
  color: #fff;
  left: 0;
}
@media (min-width: 600px) {
  #override .page-header-new .fg-10 {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
  }
  #override .page-header-new .layout-container {
    padding: 0 80px;
  }
  #override .page-header-new .block-fortum-search-form .search {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
  #override .page-header-new h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
  #override .page-header-new .tools a.active svg {
    height: 56px;
    width: 56px;
  }
}
@media (min-width: 970px) {
  #override .page-header-new .fg-10 {
    width: 83.33333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
  }
  #override .page-header-new .block-fortum-search-form .search {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 48px;
    line-height: 3rem;
    margin-top: 60px;
  }
  #override .page-header-new h4 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
  #override .page-header-new .top-wrapper {
    padding: 0 32px;
    border-bottom: 1px solid #bebec2;
    height: 152px;
  }
  #override .page-header-new .main-navi {
    display: inline-block;
    width: 40%;
  }
  #override .page-header-new .branding {
    width: 19%;
    display: inline-block;
  }
  #override .page-header-new .tools {
    display: inline-block;
    width: 40%;
    right: 18px;
  }
  #override .page-header-new .tools a.toggle-language {
    padding: 0 16px;
  }
  #override .page-header-new .tools a.toggle-search {
    top: -11px;
    left: initial;
    display: inline-block;
  }
  #override .page-header-new .navi-mask {
    top: 152px;
  }
  #override .page-header-new input.form-text {
    font-size: 18px;
  }
  #override .page-header-new input.search {
    font-size: 18px;
  }
  #override .page-header-new .form-item label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
  #override .page-header-new .btn {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 40px;
    line-height: 2.5rem;
    height: 56px;
  }
  #override .page-header-new input.form-submit {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 40px;
    line-height: 2.5rem;
    height: 56px;
  }
  #override .page-header-new .main-navi h4 {
    display: none;
  }
  #override .page-header-new .main-navi .icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
    margin-left: 25%;
    opacity: 0.2;
    pointer-events: none;
    background: transparent url(/assets2020/svg/icon-arrow.svg) no-repeat 0 50%;
    background-size: 90px;
    min-width: 280px;
  }
  #override .page-header-new .main-navi .icon-wrapper .icon svg {
    height: 40px;
    pointer-events: none;
    width: 40px;
  }
  #override .page-header-new .main-navi .icon-wrapper .icon svg:not(.nosize) {
    height: 40px;
    width: 40px;
    width: 110px;
    height: auto;
  }
  #override .page-header-new .main-navi .icon-wrapper .icon svg circle {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override .page-header-new .main-navi .icon-wrapper .icon svg line {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override .page-header-new .main-navi .icon-wrapper .icon svg path {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override .page-header-new .main-navi .icon-wrapper .icon svg polygon {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override .page-header-new .main-navi .icon-wrapper span {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36.4px;
    line-height: 2.275rem;
    color: #75757d;
    display: block;
    font-weight: 700;
  }
  #override .page-header-new .main-navi .toggle-navigation {
    display: none;
  }
  #override .page-header-new .main-navi li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #override .page-header-new .main-navi .menu-level-0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    top: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 500px;
    padding-left: 0;
  }
  #override .page-header-new .main-navi .menu-level-0 > .menu-item {
    text-align: center;
    padding-right: 40px;
  }
  #override .page-header-new .main-navi .menu-level-0 > .menu-item:last-child {
    padding-right: 0;
  }
  #override .page-header-new .main-navi .menu-level-0 > .menu-item > a {
    font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
    height: 80px;
    border-bottom: 4px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: border-color 0.5s;
    transition: border-color 0.5s;
  }
  #override .page-header-new .main-navi .menu-level-0 > .menu-item > a:hover {
    border-bottom: 4px solid #bebec2;
  }
  #override .page-header-new .main-navi .menu-level-0 > .menu-item > .menu-dropdown {
    position: absolute;
    width: 100%;
    background: #fff;
    top: 80px;
    left: 0;
    padding: 0 32px;
  }
  #override .page-header-new .main-navi .menu-level-0 > li.menu-item--active-trail > a {
    border-bottom: 4px solid #5ac37d;
  }
  #override .page-header-new .main-navi .menu-level-0 > li.menu-item--active-trail > a:hover {
    border-bottom: 4px solid #5ac37d;
  }
  #override .page-header-new .main-navi .menu-level-0 .menu-level-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding-left: 0;
    border-top: 1px solid #bebec2;
  }
  #override .page-header-new .main-navi .menu-level-0 .menu-level-1 > .menu-item {
    padding-right: 40px;
  }
  #override .page-header-new .main-navi .menu-level-0 .menu-level-1 > .menu-item:last-child {
    padding-right: 0;
  }
  #override .page-header-new .main-navi .menu-level-0 .menu-level-1 > .menu-item > a {
    border-bottom: 4px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "FortumSans Light", Arial, Helvetica, sans-serif;
    -webkit-transition: border-color 0.5s;
    transition: border-color 0.5s;
  }
  #override .page-header-new .main-navi .menu-level-0 .menu-level-1 > .menu-item > a:hover {
    border-bottom: 4px solid #bebec2;
  }
  #override .page-header-new .main-navi .menu-level-0 > .menu-item--active-trail > .menu-dropdown {
    display: block;
    z-index: 20;
  }
  #override .page-header-new .main-navi .menu-level-0 .menu-level-1 > li.navi-active > a {
    border-bottom: 4px solid #5ac37d;
  }
  #override .page-header-new .main-navi .menu-level-0 .menu-level-1 > li.navi-active > a:hover {
    border-bottom: 4px solid #5ac37d;
  }
  #override .page-header-new .main-navi .menu-level-0 .menu-level-1 > li.navi-trail > a {
    border-bottom: 4px solid #5ac37d;
  }
  #override .page-header-new .main-navi .menu-level-0 .menu-level-1 > li.navi-trail > a:hover {
    border-bottom: 4px solid #5ac37d;
  }
  #override .page-header-new .main-navi .menu-dropdown-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    max-height: 70vh;
    overflow-y: scroll;
  }
  #override .page-header-new .main-navi .menu-level-2 {
    background-color: #fff;
    padding: 40px 0 40px 0;
    float: left;
    position: relative;
    min-height: 370px;
    width: 300px;
    height: 100%;
  }
  #override .page-header-new .main-navi .menu-level-2 > li {
    overflow: hidden;
    text-align: left;
  }
  #override .page-header-new .main-navi .menu-level-2 > li > a {
    font-size: 1rem;
    text-transform: uppercase;
    padding: 12px 80px 12px 32px;
    position: relative;
  }
  #override .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded:hover {
    border-left: 4px solid #bebec2;
  }
  #override .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded:hover > a {
    padding-left: 28px;
  }
  #override .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded > a::after {
    content: " ";
    width: 30px;
    height: 30px;
    background: transparent url(/assets2020/svg/icon-cross.svg) no-repeat;
    background-size: 20px;
    display: inline-block;
    position: absolute;
    right: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #override .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded > a::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 0;
    bottom: 19px;
    left: 0;
    background-color: #5ac37d;
    -webkit-transition: height 0.2s ease-in-out 0s;
    transition: height 0.2s ease-in-out 0s;
  }
  #override .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded > a:hover::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #override .page-header-new .main-navi .menu-level-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    text-align: left;
    padding: 0;
  }
  #override .page-header-new .main-navi .menu-level-3 li {
    width: 100%;
    padding-right: 40px;
  }
  #override .page-header-new .main-navi .menu-level-3 a {
    font-family: "FortumSans Light", Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding: 8px 0;
  }
  #override .page-header-new .main-navi .menu-level-3 a:hover {
    text-decoration: underline;
  }
  #override .page-header-new .main-navi .menu-item--expanded > .menu-dropdown-2 {
    display: none;
    padding: 40px 64px;
  }
  #override .page-header-new .main-navi .menu-item > .menu-dropdown {
    display: none;
    z-index: 10;
  }
  #override .page-header-new .main-navi .menu-level-1 > .menu-item > .menu-dropdown {
    position: absolute;
    background: #fff;
    top: 71px;
    left: -50vw;
    width: 150vw;
    padding-left: 50vw;
    background-color: #e8e8eb;
    border-bottom: 1px solid #bebec2;
    border-top: 1px solid #bebec2;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  #override .page-header-new .main-navi .menu-level-1 > .menu-item > .menu-dropdown li {
    display: block;
  }
}
@media screen and (min-width: 970px) and (max-width: 1070px) {
  #override .page-header-new .btn {
    padding: 8px !important;
  }
  #override .page-header-new .mobile.active .menu-level-0 {
    display: block;
  }
  #override .page-header-new .mobile.active h4 {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  #override .page-header-new .btn {
    padding: 8px !important;
  }
  #override .page-header-new input.form-submit {
    padding: 8px !important;
  }
}
@media (min-width: 970px) and (min-width: 600px) {
  #override .page-header-new .main-navi .icon-wrapper .icon svg {
    height: 56px;
    width: 56px;
  }
  #override .page-header-new .main-navi .icon-wrapper .icon svg:not(.nosize) {
    height: 56px;
    width: 56px;
  }
}
@media (min-width: 970px) and (min-width: 970px) {
  #override .page-header-new .main-navi .menu-level-3 li {
    width: 280px;
  }
}
@media (min-width: 971px) {
  #override .page-header-new .search-container .nav-overlay {
    background: rgba(255, 255, 255, 0.5);
    top: 0;
    z-index: -4;
  }
  #override .page-header-new .block-fortum-search-form {
    padding: 17px 0 8px;
    top: 73px;
  }
  #override .page-header-new .block-fortum-search-form .form-item {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  #override .page-header-new .block-fortum-search-form .search {
    margin: 0 50px;
  }
  #override .page-header-new .locale-wrapper {
    display: inline-block;
  }
  #override .page-header-new .locale-wrapper .toggle-language {
    top: auto;
  }
  #override .page-header-new .locale-wrapper .toggle-language .mobile.active .menu-level-0 {
    display: block;
  }
  #override .page-header-new .locale-wrapper .toggle-language .mobile.active h4 {
    display: block;
  }
  #override .page-header-new .locale-selector .form-item.js-form-type-select {
    margin-right: 0;
  }
}
#override .page-header-new .fg-center {
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
#override .page-header-new .locale-wrapper .toggle-language {
  top: -17px;
}
.toggle-language#override .page-header-new .locale-wrapper + .locale-selector {
  display: none;
}
.toggle-language.active#override .page-header-new .locale-wrapper + .locale-selector {
  display: block;
}
#override .page-header-new .language-open .search-container .nav-overlay {
  display: block;
}
#override .page-header-new .locale-selector {
  padding: 50px 20px;
  position: absolute;
  right: 0;
  top: 31px;
  width: 100vw;
  z-index: 103;
  text-align: left;
}
#override .page-header-new .locale-selector .form-item {
  margin-bottom: 25px;
}
#override .page-header-new .locale-selector .form-item.language {
  display: none;
}
#override .page-header-new .locale-selector .form-item.language.active {
  display: block;
}
#override .page-header-new .locale-selector .form-item.js-form-type-select {
  margin-right: 40px;
}
#override .page-header-new .locale-selector .form-item.js-form-type-select label {
  color: #fff;
  left: 0;
}
@media (min-width: 971px) {
  #override .page-header-new .locale-wrapper {
    display: inline-block;
  }
  #override .page-header-new .locale-wrapper .toggle-language {
    top: auto;
  }
  #override .page-header-new .language-open .search-container .nav-overlay {
    display: none;
  }
  #override .page-header-new .locale-selector {
    padding: 50px 40px;
    right: -30px;
    top: 51px;
    width: 400px;
  }
  #override .page-header-new .locale-selector .form-item.js-form-type-select {
    margin-right: 0;
  }
}
#override body .page-header-new .select2-container--default {
  border-color: #41414a;
  border-style: solid;
  border-width: 2px;
  border: 2px solid #9b9b9b;
}
#override body .page-header-new .select2-container--default .select2-selection--single {
  border-color: #41414a;
  border-radius: 0;
  border-width: 0 !important;
  height: 55px;
  padding: 14px 0;
}
#override body .page-header-new .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 23.4px;
  line-height: 1.4625rem;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  padding: 4px 20px;
}
#override body .page-header-new .select2-container--default .select2-selection--single:focus {
  outline: 0 !important;
}
#override body .page-header-new .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 55px;
}
#override body .page-header-new .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-color: transparent;
  background-image: url(/assets2020/svg/chevron-small.svg);
  background-repeat: no-repeat;
  border-width: 0 !important;
  height: 20px;
  left: 0;
  margin-top: -4px;
  width: 20px;
  z-index: 10;
}
#override body .page-header-new .theme-water-blue .select2-container--default {
  border-width: 0 !important;
}
#override body .page-header-new select {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 23.4px;
  line-height: 1.4625rem;
  background: #fff;
  border-color: #41414a;
  border-radius: 0;
  color: #9b9b9b;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  height: 52px;
  padding: 14px 20px;
  width: 100%;
}
#override body .page-header-new .js-form-type-select .select2-selection--single {
  border: 1px solid #9b9b9b;
  color: #41414a;
}
#override body .page-header-new .main-navi .icon-wrapper {
  display: none;
}
#override body .page-header-new .main-navi .language-links {
  display: none;
}
#override body .page-header-new .main-navi .contextual-region {
  position: initial;
}
#override body .page-header-new .main-navi .close-button {
  display: none;
  position: absolute;
  cursor: pointer;
  right: 20px;
  top: 170px;
  width: 24px;
  height: 24px;
  z-index: 25;
  border: none;
  background: transparent url(/assets2020/svg/icon-cross.svg) no-repeat 50% 50%;
  text-indent: -9999px;
}
#override body .page-header-new .main-navi .front-page-link-wrapper {
  display: none;
}
#override body .page-header-new .main-navi .toggle-navigation {
  margin-top: 32px;
  margin-left: 24px;
  opacity: 1;
  width: 28px;
  height: 24px;
  position: absolute;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 25;
}
#override body .page-header-new .main-navi .toggle-navigation span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #75757d;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#override body .page-header-new .main-navi .toggle-navigation span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
#override body .page-header-new .main-navi .toggle-navigation span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
#override body .page-header-new .main-navi .toggle-navigation span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
#override body .page-header-new .main-navi .toggle-navigation.loading {
  opacity: 0.3;
  cursor: wait;
}
#override body .page-header-new .main-navi .toggle-navigation.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 2px;
  top: 0;
}
#override body .page-header-new .main-navi .toggle-navigation.open span:nth-child(2) {
  width: 0;
  opacity: 0;
}
#override body .page-header-new .main-navi .toggle-navigation.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 2px;
  top: 20px;
}
#override body .page-header-new .main-navi a {
  color: #41414a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: color 0.2s, border-color 0.2s;
  transition: color 0.2s, border-color 0.2s;
  font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
}
#override body .page-header-new .main-navi a:hover {
  color: #000;
}
#override body .page-header-new .main-navi ul {
  list-style: none;
}
#override body .page-header-new .main-navi .checklist .checklist-row .checklist-item {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e8e8eb;
  text-align: center;
  display: none;
  position: absolute;
  top: 82px;
  padding: 13px;
  margin: 0;
  z-index: 11;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  font-size: 1rem;
  width: 100%;
}
#override body .page-header-new .main-navi .site-fordg #block-fortum-base-main-menu h2 {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e8e8eb;
  text-align: center;
  display: none;
  position: absolute;
  top: 82px;
  padding: 13px;
  margin: 0;
  z-index: 11;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  font-size: 1rem;
  width: 100%;
}
#override body .page-header-new .main-navi footer nav#block-footer > ul > li > a {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e8e8eb;
  text-align: center;
  display: none;
  position: absolute;
  top: 82px;
  padding: 13px;
  margin: 0;
  z-index: 11;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  font-size: 1rem;
  width: 100%;
}
#override body .page-header-new .main-navi h4 {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e8e8eb;
  text-align: center;
  display: none;
  position: absolute;
  top: 82px;
  padding: 13px;
  margin: 0;
  z-index: 11;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  font-size: 1rem;
  width: 100%;
}
#override body .page-header-new .main-navi .mobile.active.first-active .checklist .checklist-row .checklist-item {
  display: none;
}
#override body .page-header-new .main-navi .mobile.active.first-active .site-fordg #block-fortum-base-main-menu h2 {
  display: none;
}
#override body .page-header-new .main-navi .mobile.active.first-active footer nav#block-footer > ul > li > a {
  display: none;
}
#override body .page-header-new .main-navi .mobile.active.first-active h4 {
  display: none;
}
#override body .page-header-new .main-navi .menu-dropdown .navigation-ad {
  display: none;
}
#override body .page-header-new .main-navi .menu-level-0 {
  display: none;
}
#override body .page-header-new .main-navi .menu-level-0.selected .menu-item {
  display: none;
}
#override body .page-header-new .main-navi .menu-level-0.selected .menu-item.active {
  display: block;
}
#override body .page-header-new .main-navi .menu-level-0.selected .menu-item.navigate-home {
  display: block;
}
#override body .page-header-new .main-navi .mobile .menu-level-1 .menu-item {
  display: none;
}
#override body .page-header-new .main-navi .mobile .menu-level-1 .active.menu-item {
  display: block;
}
#override body .page-header-new .main-navi .mobile .collapsed .menu-item.cloned {
  display: block;
}
#override body .page-header-new .main-navi .mobile a {
  display: block;
  padding: 16px 40px 16px 56px;
  position: relative;
  font-family: "FortumSans Light", Arial, Helvetica, sans-serif;
}
#override body .page-header-new .main-navi .mobile a.is-active {
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
}
#override body .page-header-new .main-navi .mobile ul {
  padding-left: 0;
}
#override body .page-header-new .main-navi .mobile .menu-level-0 {
  display: none;
  margin-top: 80px;
  background-color: #fff;
  border: 2px solid #e8e8eb;
  border-left: none;
  border-right: none;
  width: 100vw;
  position: absolute;
  z-index: 10;
  overflow-y: auto;
  min-height: 207px;
  max-height: 75vh;
  height: auto;
  padding-top: 50px;
}
#override body .page-header-new .main-navi .mobile .menu-level-0 > li > a {
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
}
#override body .page-header-new .main-navi .mobile .menu-level-0 > .menu-item--expanded > a::after {
  content: " ";
  width: 32px;
  height: 28px;
  background: transparent url(/assets2020/svg/icon-chevron-right.svg) no-repeat;
  background-position: 4px 0;
  display: inline-block;
  -webkit-transition: background-position 0.15s ease;
  transition: background-position 0.15s ease;
  position: absolute;
  right: 16px;
  top: 16px;
}
#override body .page-header-new .main-navi .mobile .menu-level-0 > .menu-item--expanded.active > a::after {
  content: none;
}
#override body .page-header-new .main-navi .mobile .menu-level-0.active {
  display: block;
}
#override body .page-header-new .main-navi .mobile .menu-level-0.selected {
  padding-top: 0;
}
#override body .page-header-new .main-navi .mobile .navigate-home a {
  border-bottom: 1px solid #e8e8eb;
  text-transform: uppercase;
}
#override body .page-header-new .main-navi .mobile .navigate-home > a {
  background-color: #f7f7f7;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
}
#override body .page-header-new .main-navi .mobile .navigate-home > a::before {
  content: " ";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 4px;
  left: 16px;
  margin: 8px 0 0 8px;
  background-image: url(/assets2020/svg/icon-arrow.svg);
}
#override body .page-header-new .main-navi .mobile .menu-item--expanded.active > a {
  background-color: #f7f7f7;
}
#override body .page-header-new .main-navi .mobile .menu-item--expanded.active > a::before {
  content: " ";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 4px;
  left: 16px;
  margin: 8px 0 0 8px;
  background-image: url(/assets2020/svg/icon-arrow.svg);
}
#override body .page-header-new .main-navi .mobile .active > a {
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
}
#override body .page-header-new .main-navi .mobile .current .menu-item--expanded > a::after {
  content: " ";
  width: 32px;
  height: 28px;
  background: transparent url(/assets2020/svg/icon-chevron-right.svg) no-repeat;
  background-position: 4px 0;
  display: inline-block;
  -webkit-transition: background-position 0.15s ease;
  transition: background-position 0.15s ease;
  position: absolute;
  right: 16px;
  top: 16px;
}
#override body .page-header-new .main-navi .mobile .current .menu-item--expanded.active > a::after {
  content: none;
}
#override body .page-header-new .main-navi .mobile .menu-item--expanded.current.active > a {
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  background-color: #f7f7f7;
  border-left: 4px solid #5ac37d;
  padding-left: 52px;
  cursor: default;
}
#override body .page-header-new .main-navi .mobile .menu-item--expanded.current.active > a::before {
  content: none;
}
#override body .page-header-new .main-navi .mobile .menu-item.active > a {
  border-bottom: 1px solid #e8e8eb;
}
#override body .page-header-new .main-navi .mobile .selected .language-links {
  display: none;
}
#override body .page-header-new .main-navi .mobile .language-links {
  text-align: center;
  background-color: #f7f7f7;
  border-top: 1px solid #e8e8eb;
}
#override body .page-header-new .main-navi .mobile .language-links a {
  display: inline-block;
  padding: 16px 0;
  color: #75757d;
}
#override body .page-header-new .main-navi .mobile .language-links a:before {
  content: "|";
  font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 0 8px;
}
#override body .page-header-new .main-navi .mobile .language-links a:first-child {
  padding-left: 0;
  border-left: 0;
}
#override body .page-header-new .main-navi .mobile .language-links a:first-child:before {
  content: none;
}
#override body .page-header-new .main-navi .collapsed.menu-dropdown {
  display: block;
}
#override body .page-header-new .main-navi .current > .menu-dropdown > .menu > li {
  display: block;
}
#override body .page-header-new .main-navi .mobile.active .menu-level-0 {
  display: block;
}
#override body .page-header-new .main-navi .mobile.active .checklist .checklist-row .checklist-item {
  display: block;
}
#override body .page-header-new .main-navi .mobile.active .site-fordg #block-fortum-base-main-menu h2 {
  display: block;
}
#override body .page-header-new .main-navi .mobile.active footer nav#block-footer > ul > li > a {
  display: block;
}
#override body .page-header-new .main-navi .mobile.active h4 {
  display: block;
}
#override body .page-header-new .main-navi .mobile.active .language-links {
  display: block;
}
#override body .page-header-new .main-navi .last-level-active .menu-level-1 > .menu-item > .menu-dropdown {
  background-color: #f7f7f7;
}
#override body .page-header-new .checklist .checklist-row .main-navi .checklist-item {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e8e8eb;
  text-align: center;
  display: none;
  position: absolute;
  top: 82px;
  padding: 13px;
  margin: 0;
  z-index: 11;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  font-size: 1rem;
  width: 100%;
}
#override body .page-header-new .checklist .checklist-row .main-navi .mobile.active.first-active .checklist-item {
  display: none;
}
#override body .page-header-new .checklist .checklist-row .main-navi .mobile.active .checklist-item {
  display: block;
}
#override body .page-header-new .site-fordg #block-fortum-base-main-menu .main-navi h2 {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e8e8eb;
  text-align: center;
  display: none;
  position: absolute;
  top: 82px;
  padding: 13px;
  margin: 0;
  z-index: 11;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  font-size: 1rem;
  width: 100%;
}
#override body .page-header-new .site-fordg #block-fortum-base-main-menu .main-navi .mobile.active.first-active h2 {
  display: none;
}
#override body .page-header-new .site-fordg #block-fortum-base-main-menu .main-navi .mobile.active h2 {
  display: block;
}
#override body .page-header-new footer .main-navi nav#block-footer > ul > li > a {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e8e8eb;
  text-align: center;
  display: none;
  position: absolute;
  top: 82px;
  padding: 13px;
  margin: 0;
  z-index: 11;
  font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  font-size: 1rem;
  width: 100%;
}
#override body .page-header-new footer .main-navi .mobile.active.first-active nav#block-footer > ul > li > a {
  display: none;
}
#override body .page-header-new footer .main-navi .mobile.active nav#block-footer > ul > li > a {
  display: block;
}
@media (min-width: 970px) {
  #override body .page-header-new .main-navi .navigate-home {
    display: none;
  }
  #override body .page-header-new .main-navi .checklist .checklist-row .checklist-item {
    display: none;
  }
  #override body .page-header-new .main-navi .site-fordg #block-fortum-base-main-menu h2 {
    display: none;
  }
  #override body .page-header-new .main-navi footer nav#block-footer > ul > li > a {
    display: none;
  }
  #override body .page-header-new .main-navi h4 {
    display: none;
  }
  #override body .page-header-new .main-navi .icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
    margin-left: 25%;
    opacity: 0.2;
    pointer-events: none;
    background: transparent url(/assets2020/svg/icon-arrow.svg) no-repeat 0 50%;
    background-size: 90px;
    min-width: 280px;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg {
    height: 40px;
    pointer-events: none;
    width: 40px;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg:not(.nosize) {
    height: 40px;
    width: 40px;
    width: 110px;
    height: auto;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg circle {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg ellipse {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg line {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg path {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg polygon {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg polyline {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg rect {
    fill: transparent;
    stroke: #75757d;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg .svg-box {
    stroke: transparent !important;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg .fill circle {
    fill: #75757d;
    stroke: transparent;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg .fill ellipse {
    fill: #75757d;
    stroke: transparent;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg .fill line {
    fill: #75757d;
    stroke: transparent;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg .fill path {
    fill: #75757d;
    stroke: transparent;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg .fill polygon {
    fill: #75757d;
    stroke: transparent;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg .fill polyline {
    fill: #75757d;
    stroke: transparent;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg .fill rect {
    fill: #75757d;
    stroke: transparent;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg g[style^="clip-path: url"] {
    -webkit-clip-path: none !important;
    clip-path: none !important;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg g[style^="clip-path:url"] {
    -webkit-clip-path: none !important;
    clip-path: none !important;
  }
  #override body .page-header-new .main-navi .icon-wrapper span {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36.4px;
    line-height: 2.275rem;
    color: #75757d;
    display: block;
    font-weight: 700;
  }
  #override body .page-header-new .main-navi .last-level-active .icon-wrapper {
    display: none;
  }
  #override body .page-header-new .main-navi .menu-dropdown .navigation-ad {
    display: inline-block;
    padding-left: 56px;
    text-align: left;
    position: absolute;
    left: 480px;
    top: 50px;
    width: 300px;
  }
  #override body .page-header-new .main-navi .menu-dropdown .navigation-ad a {
    display: block;
  }
  #override body .page-header-new .main-navi .menu-dropdown .navigation-ad:hover a {
    text-decoration: underline;
    color: #5ac37d;
  }
  #override body .page-header-new .main-navi .menu-dropdown .navigation-ad .caption {
    display: block;
    padding: 8px 0;
    position: relative;
    font-size: 18px;
  }
  #override body .page-header-new .main-navi .menu-dropdown .navigation-ad .caption .arrow {
    position: absolute;
    width: 24px;
    height: 24px;
    top: -3px;
    margin: 8px 0 0 8px;
    background-image: url(/assets2020/svg/icon-arrow.svg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #override body .page-header-new .main-navi .toggle-navigation {
    display: none;
  }
  #override body .page-header-new .main-navi li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #override body .page-header-new .main-navi .menu-level-0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    top: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 500px;
    padding-left: 0;
  }
  #override body .page-header-new .main-navi .menu-level-0 > .menu-item {
    text-align: center;
    padding-right: 40px;
  }
  #override body .page-header-new .main-navi .menu-level-0 > .menu-item:last-child {
    padding-right: 0;
  }
  #override body .page-header-new .main-navi .menu-level-0 > .menu-item > a {
    font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
    height: 80px;
    border-bottom: 4px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: border-color 0.5s;
    transition: border-color 0.5s;
  }
  #override body .page-header-new .main-navi .menu-level-0 > .menu-item > a:hover {
    border-bottom: 4px solid #bebec2;
  }
  #override body .page-header-new .main-navi .menu-level-0 > .menu-item > .menu-dropdown {
    position: absolute;
    width: 100%;
    background: #fff;
    top: 80px;
    left: 0;
    padding: 0 32px;
  }
  #override body .page-header-new .main-navi .menu-level-0 > li.menu-item--active-trail > a {
    border-bottom: 4px solid #5ac37d;
  }
  #override body .page-header-new .main-navi .menu-level-0 > li.menu-item--active-trail > a:hover {
    border-bottom: 4px solid #5ac37d;
  }
  #override body .page-header-new .main-navi .menu-level-0 > li.selected > a {
    border-bottom: 4px solid #5ac37d;
  }
  #override body .page-header-new .main-navi .menu-level-0 > li.selected > a:hover {
    border-bottom: 4px solid #5ac37d;
  }
  #override body .page-header-new .main-navi .menu-level-0 .menu-level-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding-left: 0;
    border-top: 1px solid #bebec2;
  }
  #override body .page-header-new .main-navi .menu-level-0 .menu-level-1 > .menu-item {
    padding-right: 40px;
  }
  #override body .page-header-new .main-navi .menu-level-0 .menu-level-1 > .menu-item:last-child {
    padding-right: 0;
  }
  #override body .page-header-new .main-navi .menu-level-0 .menu-level-1 > .menu-item > a {
    border-bottom: 4px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "FortumSans Light", Arial, Helvetica, sans-serif;
    -webkit-transition: border-color 0.5s;
    transition: border-color 0.5s;
  }
  #override body .page-header-new .main-navi .menu-level-0 .menu-level-1 > .menu-item > a:hover {
    border-bottom: 4px solid #bebec2;
  }
  #override body .page-header-new .main-navi .menu-level-0 .menu-level-1 > li.navi-active > a {
    border-bottom: 4px solid #5ac37d;
  }
  #override body .page-header-new .main-navi .menu-level-0 .menu-level-1 > li.navi-active > a:hover {
    border-bottom: 4px solid #5ac37d;
  }
  #override body .page-header-new .main-navi .menu-level-0 .menu-level-1 > li.navi-trail > a {
    border-bottom: 4px solid #5ac37d;
  }
  #override body .page-header-new .main-navi .menu-level-0 .menu-level-1 > li.navi-trail > a:hover {
    border-bottom: 4px solid #5ac37d;
  }
  #override body .page-header-new .main-navi .menu-level-0 .menu-level-1 > .menu-item--active-trail > a {
    font-family: "FortumSans Regular", Arial, Helvetica, sans-serif;
  }
  #override body .page-header-new .main-navi .menu-level-0 > .menu-item--active-trail > .menu-dropdown {
    display: block;
    z-index: 20;
  }
  #override body .page-header-new .main-navi .menu-level-0 > .selected > .menu-dropdown {
    display: block;
    z-index: 21;
  }
  #override body .page-header-new .main-navi .menu-dropdown-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    max-height: 70vh;
    overflow-y: scroll;
  }
  #override body .page-header-new .main-navi .menu-level-2 {
    background-color: #fff;
    padding: 40px 0 40px 0;
    float: left;
    position: relative;
    min-height: 370px;
    width: 300px;
    height: 100%;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li {
    overflow: hidden;
    text-align: left;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li > a {
    font-size: 1rem;
    text-transform: uppercase;
    padding: 12px 80px 12px 32px;
    position: relative;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li > a.is-active {
    font-weight: 700;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.active > a {
    font-weight: 700;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded.active {
    background-color: #f7f7f7;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded.active > a::before {
    height: 100%;
    bottom: 0;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded.active > a::after {
    content: none;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded.active:hover {
    border-left: none;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded.active:hover > a {
    padding-left: 32px;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded:hover {
    border-left: 4px solid #bebec2;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded:hover > a {
    padding-left: 28px;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded > a::after {
    content: " ";
    width: 30px;
    height: 30px;
    background: transparent url(/assets2020/svg/icon-cross.svg) no-repeat;
    background-size: 20px;
    display: inline-block;
    position: absolute;
    right: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded > a::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 0;
    bottom: 19px;
    left: 0;
    background-color: #5ac37d;
    -webkit-transition: height 0.2s ease-in-out 0s;
    transition: height 0.2s ease-in-out 0s;
  }
  #override body .page-header-new .main-navi .menu-level-2 > li.menu-item--expanded > a:hover::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #override body .page-header-new .main-navi .menu-level-2 > .menu-item--expanded.active > .menu-dropdown {
    display: block;
    position: absolute;
    top: 0;
  }
  #override body .page-header-new .main-navi .menu-level-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    text-align: left;
    padding: 0;
  }
  #override body .page-header-new .main-navi .menu-level-3 li {
    width: 100%;
    padding-right: 40px;
  }
  #override body .page-header-new .main-navi .menu-level-3 a {
    font-family: "FortumSans Light", Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding: 8px 0;
  }
  #override body .page-header-new .main-navi .menu-level-3 a:hover {
    text-decoration: underline;
  }
  #override body .page-header-new .main-navi .menu-level-3 a.is-active {
    font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
  #override body .page-header-new .main-navi .menu-item--expanded > .menu-dropdown-2 {
    display: none;
    padding: 40px 64px;
  }
  #override body .page-header-new .main-navi .menu-item > .menu-dropdown {
    display: none;
    z-index: 10;
  }
  #override body .page-header-new .main-navi .menu-level-1 > .menu-item--active-trail > .menu-dropdown {
    display: none;
    z-index: 10;
  }
  #override body .page-header-new .main-navi .menu-level-1 > .menu-item > .menu-dropdown {
    position: absolute;
    background: #fff;
    top: 71px;
    left: -50vw;
    width: 150vw;
    padding-left: 50vw;
    background-color: #e8e8eb;
    border-bottom: 1px solid #bebec2;
    border-top: 1px solid #bebec2;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  #override body .page-header-new .main-navi .menu-level-1 > .menu-item > .menu-dropdown li {
    display: block;
  }
  #override body .page-header-new .main-navi > .menu-item--active-trail > a {
    font-family: "FortumSans Medium", Arial, Helvetica, sans-serif;
  }
  #override body .page-header-new .checklist .checklist-row .main-navi .checklist-item {
    display: none;
  }
  #override body .page-header-new .site-fordg #block-fortum-base-main-menu .main-navi h2 {
    display: none;
  }
}
@media (min-width: 970px) and (min-width: 600px) {
  #override body .page-header-new .main-navi .icon-wrapper .icon svg {
    height: 56px;
    width: 56px;
  }
  #override body .page-header-new .main-navi .icon-wrapper .icon svg:not(.nosize) {
    height: 56px;
    width: 56px;
  }
}
@media (min-width: 970px) and (min-width: 970px) {
  #override body .page-header-new .main-navi .menu-level-3 li {
    width: 280px;
  }
}
#override .nav-visible .page-header-new .tools a.toggle-search {
  left: 50px;
  top: initial;
  float: left;
  display: block;
}
#override .nav-visible .page-header-new .main-navi .first-active .front-page-link-wrapper {
  display: none;
}
#override .small-language-menu .locale-selector {
  padding: 20px;
}
#override .small-language-menu .locale-selector .form-item {
  margin-bottom: 10px;
}
#override .search-open-cp .search-container .nav-overlay {
  display: block;
}
#override .search-open .block-fortum-search-form {
  display: block;
}
@font-face {
  font-family: 'FortumSans Bold';
  src: url(/assets2020/fonts/FortumSansWeb-Bold.eot) format("eot"), url(/assets2020/fonts/FortumSansWeb-Bold.woff2) format("woff2"), url(/assets2020/fonts/FortumSansWeb-Bold.woff) format("woff"), url(/assets2020/fonts/FortumSansTT-Bold.ttf) format("truetype");
}
@font-face {
  font-family: 'FortumSans Light';
  src: url(/assets2020/fonts/FortumSansWeb-Light.eot) format("eot"), url(/assets2020/fonts/FortumSansWeb-Light.woff2) format("woff2"), url(/assets2020/fonts/FortumSansWeb-Light.woff) format("woff"), url(/assets2020/fonts/FortumSansTT-Light.ttf) format("truetype");
}
@font-face {
  font-family: 'FortumSans Medium';
  src: url(/assets2020/fonts/FortumSansWeb-Medium.eot) format("eot"), url(/assets2020/fonts/FortumSansWeb-Medium.woff2) format("woff2"), url(/assets2020/fonts/FortumSansWeb-Medium.woff) format("woff"), url(/assets2020/fonts/FortumSansTT-Medium.ttf) format("truetype");
}
@font-face {
  font-family: 'FortumSans Regular';
  src: url(/assets2020/fonts/FortumSansWeb-Regular.eot) format("eot"), url(/assets2020/fonts/FortumSansWeb-Regular.woff2) format("woff2"), url(/assets2020/fonts/FortumSansWeb-Regular.woff) format("woff"), url(/assets2020/fonts/FortumSansTT-Regular.ttf) format("truetype");
}