@charset "UTF-8";
/* #Framework 
================================================== */
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=5460a9ab-9211-4e6c-a756-e75ccefe6ed2");
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=5460a9ab-9211-4e6c-a756-e75ccefe6ed2");
@font-face {
  font-family: "Calibri";
  src: url("/Static/Fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix");
  src: url("/Static/Fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix") format("eot"), url("/Static/Fonts/367341fc-4cc6-4a79-89ad-d6c61561611e.woff2") format("woff2"), url("/Static/Fonts/1ff86dd4-d3b2-4325-89bc-c6eb493cedba.woff") format("woff"), url("/Static/Fonts/aa6b4b64-5ce0-48fd-887a-bece037cd9c9.ttf") format("truetype"), url("/Static/Fonts/59b6060c-d311-413e-b351-d79aaf982f7a.svg#59b6060c-d311-413e-b351-d79aaf982f7a") format("svg"); }

@font-face {
  font-family: "CalibriItalic";
  src: url("/Static/Fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix");
  src: url("/Static/Fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix") format("eot"), url("/Static/Fonts/e1cc7218-de20-4af1-a27c-6f325a4b0f0f.woff2") format("woff2"), url("/Static/Fonts/cac25ebb-269d-41e9-8ee5-78589746706e.woff") format("woff"), url("/Static/Fonts/6a4b5dab-ebbd-4741-80c7-3b30cd46e05d.ttf") format("truetype"), url("/Static/Fonts/318af76f-0012-4791-a785-d241f2613955.svg#318af76f-0012-4791-a785-d241f2613955") format("svg"); }

@font-face {
  font-family: "KarminaSans";
  src: url("/Static/Fonts/KarminaSans-Regular.eot");
  src: url("/Static/Fonts/KarminaSans-Regular.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-Regular.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-Regular.woff") format("woff"), url("/Static/Fonts/KarminaSans-Regular.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-Light";
  src: url("/Static/Fonts/KarminaSans-Light.eot");
  src: url("/Static/Fonts/KarminaSans-Light.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-Light.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-Light.woff") format("woff"), url("/Static/Fonts/KarminaSans-Light.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-Semibold";
  src: url("/Static/Fonts/KarminaSans-SemiBold.eot");
  src: url("/Static/Fonts/KarminaSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-SemiBold.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-SemiBold.woff") format("woff"), url("/Static/Fonts/KarminaSans-SemiBold.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-Bold";
  src: url("/Static/Fonts/KarminaSans-Bold.eot");
  src: url("/Static/Fonts/KarminaSans-Bold.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-Bold.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-Bold.woff") format("woff"), url("/Static/Fonts/KarminaSans-Bold.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-ExtraBold";
  src: url("/Static/Fonts/KarminaSans-ExtraBold.eot");
  src: url("/Static/Fonts/KarminaSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-ExtraBold.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-ExtraBold.woff") format("woff"), url("/Static/Fonts/KarminaSans-ExtraBold.svg") format("svg"); }

@font-face {
  font-family: "Palatino";
  src: url("/Static/Fonts/586d450a-c413-4f41-aa21-1c69965a0ad6.eot?#iefix");
  src: url("/Static/Fonts/586d450a-c413-4f41-aa21-1c69965a0ad6.eot?#iefix") format("eot"), url("/Static/Fonts/56ae551c-5e9d-4487-865d-f8c51363bcd0.woff2") format("woff2"), url("/Static/Fonts/859152de-1abf-48b2-8dfe-38bad3da17c5.woff") format("woff"), url("/Static/Fonts/1ec33c9f-b4aa-4c7d-bfb5-3432e5a229f9.ttf") format("truetype"), url("/Static/Fonts/3dda85b6-15ff-47a6-84f1-dc09652572fc.svg#3dda85b6-15ff-47a6-84f1-dc09652572fc") format("svg"); }

/* #Icons 
================================================== */
/* #Web fonts
================================================== */
/* #Icons
================================================== */
.wrap {
  max-width: 60.5em;
  min-width: 280px; }

@media only screen and (max-width: 940px) {
  .wrap {
    max-width: 768px; } }

@media only screen and (max-width: 719px) {
  .wrap {
    max-width: 360px; } }

/* #Framework 
================================================== */
@font-face {
  font-family: "Calibri";
  src: url("/Static/Fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix");
  src: url("/Static/Fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix") format("eot"), url("/Static/Fonts/367341fc-4cc6-4a79-89ad-d6c61561611e.woff2") format("woff2"), url("/Static/Fonts/1ff86dd4-d3b2-4325-89bc-c6eb493cedba.woff") format("woff"), url("/Static/Fonts/aa6b4b64-5ce0-48fd-887a-bece037cd9c9.ttf") format("truetype"), url("/Static/Fonts/59b6060c-d311-413e-b351-d79aaf982f7a.svg#59b6060c-d311-413e-b351-d79aaf982f7a") format("svg"); }

@font-face {
  font-family: "CalibriItalic";
  src: url("/Static/Fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix");
  src: url("/Static/Fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix") format("eot"), url("/Static/Fonts/e1cc7218-de20-4af1-a27c-6f325a4b0f0f.woff2") format("woff2"), url("/Static/Fonts/cac25ebb-269d-41e9-8ee5-78589746706e.woff") format("woff"), url("/Static/Fonts/6a4b5dab-ebbd-4741-80c7-3b30cd46e05d.ttf") format("truetype"), url("/Static/Fonts/318af76f-0012-4791-a785-d241f2613955.svg#318af76f-0012-4791-a785-d241f2613955") format("svg"); }

@font-face {
  font-family: "KarminaSans";
  src: url("/Static/Fonts/KarminaSans-Regular.eot");
  src: url("/Static/Fonts/KarminaSans-Regular.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-Regular.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-Regular.woff") format("woff"), url("/Static/Fonts/KarminaSans-Regular.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-Light";
  src: url("/Static/Fonts/KarminaSans-Light.eot");
  src: url("/Static/Fonts/KarminaSans-Light.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-Light.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-Light.woff") format("woff"), url("/Static/Fonts/KarminaSans-Light.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-Semibold";
  src: url("/Static/Fonts/KarminaSans-SemiBold.eot");
  src: url("/Static/Fonts/KarminaSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-SemiBold.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-SemiBold.woff") format("woff"), url("/Static/Fonts/KarminaSans-SemiBold.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-Bold";
  src: url("/Static/Fonts/KarminaSans-Bold.eot");
  src: url("/Static/Fonts/KarminaSans-Bold.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-Bold.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-Bold.woff") format("woff"), url("/Static/Fonts/KarminaSans-Bold.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-ExtraBold";
  src: url("/Static/Fonts/KarminaSans-ExtraBold.eot");
  src: url("/Static/Fonts/KarminaSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-ExtraBold.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-ExtraBold.woff") format("woff"), url("/Static/Fonts/KarminaSans-ExtraBold.svg") format("svg"); }

@font-face {
  font-family: "Palatino";
  src: url("/Static/Fonts/586d450a-c413-4f41-aa21-1c69965a0ad6.eot?#iefix");
  src: url("/Static/Fonts/586d450a-c413-4f41-aa21-1c69965a0ad6.eot?#iefix") format("eot"), url("/Static/Fonts/56ae551c-5e9d-4487-865d-f8c51363bcd0.woff2") format("woff2"), url("/Static/Fonts/859152de-1abf-48b2-8dfe-38bad3da17c5.woff") format("woff"), url("/Static/Fonts/1ec33c9f-b4aa-4c7d-bfb5-3432e5a229f9.ttf") format("truetype"), url("/Static/Fonts/3dda85b6-15ff-47a6-84f1-dc09652572fc.svg#3dda85b6-15ff-47a6-84f1-dc09652572fc") format("svg"); }

/* #Icons 
================================================== */
/* #Web fonts
================================================== */
/* #Icons
================================================== */
/* #Mixins
================================================== */
html {
  height: 100%;
  font-size: 20px; }

body {
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  height: 100%;
  font-size: 20px; }

body.startpage {
  background: #f2f2f2; }

body.ahrlandingpage {
  /* #Lists
  ================================================== */
  /* #Anchors
  ================================================== */
  /* #Common classes
  ================================================== */ }
  body.ahrlandingpage b {
    font-weight: 700; }
  body.ahrlandingpage strong {
    font-weight: 700; }
  body.ahrlandingpage em {
    font-style: italic; }
  body.ahrlandingpage i {
    font-style: italic; }
  body.ahrlandingpage p {
    font-size: 18px;
    line-height: 1.35em;
    margin-bottom: 1.2em; }
  body.ahrlandingpage sup {
    vertical-align: super;
    font-size: 75%; }
  body.ahrlandingpage sub {
    vertical-align: sub;
    font-size: 75%; }
  body.ahrlandingpage hr {
    border: none;
    border-bottom: solid 1px #e2e2e2; }
  body.ahrlandingpage .ingress {
    font-family: "KarminaSans-Light", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.2 !important; }
  body.ahrlandingpage blockquote {
    padding-left: 1em;
    display: inline-block;
    margin-bottom: 2em;
    margin-top: 1.11111em;
    font-size: 2.9em;
    font-weight: 300;
    line-height: 1.4705882353;
    position: relative;
    width: 80%;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    body.ahrlandingpage blockquote:before {
      content: "\201C"; }
    body.ahrlandingpage blockquote:after {
      content: "\201D"; }
  body.ahrlandingpage q {
    quotes: "“" "”" "‘" "’";
    font-style: italic; }
    body.ahrlandingpage q:before {
      content: open-quote; }
    body.ahrlandingpage q:after {
      content: close-quote; }
  body.ahrlandingpage ul,
  body.ahrlandingpage ol {
    font-size: 18px;
    margin: 1.5em 0;
    padding-left: 2em;
    width: 80%; }
    body.ahrlandingpage ul li,
    body.ahrlandingpage ol li {
      margin-bottom: 0.5em;
      line-height: 1; }
  body.ahrlandingpage ol {
    list-style: decimal; }
  body.ahrlandingpage ul {
    list-style: disc; }
  body.ahrlandingpage a {
    color: #1178af;
    text-decoration: none; }
    body.ahrlandingpage a:hover {
      text-decoration: underline; }
  body.ahrlandingpage .anchor-look {
    color: #1178af;
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    font: inherit; }
    body.ahrlandingpage .anchor-look:hover {
      text-decoration: underline; }
  body.ahrlandingpage .new-link-text {
    color: #1178af;
    text-decoration: underline;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: none;
    margin-left: 2px;
    cursor: pointer; }
    body.ahrlandingpage .new-link-text:hover {
      text-decoration: none;
      color: #1f6590; }
    body.ahrlandingpage .new-link-text:focus {
      box-shadow: 0px 0px 0px 2px #1a1a1a;
      border-radius: 5px;
      text-decoration: none; }
  body.ahrlandingpage a[href^="mailto:"] {
    white-space: nowrap; }
  body.ahrlandingpage .inverted a {
    color: #fff; }
  body.ahrlandingpage .explain {
    text-decoration: none !important;
    background: #ffd8d8;
    color: #333;
    cursor: help;
    display: inline-block;
    padding: 0 4px;
    outline: none;
    border-radius: 2px;
    font-weight: 400;
    transition: none; }
  body.ahrlandingpage .explain:hover {
    text-decoration: none; }
  body.ahrlandingpage .explain:focus {
    background: #0075b1;
    color: #fff; }
  body.ahrlandingpage .separated {
    margin-bottom: 0.46667em; }
  body.ahrlandingpage .disabled {
    opacity: 0.8; }
    body.ahrlandingpage .disabled p,
    body.ahrlandingpage .disabled h2,
    body.ahrlandingpage .disabled h3 {
      opacity: 0.4; }
  body.ahrlandingpage a.clean {
    color: black;
    text-decoration: none; }
    body.ahrlandingpage a.clean:hover {
      text-decoration: none; }
  body.ahrlandingpage .hidden {
    display: none; }
  body.ahrlandingpage .visually-hidden {
    position: absolute;
    left: -9999px; }
  body.ahrlandingpage .lead {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 0.83333em; }
    body.ahrlandingpage .lead p {
      font-size: 100%; }
  body.ahrlandingpage .lead-edit {
    min-height: 70px; }
  body.ahrlandingpage .link-button {
    color: #1178af;
    border: solid 1px #1178af;
    display: inline-block;
    border-radius: 2px;
    padding: 0.3em 1em;
    margin-right: 1.5em;
    line-height: 1.3em;
    margin-bottom: 0.4em; }
  body.ahrlandingpage .nowrap {
    white-space: nowrap; }
  body.ahrlandingpage .cf:after {
    content: "";
    display: table;
    clear: both; }
  body.ahrlandingpage .align-right {
    text-align: right; }
  body.ahrlandingpage .right {
    float: right; }
  body.ahrlandingpage .left {
    float: left; }
  body.ahrlandingpage .ui-disabled {
    min-height: 0 !important;
    color: #808080; }
  body.ahrlandingpage .deemphasized {
    color: #777; }
  body.ahrlandingpage .bull {
    display: inline-block;
    margin: 0 5px;
    font-weight: 700;
    color: #aaa; }
  body.ahrlandingpage .bull + .icon-user {
    margin-left: -3px; }
  body.ahrlandingpage .strong {
    font-weight: bold; }
  body.ahrlandingpage .capitalize {
    text-transform: lowercase; }
    body.ahrlandingpage .capitalize::first-letter {
      text-transform: uppercase; }
  body.ahrlandingpage .no-scroll {
    max-height: 100vw;
    overflow: hidden;
    position: relative; }
  body.ahrlandingpage .strong {
    font-weight: bold; }
  body.ahrlandingpage .capitalize {
    text-transform: lowercase; }
    body.ahrlandingpage .capitalize::first-letter {
      text-transform: uppercase; }
  body.ahrlandingpage img {
    max-width: 100%;
    height: auto; }

.wrap {
  max-width: 58em;
  min-width: inherit;
  margin: 0 auto; }

@media only screen and (max-width: 940px) {
  .wrap {
    max-width: 768px; } }

@media only screen and (max-width: 719px) {
  .wrap {
    max-width: 360px; } }

.grid {
  text-align: justify;
  margin: 0 0 -1em;
  font-size: 0.1px; }
  .grid:after {
    content: '';
    width: 100%;
    display: inline-block; }

.grid-col, .grid-col-1, .grid-col-3, .grid-col-2, .grid-col-4 {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  text-align: left;
  font-size: 20px; }

.grid-col-1 {
  width: 100% !important; }

.grid-col-3 {
  width: 32.2% !important; }

.grid-col-2 {
  width: 49.12% !important; }
  .grid-col-2.grid-col--form {
    width: 48% !important; }

.grid-col-4 {
  width: 22% !important; }

.grid-col--wastecollection {
  width: 39% !important; }

.grid-col--narrow {
  width: 15% !important; }

@media only screen and (max-width: 719px) {
  .grid {
    text-align: left; }
  .grid:after {
    content: none; }
  .grid-col, .grid-col-1, .grid-col-3, .grid-col-2, .grid-col-4 {
    width: 100% !important; }
  .grid-col-2.grid-col--form {
    width: 100% !important; } }

/*doc
---
title: Headings
name: headings
category: Common - Headings
---

```html_example
<h1>Lorem ipsum</h1>
<h2>Lorem ipsum</h2>
<h3>Lorem ipsum</h3>
```

*/
h1, h2, h3, h4, h5 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

h1 {
  font-size: 420%;
  line-height: 1.10769em;
  margin: 0 0 0.29231em 0;
  color: #ffffff; }

h2,
h2.container-heading,
.container h2,
.container h2.container-heading,
.container-map h2 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 40px !important;
  line-height: 0.9;
  font-weight: unset;
  margin: 0 0 15px; }

h3,
h3.container-heading,
.container h3,
.container h3,
.container h3.container-heading,
.container-map h3 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: calc(clamp(28px, 3vw + 2px, 30px)) !important;
  line-height: 1;
  font-weight: unset;
  margin: 0 0 10px; }

h4 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px !important;
  line-height: 1;
  font-weight: unset; }

h5 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px !important;
  line-height: 1;
  font-weight: unset; }

.subheader {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  h1 {
    font-size: 370%; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  h1 {
    font-size: 270%; } }

/*doc
---
title: Buttons
name: buttons
category: Components - Buttons
---

Any element can be used as a button e.g. `<a>` and `<button>`. Make sure to use aria role attribute `role="button"` if `<a>` is used as actual buttons rather than anchors.

## Standard buttons

Different variations of a standard button. 

```html_example
	<a href="/" class="button" role="button">Lorem ipsum</a>
	<a href="/" class="button button--secondary"  role="button">Lorem ipsum</a>
```

## Small buttons 

Standard buttons with `button--small` modifier applied.

```html_example
	<a href="/" class="button button--small">Lorem ipsum</a>
	<a href="/" class="button button--small button--secondary">Lorem ipsum</a>
```

## Call to actions

Use call to actions modifier `button--cta` to emphasize actions.
    s
```html_example
	<a href="/" class="button button--cta">Lorem ipsum</a>
```

## Buttons with icons

You can apply any icon under assets/icons to a button.

```html_example
	<a href="/" class="button">
		<span class="icon icon-check" aria-hidden="true"></span>Lorem ipsum
	</a>
```
*/
.left-align-button .link-button {
  text-align: left; }

.new-link-text {
  color: #1178af;
  text-decoration: underline;
  font-weight: bold;
  outline: none;
  margin-left: 2px; }
  .new-link-text:hover {
    text-decoration: none;
    color: #1f6590; }
  .new-link-text:focus {
    box-shadow: 0px 0px 0px 2px #1a1a1a;
    border-radius: 5px;
    text-decoration: none; }

.new-link-button {
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: inherit;
  font-size: 20px;
  line-height: 1;
  margin: .5rem 0;
  padding: .9rem 1.5rem;
  background-color: #1178af;
  color: #ffffff;
  border: none;
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  transition: background 150ms ease; }
  .new-link-button:hover {
    text-decoration: none;
    background-color: #1f6590; }
  .new-link-button:focus {
    background-color: #1f6590;
    outline: 2px solid #1a1a1a;
    outline-offset: 4px;
    background-clip: padding-box; }
  .new-link-button a {
    font-size: 18px;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: normal !important; }
  @media only screen and (max-width: 480px) {
    .new-link-button {
      width: 80%; } }

.new-white-link-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: inherit;
  font-size: 20px;
  line-height: 1;
  margin: .5rem 0;
  padding: .9rem 1.5rem;
  background-color: #ffffff;
  color: #000000;
  border: none;
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  transition: background 150ms ease; }
  .new-white-link-button:hover, .new-white-link-button:focus, .new-white-link-button:active {
    text-decoration: none;
    background-color: #ffffff !important; }
  .new-white-link-button:focus, .new-white-link-button:active {
    outline: 2px solid #1a1a1a;
    outline-offset: 4px;
    background-clip: padding-box; }
  @media only screen and (max-width: 719px) {
    .new-white-link-button {
      width: 8rem;
      font-size: 18px; } }
  @media only screen and (max-width: 480px) {
    .new-white-link-button {
      width: 80%; } }

.button {
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 22px;
  background-color: #1178af;
  border: none;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  height: auto;
  line-height: 1;
  margin: 0;
  margin: 0 0 0.25em 0;
  padding: 0.75em 1.65em;
  text-decoration: none;
  transition: background 150ms ease; }
  .button:hover {
    text-decoration: none;
    background-color: #004876; }
  .button:focus {
    background-color: #0087cc; }

.link-button {
  border: none;
  padding: 0;
  display: block;
  text-align: center;
  margin-right: 0; }
  .link-button a {
    text-decoration: none;
    color: #ffffff; }

.button--light {
  color: #000000;
  background-color: #ffffff; }
  .button--light:hover {
    background-color: #ffffff; }
  .button--light:focus {
    background-color: #ffffff; }

@media only screen and (max-width: 1600px) {
  .button, .link-button a, a.link-button {
    font-size: 20px; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .button, .link-button a, a.link-button {
    font-size: 18px; } }

.videoblock {
  max-width: 52em;
  padding: 80px 0;
  overflow: hidden; }
  .videoblock iframe {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    left: 0; }
  .videoblock .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; }
    .videoblock .video-wrapper .cookieconsent-optout-marketing {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center; }
  .videoblock .description {
    background-color: #7a8991;
    color: #fff;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 85%;
    position: relative;
    width: 100%;
    padding: 0.35em;
    box-sizing: border-box; }

@media only screen and (max-width: 1600px) {
  .videoblock.container {
    padding: 80px 0; } }

@media only screen and (max-width: 1226px) {
  .videoblock.container {
    padding: 60px 0; } }

@media only screen and (max-width: 940px) {
  .videoblock.container {
    padding: 0; }
  .videoblock + .videoblock.container {
    padding: 50px 0 0; }
  .videoblock + .text-image-block {
    margin-top: 50px; } }

@media only screen and (max-width: 480px) {
  .videoblock.container {
    padding: 0; }
  .videoblock + .videoblock.container {
    padding: 30px 0 0; } }

#CybotCookiebotDialog {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #CybotCookiebotDialog a#CybotCookiebotDialogPoweredbyCybot, #CybotCookiebotDialog div#CybotCookiebotDialogPoweredByText {
    display: none; }
  #CybotCookiebotDialog #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-radius: 30px; }

footer {
  background-color: #004876;
  padding: 4.5em 0; }
  @media only screen and (max-width: 719px) {
    footer {
      padding: 2em 0.75em; } }
  footer .grid {
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap; }
    @media only screen and (max-width: 1145px) and (min-width: 719px) {
      footer .grid .grid-col-3 {
        width: 49.2% !important; } }
    footer .grid .company {
      text-align: center;
      padding: 24px 20px;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 1145px) and (min-width: 719px) {
        footer .grid .company {
          padding: 24px 34px; } }
      @media only screen and (max-width: 760px) {
        footer .grid .company {
          padding: 24px 16px; } }
      @media only screen and (max-width: 719px) {
        footer .grid .company {
          padding: 0; } }
      @media only screen and (max-width: 719px) {
        footer .grid .company:not(:last-child) {
          margin-bottom: 2em; } }
      footer .grid .company .logotype-wrapper {
        max-width: 260px;
        height: 150px;
        margin: 0 auto 40px auto; }
        @media only screen and (max-width: 719px) {
          footer .grid .company .logotype-wrapper {
            max-width: inherit;
            height: auto;
            margin-bottom: 24px; } }
        footer .grid .company .logotype-wrapper .logotype {
          max-width: 100%;
          max-height: 100%;
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
          @media only screen and (max-width: 719px) {
            footer .grid .company .logotype-wrapper .logotype {
              max-width: 200px;
              max-height: 100px;
              top: 0;
              transform: inherit;
              -webkit-transform: inherit; } }
      footer .grid .company .logotype-wrapper-mse {
        max-width: 200px; }
      footer .grid .company h2, footer .grid .company p {
        color: #ffffff; }
      footer .grid .company h2 {
        font-size: 90%;
        margin: 0 0 0.875em; }
      footer .grid .company p {
        font-size: 75%;
        flex-grow: 1; }
      footer .grid .company .button {
        width: auto;
        align-self: center;
        margin-top: 24px; }
        @media only screen and (max-width: 719px) {
          footer .grid .company .button {
            margin-top: 0; } }

@font-face {
  font-family: "custom-icons";
  src: url("../fonts/custom-icons.eot?#iefix");
  src: url("../fonts/custom-icons.eot?#iefix") format("eot"), url("../fonts/custom-icons.woff") format("woff"), url("../fonts/custom-icons.ttf") format("truetype"), url("../fonts/custom-icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon:before, .icon:after {
  display: inline-block;
  font-family: "custom-icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none; }

.icon--2x:before, .icon--2x.icon--after:after {
  font-size: 200%;
  height: .5em;
  margin-top: -.5em; }

.icon--3x:before, .icon--3x.icon--after:after {
  font-size: 300%;
  height: 0.75em;
  margin-top: -0.75em; }

.icon--lg:before, .icon--lg.icon--after:after {
  font-size: 20px;
  height: 10px;
  margin-top: -13px;
  margin-left: 0px;
  margin-right: -4px;
  text-decoration: none; }

.icon--xlg:before, .icon--xlg.icon--after:after {
  font-size: 130%;
  height: .55em;
  margin-top: -0.6em; }

.icon--sm:before, .icon--sm.icon--after:after {
  font-size: 50%;
  height: 10px;
  margin-top: -13px;
  margin-left: 0px;
  margin-right: -4px;
  text-decoration: none; }

.icon--bw:before, .icon--bw.icon--after:after {
  color: #666666; }

.icon--notext {
  width: 1.5em;
  height: 1.5em;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block; }
  .icon--notext:hover {
    text-decoration: none; }

/*doc
---
title: Icons
name: icon
category: Assets - Icons
---

An icon-font is generated by gulp based on svg files in icons folder. Make sure you edit the template when making modifications and not the generated scss file.

```html_example
	<span class="icon icon-phone" aria-hidden="true"></span>
	<span class="icon icon-phone icon--lg" aria-hidden="true"></span>
	<span class="icon icon-phone icon--2x" aria-hidden="true"></span>
```

It's important to use `aria-hidden="true"` and an empty `<span>` for the icon. Otherwise screen readers will read the icon which can result in strange behaviours.

# Available css classes
<span class="icon icon-facebook" aria-hidden="true"></span> .icon-facebook<br /><span class="icon icon-nav" aria-hidden="true"></span> .icon-nav<br /><span class="icon icon-twitter" aria-hidden="true"></span> .icon-twitter<br /><span class="icon icon-user" aria-hidden="true"></span> .icon-user<br /><span class="icon icon-search" aria-hidden="true"></span> .icon-search<br /><span class="icon icon-linkedin" aria-hidden="true"></span> .icon-linkedin<br /><span class="icon icon-youtube" aria-hidden="true"></span> .icon-youtube<br /><span class="icon icon-instagram" aria-hidden="true"></span> .icon-instagram<br /><span class="icon icon-mynewsdesk" aria-hidden="true"></span> .icon-mynewsdesk<br /><span class="icon icon-close" aria-hidden="true"></span> .icon-close<br /><span class="icon icon-minus" aria-hidden="true"></span> .icon-minus<br /><span class="icon icon-arrowincircle" aria-hidden="true"></span> .icon-arrowincircle<br /><span class="icon icon-arrow" aria-hidden="true"></span> .icon-arrow<br /><span class="icon icon-plus" aria-hidden="true"></span> .icon-plus<br /><span class="icon icon-drop" aria-hidden="true"></span> .icon-drop<br /><span class="icon icon-electricity" aria-hidden="true"></span> .icon-electricity<br /><span class="icon icon-sciencebottle" aria-hidden="true"></span> .icon-sciencebottle<br /><span class="icon icon-it" aria-hidden="true"></span> .icon-it<br /><span class="icon icon-biogas" aria-hidden="true"></span> .icon-biogas<br /><span class="icon icon-clock" aria-hidden="true"></span> .icon-clock<br /><span class="icon icon-radiator" aria-hidden="true"></span> .icon-radiator<br /><span class="icon icon-electricitycontact" aria-hidden="true"></span> .icon-electricitycontact<br /><span class="icon icon-lamp" aria-hidden="true"></span> .icon-lamp<br /><span class="icon icon-trashcan" aria-hidden="true"></span> .icon-trashcan<br /><span class="icon icon-check" aria-hidden="true"></span> .icon-check<br /><span class="icon icon-arrowdown" aria-hidden="true"></span> .icon-arrowdown<br /><span class="icon icon-deny" aria-hidden="true"></span> .icon-deny<br /><span class="icon icon-ok" aria-hidden="true"></span> .icon-ok<br /><span class="icon icon-arrowup" aria-hidden="true"></span> .icon-arrowup<br /><span class="icon icon-comment" aria-hidden="true"></span> .icon-comment<br /><span class="icon icon-like" aria-hidden="true"></span> .icon-like<br /><span class="icon icon-light" aria-hidden="true"></span> .icon-light<br /><span class="icon icon-mail" aria-hidden="true"></span> .icon-mail<br /><span class="icon icon-information" aria-hidden="true"></span> .icon-information<br /><span class="icon icon-diamond" aria-hidden="true"></span> .icon-diamond<br /><span class="icon icon-calendar" aria-hidden="true"></span> .icon-calendar<br /><span class="icon icon-executed" aria-hidden="true"></span> .icon-executed<br /><span class="icon icon-maintenance" aria-hidden="true"></span> .icon-maintenance<br /><span class="icon icon-malfunction" aria-hidden="true"></span> .icon-malfunction<br /><span class="icon icon-serviceinfo" aria-hidden="true"></span> .icon-serviceinfo<br /><span class="icon icon-kundo" aria-hidden="true"></span> .icon-kundo<br /><span class="icon icon-serviceinfowithoutbg" aria-hidden="true"></span> .icon-serviceinfowithoutbg<br /><span class="icon icon-comments" aria-hidden="true"></span> .icon-comments<br /><span class="icon icon-chevron" aria-hidden="true"></span> .icon-chevron<br /><span class="icon icon-speechbubble" aria-hidden="true"></span> .icon-speechbubble<br /><span class="icon icon-dislike" aria-hidden="true"></span> .icon-dislike<br /><span class="icon icon-download" aria-hidden="true"></span> .icon-download<br /><span class="icon icon-arrowleft" aria-hidden="true"></span> .icon-arrowleft<br /><span class="icon icon-pinterest" aria-hidden="true"></span> .icon-pinterest<br /><span class="icon icon-file" aria-hidden="true"></span> .icon-file<br /><span class="icon icon-heart" aria-hidden="true"></span> .icon-heart<br /><span class="icon icon-windpower" aria-hidden="true"></span> .icon-windpower<br /><span class="icon icon-fibercable" aria-hidden="true"></span> .icon-fibercable<br /><span class="icon icon-contact" aria-hidden="true"></span> .icon-contact<br /><span class="icon icon-hydroelectric" aria-hidden="true"></span> .icon-hydroelectric<br /><span class="icon icon-statistics" aria-hidden="true"></span> .icon-statistics<br /><span class="icon icon-power" aria-hidden="true"></span> .icon-power<br /><span class="icon icon-expand" aria-hidden="true"></span> .icon-expand<br /><span class="icon icon-edit" aria-hidden="true"></span> .icon-edit<br /><span class="icon icon-electriccar" aria-hidden="true"></span> .icon-electriccar<br /><span class="icon icon-arende" aria-hidden="true"></span> .icon-arende<br /><span class="icon icon-avtal" aria-hidden="true"></span> .icon-avtal<br /><span class="icon icon-boka" aria-hidden="true"></span> .icon-boka<br /><span class="icon icon-alert" aria-hidden="true"></span> .icon-alert<br /><span class="icon icon-signposts" aria-hidden="true"></span> .icon-signposts<br /><span class="icon icon-documents" aria-hidden="true"></span> .icon-documents<br /><span class="icon icon-broom" aria-hidden="true"></span> .icon-broom<br /><span class="icon icon-key" aria-hidden="true"></span> .icon-key<br /><span class="icon icon-balloons" aria-hidden="true"></span> .icon-balloons<br /><span class="icon icon-light-secondary" aria-hidden="true"></span> .icon-light-secondary<br /><span class="icon icon-fakturor" aria-hidden="true"></span> .icon-fakturor<br /><span class="icon icon-fel" aria-hidden="true"></span> .icon-fel<br /><span class="icon icon-flytt" aria-hidden="true"></span> .icon-flytt<br /><span class="icon icon-forbrukningsrapport" aria-hidden="true"></span> .icon-forbrukningsrapport<br /><span class="icon icon-kontoinstallningar" aria-hidden="true"></span> .icon-kontoinstallningar<br /><span class="icon icon-matarstallning" aria-hidden="true"></span> .icon-matarstallning<br /><span class="icon icon-garbage" aria-hidden="true"></span> .icon-garbage<br /><span class="icon icon-lightbulb" aria-hidden="true"></span> .icon-lightbulb<br /><span class="icon icon-administrera" aria-hidden="true"></span> .icon-administrera<br /><span class="icon icon-icon-menu" aria-hidden="true"></span> .icon-icon-menu<br /><span class="icon icon-waste" aria-hidden="true"></span> .icon-waste<br /><span class="icon icon-electric" aria-hidden="true"></span> .icon-electric<br /><span class="icon icon-heat" aria-hidden="true"></span> .icon-heat<br /><span class="icon icon-water" aria-hidden="true"></span> .icon-water<br /><span class="icon icon-attach" aria-hidden="true"></span> .icon-attach<br /><span class="icon icon-plus-rounded" aria-hidden="true"></span> .icon-plus-rounded<br /><span class="icon icon-minus-rounded" aria-hidden="true"></span> .icon-minus-rounded<br /><span class="icon icon-document" aria-hidden="true"></span> .icon-document<br /><span class="icon icon-efaktura" aria-hidden="true"></span> .icon-efaktura<br /><span class="icon icon-ringklocka" aria-hidden="true"></span> .icon-ringklocka<br /><span class="icon icon-building" aria-hidden="true"></span> .icon-building<br /><span class="icon icon-garden-bin" aria-hidden="true"></span> .icon-garden-bin<br /><span class="icon icon-waste-bin" aria-hidden="true"></span> .icon-waste-bin<br /><span class="icon icon-container" aria-hidden="true"></span> .icon-container<br /><span class="icon icon-hazardouswastedisposal" aria-hidden="true"></span> .icon-hazardouswastedisposal<br /><span class="icon icon-epostfaktura" aria-hidden="true"></span> .icon-epostfaktura<br /><span class="icon icon-pappersfaktura" aria-hidden="true"></span> .icon-pappersfaktura<br /><span class="icon icon-check-rounded" aria-hidden="true"></span> .icon-check-rounded<br /><span class="icon icon-download-alt" aria-hidden="true"></span> .icon-download-alt<br /><span class="icon icon-cooling" aria-hidden="true"></span> .icon-cooling<br /><span class="icon icon-bredband" aria-hidden="true"></span> .icon-bredband<br /><span class="icon icon-viatt" aria-hidden="true"></span> .icon-viatt<br /><span class="icon icon-forecast" aria-hidden="true"></span> .icon-forecast<br /><span class="icon icon-heat-mse" aria-hidden="true"></span> .icon-heat-mse<br /><span class="icon icon-electric-mse" aria-hidden="true"></span> .icon-electric-mse<br /><span class="icon icon-Pil" aria-hidden="true"></span> .icon-Pil<br /><span class="icon icon-close-new" aria-hidden="true"></span> .icon-close-new<br /><span class="icon icon-icon_information" aria-hidden="true"></span> .icon-icon_information<br /><span class="icon icon-boka-om" aria-hidden="true"></span> .icon-boka-om<br /><span class="icon icon-reading-glass" aria-hidden="true"></span> .icon-reading-glass<br /><span class="icon icon-steam" aria-hidden="true"></span> .icon-steam<br /><span class="icon icon-statistics2" aria-hidden="true"></span> .icon-statistics2<br /><span class="icon icon-villa" aria-hidden="true"></span> .icon-villa<br /><span class="icon icon-apartments" aria-hidden="true"></span> .icon-apartments<br /><span class="icon icon-terracedhouse" aria-hidden="true"></span> .icon-terracedhouse<br /><span class="icon icon-vacationhome" aria-hidden="true"></span> .icon-vacationhome<br /><span class="icon icon-elnat" aria-hidden="true"></span> .icon-elnat<br /><span class="icon icon-blad3" aria-hidden="true"></span> .icon-blad3<br /><span class="icon icon-spabath" aria-hidden="true"></span> .icon-spabath<br /><span class="icon icon-floorheating" aria-hidden="true"></span> .icon-floorheating<br /><span class="icon icon-housingtype" aria-hidden="true"></span> .icon-housingtype<br /><span class="icon icon-heating" aria-hidden="true"></span> .icon-heating<br /><span class="icon icon-towelrail" aria-hidden="true"></span> .icon-towelrail<br /><span class="icon icon-sauna" aria-hidden="true"></span> .icon-sauna<br /><span class="icon icon-washingmachine" aria-hidden="true"></span> .icon-washingmachine<br /><span class="icon icon-electricalgadgets" aria-hidden="true"></span> .icon-electricalgadgets<br /><span class="icon icon-electricityusage" aria-hidden="true"></span> .icon-electricityusage<br /><span class="icon icon-household" aria-hidden="true"></span> .icon-household<br /><span class="icon icon-empty" aria-hidden="true"></span> .icon-empty<br /><span class="icon icon-dishwasher" aria-hidden="true"></span> .icon-dishwasher<br /><span class="icon icon-washingmachine2" aria-hidden="true"></span> .icon-washingmachine2<br /><span class="icon icon-dryer" aria-hidden="true"></span> .icon-dryer<br /><span class="icon icon-charging" aria-hidden="true"></span> .icon-charging<br /><span class="icon icon-smartcharging" aria-hidden="true"></span> .icon-smartcharging<br /><span class="icon icon-thinarrow" aria-hidden="true"></span> .icon-thinarrow<br /><span class="icon icon-electricitygrid" aria-hidden="true"></span> .icon-electricitygrid<br /><span class="icon icon-statistic" aria-hidden="true"></span> .icon-statistic<br /><span class="icon icon-ext-link" aria-hidden="true"></span> .icon-ext-link<br /><span class="icon icon-meter" aria-hidden="true"></span> .icon-meter<br /><span class="icon icon-electric-cord" aria-hidden="true"></span> .icon-electric-cord<br /><span class="icon icon-graph" aria-hidden="true"></span> .icon-graph<br /><span class="icon icon-no-data-graph" aria-hidden="true"></span> .icon-no-data-graph<br /><span class="icon icon-remove" aria-hidden="true"></span> .icon-remove<br /><span class="icon icon-circle-arrow-down-right" aria-hidden="true"></span> .icon-circle-arrow-down-right<br /><span class="icon icon-circle-arrow-right" aria-hidden="true"></span> .icon-circle-arrow-right<br /><span class="icon icon-circle-arrow-up-right" aria-hidden="true"></span> .icon-circle-arrow-up-right<br />

*/
.icon-facebook:before {
  content: "";
  font-family: "custom-icons"; }

.icon-facebook.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-facebook.icon--after:before {
  content: none; }

.icon-nav:before {
  content: "";
  font-family: "custom-icons"; }

.icon-nav.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-nav.icon--after:before {
  content: none; }

.icon-twitter:before {
  content: "";
  font-family: "custom-icons"; }

.icon-twitter.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-twitter.icon--after:before {
  content: none; }

.icon-user:before {
  content: "";
  font-family: "custom-icons"; }

.icon-user.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-user.icon--after:before {
  content: none; }

.icon-search:before {
  content: "";
  font-family: "custom-icons"; }

.icon-search.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-search.icon--after:before {
  content: none; }

.icon-linkedin:before {
  content: "";
  font-family: "custom-icons"; }

.icon-linkedin.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-linkedin.icon--after:before {
  content: none; }

.icon-youtube:before {
  content: "";
  font-family: "custom-icons"; }

.icon-youtube.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-youtube.icon--after:before {
  content: none; }

.icon-instagram:before {
  content: "";
  font-family: "custom-icons"; }

.icon-instagram.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-instagram.icon--after:before {
  content: none; }

.icon-mynewsdesk:before {
  content: "";
  font-family: "custom-icons"; }

.icon-mynewsdesk.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-mynewsdesk.icon--after:before {
  content: none; }

.icon-close:before {
  content: "";
  font-family: "custom-icons"; }

.icon-close.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-close.icon--after:before {
  content: none; }

.icon-minus:before {
  content: "";
  font-family: "custom-icons"; }

.icon-minus.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-minus.icon--after:before {
  content: none; }

.icon-arrowincircle:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowincircle.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowincircle.icon--after:before {
  content: none; }

.icon-arrow:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arrow.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arrow.icon--after:before {
  content: none; }

.icon-plus:before {
  content: "";
  font-family: "custom-icons"; }

.icon-plus.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-plus.icon--after:before {
  content: none; }

.icon-drop:before {
  content: "";
  font-family: "custom-icons"; }

.icon-drop.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-drop.icon--after:before {
  content: none; }

.icon-electricity:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electricity.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electricity.icon--after:before {
  content: none; }

.icon-sciencebottle:before {
  content: "";
  font-family: "custom-icons"; }

.icon-sciencebottle.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-sciencebottle.icon--after:before {
  content: none; }

.icon-it:before {
  content: "";
  font-family: "custom-icons"; }

.icon-it.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-it.icon--after:before {
  content: none; }

.icon-biogas:before {
  content: "";
  font-family: "custom-icons"; }

.icon-biogas.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-biogas.icon--after:before {
  content: none; }

.icon-clock:before {
  content: "";
  font-family: "custom-icons"; }

.icon-clock.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-clock.icon--after:before {
  content: none; }

.icon-radiator:before {
  content: "";
  font-family: "custom-icons"; }

.icon-radiator.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-radiator.icon--after:before {
  content: none; }

.icon-electricitycontact:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electricitycontact.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electricitycontact.icon--after:before {
  content: none; }

.icon-lamp:before {
  content: "";
  font-family: "custom-icons"; }

.icon-lamp.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-lamp.icon--after:before {
  content: none; }

.icon-trashcan:before {
  content: "";
  font-family: "custom-icons"; }

.icon-trashcan.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-trashcan.icon--after:before {
  content: none; }

.icon-check:before {
  content: "";
  font-family: "custom-icons"; }

.icon-check.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-check.icon--after:before {
  content: none; }

.icon-arrowdown:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowdown.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowdown.icon--after:before {
  content: none; }

.icon-deny:before {
  content: "";
  font-family: "custom-icons"; }

.icon-deny.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-deny.icon--after:before {
  content: none; }

.icon-ok:before {
  content: "";
  font-family: "custom-icons"; }

.icon-ok.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-ok.icon--after:before {
  content: none; }

.icon-arrowup:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowup.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowup.icon--after:before {
  content: none; }

.icon-comment:before {
  content: "";
  font-family: "custom-icons"; }

.icon-comment.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-comment.icon--after:before {
  content: none; }

.icon-like:before {
  content: "";
  font-family: "custom-icons"; }

.icon-like.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-like.icon--after:before {
  content: none; }

.icon-light:before {
  content: "";
  font-family: "custom-icons"; }

.icon-light.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-light.icon--after:before {
  content: none; }

.icon-mail:before {
  content: "";
  font-family: "custom-icons"; }

.icon-mail.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-mail.icon--after:before {
  content: none; }

.icon-information:before {
  content: "";
  font-family: "custom-icons"; }

.icon-information.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-information.icon--after:before {
  content: none; }

.icon-diamond:before {
  content: "";
  font-family: "custom-icons"; }

.icon-diamond.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-diamond.icon--after:before {
  content: none; }

.icon-calendar:before {
  content: "";
  font-family: "custom-icons"; }

.icon-calendar.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-calendar.icon--after:before {
  content: none; }

.icon-executed:before {
  content: "";
  font-family: "custom-icons"; }

.icon-executed.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-executed.icon--after:before {
  content: none; }

.icon-maintenance:before {
  content: "";
  font-family: "custom-icons"; }

.icon-maintenance.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-maintenance.icon--after:before {
  content: none; }

.icon-malfunction:before {
  content: "";
  font-family: "custom-icons"; }

.icon-malfunction.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-malfunction.icon--after:before {
  content: none; }

.icon-serviceinfo:before {
  content: "";
  font-family: "custom-icons"; }

.icon-serviceinfo.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-serviceinfo.icon--after:before {
  content: none; }

.icon-kundo:before {
  content: "";
  font-family: "custom-icons"; }

.icon-kundo.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-kundo.icon--after:before {
  content: none; }

.icon-serviceinfowithoutbg:before {
  content: "";
  font-family: "custom-icons"; }

.icon-serviceinfowithoutbg.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-serviceinfowithoutbg.icon--after:before {
  content: none; }

.icon-comments:before {
  content: "";
  font-family: "custom-icons"; }

.icon-comments.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-comments.icon--after:before {
  content: none; }

.icon-chevron:before {
  content: "";
  font-family: "custom-icons"; }

.icon-chevron.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-chevron.icon--after:before {
  content: none; }

.icon-speechbubble:before {
  content: "";
  font-family: "custom-icons"; }

.icon-speechbubble.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-speechbubble.icon--after:before {
  content: none; }

.icon-dislike:before {
  content: "";
  font-family: "custom-icons"; }

.icon-dislike.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-dislike.icon--after:before {
  content: none; }

.icon-download:before {
  content: "";
  font-family: "custom-icons"; }

.icon-download.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-download.icon--after:before {
  content: none; }

.icon-arrowleft:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowleft.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowleft.icon--after:before {
  content: none; }

.icon-pinterest:before {
  content: "";
  font-family: "custom-icons"; }

.icon-pinterest.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-pinterest.icon--after:before {
  content: none; }

.icon-file:before {
  content: "";
  font-family: "custom-icons"; }

.icon-file.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-file.icon--after:before {
  content: none; }

.icon-heart:before {
  content: "";
  font-family: "custom-icons"; }

.icon-heart.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-heart.icon--after:before {
  content: none; }

.icon-windpower:before {
  content: "";
  font-family: "custom-icons"; }

.icon-windpower.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-windpower.icon--after:before {
  content: none; }

.icon-fibercable:before {
  content: "";
  font-family: "custom-icons"; }

.icon-fibercable.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-fibercable.icon--after:before {
  content: none; }

.icon-contact:before {
  content: "";
  font-family: "custom-icons"; }

.icon-contact.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-contact.icon--after:before {
  content: none; }

.icon-hydroelectric:before {
  content: "";
  font-family: "custom-icons"; }

.icon-hydroelectric.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-hydroelectric.icon--after:before {
  content: none; }

.icon-statistics:before {
  content: "";
  font-family: "custom-icons"; }

.icon-statistics.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-statistics.icon--after:before {
  content: none; }

.icon-power:before {
  content: "";
  font-family: "custom-icons"; }

.icon-power.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-power.icon--after:before {
  content: none; }

.icon-expand:before {
  content: "";
  font-family: "custom-icons"; }

.icon-expand.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-expand.icon--after:before {
  content: none; }

.icon-edit:before {
  content: "";
  font-family: "custom-icons"; }

.icon-edit.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-edit.icon--after:before {
  content: none; }

.icon-electriccar:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electriccar.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electriccar.icon--after:before {
  content: none; }

.icon-arende:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arende.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arende.icon--after:before {
  content: none; }

.icon-avtal:before {
  content: "";
  font-family: "custom-icons"; }

.icon-avtal.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-avtal.icon--after:before {
  content: none; }

.icon-boka:before {
  content: "";
  font-family: "custom-icons"; }

.icon-boka.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-boka.icon--after:before {
  content: none; }

.icon-alert:before {
  content: "";
  font-family: "custom-icons"; }

.icon-alert.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-alert.icon--after:before {
  content: none; }

.icon-signposts:before {
  content: "";
  font-family: "custom-icons"; }

.icon-signposts.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-signposts.icon--after:before {
  content: none; }

.icon-documents:before {
  content: "";
  font-family: "custom-icons"; }

.icon-documents.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-documents.icon--after:before {
  content: none; }

.icon-broom:before {
  content: "";
  font-family: "custom-icons"; }

.icon-broom.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-broom.icon--after:before {
  content: none; }

.icon-key:before {
  content: "";
  font-family: "custom-icons"; }

.icon-key.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-key.icon--after:before {
  content: none; }

.icon-balloons:before {
  content: "";
  font-family: "custom-icons"; }

.icon-balloons.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-balloons.icon--after:before {
  content: none; }

.icon-light-secondary:before {
  content: "";
  font-family: "custom-icons"; }

.icon-light-secondary.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-light-secondary.icon--after:before {
  content: none; }

.icon-fakturor:before {
  content: "";
  font-family: "custom-icons"; }

.icon-fakturor.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-fakturor.icon--after:before {
  content: none; }

.icon-fel:before {
  content: "";
  font-family: "custom-icons"; }

.icon-fel.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-fel.icon--after:before {
  content: none; }

.icon-flytt:before {
  content: "";
  font-family: "custom-icons"; }

.icon-flytt.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-flytt.icon--after:before {
  content: none; }

.icon-forbrukningsrapport:before {
  content: "";
  font-family: "custom-icons"; }

.icon-forbrukningsrapport.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-forbrukningsrapport.icon--after:before {
  content: none; }

.icon-kontoinstallningar:before {
  content: "";
  font-family: "custom-icons"; }

.icon-kontoinstallningar.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-kontoinstallningar.icon--after:before {
  content: none; }

.icon-matarstallning:before {
  content: "";
  font-family: "custom-icons"; }

.icon-matarstallning.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-matarstallning.icon--after:before {
  content: none; }

.icon-garbage:before {
  content: "";
  font-family: "custom-icons"; }

.icon-garbage.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-garbage.icon--after:before {
  content: none; }

.icon-lightbulb:before {
  content: "";
  font-family: "custom-icons"; }

.icon-lightbulb.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-lightbulb.icon--after:before {
  content: none; }

.icon-administrera:before {
  content: "";
  font-family: "custom-icons"; }

.icon-administrera.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-administrera.icon--after:before {
  content: none; }

.icon-icon-menu:before {
  content: "";
  font-family: "custom-icons"; }

.icon-icon-menu.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-icon-menu.icon--after:before {
  content: none; }

.icon-waste:before {
  content: "";
  font-family: "custom-icons"; }

.icon-waste.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-waste.icon--after:before {
  content: none; }

.icon-electric:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electric.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electric.icon--after:before {
  content: none; }

.icon-heat:before {
  content: "";
  font-family: "custom-icons"; }

.icon-heat.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-heat.icon--after:before {
  content: none; }

.icon-water:before {
  content: "";
  font-family: "custom-icons"; }

.icon-water.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-water.icon--after:before {
  content: none; }

.icon-attach:before {
  content: "";
  font-family: "custom-icons"; }

.icon-attach.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-attach.icon--after:before {
  content: none; }

.icon-plus-rounded:before {
  content: "";
  font-family: "custom-icons"; }

.icon-plus-rounded.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-plus-rounded.icon--after:before {
  content: none; }

.icon-minus-rounded:before {
  content: "";
  font-family: "custom-icons"; }

.icon-minus-rounded.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-minus-rounded.icon--after:before {
  content: none; }

.icon-document:before {
  content: "";
  font-family: "custom-icons"; }

.icon-document.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-document.icon--after:before {
  content: none; }

.icon-efaktura:before {
  content: "";
  font-family: "custom-icons"; }

.icon-efaktura.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-efaktura.icon--after:before {
  content: none; }

.icon-ringklocka:before {
  content: "";
  font-family: "custom-icons"; }

.icon-ringklocka.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-ringklocka.icon--after:before {
  content: none; }

.icon-building:before {
  content: "";
  font-family: "custom-icons"; }

.icon-building.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-building.icon--after:before {
  content: none; }

.icon-garden-bin:before {
  content: "";
  font-family: "custom-icons"; }

.icon-garden-bin.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-garden-bin.icon--after:before {
  content: none; }

.icon-waste-bin:before {
  content: "";
  font-family: "custom-icons"; }

.icon-waste-bin.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-waste-bin.icon--after:before {
  content: none; }

.icon-container:before {
  content: "";
  font-family: "custom-icons"; }

.icon-container.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-container.icon--after:before {
  content: none; }

.icon-hazardouswastedisposal:before {
  content: "";
  font-family: "custom-icons"; }

.icon-hazardouswastedisposal.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-hazardouswastedisposal.icon--after:before {
  content: none; }

.icon-epostfaktura:before {
  content: "";
  font-family: "custom-icons"; }

.icon-epostfaktura.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-epostfaktura.icon--after:before {
  content: none; }

.icon-pappersfaktura:before {
  content: "";
  font-family: "custom-icons"; }

.icon-pappersfaktura.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-pappersfaktura.icon--after:before {
  content: none; }

.icon-check-rounded:before {
  content: "";
  font-family: "custom-icons"; }

.icon-check-rounded.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-check-rounded.icon--after:before {
  content: none; }

.icon-download-alt:before {
  content: "";
  font-family: "custom-icons"; }

.icon-download-alt.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-download-alt.icon--after:before {
  content: none; }

.icon-cooling:before {
  content: "";
  font-family: "custom-icons"; }

.icon-cooling.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-cooling.icon--after:before {
  content: none; }

.icon-bredband:before {
  content: "";
  font-family: "custom-icons"; }

.icon-bredband.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-bredband.icon--after:before {
  content: none; }

.icon-viatt:before {
  content: "";
  font-family: "custom-icons"; }

.icon-viatt.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-viatt.icon--after:before {
  content: none; }

.icon-forecast:before {
  content: "";
  font-family: "custom-icons"; }

.icon-forecast.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-forecast.icon--after:before {
  content: none; }

.icon-heat-mse:before {
  content: "";
  font-family: "custom-icons"; }

.icon-heat-mse.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-heat-mse.icon--after:before {
  content: none; }

.icon-electric-mse:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electric-mse.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electric-mse.icon--after:before {
  content: none; }

.icon-Pil:before {
  content: "";
  font-family: "custom-icons"; }

.icon-Pil.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-Pil.icon--after:before {
  content: none; }

.icon-close-new:before {
  content: "";
  font-family: "custom-icons"; }

.icon-close-new.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-close-new.icon--after:before {
  content: none; }

.icon-icon_information:before {
  content: "";
  font-family: "custom-icons"; }

.icon-icon_information.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-icon_information.icon--after:before {
  content: none; }

.icon-boka-om:before {
  content: "";
  font-family: "custom-icons"; }

.icon-boka-om.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-boka-om.icon--after:before {
  content: none; }

.icon-reading-glass:before {
  content: "";
  font-family: "custom-icons"; }

.icon-reading-glass.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-reading-glass.icon--after:before {
  content: none; }

.icon-steam:before {
  content: "";
  font-family: "custom-icons"; }

.icon-steam.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-steam.icon--after:before {
  content: none; }

.icon-statistics2:before {
  content: "";
  font-family: "custom-icons"; }

.icon-statistics2.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-statistics2.icon--after:before {
  content: none; }

.icon-villa:before {
  content: "";
  font-family: "custom-icons"; }

.icon-villa.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-villa.icon--after:before {
  content: none; }

.icon-apartments:before {
  content: "";
  font-family: "custom-icons"; }

.icon-apartments.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-apartments.icon--after:before {
  content: none; }

.icon-terracedhouse:before {
  content: "";
  font-family: "custom-icons"; }

.icon-terracedhouse.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-terracedhouse.icon--after:before {
  content: none; }

.icon-vacationhome:before {
  content: "";
  font-family: "custom-icons"; }

.icon-vacationhome.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-vacationhome.icon--after:before {
  content: none; }

.icon-elnat:before {
  content: "";
  font-family: "custom-icons"; }

.icon-elnat.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-elnat.icon--after:before {
  content: none; }

.icon-blad3:before {
  content: "";
  font-family: "custom-icons"; }

.icon-blad3.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-blad3.icon--after:before {
  content: none; }

.icon-spabath:before {
  content: "";
  font-family: "custom-icons"; }

.icon-spabath.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-spabath.icon--after:before {
  content: none; }

.icon-floorheating:before {
  content: "";
  font-family: "custom-icons"; }

.icon-floorheating.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-floorheating.icon--after:before {
  content: none; }

.icon-housingtype:before {
  content: "";
  font-family: "custom-icons"; }

.icon-housingtype.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-housingtype.icon--after:before {
  content: none; }

.icon-heating:before {
  content: "";
  font-family: "custom-icons"; }

.icon-heating.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-heating.icon--after:before {
  content: none; }

.icon-towelrail:before {
  content: "";
  font-family: "custom-icons"; }

.icon-towelrail.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-towelrail.icon--after:before {
  content: none; }

.icon-sauna:before {
  content: "";
  font-family: "custom-icons"; }

.icon-sauna.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-sauna.icon--after:before {
  content: none; }

.icon-washingmachine:before {
  content: "";
  font-family: "custom-icons"; }

.icon-washingmachine.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-washingmachine.icon--after:before {
  content: none; }

.icon-electricalgadgets:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electricalgadgets.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electricalgadgets.icon--after:before {
  content: none; }

.icon-electricityusage:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electricityusage.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electricityusage.icon--after:before {
  content: none; }

.icon-household:before {
  content: "";
  font-family: "custom-icons"; }

.icon-household.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-household.icon--after:before {
  content: none; }

.icon-empty:before {
  content: "";
  font-family: "custom-icons"; }

.icon-empty.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-empty.icon--after:before {
  content: none; }

.icon-dishwasher:before {
  content: "";
  font-family: "custom-icons"; }

.icon-dishwasher.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-dishwasher.icon--after:before {
  content: none; }

.icon-washingmachine2:before {
  content: "";
  font-family: "custom-icons"; }

.icon-washingmachine2.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-washingmachine2.icon--after:before {
  content: none; }

.icon-dryer:before {
  content: "";
  font-family: "custom-icons"; }

.icon-dryer.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-dryer.icon--after:before {
  content: none; }

.icon-charging:before {
  content: "";
  font-family: "custom-icons"; }

.icon-charging.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-charging.icon--after:before {
  content: none; }

.icon-smartcharging:before {
  content: "";
  font-family: "custom-icons"; }

.icon-smartcharging.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-smartcharging.icon--after:before {
  content: none; }

.icon-thinarrow:before {
  content: "";
  font-family: "custom-icons"; }

.icon-thinarrow.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-thinarrow.icon--after:before {
  content: none; }

.icon-electricitygrid:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electricitygrid.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electricitygrid.icon--after:before {
  content: none; }

.icon-statistic:before {
  content: "";
  font-family: "custom-icons"; }

.icon-statistic.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-statistic.icon--after:before {
  content: none; }

.icon-ext-link:before {
  content: "";
  font-family: "custom-icons"; }

.icon-ext-link.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-ext-link.icon--after:before {
  content: none; }

.icon-meter:before {
  content: "";
  font-family: "custom-icons"; }

.icon-meter.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-meter.icon--after:before {
  content: none; }

.icon-electric-cord:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electric-cord.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electric-cord.icon--after:before {
  content: none; }

.icon-graph:before {
  content: "";
  font-family: "custom-icons"; }

.icon-graph.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-graph.icon--after:before {
  content: none; }

.icon-no-data-graph:before {
  content: "";
  font-family: "custom-icons"; }

.icon-no-data-graph.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-no-data-graph.icon--after:before {
  content: none; }

.icon-remove:before {
  content: "";
  font-family: "custom-icons"; }

.icon-remove.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-remove.icon--after:before {
  content: none; }

.icon-circle-arrow-down-right:before {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-down-right.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-down-right.icon--after:before {
  content: none; }

.icon-circle-arrow-right:before {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-right.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-right.icon--after:before {
  content: none; }

.icon-circle-arrow-up-right:before {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-up-right.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-up-right.icon--after:before {
  content: none; }

header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999; }
  header .header-wrap {
    transition: top 0.3s ease-in-out;
    top: 0; }
    header .header-wrap.nav-up {
      top: -200px; }
    header .header-wrap.header-sprite {
      background-size: 3000px 325px;
      background-repeat: no-repeat;
      background-image: url(/static/images/theme/tv/header-sprite.png);
      background-position: center -171px; }
      @media only screen and (max-width: 1226px) {
        header .header-wrap.header-sprite {
          background-position: -895px -185px; } }
      @media only screen and (max-width: 940px) {
        header .header-wrap.header-sprite {
          background-size: auto;
          background-image: none;
          background-position: 0;
          background-color: #ffffff; } }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
      header .header-wrap.header-sprite {
        background-image: url(/static/images/theme/tv/header-sprite@2x.png); } }
    header .header-wrap .wrap {
      max-width: 1210px;
      min-width: inherit;
      min-height: 134px;
      position: relative;
      margin: 0 auto; }
      @media only screen and (max-width: 1226px) {
        header .header-wrap .wrap {
          min-height: 120px; } }
      @media only screen and (max-width: 940px) {
        header .header-wrap .wrap {
          min-height: 3.65em; } }
    header .header-wrap .logotype {
      position: absolute;
      top: 18px;
      left: 10px; }
      @media only screen and (max-width: 1226px) {
        header .header-wrap .logotype {
          top: 18px;
          left: 18px; } }
      @media only screen and (max-width: 940px) {
        header .header-wrap .logotype {
          position: relative;
          top: 12px;
          left: 3%; } }
      header .header-wrap .logotype img {
        max-width: 284px; }
        @media only screen and (max-width: 1226px) {
          header .header-wrap .logotype img {
            max-width: 240px; } }
        @media only screen and (max-width: 940px) {
          header .header-wrap .logotype img {
            max-width: 133px; } }

@media only screen and (min-width: 940px) {
  html.ahr-expanded .header-wrap {
    margin-left: -8.5px; } }

@media only screen and (max-width: 1226px) {
  html.ahr-expanded .header-wrap {
    margin-left: 0; } }

html.ahr-expanded .ahrlandingpage, html.ahr-expanded .ahrsubpage {
  overflow: hidden;
  max-height: 100vh;
  margin-right: 17px; }
  @media only screen and (max-width: 719px) {
    html.ahr-expanded .ahrlandingpage, html.ahr-expanded .ahrsubpage {
      padding-right: 0; } }

@media only screen and (max-width: 719px) {
  html.ahr-expanded .top-container, html.ahr-expanded .chapter-block {
    margin-right: -17px; } }

@media only screen and (max-width: 719px) {
  html.ahr-expanded .chapter-block-container-inner {
    margin-right: -17px; } }

@media only screen and (max-width: 719px) {
  html.ahr-expanded footer {
    margin-right: -17px;
    margin-top: -21.5px; } }

html.ahr-expanded .navigation__button {
  padding-right: 17px; }
  @media only screen and (max-width: 719px) {
    html.ahr-expanded .navigation__button {
      padding-right: 0; } }

html.ahr-expanded .navigation__nav-intro {
  padding-right: 17px; }
  @media only screen and (max-width: 719px) {
    html.ahr-expanded .navigation__nav-intro {
      padding-right: 0; } }

html.ahr-expanded .navigation__nav-arrow {
  padding-right: 17px; }
  @media only screen and (max-width: 719px) {
    html.ahr-expanded .navigation__nav-arrow {
      padding-right: 0; } }

.ahrlandingpage header .header-wrap nav .nav-global .nav-children .nav-anchor, .ahrsubpage header .header-wrap nav .nav-global .nav-children .nav-anchor {
  line-height: 1.5; }

.ahrlandingpage header .header-wrap.header-sprite, .ahrsubpage header .header-wrap.header-sprite {
  position: absolute;
  width: 100%; }

.ahrlandingpage header .header-wrap .logotype img, .ahrsubpage header .header-wrap .logotype img {
  width: 100%; }

@media only screen and (max-width: 1226px) {
  .ahrlandingpage header .header-wrap .wrap, .ahrsubpage header .header-wrap .wrap {
    min-height: 110px; } }

@media only screen and (max-width: 940px) {
  .ahrlandingpage header .header-wrap .wrap, .ahrsubpage header .header-wrap .wrap {
    min-height: 4.5em; }
  .ahrlandingpage header .header-wrap .logotype img, .ahrsubpage header .header-wrap .logotype img {
    padding-top: 12px;
    max-width: 140px; } }

@media only screen and (min-width: 940px) {
  .ahrlandingpage header, .ahrsubpage header {
    position: relative;
    top: -73px; } }
  @media only screen and (min-width: 940px) and (-ms-high-contrast: active), only screen and (min-width: 940px) and (-ms-high-contrast: none) {
    .ahrlandingpage header, .ahrsubpage header {
      top: 0; } }

@media only screen and (min-width: 940px) {
    .ahrlandingpage header.sticky-navbar, .ahrsubpage header.sticky-navbar {
      animation: FadeIn .3s ease-in;
      -webkit-animation: FadeIn .3s ease-in;
      position: fixed;
      top: 0; }
    .ahrlandingpage header .header-wrap.header-sprite, .ahrsubpage header .header-wrap.header-sprite {
      height: 120px; } }

@media only screen and (min-width: 1226px) {
  .ahrlandingpage header .header-wrap.header-sprite, .ahrsubpage header .header-wrap.header-sprite {
    height: 140px; } }

.ahrlandingpage .nav-anchor.active, .ahrsubpage .nav-anchor.active {
  text-decoration: underline; }

@keyframes FadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.navigation__checkbox {
  display: none; }

.navigation__nav-intro {
  position: absolute;
  top: 30px;
  right: 270px;
  font-size: 22px;
  color: #004876;
  z-index: 2000; }
  @media only screen and (max-width: 1226px) {
    .navigation__nav-intro {
      font-size: 20px;
      top: 25px;
      right: 270px; } }
  @media only screen and (max-width: 940px) {
    .navigation__nav-intro {
      display: none; } }

.navigation__nav-arrow {
  position: absolute;
  top: 70px;
  right: 200px;
  width: 180px;
  z-index: 2000; }
  @media only screen and (max-width: 1226px) {
    .navigation__nav-arrow {
      top: 60px;
      right: 200px;
      width: 160px; } }
  @media only screen and (max-width: 940px) {
    .navigation__nav-arrow {
      display: none; } }

.navigation__button {
  background-color: #004876;
  height: 10rem;
  width: 10rem;
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  border-radius: 50%;
  z-index: 3000;
  text-align: center;
  cursor: pointer; }
  @media only screen and (max-width: 940px) {
    .navigation__button {
      height: 8rem;
      width: 8rem; } }

.navigation__background {
  height: 9rem;
  width: 9rem;
  border-radius: 50%;
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  background-color: #004876;
  z-index: 1000;
  -webkit-transition-timing-function: ease-out, cubic-bezier(0.86, 0, 0.07, 1.2);
  transition: transform 1.2s cubic-bezier(0.86, 0, 0.07, 1); }
  @media only screen and (max-width: 940px) {
    .navigation__background {
      height: 7rem;
      width: 7rem; } }

.navigation__nav {
  z-index: 0;
  opacity: 0; }

.navigation__checkbox:checked ~ .navigation__nav {
  position: fixed;
  top: 5.5rem;
  left: 0;
  max-width: 100%;
  max-height: calc(100vh - 7rem);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-start;
  z-index: 2500;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  transition-delay: 0.7s; }
  @media only screen and (max-width: 719px) {
    .navigation__checkbox:checked ~ .navigation__nav {
      height: auto;
      max-height: 100vh;
      top: 0;
      padding-top: 2rem;
      flex-wrap: nowrap;
      justify-content: center; } }

.navigation__list {
  height: 100%;
  max-height: 80vh;
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-start;
  color: #ffffff;
  pointer-events: none;
  list-style: none;
  opacity: 0; }
  @media only screen and (max-width: 719px) {
    .navigation__list {
      height: auto;
      max-height: 100vh;
      flex-wrap: nowrap;
      overflow-y: scroll;
      scrollbar-width: none;
      -ms-overflow-style: none; }
      .navigation__list::-webkit-scrollbar {
        display: none; } }

.navigation__checkbox:checked ~ .navigation__nav .navigation__list {
  display: flex;
  opacity: 100%;
  pointer-events: auto; }

.navigation__item {
  flex: 0 1 auto;
  align-self: auto;
  margin-right: 5rem;
  margin-bottom: 2.5rem; }
  .navigation__item ul {
    list-style-type: none;
    border-left: 0.7px solid #ffffff;
    width: auto; }
  @media only screen and (max-width: 719px) {
    .navigation__item {
      margin-bottom: 1.5rem; } }

.navigation__link:link, .navigation__link:visited {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none !important; }

.navigation__link:hover, .navigation__link:active, .navigation__link.active {
  text-decoration: none; }
  .navigation__link:hover:after, .navigation__link:active:after, .navigation__link.active:after {
    position: absolute;
    content: '';
    border-bottom: 2.5px solid;
    width: 100%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: -11px;
    left: 50%; }

.navigation__sub-link:link, .navigation__sub-link:visited {
  position: relative;
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0.5rem;
  margin-left: -20px;
  transition: all 0.2s; }

.navigation__sub-link:hover:after, .navigation__sub-link:active:after, .navigation__sub-link.active:after {
  position: absolute;
  content: '';
  border-bottom: 1.5px solid;
  width: 100%;
  transform: translateX(-50%);
  bottom: -2px;
  left: 50%; }

.navigation__checkbox:checked ~ .navigation__background {
  transform: scale(50);
  -ms-transform: scale(50);
  -webkit-transform: scale(50); }

.navigation__checkbox:checked ~ .navigation__nav {
  opacity: 1;
  width: 100%; }

.navigation__icon {
  position: relative;
  margin-top: 5rem;
  margin-right: 2rem; }
  @media only screen and (max-width: 940px) {
    .navigation__icon {
      margin-top: 4.5rem;
      margin-right: 2rem; } }
  .navigation__icon, .navigation__icon::before, .navigation__icon::after {
    width: 2rem;
    height: 5px;
    border-radius: 6px;
    background-color: #ffffff;
    display: inline-block; }
    @media only screen and (max-width: 940px) {
      .navigation__icon, .navigation__icon::before, .navigation__icon::after {
        width: 1.6rem;
        height: 4px; } }
  .navigation__icon::before, .navigation__icon::after {
    content: "";
    position: absolute;
    left: 0;
    transition: all 0.3s; }
  .navigation__icon::before {
    top: -0.8rem; }
    @media only screen and (max-width: 940px) {
      .navigation__icon::before {
        top: -0.6rem; } }
  .navigation__icon::after {
    top: 0.8rem; }
    @media only screen and (max-width: 940px) {
      .navigation__icon::after {
        top: 0.6rem; } }

.navigation__button:hover .navigation__icon::before {
  top: -0.9rem; }
  @media only screen and (max-width: 940px) {
    .navigation__button:hover .navigation__icon::before {
      top: -0.7rem; } }

.navigation__button:hover .navigation__icon::after {
  top: 0.9rem; }
  @media only screen and (max-width: 940px) {
    .navigation__button:hover .navigation__icon::after {
      top: 0.7rem; } }

.navigation__checkbox:checked + .navigation__button .navigation__icon {
  background-color: transparent;
  transition: all 0.3s ease-in-out; }

.navigation__checkbox:checked + .navigation__button .navigation__icon::before {
  top: 0;
  transform: rotate(135deg); }

.navigation__checkbox:checked + .navigation__button .navigation__icon::after {
  top: 0;
  transform: rotate(-135deg); }

.navigation__checkbox:checked + .navigation__button:hover .navigation__icon {
  transform: scale(1.25);
  transition: all 0.3s ease-in-out; }

.navigation__icon-open-text {
  position: relative;
  margin-top: 0.5rem;
  margin-right: 2rem;
  font-size: 0.75rem;
  color: #ffffff;
  transition: opacity 1s ease-in; }
  @media only screen and (max-width: 940px) {
    .navigation__icon-open-text {
      margin-top: 0.2rem;
      font-size: 0.7rem; } }

.navigation__checkbox:checked + .navigation__button .navigation__icon-open-text {
  opacity: 0;
  transition-duration: 1s; }

.navigation__icon-close-text {
  position: absolute;
  top: 6.5rem;
  right: 5.15rem;
  font-size: 0.75rem;
  color: #ffffff;
  opacity: 0;
  transition: opacity 1s ease-out;
  transition-duration: 1s; }
  @media only screen and (max-width: 940px) {
    .navigation__icon-close-text {
      top: 5.75rem;
      right: 4.15rem;
      font-size: 0.7rem; } }

.navigation__checkbox:checked + .navigation__button .navigation__icon-close-text {
  opacity: 100%;
  transition-delay: 1s;
  padding-right: 17px; }
  @media only screen and (max-width: 719px) {
    .navigation__checkbox:checked + .navigation__button .navigation__icon-close-text {
      padding-right: 17px; } }
  @media only screen and (max-width: 719px) {
    .navigation__checkbox:checked + .navigation__button .navigation__icon-close-text {
      padding-right: 0; } }

main {
  margin-top: 73px; }

.ahrlandingpage {
  margin: 0;
  overflow-x: hidden; }
  .ahrlandingpage .main .wrap:not(.videoblock) {
    min-height: 0;
    max-width: none; }
  .ahrlandingpage .main .wrap.ahr-image {
    position: relative;
    width: 100%;
    height: calc(100vh - 73px); }
    .ahrlandingpage .main .wrap.ahr-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .ahrlandingpage .main.Edit .wrap.ahr-image, .ahrlandingpage .main.Preview .wrap.ahr-image {
    height: 100%; }
    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .ahrlandingpage .main.Edit .wrap.ahr-image img, .ahrlandingpage .main.Preview .wrap.ahr-image img {
        position: static !important;
        margin: 0 !important;
        width: 100% !important; } }
  .ahrlandingpage .top-container {
    position: relative;
    min-height: 1px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .ahrlandingpage .top-container h2 {
      font-size: 4rem;
      line-height: 4.7rem;
      color: #ffffff;
      margin: 0; }
      @media only screen and (max-width: 940px) {
        .ahrlandingpage .top-container h2 {
          font-size: 2.8rem;
          line-height: 3.5rem; } }
      @media only screen and (max-width: 719px) {
        .ahrlandingpage .top-container h2 {
          font-size: 2.2rem;
          line-height: 2.8rem; } }
    .ahrlandingpage .top-container p {
      color: #ffffff; }
    .ahrlandingpage .top-container__intro-content {
      position: absolute;
      z-index: 10;
      text-align: center;
      margin-top: 10%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media only screen and (max-width: 940px) {
        .ahrlandingpage .top-container__intro-content {
          width: 65%; } }
      @media only screen and (max-width: 719px) {
        .ahrlandingpage .top-container__intro-content {
          width: auto; } }
    .ahrlandingpage .top-container__intro-text {
      color: #ffffff;
      background-color: #004876;
      padding: 1rem 1.2rem 0.5rem 1.2rem;
      margin-left: 7%;
      margin-right: 7%; }
      @media only screen and (max-width: 940px) {
        .ahrlandingpage .top-container__intro-text {
          margin-left: 4%;
          margin-right: 4%; } }
    .ahrlandingpage .top-container__intro-btn-group {
      margin-top: 35px;
      display: flex;
      flex-direction: row; }
      @media only screen and (max-width: 940px) {
        .ahrlandingpage .top-container__intro-btn-group {
          flex-direction: column; } }
    .ahrlandingpage .top-container__intro-btn {
      width: 300px;
      margin-right: 15px;
      margin-left: 15px;
      padding-top: 15px;
      padding-bottom: 15px;
      border-radius: 25px;
      font-size: 18px;
      color: #000000;
      background-color: #ffffff;
      text-decoration: none;
      transition: all 0.4s; }
      .ahrlandingpage .top-container__intro-btn:hover {
        color: #ffffff;
        background-color: #004876; }
      @media only screen and (max-width: 940px) {
        .ahrlandingpage .top-container__intro-btn {
          width: 330px; }
          .ahrlandingpage .top-container__intro-btn:first-child {
            margin-bottom: 15px; } }
    .ahrlandingpage .top-container__icon-download {
      margin: 5px; }
    .ahrlandingpage .top-container__intro-mouse-holder {
      margin-top: 50px; }
    .ahrlandingpage .top-container__mouse {
      width: 40px;
      height: 60px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 25px;
      border: 2px solid #004876;
      background-color: #004876; }
    .ahrlandingpage .top-container__arrow1, .ahrlandingpage .top-container__arrow2 {
      position: absolute;
      left: -8.5px;
      top: 0;
      color: #ffffff;
      font-size: 70px;
      animation: mouse-scroll 1s infinite alternate; }
    .ahrlandingpage .top-container__arrow1 {
      top: 5px; }
    .ahrlandingpage .top-container__arrow1 {
      top: -15px; }

@keyframes mouse-scroll {
  to {
    transform: translate(0, 6px) scale(1, 0.8); } }

.ahrsubpage {
  margin: 0;
  overflow-x: hidden;
  /* Breadcrumbs
-------------------------------------------------------- */
  /* Narrow screen (smart phones etc) */ }
  .ahrsubpage .main .wrap:not(.videoblock) {
    min-height: 0;
    max-width: none; }
  .ahrsubpage .main .wrap.ahr-image {
    position: relative;
    width: 100%;
    height: 51vh; }
    .ahrsubpage .main .wrap.ahr-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .ahrsubpage .main.Edit .wrap.ahr-image, .ahrsubpage .main.Preview .wrap.ahr-image {
    height: 100%; }
    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .ahrsubpage .main.Edit .wrap.ahr-image img, .ahrsubpage .main.Preview .wrap.ahr-image img {
        position: static !important;
        margin: 0 !important;
        width: 100% !important; } }
  .ahrsubpage .breadcrumb-nav {
    min-height: 0;
    padding: 1.25em; }
    .ahrsubpage .breadcrumb-nav .breadcrumb-list {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%;
      width: auto;
      list-style: none; }
      .ahrsubpage .breadcrumb-nav .breadcrumb-list ul {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 100%; }
      .ahrsubpage .breadcrumb-nav .breadcrumb-list li {
        padding: 0;
        margin: 0;
        line-height: 1; }
      .ahrsubpage .breadcrumb-nav .breadcrumb-list li {
        margin-right: 0.4em;
        color: #757575;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 85%;
        display: inline; }
        .ahrsubpage .breadcrumb-nav .breadcrumb-list li a {
          color: #757575;
          text-decoration: none; }
        .ahrsubpage .breadcrumb-nav .breadcrumb-list li a:hover {
          color: #1178af;
          text-decoration: underline; }
      .ahrsubpage .breadcrumb-nav .breadcrumb-list li:last-child {
        color: #000000; }
      .ahrsubpage .breadcrumb-nav .breadcrumb-list li:after {
        content: '>';
        margin-left: 0.5em;
        color: #949494; }
      .ahrsubpage .breadcrumb-nav .breadcrumb-list li:last-child:after {
        display: none; }
  @media only screen and (max-width: 719px) {
    .ahrsubpage .breadcrumb-nav {
      font-size: 80%; } }
  .ahrsubpage .chapter-intro {
    display: inline; }
    .ahrsubpage .chapter-intro .chapter-intro-body {
      min-height: 50px; }
    .ahrsubpage .chapter-intro .chapter-intro-container-inner h1 {
      font-size: 240%;
      margin: 1em 0 0;
      color: #000000; }
    .ahrsubpage .chapter-intro .chapter-intro-heading, .ahrsubpage .chapter-intro .chapter-intro-body {
      padding: 0 220px; }
      @media only screen and (max-width: 1600px) {
        .ahrsubpage .chapter-intro .chapter-intro-heading, .ahrsubpage .chapter-intro .chapter-intro-body {
          padding: 0 120px; } }
      @media only screen and (max-width: 1226px) {
        .ahrsubpage .chapter-intro .chapter-intro-heading, .ahrsubpage .chapter-intro .chapter-intro-body {
          padding: 0 80px; } }
      @media only screen and (max-width: 940px) {
        .ahrsubpage .chapter-intro .chapter-intro-heading, .ahrsubpage .chapter-intro .chapter-intro-body {
          padding: 0 50px; } }
      @media only screen and (max-width: 480px) {
        .ahrsubpage .chapter-intro .chapter-intro-heading, .ahrsubpage .chapter-intro .chapter-intro-body {
          padding: 0 25px; } }

.ahr-carousel-block {
  padding: 100px 5px 100px;
  position: relative; }
  .ahr-carousel-block .container-body {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-flow: column;
    background-color: #004876;
    min-height: 400px; }
    @media only screen and (min-width: 1630px) {
      .ahr-carousel-block .container-body {
        min-height: 500px; } }
    .ahr-carousel-block .container-body .image-container {
      width: 100%;
      min-height: 220px; }
      .ahr-carousel-block .container-body .image-container img {
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%; }
      @media only screen and (min-width: 1630px) {
        .ahr-carousel-block .container-body .image-container {
          min-height: 280px; } }
    .ahr-carousel-block .container-body .text {
      max-width: 100%;
      height: 100%;
      color: #eaecef; }
      .ahr-carousel-block .container-body .text a {
        color: #eaecef;
        text-decoration: underline; }
      .ahr-carousel-block .container-body .text .inner-text {
        padding: 32px; }
        .ahr-carousel-block .container-body .text .inner-text p {
          font-size: 18px;
          margin: 0; }
        .ahr-carousel-block .container-body .text .inner-text h4 {
          font-size: 22px;
          margin: 0 0 10px; }
  .ahr-carousel-block .image-container {
    overflow: hidden;
    flex: 1 0 0px; }
    .ahr-carousel-block .image-container img {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .ahr-carousel-block h2, .ahr-carousel-block h3, .ahr-carousel-block h4 {
    margin: 0.3em 0 0;
    color: #eaecef; }

@media only screen and (max-width: 480px) {
  .ahr-carousel-block .container-body .text h4 {
    font-size: 22px; }
  .ahr-carousel-block .container-body .text p {
    font-size: 16px; } }

.ahr-carousel-container-block {
  position: relative; }
  .ahr-carousel-container-block.darkblue {
    background-color: #eaecef; }
    .ahr-carousel-container-block.darkblue .glider-next {
      background-color: #eaecef; }
    .ahr-carousel-container-block.darkblue .glider-fade {
      background-image: linear-gradient(to right, rgba(234, 236, 239, 0), #eaecef); }
  .ahr-carousel-container-block.lightblue {
    background-color: #eaedef; }
    .ahr-carousel-container-block.lightblue .glider-next {
      background-color: #eaedef; }
    .ahr-carousel-container-block.lightblue .glider-fade {
      background-image: linear-gradient(to right, rgba(234, 237, 239, 0), #eaedef); }
  .ahr-carousel-container-block.green {
    background-color: #e4e9e7; }
    .ahr-carousel-container-block.green .glider-next {
      background-color: #e4e9e7; }
    .ahr-carousel-container-block.green .glider-fade {
      background-image: linear-gradient(to right, rgba(234, 237, 239, 0), #e4e9e7); }
  .ahr-carousel-container-block.purple {
    background-color: #eeebee; }
    .ahr-carousel-container-block.purple .glider-next {
      background-color: #eeebee; }
    .ahr-carousel-container-block.purple .glider-fade {
      background-image: linear-gradient(to right, rgba(238, 235, 238, 0), #eeebee); }
  .ahr-carousel-container-block .glider-container .glider {
    display: flex;
    overflow: hidden; }
    .ahr-carousel-container-block .glider-container .glider .glider-track {
      padding: 0 100px; }
      @media only screen and (max-width: 940px) {
        .ahr-carousel-container-block .glider-container .glider .glider-track {
          padding: 0 50px; } }
  .ahr-carousel-container-block .glider-container .glider:not(.draggable) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap; }
  .ahr-carousel-container-block .glider-container.visible .glider-next, .ahr-carousel-container-block .glider-container.visible .glider-prev, .ahr-carousel-container-block .glider-container.visible .glider-fade {
    display: block; }
  .ahr-carousel-container-block .glider-container .glider-next {
    right: 30px; }
  .ahr-carousel-container-block .glider-container .glider-prev {
    left: 30px; }
    .ahr-carousel-container-block .glider-container .glider-prev .icon.icon-arrow:before {
      transform: rotate(180deg); }
  .ahr-carousel-container-block .glider-container .glider-next, .ahr-carousel-container-block .glider-container .glider-prev {
    border-radius: 60px;
    font-size: 60px;
    padding: 0px 10px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    background-color: #ffffff; }
    .ahr-carousel-container-block .glider-container .glider-next .icon, .ahr-carousel-container-block .glider-container .glider-prev .icon {
      color: #004876; }
      .ahr-carousel-container-block .glider-container .glider-next .icon.icon-arrow:before, .ahr-carousel-container-block .glider-container .glider-prev .icon.icon-arrow:before {
        position: relative;
        top: -3px;
        right: 0; }
      .ahr-carousel-container-block .glider-container .glider-next .icon.icon-arrow:after, .ahr-carousel-container-block .glider-container .glider-prev .icon.icon-arrow:after {
        display: none; }
    @media only screen and (min-width: 719px) {
      .ahr-carousel-container-block .glider-container .glider-nextfocus, .ahr-carousel-container-block .glider-container .glider-next:hover, .ahr-carousel-container-block .glider-container .glider-prevfocus, .ahr-carousel-container-block .glider-container .glider-prev:hover {
        background-color: #004876; }
        .ahr-carousel-container-block .glider-container .glider-nextfocus .icon, .ahr-carousel-container-block .glider-container .glider-next:hover .icon, .ahr-carousel-container-block .glider-container .glider-prevfocus .icon, .ahr-carousel-container-block .glider-container .glider-prev:hover .icon {
          color: #ffffff; } }
    .ahr-carousel-container-block .glider-container .glider-next.disabled, .ahr-carousel-container-block .glider-container .glider-prev.disabled {
      display: none; }
  .ahr-carousel-container-block .glider-container .glider-fade {
    display: none;
    content: '';
    width: 15%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    position: absolute;
    right: 0;
    top: 0; }

.chapter-block {
  display: inline; }
  .chapter-block .chapter-block-body {
    min-height: 94px; }
  .chapter-block .chapter-block-container-inner {
    padding-top: 81px;
    margin-top: -81px; }
    .chapter-block .chapter-block-container-inner h2 {
      font-size: 240%;
      margin: 105px 0 0; }
    .chapter-block .chapter-block-container-inner p {
      margin-bottom: 67px; }
  .chapter-block .chapter-block-heading, .chapter-block .chapter-block-body {
    padding: 10px 220px; }
  .chapter-block.blue .chapter-block-heading, .chapter-block.blue .chapter-block-body {
    background-color: #91e0f8; }
  .chapter-block.lightblue .chapter-block-heading, .chapter-block.lightblue .chapter-block-body {
    background-color: #cef1fc; }
  .chapter-block.green .chapter-block-heading, .chapter-block.green .chapter-block-body {
    background-color: #b9cd91; }
  .chapter-block.lightgreen .chapter-block-heading, .chapter-block.lightgreen .chapter-block-body {
    background-color: #d7e2c0; }
  .chapter-block.purple .chapter-block-heading, .chapter-block.purple .chapter-block-body {
    background-color: #debcdf; }
  .chapter-block.lightpurple .chapter-block-heading, .chapter-block.lightpurple .chapter-block-body {
    background-color: #ead8ea; }

@media only screen and (max-width: 1600px) {
  .chapter-block .chapter-block-heading, .chapter-block .chapter-block-body {
    padding: 10px 120px; } }

@media only screen and (max-width: 1226px) {
  .chapter-block .chapter-block-heading, .chapter-block .chapter-block-body {
    padding: 10px 80px; } }

@media only screen and (max-width: 940px) {
  .chapter-block .chapter-block-heading, .chapter-block .chapter-block-body {
    padding: 10px 50px; } }

@media only screen and (max-width: 480px) {
  .chapter-block .chapter-block-heading, .chapter-block .chapter-block-body {
    padding: 10px 25px; } }

.ahr-full-width-block {
  position: relative; }
  .ahr-full-width-block.darkblue .glider-container {
    background-color: #eaecef; }
    .ahr-full-width-block.darkblue .glider-container .glider-next {
      background-color: #eaecef; }
    .ahr-full-width-block.darkblue .glider-container .glider-fade {
      background-image: linear-gradient(to right, rgba(234, 236, 239, 0), #eaecef); }
  .ahr-full-width-block.lightblue glider-container {
    background-color: #eaedef; }
    .ahr-full-width-block.lightblue glider-container .glider-next {
      background-color: #eaedef; }
    .ahr-full-width-block.lightblue glider-container .glider-fade {
      background-image: linear-gradient(to right, rgba(234, 237, 239, 0), #eaedef); }
  .ahr-full-width-block.green .glider-container {
    background-color: #e4e9e7; }
    .ahr-full-width-block.green .glider-container .glider-next {
      background-color: #e4e9e7; }
    .ahr-full-width-block.green .glider-container .glider-fade {
      background-image: linear-gradient(to right, rgba(234, 237, 239, 0), #e4e9e7); }
  .ahr-full-width-block.purple .glider-container {
    background-color: #eeebee; }
    .ahr-full-width-block.purple .glider-container .glider-next {
      background-color: #eeebee; }
    .ahr-full-width-block.purple .glider-container .glider-fade {
      background-image: linear-gradient(to right, rgba(238, 235, 238, 0), #eeebee); }
  .ahr-full-width-block .glider-container .glider:not(.draggable) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap; }
  .ahr-full-width-block .glider-container.visible .glider-next, .ahr-full-width-block .glider-container.visible .glider-fade {
    display: block; }
  .ahr-full-width-block .glider-container .glider-next {
    right: 15%;
    top: 50%;
    transform: translateY(-50%); }
  .ahr-full-width-block .glider-container .glider-prev {
    display: none; }
    .ahr-full-width-block .glider-container .glider-prev:not(.disabled) + .glider-next {
      display: none; }
      .ahr-full-width-block .glider-container .glider-prev:not(.disabled) + .glider-next + .glider-fade {
        display: none; }
  .ahr-full-width-block .glider-container .glider-next {
    border-radius: 25px;
    padding: 0px 20px;
    box-shadow: 0px 0px 7px #7a8991;
    display: none;
    background-color: #ffffff; }
    .ahr-full-width-block .glider-container .glider-next .icon {
      color: #004876; }
      .ahr-full-width-block .glider-container .glider-next .icon:focus, .ahr-full-width-block .glider-container .glider-next .icon:hover {
        color: #004876; }
      .ahr-full-width-block .glider-container .glider-next .icon.icon-arrow:before {
        position: relative;
        right: 4px; }
      .ahr-full-width-block .glider-container .glider-next .icon.icon-arrow:after {
        content: "\E00D";
        font-family: "custom-icons";
        position: absolute;
        right: 15px;
        bottom: 0; }
    .ahr-full-width-block .glider-container .glider-next.disabled {
      display: none; }
  .ahr-full-width-block .glider-container .glider-fade {
    display: none;
    content: '';
    width: 15%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    position: absolute;
    right: 0;
    top: 0; }

.ahr-full-width-item-block {
  width: calc(50% - 60px);
  min-height: 275px;
  padding: 60px 20px 100px;
  position: relative; }
  @media only screen and (min-width: 940px) {
    .ahr-full-width-item-block {
      width: calc(25% - 60px);
      padding: 100px 30px 130px;
      min-height: 250px; } }
  @media only screen and (min-width: 1226px) {
    .ahr-full-width-item-block {
      width: calc(25% - 80px);
      padding: 100px 40px 130px; } }
  @media only screen and (min-width: 1400px) {
    .ahr-full-width-item-block {
      width: calc(25% - 100px);
      padding: 100px 50px 130px; } }
  .ahr-full-width-item-block h2 {
    font-size: 270%; }
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 580%;
    margin: 0;
    font-family: "KarminaSans-ExtraBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 0.85;
    margin-bottom: 14px; }
  .ahr-full-width-item-block .container-body {
    width: 100%;
    text-align: center;
    height: auto;
    position: relative;
    min-height: 300px; }
    @media only screen and (min-width: 940px) {
      .ahr-full-width-item-block .container-body {
        min-height: 320px; } }
    @media only screen and (min-width: 1226px) {
      .ahr-full-width-item-block .container-body {
        min-height: 330px; } }
    @media only screen and (min-width: 1400px) {
      .ahr-full-width-item-block .container-body {
        min-height: 390px; } }
    @media only screen and (min-width: 1630px) {
      .ahr-full-width-item-block .container-body {
        min-height: 360px; } }
    .ahr-full-width-item-block .container-body blockquote {
      font-size: 32px;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0;
      width: 100%; }
    .ahr-full-width-item-block .container-body .text {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%; }
      .ahr-full-width-item-block .container-body .text p {
        font-size: 28px; }
      .ahr-full-width-item-block .container-body .text p.lead {
        font-size: 55px;
        font-family: "KarminaSans-ExtraBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0;
        color: #000000; }
  .ahr-full-width-item-block .image-container {
    height: auto;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 1630px) {
      .ahr-full-width-item-block .image-container {
        position: static;
        top: 0;
        transform: none; }
        .ahr-full-width-item-block .image-container img {
          margin: 0 auto 40px; } }
    .ahr-full-width-item-block .image-container.rounded-image img {
      border-radius: 100%; }
    .ahr-full-width-item-block .image-container img {
      height: auto;
      width: 100%;
      max-width: 330px; }
  .ahr-full-width-item-block h2, .ahr-full-width-item-block h3, .ahr-full-width-item-block h4 {
    margin: 0.3em 0 0; }
  .ahr-full-width-item-block .link-button {
    position: absolute;
    bottom: 44px;
    width: 100%;
    left: 0; }
    @media only screen and (min-width: 940px) {
      .ahr-full-width-item-block .link-button {
        bottom: 64px; } }
  .ahr-full-width-item-block.left-align-button .link-button {
    padding-left: 30px; }
    @media only screen and (min-width: 1226px) {
      .ahr-full-width-item-block.left-align-button .link-button {
        padding-left: 60px; } }

@media only screen and (max-width: 1860px) {
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 560%; } }

@media only screen and (max-width: 1800px) {
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 515%; } }

@media only screen and (max-width: 1700px) {
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 470%;
    margin-bottom: 12px; } }

@media only screen and (max-width: 1600px) {
  .ahr-full-width-item-block h2 {
    font-size: 230%; }
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 435%;
    margin-bottom: 10px; }
  .ahr-full-width-item-block .container-body .text p.lead {
    font-size: 52px; } }

@media only screen and (max-width: 1500px) {
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 395%; } }

@media only screen and (max-width: 1400px) {
  .ahr-full-width-item-block h2 {
    font-size: 220%; }
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 360%; }
  .ahr-full-width-item-block .container-body .text p, .ahr-full-width-item-block .container-body .text ul, .ahr-full-width-item-block .container-body .text ol {
    font-size: 22px; }
  .ahr-full-width-item-block .container-body .text p.lead {
    font-size: 50px; } }

@media only screen and (max-width: 1226px) {
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 330%;
    margin-bottom: 6px; }
  .ahr-full-width-item-block .container-body .text p.lead {
    font-size: 46px; } }

@media only screen and (max-width: 940px) {
  .ahr-full-width-item-block h2 {
    font-size: 200%; }
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 310%;
    margin-bottom: 4px; }
  .ahr-full-width-item-block .image-container img {
    max-width: 230px; }
  .ahr-full-width-item-block .container-body .text p.lead {
    font-size: 42px; } }

@media only screen and (max-width: 599px) {
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 415%;
    margin-bottom: 6px; }
  .ahr-full-width-item-block .container-body .text p.lead {
    font-size: 48px; } }

@media only screen and (max-width: 480px) {
  .ahr-full-width-item-block h2 {
    font-size: 170%; }
  .ahr-full-width-item-block h2.h2-extra-large {
    font-size: 286%;
    margin-bottom: 4px; }
  .ahr-full-width-item-block .container-body .text p {
    font-size: 20px; }
  .ahr-full-width-item-block .container-body .text p.lead {
    font-size: 36px; } }

.ahr-puff-container-block {
  padding: 100px 0 100px;
  width: 85vw;
  margin: 0 auto; }
  @media only screen and (max-width: 719px) {
    .ahr-puff-container-block {
      width: 100%; } }
  .ahr-puff-container-block .ahr-statistics-block {
    width: 100%; }
    .ahr-puff-container-block .ahr-statistics-block .ahr-puff {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 28vh;
      overflow: hidden; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff.blue {
        background-color: #91e0f8; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff.lightblue {
        background-color: #cef1fc; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff.green {
        background-color: #b9cd91; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff.lightgreen {
        background-color: #d7e2c0; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff.purple {
        background-color: #debcdf; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff.lightpurple {
        background-color: #ead8ea; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 90%;
        height: 100%; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff__icon {
        width: 45px;
        height: 45px; }
        @media only screen and (max-width: 940px) {
          .ahr-puff-container-block .ahr-statistics-block .ahr-puff__icon {
            width: 40px;
            height: 40px; } }
        .ahr-puff-container-block .ahr-statistics-block .ahr-puff__icon img {
          -o-object-fit: cover;
             object-fit: cover;
          width: 100%;
          height: 100%; }
        @media only screen and (max-width: 719px) {
          .ahr-puff-container-block .ahr-statistics-block .ahr-puff__icon {
            width: 40px;
            height: 40px;
            margin-bottom: 0.3rem; } }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff h3 {
        font-size: clamp(4vw, 6vw, 2vw);
        margin: 0.5rem 0 1vh 0;
        word-break: break-word; }
        @media only screen and (max-width: 940px) {
          .ahr-puff-container-block .ahr-statistics-block .ahr-puff h3 {
            font-size: 2.8rem; } }
        @media only screen and (max-width: 719px) {
          .ahr-puff-container-block .ahr-statistics-block .ahr-puff h3 {
            font-size: 2.8rem;
            margin: 0 0 0.3rem 0; } }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff h4 {
        font-size: 22px;
        max-width: 90%;
        text-align: center;
        margin: 0;
        padding: 0; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff p {
        margin: 0;
        padding: 0; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff__big-text {
        color: #000000; }
      .ahr-puff-container-block .ahr-statistics-block .ahr-puff__ingress {
        margin: 33rem; }
    .ahr-puff-container-block .ahr-statistics-block.Edit .ahr-puff, .ahr-puff-container-block .ahr-statistics-block.Preview .ahr-puff {
      height: 250px; }
  .ahr-puff-container-block .sub-page-partial-container {
    width: 100%; }
    @media only screen and (min-width: 719px) {
      .ahr-puff-container-block .sub-page-partial-container .ahr-puff:hover h5 {
        background-color: #004876;
        color: #ffffff;
        transition: ease-in-out 0.3s; } }
    .ahr-puff-container-block .sub-page-partial-container .ahr-puff {
      display: flex;
      height: 28vh;
      cursor: pointer; }
      .ahr-puff-container-block .sub-page-partial-container .ahr-puff__image {
        justify-content: center;
        display: flex;
        flex-direction: row;
        overflow: hidden;
        width: 100%; }
        .ahr-puff-container-block .sub-page-partial-container .ahr-puff__image .ahr-link {
          width: 100%; }
      .ahr-puff-container-block .sub-page-partial-container .ahr-puff__image img {
        -o-object-fit: cover;
        object-fit: cover;
        min-height: 100%;
        width: 100%; }
      .ahr-puff-container-block .sub-page-partial-container .ahr-puff__header {
        position: absolute;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        height: 28vh;
        max-width: 30.4%; }
        @media only screen and (max-width: 940px) {
          .ahr-puff-container-block .sub-page-partial-container .ahr-puff__header {
            max-width: 46.5%; } }
        @media only screen and (max-width: 719px) {
          .ahr-puff-container-block .sub-page-partial-container .ahr-puff__header {
            max-width: 96%; } }
        .ahr-puff-container-block .sub-page-partial-container .ahr-puff__header a:hover, .ahr-puff-container-block .sub-page-partial-container .ahr-puff__header a:visited, .ahr-puff-container-block .sub-page-partial-container .ahr-puff__header a:link, .ahr-puff-container-block .sub-page-partial-container .ahr-puff__header a:active {
          text-decoration: none; }
        .ahr-puff-container-block .sub-page-partial-container .ahr-puff__header h5 {
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-weight: normal;
          font-size: 2.2vh;
          display: flex;
          justify-content: center;
          align-items: center;
          min-width: 8rem;
          background-color: #ffffff;
          border-radius: 35px;
          padding: 16px 30px 16px 30px;
          margin-bottom: 1.1rem;
          margin-left: 1.1rem; }
          @media only screen and (max-width: 940px) {
            .ahr-puff-container-block .sub-page-partial-container .ahr-puff__header h5 {
              min-width: 20vw; } }
          @media only screen and (max-width: 719px) {
            .ahr-puff-container-block .sub-page-partial-container .ahr-puff__header h5 {
              min-width: 45vw;
              max-width: 76vw;
              margin-right: 0.5rem;
              margin-bottom: 1.2rem; } }
    .ahr-puff-container-block .sub-page-partial-container.Edit .ahr-puff, .ahr-puff-container-block .sub-page-partial-container.Preview .ahr-puff {
      height: 250px; }
  .ahr-puff-container-block .ahr-puff-grid {
    position: relative;
    display: grid;
    justify-content: center;
    grid-column-gap: 5px;
    grid-row-gap: 5px; }
  .ahr-puff-container-block .grid-1 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr); }
    .ahr-puff-container-block .grid-1__block-1 .ahr-puff {
      height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-1__block-1 .ahr-puff__header {
        height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-1__block-1 .ahr-puff__image img {
        height: calc(56vh + 5px); }
    .ahr-puff-container-block .grid-1__block-1 {
      grid-area: 1 / 1 / 3 / 3; }
  .ahr-puff-container-block .grid-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr); }
    .ahr-puff-container-block .grid-2__block-1 .ahr-puff, .ahr-puff-container-block .grid-2__block-2 .ahr-puff {
      height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-2__block-1 .ahr-puff__header, .ahr-puff-container-block .grid-2__block-2 .ahr-puff__header {
        height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-2__block-1 .ahr-puff__image img, .ahr-puff-container-block .grid-2__block-2 .ahr-puff__image img {
        height: calc(56vh + 5px); }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-2__block-1 .ahr-puff, .ahr-puff-container-block .grid-2__block-2 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-2__block-1 .ahr-puff__header, .ahr-puff-container-block .grid-2__block-2 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-2__block-1 .ahr-puff__image img, .ahr-puff-container-block .grid-2__block-2 .ahr-puff__image img {
          height: auto; } }
    .ahr-puff-container-block .grid-2__block-1 {
      grid-area: 1 / 1 / 3 / 2; }
    .ahr-puff-container-block .grid-2__block-2 {
      grid-area: 1 / 2 / 3 / 3; }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-2 {
        grid-template-columns: 1fr; }
        .ahr-puff-container-block .grid-2__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-2__block-2 {
          grid-area: 2 / 1 / 3 / 2; } }
  .ahr-puff-container-block .grid-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); }
    .ahr-puff-container-block .grid-3__block-1 .ahr-puff, .ahr-puff-container-block .grid-3__block-2 .ahr-puff, .ahr-puff-container-block .grid-3__block-3 .ahr-puff {
      height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-3__block-1 .ahr-puff__header, .ahr-puff-container-block .grid-3__block-2 .ahr-puff__header, .ahr-puff-container-block .grid-3__block-3 .ahr-puff__header {
        height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-3__block-1 .ahr-puff__image img, .ahr-puff-container-block .grid-3__block-2 .ahr-puff__image img, .ahr-puff-container-block .grid-3__block-3 .ahr-puff__image img {
        height: calc(56vh + 5px); }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-3__block-1 .ahr-puff, .ahr-puff-container-block .grid-3__block-2 .ahr-puff, .ahr-puff-container-block .grid-3__block-3 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-3__block-1 .ahr-puff__header, .ahr-puff-container-block .grid-3__block-2 .ahr-puff__header, .ahr-puff-container-block .grid-3__block-3 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-3__block-1 .ahr-puff__image img, .ahr-puff-container-block .grid-3__block-2 .ahr-puff__image img, .ahr-puff-container-block .grid-3__block-3 .ahr-puff__image img {
          height: auto; } }
    .ahr-puff-container-block .grid-3__block-1 {
      grid-area: 1 / 1 / 3 / 2; }
    .ahr-puff-container-block .grid-3__block-2 {
      grid-area: 1 / 2 / 3 / 3; }
    .ahr-puff-container-block .grid-3__block-3 {
      grid-area: 1 / 3 / 3 / 4; }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-3 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr); }
        .ahr-puff-container-block .grid-3__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-3__block-2 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-3__block-3 {
          grid-area: 3 / 1 / 4 / 2; } }
  .ahr-puff-container-block .grid-4 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); }
    .ahr-puff-container-block .grid-4__block-1 .ahr-puff, .ahr-puff-container-block .grid-4__block-4 .ahr-puff {
      height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-4__block-1 .ahr-puff__header, .ahr-puff-container-block .grid-4__block-4 .ahr-puff__header {
        height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-4__block-1 .ahr-puff__image img, .ahr-puff-container-block .grid-4__block-4 .ahr-puff__image img {
        height: calc(56vh + 5px); }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-4__block-1 .ahr-puff, .ahr-puff-container-block .grid-4__block-4 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-4__block-1 .ahr-puff__header, .ahr-puff-container-block .grid-4__block-4 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-4__block-1 .ahr-puff__image img, .ahr-puff-container-block .grid-4__block-4 .ahr-puff__image img {
          height: auto; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-4__block-1 .ahr-puff, .ahr-puff-container-block .grid-4__block-4 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-4__block-1 .ahr-puff__header, .ahr-puff-container-block .grid-4__block-4 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-4__block-1 .ahr-puff__image img, .ahr-puff-container-block .grid-4__block-4 .ahr-puff__image img {
          height: auto; } }
    .ahr-puff-container-block .grid-4__block-1 {
      grid-area: 1 / 1 / 3 / 2; }
    .ahr-puff-container-block .grid-4__block-2 {
      grid-area: 1 / 2 / 2 / 3; }
    .ahr-puff-container-block .grid-4__block-3 {
      grid-area: 2 / 2 / 3 / 3; }
    .ahr-puff-container-block .grid-4__block-4 {
      grid-area: 1 / 3 / 3 / 4; }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-4 {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr); }
        .ahr-puff-container-block .grid-4__block-1 {
          grid-area: 1 / 1 / 3 / 3; }
        .ahr-puff-container-block .grid-4__block-2 {
          grid-area: 1 / 3 / 3 / 5; }
        .ahr-puff-container-block .grid-4__block-3 {
          grid-area: 3 / 1 / 5 / 3; }
        .ahr-puff-container-block .grid-4__block-4 {
          grid-area: 3 / 3 / 5 / 5; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-4 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr); }
        .ahr-puff-container-block .grid-4__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-4__block-2 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-4__block-3 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-4__block-4 {
          grid-area: 4 / 1 / 5 / 2; } }
  .ahr-puff-container-block .grid-5 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); }
    .ahr-puff-container-block .grid-5__block-3 .ahr-puff {
      height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-5__block-3 .ahr-puff__header {
        height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-5__block-3 .ahr-puff__image img {
        height: calc(56vh + 5px); }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-5__block-3 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-5__block-3 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-5__block-3 .ahr-puff__image img {
          height: auto; } }
    .ahr-puff-container-block .grid-5__block-1 {
      grid-area: 1 / 1 / 2 / 2; }
    .ahr-puff-container-block .grid-5__block-2 {
      grid-area: 2 / 1 / 3 / 2; }
    .ahr-puff-container-block .grid-5__block-3 {
      grid-area: 1 / 2 / 3 / 3; }
    .ahr-puff-container-block .grid-5__block-4 {
      grid-area: 1 / 3 / 2 / 4; }
    .ahr-puff-container-block .grid-5__block-5 {
      grid-area: 2 / 3 / 3 / 4; }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-5 {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(6, 1fr); }
        .ahr-puff-container-block .grid-5__block-3 {
          grid-area: 1 / 1 / 5 / 3; }
        .ahr-puff-container-block .grid-5__block-1 {
          grid-area: 1 / 3 / 3 / 5; }
        .ahr-puff-container-block .grid-5__block-2 {
          grid-area: 3 / 3 / 5 / 5; }
        .ahr-puff-container-block .grid-5__block-4 {
          grid-area: 5 / 1 / 7 / 3; }
        .ahr-puff-container-block .grid-5__block-5 {
          grid-area: 5 / 3 / 7 / 5; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-5 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, 1fr); }
        .ahr-puff-container-block .grid-5__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-5__block-2 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-5__block-3 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-5__block-4 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-5__block-5 {
          grid-area: 5 / 1 / 6 / 2; } }
  .ahr-puff-container-block .grid-6 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); }
    .ahr-puff-container-block .grid-6__block-1 {
      grid-area: 1 / 1 / 2 / 2; }
    .ahr-puff-container-block .grid-6__block-2 {
      grid-area: 1 / 2 / 2 / 3; }
    .ahr-puff-container-block .grid-6__block-3 {
      grid-area: 1 / 3 / 2 / 4; }
    .ahr-puff-container-block .grid-6__block-4 {
      grid-area: 2 / 1 / 3 / 2; }
    .ahr-puff-container-block .grid-6__block-5 {
      grid-area: 2 / 2 / 3 / 3; }
    .ahr-puff-container-block .grid-6__block-6 {
      grid-area: 2 / 3 / 3 / 4; }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-6 {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(6, 1fr); }
        .ahr-puff-container-block .grid-6__block-1 {
          grid-area: 1 / 1 / 3 / 3; }
        .ahr-puff-container-block .grid-6__block-2 {
          grid-area: 1 / 3 / 3 / 5; }
        .ahr-puff-container-block .grid-6__block-3 {
          grid-area: 3 / 1 / 5 / 3; }
        .ahr-puff-container-block .grid-6__block-4 {
          grid-area: 3 / 3 / 5 / 5; }
        .ahr-puff-container-block .grid-6__block-5 {
          grid-area: 5 / 1 / 7 / 3; }
        .ahr-puff-container-block .grid-6__block-6 {
          grid-area: 5 / 3 / 7 / 5; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-6 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 1fr); }
        .ahr-puff-container-block .grid-6__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-6__block-2 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-6__block-3 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-6__block-4 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-6__block-5 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-6__block-6 {
          grid-area: 6 / 1 / 7 / 2; } }
  .ahr-puff-container-block .grid-7 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr); }
    .ahr-puff-container-block .grid-7__block-4 .ahr-puff {
      height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-7__block-4 .ahr-puff__header {
        height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-7__block-4 .ahr-puff__image img {
        height: calc(56vh + 5px); }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-7__block-4 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-7__block-4 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-7__block-4 .ahr-puff__image img {
          height: auto; } }
    .ahr-puff-container-block .grid-7__block-3 .ahr-puff {
      height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-7__block-3 .ahr-puff__header {
        height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-7__block-3 .ahr-puff__image img {
        height: calc(56vh + 5px); }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-7__block-3 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-7__block-3 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-7__block-3 .ahr-puff__image img {
          height: auto; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-7__block-3 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-7__block-3 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-7__block-3 .ahr-puff__image img {
          height: auto; } }
    .ahr-puff-container-block .grid-7__block-1 {
      grid-area: 1 / 1 / 2 / 2; }
    .ahr-puff-container-block .grid-7__block-2 {
      grid-area: 1 / 2 / 2 / 3; }
    .ahr-puff-container-block .grid-7__block-3 {
      grid-area: 1 / 3 / 3 / 4; }
    .ahr-puff-container-block .grid-7__block-4 {
      grid-area: 2 / 1 / 4 / 2; }
    .ahr-puff-container-block .grid-7__block-5 {
      grid-area: 2 / 2 / 3 / 3; }
    .ahr-puff-container-block .grid-7__block-6 {
      grid-area: 3 / 2 / 4 / 3; }
    .ahr-puff-container-block .grid-7__block-7 {
      grid-area: 3 / 3 / 4 / 4; }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-7 {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(8, 1fr); }
        .ahr-puff-container-block .grid-7__block-1 {
          grid-area: 1 / 1 / 3 / 3; }
        .ahr-puff-container-block .grid-7__block-2 {
          grid-area: 1 / 3 / 3 / 5; }
        .ahr-puff-container-block .grid-7__block-3 {
          grid-area: 3 / 1 / 5 / 3; }
        .ahr-puff-container-block .grid-7__block-4 {
          grid-area: 3 / 3 / 7 / 5; }
        .ahr-puff-container-block .grid-7__block-5 {
          grid-area: 5 / 1 / 7 / 3; }
        .ahr-puff-container-block .grid-7__block-6 {
          grid-area: 7 / 1 / 9 / 3; }
        .ahr-puff-container-block .grid-7__block-7 {
          grid-area: 7 / 3 / 9 / 5; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-7 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(7, 1fr); }
        .ahr-puff-container-block .grid-7__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-7__block-2 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-7__block-3 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-7__block-4 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-7__block-5 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-7__block-6 {
          grid-area: 6 / 1 / 7 / 2; }
        .ahr-puff-container-block .grid-7__block-7 {
          grid-area: 7 / 1 / 8 / 2; } }
  .ahr-puff-container-block .grid-8 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr); }
    .ahr-puff-container-block .grid-8__block-2 .ahr-puff {
      height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-8__block-2 .ahr-puff__header {
        height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-8__block-2 .ahr-puff__image img {
        height: calc(56vh + 5px); }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-8__block-2 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-8__block-2 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-8__block-2 .ahr-puff__image img {
          height: auto; } }
    .ahr-puff-container-block .grid-8__block-1 {
      grid-area: 1 / 1 / 2 / 2; }
    .ahr-puff-container-block .grid-8__block-2 {
      grid-area: 1 / 2 / 3 / 3; }
    .ahr-puff-container-block .grid-8__block-3 {
      grid-area: 1 / 3 / 2 / 4; }
    .ahr-puff-container-block .grid-8__block-4 {
      grid-area: 2 / 1 / 3 / 2; }
    .ahr-puff-container-block .grid-8__block-5 {
      grid-area: 2 / 3 / 3 / 4; }
    .ahr-puff-container-block .grid-8__block-6 {
      grid-area: 3 / 1 / 4 / 2; }
    .ahr-puff-container-block .grid-8__block-7 {
      grid-area: 3 / 2 / 4 / 3; }
    .ahr-puff-container-block .grid-8__block-8 {
      grid-area: 3 / 3 / 4 / 4; }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-8 {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(8, 1fr); }
        .ahr-puff-container-block .grid-8__block-1 {
          grid-area: 1 / 1 / 3 / 3; }
        .ahr-puff-container-block .grid-8__block-2 {
          grid-area: 1 / 3 / 3 / 5; }
        .ahr-puff-container-block .grid-8__block-3 {
          grid-area: 3 / 1 / 5 / 3; }
        .ahr-puff-container-block .grid-8__block-4 {
          grid-area: 3 / 3 / 5 / 5; }
        .ahr-puff-container-block .grid-8__block-5 {
          grid-area: 5 / 1 / 7 / 3; }
        .ahr-puff-container-block .grid-8__block-6 {
          grid-area: 5 / 3 / 7 / 5; }
        .ahr-puff-container-block .grid-8__block-7 {
          grid-area: 7 / 1 / 9 / 3; }
        .ahr-puff-container-block .grid-8__block-8 {
          grid-area: 7 / 3 / 9 / 5; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-8 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(8, 1fr); }
        .ahr-puff-container-block .grid-8__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-8__block-2 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-8__block-3 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-8__block-4 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-8__block-5 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-8__block-6 {
          grid-area: 6 / 1 / 7 / 2; }
        .ahr-puff-container-block .grid-8__block-7 {
          grid-area: 7 / 1 / 8 / 2; }
        .ahr-puff-container-block .grid-8__block-8 {
          grid-area: 8 / 1 / 9 / 2; } }
  .ahr-puff-container-block .grid-9 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr); }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-9__block-3 .ahr-puff {
        height: calc(56vh + 5px); }
        .ahr-puff-container-block .grid-9__block-3 .ahr-puff__header {
          height: calc(56vh + 5px); }
        .ahr-puff-container-block .grid-9__block-3 .ahr-puff__image img {
          height: calc(56vh + 5px); } }

@media only screen and (max-width: 940px) and (max-width: 719px) {
  .ahr-puff-container-block .grid-9__block-3 .ahr-puff {
    height: 28vh; }
    .ahr-puff-container-block .grid-9__block-3 .ahr-puff__header {
      height: 28vh; }
    .ahr-puff-container-block .grid-9__block-3 .ahr-puff__image img {
      height: auto; } }
    .ahr-puff-container-block .grid-9__block-1 {
      grid-area: 1 / 1 / 2 / 2; }
    .ahr-puff-container-block .grid-9__block-2 {
      grid-area: 1 / 2 / 2 / 3; }
    .ahr-puff-container-block .grid-9__block-3 {
      grid-area: 1 / 3 / 2 / 4; }
    .ahr-puff-container-block .grid-9__block-4 {
      grid-area: 2 / 1 / 3 / 2; }
    .ahr-puff-container-block .grid-9__block-5 {
      grid-area: 2 / 2 / 3 / 3; }
    .ahr-puff-container-block .grid-9__block-6 {
      grid-area: 2 / 3 / 3 / 4; }
    .ahr-puff-container-block .grid-9__block-7 {
      grid-area: 3 / 1 / 4 / 2; }
    .ahr-puff-container-block .grid-9__block-8 {
      grid-area: 3 / 2 / 4 / 3; }
    .ahr-puff-container-block .grid-9__block-9 {
      grid-area: 3 / 3 / 4 / 4; }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-9 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 1fr); }
        .ahr-puff-container-block .grid-9__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-9__block-2 {
          grid-area: 1 / 2 / 2 / 3; }
        .ahr-puff-container-block .grid-9__block-3 {
          grid-area: 2 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-9__block-4 {
          grid-area: 2 / 2 / 3 / 3; }
        .ahr-puff-container-block .grid-9__block-5 {
          grid-area: 3 / 2 / 4 / 3; }
        .ahr-puff-container-block .grid-9__block-6 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-9__block-7 {
          grid-area: 4 / 2 / 5 / 3; }
        .ahr-puff-container-block .grid-9__block-8 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-9__block-9 {
          grid-area: 5 / 2 / 6 / 3; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-9 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9, 1fr); }
        .ahr-puff-container-block .grid-9__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-9__block-2 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-9__block-3 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-9__block-4 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-9__block-5 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-9__block-6 {
          grid-area: 6 / 1 / 7 / 2; }
        .ahr-puff-container-block .grid-9__block-7 {
          grid-area: 7 / 1 / 8 / 2; }
        .ahr-puff-container-block .grid-9__block-8 {
          grid-area: 8 / 1 / 9 / 2; }
        .ahr-puff-container-block .grid-9__block-9 {
          grid-area: 9 / 1 / 10 / 2; } }
  .ahr-puff-container-block .grid-10 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr); }
    .ahr-puff-container-block .grid-10__block-3 .ahr-puff, .ahr-puff-container-block .grid-10__block-5 .ahr-puff {
      height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-10__block-3 .ahr-puff__header, .ahr-puff-container-block .grid-10__block-5 .ahr-puff__header {
        height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-10__block-3 .ahr-puff__image img, .ahr-puff-container-block .grid-10__block-5 .ahr-puff__image img {
        height: calc(56vh + 5px); }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-10__block-3 .ahr-puff, .ahr-puff-container-block .grid-10__block-5 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-10__block-3 .ahr-puff__header, .ahr-puff-container-block .grid-10__block-5 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-10__block-3 .ahr-puff__image img, .ahr-puff-container-block .grid-10__block-5 .ahr-puff__image img {
          height: auto; } }
    .ahr-puff-container-block .grid-10__block-1 {
      grid-area: 1 / 1 / 2 / 2; }
    .ahr-puff-container-block .grid-10__block-2 {
      grid-area: 1 / 2 / 2 / 3; }
    .ahr-puff-container-block .grid-10__block-3 {
      grid-area: 1 / 3 / 3 / 4; }
    .ahr-puff-container-block .grid-10__block-4 {
      grid-area: 2 / 1 / 3 / 2; }
    .ahr-puff-container-block .grid-10__block-5 {
      grid-area: 2 / 2 / 4 / 3; }
    .ahr-puff-container-block .grid-10__block-6 {
      grid-area: 3 / 1 / 4 / 2; }
    .ahr-puff-container-block .grid-10__block-7 {
      grid-area: 3 / 3 / 4 / 4; }
    .ahr-puff-container-block .grid-10__block-8 {
      grid-area: 4 / 1 / 5 / 2; }
    .ahr-puff-container-block .grid-10__block-9 {
      grid-area: 4 / 2 / 5 / 3; }
    .ahr-puff-container-block .grid-10__block-10 {
      grid-area: 4 / 3 / 5 / 4; }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-10 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 1fr); }
        .ahr-puff-container-block .grid-10__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-10__block-2 {
          grid-area: 1 / 2 / 2 / 3; }
        .ahr-puff-container-block .grid-10__block-3 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-10__block-4 {
          grid-area: 2 / 2 / 3 / 3; }
        .ahr-puff-container-block .grid-10__block-5 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-10__block-6 {
          grid-area: 3 / 2 / 4 / 3; }
        .ahr-puff-container-block .grid-10__block-7 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-10__block-8 {
          grid-area: 4 / 2 / 5 / 3; }
        .ahr-puff-container-block .grid-10__block-9 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-10__block-10 {
          grid-area: 5 / 2 / 6 / 3; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-10 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(10, 1fr); }
        .ahr-puff-container-block .grid-10__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-10__block-2 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-10__block-3 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-10__block-4 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-10__block-5 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-10__block-6 {
          grid-area: 6 / 1 / 7 / 2; }
        .ahr-puff-container-block .grid-10__block-7 {
          grid-area: 7 / 1 / 8 / 2; }
        .ahr-puff-container-block .grid-10__block-8 {
          grid-area: 8 / 1 / 9 / 2; }
        .ahr-puff-container-block .grid-10__block-9 {
          grid-area: 9 / 1 / 10 / 2; }
        .ahr-puff-container-block .grid-10__block-10 {
          grid-area: 10 / 1 / 11 / 2; } }
  .ahr-puff-container-block .grid-11 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr); }
    .ahr-puff-container-block .grid-11__block-5 .ahr-puff {
      height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-11__block-5 .ahr-puff__header {
        height: calc(56vh + 5px); }
      .ahr-puff-container-block .grid-11__block-5 .ahr-puff__image img {
        height: calc(56vh + 5px); }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-11__block-5 .ahr-puff {
        height: 28vh; }
        .ahr-puff-container-block .grid-11__block-5 .ahr-puff__header {
          height: 28vh; }
        .ahr-puff-container-block .grid-11__block-5 .ahr-puff__image img {
          height: auto; } }
    .ahr-puff-container-block .grid-11__block-1 {
      grid-area: 1 / 1 / 2 / 2; }
    .ahr-puff-container-block .grid-11__block-2 {
      grid-area: 1 / 2 / 2 / 3; }
    .ahr-puff-container-block .grid-11__block-3 {
      grid-area: 1 / 3 / 2 / 4; }
    .ahr-puff-container-block .grid-11__block-4 {
      grid-area: 2 / 1 / 3 / 2; }
    .ahr-puff-container-block .grid-11__block-5 {
      grid-area: 2 / 2 / 4 / 3; }
    .ahr-puff-container-block .grid-11__block-6 {
      grid-area: 2 / 3 / 3 / 4; }
    .ahr-puff-container-block .grid-11__block-7 {
      grid-area: 3 / 1 / 4 / 2; }
    .ahr-puff-container-block .grid-11__block-8 {
      grid-area: 3 / 3 / 4 / 4; }
    .ahr-puff-container-block .grid-11__block-9 {
      grid-area: 4 / 1 / 5 / 2; }
    .ahr-puff-container-block .grid-11__block-10 {
      grid-area: 4 / 2 / 5 / 3; }
    .ahr-puff-container-block .grid-11__block-11 {
      grid-area: 4 / 3 / 5 / 4; }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-11 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(6, 1fr); }
        .ahr-puff-container-block .grid-11__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-11__block-2 {
          grid-area: 1 / 2 / 2 / 3; }
        .ahr-puff-container-block .grid-11__block-3 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-11__block-4 {
          grid-area: 2 / 2 / 3 / 3; }
        .ahr-puff-container-block .grid-11__block-5 {
          grid-area: 3 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-11__block-6 {
          grid-area: 3 / 2 / 4 / 3; }
        .ahr-puff-container-block .grid-11__block-7 {
          grid-area: 4 / 2 / 5 / 3; }
        .ahr-puff-container-block .grid-11__block-8 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-11__block-9 {
          grid-area: 5 / 2 / 6 / 3; }
        .ahr-puff-container-block .grid-11__block-10 {
          grid-area: 6 / 1 / 7 / 2; }
        .ahr-puff-container-block .grid-11__block-11 {
          grid-area: 6 / 2 / 7 / 3; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-11 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(11, 1fr); }
        .ahr-puff-container-block .grid-11__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-11__block-2 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-11__block-3 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-11__block-4 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-11__block-5 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-11__block-6 {
          grid-area: 6 / 1 / 7 / 2; }
        .ahr-puff-container-block .grid-11__block-7 {
          grid-area: 7 / 1 / 8 / 2; }
        .ahr-puff-container-block .grid-11__block-8 {
          grid-area: 8 / 1 / 9 / 2; }
        .ahr-puff-container-block .grid-11__block-9 {
          grid-area: 9 / 1 / 10 / 2; }
        .ahr-puff-container-block .grid-11__block-10 {
          grid-area: 10 / 1 / 11 / 2; }
        .ahr-puff-container-block .grid-11__block-11 {
          grid-area: 11 / 1 / 12 / 2; } }
  .ahr-puff-container-block .grid-12 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr); }
    .ahr-puff-container-block .grid-12__block-1 {
      grid-area: 1 / 1 / 2 / 2; }
    .ahr-puff-container-block .grid-12__block-2 {
      grid-area: 1 / 2 / 2 / 3; }
    .ahr-puff-container-block .grid-12__block-3 {
      grid-area: 1 / 3 / 2 / 4; }
    .ahr-puff-container-block .grid-12__block-4 {
      grid-area: 2 / 1 / 3 / 2; }
    .ahr-puff-container-block .grid-12__block-5 {
      grid-area: 2 / 2 / 3 / 3; }
    .ahr-puff-container-block .grid-12__block-6 {
      grid-area: 2 / 3 / 3 / 4; }
    .ahr-puff-container-block .grid-12__block-7 {
      grid-area: 3 / 1 / 4 / 2; }
    .ahr-puff-container-block .grid-12__block-8 {
      grid-area: 3 / 2 / 4 / 3; }
    .ahr-puff-container-block .grid-12__block-9 {
      grid-area: 3 / 3 / 4 / 4; }
    .ahr-puff-container-block .grid-12__block-10 {
      grid-area: 4 / 1 / 5 / 2; }
    .ahr-puff-container-block .grid-12__block-11 {
      grid-area: 4 / 2 / 5 / 3; }
    .ahr-puff-container-block .grid-12__block-12 {
      grid-area: 4 / 3 / 5 / 4; }
    @media only screen and (max-width: 940px) {
      .ahr-puff-container-block .grid-12 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(6, 1fr); }
        .ahr-puff-container-block .grid-12__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-12__block-2 {
          grid-area: 1 / 2 / 2 / 3; }
        .ahr-puff-container-block .grid-12__block-3 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-12__block-4 {
          grid-area: 2 / 2 / 3 / 3; }
        .ahr-puff-container-block .grid-12__block-5 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-12__block-6 {
          grid-area: 3 / 2 / 4 / 3; }
        .ahr-puff-container-block .grid-12__block-7 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-12__block-8 {
          grid-area: 4 / 2 / 5 / 3; }
        .ahr-puff-container-block .grid-12__block-9 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-12__block-10 {
          grid-area: 5 / 2 / 6 / 3; }
        .ahr-puff-container-block .grid-12__block-11 {
          grid-area: 6 / 1 / 7 / 2; }
        .ahr-puff-container-block .grid-12__block-12 {
          grid-area: 6 / 2 / 7 / 3; } }
    @media only screen and (max-width: 719px) {
      .ahr-puff-container-block .grid-12 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(12, 1fr); }
        .ahr-puff-container-block .grid-12__block-1 {
          grid-area: 1 / 1 / 2 / 2; }
        .ahr-puff-container-block .grid-12__block-2 {
          grid-area: 2 / 1 / 3 / 2; }
        .ahr-puff-container-block .grid-12__block-3 {
          grid-area: 3 / 1 / 4 / 2; }
        .ahr-puff-container-block .grid-12__block-4 {
          grid-area: 4 / 1 / 5 / 2; }
        .ahr-puff-container-block .grid-12__block-5 {
          grid-area: 5 / 1 / 6 / 2; }
        .ahr-puff-container-block .grid-12__block-6 {
          grid-area: 6 / 1 / 7 / 2; }
        .ahr-puff-container-block .grid-12__block-7 {
          grid-area: 7 / 1 / 8 / 2; }
        .ahr-puff-container-block .grid-12__block-8 {
          grid-area: 8 / 1 / 9 / 2; }
        .ahr-puff-container-block .grid-12__block-9 {
          grid-area: 9 / 1 / 10 / 2; }
        .ahr-puff-container-block .grid-12__block-10 {
          grid-area: 10 / 1 / 11 / 2; }
        .ahr-puff-container-block .grid-12__block-11 {
          grid-area: 11 / 1 / 12 / 2; }
        .ahr-puff-container-block .grid-12__block-12 {
          grid-area: 12 / 1 / 13 / 2; } }

.text-block {
  padding: 90px 220px;
  color: #000000; }
  .text-block .container-body {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 160px;
         column-gap: 160px;
    max-width: 1600px;
    margin: 0 auto; }
    .text-block .container-body p {
      font-size: 22px; }
      .text-block .container-body p.footnote {
        border-top: 1px solid #dadada;
        padding-top: 10px;
        margin-top: 50px;
        font-style: italic; }
      .text-block .container-body p:last-child {
        margin-bottom: 0; }
    .text-block .container-body ul, .text-block .container-body ol {
      font-size: 22px; }
    .text-block .container-body blockquote {
      font-size: 32px;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0;
      width: 100%; }

@media only screen and (max-width: 1600px) {
  .text-block {
    padding: 80px 120px; }
    .text-block .container-body {
      max-width: none;
      -moz-column-gap: 120px;
           column-gap: 120px; }
      .text-block .container-body p, .text-block .container-body ul, .text-block .container-body ol {
        font-size: 20px; } }

@media only screen and (max-width: 1226px) {
  .text-block {
    padding: 60px 80px; }
    .text-block .container-body {
      -moz-column-gap: 80px;
           column-gap: 80px; } }

@media only screen and (max-width: 940px) {
  .text-block {
    padding: 50px 25px; }
    .text-block .container-body {
      -moz-column-gap: 40px;
           column-gap: 40px; }
      .text-block .container-body p, .text-block .container-body ul, .text-block .container-body ol {
        font-size: 18px; } }

@media only screen and (max-width: 719px) {
  .text-block .container-body {
    -moz-column-count: 1;
         column-count: 1; } }

@media only screen and (max-width: 480px) {
  .text-block {
    padding: 30px 25px; } }

.text-image-block {
  background-color: #eeebee; }
  .text-image-block.darkblue {
    background-color: #eaecef; }
  .text-image-block.lightblue {
    background-color: #eaedef; }
  .text-image-block.green {
    background-color: #e4e9e7; }
  .text-image-block .text-image-row {
    display: flex;
    flex-direction: row; }
  .text-image-block .image-container {
    flex: 1;
    display: grid;
    min-height: 50vw; }
    .text-image-block .image-container img {
      width: 100%;
      height: 100%;
      min-height: 50vw;
      -o-object-fit: cover;
         object-fit: cover; }
    .text-image-block .image-container.right, .text-image-block .image-container.left {
      float: none; }
    .text-image-block .image-container.right {
      order: 2; }
      .text-image-block .image-container.right + .container-body {
        order: 1; }
  .text-image-block .container-body {
    flex: 1;
    align-self: center; }
    .text-image-block .container-body .text {
      padding: 60px 110px; }
      .text-image-block .container-body .text p, .text-image-block .container-body .text ul, .text-image-block .container-body .text ol {
        font-size: 22px; }
    .text-image-block .container-body blockquote {
      font-size: 32px;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0;
      width: 100%; }

@media only screen and (max-width: 1600px) {
  .text-image-block .container-body .text {
    padding: 80px; }
    .text-image-block .container-body .text p, .text-image-block .container-body .text ul, .text-image-block .container-body .text ol {
      font-size: 20px; } }

@media only screen and (max-width: 1226px) {
  .text-image-block .container-body .text {
    padding: 60px 80px; } }

@media only screen and (max-width: 940px) {
  .text-image-block .text-image-row {
    display: block; }
  .text-image-block .image-container {
    width: 100%;
    height: 100vw;
    flex: none; }
    .text-image-block .image-container img {
      width: 100%;
      height: 100vw; }
    .text-image-block .image-container.right {
      order: unset; }
      .text-image-block .image-container.right + .container-body {
        order: unset; }
  .text-image-block .container-body {
    width: auto;
    flex: none; }
    .text-image-block .container-body .text {
      padding: 50px; }
      .text-image-block .container-body .text p, .text-image-block .container-body .text ul, .text-image-block .container-body .text ol {
        font-size: 18px; } }

@media only screen and (max-width: 480px) {
  .text-image-block .container-body .text {
    padding: 30px; } }