@charset "UTF-8";
/*!
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2018 Schwartzco Inc.
        License: 1801-IWKVFG
*/
@font-face {
  font-family: "Stockholm Exergi";
  src: url("../webfonts/StockholmExergiHeadline.eot");
  src: url("../webfonts/StockholmExergiHeadline.eot?#iefix") format("embedded-opentype"), url("../webfonts/StockholmExergiHeadline.woff2") format("woff2"), url("../webfonts/StockholmExergiHeadline.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Graphik Web";
  src: url("../webfonts/Graphik-Semibold.otf");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik Web";
  src: url("../webfonts/Graphik-SemiboldItalic-Web.eot");
  src: url("../webfonts/Graphik-SemiboldItalic-Web.eot?#iefix") format("embedded-opentype"), url("../webfonts/Graphik-SemiboldItalic-Web.woff2") format("woff2"), url("../webfonts/Graphik-SemiboldItalic-Web.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik Web";
  src: url("../webfonts/Graphik-RegularItalic-Web.eot");
  src: url("../webfonts/Graphik-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("../webfonts/Graphik-RegularItalic-Web.woff2") format("woff2"), url("../webfonts/Graphik-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik Web";
  src: url("../webfonts/Graphik-Regular-Web.eot");
  src: url("../webfonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../webfonts/Graphik-Regular-Web.woff2") format("woff2"), url("../webfonts/Graphik-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
/*!
 * @license
 * MyFonts Webfont Build ID 3516325, 2018-01-26T09:37:11-0500
 *
 * 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: KroppenRound-RegularOblique by Talbot Type
 * URL: https://www.myfonts.com/fonts/talbot/kroppen-round/oblique/
 *
 * Webfont: KroppenRound-Regular by Talbot Type
 * URL: https://www.myfonts.com/fonts/talbot/kroppen-round/regular/
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3516325
 * Licensed pageviews: 10,000
 * Webfonts copyright:  Copyright (c)2014 Talbot Type. All Rights Reserved
 *
 * © 2018 MyFonts Inc
*/
@font-face {
  font-family: "Kroppen Round";
  font-style: italic;
  src: url("../webfonts/35A7A5_0_0.eot");
  src: url("../webfonts/35A7A5_0_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/35A7A5_0_0.woff2") format("woff2"), url("../webfonts/35A7A5_0_0.woff") format("woff"), url("../webfonts/35A7A5_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "Kroppen Round";
  font-style: normal;
  src: url("../webfonts/35A7A5_1_0.eot");
  src: url("../webfonts/35A7A5_1_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/35A7A5_1_0.woff2") format("woff2"), url("../webfonts/35A7A5_1_0.woff") format("woff"), url("../webfonts/35A7A5_1_0.ttf") format("truetype");
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

[src$=".jpg"],
[src$=".jpeg"],
[src$=".png"] {
  border: 0;
  width: 100%;
  height: auto;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
  border-radius: 0;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Size base */
/* Base units */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 40px;
  padding-right: 40px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (max-width: 992px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1360px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xlg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xlg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xlg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xlg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xlg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xlg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xlg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xlg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xlg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xlg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xlg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xlg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
  float: left;
}

.col-xxs-1 {
  width: 8.3333333333%;
}

.col-xxs-2 {
  width: 16.6666666667%;
}

.col-xxs-3 {
  width: 25%;
}

.col-xxs-4 {
  width: 33.3333333333%;
}

.col-xxs-5 {
  width: 41.6666666667%;
}

.col-xxs-6 {
  width: 50%;
}

.col-xxs-7 {
  width: 58.3333333333%;
}

.col-xxs-8 {
  width: 66.6666666667%;
}

.col-xxs-9 {
  width: 75%;
}

.col-xxs-10 {
  width: 83.3333333333%;
}

.col-xxs-11 {
  width: 91.6666666667%;
}

.col-xxs-12 {
  width: 100%;
}

.col-xxs-pull-0 {
  right: auto;
}

.col-xxs-pull-1 {
  right: 8.3333333333%;
}

.col-xxs-pull-2 {
  right: 16.6666666667%;
}

.col-xxs-pull-3 {
  right: 25%;
}

.col-xxs-pull-4 {
  right: 33.3333333333%;
}

.col-xxs-pull-5 {
  right: 41.6666666667%;
}

.col-xxs-pull-6 {
  right: 50%;
}

.col-xxs-pull-7 {
  right: 58.3333333333%;
}

.col-xxs-pull-8 {
  right: 66.6666666667%;
}

.col-xxs-pull-9 {
  right: 75%;
}

.col-xxs-pull-10 {
  right: 83.3333333333%;
}

.col-xxs-pull-11 {
  right: 91.6666666667%;
}

.col-xxs-pull-12 {
  right: 100%;
}

.col-xxs-push-0 {
  left: auto;
}

.col-xxs-push-1 {
  left: 8.3333333333%;
}

.col-xxs-push-2 {
  left: 16.6666666667%;
}

.col-xxs-push-3 {
  left: 25%;
}

.col-xxs-push-4 {
  left: 33.3333333333%;
}

.col-xxs-push-5 {
  left: 41.6666666667%;
}

.col-xxs-push-6 {
  left: 50%;
}

.col-xxs-push-7 {
  left: 58.3333333333%;
}

.col-xxs-push-8 {
  left: 66.6666666667%;
}

.col-xxs-push-9 {
  left: 75%;
}

.col-xxs-push-10 {
  left: 83.3333333333%;
}

.col-xxs-push-11 {
  left: 91.6666666667%;
}

.col-xxs-push-12 {
  left: 100%;
}

.col-xxs-offset-0 {
  margin-left: 0%;
}

.col-xxs-offset-half-0 {
  margin-left: 0%;
}

.col-xxs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xxs-offset-half-1 {
  margin-left: 4.1666666667%;
}

.col-xxs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xxs-offset-half-2 {
  margin-left: 8.3333333333%;
}

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

.col-xxs-offset-half-3 {
  margin-left: 12.5%;
}

.col-xxs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xxs-offset-half-4 {
  margin-left: 16.6666666667%;
}

.col-xxs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xxs-offset-half-5 {
  margin-left: 20.8333333333%;
}

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

.col-xxs-offset-half-6 {
  margin-left: 25%;
}

.col-xxs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xxs-offset-half-7 {
  margin-left: 29.1666666667%;
}

.col-xxs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xxs-offset-half-8 {
  margin-left: 33.3333333333%;
}

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

.col-xxs-offset-half-9 {
  margin-left: 37.5%;
}

.col-xxs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xxs-offset-half-10 {
  margin-left: 41.6666666667%;
}

.col-xxs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xxs-offset-half-11 {
  margin-left: 45.8333333333%;
}

.col-xxs-offset-12 {
  margin-left: 100%;
}

.col-xxs-offset-half-12 {
  margin-left: 50%;
}

@media (min-width: 480px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }

  .col-xs-1 {
    width: 8.3333333333%;
  }

  .col-xs-2 {
    width: 16.6666666667%;
  }

  .col-xs-3 {
    width: 25%;
  }

  .col-xs-4 {
    width: 33.3333333333%;
  }

  .col-xs-5 {
    width: 41.6666666667%;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-xs-7 {
    width: 58.3333333333%;
  }

  .col-xs-8 {
    width: 66.6666666667%;
  }

  .col-xs-9 {
    width: 75%;
  }

  .col-xs-10 {
    width: 83.3333333333%;
  }

  .col-xs-11 {
    width: 91.6666666667%;
  }

  .col-xs-12 {
    width: 100%;
  }

  .col-xs-pull-0 {
    right: auto;
  }

  .col-xs-pull-1 {
    right: 8.3333333333%;
  }

  .col-xs-pull-2 {
    right: 16.6666666667%;
  }

  .col-xs-pull-3 {
    right: 25%;
  }

  .col-xs-pull-4 {
    right: 33.3333333333%;
  }

  .col-xs-pull-5 {
    right: 41.6666666667%;
  }

  .col-xs-pull-6 {
    right: 50%;
  }

  .col-xs-pull-7 {
    right: 58.3333333333%;
  }

  .col-xs-pull-8 {
    right: 66.6666666667%;
  }

  .col-xs-pull-9 {
    right: 75%;
  }

  .col-xs-pull-10 {
    right: 83.3333333333%;
  }

  .col-xs-pull-11 {
    right: 91.6666666667%;
  }

  .col-xs-pull-12 {
    right: 100%;
  }

  .col-xs-push-0 {
    left: auto;
  }

  .col-xs-push-1 {
    left: 8.3333333333%;
  }

  .col-xs-push-2 {
    left: 16.6666666667%;
  }

  .col-xs-push-3 {
    left: 25%;
  }

  .col-xs-push-4 {
    left: 33.3333333333%;
  }

  .col-xs-push-5 {
    left: 41.6666666667%;
  }

  .col-xs-push-6 {
    left: 50%;
  }

  .col-xs-push-7 {
    left: 58.3333333333%;
  }

  .col-xs-push-8 {
    left: 66.6666666667%;
  }

  .col-xs-push-9 {
    left: 75%;
  }

  .col-xs-push-10 {
    left: 83.3333333333%;
  }

  .col-xs-push-11 {
    left: 91.6666666667%;
  }

  .col-xs-push-12 {
    left: 100%;
  }

  .col-xs-offset-0 {
    margin-left: 0%;
  }

  .col-xs-offset-half-0 {
    margin-left: 0%;
  }

  .col-xs-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-xs-offset-half-1 {
    margin-left: 4.1666666667%;
  }

  .col-xs-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-xs-offset-half-2 {
    margin-left: 8.3333333333%;
  }

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

  .col-xs-offset-half-3 {
    margin-left: 12.5%;
  }

  .col-xs-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-xs-offset-half-4 {
    margin-left: 16.6666666667%;
  }

  .col-xs-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-xs-offset-half-5 {
    margin-left: 20.8333333333%;
  }

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

  .col-xs-offset-half-6 {
    margin-left: 25%;
  }

  .col-xs-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-xs-offset-half-7 {
    margin-left: 29.1666666667%;
  }

  .col-xs-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-xs-offset-half-8 {
    margin-left: 33.3333333333%;
  }

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

  .col-xs-offset-half-9 {
    margin-left: 37.5%;
  }

  .col-xs-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-xs-offset-half-10 {
    margin-left: 41.6666666667%;
  }

  .col-xs-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-xs-offset-half-11 {
    margin-left: 45.8333333333%;
  }

  .col-xs-offset-12 {
    margin-left: 100%;
  }

  .col-xs-offset-half-12 {
    margin-left: 50%;
  }
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-half-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-half-1 {
    margin-left: 4.1666666667%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-half-2 {
    margin-left: 8.3333333333%;
  }

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

  .col-sm-offset-half-3 {
    margin-left: 12.5%;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-half-4 {
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-offset-half-5 {
    margin-left: 20.8333333333%;
  }

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

  .col-sm-offset-half-6 {
    margin-left: 25%;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-half-7 {
    margin-left: 29.1666666667%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-offset-half-8 {
    margin-left: 33.3333333333%;
  }

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

  .col-sm-offset-half-9 {
    margin-left: 37.5%;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-half-10 {
    margin-left: 41.6666666667%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-half-11 {
    margin-left: 45.8333333333%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-half-12 {
    margin-left: 50%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-half-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-half-1 {
    margin-left: 4.1666666667%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-offset-half-2 {
    margin-left: 8.3333333333%;
  }

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

  .col-md-offset-half-3 {
    margin-left: 12.5%;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-half-4 {
    margin-left: 16.6666666667%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-offset-half-5 {
    margin-left: 20.8333333333%;
  }

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

  .col-md-offset-half-6 {
    margin-left: 25%;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-half-7 {
    margin-left: 29.1666666667%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-offset-half-8 {
    margin-left: 33.3333333333%;
  }

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

  .col-md-offset-half-9 {
    margin-left: 37.5%;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-half-10 {
    margin-left: 41.6666666667%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-offset-half-11 {
    margin-left: 45.8333333333%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-half-12 {
    margin-left: 50%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-half-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-half-1 {
    margin-left: 4.1666666667%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-half-2 {
    margin-left: 8.3333333333%;
  }

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

  .col-lg-offset-half-3 {
    margin-left: 12.5%;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-half-4 {
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-offset-half-5 {
    margin-left: 20.8333333333%;
  }

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

  .col-lg-offset-half-6 {
    margin-left: 25%;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-half-7 {
    margin-left: 29.1666666667%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-offset-half-8 {
    margin-left: 33.3333333333%;
  }

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

  .col-lg-offset-half-9 {
    margin-left: 37.5%;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-half-10 {
    margin-left: 41.6666666667%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-half-11 {
    margin-left: 45.8333333333%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-half-12 {
    margin-left: 50%;
  }
}
@media (min-width: 1400px) {
  .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
    float: left;
  }

  .col-xlg-1 {
    width: 8.3333333333%;
  }

  .col-xlg-2 {
    width: 16.6666666667%;
  }

  .col-xlg-3 {
    width: 25%;
  }

  .col-xlg-4 {
    width: 33.3333333333%;
  }

  .col-xlg-5 {
    width: 41.6666666667%;
  }

  .col-xlg-6 {
    width: 50%;
  }

  .col-xlg-7 {
    width: 58.3333333333%;
  }

  .col-xlg-8 {
    width: 66.6666666667%;
  }

  .col-xlg-9 {
    width: 75%;
  }

  .col-xlg-10 {
    width: 83.3333333333%;
  }

  .col-xlg-11 {
    width: 91.6666666667%;
  }

  .col-xlg-12 {
    width: 100%;
  }

  .col-xlg-pull-0 {
    right: auto;
  }

  .col-xlg-pull-1 {
    right: 8.3333333333%;
  }

  .col-xlg-pull-2 {
    right: 16.6666666667%;
  }

  .col-xlg-pull-3 {
    right: 25%;
  }

  .col-xlg-pull-4 {
    right: 33.3333333333%;
  }

  .col-xlg-pull-5 {
    right: 41.6666666667%;
  }

  .col-xlg-pull-6 {
    right: 50%;
  }

  .col-xlg-pull-7 {
    right: 58.3333333333%;
  }

  .col-xlg-pull-8 {
    right: 66.6666666667%;
  }

  .col-xlg-pull-9 {
    right: 75%;
  }

  .col-xlg-pull-10 {
    right: 83.3333333333%;
  }

  .col-xlg-pull-11 {
    right: 91.6666666667%;
  }

  .col-xlg-pull-12 {
    right: 100%;
  }

  .col-xlg-push-0 {
    left: auto;
  }

  .col-xlg-push-1 {
    left: 8.3333333333%;
  }

  .col-xlg-push-2 {
    left: 16.6666666667%;
  }

  .col-xlg-push-3 {
    left: 25%;
  }

  .col-xlg-push-4 {
    left: 33.3333333333%;
  }

  .col-xlg-push-5 {
    left: 41.6666666667%;
  }

  .col-xlg-push-6 {
    left: 50%;
  }

  .col-xlg-push-7 {
    left: 58.3333333333%;
  }

  .col-xlg-push-8 {
    left: 66.6666666667%;
  }

  .col-xlg-push-9 {
    left: 75%;
  }

  .col-xlg-push-10 {
    left: 83.3333333333%;
  }

  .col-xlg-push-11 {
    left: 91.6666666667%;
  }

  .col-xlg-push-12 {
    left: 100%;
  }

  .col-xlg-offset-0 {
    margin-left: 0%;
  }

  .col-xlg-offset-half-0 {
    margin-left: 0%;
  }

  .col-xlg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-xlg-offset-half-1 {
    margin-left: 4.1666666667%;
  }

  .col-xlg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-xlg-offset-half-2 {
    margin-left: 8.3333333333%;
  }

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

  .col-xlg-offset-half-3 {
    margin-left: 12.5%;
  }

  .col-xlg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-xlg-offset-half-4 {
    margin-left: 16.6666666667%;
  }

  .col-xlg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-xlg-offset-half-5 {
    margin-left: 20.8333333333%;
  }

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

  .col-xlg-offset-half-6 {
    margin-left: 25%;
  }

  .col-xlg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-xlg-offset-half-7 {
    margin-left: 29.1666666667%;
  }

  .col-xlg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-xlg-offset-half-8 {
    margin-left: 33.3333333333%;
  }

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

  .col-xlg-offset-half-9 {
    margin-left: 37.5%;
  }

  .col-xlg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-xlg-offset-half-10 {
    margin-left: 41.6666666667%;
  }

  .col-xlg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-xlg-offset-half-11 {
    margin-left: 45.8333333333%;
  }

  .col-xlg-offset-12 {
    margin-left: 100%;
  }

  .col-xlg-offset-half-12 {
    margin-left: 50%;
  }
}
.color-fortumLightGreen {
  color: #66cc00 !important;
}
.color-fortumDarkGreen {
  color: #336633 !important;
}
.color-leaf {
  color: #acc53c !important;
}
.color-forest {
  color: #3b4c15 !important;
}
.color-lightBlue {
  color: #00a8e1 !important;
}
.color-darkBlue {
  color: #003a69 !important;
}
.color-lemon {
  color: #ffe71a !important;
}
.color-orange {
  color: #ff6600 !important;
}
.color-birch {
  color: #c9d889 !important;
}
.color-mist {
  color: #e1ebcd !important;
}
.color-water {
  color: #7fb88f !important;
}
.color-rain {
  color: #40696f !important;
}
.color-river {
  color: #4c8765 !important;
}
.color-sea {
  color: #69abac !important;
}
.color-cloud {
  color: #cbe4f4 !important;
}
.color-sky {
  color: #98b2d5 !important;
}
.color-wind {
  color: #7291b0 !important;
}
.color-thunder {
  color: #0b2a50 !important;
}
.color-mud {
  color: #55361d !important;
}
.color-earth {
  color: #9c8357 !important;
}
.color-sand {
  color: #baa888 !important;
}
.color-wheat {
  color: #e9d4ae !important;
}
.color-graphite {
  color: #333 !important;
}
.color-desert {
  color: #f5f3ee !important;
}
.color-black {
  color: #000 !important;
}
.color-white, .wpcf7-submit {
  color: #fff !important;
}
.color-blue {
  color: #3a2bb4 !important;
}
.color-purple {
  color: #a82293 !important;
}
.color-gray-1 {
  color: #333333 !important;
}
.color-gray-2 {
  color: #5f6064 !important;
}
.color-gray-3 {
  color: #d7d8dc !important;
}
.color-gray-4 {
  color: #ebebed !important;
}
.color-newBrandGray4 {
  color: #ebebed !important;
}
.color-newBrandGray3 {
  color: #d7d8dc !important;
}
.color-newBrandGray2 {
  color: #5f6064 !important;
}
.color-newBrandGray1 {
  color: #333333 !important;
}
.color-newBrandPastel1 {
  color: #6075e2 !important;
}
.color-newBrandPastel2 {
  color: #c8d5ff !important;
}
.color-newBrandPastel3 {
  color: #885ebf !important;
}
.color-newBrandPastel4 {
  color: #c49add !important;
}
.color-newBrandBlue4 {
  color: #cecaec !important;
}
.color-newBrandPurple1 {
  color: #a82293 !important;
}
.color-newBrandPurple2 {
  color: #be59ae !important;
}
.color-newBrandPurple3 {
  color: #d390c9 !important;
}
.color-newBrandPurple4 {
  color: #e9c8e4 !important;
}
.color-blue10 {
  color: #EDECF8 !important;
}
.color-blue30 {
  color: #CAC6EB !important;
}
.color-blue60 {
  color: #958CD7 !important;
}
.color-blue80 {
  color: #7166C9 !important;
}
.color-blue100 {
  color: #4E40BC !important;
}
.color-blue110 {
  color: #3527A3 !important;
}
.color-blue120 {
  color: #1B0D89 !important;
}
.color-blue130 {
  color: #090070 !important;
}
.color-dark2 {
  color: #FBFBFC !important;
}
.color-dark5 {
  color: #F6F6F7 !important;
}
.color-dark10 {
  color: #EDEDEE !important;
}
.color-dark15 {
  color: #E4E4E6 !important;
}
.color-dark30 {
  color: #CACACD !important;
}
.color-dark60 {
  color: #95959A !important;
}
.color-dark80 {
  color: #717179 !important;
}
.color-dark100 {
  color: #4E4E57 !important;
}
.color-dark110 {
  color: #35353E !important;
}
.color-dark120 {
  color: #1B1B24 !important;
}
.color-dark130 {
  color: #02020B !important;
}
.color-green10 {
  color: #E6FBF1 !important;
}
.color-green30 {
  color: #B3F2D4 !important;
}
.color-green60 {
  color: #85E9BB !important;
}
.color-green80 {
  color: #33DB8D !important;
}
.color-green100 {
  color: #00D270 !important;
}
.color-green110 {
  color: #00B957 !important;
}
.color-green120 {
  color: #009F3D !important;
}
.color-green130 {
  color: #008624 !important;
}
.color-indigo10 {
  color: #EFF1FC !important;
}
.color-indigo30 {
  color: #CFD6F6 !important;
}
.color-indigo60 {
  color: #A0ACEE !important;
}
.color-indigo80 {
  color: #8091E8 !important;
}
.color-indigo100 {
  color: #6075E2 !important;
}
.color-indigo110 {
  color: #475CC9 !important;
}
.color-indigo120 {
  color: #2D42AF !important;
}
.color-indigo130 {
  color: #142996 !important;
}
.color-lavender10 {
  color: #F3EFF9 !important;
}
.color-lavender30 {
  color: #DBCFEC !important;
}
.color-lavender60 {
  color: #B89ED9 !important;
}
.color-lavender80 {
  color: #A07ECC !important;
}
.color-lavender100 {
  color: #885EBF !important;
}
.color-lavender110 {
  color: #6F45A6 !important;
}
.color-lavender120 {
  color: #552B8C !important;
}
.color-lavender130 {
  color: #3C1273 !important;
}
.color-magenta10 {
  color: #F7EBF5 !important;
}
.color-magenta30 {
  color: #E8C3E2 !important;
}
.color-magenta60 {
  color: #D89BCE !important;
}
.color-magenta80 {
  color: #C160B1 !important;
}
.color-magenta100 {
  color: #B1389E !important;
}
.color-magenta110 {
  color: #981F85 !important;
}
.color-magenta120 {
  color: #7E056B !important;
}
.color-magenta130 {
  color: #650052 !important;
}
.color-red10 {
  color: #FDECEC !important;
}
.color-red30 {
  color: #F9C7C7 !important;
}
.color-red60 {
  color: #F4848F !important;
}
.color-red80 {
  color: #F06969 !important;
}
.color-red100 {
  color: #EC4444 !important;
}
.color-red110 {
  color: #D32B2B !important;
}
.color-red120 {
  color: #B91111 !important;
}
.color-red130 {
  color: #A00000 !important;
}
.color-yellow10 {
  color: #FFFBEC !important;
}
.color-yellow30 {
  color: #FFF2C6 !important;
}
.color-yellow60 {
  color: #FFE58E !important;
}
.color-yellow80 {
  color: #FFDC68 !important;
}
.color-yellow100 {
  color: #FFD342 !important;
}
.color-yellow110 {
  color: #E6BA29 !important;
}
.color-yellow120 {
  color: #CCA00F !important;
}
.color-yellow130 {
  color: #B38700 !important;
}
.color-exergi-dark-gray {
  color: #5f6064 !important;
}
.color-exergi-gray {
  color: #87888c !important;
}
.color-exergi-light-gray {
  color: #d7d8dc !important;
}
.color-exergi-dark-blue {
  color: #3a2bb4 !important;
}
.color-exergi-dark-blue75 {
  color: #6B60C7 !important;
}
.color-exergi-dark-blue50 {
  color: #9C95D9 !important;
}
.color-exergi-dark-blue25 {
  color: #CECAEC !important;
}
.color-exergi-blue {
  color: #6075E2 !important;
}
.color-exergi-light-blue {
  color: #c8d5ff !important;
}
.color-exergi-light-purple {
  color: #c49add !important;
}
.color-exergi-purple {
  color: #885EBF !important;
}
.color-exergi-magenta {
  color: #a82293 !important;
}
.color-exergi-magenta75 {
  color: #BE59AE !important;
}
.color-exergi-magenta50 {
  color: #D390C9 !important;
}
.color-exergi-magenta25 {
  color: #E9C8E4 !important;
}
.color-exergi-green {
  color: #3CC800 !important;
}
.color-exergi-green10 {
  color: #ECFAE6 !important;
}
.color-exergi-yellow {
  color: #FFD400 !important;
}
.color-exergi-yellow10 {
  color: #FFFBE6 !important;
}
.color-exergi-red {
  color: #FF2800 !important;
}
.color-exergi-red10 {
  color: #FFEAE6 !important;
}

.bg-fortumLightGreen {
  background-color: #66cc00 !important;
}
.bg-fortumDarkGreen {
  background-color: #336633 !important;
}
.bg-leaf {
  background-color: #acc53c !important;
}
.bg-forest {
  background-color: #3b4c15 !important;
}
.bg-lightBlue {
  background-color: #00a8e1 !important;
}
.bg-darkBlue {
  background-color: #003a69 !important;
}
.bg-lemon {
  background-color: #ffe71a !important;
}
.bg-orange {
  background-color: #ff6600 !important;
}
.bg-birch {
  background-color: #c9d889 !important;
}
.bg-mist {
  background-color: #e1ebcd !important;
}
.bg-water {
  background-color: #7fb88f !important;
}
.bg-rain {
  background-color: #40696f !important;
}
.bg-river, .wpcf7-submit {
  background-color: #4c8765 !important;
}
.bg-sea {
  background-color: #69abac !important;
}
.bg-cloud {
  background-color: #cbe4f4 !important;
}
.bg-sky {
  background-color: #98b2d5 !important;
}
.bg-wind {
  background-color: #7291b0 !important;
}
.bg-thunder {
  background-color: #0b2a50 !important;
}
.bg-mud {
  background-color: #55361d !important;
}
.bg-earth {
  background-color: #9c8357 !important;
}
.bg-sand {
  background-color: #baa888 !important;
}
.bg-wheat {
  background-color: #e9d4ae !important;
}
.bg-graphite {
  background-color: #333 !important;
}
.bg-desert {
  background-color: #f5f3ee !important;
}
.bg-black {
  background-color: #000 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-blue {
  background-color: #3a2bb4 !important;
}
.bg-purple {
  background-color: #a82293 !important;
}
.bg-gray-1 {
  background-color: #333333 !important;
}
.bg-gray-2 {
  background-color: #5f6064 !important;
}
.bg-gray-3 {
  background-color: #d7d8dc !important;
}
.bg-gray-4 {
  background-color: #ebebed !important;
}
.bg-newBrandGray4 {
  background-color: #ebebed !important;
}
.bg-newBrandGray3 {
  background-color: #d7d8dc !important;
}
.bg-newBrandGray2 {
  background-color: #5f6064 !important;
}
.bg-newBrandGray1 {
  background-color: #333333 !important;
}
.bg-newBrandPastel1 {
  background-color: #6075e2 !important;
}
.bg-newBrandPastel2 {
  background-color: #c8d5ff !important;
}
.bg-newBrandPastel3 {
  background-color: #885ebf !important;
}
.bg-newBrandPastel4 {
  background-color: #c49add !important;
}
.bg-newBrandBlue4 {
  background-color: #cecaec !important;
}
.bg-newBrandPurple1 {
  background-color: #a82293 !important;
}
.bg-newBrandPurple2 {
  background-color: #be59ae !important;
}
.bg-newBrandPurple3 {
  background-color: #d390c9 !important;
}
.bg-newBrandPurple4 {
  background-color: #e9c8e4 !important;
}
.bg-blue10 {
  background-color: #EDECF8 !important;
}
.bg-blue30 {
  background-color: #CAC6EB !important;
}
.bg-blue60 {
  background-color: #958CD7 !important;
}
.bg-blue80 {
  background-color: #7166C9 !important;
}
.bg-blue100 {
  background-color: #4E40BC !important;
}
.bg-blue110 {
  background-color: #3527A3 !important;
}
.bg-blue120 {
  background-color: #1B0D89 !important;
}
.bg-blue130 {
  background-color: #090070 !important;
}
.bg-dark2 {
  background-color: #FBFBFC !important;
}
.bg-dark5 {
  background-color: #F6F6F7 !important;
}
.bg-dark10 {
  background-color: #EDEDEE !important;
}
.bg-dark15 {
  background-color: #E4E4E6 !important;
}
.bg-dark30 {
  background-color: #CACACD !important;
}
.bg-dark60 {
  background-color: #95959A !important;
}
.bg-dark80 {
  background-color: #717179 !important;
}
.bg-dark100 {
  background-color: #4E4E57 !important;
}
.bg-dark110 {
  background-color: #35353E !important;
}
.bg-dark120 {
  background-color: #1B1B24 !important;
}
.bg-dark130 {
  background-color: #02020B !important;
}
.bg-green10 {
  background-color: #E6FBF1 !important;
}
.bg-green30 {
  background-color: #B3F2D4 !important;
}
.bg-green60 {
  background-color: #85E9BB !important;
}
.bg-green80 {
  background-color: #33DB8D !important;
}
.bg-green100 {
  background-color: #00D270 !important;
}
.bg-green110 {
  background-color: #00B957 !important;
}
.bg-green120 {
  background-color: #009F3D !important;
}
.bg-green130 {
  background-color: #008624 !important;
}
.bg-indigo10 {
  background-color: #EFF1FC !important;
}
.bg-indigo30 {
  background-color: #CFD6F6 !important;
}
.bg-indigo60 {
  background-color: #A0ACEE !important;
}
.bg-indigo80 {
  background-color: #8091E8 !important;
}
.bg-indigo100 {
  background-color: #6075E2 !important;
}
.bg-indigo110 {
  background-color: #475CC9 !important;
}
.bg-indigo120 {
  background-color: #2D42AF !important;
}
.bg-indigo130 {
  background-color: #142996 !important;
}
.bg-lavender10 {
  background-color: #F3EFF9 !important;
}
.bg-lavender30 {
  background-color: #DBCFEC !important;
}
.bg-lavender60 {
  background-color: #B89ED9 !important;
}
.bg-lavender80 {
  background-color: #A07ECC !important;
}
.bg-lavender100 {
  background-color: #885EBF !important;
}
.bg-lavender110 {
  background-color: #6F45A6 !important;
}
.bg-lavender120 {
  background-color: #552B8C !important;
}
.bg-lavender130 {
  background-color: #3C1273 !important;
}
.bg-magenta10 {
  background-color: #F7EBF5 !important;
}
.bg-magenta30 {
  background-color: #E8C3E2 !important;
}
.bg-magenta60 {
  background-color: #D89BCE !important;
}
.bg-magenta80 {
  background-color: #C160B1 !important;
}
.bg-magenta100 {
  background-color: #B1389E !important;
}
.bg-magenta110 {
  background-color: #981F85 !important;
}
.bg-magenta120 {
  background-color: #7E056B !important;
}
.bg-magenta130 {
  background-color: #650052 !important;
}
.bg-red10 {
  background-color: #FDECEC !important;
}
.bg-red30 {
  background-color: #F9C7C7 !important;
}
.bg-red60 {
  background-color: #F4848F !important;
}
.bg-red80 {
  background-color: #F06969 !important;
}
.bg-red100 {
  background-color: #EC4444 !important;
}
.bg-red110 {
  background-color: #D32B2B !important;
}
.bg-red120 {
  background-color: #B91111 !important;
}
.bg-red130 {
  background-color: #A00000 !important;
}
.bg-yellow10 {
  background-color: #FFFBEC !important;
}
.bg-yellow30 {
  background-color: #FFF2C6 !important;
}
.bg-yellow60 {
  background-color: #FFE58E !important;
}
.bg-yellow80 {
  background-color: #FFDC68 !important;
}
.bg-yellow100 {
  background-color: #FFD342 !important;
}
.bg-yellow110 {
  background-color: #E6BA29 !important;
}
.bg-yellow120 {
  background-color: #CCA00F !important;
}
.bg-yellow130 {
  background-color: #B38700 !important;
}
.bg-exergi-dark-gray {
  background-color: #5f6064 !important;
}
.bg-exergi-gray {
  background-color: #87888c !important;
}
.bg-exergi-light-gray {
  background-color: #d7d8dc !important;
}
.bg-exergi-dark-blue {
  background-color: #3a2bb4 !important;
}
.bg-exergi-dark-blue75 {
  background-color: #6B60C7 !important;
}
.bg-exergi-dark-blue50 {
  background-color: #9C95D9 !important;
}
.bg-exergi-dark-blue25 {
  background-color: #CECAEC !important;
}
.bg-exergi-blue {
  background-color: #6075E2 !important;
}
.bg-exergi-light-blue {
  background-color: #c8d5ff !important;
}
.bg-exergi-light-purple {
  background-color: #c49add !important;
}
.bg-exergi-purple {
  background-color: #885EBF !important;
}
.bg-exergi-magenta {
  background-color: #a82293 !important;
}
.bg-exergi-magenta75 {
  background-color: #BE59AE !important;
}
.bg-exergi-magenta50 {
  background-color: #D390C9 !important;
}
.bg-exergi-magenta25 {
  background-color: #E9C8E4 !important;
}
.bg-exergi-green {
  background-color: #3CC800 !important;
}
.bg-exergi-green10 {
  background-color: #ECFAE6 !important;
}
.bg-exergi-yellow {
  background-color: #FFD400 !important;
}
.bg-exergi-yellow10 {
  background-color: #FFFBE6 !important;
}
.bg-exergi-red {
  background-color: #FF2800 !important;
}
.bg-exergi-red10 {
  background-color: #FFEAE6 !important;
}

.border-color-fortumLightGreen {
  border-color: #66cc00 !important;
}
.border-color-fortumDarkGreen {
  border-color: #336633 !important;
}
.border-color-leaf {
  border-color: #acc53c !important;
}
.border-color-forest {
  border-color: #3b4c15 !important;
}
.border-color-lightBlue {
  border-color: #00a8e1 !important;
}
.border-color-darkBlue {
  border-color: #003a69 !important;
}
.border-color-lemon {
  border-color: #ffe71a !important;
}
.border-color-orange {
  border-color: #ff6600 !important;
}
.border-color-birch {
  border-color: #c9d889 !important;
}
.border-color-mist {
  border-color: #e1ebcd !important;
}
.border-color-water {
  border-color: #7fb88f !important;
}
.border-color-rain {
  border-color: #40696f !important;
}
.border-color-river {
  border-color: #4c8765 !important;
}
.border-color-sea {
  border-color: #69abac !important;
}
.border-color-cloud {
  border-color: #cbe4f4 !important;
}
.border-color-sky {
  border-color: #98b2d5 !important;
}
.border-color-wind {
  border-color: #7291b0 !important;
}
.border-color-thunder {
  border-color: #0b2a50 !important;
}
.border-color-mud {
  border-color: #55361d !important;
}
.border-color-earth {
  border-color: #9c8357 !important;
}
.border-color-sand {
  border-color: #baa888 !important;
}
.border-color-wheat {
  border-color: #e9d4ae !important;
}
.border-color-graphite {
  border-color: #333 !important;
}
.border-color-desert {
  border-color: #f5f3ee !important;
}
.border-color-black {
  border-color: #000 !important;
}
.border-color-white {
  border-color: #fff !important;
}
.border-color-blue {
  border-color: #3a2bb4 !important;
}
.border-color-purple {
  border-color: #a82293 !important;
}
.border-color-gray-1 {
  border-color: #333333 !important;
}
.border-color-gray-2 {
  border-color: #5f6064 !important;
}
.border-color-gray-3 {
  border-color: #d7d8dc !important;
}
.border-color-gray-4 {
  border-color: #ebebed !important;
}
.border-color-newBrandGray4 {
  border-color: #ebebed !important;
}
.border-color-newBrandGray3 {
  border-color: #d7d8dc !important;
}
.border-color-newBrandGray2 {
  border-color: #5f6064 !important;
}
.border-color-newBrandGray1 {
  border-color: #333333 !important;
}
.border-color-newBrandPastel1 {
  border-color: #6075e2 !important;
}
.border-color-newBrandPastel2 {
  border-color: #c8d5ff !important;
}
.border-color-newBrandPastel3 {
  border-color: #885ebf !important;
}
.border-color-newBrandPastel4 {
  border-color: #c49add !important;
}
.border-color-newBrandBlue4 {
  border-color: #cecaec !important;
}
.border-color-newBrandPurple1 {
  border-color: #a82293 !important;
}
.border-color-newBrandPurple2 {
  border-color: #be59ae !important;
}
.border-color-newBrandPurple3 {
  border-color: #d390c9 !important;
}
.border-color-newBrandPurple4 {
  border-color: #e9c8e4 !important;
}
.border-color-blue10 {
  border-color: #EDECF8 !important;
}
.border-color-blue30 {
  border-color: #CAC6EB !important;
}
.border-color-blue60 {
  border-color: #958CD7 !important;
}
.border-color-blue80 {
  border-color: #7166C9 !important;
}
.border-color-blue100 {
  border-color: #4E40BC !important;
}
.border-color-blue110 {
  border-color: #3527A3 !important;
}
.border-color-blue120 {
  border-color: #1B0D89 !important;
}
.border-color-blue130 {
  border-color: #090070 !important;
}
.border-color-dark2 {
  border-color: #FBFBFC !important;
}
.border-color-dark5 {
  border-color: #F6F6F7 !important;
}
.border-color-dark10 {
  border-color: #EDEDEE !important;
}
.border-color-dark15 {
  border-color: #E4E4E6 !important;
}
.border-color-dark30 {
  border-color: #CACACD !important;
}
.border-color-dark60 {
  border-color: #95959A !important;
}
.border-color-dark80 {
  border-color: #717179 !important;
}
.border-color-dark100 {
  border-color: #4E4E57 !important;
}
.border-color-dark110 {
  border-color: #35353E !important;
}
.border-color-dark120 {
  border-color: #1B1B24 !important;
}
.border-color-dark130 {
  border-color: #02020B !important;
}
.border-color-green10 {
  border-color: #E6FBF1 !important;
}
.border-color-green30 {
  border-color: #B3F2D4 !important;
}
.border-color-green60 {
  border-color: #85E9BB !important;
}
.border-color-green80 {
  border-color: #33DB8D !important;
}
.border-color-green100 {
  border-color: #00D270 !important;
}
.border-color-green110 {
  border-color: #00B957 !important;
}
.border-color-green120 {
  border-color: #009F3D !important;
}
.border-color-green130 {
  border-color: #008624 !important;
}
.border-color-indigo10 {
  border-color: #EFF1FC !important;
}
.border-color-indigo30 {
  border-color: #CFD6F6 !important;
}
.border-color-indigo60 {
  border-color: #A0ACEE !important;
}
.border-color-indigo80 {
  border-color: #8091E8 !important;
}
.border-color-indigo100 {
  border-color: #6075E2 !important;
}
.border-color-indigo110 {
  border-color: #475CC9 !important;
}
.border-color-indigo120 {
  border-color: #2D42AF !important;
}
.border-color-indigo130 {
  border-color: #142996 !important;
}
.border-color-lavender10 {
  border-color: #F3EFF9 !important;
}
.border-color-lavender30 {
  border-color: #DBCFEC !important;
}
.border-color-lavender60 {
  border-color: #B89ED9 !important;
}
.border-color-lavender80 {
  border-color: #A07ECC !important;
}
.border-color-lavender100 {
  border-color: #885EBF !important;
}
.border-color-lavender110 {
  border-color: #6F45A6 !important;
}
.border-color-lavender120 {
  border-color: #552B8C !important;
}
.border-color-lavender130 {
  border-color: #3C1273 !important;
}
.border-color-magenta10 {
  border-color: #F7EBF5 !important;
}
.border-color-magenta30 {
  border-color: #E8C3E2 !important;
}
.border-color-magenta60 {
  border-color: #D89BCE !important;
}
.border-color-magenta80 {
  border-color: #C160B1 !important;
}
.border-color-magenta100 {
  border-color: #B1389E !important;
}
.border-color-magenta110 {
  border-color: #981F85 !important;
}
.border-color-magenta120 {
  border-color: #7E056B !important;
}
.border-color-magenta130 {
  border-color: #650052 !important;
}
.border-color-red10 {
  border-color: #FDECEC !important;
}
.border-color-red30 {
  border-color: #F9C7C7 !important;
}
.border-color-red60 {
  border-color: #F4848F !important;
}
.border-color-red80 {
  border-color: #F06969 !important;
}
.border-color-red100 {
  border-color: #EC4444 !important;
}
.border-color-red110 {
  border-color: #D32B2B !important;
}
.border-color-red120 {
  border-color: #B91111 !important;
}
.border-color-red130 {
  border-color: #A00000 !important;
}
.border-color-yellow10 {
  border-color: #FFFBEC !important;
}
.border-color-yellow30 {
  border-color: #FFF2C6 !important;
}
.border-color-yellow60 {
  border-color: #FFE58E !important;
}
.border-color-yellow80 {
  border-color: #FFDC68 !important;
}
.border-color-yellow100 {
  border-color: #FFD342 !important;
}
.border-color-yellow110 {
  border-color: #E6BA29 !important;
}
.border-color-yellow120 {
  border-color: #CCA00F !important;
}
.border-color-yellow130 {
  border-color: #B38700 !important;
}
.border-color-exergi-dark-gray {
  border-color: #5f6064 !important;
}
.border-color-exergi-gray {
  border-color: #87888c !important;
}
.border-color-exergi-light-gray {
  border-color: #d7d8dc !important;
}
.border-color-exergi-dark-blue {
  border-color: #3a2bb4 !important;
}
.border-color-exergi-dark-blue75 {
  border-color: #6B60C7 !important;
}
.border-color-exergi-dark-blue50 {
  border-color: #9C95D9 !important;
}
.border-color-exergi-dark-blue25 {
  border-color: #CECAEC !important;
}
.border-color-exergi-blue {
  border-color: #6075E2 !important;
}
.border-color-exergi-light-blue {
  border-color: #c8d5ff !important;
}
.border-color-exergi-light-purple {
  border-color: #c49add !important;
}
.border-color-exergi-purple {
  border-color: #885EBF !important;
}
.border-color-exergi-magenta {
  border-color: #a82293 !important;
}
.border-color-exergi-magenta75 {
  border-color: #BE59AE !important;
}
.border-color-exergi-magenta50 {
  border-color: #D390C9 !important;
}
.border-color-exergi-magenta25 {
  border-color: #E9C8E4 !important;
}
.border-color-exergi-green {
  border-color: #3CC800 !important;
}
.border-color-exergi-green10 {
  border-color: #ECFAE6 !important;
}
.border-color-exergi-yellow {
  border-color: #FFD400 !important;
}
.border-color-exergi-yellow10 {
  border-color: #FFFBE6 !important;
}
.border-color-exergi-red {
  border-color: #FF2800 !important;
}
.border-color-exergi-red10 {
  border-color: #FFEAE6 !important;
}

.color-river, .bg-river, .wpcf7-submit {
  background-color: #a82293 !important;
}

.bg-twitter {
  background-color: #1da1f2;
}

.page-nav-list__link, h6,
.zeta, h5,
.epsilon, .open-sans-light,
.preamble, .open-sans-bold {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
}

.times-new-roman {
  font-family: "Stockholm Exergi", Helvetica, Arial, sans-serif;
}

.open-sans,
.campaign-hero__preamble.preamble {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.wf-opensans-inactive .open-sans,
.wf-opensans-inactive .campaign-hero__preamble.preamble {
  font-family: "Helvetica", "Arial", sans-serif;
}

.open-sans-bold {
  font-weight: 600;
}

.open-sans-light,
.preamble {
  font-weight: 300;
}

.times-new-roman-bold,
h2.special-headline .word1,
h2.special-headline .word2,
.beta.special-headline .word1,
.beta.special-headline .word2,
h1.special-headline .word1,
h1.special-headline .word2,
.alpha.special-headline .word1,
.alpha.special-headline .word2 {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-family: "Stockholm Exergi", Helvetica, Arial, sans-serif;
  font-weight: 400;
  word-wrap: break-word;
}

h1, .campaign-hero__headline, .alpha {
  font-family: "Stockholm Exergi", Helvetica, Arial, sans-serif;
}

h1,
.alpha,
h2,
.beta,
h3,
.gamma,
h4,
.delta,
h5,
.epsilon,
h6,
.zeta {
  margin-top: 0;
}

h1,
.alpha {
  margin-bottom: 1.5rem;
  font-size: 3rem;
  line-height: 1.0833333333;
}
h1.special-headline,
.alpha.special-headline {
  color: #acc53c;
  font-weight: normal;
}
h1.special-headline .word1,
h1.special-headline .word2,
.alpha.special-headline .word1,
.alpha.special-headline .word2 {
  color: #a82293;
}
@media only screen and (max-width: 768px) {
  h1,
.alpha {
    font-size: 2.499999999rem;
    line-height: 1.1000000004;
  }
}
@media only screen and (max-width: 480px) {
  h1,
.alpha {
    font-size: 1.9999999992rem;
    line-height: 1.1250000005;
  }
}
@media only screen and (max-width: 320px) {
  h1,
.alpha {
    font-size: 1.7499999993rem;
    line-height: 1.1428571433;
  }
}
h1 b, h1 strong,
.alpha b,
.alpha strong {
  font-weight: normal;
}

h2,
.beta {
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 1.25;
}
h2.special-headline,
.beta.special-headline {
  color: #acc53c;
  font-weight: normal;
}
h2.special-headline .word1,
h2.special-headline .word2,
.beta.special-headline .word1,
.beta.special-headline .word2 {
  color: #4c8765;
}
@media only screen and (max-width: 768px) {
  h2,
.beta {
    font-size: 1.666666666rem;
    line-height: 1.2000000005;
  }
}
@media only screen and (max-width: 320px) {
  h2,
.beta {
    font-size: 1.3333333328rem;
    line-height: 1.1250000004;
  }
}
h2 b, h2 strong,
.beta b,
.beta strong {
  font-weight: normal;
}

h3,
.gamma {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.3333333333;
}
@media only screen and (max-width: 768px) {
  h3,
.gamma {
    font-size: 1.2499999995rem;
    line-height: 1.2000000005;
  }
}
@media only screen and (max-width: 320px) {
  h3,
.gamma {
    font-size: 0.9999999996rem;
    line-height: 1.2500000005;
  }
}
h3 b, h3 strong,
.gamma b,
.gamma strong {
  font-weight: normal;
}

h4,
.delta {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  h4,
.delta {
    font-size: 1.0416666663rem;
    line-height: 1.2000000005;
  }
}
@media only screen and (max-width: 320px) {
  h4,
.delta {
    font-size: 0.833333333rem;
    line-height: 1.2000000005;
  }
}
h4 b, h4 strong,
.delta b,
.delta strong {
  font-weight: normal;
}

h5,
.epsilon {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}
h5 b, h5 strong,
.epsilon b,
.epsilon strong {
  font-weight: normal;
}

h6,
.zeta {
  font-size: 0.8125rem;
  line-height: 1.2307692308;
  font-weight: 600;
}
h6 b, h6 strong,
.zeta b,
.zeta strong {
  font-weight: normal;
}

.preamble {
  color: #333;
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  margin-bottom: 1.5rem;
  font-size: 1.05rem;
  line-height: 1.3333333333;
}
@media only screen and (min-width: 1200px) {
  .preamble {
    max-width: 992px;
    display: inline-block;
  }
}
@media only screen and (min-width: 480px) {
  .preamble {
    font-size: 1.35rem;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 768px) {
  .preamble {
    font-size: 1.5rem;
    line-height: 1.3333333333;
  }
}
.preamble b, .preamble strong {
  font-weight: normal;
}

p,
ul,
ol,
dl,
figure,
address {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

p a {
  text-decoration: underline;
}

ol,
ul {
  padding-left: 1.5rem;
}

code,
pre,
.pre,
samp {
  font-family: monospace;
}

pre {
  background-color: #fff;
  word-break: keep-all;
  word-wrap: normal;
}
pre code {
  overflow-x: scroll;
  white-space: pre;
  word-wrap: normal;
  word-break: keep-all;
  overflow-x: scroll;
}

mark {
  background-color: #ff0;
}

blockquote {
  font-family: "Stockholm Exergi", Helvetica, Arial, sans-serif, serif;
  font-style: italic;
  position: relative;
  top: 1rem;
  margin-bottom: 3rem;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) {
  blockquote {
    font-size: 1.5rem;
    line-height: 1.1666666667;
  }
}
blockquote::before {
  content: "”";
  position: absolute;
  top: -20px;
  left: 0;
  width: 24px;
  height: 24px;
  font-size: 3rem;
  line-height: 1.0833333333;
}

sup, sub {
  font-size: 13px;
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
}

hr {
  border: 0;
  border-top: 1px solid #d7d8dc;
}

.wysiwyg-block p {
  color: #000;
}
.wysiwyg-block ul li {
  color: #000;
}
.wysiwyg-block h1,
.wysiwyg-block h2,
.wysiwyg-block h3,
.wysiwyg-block h4,
.wysiwyg-block h5,
.wysiwyg-block h6 {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-weight: 600;
}
.wysiwyg-block h1 strong,
.wysiwyg-block h2 strong,
.wysiwyg-block h3 strong,
.wysiwyg-block h4 strong,
.wysiwyg-block h5 strong,
.wysiwyg-block h6 strong {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.wysiwyg-block h1 b,
.wysiwyg-block h2 b,
.wysiwyg-block h3 b,
.wysiwyg-block h4 b,
.wysiwyg-block h5 b,
.wysiwyg-block h6 b {
  font-weight: 600;
}

html {
  font-size: 100%;
  line-height: 1.5;
  background-color: #fff;
  overflow-y: scroll;
}

body {
  position: relative;
  background-color: #fff;
  -ms-overflow-style: scrollbar;
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  color: #5f6064;
  padding-top: 58px;
}
@media only screen and (min-width: 768px) {
  body {
    padding-top: 72px;
  }
}
@media only screen and (min-width: 1200px) {
  body {
    padding-top: 96px;
  }
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
body.scroll-lock {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

a {
  color: #a82293;
  text-decoration: none;
}

:focus {
  outline: 0;
}

.tab-highlight :focus, .tab-highlight :focus + label,
.tab-highlight .focus,
.tab-highlight .focus + label {
  outline: 0.125rem solid #6075e2 !important;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

@media only screen and (max-width: 992px) {
  .container--fullwidth-on-small-screen {
    width: 100% !important;
  }
}

@media only screen and (max-width: 992px) {
  .m-t-md-small-screen {
    margin-top: 1.5rem;
  }
}

.u-icon-left {
  padding-left: 2rem;
  background-position: 0 50%;
  padding-left: 2.1875rem;
  background-position: 0.4375rem 50%;
}

.u-icon-right {
  padding-right: 2rem;
  background-position: 100% 50%;
  padding-right: 2.1875rem;
  background-position: calc(100% - 0.4375rem) 50%;
}

@media only screen and (max-width: 768px) {
  .u-icon-btn {
    padding: 1.25rem;
    background-position: center center;
  }
}

@media only screen and (max-width: 480px) {
  .u-icon-btn-sm {
    padding: 1.25rem;
    background-position: center center;
  }
}

@media only screen and (max-width: 320px) {
  .u-icon-btn-xs {
    padding: 1.25rem;
    background-position: center center;
  }
}

.u-icon-big {
  background-size: 1.8rem;
}
.u-icon-big.u-icon-left {
  padding-left: 2.75rem;
}

.u-icon-small {
  background-size: 1.375rem;
}

.u-icon-smaller {
  background-size: 1rem;
}

.u-normal-weight {
  font-weight: normal !important;
}

.m-a-sm {
  margin: 0.5rem !important;
}

.m-t-sm {
  margin-top: 0.5rem !important;
}

.m-r-sm {
  margin-right: 0.5rem !important;
}

.m-b-sm {
  margin-bottom: 0.5rem !important;
}

.m-l-sm {
  margin-left: 0.5rem !important;
}

.m-x-sm {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.m-y-sm {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-a-dbl {
  margin: 4rem !important;
}

.m-t-dbl {
  margin-top: 4rem !important;
}

.m-r-dbl {
  margin-right: 4rem !important;
}

.m-b-dbl {
  margin-bottom: 4rem !important;
}

.m-l-dbl {
  margin-left: 4rem !important;
}

.m-x-dbl {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.m-y-dbl {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.p-a-sm {
  padding: 0.5rem !important;
}

.p-t-sm {
  padding-top: 0.5rem !important;
}

.p-r-sm {
  padding-right: 0.5rem !important;
}

.p-b-sm {
  padding-bottom: 0.5rem !important;
}

.p-l-sm {
  padding-left: 0.5rem !important;
}

.p-x-sm {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.p-y-sm {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-a-dbl {
  padding: 2rem !important;
}

.p-t-dbl {
  padding-top: 2rem !important;
}

.p-r-dbl {
  padding-right: 2rem !important;
}

.p-b-dbl {
  padding-bottom: 2rem !important;
}

.p-l-dbl {
  padding-left: 2rem !important;
}

.p-x-dbl {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.p-y-dbl {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.b-ra-0 {
  border-radius: 0 !important;
}

.b-a-0 {
  border: 0 !important;
}

.b-t-0 {
  border-top: 0 !important;
}

.b-b-0 {
  border-bottom: 0 !important;
}

.b-l-0 {
  border-left: 0 !important;
}

.b-r-0 {
  border-right: 0 !important;
}

.b-t-1 {
  border-top: 1px solid #5f6064 !important;
}

.b-b-1 {
  border-bottom: 1px solid #5f6064 !important;
}

.b-t-2 {
  border-top: 2px solid #5f6064 !important;
}

.b-b-2 {
  border-bottom: 2px solid #5f6064 !important;
}

.b-t-3 {
  border-top: 3px solid #5f6064 !important;
}

.b-b-3 {
  border-bottom: 3px solid #5f6064 !important;
}

.b-t-4 {
  border-top: 4px solid #5f6064 !important;
}

.b-b-4 {
  border-bottom: 4px solid #5f6064 !important;
}

.b--light {
  border-color: #5f6064 !important;
}

.table--b-t-0 thead:first-child td,
.table--b-t-0 thead:first-child th,
.table--b-t-0 tbody:first-child td,
.table--b-t-0 tbody:first-child th {
  border-top: 0 !important;
}

.u-align-left {
  -moz-text-align-last: auto !important;
       text-align-last: auto !important;
}

.u-align-right {
  text-align: right !important;
}

.u-align-center {
  text-align: center !important;
}

.u-valign-center {
  vertical-align: middle !important;
}

.u-relative {
  position: relative !important;
}

.u-display-block {
  display: block !important;
}

.u-display-inline-block {
  display: inline-block !important;
}

.u-display-inline {
  display: inline !important;
}

.u-display-flex {
  display: flex !important;
}

.u-fullwidth {
  width: 100% !important;
}

.u-underline {
  text-decoration: underline;
}

.u-no-underline {
  text-decoration: none;
}

.u-weight-normal {
  font-weight: 400;
}

.u-weight-bold {
  font-weight: 700;
}

.u-width-auto {
  width: auto !important;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin-bottom: 2rem;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.u-justify-center {
  justify-content: center;
}

.visuallyhidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.hide-on-screen-width {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

@media only screen and (max-width: 320px) {
  .visuallyhidden-on-xx-small-screen {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute;
  }
}

@media only screen and (max-width: 480px) {
  .visuallyhidden-on-x-small-screen {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute;
  }
}

@media only screen and (max-width: 768px) {
  .visuallyhidden-on-small-screen {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute;
  }
}

@media only screen and (max-width: 992px) {
  .visuallyhidden-on-medium-screen {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute;
  }
}

@media only screen and (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .hidden-md {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}

.is-hidden {
  display: none;
}

@media only screen and (max-width: 768px) {
  .collapse-on-mobile {
    display: none;
  }
}

.container--narrow {
  max-width: 910px;
}

.container--bordered + .container--bordered {
  border-top: 1px solid #d9d9d9;
}

.container--border-bottom {
  border-bottom: 1px solid #d9d9d9;
}

.list-clean {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-clean li {
  padding-left: 0;
}

.list-inline li {
  display: inline-block;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.m-a-0 {
  margin: 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-a {
  margin: 1rem !important;
}

.m-t {
  margin-top: 1rem !important;
}

.m-r {
  margin-right: 1rem !important;
}

.m-b {
  margin-bottom: 1rem !important;
}

.m-l {
  margin-left: 1rem !important;
}

.m-x {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.m-y {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-a-md {
  margin: 1.5rem !important;
}

.m-t-md {
  margin-top: 1.5rem !important;
}

.m-r-md {
  margin-right: 1.5rem !important;
}

.m-b-md {
  margin-bottom: 1.5rem !important;
}

.m-l-md {
  margin-left: 1.5rem !important;
}

.m-x-md {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.m-y-md {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-a-lg {
  margin: 3rem !important;
}

.m-t-lg {
  margin-top: 3rem !important;
}

.m-r-lg {
  margin-right: 3rem !important;
}

.m-b-lg {
  margin-bottom: 3rem !important;
}

.m-l-lg {
  margin-left: 3rem !important;
}

.m-x-lg {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.m-y-lg {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-a-0 {
  padding: 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-a {
  padding: 1rem !important;
}

.p-t {
  padding-top: 1rem !important;
}

.p-r {
  padding-right: 1rem !important;
}

.p-b {
  padding-bottom: 1rem !important;
}

.p-l {
  padding-left: 1rem !important;
}

.p-x {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.p-y {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-a-md {
  padding: 1.5rem !important;
}

.p-t-md {
  padding-top: 1.5rem !important;
}

.p-r-md {
  padding-right: 1.5rem !important;
}

.p-b-md {
  padding-bottom: 1.5rem !important;
}

.p-l-md {
  padding-left: 1.5rem !important;
}

.p-x-md {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.p-y-md {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-a-lg {
  padding: 3rem !important;
}

.p-t-lg {
  padding-top: 3rem !important;
}

.p-r-lg {
  padding-right: 3rem !important;
}

.p-b-lg {
  padding-bottom: 3rem !important;
}

.p-l-lg {
  padding-left: 3rem !important;
}

.p-x-lg {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.p-y-lg {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.btn, .wpcf7-submit {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 0;
  padding: 0.875rem 3rem;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 0;
}
@media only screen and (min-width: 1200px) {
  .btn, .wpcf7-submit {
    transition: stroke 0.6s ease;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
  }
  .btn:before, .wpcf7-submit:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 4px;
    transition: left 0.3s ease-out, right 0.3s ease-out;
  }
  .btn:hover, .wpcf7-submit:hover {
    color: #fff;
    text-decoration: none;
  }
  .btn:hover:before, .wpcf7-submit:hover:before {
    left: 0;
    right: 0;
    background: linear-gradient(to right, #3A2BE0 0%, #5F74E2 32%, #8561C2 64%, #A82293 100%);
  }
  .btn.bg-river:before, .wpcf7-submit:before, .btn.campaign-hero-btn:before {
    background: linear-gradient(to right, #3A2BE0 0%, #5F74E2 32%, #8561C2 64%, #A82293 100%);
  }
  .btn.main-nav__link:before, .main-nav__link.wpcf7-submit:before {
    background: #a82293;
  }
  .btn.bg-rain:before, .bg-rain.wpcf7-submit:before {
    background: #69abac;
  }
  .btn.header-btn__search:before, .header-btn__search.wpcf7-submit:before, .btn.toggle-dropdownmenu:before, .toggle-dropdownmenu.wpcf7-submit:before {
    background: #a82293;
    display: none;
  }
  .btn.header-btn__login:before, .header-btn__login.wpcf7-submit:before {
    background: transparent;
  }
}
.btn:active, .wpcf7-submit:active, .btn.active, .active.wpcf7-submit {
  outline: 0;
  background-image: none;
}
.btn.disabled, .disabled.wpcf7-submit, .btn[disabled], [disabled].wpcf7-submit, fieldset[disabled] .btn, fieldset[disabled] .wpcf7-submit {
  cursor: not-allowed;
}
.btn.btn--icon, .btn--icon.wpcf7-submit {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

a.btn, a.wpcf7-submit {
  text-decoration: none;
}
a.btn.disabled, a.disabled.wpcf7-submit, fieldset[disabled] a.btn, fieldset[disabled] a.wpcf7-submit {
  pointer-events: none;
}

.block-icon {
  position: relative;
  isolation: isolate;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  background-position: 50% 50%;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  vertical-align: middle;
  border-radius: 50%;
}
.block-icon::before, .block-icon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.block-icon::before {
  top: 0;
  background: inherit;
  z-index: -1;
  outline: 2px solid transparent;
  transition: 0.25s ease;
  transition-property: outline-color, translate;
}
a:hover .block-icon::before, .article-meta:has(+ .block-link:hover) .block-icon::before {
  outline-color: #fff;
  translate: 0 -1px;
}
.block-icon::after {
  background-color: inherit;
  top: 4px;
  filter: blur(4px);
  opacity: 0;
  z-index: -2;
  transition: opacity 0.25s ease;
}
a:hover .block-icon::after, .article-meta:has(+ .block-link:hover) .block-icon::after {
  opacity: 0.4;
}
.block-icon.bg-pastel::after {
  background-color: #0F2490;
}
.block-icon.bg-purple::after {
  background-color: #7B0D6A;
}
.block-icon:not(.icon-twitter-twitter) {
  background-size: 28%;
}
.block-icon.icon-twitter-twitter {
  background-size: 116%;
}

.block-icon--round {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  transform: scale(1);
  transition: transform 0.25s ease-out;
}

.block-icon--big {
  width: 3rem;
  height: 3rem;
}

.block-link {
  display: block;
}
.block-link:hover .block-icon--round, .block-link:focus .block-icon--round {
  transform: scale(1.2);
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: inherit;
  border: 0;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type=search] {
  box-sizing: border-box;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 1.875rem;
  font-size: 16px;
  line-height: 1.5;
}

.wpcf7-textarea,
.wpcf7-text,
.form-control {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.5;
  vertical-align: middle;
  padding: 0.75rem 1rem;
  font-size: 16px;
  line-height: 1.5;
  background-image: none;
  border: 1px solid silver;
  border-bottom: 4px solid #a82293;
  border-radius: 0;
}
.wpcf7-textarea::-ms-expand,
.wpcf7-text::-ms-expand,
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.wpcf7-textarea[disabled], .wpcf7-textarea[readonly], fieldset[disabled] .wpcf7-textarea,
.wpcf7-text[disabled],
.wpcf7-text[readonly],
fieldset[disabled] .wpcf7-text,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: silver;
  opacity: 1;
}
.wpcf7-textarea[disabled], fieldset[disabled] .wpcf7-textarea,
.wpcf7-text[disabled],
fieldset[disabled] .wpcf7-text,
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

input:-webkit-autofill {
  background-color: #fff !important;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 3rem;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2021.0.2%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2229px%22%20height%3D%2216.001px%22%20viewBox%3D%220%200%2029%2016.001%22%20style%3D%22enable-background%3Anew%200%200%2029%2016.001%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23333333%22%20class%3D%22st0%22%20d%3D%22M15.445%2C15.506L28.663%2C1.862c0.449-0.426%2C0.449-1.117%2C0-1.543c-0.449-0.426-1.178-0.426-1.628%2C0L14.5%2C13.258%0A%09L1.966%2C0.321c-0.451-0.426-1.18-0.426-1.63%2C0c-0.449%2C0.426-0.449%2C1.116%2C0%2C1.542L13.56%2C15.51c0.102%2C0.139%2C0.626%2C0.502%2C0.936%2C0.491%0A%09C14.808%2C16.015%2C15.354%2C15.634%2C15.445%2C15.506z%22/%3E%0A%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(100% - 1rem) 50%;
  border-bottom: 1px solid silver;
}
select.form-control.multi-select {
  background: none;
  padding: 0.5rem;
}
select::-ms-expand {
  display: none;
}

.wpcf7-textarea,
textarea.form-control {
  height: auto;
  height: 152px;
}

input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
    line-height: 42px;
  }
}
.form-group {
  margin-bottom: 16px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 24px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9 ;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.wpcf7-display-none {
  display: none !important;
}

.wpcf7-response-output,
.wpcf7-validation-errors {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 3;
  background-color: #f5f3ee;
  border: 0 !important;
  border-top: 1px solid #d1d1d1 !important;
  margin: 0 !important;
  padding: 1.5rem !important;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1);
}

.wpcf7-validation-errors {
  color: red;
}

.wpcf7-mail-sent-ng {
  color: #336633;
}

.gradient-radio {
  font-family: "Graphik Regular", Helvetica, Arial, sans-serif;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio {
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .gradient-radio .wpcf7-form-control-wrap .wpcf7-radio {
    display: flex;
    align-items: center;
  }
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item {
  display: inline-block;
  position: relative;
  border: 1px solid #ebebed;
  background: #fff;
  width: 100%;
  height: 100px;
  margin: 12px 0;
  padding: 12px;
}
@media only screen and (min-width: 768px) {
  .gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item {
    width: 208px;
    height: 208px;
    margin: 0 8px;
  }
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  font-size: 24px;
  font-weight: 800;
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item:first-child {
  margin-left: 0;
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item.checkbox-custom .input {
  position: absolute;
  display: inline-block;
  bottom: 70px;
  right: 70px;
  width: 0;
  height: 0;
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item.checkbox-custom .input::after {
  content: "";
  background: #fff;
  border: 1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  padding: 2px;
  text-align: center;
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input[type=radio] {
  position: absolute;
  width: 50px;
  height: 50px;
  padding: 2px;
  opacity: 0;
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item.active {
  background-image: -ms-linear-gradient(45deg, #3a2be0 0%, #6075e2 33%, #885ebf 66%, #a82293 100%);
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item.active .wpcf7-list-item-label {
  color: white;
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item.active.checkbox-custom .input::after {
  background: #3a2bb4;
  border: none;
}
.gradient-radio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item.active.checkbox-custom .input::before {
  content: "";
  position: absolute;
  display: block;
  transform: rotate(45deg);
  height: 29px;
  width: 13px;
  border-bottom: 5px solid #fff;
  border-right: 5px solid #fff;
  right: -38px;
  top: 6px;
}

.acceptance {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  line-height: 1.33;
}
.acceptance .check {
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border: 2px solid #a82293;
}
.acceptance .check.active {
  background: #a82293;
}
.acceptance .check.active::before {
  content: "";
  position: absolute;
  display: block;
  transform: rotate(45deg);
  height: 10px;
  width: 3px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.result .resultHeader {
  padding-bottom: 24px;
}
.result .resultFooter {
  border-top: 1px solid #d9d9d9;
  margin-top: 50px;
  padding-top: 30px;
}
.result .wp-caption {
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  .result .wp-caption {
    display: flex;
    align-items: center;
  }
}
.result .wp-caption p {
  padding: 20px;
}

.alignleft,
.alignright,
.aligncenter {
  width: auto;
  display: block;
}

.alignleft {
  float: left;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.wysiwyg-block .alignleft {
  float: none;
  width: 100%;
  margin-right: 0;
}
@media only screen and (min-width: 480px) {
  .wysiwyg-block .alignleft {
    float: left;
    width: auto;
    max-width: 50%;
    margin-right: 1.5rem;
  }
}

.alignright {
  float: right;
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}
.wysiwyg-block .alignright {
  float: none;
  width: 100%;
  margin-left: 0;
}
@media only screen and (min-width: 480px) {
  .wysiwyg-block .alignright {
    float: right;
    width: auto;
    max-width: 50%;
    margin-left: 1.5rem;
  }
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}
.wysiwyg-block .aligncenter {
  max-width: 100%;
}

.alignnone {
  margin-bottom: 1.5rem;
  display: block;
}

p img {
  display: block;
}
p img.alignnone {
  margin-bottom: 0;
}

.table-wrapper {
  margin-top: 2.5rem;
}
.table-wrapper .fortum-table__th {
  color: #000;
}

.scroll-indicator {
  display: none;
  height: 1.5rem;
}
@media only screen and (max-width: 992px) {
  .scroll-indicator {
    width: 100%;
    position: relative;
    display: block;
  }
  .scroll-indicator:before {
    content: "Scroll";
    position: absolute;
    right: 30px;
    top: -5px;
    width: 45px;
    height: 0;
    -webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;
    font-size: 13px;
  }
  .scroll-indicator:after {
    content: "›";
    position: absolute;
    right: 0;
    top: -12px;
    color: #a82293;
    font-size: 20px;
    -webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;
  }
}

.table-container {
  max-width: 768px;
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.table-container:focus {
  outline: none;
}
.table-container .fade {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: rgba(237, 237, 237, 0);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 237, 237, 0)), color-stop(100%, white));
  background: linear-gradient(to right, rgba(237, 237, 237, 0) 0%, white 100%);
}
.table-container .fade.is-hidden {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-container .fade {
    display: block;
    width: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .table-container .fade {
    width: 1.5rem;
  }
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    right: 0;
  }
  50% {
    opacity: 0.3;
    right: 10px;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}

@keyframes pulse {
  0% {
    opacity: 1;
    right: 0;
  }
  50% {
    opacity: 0.3;
    right: 10px;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}
.fortum-table {
  width: 100%;
  max-width: 768px;
  min-width: 768px;
}
@media only screen and (min-width: 1200px) {
  .fortum-table {
    width: 90vw;
    max-width: 1200px;
    min-width: 768px;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
  }
}

.fortum-table__th {
  white-space: nowrap;
}

.fortum-table__td {
  white-space: normal;
  vertical-align: top;
}

.fortum-table__th,
.fortum-table__td {
  text-align: left;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .fortum-table__th,
.fortum-table__td {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .fortum-table__th:first-child,
.fortum-table__td:first-child {
    width: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .fortum-table__th,
.fortum-table__td {
    font-size: 1rem;
  }
}
.fortum-table__th:first-child,
.fortum-table__td:first-child {
  text-align: left;
}
.fortum-table__th:nth-child(even),
.fortum-table__td:nth-child(even) {
  background-color: #ebebed;
}

.fortum-table__td:first-child {
  text-align: left;
  max-width: 650px;
}

.fortum-table__th {
  border-bottom: 2px solid #d7d8dc;
  text-align: left;
  font-size: 16px;
}
@media only screen and (min-width: 992px) {
  .fortum-table__th {
    font-size: 18px;
  }
}
.fortum-table__th:first-child {
  padding-left: 0;
}
.fortum-table__th p {
  display: inline;
}

.fortum-table__td {
  border-bottom: 1px solid #d7d8dc;
  text-align: left;
  font-size: 0.8rem;
}
@media only screen and (min-width: 992px) {
  .fortum-table__td {
    font-size: 16px;
  }
}

.fortum-table td strong {
  color: #5f6064;
}

.table-img {
  width: auto;
  height: auto;
  max-width: 200px;
}

.alert {
  border: 1px solid #eac7e5;
  box-shadow: 0 3px 5px rgba(234, 199, 229, 0.5);
  font-size: 1.25rem;
  line-height: 1.2;
  padding: 1.5rem;
  align-items: center;
  margin-top: 0.5rem;
  position: relative;
  display: none;
}
.alert.is-visible {
  display: flex;
}
.alert:before {
  content: "i";
  display: inline-flex;
  border: 3px solid #a82293;
  border-radius: 50%;
  color: #a82293;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.1666666667;
  margin-right: 1.5rem;
  flex-grow: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}
@media only screen and (min-width: 992px) {
  .alert:before {
    width: 50px;
    height: 50px;
    font-size: 2rem;
    line-height: 1.125;
  }
}
.alert + .alert {
  margin-top: 1.5rem;
}
.alert p:last-child {
  margin-bottom: 0;
}

.alert-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.site-header {
  position: fixed;
  display: flex;
  z-index: 5;
  width: 100%;
  top: 0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.scroll-lock .site-header {
  top: 0 !important;
}

.site-header-inner {
  padding-left: 0;
  width: 100%;
  display: flex;
}
.logotype-wrapper {
  display: flex;
  align-items: center;
}

.logotype {
  height: 26px;
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.logotype img {
  display: block;
  width: auto;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .logotype {
    height: 40px;
  }
}
@media only screen and (min-width: 1400px) {
  .logotype {
    height: 56px;
    margin-left: 2.5rem;
  }
}

.site-footer,
.site-post-footer {
  color: #fff;
}
.site-footer *,
.site-post-footer * {
  color: inherit;
}

.site-footer {
  background-color: #5f6064;
  margin-top: 6rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.site-footer__column {
  padding-top: 1.5rem;
  border-top: 1px solid #555;
}
@media only screen and (min-width: 768px) {
  .site-footer__column {
    border-top: 2px solid #fff;
  }
}

.site-footer__list dt {
  font-family: "Stockholm Exergi", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.1666666667;
  margin-bottom: 0.75rem;
}
.site-footer__list dd {
  margin-left: 0;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.site-footer__link {
  text-decoration: none;
  background-position: left center;
}

.site-post-footer {
  color: #5f6064;
  background-color: #d7d8dc;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.site-post-footer__right {
  margin-top: 1.5rem;
  display: flex;
  flex-flow: column;
}
@media only screen and (min-width: 768px) {
  .site-post-footer__right {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  .site-post-footer__right {
    align-items: flex-end;
  }
}

.site-post-footer__logos {
  display: flex;
  align-items: center;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .site-post-footer__logos {
    margin-top: 48px;
  }
}

.footer-logo {
  margin-right: 1.5rem;
  width: auto;
  height: 40px;
}
@media only screen and (min-width: 992px) {
  .footer-logo {
    height: 50px;
  }
}

.footer-social-icons {
  display: flex;
}
.footer-social-icons li {
  display: block;
}
.footer-social-icons li + li {
  margin-left: 1.5rem;
}

.social-icon {
  display: block;
}
.social-icon img {
  transition: transform 0.25s ease-out;
}
.social-icon:hover img {
  transform: scale(1.1);
}

.footer-text {
  margin-top: 1.5rem;
}
.footer-text h5 {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
}
.footer-text p {
  font-weight: 400;
  margin-bottom: 0;
}

.eu-project {
  display: flex;
  flex-flow: column;
  margin-top: auto;
  padding-top: 1.5rem;
}
.eu-project > * + * {
  margin: 1rem 0 0 0;
}
@media only screen and (min-width: 992px) {
  .eu-project {
    flex-flow: row;
  }
  .eu-project > * + * {
    margin: 0 0 0 1rem;
  }
}

.eu-project-logo {
  position: relative;
  flex: 0 0 auto;
  padding: 0;
  margin: 0 0 2rem 0;
}
.eu-project-logo img {
  display: block;
  height: 100%;
  width: 100%;
  max-width: 350px;
  -o-object-fit: contain;
     object-fit: contain;
}

.main-nav-wrapper {
  display: flex;
  justify-content: flex-end;
  position: static;
}

.main-nav {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 1200px) {
  .main-nav {
    width: auto;
    position: static;
    background-color: transparent;
    display: flex;
  }
  .main-nav .main-nav__item {
    display: flex;
    align-items: stretch;
  }
}
.main-nav.collapse {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .main-nav.collapse {
    display: flex;
  }
}
.main-nav.in.collapsed, .main-nav.collapsing {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 6;
  background-color: #ebebed;
  display: block;
}
.main-nav.in.collapsed .main-nav__item, .main-nav.collapsing .main-nav__item {
  width: 100%;
  float: left;
}
.main-nav.in.collapsed .main-nav__link, .main-nav.collapsing .main-nav__link {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.main-nav.in.collapsed .main-nav__link.toggle-dropdownmenu, .main-nav.collapsing .main-nav__link.toggle-dropdownmenu {
  display: none;
}
.main-nav.in.collapsed .dropdown-nav, .main-nav.collapsing .dropdown-nav {
  display: block;
  width: 100%;
  background-color: #ebebed;
}
.main-nav.in.collapsed .main-nav__link:hover,
.main-nav.in.collapsed .dropdown-nav__link:hover, .main-nav.collapsing .main-nav__link:hover,
.main-nav.collapsing .dropdown-nav__link:hover {
  background-color: #fff;
  color: #a82293;
}

.main-nav__link {
  display: block;
  color: #333333;
  font-size: 14px;
  text-decoration: none;
  line-height: 1;
  text-align: left;
  padding-top: 2.3125rem;
  padding-bottom: 2.3125rem;
}
.main-nav__link:hover, .main-nav__link:focus, .main-nav__link.current {
  background-color: #ebebed;
  color: #333333;
}
@media only screen and (min-width: 1200px) {
  .main-nav__link {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2.5rem;
    padding-bottom: 0px;
    height: 6rem;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 1400px) {
  .main-nav__link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.toggle-mobilemenu {
  display: flex;
}
@media only screen and (min-width: 1200px) {
  .toggle-mobilemenu {
    display: none;
  }
}

.toggle-dropdownmenu {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%224%22%20viewBox%3D%220%200%2018%204%22%3E%3Cpath%20fill%3D%22%235f6064%22%20class%3D%22st0%22%20d%3D%22M16%204a2%202%200%201%201%200-4%202%202%200%200%201%200%204zM9%204a2%202%200%201%201%200-4%202%202%200%200%201%200%204zM2%204a2%202%200%201%201%200-4%202%202%200%200%201%200%204z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 1.5rem center;
  padding-left: 3.6rem;
  position: relative;
}
.toggle-dropdownmenu + .dropdown-nav {
  display: none;
  position: absolute;
  z-index: 2;
}
@media only screen and (min-width: 1200px) {
  .toggle-dropdownmenu + .dropdown-nav {
    top: 6rem;
  }
}
.toggle-dropdownmenu:hover, .toggle-dropdownmenu:focus {
  background-color: #ebebed;
  color: #5f6064;
}
.toggle-dropdownmenu.focus + .dropdown-nav {
  display: block;
}

.dropdown-nav {
  background-color: #ebebed;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
  min-width: 200px;
}
@media only screen and (min-width: 1200px) {
  .dropdown-nav {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.dropdown-nav__link {
  display: block;
  text-decoration: none;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  color: #333333;
  font-size: 14px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 1;
}
.dropdown-nav__link:hover {
  background-color: #fff;
  color: #a82293;
}
@media only screen and (min-width: 1200px) {
  .dropdown-nav__link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.5;
  }
}

.mega-menu__top-level-navigation {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}
@media only screen and (min-width: 1200px) {
  .mega-menu__top-level-navigation {
    display: flex;
  }
}
.mega-menu__top-level-link {
  display: inline-flex;
  align-items: flex-start;
  color: #333333;
  font-size: 14px;
  text-decoration: none;
  text-align: left;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2.5rem;
  padding-bottom: 0px;
  height: 6rem;
  line-height: 1.2em;
  background-color: white;
}
.mega-menu__top-level-link--active {
  background-color: #ebebed;
}
.mega-menu__top-level-link:hover {
  background-color: #ebebed;
  color: #333333;
}
.mega-menu__top-level-link:hover:before {
  content: "";
  display: none;
}
.mega-menu__top-level-link--active::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -12px;
  height: 20px;
  width: 20px;
  left: calc(50% - 6px);
  background-image: url(../images/menu-marker.svg);
  background-repeat: no-repeat;
}
.tab-highlight .mega-menu__top-level-link:focus {
  background-color: #ebebed;
  color: #333333;
}
@media only screen and (min-width: 1400px) {
  .mega-menu__top-level-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.mega-menu__content-wrapper {
  position: relative;
  display: none;
  position: fixed;
  top: 96px;
  left: 0;
  right: 0;
  z-index: 4;
  height: calc(100vh - 96px);
  overflow-y: auto;
  border-top: 3px solid #a82293;
  box-sizing: content-box;
}
@media only screen and (min-width: 1200px) {
  .mega-menu__content-wrapper {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .mega-menu__content-wrapper {
    display: none !important;
  }
}
.mega-menu__content-bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(100vh - 96px);
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}
.mega-menu__content {
  position: relative;
  display: none;
}
.mega-menu__content.in {
  display: block;
}
.mega-menu__pages {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mega-menu__page {
  display: none;
  background-color: white;
  padding: 0;
}
.mega-menu__page-content {
  display: flex;
  padding: 40px 40px 40px 40px;
}
.mega-menu__top-object {
  flex-basis: 350px;
  flex-shrink: 0;
  padding-right: 100px;
}
.mega-menu__top-object-image {
  width: 100%;
  height: 190px;
  background-color: #d7d8dc;
  margin-bottom: 24px;
  filter: brightness(100%);
}
a.mega-menu__top-object:hover .mega-menu__top-object-image {
  filter: brightness(105%);
}
.mega-menu__top-object-image-src {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
a.mega-menu__top-object:hover .mega-menu__top-object-link {
  text-decoration: underline;
}
.mega-menu__top-object-text {
  color: #333333;
}
.mega-menu__top-object-block-icon {
  filter: brightness(100%);
}
a.mega-menu__top-object:hover .mega-menu__top-object-block-icon {
  filter: brightness(120%);
}
.mega-menu__links-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mega-menu__links-list--level1 {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 60px;
       column-gap: 60px;
  width: 100%;
}
.mega-menu__links-list--level2 {
  margin-bottom: 32px;
}
.mega-menu__links-list-item {
  position: relative;
  padding: 0px;
  box-sizing: border-box;
}
.mega-menu__links-list-item--level1 {
  display: block;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  -webkit-column-break-inside: avoid;
  width: 100%;
  padding-bottom: 24px;
}
.mega-menu__links-list-item--level1:after {
  content: "";
  display: block;
  position: absolute;
  width: 68px;
  height: 3px;
  background-color: #d7d8dc;
  bottom: 24px;
  left: 0;
}
.mega-menu__links-list-item--level2 {
  width: 100%;
}
.mega-menu__link {
  font-family: "Stockholm Exergi", Helvetica, Arial, sans-serif;
  margin-bottom: 16px;
  display: block;
}
.mega-menu__link:hover {
  text-decoration: underline;
}
.mega-menu__link--large {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 16px;
}
.mega-menu__link--medium {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 24px;
}
.mega-menu__link--small {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 16px;
  color: #333333;
}

.mobile-menu {
  display: none;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 6;
  height: calc(100vh - 58px);
  overflow-y: auto;
  overflow-x: hidden;
}
@media only screen and (min-width: 768px) {
  .mobile-menu {
    height: calc(100vh - 72px);
  }
}
@media only screen and (min-width: 1200px) {
  .mobile-menu {
    display: none !important;
  }
}
.mobile-menu__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: none;
}
.mobile-menu__list--level-1 {
  display: block;
  background-color: #ebebed;
}
.mobile-menu__list--level-2 {
  background-color: white;
}
.mobile-menu__list--level-3 {
  background-color: #ebebed;
}
.mobile-menu__list-item {
  margin: 0;
  padding: 0;
}
.mobile-menu__row {
  position: relative;
  border-top: 1px solid white;
}
.mobile-menu__list--level-2 .mobile-menu__row {
  border-color: #ebebed;
}
.mobile-menu__list--level-3 .mobile-menu__row {
  border-color: white;
}
.mobile-menu__link {
  position: relative;
  display: block;
  padding: 10px 50px 10px 10px;
  line-height: 20px;
  color: #333333;
}
.mobile-menu__list-item--active-path > .mobile-menu__row .mobile-menu__link {
  color: #a82293;
  font-weight: bold;
}
.mobile-menu__list-item--active-path > .mobile-menu__row .mobile-menu__link:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background-color: #a82293;
}
.mobile-menu__list--level-2 .mobile-menu__link {
  padding-left: 30px;
}
.mobile-menu__list--level-3 .mobile-menu__link {
  padding-left: 50px;
}
.mobile-menu__toggle-button {
  position: absolute;
  background: transparent;
  width: 39px;
  top: 0;
  bottom: 0;
  right: 0;
  color: transparent;
  border: none;
  border-left: 1px solid white;
}
.mobile-menu__list--level-2 .mobile-menu__toggle-button {
  border-color: #ebebed;
}
.mobile-menu__list--level-3 .mobile-menu__toggle-button {
  border-color: white;
}
.mobile-menu__toggle-button:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: transform 0.3s;
}
.mobile-menu__toggle-button[aria-expanded=true]:after {
  transform: rotate(180deg);
}
.mobile-menu__dark-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 4;
  display: none;
}
@media only screen and (min-width: 1200px) {
  .mobile-menu__dark-bg {
    display: none !important;
  }
}

.main-nav-buttons {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.main-nav-buttons__item {
  display: flex;
}

.header-btn {
  float: left;
  padding-left: 2rem;
  padding-right: 2rem;
  background-repeat: no-repeat;
  background-position: center;
}

.header-btn__search {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%3E%3Cpath%20d%3D%22M25%2020.88l-6.67-6.35a9.1%209.1%200%200%200%201.54-5.06C19.87%204.25%2015.42%200%209.94%200%204.46%200%200%204.25%200%209.47c0%205.22%204.46%209.46%209.94%209.46%201.85%200%203.59-.48%205.07-1.33l6.72%206.4L25%2020.88zM2.74%209.47c0-3.78%203.23-6.86%207.2-6.86s7.2%203.08%207.2%206.86-3.23%206.86-7.2%206.86-7.2-3.08-7.2-6.86z%22%20fill%3D%22%23a82293%22%2F%3E%3C%2Fsvg%3E");
  background-size: 22px 22px;
  font-size: 14px;
  background-color: transparent;
  color: #a82293;
}
.header-btn__search:hover, .header-btn__search[aria-expanded=true], .header-btn__search[aria-expanded=false] {
  color: #a82293;
}
.header-btn__search:hover {
  background-color: #ebebed;
}
.header-btn__search:active {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%3E%3Cpath%20d%3D%22M25%2020.88l-6.67-6.35a9.1%209.1%200%200%200%201.54-5.06C19.87%204.25%2015.42%200%209.94%200%204.46%200%200%204.25%200%209.47c0%205.22%204.46%209.46%209.94%209.46%201.85%200%203.59-.48%205.07-1.33l6.72%206.4L25%2020.88zM2.74%209.47c0-3.78%203.23-6.86%207.2-6.86s7.2%203.08%207.2%206.86-3.23%206.86-7.2%206.86-7.2-3.08-7.2-6.86z%22%20fill%3D%22%23a82293%22%2F%3E%3C%2Fsvg%3E");
}
.header-btn__search[aria-expanded=true] {
  background-color: #ebebed;
}
@media only screen and (max-width: 768px) {
  .header-btn__search[aria-expanded=false] {
    background-color: transparent !important;
  }
}
@media only screen and (min-width: 768px) {
  .header-btn__search {
    padding-left: 3.9rem;
    background-position: 1.5rem center;
  }
}

.header-btn__login {
  display: flex;
  align-items: center;
  z-index: 2;
  color: #fff;
  background-image: linear-gradient(90deg, #3A2BE0 50%, #3B2DE0 51%, #5F74E2 66%, #8561C2 82%, #A82293 100%);
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  transition: background-position 250ms linear;
  background-size: auto 200%;
  background-position-x: 100%;
}
@media only screen and (min-width: 768px) {
  .header-btn__login img {
    margin-right: 5px;
  }
}
.header-btn__login:hover, .header-btn__login:focus {
  background-position-x: 0;
}
.header-btn__login:active, .header-btn__login[aria-expanded=true] {
  background-image: linear-gradient(90deg, #3A2BE0 50%, #3B2DE0 51%, #5F74E2 66%, #8561C2 82%, #A82293 100%);
}
@media only screen and (min-width: 768px) {
  .header-btn__login {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (min-width: 1400px) {
  .header-btn__login {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.header-btn__login-text {
  white-space: nowrap;
}

.header-btn__dropdownmenu {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #333333;
  padding: 0;
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  .header-btn__dropdownmenu {
    padding: 0 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-btn__dropdownmenu {
    display: none;
  }
}
.header-btn__dropdownmenu[aria-expanded=true], .header-btn__dropdownmenu:hover {
  background-color: #ebebed;
}

.header-btn__burger-icon {
  width: 24px;
  height: 24px;
  margin: 3px 18px 0;
}
.header-btn__burger-icon-line {
  display: block;
  width: 100%;
  height: 3px;
  background: #5f6064;
  transition: all 0.3s ease;
}
.header-btn__burger-icon > :nth-child(1) {
  transform-origin: bottom right;
}
[aria-expanded=true] .header-btn__burger-icon > :nth-child(1) {
  transform: translateX(-10%) rotate(-45deg);
}
.header-btn__burger-icon > :nth-child(2) {
  margin: 6px 0;
}
[aria-expanded=true] .header-btn__burger-icon > :nth-child(2) {
  opacity: 0;
}
.header-btn__burger-icon > :nth-child(3) {
  transform-origin: top right;
}
[aria-expanded=true] .header-btn__burger-icon > :nth-child(3) {
  transform: translateX(-10%) rotate(45deg);
}

.header-btn__menu-text {
  padding-right: 18px;
}

.page-nav {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 1.5rem;
}
.page-nav .preamble {
  display: inline-block;
  max-width: 870px;
}
@media only screen and (min-width: 992px) {
  .page-nav .preamble {
    max-width: 830px;
  }
}
@media only screen and (min-width: 1400px) {
  .page-nav .preamble {
    max-width: 890px;
  }
}

.page-nav-list {
  margin-top: 1.5rem;
}

.page-nav-list__item {
  float: none;
}
@media only screen and (min-width: 768px) {
  .page-nav-list__item {
    display: inline-block;
  }
}
.page-nav-list__item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
  width: calc(100% - 1.5rem);
}

.page-nav-list__link {
  background-color: #fff;
  padding-left: 1.25rem;
  padding-right: 3rem;
  padding-top: 1.1875rem;
  padding-bottom: 1.1875rem;
  /* square */
  /* round */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNjA2MTY0O30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDBMMTYsMGM4LjgsMCwxNiw3LjIsMTYsMTZ2MGMwLDguOC03LjIsMTYtMTYsMTZoMEM3LjIsMzIsMCwyNC44LDAsMTZ2MEMwLDcuMiw3LjIsMCwxNiwweiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAuNywxNS41TDEzLDguMmMtMC4yLTAuMi0wLjYtMC4yLTAuOSwwYy0wLjIsMC4yLTAuMiwwLjcsMCwwLjlsNy4zLDYuOWwtNy4zLDYuOWMtMC4yLDAuMi0wLjIsMC43LDAsMC45CgljMC4yLDAuMiwwLjYsMC4yLDAuOSwwbDcuNy03LjNjMCwwLDAuMy0wLjMsMC4zLTAuNUMyMSwxNS43LDIwLjgsMTUuNSwyMC43LDE1LjV6Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: calc(100% - 1.25rem) center;
  transition: background-position 0.25s ease-out;
  margin-bottom: 12px;
  text-align: left;
  color: #000;
}
.page-nav-list__link:hover {
  background-color: #d7d8dc;
}
@media only screen and (min-width: 768px) {
  .page-nav-list__link {
    font-size: 1.125rem;
    line-height: 1.1111111111;
  }
}

.sub-nav-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.sub-nav-wrapper h3 {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000;
}

.sub-nav {
  border-style: solid;
  border-width: 4px;
  -o-border-image: linear-gradient(to bottom, #3A2BE0 0%, #5F74E2 32%, #8561C2 64%, #A82293 100%) 0% 100% 0% 100%/0 0 4px 4px stretch;
     border-image: linear-gradient(to bottom, #3A2BE0 0%, #5F74E2 32%, #8561C2 64%, #A82293 100%) 0% 100% 0% 100%/0 0 4px 4px stretch;
  padding-left: 1.5rem;
}
.sub-nav a {
  margin-bottom: 0.5rem;
  display: block;
  color: #5f6064;
}

.sub-nav__link {
  text-decoration: underline;
}

.sub-nav__link--active {
  color: #333333;
}

.target-groups {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 992px) {
  .target-groups {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 992px) {
  .target-groups {
    display: flex;
    justify-content: space-between;
  }

  .target-group {
    display: flex;
    align-items: stretch;
    width: 100%;
    flex-shrink: 2;
    flex-grow: 0;
    width: 300px;
  }
}
.target-group-teaser {
  border-top: 4px solid #5f6064;
  color: #333333;
  background-color: #fff;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.target-group-teaser__img {
  margin-bottom: 1.5rem;
  max-width: 100%;
  width: auto;
}

.target-group-teaser__headline {
  font-size: 2rem;
  line-height: 0.75;
}

.target-group-teaser__link {
  text-decoration: none;
  color: inherit;
}
@media only screen and (min-width: 992px) {
  .target-group-teaser__link {
    display: flex;
  }
}

.campaign-hero {
  align-items: center;
  color: #fff;
  display: flex;
  left: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .campaign-hero {
    height: auto;
    margin: 0 auto;
    max-width: 1920px;
  }
}

.campaign-hero__figure {
  height: 400px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .campaign-hero__figure {
    height: auto;
  }
}

.campaign-hero__info-wrapper {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .campaign-hero__info-wrapper--left {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  .campaign-hero__info-wrapper--centered {
    justify-content: center;
  }
}

@media only screen and (min-width: 768px) {
  .campaign-hero__info-wrapper--right {
    justify-content: flex-end;
  }
}

.campaign-hero__info {
  color: inherit;
  left: 0;
  position: relative;
  text-align: center;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
  width: 100%;
  z-index: 3;
}
@media only screen and (min-width: 768px) {
  .campaign-hero__info {
    -o-border-image: linear-gradient(to right, #3A2BE0 0, #5F74E2 32%, #8561C2 64%, #A82293 100%) 100% 0 100% 0/4px 4px 0 0 stretch;
       border-image: linear-gradient(to right, #3A2BE0 0, #5F74E2 32%, #8561C2 64%, #A82293 100%) 100% 0 100% 0/4px 4px 0 0 stretch;
    border-style: solid;
    border-width: 4px;
    margin-right: 0;
    max-width: 550px;
    padding-top: 1.5rem;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    z-index: 1;
  }
}
@media only screen and (min-width: 992px) {
  .campaign-hero__info {
    max-width: 800px;
  }
}

.campaign-hero__headline {
  color: inherit;
  text-shadow: inherit;
  font-size: 4.5rem;
  line-height: 1.0555555556;
}
@media only screen and (max-width: 992px) {
  .campaign-hero__headline {
    font-size: 2.9999999988rem;
    line-height: 1.0833333338;
  }
}
@media only screen and (max-width: 768px) {
  .campaign-hero__headline {
    font-size: 2.2499999991rem;
    line-height: 1.1111111116;
  }
}
@media only screen and (max-width: 320px) {
  .campaign-hero__headline {
    font-size: 1.8749999993rem;
    line-height: 1.0666666671;
  }
}

.campaign-hero__img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  z-index: 0;
}

.campaign-hero__preamble {
  width: 100%;
}
@media only screen and (min-width: 320px) {
  .campaign-hero__preamble {
    font-size: 1rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 480px) {
  .campaign-hero__preamble {
    max-width: 100%;
    font-size: 1.1rem;
    line-height: 1.1363636364;
  }
}
@media only screen and (min-width: 992px) {
  .campaign-hero__preamble {
    max-width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .campaign-hero__preamble {
    margin-bottom: 3rem;
    font-size: 1.5rem;
    line-height: 1.1666666667;
    max-width: 100%;
  }
}

.campaign-hero-btn {
  color: #fff;
  background-color: #a82293;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media only screen and (min-width: 768px) {
  .campaign-hero-btn {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.panning-hero {
  display: flex;
  align-items: center;
  align-self: center;
}
@media only screen and (min-width: 768px) {
  .panning-hero {
    position: absolute;
    z-index: 3;
  }
}
.panning-hero__info {
  text-align: left;
  color: inherit;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  padding: 40px;
  position: absolute;
  top: 0;
  z-index: 3;
}
@media only screen and (min-width: 768px) {
  .panning-hero__info {
    margin-right: 20vw;
    margin-left: 10vw;
    padding: 0;
    position: static;
  }
}
@media only screen and (min-width: 992px) {
  .panning-hero__info {
    margin-top: -10%;
  }
}

.panning-hero__headline {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.1111111111;
}
@media only screen and (min-width: 480px) {
  .panning-hero__headline {
    font-size: 2.4rem;
    line-height: 1.0416666667;
  }
}
@media only screen and (min-width: 768px) {
  .panning-hero__headline {
    font-size: 3rem;
    line-height: 1.0833333333;
  }
}
@media only screen and (min-width: 992px) {
  .panning-hero__headline {
    font-size: 4.5rem;
    line-height: 1.0555555556;
  }
}
@media only screen and (min-width: 1200px) {
  .panning-hero__headline {
    font-size: 6rem;
    line-height: 1.0416666667;
  }
}
@media only screen and (min-width: 1400px) {
  .panning-hero__headline {
    font-size: 7.5rem;
    line-height: 1.0333333333;
  }
}
@media only screen and (min-width: 2100px) {
  .panning-hero__headline {
    font-size: 9rem;
    line-height: 1.0277777778;
    padding-right: 130px;
  }
}

.hero-standard-page {
  display: flex;
  align-items: center;
  min-height: 280px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .hero-standard-page {
    min-height: 384px;
  }
}

.hero-standard-page__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 80% 50%;
     object-position: 80% 50%;
}
@media all and (-ms-high-contrast: none) {
  .hero-standard-page__image {
    width: auto;
  }
}
.hero-standard-page--left-aligned .hero-standard-page__image {
  -o-object-position: 10% 50%;
     object-position: 10% 50%;
}
.hero-standard-page--right-aligned .hero-standard-page__image {
  -o-object-position: 90% 50%;
     object-position: 90% 50%;
}
.hero-standard-page--center-aligned .hero-standard-page__image {
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.hero-standard-page__content-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 992px) {
  .hero-standard-page__content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .hero-standard-page__content-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1400px) {
  .hero-standard-page__content-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.hero-standard-page__content {
  width: 100%;
  max-width: 1340px;
}
@media only screen and (min-width: 768px) {
  .hero-standard-page--left-aligned .hero-standard-page__content {
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  .hero-standard-page--right-aligned .hero-standard-page__content {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .hero-standard-page--center-aligned .hero-standard-page__content {
    text-align: center;
  }
}

.hero-standard-page__content-column {
  display: inline-block;
  width: 100%;
  max-width: 700px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .hero-standard-page__content-column {
    text-align: left;
  }
}

.hero-standard-page__content-headline {
  display: block;
  margin-bottom: 16px;
}
.hero-standard-page--color-dark .hero-standard-page__content-headline {
  text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.6);
}
.hero-standard-page--color-light .hero-standard-page__content-headline {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 768px) {
  .hero-standard-page__content-headline {
    margin-bottom: 24px;
  }
}
.hero-standard-page__content-headline:last-child {
  margin-bottom: 0;
}

.hero-standard-page__content-text {
  display: block;
  margin-bottom: 24px;
}
.hero-standard-page--color-dark .hero-standard-page__content-text {
  text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.6);
}
.hero-standard-page--color-light .hero-standard-page__content-text {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 768px) {
  .hero-standard-page__content-text {
    margin-bottom: 32px;
  }
}
.hero-standard-page__content-text:last-child {
  margin-bottom: 0;
}

.hero-standard-page__content-button {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .hero-standard-page__content-button {
    margin-bottom: 24px;
  }
}
.hero-standard-page__content-button:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .hero-1-2-3,
.hero-1-2-3__inner-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

.hero-1-2-3 {
  width: 100%;
  margin-top: 3rem;
}
@media only screen and (min-width: 768px) {
  .hero-1-2-3 {
    justify-content: space-between;
  }
  .hero-1-2-3:not(.has-image):after {
    content: "";
    display: block;
    padding-bottom: 58%;
  }
}

@media only screen and (min-width: 768px) {
  .hero-1-2-3__inner-wrapper {
    flex-grow: 1;
    flex-shrink: 0;
    width: calc(40% - 20px);
    margin-left: 20px;
  }
}

.hero__1 {
  width: 100%;
}
.hero__1.has-image {
  display: block;
}
@media only screen and (min-width: 768px) {
  .hero__1 {
    align-self: stretch;
    display: flex;
    width: 58%;
  }
  .hero__1:after {
    display: none;
  }
  .hero__1:not(.has-image):after {
    content: "";
    display: block;
    padding-bottom: 58%;
  }
}
.hero__1 .hero-1-2-3__textbox {
  text-shadow: none;
}
@media only screen and (min-width: 768px) {
  .hero__1 .hero-1-2-3__textbox {
    margin: 0 0 3rem 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .hero__1 .hero-1-2-3__textbox {
    margin: 0 0 12rem 6rem;
    width: 60%;
  }
}

.hero__2,
.hero__3 {
  width: 100%;
  margin-top: 20px;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .hero__2,
.hero__3 {
    align-self: stretch;
    display: flex;
    justify-content: flex-end;
    text-align: right;
    height: calc(50% - 10px);
  }
  .hero__2:after,
.hero__3:after {
    content: "";
    display: block;
    padding-bottom: 58%;
  }
}

@media only screen and (min-width: 768px) {
  .hero__2 {
    margin-top: 0;
  }
}

.hero__3 {
  align-self: flex-end;
}

.hero__2--standalone {
  height: 100%;
}

.hero__1-2-3-image {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .hero__1-2-3-image {
    height: 100%;
  }
}

.hero-1-2-3__textbox {
  margin: 0 1.5rem;
  padding: 2.5rem 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 480px) {
  .hero-1-2-3__textbox {
    align-self: flex-end;
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  .hero-1-2-3__textbox {
    margin: 0 1.5rem 1.5rem 0;
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-1-2-3__textbox {
    margin: 0 3rem 3rem 0;
    width: 50%;
  }
}

.page-block {
  height: auto;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: 0.3rem;
}
.col-33 .page-block.page-block--price {
  height: 400px;
}
.col-33 .page-block.page-block--price:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .page-block {
    height: 400px;
  }
}

.page-block__link {
  display: flex;
  flex-direction: column-reverse;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .page-block__link {
    flex-direction: row;
  }
}

.page-block--has-video {
  height: auto;
}
@media only screen and (min-width: 992px) {
  .col-33 .page-block--has-video, .col-55 .page-block--has-video, .col-66 .page-block--has-video {
    height: 400px;
  }
}
.page-block--has-video .page-block__link {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .page-block--has-video .page-block__link {
    flex-direction: row;
  }
}
.page-block--has-video .page-block__text {
  position: relative !important;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .page-block--has-video .page-block__text {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 992px) {
  .page-block--has-video .page-block__text {
    order: 2;
  }
}
@media only screen and (min-width: 480px) and (max-width: 992px) {
  .page-block--has-video .page-block__text {
    height: auto;
    width: 100% !important;
  }
}
@media only screen and (min-width: 992px) {
  .page-block--has-video .page-block__text {
    width: 33.3% !important;
  }
}

.page-block__image {
  width: 100%;
}
@media all and (-ms-high-contrast: none) {
  .page-block__image {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .page-block__image {
    width: calc(100% - 330px);
  }
}
.page-block__image img {
  width: 100%;
  height: 50vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (min-width: 768px) {
  .page-block__image img {
    height: 100%;
  }
}
@media all and (-ms-high-contrast: none) and (min-width: 768px) {
  .page-block__image img {
    width: auto;
    height: 100%;
  }
}
.col-33 .page-block--price .page-block__image img {
  opacity: 0.5;
  height: 100%;
}
.col-33 .page-block--price .page-block__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.page-block__text {
  color: #333333;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 3.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page-block__text {
    width: 330px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.col-33 .page-block--price .page-block__text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 400px;
  width: 100%;
}
.col-33 .page-block--price .page-block__text:before {
  opacity: 0.5;
  background-color: inherit;
}
.page-block__text p {
  display: none;
}
@media only screen and (min-width: 768px) {
  .page-block__text p {
    display: block;
  }
}
.page-block__text .target-group-teaser__icon {
  position: absolute;
  bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .page-block__text .target-group-teaser__icon {
    position: absolute;
    right: 20px;
    top: 23px;
    margin-left: 20px;
  }
}

.page-block__video {
  position: relative;
  background-color: #000;
  width: auto;
  height: auto;
}
@media only screen and (min-width: 480px) {
  .page-block__video {
    max-height: 410px;
  }
}
@media only screen and (min-width: 992px) {
  .page-block__video {
    width: 66.66%;
    max-height: none;
  }
}
.page-block__video iframe {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
}
.page-block__video:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.page-block__headline {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  color: #000;
}
@media (max-width: 767px) {
  .page-block__headline {
    margin: 0;
    margin-right: 20px;
  }
}

.page-block-price-bubble {
  background-color: #7fb88f;
  border-radius: 50%;
  width: 135px;
  height: 135px;
  display: flex;
  align-items: center;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 1rem;
}
.page-block-price-bubble .price-bubble__price {
  font-size: 2.25rem;
  line-height: 1.1111111111;
  line-height: 1;
  display: block;
  width: 100%;
}
.page-block-price-bubble .price-bubble__period {
  font-size: 1rem;
  line-height: 1.25;
  display: block;
  width: 100%;
}

.converting-block {
  border-top: 4px solid #a82293;
  position: relative;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .converting-block {
    border-top: 0;
  }
}

.converting-block__image-container {
  display: none;
}
@media only screen and (min-width: 768px) {
  .converting-block__image-container {
    display: block;
    padding-top: 3rem;
    overflow: hidden;
  }
}
@media only screen and (min-width: 992px) {
  .converting-block__image-container {
    padding-top: 0;
    overflow: visible;
  }
}

.converting-block__image {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 480px) {
  .converting-block__image {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .converting-block__image {
    width: auto;
    margin-top: 0;
  }
}

.converting-block__info {
  padding-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .converting-block__info {
    margin-top: 7.5rem;
    border-top: 4px solid #5f6064;
  }
}

.service-block {
  margin-bottom: 3.6rem;
}

.service-block__image {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .service-block__image {
    display: block;
    width: 100%;
    height: auto;
    float: right;
    margin-bottom: 1.5rem;
    width: auto;
    margin-bottom: 0;
  }
}

.service-block__info {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media only screen and (min-width: 1200px) {
  .service-block__info {
    padding-top: 3rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-top: 7.5rem;
    border-top: 4px solid #5f6064;
  }
}

.service-block__data {
  width: 100%;
  background-color: #d7d8dc;
  color: #5f6064;
  padding: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  float: left;
}
@media only screen and (min-width: 768px) {
  .service-block__data {
    font-size: 24px;
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .service-block__data {
    min-width: 660px;
    max-width: 660px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    height: 230px;
    position: absolute;
    left: 0;
    bottom: -3.6rem;
  }
}
.service-block__data a {
  color: inherit;
  text-decoration: none;
}

.service-block__data-left {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1200px) {
  .service-block__data-left {
    padding-right: 1.5rem;
    margin-bottom: 0;
    border-right: 1px solid #fff;
    float: left;
  }
}

.service-block__data-right {
  font-weight: 300;
  font-size: 20px;
}
@media only screen and (min-width: 1200px) {
  .service-block__data-right {
    padding-left: 1.5rem;
    float: left;
  }
}

.service-block__data-left-email a {
  text-decoration: underline;
  -webkit-text-decoration-color: #88898c;
          text-decoration-color: #88898c;
}

.featured-post {
  overflow: hidden;
  position: relative;
  min-height: 300px;
}
@media only screen and (min-width: 992px) {
  .featured-post {
    min-height: 500px;
  }
}

.featured-post__image {
  width: auto;
}

.featured-post > .article-meta,
.secondary-post > .article-meta {
  position: absolute;
  z-index: 3;
  bottom: 1.5rem;
  left: 1.5rem;
  margin-right: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .featured-post > .article-meta,
.secondary-post > .article-meta {
    bottom: 2.5rem;
    left: 2.5rem;
    margin-right: 2.5rem;
  }
}

.article-meta__category-time {
  color: #333333;
  display: inline-block;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.2307692308;
}
@media only screen and (min-width: 768px) {
  .article-meta__category-time {
    font-size: 1rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 992px) {
  .article-meta__category-time {
    font-size: 0.8125rem;
    line-height: 1.2307692308;
  }
}
@media only screen and (min-width: 1200px) {
  .article-meta__category-time {
    font-size: 1rem;
    line-height: 1.25;
  }
}

.article-headline,
.article-blog-headline {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  display: block;
  margin-bottom: 1rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 1.2;
  /*
  @media only screen and (min-width: $screen-md) {
  	@include setType($size-h3);
  }

  @media only screen and (min-width: $screen-xlg) {
  	@include setType($size-h2);
  }
  */
}
.article-headline > a,
.article-blog-headline > a {
  display: block;
  text-decoration: none;
  color: #a82293;
}

.article-headline--padded {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.article-day {
  text-decoration: none;
  text-transform: uppercase;
  padding-right: 0.75rem;
  margin-right: 0.75rem;
  border-right: 1px solid #333333;
}

.article-date {
  white-space: nowrap;
}

.secondary-post {
  overflow: hidden;
  position: relative;
  margin-top: 1.5rem;
  min-height: 300px;
}
@media only screen and (min-width: 768px) {
  .secondary-post {
    min-height: 500px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .secondary-post .featured-post__image {
    width: 100%;
  }
}

.overflow--hidden {
  overflow: hidden;
}

.border--radius {
  border-radius: 0.3rem;
}

.border--radius-bottom {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.article-post-list {
  padding-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.article-post-list__item {
  padding-top: 2.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d9d9d9;
}
.article-post-list__item:last-child {
  border-bottom: 0;
}
.article-post-list__item a {
  justify-content: space-between;
}

.article-show-all-container {
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  margin-bottom: 1rem;
}

.categories-nav-wrapper {
  display: none;
}
@media only screen and (min-width: 992px) {
  .categories-nav-wrapper {
    display: block;
    margin-bottom: 2.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .categories-nav {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .categories-nav__item {
    display: inline-block;
  }

  .categories-nav__item-link {
    text-decoration: none;
    color: #a82293;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: block;
    transition: stroke 0.6s ease;
    transform: perspective(1px) translateZ(0);
    position: relative;
  }
  .categories-nav__item-link.is-active {
    border-bottom: 4px solid #a82293;
    border-left: none;
  }
  .categories-nav__item-link.is-active:before {
    background: #a82293;
  }
  .categories-nav__item-link:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: -4px;
    background: #ffe71a;
    height: 4px;
    transition: left 0.3s ease-out, right 0.3s ease-out;
  }
  .categories-nav__item-link:hover {
    text-decoration: none;
  }
  .categories-nav__item-link:hover:before {
    left: 0;
    right: 0;
  }
}
.article-list-item {
  position: relative;
  margin-bottom: 2.5rem;
}

.article-summary {
  background-color: #ebebed;
  color: #333333;
  width: 100%;
  float: left;
  padding: 1rem;
}
@media only screen and (min-width: 768px) {
  .article-summary {
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .article-summary {
    padding: 2.5rem;
  }
}
.article-summary p {
  color: #5f6064;
}

.is-youtube {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}
.is-youtube:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%202048%202048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e42b26%3B%7D.cls-2%7Bfill%3A%23fffffe%3B%7D.cls-3%7Bfill%3Anone%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3E1489496114_5295_-_Youtube_I%3C/title%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer_1%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1688%2C565.91a197.13%2C197.13%2C0%2C0%2C0-110.92-50.31c-91.45-10.24-183.72-15.39-276.3-18-92-2.57-184.37-2.57-276.55-2.51s-184.54-.05-276.54%2C2.51c-92.59%2C2.58-184.9%2C7.74-276.39%2C18a196.89%2C196.89%2C0%2C0%2C0-110.83%2C50.33%2C205.78%2C205.78%2C0%2C0%2C0-62%2C106.53c-13.08%2C56.72-19.7%2C115.9-23%2C175.45-3.36%2C59.8-3.44%2C118.84-3.44%2C176.16s0%2C116.2%2C3.28%2C176c3.26%2C59.52%2C9.8%2C118.7%2C22.89%2C175.43a206.29%2C206.29%2C0%2C0%2C0%2C62.07%2C106.56A196.74%2C196.74%2C0%2C0%2C0%2C471%2C1532.4c91.51%2C10.23%2C183.81%2C15.39%2C276.41%2C18%2C92%2C2.57%2C184.38%2C2.57%2C276.55%2C2.51s184.59.05%2C276.58-2.51c92.58-2.58%2C184.86-7.73%2C276.36-18a196.84%2C196.84%2C0%2C0%2C0%2C110.76-50.29%2C206.77%2C206.77%2C0%2C0%2C0%2C62.18-106.57c13-56.73%2C19.57-115.91%2C22.85-175.43%2C3.23-58.69%2C3.26-118.23%2C3.25-176h.06v-2.9h-.06c0-114.85%2C0-236.49-25.78-348.7A206.12%2C206.12%2C0%2C0%2C0%2C1688%2C565.91Z%22%20transform%3D%22translate%280%200%29%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M1309.36%2C995.76q-128.53-67.12-255.8-133.52-106-55.31-212.07-110.68l-23.38-12.2V1278.7l23.31-12.08q117.3-60.76%2C233.94-121.24l233.93-121.31%2C27.23-14.12-27.17-14.19Z%22%20transform%3D%22translate%280%200%29%22/%3E%3C/g%3E%3Crect%20class%3D%22cls-3%22%20width%3D%222048%22%20height%3D%222048%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100px 100px;
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
}
@media only screen and (min-width: 992px) {
  .is-youtube:after {
    background-size: 200px 200px;
    margin-left: -100px;
    margin-top: -100px;
    width: 200px;
    height: 200px;
  }
}

.article-list__image {
  width: 100%;
}
@media only screen and (min-width: 1400px) {
  .article-list__image {
    margin-bottom: -160px;
  }
  .article-list__image.is-youtube__image {
    margin-bottom: 0;
    width: 100%;
  }
}

.toggle-more-btn {
  background-color: transparent;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 0;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2216%22%20viewBox%3D%220%200%2029%2016%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15.45%2015.5L28.66%201.87c.45-.42.45-1.11%200-1.54a1.2%201.2%200%200%200-1.62%200L14.5%2013.26%201.97.32a1.2%201.2%200%200%200-1.63%200%201.05%201.05%200%200%200%200%201.54l13.22%2013.65c.1.14.63.5.94.5.3%200%20.85-.38.95-.5z%22%20fill%3D%22%23a82293%22%2F%3E%3C%2Fsvg%3E");
}
.toggle-more-btn[aria-expanded=true] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2216%22%20viewBox%3D%220%200%2029%2016%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M13.55.5L.34%2014.14a1.05%201.05%200%200%200%200%201.54%201.2%201.2%200%200%200%201.62%200L14.5%202.74l12.53%2012.94a1.2%201.2%200%200%200%201.63%200c.45-.43.45-1.12%200-1.54L15.44.49c-.1-.14-.63-.5-.94-.49-.3-.01-.85.37-.95.5z%22%20fill%3D%22%23a82293%22%2F%3E%3C%2Fsvg%3E");
}
.toggle-more-btn.is-loading {
  width: 64px;
  height: 64px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20fill%3D%22%23a82293%22%3E%3Cstyle%3E%40-webkit-keyframes%20spin%7B0%25%7B-webkit-transform%3Arotate%280deg%29%7Dto%7B-webkit-transform%3Arotate%28360deg%29%7D%7D%40keyframes%20spin%7B0%25%7Btransform%3Arotate%280deg%29%7Dto%7Btransform%3Arotate%28360deg%29%7D%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M30%200C13.4%200%200%2013.4%200%2030s13.4%2030%2030%2030%2030-13.4%2030-30S46.6%200%2030%200zm0%2054.3c-13.4%200-24.3-11-24.3-24.3S16.7%205.7%2030%205.7s24.3%2011%2024.3%2024.3-11%2024.3-24.3%2024.3z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M5.7%2030H0c0%2016.6%2013.4%2030%2030%2030v-5.7c-13.4%200-24.3-11-24.3-24.3z%22%20style%3D%22-webkit-transform-origin%3A30px%2030px%3B-ms-transform-origin%3A30px%2030px%3Btransform-origin%3A30px%2030px%3B-webkit-animation%3Aspin%20.95s%20linear%20infinite%3Banimation%3Aspin%20.95s%20linear%20infinite%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20begin%3D%220s%22%20dur%3D%220.95s%22%20type%3D%22rotate%22%20from%3D%220%2030%2030%22%20to%3D%22360%2030%2030%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fsvg%3E");
}
.toggle-more-btn.is-loading > span {
  display: none;
}

@media only screen and (min-width: 992px) {
  .toggle-archive-container {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  .archive-sidebar {
    float: right;
  }
}

.archive-wrapper {
  overflow: hidden;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
  height: 0;
}
.archive-wrapper:before, .archive-wrapper:after {
  content: " ";
  display: table;
}
.archive-wrapper:after {
  clear: both;
}
.archive-wrapper.in {
  height: auto;
}
@media (min-width: 992px) {
  .archive-wrapper {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .archive-wrapper.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .archive-wrapper.in {
    overflow-y: visible;
  }
}

.archive-article-count {
  color: #5f6064;
  float: right;
  font-weight: 400;
}

.archive-list__item {
  border-bottom: 1px solid #ebebed;
}

.archive-list__link {
  padding: 1.5rem;
  color: #333333;
  text-decoration: underline;
  display: block;
}

.category-link {
  background-color: #ebebed;
  color: #333333;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: block;
  float: left;
  margin-bottom: 0.375rem;
  margin-right: 0.375rem;
}
.category-link:hover, .category-link:focus {
  background-color: #d0d0d5;
}

.press-contacts__image {
  width: auto;
}

@media only screen and (max-width: 992px) {
  .news-column-right {
    display: flex;
    flex-direction: column;
  }

  .archive-container {
    order: 1;
  }

  .press-contacts-container {
    order: 3;
  }

  .categories-container {
    order: 2;
  }

  .blog-writers-container {
    order: 3;
  }

  .youtube-container {
    order: 4;
  }

  .instagram-container {
    order: 5;
  }

  .twitter-container {
    order: 6;
  }

  .share-container {
    order: 7;
  }
}
.archive-social-icons {
  display: flex;
}
.archive-social-icons li + li {
  margin-left: 1.5rem;
}

.twitter-feed .twitter-feed__content {
  margin-left: 1.5rem;
  border-top: 1px solid #d9d9d9;
  color: #003a69;
}
.twitter-feed .twitter-feed__content a {
  color: inherit;
}
.twitter-feed .twitter-feed__external-link {
  text-decoration: underline;
}

.article-text-column-content {
  width: 100%;
  float: left;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .article-text-column-content {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 95px;
         column-gap: 95px;
    -moz-column-fill: balance;
         column-fill: balance;
    -moz-column-rule: 1px solid white;
         column-rule: 1px solid white;
  }
}
.article-text-column-content blockquote {
  display: inline-block;
}

.article-image {
  display: block;
}

.article-meta--single {
  width: 100%;
  float: left;
  padding: 1.5rem;
  transition: margin-top 0.25s ease-out;
}
@media only screen and (min-width: 768px) {
  .article-meta--single {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .article-meta--single {
    margin-top: -2.75rem;
    padding: 2.75rem;
  }
  .article-meta--single.is-playing {
    margin-top: 0;
  }
  .article-meta--single.has-no-image {
    margin-top: 1.5rem;
  }
}

.preamble--single {
  max-width: none;
  margin-bottom: 0;
}

.article-contact-info {
  border-top: 1px solid #d9d9d9;
  padding-top: 1.5rem;
}

.article-related-headline {
  border-top: 1px solid #d9d9d9;
  width: 100%;
  float: left;
  padding-top: 1.5rem;
}

.article-more {
  border-style: solid;
  border-width: 4px;
  -o-border-image: linear-gradient(to right, #3A2BE0 0, #5F74E2 32%, #8561C2 64%, #A82293 100%) 100% 0 100% 0/4px 4px 0 0 stretch;
     border-image: linear-gradient(to right, #3A2BE0 0, #5F74E2 32%, #8561C2 64%, #A82293 100%) 100% 0 100% 0/4px 4px 0 0 stretch;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}

.related-info-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.related-info {
  width: 100%;
  float: left;
}
@media only screen and (min-width: 768px) {
  .related-info {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    -moz-column-fill: balance;
         column-fill: balance;
  }
  .related-info.article-related-info--triple-column {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .related-info.article-related-info--triple-column .block-link--related {
    page-break-inside: avoid-column;
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
  }
}
.related-info.related-info--force-one-column {
  -moz-column-count: 1;
       column-count: 1;
}

.related-info-list {
  width: 100%;
  float: left;
}

.related-info-list__item {
  margin-bottom: 1rem;
}
.related-info-list__item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
  width: calc(100% - 1.5rem);
}

.block-link--related {
  background-color: #ebebed;
  color: #333333;
  padding-left: 1rem;
  padding-right: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  /* square */
  /* round */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNjA2MTY0O30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDBMMTYsMGM4LjgsMCwxNiw3LjIsMTYsMTZ2MGMwLDguOC03LjIsMTYtMTYsMTZoMEM3LjIsMzIsMCwyNC44LDAsMTZ2MEMwLDcuMiw3LjIsMCwxNiwweiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAuNywxNS41TDEzLDguMmMtMC4yLTAuMi0wLjYtMC4yLTAuOSwwYy0wLjIsMC4yLTAuMiwwLjcsMCwwLjlsNy4zLDYuOWwtNy4zLDYuOWMtMC4yLDAuMi0wLjIsMC43LDAsMC45CgljMC4yLDAuMiwwLjYsMC4yLDAuOSwwbDcuNy03LjNjMCwwLDAuMy0wLjMsMC4zLTAuNUMyMSwxNS43LDIwLjgsMTUuNSwyMC43LDE1LjV6Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: calc(100% - 1.25rem) center;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  transition: background-position 0.25s ease-out;
}
.block-link--related:hover {
  background-color: #d0d0d5;
}

.bordered-box {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.bordered-box.bordered-box--rain {
  border-top: 4px solid #40696f;
}
.bordered-box.bordered-box--river {
  border-style: solid;
  border-width: 4px;
  -o-border-image: linear-gradient(to right, #3A2BE0 0%, #5F74E2 32%, #8561C2 64%, #A82293 100%) 100% 0% 100% 0%/4px 4px 0 0 stretch;
     border-image: linear-gradient(to right, #3A2BE0 0%, #5F74E2 32%, #8561C2 64%, #A82293 100%) 100% 0% 100% 0%/4px 4px 0 0 stretch;
}
.bordered-box.bordered-box--darkBlue {
  border-top: 4px solid #003a69;
}

.bordered-box__inner {
  border-top: 1px solid #40696f;
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3333333333;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.accordion .collapse {
  display: none;
}
.accordion .collapse.in {
  display: block;
}
.accordion .panel {
  margin-bottom: 0.5rem;
}
.accordion .panel-collapse {
  border-left: 1px solid #ebebed;
  border-right: 1px solid #ebebed;
}
.accordion .panel-title {
  margin-bottom: 0;
}
.accordion .panel-title a {
  color: #333333;
}
.accordion .panel-heading {
  background-color: #ebebed;
}
.accordion a[data-toggle=collapse] {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 4.5rem;
  display: block;
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  background-position: calc(100% - 1.5rem) center;
  background-repeat: no-repeat;
}
.accordion a[data-toggle=collapse][aria-expanded=true] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2216%22%20viewBox%3D%220%200%2029%2016%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M13.55.5L.34%2014.14a1.05%201.05%200%200%200%200%201.54%201.2%201.2%200%200%200%201.62%200L14.5%202.74l12.53%2012.94a1.2%201.2%200%200%200%201.63%200c.45-.43.45-1.12%200-1.54L15.44.49c-.1-.14-.63-.5-.94-.49-.3-.01-.85.37-.95.5z%22%20fill%3D%22%235f6064%22%2F%3E%3C%2Fsvg%3E");
}
.accordion a[data-toggle=collapse][aria-expanded=false] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2216%22%20viewBox%3D%220%200%2029%2016%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15.45%2015.5L28.66%201.87c.45-.42.45-1.11%200-1.54a1.2%201.2%200%200%200-1.62%200L14.5%2013.26%201.97.32a1.2%201.2%200%200%200-1.63%200%201.05%201.05%200%200%200%200%201.54l13.22%2013.65c.1.14.63.5.94.5.3%200%20.85-.38.95-.5z%22%20fill%3D%22%235f6064%22%2F%3E%3C%2Fsvg%3E");
}

.breadcrumbs {
  border-style: solid;
  border-width: 4px;
  -o-border-image: linear-gradient(to right, #3A2BE0 0%, #5F74E2 32%, #8561C2 64%, #A82293 100%) 0% 0% 100% 0%/0px 0px 4px 0px stretch;
     border-image: linear-gradient(to right, #3A2BE0 0%, #5F74E2 32%, #8561C2 64%, #A82293 100%) 0% 0% 100% 0%/0px 0px 4px 0px stretch;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.breadcrumbs__active {
  color: #5f6064;
  font-weight: 700;
}

.site-search-wrapper {
  position: relative;
  background-color: #ebebed;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
}
.site-search-wrapper.collapse {
  height: 0;
  overflow: hidden;
}
.site-search-wrapper.collapse.in {
  height: auto;
}

.site-search {
  position: relative;
  display: table;
}

.site-search__input {
  display: table-cell;
  position: relative;
  width: 100%;
  vertical-align: middle;
  height: 58px;
  padding-left: 1rem;
  padding-right: 1rem;
  border: 0;
}

.input-group-btn {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
}

.site-search__btn {
  background-color: #a82293;
  border: 0;
  width: 58px;
  height: 58px;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
}

.search-result__item {
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  float: left;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}

.search-hit-type {
  color: #333333;
  text-decoration: none;
  text-transform: uppercase;
  padding-right: 0.75rem;
  margin-right: 0.75rem;
  border-right: 1px solid #333333;
}

.document-list-wrapper {
  clear: both;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.document-list-wrapper h1,
.document-list-wrapper h2,
.document-list-wrapper h3,
.document-list-wrapper h4,
.document-list-wrapper h5,
.document-list-wrapper h6 {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-weight: 600;
}
.document-list-wrapper h1 strong,
.document-list-wrapper h2 strong,
.document-list-wrapper h3 strong,
.document-list-wrapper h4 strong,
.document-list-wrapper h5 strong,
.document-list-wrapper h6 strong {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.document-list-wrapper h1 b,
.document-list-wrapper h2 b,
.document-list-wrapper h3 b,
.document-list-wrapper h4 b,
.document-list-wrapper h5 b,
.document-list-wrapper h6 b {
  font-weight: 600;
}

.panning-outer-wrapper {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.panning__image-container {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (min-aspect-ratio: 8/5) {
  .panning__image-container {
    width: 100%;
    height: 100%;
  }
}

.panning-inner-wrapper {
  position: relative;
  left: 0;
  top: 0;
}

.panning-image {
  display: block;
}
@media only screen and (min-width: 1200px) and (min-aspect-ratio: 8/5) {
  .panning-image {
    width: 105%;
    height: 110%;
    margin-top: -30px;
  }
}

.animate-border {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .animate-border {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .animate-border {
    top: 40px;
    left: 40px;
    right: 40px;
    bottom: 40px;
  }
}
.animate-border.is-animating .rect__top {
  left: 200%;
}
.animate-border.is-animating .rect__right {
  top: 200%;
}
.animate-border.is-animating .rect__bottom {
  right: 200%;
}
.animate-border.is-animating .rect__left {
  bottom: 200%;
}

.rect {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 1s all ease-out;
}
.rect:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
}

.rect__top {
  top: 0;
  left: 1px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.rect__top:after {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  left: -200%;
  top: -1px;
}

.rect__right {
  top: 1px;
  right: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.rect__right:after {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  top: -200%;
  right: -1px;
}

.rect__bottom {
  bottom: 0;
  right: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.rect__bottom:after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  right: -200%;
  bottom: -1px;
}

.rect__left {
  bottom: 1px;
  left: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.rect__left:after {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  bottom: -200%;
  left: -1px;
}

.panning-btn {
  transform: rotate(90deg);
  margin-top: -0.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  width: 30px;
  height: 30px;
  margin-top: 0rem;
  background-size: 20%;
}
@media only screen and (min-width: 992px) {
  .panning-btn {
    width: 60px;
    height: 60px;
    margin-top: -1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .panning-btn {
    width: 80px;
    height: 80px;
    margin-top: -1.5rem;
  }
}
@media only screen and (min-width: 1400px) {
  .panning-btn {
    width: 100px;
    height: 100px;
    margin-top: -1.5rem;
  }
}

.information-block {
  margin-top: 2.5rem;
}
.information-block * {
  color: inherit;
}
.information-block .information-block__pre-heading {
  display: inline-block;
  border-top: 4px solid currentColor;
  padding-top: 1rem;
  margin-bottom: 1.5rem;
  font-size: 2rem;
  line-height: 1.125;
  font-weight: 100;
}
@media only screen and (min-width: 992px) {
  .information-block .information-block__pre-heading {
    font-size: 3rem;
    line-height: 1.0833333333;
  }
}
@media only screen and (min-width: 1200px) {
  .information-block .information-block__pre-heading {
    font-size: 4.5rem;
    line-height: 1.0555555556;
  }
}
.information-block .information-block-heading {
  font-weight: 100;
  font-size: 1.5rem;
  line-height: 1.1666666667;
}
@media only screen and (min-width: 992px) {
  .information-block .information-block-heading {
    font-size: 2rem;
    line-height: 1.125;
  }
}
@media only screen and (min-width: 1200px) {
  .information-block .information-block-heading {
    font-size: 3rem;
    line-height: 1.0833333333;
  }
}
.information-block .preamble {
  width: 100%;
}

.information-block-top {
  height: 15px;
  position: relative;
  transform: rotateX(180deg);
  margin-left: -40px;
  padding-left: 40px;
}

.information-block__wrapper {
  position: relative;
  overflow: hidden;
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (min-width: 992px) {
  .information-block__wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.information-block__inner {
  position: relative;
  z-index: 2;
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-right: 20px;
}
@media only screen and (max-width: 992px) {
  .information-block__inner {
    margin-left: 20px;
  }
}

.information-block__circle {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
  .information-block__circle {
    left: 0;
    transform: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .information-block__circle {
    height: 100%;
    width: 100%;
    background-size: auto 115%;
    background-position: 0 -25px;
    background-repeat: no-repeat;
  }
  .information-block__circle.bg-thunder {
    background-image: url(../images/circle-thunder.png);
  }
  .information-block__circle.bg-fortumDarkGreen {
    background-image: url(../images/circle-dark-green.png);
  }
}
.information-block__circle svg {
  height: 100%;
  width: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .information-block__circle svg {
    display: none;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.499);
  z-index: -1;
}
.modal.is-hidden {
  display: none;
}
.modal .modal__content {
  background-color: #fff;
  border-top: 4px solid #a82293;
  max-width: 768px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 480px) {
  .modal .modal__content {
    position: static;
    width: auto;
  }
}
.modal .modal__content-inner {
  padding: 1.5rem;
  position: relative;
}
.modal .modal-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.login-iframe {
  max-width: 500px;
  width: 100%;
  min-height: 340px;
  height: 100%;
}

.site-login-container {
  position: relative;
  height: 0;
  overflow: visible;
}
.site-login-container .site-login-container__wrapper {
  position: absolute;
  width: 0;
  top: 0;
  right: 0;
  z-index: 10;
  background-color: #ebebed;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  .site-login-container .site-login-container__wrapper {
    width: 100%;
  }
}
.site-login-container .site-login-container__wrapper.collapse {
  height: 0;
  overflow: hidden;
}
.site-login-container .site-login-container__wrapper.collapse.in {
  height: auto;
}
@media only screen and (min-width: 769px) {
  .site-login-container .site-login-container__wrapper ul {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.required:after {
  content: " *";
  color: red;
  font-size: 16px;
}

.form-top {
  border-top: 1px solid #d9d9d9;
  padding-top: 2.5rem;
}

.wpcf7-form p:empty {
  display: none;
}

.wpcf7-submit[disabled=disabled] {
  opacity: 0.7;
}

.ajax-loader {
  float: right;
  position: relative;
  top: 1rem;
  right: 1rem;
}

.target-audience__headline {
  text-align: center;
}
.target-audience__preamble {
  text-align: center;
  font-size: 1rem;
  line-height: 1.3333333333;
}
.target-audience__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 -20px;
}
@media only screen and (min-width: 768px) {
  .target-audience__items {
    flex-direction: row;
  }
}
.target-audience__item {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-basis: 100%;
  width: 100%;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) {
  .target-audience__item {
    flex-basis: 33.33%;
    width: 33.33%;
  }
}
.target-audience__item-content {
  display: block;
  color: #5f6064;
}
.target-audience__item-img {
  max-width: 95px;
  margin-bottom: 10px;
}
.target-audience__item-content--link .target-audience__item-img {
  filter: brightness(100%);
}
.target-audience__item-content--link:hover .target-audience__item-img {
  filter: brightness(110%);
}
.target-audience__item-text {
  max-width: 400px;
  margin-bottom: 3rem;
  font-weight: bold;
}
@media only screen and (min-width: 1200px) {
  .target-audience__item-text {
    margin-bottom: 0;
  }
}
.target-audience__item-content--link:hover .target-audience__item-text {
  text-decoration: underline;
}

.target-audience-headline {
  border-top: 4px solid #a82293;
  padding-top: 1.5rem;
}

.illustration {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1200px) {
  .illustration {
    width: auto;
  }
}
@media only screen and (min-width: 992px) {
  .illustration {
    float: right;
  }
}

.steps__step {
  border-top: 1px solid #d9d9d9;
  padding-top: 3rem;
}

.step__int {
  background-color: #a82293;
  color: #fff;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 1.1666666667;
  font-family: "Stockholm Exergi", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
}

.step__headline {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.125;
}
@media only screen and (min-width: 992px) {
  .step__headline {
    font-size: 2.25rem;
    line-height: 1.1111111111;
  }
}

.step__bubble {
  background-color: #6075e2;
  width: 100%;
  padding: 1.5rem;
  border-radius: 7px;
  position: relative;
  color: #fff;
  text-align: center;
  margin-bottom: 2.5rem;
  top: 1.5rem;
}
@media only screen and (min-width: 480px) {
  .step__bubble {
    top: 0;
  }
}
.step__bubble:after {
  display: block;
  content: "";
  border-color: transparent #6075e2;
  position: absolute;
  top: -20px;
  left: 30px;
  border-width: 0 20px 20px 0;
  border-style: solid;
  border-color: #6075e2 transparent;
}
@media only screen and (min-width: 480px) {
  .step__bubble:after {
    bottom: -20px;
    top: auto;
    border-width: 20px 20px 0 0;
  }
}

.wysiwyg-block {
  padding-top: 2.5rem;
}
.wysiwyg-block ul {
  list-style: none;
}
.wysiwyg-block ul li::before {
  color: #A62991;
  content: "•";
  display: inline-block;
  font-size: 1.875rem;
  position: relative;
  top: 0.188rem;
  margin-left: -1.375rem;
  width: 1.375rem;
  height: 1.813rem;
}

.price-hero-img {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .price-hero-img {
    margin-bottom: 2.5rem;
  }
}

.price-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  padding-top: 60px;
  width: 100%;
  overflow-x: hidden;
}
@media only screen and (min-width: 768px) {
  .price-wrapper {
    overflow-x: visible;
    flex-direction: row;
    max-width: 768px;
  }
}

.pricemodel,
.options {
  border-radius: 10px;
  padding: 30px;
  position: relative;
  width: 280px;
}
@media only screen and (min-width: 768px) {
  .pricemodel,
.options {
    width: 235px;
  }
}
.pricemodel::before,
.options::before {
  display: block;
  padding: 15px 20px 30px 20px;
  border-radius: inherit;
  background-color: inherit;
  position: absolute;
  left: 0;
  top: -45px;
  text-transform: uppercase;
  font-weight: 700;
}

.pricemodel {
  background-color: #ffebcc;
  color: #f39918;
  height: 200px;
}
@media only screen and (min-width: 768px) {
  .pricemodel {
    height: 320px;
  }
}
.pricemodel::before {
  content: "Fjärrvärme bas";
}
.pricemodel::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -35px;
  right: 12px;
  width: 265px;
  height: 177px;
  background-size: 265px 177px;
  background-image: url(../images/bg1-mobile.svg);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .pricemodel::after {
    bottom: 50px;
    right: -63px;
    background-image: url(../images/bg1.svg);
  }
}

.options {
  background-color: #d7ecf7;
  color: #00a4d2;
  float: right;
  height: 240px;
}
@media only screen and (min-width: 768px) {
  .options {
    height: 320px;
  }
}
.options::before {
  content: "Tillval";
}
.options::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 52px;
  left: 128px;
  width: 75px;
  height: 274px;
  background-image: url(../images/bg2-mobile.svg);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .options::after {
    bottom: 78px;
    left: -50px;
    width: 138px;
    height: 160px;
    background: url(../images/bg2.svg) no-repeat;
  }
}

.btn-price {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: absolute;
  z-index: 2;
  border-radius: 10px;
}
.btn-price:hover, .btn-price:focus {
  color: #fff;
}

.bubble {
  background-color: #acc53c;
  padding: 15px 30px;
  border-radius: 7px;
  color: white;
  text-align: center;
  margin: 50px auto 100px auto;
  width: 180px;
  font-size: 16px;
}

@media only screen and (min-width: 768px) {
  .bubble {
    margin: 0 auto;
  }
}
.btn-choice {
  background-color: #00a8e1;
  color: #fff;
}
.btn-choice:hover {
  background-color: #15c4ff;
}

.btn-pricemodel {
  background-color: #f39918;
  color: white;
}
.btn-pricemodel:hover {
  background-color: #f6ae48;
}

.btn-effekt {
  position: absolute;
  bottom: 130px;
  left: 20px;
}

@media only screen and (min-width: 768px) {
  .btn-effekt {
    bottom: 201px;
    left: 30px;
  }
}
.btn-energi {
  bottom: 130px;
  left: 160px;
}

@media only screen and (min-width: 768px) {
  .btn-energi {
    bottom: 27px;
    left: 30px;
  }
}
.btn-returtemperatur {
  color: white;
  background-color: #fac07a;
  position: absolute;
  bottom: 60px;
  left: 80px;
}

@media only screen and (min-width: 768px) {
  .btn-returtemperatur {
    bottom: 90px;
    left: 80px;
  }
}
.btn-effektval {
  top: 33px;
  left: 76px;
}

@media only screen and (min-width: 768px) {
  .btn-effektval {
    top: 56px;
    left: 60px;
  }
}
.btn-betalningsval {
  top: 98px;
  left: 46px;
}

@media only screen and (min-width: 768px) {
  .btn-betalningsval {
    top: 136px;
    left: 60px;
  }
}
.btn-miljoval {
  top: 160px;
  left: 82px;
}

@media only screen and (min-width: 768px) {
  .btn-miljoval {
    top: 215px;
    left: 60px;
  }
}
.line-block {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.featured-content h2 {
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.featured-content__preamble {
  font-size: 1rem;
}
.featured-content__items {
  display: flex;
  margin: 0 -8px;
  flex-wrap: wrap;
  width: calc(100% + 16px);
}
.featured-content__item {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-basis: 100%;
  padding: 0 8px 16px;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .featured-content__item {
    width: 33.33%;
    flex-basis: 33.33%;
  }
}
.featured-content__item-link {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  color: inherit;
}
@media only screen and (min-width: 768px) {
  .featured-content__item-link {
    max-width: none;
  }
}
.featured-content__box {
  position: relative;
  width: 100%;
  height: 245px;
  max-width: 400px;
  border-top: 6px solid;
  padding: 16px;
  overflow: hidden;
  background-color: #f4f4f4;
}
@media only screen and (min-width: 768px) {
  .featured-content__box {
    max-width: none;
  }
}
.featured-content__box-image-container {
  margin-bottom: 16px;
  padding: 8px;
  text-align: center;
  font-size: 0;
}
@media only screen and (min-width: 768px) {
  .featured-content__box-image-container {
    padding: 8px;
  }
}
.featured-content__box-image {
  max-width: 48px;
}
.featured-content__item-link .featured-content__box-image {
  filter: brightness(100%);
}
.featured-content__item-link:hover .featured-content__box-image {
  filter: brightness(110%);
}
.featured-content__box-headline {
  font-size: 16px;
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 8px;
}
.featured-content__item-link:hover .featured-content__box-headline, .featured-content__item-link:focus .featured-content__box-headline {
  text-decoration: underline;
}
.featured-content__box-text {
  font-size: 13px;
}
.featured-content__box-text:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(0deg, #f4f4f4 0%, #f4f4f4 40%, rgba(244, 244, 244, 0) 100%);
}

.blog-writers-container .blog-writer {
  background: #ebebed;
  margin-bottom: 0.5rem;
  padding: 1rem;
}
.blog-writers-container .blog-writer .row {
  display: flex;
}
.blog-writers-container .writer-image {
  line-height: 0;
}
.blog-writers-container .writer-name {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #333333;
}
.blog-writers-container .writer-name h4 {
  margin-top: 1rem;
}
.blog-writers-container img {
  width: 100%;
  height: auto;
}

.twitter-grid .twitter-container > h3 {
  text-align: center;
}
.twitter-grid .twitter-feed {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 1.5rem;
  /* hårdkodad till att gömma allt efter de två första eftersom vi i dagsläget inte styr i acf hur många som kan visas. det är widgeten som styr */
}
.twitter-grid .twitter-feed__item:nth-child(n+3) {
  display: none;
}
.twitter-grid .twitter-feed__item {
  display: flex;
}
.twitter-grid .twitter-feed__item > * {
  flex: 1 1 auto;
  width: auto;
}
.twitter-grid .twitter-feed__item > :first-child {
  flex: 0;
}
.twitter-grid .twitter-feed__content {
  margin: 0;
}

.faq-groups {
  /* Accordion styles */
}
.faq-groups h1 {
  margin: 0;
  line-height: 2;
  text-align: center;
}
.faq-groups h2 {
  margin: 0 0 0.5em;
  font-family: "Graphik Web", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.faq-groups .row {
  display: flex;
}
.faq-groups .row .col {
  flex: 1;
}
.faq-groups .row .col:last-child {
  margin-left: 1em;
}
.faq-groups .tabs {
  overflow: hidden;
  border-bottom: 1px solid #d9d9d9;
}
.faq-groups .tab {
  width: 100%;
  color: black;
  overflow: hidden;
}
.faq-groups .tab-label {
  display: flex;
  padding: 1em;
  font-weight: 400;
  cursor: pointer;
  /* Icon */
}
.faq-groups .tab-label .block-icon {
  background-color: #ebebed !important;
}
.faq-groups .tab-content {
  max-height: 0;
  padding: 0 1em;
  background: white;
  transition: all 0.35s;
  color: #5f6064;
}
.faq-groups .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.faq-groups input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.faq-groups input:checked + .tab-label .block-icon {
  transform: rotate(90deg);
}
.faq-groups input:checked ~ .tab-content {
  max-height: 100vh;
  padding-top: 0;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  color: #5f6064;
}