/* Purified 05/04/2026 18:04 - css/aboutus_2026_new.css */
#top-billboard li strong {
  margin-bottom: -0.02em !important
}

@media only screen and (min-width:640px) {
  .md\:min-h-18em {
    min-height: 18em
  }
}

.overflow-hidden {
  overflow: hidden
}

.bottom--3 {
  bottom: -23rem
}

.foldout-animate-height {
  position: relative
}

  .foldout-animate-height.foldout-fadeout:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4rem;
    max-height: 100%;
    transition: opacity 300ms linear;
    will-change: opacity;
    opacity: 1;
    visibility: visible
  }

.foldout.show-foldout .foldout-animate-height.foldout-fadeout:after {
  opacity: 0;
  visibility: hidden
}

.bg-ti-iconred {
  background-color: #C4000E !important
}

.bg-ti-lightred-c {
  background-color: #FF8F8F !important
}

.bg-ti-lightred-b50 {
  background-color: #FFB5B4 !important
}

.bg-ti-lightred-b {
  background-color: #FFD9D9 !important
}

.bg-ti-lightred-a50 {
  background-color: #ffe2e2 !important
}

.bg-ti-lightred-b .foldout:not(.show-foldout) .foldout-animate-height:after {
  background: -moz-linear-gradient(180deg,rgba(255,217,217,0) 0,rgb(255,217,217) 100%);
  background: -webkit-linear-gradient(180deg,rgba(255,217,217,0) 0,rgb(255,217,217) 100%);
  background: linear-gradient(180deg,rgba(255,217,217,0) 0,rgb(255,217,217) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd9d9",endColorstr="#ffd9d9",GradientType=1)
}

.txt-ti-darkred {
  color: #79091B
}

.p-4 {
  padding: 2rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-8 {
  padding-bottom: 6rem !important
}

.pl-5-5 {
  padding-left: 3.5rem !important
}

@media screen and (min-width:650px) {
  .md\:pl-7 {
    padding-left: 5rem !important
  }
}

@media screen and (min-width:1100px) {
  .xl\:pr-6 {
    padding-right: 4rem !important
  }

  .xl\:pb-4 {
    padding-bottom: 2rem !important
  }

  .xl\:pl-6 {
    padding-left: 4rem !important
  }
}

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

.mb-0 {
  margin-bottom: 0 !important
}

.ml-1 {
  margin-left: 0.25rem !important
}

@media screen and (min-width:650px) {
  .md\:ml-0 {
    margin-left: 0 !important
  }
}

body {
  --txt-clear: #ffffff;
  --txt-lightest: #f3f3f3;
  --txt-lightere: #eee;
  --txt-lighter: #ddd;
  --txt-light: #bbb;
  --txt-normal: #8e8e8e;
  --txt-dark: #646464;
  --txt-darker: #444;
  --txt-darkest: #222;
  --txt-opaque: #000000;
  --bg-clear: #ffffff;
  --bg-lightest: #f3f3f3;
  --bg-lightere: #eee;
  --bg-lighter: #ddd;
  --bg-light: #bbb;
  --bg-normal: #8e8e8e;
  --bg-dark: #646464;
  --bg-darker: #444;
  --bg-darkest: #222;
  --bg-opaque: #000000;
  --border-clear: #ffffff;
  --border-lightest: #f3f3f3;
  --border-lightere: #eee;
  --border-lighter: #ddd;
  --border-light: #bbb;
  --border-normal: #8e8e8e;
  --border-dark: #646464;
  --border-darker: #444;
  --border-darkest: #222;
  --border-opaque: #000000;
  --txt-default: #444;
  --txt-highlight: #C4000E;
  --txt-link: #008fce;
  --txt-link--hover: #4ba6ce;
  --bg-default: #ffffff;
  --bg-highlight: #C4000E;
  --bg-link: #008fce;
  --bg-link--hover: #4ba6ce
}

  body > * {
    color: #444
  }

h1, h2, h3, h4 {
  color: #222
}

.txt-red {
  color: #C4000E !important
}

.txt-white {
  color: #ffffff !important
}

.txt-black {
  color: #000000 !important
}

.txt-link {
  color: #008fce !important;
  color: var(--txt-link) !important
}

.txt-link\:hover:hover {
  color: #008fce !important;
  color: var(--txt-link) !important
}

.txt-link--hover\:hover:hover {
  color: #4ba6ce !important;
  color: var(--txt-link--hover) !important
}

.bg-white {
  background-color: #ffffff !important
}

.bg-clear {
  background-color: #ffffff !important;
  background-color: var(--bg-clear) !important;
  fill: var(--bg-clear) !important
}

.font-fam-hdl {
  font-family: "Klint LT W02 Regular",Tahoma,Helvetica,sans-serif !important;
  font-weight: 300 !important
}

h2, h3, h4 {
  font-family: "Klint LT W02 Regular",Tahoma,Helvetica,sans-serif !important;
  font-weight: 300 !important
}

article.main h3, p.teaser, .font-fam-hdl.bold {
  font-family: "Klint LT W01 Bold",Tahoma,Helvetica,sans-serif !important;
  font-weight: 300 !important
}

article.main h3 {
  font-size: 16.5px
}

article.main h3 {
  font-size: 16.5px
}

@media screen and (min-width:360px) {
  article.main h3 {
    font-size: calc(16.5px + 6.3 * (0.65 * (100vw - 360px) / 1480 + 0)) !important
  }
}

@media screen and (min-width:1840px) {
  article.main h3 {
    font-size: calc(16.5px + 6.3 * ((0.65px) + 0)) !important
  }
}

@media screen and (min-height:460px) {
  article.main h3 {
    font-size: calc(16.5px + 6.3 * (0px + 0.35 * (100vh - 460px) / 260)) !important
  }
}

@media screen and (min-height:720px) {
  article.main h3 {
    font-size: calc(16.5px + 6.3 * (0px + (0.35px))) !important
  }
}

@media screen and (min-width:360px) and (min-height:460px) {
  article.main h3 {
    font-size: calc(16.5px + 6.3 * (0.65 * (100vw - 360px) / 1480 + 0.35 * (100vh - 460px) / 260)) !important
  }
}

@media screen and (min-width:1840px) and (min-height:460px) {
  article.main h3 {
    font-size: calc(16.5px + 6.3 * ((0.65px) + 0.35 * (100vh - 460px) / 260)) !important
  }
}

@media screen and (min-width:360px) and (min-height:720px) {
  article.main h3 {
    font-size: calc(16.5px + 6.3 * (0.65 * (100vw - 360px) / 1480 + (0.35px))) !important
  }
}

@media screen and (min-width:1840px) and (min-height:720px) {
  article.main h3 {
    font-size: 22.8px !important
  }
}

.foldout .foldout-animate-height p, .available-jobs h5, .font-sz-body, body > * {
  font-size: 15px
}

.foldout .foldout-animate-height p, .available-jobs h5, .font-sz-body, body > * {
  font-size: 15px
}

@media screen and (min-width:360px) {
  .foldout .foldout-animate-height p, .available-jobs h5, .font-sz-body, body > * {
    font-size: calc(15px + 4 * (0.65 * (100vw - 360px) / 1480 + 0)) !important
  }
}

@media screen and (min-width:1840px) {
  .foldout .foldout-animate-height p, .available-jobs h5, .font-sz-body, body > * {
    font-size: calc(15px + 4 * ((0.65px) + 0)) !important
  }
}

@media screen and (min-height:460px) {
  .foldout .foldout-animate-height p, .available-jobs h5, .font-sz-body, body > * {
    font-size: calc(15px + 4 * (0px + 0.35 * (100vh - 460px) / 260)) !important
  }
}

@media screen and (min-height:720px) {
  .foldout .foldout-animate-height p, .available-jobs h5, .font-sz-body, body > * {
    font-size: calc(15px + 4 * (0px + (0.35px))) !important
  }
}

@media screen and (min-width:360px) and (min-height:460px) {
  .foldout .foldout-animate-height p, .available-jobs h5, .font-sz-body, body > * {
    font-size: calc(15px + 4 * (0.65 * (100vw - 360px) / 1480 + 0.35 * (100vh - 460px) / 260)) !important
  }
}

@media screen and (min-width:1840px) and (min-height:460px) {
  .foldout .foldout-animate-height p, .available-jobs h5, .font-sz-body, body > * {
    font-size: calc(15px + 4 * ((0.65px) + 0.35 * (100vh - 460px) / 260)) !important
  }
}

@media screen and (min-width:360px) and (min-height:720px) {
  .foldout .foldout-animate-height p, .available-jobs h5, .font-sz-body, body > * {
    font-size: calc(15px + 4 * (0.65 * (100vw - 360px) / 1480 + (0.35px))) !important
  }
}

@media screen and (min-width:1840px) and (min-height:720px) {
  .foldout .foldout-animate-height p, .available-jobs h5, .font-sz-body, body > * {
    font-size: 19px !important
  }
}

.big {
  font-size: 1.1em
}

.bold {
  font-weight: 600 !important
}

img {
  vertical-align: middle;
  width: 100%;
  height: auto
}

.bg-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: cover
}

.bg-top-left {
  background-position: left top
}

.\!bg-top-left {
  background-position: left top !important
}

.foldout .foldout-animate-height p {
  line-height: 1.5
}

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

.lh-tight {
  line-height: 1.1 !important
}

.lh-snug {
  line-height: 1.375 !important
}

.lh-normal {
  line-height: 1.5 !important
}

@media only screen and (max-width:640px) {
  .container {
    padding-left: 20px;
    padding-right: 20px
  }
}

.pie .inner-legend, .press-stories h3, .container h1, article.main .icon h5 {
  font-family: "Klint LT W02 Regular",Tahoma,Helvetica,sans-serif;
  font-weight: 300
}

.board .focusable h2, .container.aboutus li, .data h5 .currency {
  font-family: "Klint LT W02 Regular",Tahoma,Helvetica,sans-serif;
  font-weight: 300
}

p.teaser {
  font-family: "Klint LT W02 medium",Helvetica,Arial,sans-serif
}

h3 strong, h2 strong, #top-billboard h2 span, .data h5, .data h5 .currency, .pie .outer-legend .countdown {
  font-weight: 300;
  font-family: "Klint LT W01 Bold",Tahoma,Helvetica,sans-serif
}

.container.aboutus li strong {
  font-size: 28px;
  line-height: 32px;
  letter-spacing: -0.01em
}

.container h1, article.main .icon h5, .data h5 {
  font-size: 50px;
  line-height: 53px;
  letter-spacing: -3px
}

  .data h5 .currency {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em
  }

  .data h5 .currency {
    letter-spacing: -3px
  }

p.teaser, .container.aboutus li, .press-stories h3 {
  font-size: 19px;
  line-height: 23px
}

article.main .icon h5 {
  font-size: 30px;
  line-height: 33px;
  letter-spacing: -1px
}

.extra-info > li:last-child:after, .extra-info > li:before, .available-jobs > li {
  background-color: #e7e7e7
}

.board .management > div:first-child {
  background-color: #f5f2f5
}

.available-jobs p {
  color: #8e8e8e
}

.available-jobs .image, .press-stories:before {
  background-color: #555
}

body.aboutus, body > .container:not(.aboutus), body > .overflow-container, a.close:before, a.close:after {
  background-color: #fff
}

.pie .inner-legend, .press-stories, .press-stories a, .press-stories h3, .available-jobs > li > a:hover {
  color: #fff
}

.available-jobs:after {
  background: -moz-linear-gradient(bottom,#ffffff 0,rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,#ffffff),color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(bottom,#ffffff 0,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(bottom,#ffffff 0,rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(bottom,#ffffff 0,rgba(255,255,255,0) 100%);
  background: linear-gradient(to top,#ffffff 0,rgba(255,255,255,0) 100%)
}

.container h1:after, .press-stories div.image, .press-stories div.image:after, #top-billboard a.next, .focusable a.close:before, .focusable a.close:after, .board .focusable > div > div:first-child:after {
  background-color: #000
}

a.menu-visible, .data.downloadable a.type-ppt, .focusable a {
  color: #000
}

.bg-lightlightgreen, .bg-lightlightgreen.line-after:after, .org-details {
  background-color: #D7F1E2
}

.board .representatives > div:first-child {
  background-color: #d6e3d5
}

.board .focusable .representatives span:before {
  background-color: #bbd5b9
}

.submenu a.menu-visible:after, .container:not(.aboutus) h1:after {
  background-color: #e40000
}

.bg-lightlightred, .bg-lightlightred.line-after:after {
  background-color: #FFD9D9
}

.board .board > div:first-child {
  background-color: #faeeee
}

.board .focusable .board span:before {
  background-color: #FF8F8F
}

.org-details a.close:hover:before, .org-details a.close:hover:after, .submenu a:after, #top-billboard a.next:hover {
  background-color: #5a8ab4
}

.data.downloadable a.type-ppt:hover, .focusable p > a, .available-jobs > li > a:hover h5 {
  color: #5a8ab4
}

.extra-info > li > a:before, .extra-info > li > div:before {
  border-color: #5a8ab4
}

.data a.type-link:hover {
  color: #709bd8
}

.bg-lightlightblue, .bg-lightlightblue.line-after:after {
  background-color: #eff9fb
}

.board .focusable .management span:before {
  background-color: #bddce3
}

.bg-lightestturquoise {
  background-color: #f0f9f8
}

.bg-lightestbluegrey {
  background-color: #f0f4f5
}

  .txt-darkbluegrey, .bg-lightestbluegrey h2, .bg-lightestbluegrey h5 {
    color: #365e80
  }

.bg-lightestgreen {
  background-color: #f3f5ed
}

  .txt-darkgreen, .bg-lightestgreen h2, .bg-lightestgreen h5 {
    color: #00503c
  }

.data.downloadable:before, .data.linkable:before {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}

.data.downloadable:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-illu-download-book-darkred.svg")
}

.data.linkable:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-illu-read-idea-darkred.svg")
}

.annualreport .foldout-toggle:after, .data a:after, .focusable p > a:after, .jobs li > a:before, .available-jobs > li > a:after, .submenu .ti-foldout--summary:after, #top-billboard a.next {
  background-repeat: no-repeat;
  background-position: center center
}

.submenu .ti-foldout--summary:hover:after, .annualreport .foldout-toggle:after {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-arrow-down-small-blue.svg");
  background-size: 11px 8px
}

.submenu .ti-foldout--summary:after {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-arrow-down-small-black.svg");
  background-size: 11px 8px
}

#top-billboard a.next:hover, #top-billboard a.next {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-arrow-down-small-white.svg");
  background-size: 11px 8px
}

.data.downloadable a.type-ppt:after, .available-jobs > li > a:after {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-arrow-small-black.svg");
  background-size: 8px 11px
}

.data a:after, .data.downloadable a.type-ppt:hover:after, .focusable p > a:after, .available-jobs > li > a:hover:after {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-arrow-small-blue.svg");
  background-size: 8px 11px
}

.extra-info li > a:before, .extra-info li > div:before {
  background-position: center 41%;
  background-repeat: no-repeat
}

.extra-info .career:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-career-blue.svg");
  background-size: 28px 24px
}

.extra-info .personnel:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-person-blue.svg");
  background-size: 26px 26px
}

.extra-info .csr:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-csr-blue.svg");
  background-size: 24px 28px
}

.extra-info .linkedin:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-linkedin-sm-blue.svg");
  background-size: 30px 30px
}

.extra-info .instagram:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-instagram-sm-blue.svg");
  background-size: 24px 24px;
  background-position: 50% 46%
}

.extra-info .press:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-press-blue.svg");
  background-size: 26px 24px;
  background-position: 45% 46%
}

.extra-info .phone:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-phone-sm-blue.svg");
  background-size: 17px 24px;
  background-position: 49% 46%
}

.extra-info .email:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-mail-alt-bold-blue.svg");
  background-size: 24px 24px;
  background-position: 49% 46%
}

.jobs .jobagent:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-alarmclock-blue.svg");
  background-size: 16px 16px
}

.jobs .linkedin:before {
  background-image: url("/_/custom/landingpages/aboutus/img/icon-linkedin-boxed-sm-blue.svg");
  background-size: 16px 16px
}

body.aboutus ul {
  list-style: none;
  padding: 0
}

body.aboutus em {
  font-style: normal;
  font-weight: 600
}

.container, .overflow-container {
  overflow: hidden;
  z-index: 10
}

body > .overflow-container {
  box-shadow: 0 -10px 10px rgba(0,0,0,0.1)
}

body.aboutus, .overflow-container {
  -moz-transition: background-color 1s;
  transition: background-color 1s
}

.container.aboutus {
  margin-top: -138px;
  z-index: 1;
  width: 100%
}

  .container.aboutus.visible:before, .container.aboutus > .row:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover
  }

  .container.aboutus > .row:before {
    opacity: 0;
    -moz-transition: opacity 1s,background-position 2s;
    transition: opacity 1s,background-position 2s;
    z-index: -1
  }

  .container.aboutus > .row.above:before, .container.aboutus > .row.below:before {
    background-position-x: 30%
  }

  .container.aboutus > .row.below:nth-child(2):before, .container.aboutus > .row.above:nth-child(2):before {
    background-position-x: 70%
  }

  .container.aboutus > .row.above:before {
    background-position-y: 30%
  }

  .container.aboutus > .row.below:before {
    background-position-y: 70%
  }

.top-frame-1 .container.aboutus > .row:nth-child(1):before, .top-frame-2 .container.aboutus > .row:nth-child(2):before, .top-frame-3 .container.aboutus > .row:nth-child(3):before {
  opacity: 1
}

.container.aboutus > .row {
  min-height: 155vh;
  height: 100vh;
  padding-top: 5em;
  padding-bottom: 5em;
  z-index: 3;
  text-align: center
}

  .container.aboutus > .row > * {
    max-width: 98%
  }

    .container.aboutus > .row > * > * {
      text-align: left
    }

@media only screen and (min-width:480px) {
  .container.aboutus > .row {
    text-align: left
  }

    .container.aboutus > .row.align-right {
      text-align: right
    }

    .container.aboutus > .row > * > * {
      width: 70%;
      max-width: 48rem
    }

    .container.aboutus > .row > * {
      transition: opacity 500ms;
      opacity: 0
    }

    .container.aboutus > .row > .visible {
      opacity: 1
    }

    .container.aboutus > .row > * > * {
      text-align: left;
      position: fixed;
      top: 50%;
      transform: translateY(-50%)
    }

  #top-frame-3 > * > * {
    right: 0
  }
}

@media only screen and (min-width:400px) and (min-height:500px) {
  .container.aboutus > .row {
    min-height: 136vh
  }
}

@media only screen and (min-width:450px) and (min-height:600px) {
  .container.aboutus > .row {
    min-height: 118vh
  }
}

@media only screen and (min-width:500px) and (min-height:700px) {
  .container.aboutus > .row {
    min-height: 100vh
  }
}

@media only screen and (min-width:850px) and (min-height:500px) {
  .container.aboutus > .row {
    min-height: 136vh
  }
}

@media only screen and (min-width:900px) and (min-height:600px) {
  .container.aboutus > .row {
    min-height: 118vh
  }
}

@media only screen and (min-width:1050px) and (min-height:700px) {
  .container.aboutus > .row {
    min-height: 100vh
  }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
  .container.aboutus:after, .container.aboutus:before, .container.aboutus .row {
    min-height: 1024px;
    height: 1024px
  }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
  .container.aboutus:after, .container.aboutus:before, .container.aboutus .row {
    min-height: 768px;
    height: 768px
  }
}

@media screen and (device-aspect-ratio:40/71) {
  .container.aboutus:after, .container.aboutus:before, .container.aboutus .row {
    min-height: 100vh;
    height: 100vh
  }
}

.container.aboutus .row > div {
  float: none
}

.container.aboutus .row > div, .container.aboutus .row:after {
  display: inline-block;
  vertical-align: middle
}

.container.aboutus .row:after {
  content: "";
  height: 97%;
  margin-left: -0.005em
}

.container.aboutus ul {
  margin-bottom: 0
}

  .container.aboutus ul:after {
    content: "";
    display: table;
    clear: both
  }

.container.aboutus li {
  margin-bottom: 0.8em;
  padding-left: 2.5em;
  line-height: 1.1
}

  .container.aboutus li strong {
    font-weight: 400;
    display: block;
    margin-bottom: -0.15em
  }

  .container.aboutus li img {
    position: absolute;
    width: 2em;
    left: 0;
    top: -0.1em
  }

@media only screen and (min-width:650px) {
  .container.aboutus ul {
    position: relative;
    min-height: 4em
  }

  .container.aboutus li {
    float: left;
    margin-right: 1.8em;
    margin-top: 0.8em;
    padding-left: 3.8em
  }

    .container.aboutus li img {
      width: 3em
    }
}

.submenu {
  position: sticky;
  top: 0;
  bottom: 0;
  padding: 0;
  z-index: 80;
  transform: translate3d(0,0,10000px);
  perspective: 0;
  transition: box-shadow 300ms;
  will-change: box-shadow;
  clear: both;
  background-color: #fff
}

  .submenu .ti-foldout--summary {
    margin-top: 0 !important
  }

  .submenu .ti-foldout--summary {
    display: block;
    position: relative !important
  }

.ti-submenu-close span {
  display: inline-block;
  width: 2.5rem;
  height: 1.25rem;
  padding-bottom: 2rem
}

.ti-submenu-close .close {
  top: 0
}

  .ti-submenu-close .close:before, .ti-submenu-close .close:after {
    left: 50%
  }

.submenu .ti-foldout--summary {
  text-align: center;
  background: none;
  padding: 0.8em 0;
  background-image: none !important
}

  .submenu .ti-foldout--summary:after {
    content: "";
    background-color: transparent;
    position: relative;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 0.2em
  }

.submenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center
}

  .submenu ul li:first-child {
    padding-top: 0.5em
  }

  .submenu ul li {
    margin: 0.5em 0
  }

.submenu li a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 3px;
  opacity: 0
}

.submenu li a:hover:after {
  opacity: 1
}

.submenu li a.menu-visible:after {
  opacity: 1
}

#top-billboard a.next {
  position: fixed;
  left: 50%;
  bottom: 66px;
  margin-left: -22px;
  width: 44px;
  height: 44px;
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
  -moz-border-radius: 22px;
  border-radius: 22px;
  opacity: 1;
  -moz-transition: opacity 0.5s,top 0.5s;
  transition: opacity 0.5s,top 0.5s;
  -webkit-animation: goNextAttention 3s linear infinite;
  animation: goNextAttention 3s linear infinite;
  z-index: 10;
  background-color: #000;
  pointer-events: all !important
}

#top-billboard.above a.next {
  opacity: 0;
  top: -10px
}

@media only screen and (min-width:1120px) {
  .submenu .ti-foldout--summary, .ti-submenu-close {
    display: none !important
  }

  .submenu .ti-foldout {
    max-height: none
  }

  .submenu ul li {
    display: inline-block;
    margin: 1em 0.3em
  }

    .submenu ul li:first-child {
      padding-top: 0
    }
}

@-webkit-keyframes goNextAttention {
  0% {
    transform: translate3d(0,-100px,0) rotateX(90deg) scale(0.8)
  }

  5% {
    transform: translate3d(0,-94px,0) rotateX(0deg) scale(0.9)
  }

  10% {
    transform: translate3d(0,0px,0) rotateX(0deg) scale(1)
  }

  13% {
    transform: translate3d(0,-20px,0) rotateX(0deg)
  }

  18% {
    transform: translate3d(0,0px,0) rotateX(0deg)
  }

  20% {
    transform: translate3d(0,-10px,0) rotateX(0deg)
  }

  22% {
    transform: translate3d(0,0,0) rotateX(0deg)
  }

  87% {
    transform: translate3d(0,0,0) rotateX(0deg) scale(1)
  }

  90% {
    transform: translate3d(0,0,0) rotateX(180deg) scale(0.8)
  }

  95% {
    transform: translate3d(0,-94px,0) rotateX(180deg) scale(0.7)
  }

  100% {
    transform: translate3d(0,-100px,0) rotateX(90deg) scale(0.8)
  }
}

@keyframes goNextAttention {
  0% {
    transform: translate3d(0,-100px,0) rotateX(90deg) scale(0.8)
  }

  5% {
    transform: translate3d(0,-94px,0) rotateX(0deg) scale(0.9)
  }

  10% {
    transform: translate3d(0,0px,0) rotateX(0deg) scale(1)
  }

  13% {
    transform: translate3d(0,-20px,0) rotateX(0deg)
  }

  18% {
    transform: translate3d(0,0px,0) rotateX(0deg)
  }

  20% {
    transform: translate3d(0,-10px,0) rotateX(0deg)
  }

  22% {
    transform: translate3d(0,0,0) rotateX(0deg)
  }

  87% {
    transform: translate3d(0,0,0) rotateX(0deg) scale(1)
  }

  90% {
    transform: translate3d(0,0,0) rotateX(180deg) scale(0.8)
  }

  95% {
    transform: translate3d(0,-94px,0) rotateX(180deg) scale(0.7)
  }

  100% {
    transform: translate3d(0,-100px,0) rotateX(90deg) scale(0.8)
  }
}

a.close {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 30px;
  height: 30px;
  z-index: 60;
  cursor: pointer
}

  a.close:before, a.close:after {
    content: "";
    width: 30px;
    height: 2px;
    position: absolute;
    top: 14px;
    opacity: 0;
    -moz-transition: opacity 0.3s 0.2s,-moz-transform 0.5s 0.5s;
    transition: opacity 0.3s 0.2s,transform 0.5s 0.5s
  }

  a.close:before {
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

.show-foldout a.close:before, .focusable .show a.close:before {
  opacity: 1;
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.show-foldout a.close:after, .focusable .show a.close:after {
  opacity: 1;
  -moz-transform: rotate(45deg);
  transform: rotate(45deg)
}

.focusable p > a:hover {
  text-decoration: underline
}

.data:not(.data-locations) a:after, .focusable p > a:after {
  content: "";
  width: 8px;
  height: 11px;
  margin-top: 2px;
  margin-left: 0.3em;
  cursor: pointer
}

.extra-info > li {
  margin: 0 0 0 60px
}

  .extra-info > li > a, .extra-info > li > div {
    display: block;
    padding: 20px 0
  }

    .extra-info > li > a:before, .extra-info > li > div:before {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -22px;
      left: -58px;
      width: 40px;
      height: 40px;
      border-width: 3px;
      border-style: solid;
      -moz-border-radius: 30px;
      border-radius: 30px
    }

  .extra-info > li:last-child:after, .extra-info > li:before {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px
  }

  .extra-info > li:before {
    top: 0
  }

  .extra-info > li a:hover {
    text-decoration: underline
  }

.lazy-img {
  opacity: 0;
  -moz-transition: opacity 2s;
  transition: opacity 2s
}

  .lazy-img.loaded {
    opacity: 1
  }

.jobs, .board, .press, .strategy, .udsyn {
  padding-top: 8em;
  padding-top: 15vh;
  padding-bottom: 5em;
  padding-bottom: 12vh
}

.annualreport {
  padding-top: 3em;
  padding-top: 5vh;
  padding-bottom: 3em;
  padding-bottom: 2vh
}

.organisation {
  padding-top: 8em;
  padding-top: 15vh;
  padding-bottom: 4em;
  padding-bottom: 5vh
}

.container h1 {
  margin: 0 0 1em;
  text-align: center
}

.container:not(.aboutus) h1:after {
  left: 40%;
  width: 20%;
  bottom: -0.3em
}

.container.annualreport {
  min-height: 20em
}

.annualreport .foldout {
  background-color: transparent;
  margin-top: 2em;
  margin-bottom: 6em;
  padding-left: 5px;
  padding-right: 5px;
  clear: none
}

  .annualreport .foldout:before, .annualreport .foldout:after {
    border: none
  }

.annualreport .foldout-animate-height {
  max-height: 20em
}

.annualreport .foldout.show-foldout .foldout-animate-height {
  max-height: 2600px
}

.annualreport .foldout-animate-height p {
  margin: 0.5em 0 !important
}

.annualreport .foldout-animate-height h2 + p {
  margin-top: 1.5em !important
}

.annualreport .foldout-toggle {
  position: absolute;
  background: transparent;
  bottom: -2.5em;
  z-index: 80;
  width: 100%
}

  .annualreport .foldout-toggle:hover {
    text-decoration: underline;
    background-image: none !important
  }

  .annualreport .foldout-toggle:before {
    content: "";
    position: absolute;
    top: -10em;
    bottom: 2.5em;
    left: 0;
    right: 0
  }

  .annualreport .foldout-toggle:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 11px;
    height: 11px;
    margin-left: 0.2em
  }

  .annualreport .foldout-toggle.show-foldout {
    display: none
  }

.annualreport .sign {
  margin-top: 3em
}

  .annualreport .sign li {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 2em
  }

.annualreport .row {
  -webkit-perspective: 1000;
  perspective: 1000;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.annualreport .scroll-spy-first-visible {
  opacity: 0;
  -webkit-transform: translate3d(0px,0px,20px) rotateX(10deg);
  -webkit-transition: -webkit-transform 1.6s,opacity 1.6s;
  transform: perspective(200px) translate3d(0px,70px,20px) rotateX(10deg);
  transition: transform 1.6s,opacity 1.6s
}

  .annualreport .scroll-spy-first-visible.visible {
    opacity: 1;
    -webkit-transform: translate3d(0px,0px,0px) rotateX(0deg);
    transform: translate3d(0px,0px,0px) rotateX(0deg)
  }

.data {
  margin-top: 0;
  margin-bottom: 0
}

  .data .countdown {
    display: inline-block
  }

    .data .countdown i:after {
      margin-top: -0.06em
    }

.data-revenue, .data-profit, .data-stars {
  text-align: center
}

.data-revenue, .data-profit, .data-distribution {
  margin-top: 100px
}

.data .image {
  position: relative;
  display: inline-block;
  width: 20%;
  height: 0;
  padding-top: 25%;
  vertical-align: top;
  border-radius: 0;
  margin: 0.6em 1em 0 0
}

  .data .image img {
    top: 0;
    position: absolute;
    border-radius: 0
  }

.data img {
  margin-top: 7em;
  margin-bottom: 2em
}

.data p {
  text-align: left;
  margin: 0.6em auto
}

.data a:hover {
  text-decoration: underline
}

.data-stars p {
  text-align: center
}

.data .stars, .data .stars-filled {
  background-size: 248px 91px
}

.data .stars {
  width: 248px;
  height: 45px;
  margin: 1.5em 0 2em
}

.data .stars-filled {
  height: 100%;
  text-indent: -999px;
  overflow: hidden;
  float: left;
  background-position: left -49px
}

.data.linkable, .data.downloadable {
  margin-top: 5em;
  margin-bottom: 7em;
  padding-top: 40px
}

  .data.downloadable .type-ppt {
    display: inline-block;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 48px;
    padding-top: 4px;
    min-height: 50px
  }

  .data.linkable a:hover, .data.downloadable a:hover {
    text-decoration: none
  }

  .data.linkable:before, .data.downloadable:before {
    margin-top: 10px;
    margin-bottom: 10px
  }

@media only screen and (min-width:400px) {
  .data.linkable:before, .data.downloadable:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 63%;
    margin: 20px 35px
  }

  .data.linkable, .data.downloadable {
    padding-left: 37% !important
  }
}

.data.linkable p, .data.downloadable p {
  max-width: none
}

.strategy {
  overflow: visible
}

.aboutus .slide-bullets {
  text-align: center;
  margin: 15px 0 0;
  overflow: hidden;
  max-height: 20px;
  -moz-transition: max-height 0.5s;
  transition: max-height 0.5s
}

.aboutus .slides:after {
  content: "";
  height: 97%;
  margin-left: -0.005em
}

.aboutus .slides:after, .aboutus .slides > li {
  display: inline-block;
  vertical-align: middle
}

.shadow.rotate-before.pos-bottom-before:before {
  height: 30px;
  opacity: 0.2
}

.annualreport ul.font-body-headline li {
  width: 49%;
  display: inline-block;
  vertical-align: top
}

.board .focusable {
  margin-top: 1em;
  margin-bottom: 4em
}

  .board .focusable > div {
    height: 0;
    padding-top: 0;
    padding-bottom: 100%;
    -moz-transition: width 0.7s,height 0.7s;
    transition: width 0.7s,height 0.7s
  }

    .board .focusable > div > div:first-child {
      position: absolute;
      top: 0;
      left: 5px;
      bottom: 0;
      right: 5px;
      overflow: hidden;
      cursor: pointer;
      display: block;
      background-position: -50px -20px;
      background-repeat: no-repeat;
      background-size: 426px 653px;
      -moz-transition: opacity 2s,top 0.3s,bottom 0.3s,left 0.3s,right 0.3s,box-shadow 0.8s,border 0.8s,background-position 0.3s;
      transition: opacity 2s,top 0.3s,bottom 0.3s,left 0.3s,right 0.3s,box-shadow 0.8s,border 0.8s,background-position 0.3s
    }

  .board .focusable a.close {
    -moz-transition: opacity 1s,-moz-transform 0.8s 0.2s;
    transition: opacity 1s,transform 0.8s 0.2s
  }

  .board .focusable > div > div:first-child:hover + a.close:before, .board .focusable > div > div:first-child:hover + a.close:after {
    opacity: 1
  }

  .board .focusable > div:not(.show) a.close {
    pointer-events: none
  }

  .board .focusable h2, .board .focusable h5, .board .focusable p, .board .focusable ul, .board .focusable span {
    display: none;
    width: 45%;
    max-width: 300px;
    margin-left: 45%;
    opacity: 0;
    -moz-transition: opacity 0.3s 7s;
    transition: opacity 0.3s 7s
  }

  .board .focusable h2 {
    margin-top: 16%
  }

  .board .focusable h5 {
    margin-bottom: 2em
  }

  .board .focusable .show span {
    position: absolute;
    bottom: 20px
  }

.board span:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  vertical-align: middle;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em
}

.board .focusable .show h2, .board .focusable .show h5, .board .focusable .show p, .board .focusable .show ul, .board .focusable .show span {
  display: block;
  opacity: 1;
  z-index: 2
}

.board .focusable .teaser {
  position: absolute;
  top: 100%;
  padding-top: 0.5em;
  max-height: 4.8em;
  max-width: 92%;
  overflow: hidden;
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s
}

.board .focusable > .show .teaser {
  opacity: 0
}

.board .focusable .teaser p {
  display: block;
  margin: 0;
  padding: 0;
  opacity: 1;
  width: 100%
}

.board .focusable > div {
  margin-bottom: 6em
}

  .board .focusable > div > div:first-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.1;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s
  }

.focusable > div.show {
  width: 100%;
  height: 400px
}

  .focusable > div.show > div:first-child:after, .board .focusable > div > div:first-child:hover:after {
    opacity: 0
  }

  .focusable > div.show > div:first-child {
    top: -20px;
    left: -15px;
    bottom: -20px;
    right: -15px;
    z-index: 50;
    background-position: -30px 60px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2)
  }

.organisation > .row:nth-child(2) > div {
  z-index: -1
}

.organisation > .row:last-child {
  text-align: left
}

.organisation p {
  margin: 0.7em 0
}

  .organisation p:last-child {
    margin-bottom: 4em
  }

p.teaser {
  padding: 0 15%;
  margin: 0 !important
}

.organisation p.teaser {
  text-align: center
}

.org-details {
}

  .org-details.show-foldout {
    margin-top: 5px;
    margin-bottom: 5px
  }

  .org-details article.main {
    background-color: transparent
  }

  .org-details.lazy-img-bg {
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #deebdd;
    background-color: #d8e3e8
  }

#org-construction.lazy-img-bg {
  background-color: #d4e9e4
}

#org-produce.lazy-img-bg {
  background-color: #e8e6d9
}

#org-materials.lazy-img-bg, #org-lifescience.lazy-img-bg {
  background-color: #dbe9ec
}

.org-details h2.big {
  color: #000;
  text-align: left
}

.org-list .category-item:before {
  background-color: #99bd95;
  background-color: #000
}

.org-list .category-item {
  background-color: #99bd95;
  background-color: #333;
  color: #fff
}

.category-item.video-teaser .show-foldout:after {
  background-color: #d6e3d5;
  background-color: #87a881;
  background-color: #5a8ab4
}

.category-item.video-teaser .show-foldout:hover h2, .category-item.video-teaser .show-foldout h2, .category-item.video-teaser .show-foldout section {
  color: #000;
  color: #f7ffb4;
  color: #fff
}

.org-details a.close:before, .org-details a.close:after {
  background-color: #87a881
}

#org-materials.lazy-img-bg a.close:hover:before, #org-materials.lazy-img-bg a.close:hover:after {
  background-color: #fff
}

.org-details a.close:before, .org-details a.close:after {
  background-color: #000
}

.org-details a.close:hover:before, .org-details a.close:hover:after {
  background-color: #5a8ab4
}

.org-details.lazy-img-bg {
  background-color: #d9e7ea
}

.org-details a.close {
  right: 3px;
  top: 15px
}

.org-list .category-item:before {
  content: "";
  width: 120%;
  height: 90%;
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: -1;
  -moz-transform: rotateZ(-6deg);
  transform: rotateZ(-6deg)
}

.org-list .category-item {
  padding: 20px;
  min-height: 120px;
  overflow: hidden;
  z-index: 0
}

.org-details .icon {
  display: inline-block;
  width: 100%;
  margin: 0
}

.org-details article.main h3:first-child {
  margin-top: 0
}

.org-details .row .row > div {
  margin-top: 0;
  margin-bottom: 0
}

.org-details .contact-info .lazy-img-bg {
  height: 0;
  padding-bottom: 50.227%;
  background-size: cover;
  background-position: center center
}

@media only screen and (min-width:640px) {
  .org-details .contact-info .profile-img {
    position: absolute;
    padding: 0 5px;
    height: 100%
  }

  .org-details .contact-info .lazy-img-bg {
    padding-bottom: 0;
    height: 100%
  }
}

.org-details textarea {
  min-height: 2em
}

.line-after:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  height: 10px;
  left: 50%;
  top: 100%;
  margin-left: -2px
}

.category-item.video-teaser div {
  background-color: transparent
}

.category-item.video-teaser a, .category-item.video-teaser a:hover {
  background-image: none
}

.category-item.video-teaser .img {
  height: 100%;
  background-position: 50% 70%
}

.category-item.video-teaser h2, .category-item.video-teaser section {
  transform: translate3d(0,0,0);
  padding-right: 90px
}

.category-item.video-teaser h2 {
  font-family: "Klint LT W02 Regular",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: -0.01em;
  margin-bottom: 0.4em;
  width: 90%
}

  .category-item.video-teaser a:hover h2:after, .category-item.video-teaser h2:after {
    background-image: url("/_/custom/landingpages/aboutus/img/icon-arrow-small-white.svg")
  }

.category-item.video-teaser a.show-foldout:hover:after, .category-item.video-teaser .show-foldout:after {
  opacity: 1
}

.category-item.video-teaser div, .category-item.video-teaser header, .category-item.video-teaser section, .category-item.video-teaser a:hover section, .category-item.video-teaser h2, .category-item.video-teaser a:hover h2 {
  background-color: transparent;
  color: #fff
}

.category-item.video-teaser a:hover section, .category-item.video-teaser section {
  max-height: none;
  opacity: 1
}

.category-item.video-teaser a.show-foldout section {
  opacity: 0
}

.category-item.video-teaser > a > div {
  margin-left: 0
}

.category-item.video-teaser .img, .category-item.video-teaser > a:after {
  width: auto;
  right: 0;
  left: 0;
  z-index: 0
}

@media only screen and (min-width:640px) {
  .category-item.video-teaser {
    height: 320px
  }

    .category-item.video-teaser a:hover section {
      opacity: 0
    }

    .category-item.video-teaser h2, .category-item.video-teaser section {
      padding-right: 0
    }
}

.load-into-link {
  cursor: pointer !important
}

.load-into-group {
  -moz-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
  max-height: 0;
  overflow: hidden
}

  .load-into-group.animate-in, .load-into-group.show-foldout {
    max-height: 6000px
  }

  .load-into-group.loading {
    max-height: 100px
  }

.jobs .video-container {
  margin-top: 3em;
  margin-bottom: 3em
}

.available-jobs {
  margin-bottom: 2em
}

  .available-jobs > li {
    margin-bottom: 1px
  }

    .available-jobs > li > a {
      display: block;
      padding: 15px 30px 15px 20px
    }

      .available-jobs > li > a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 100%
      }

  .available-jobs:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    pointer-events: none
  }

  .available-jobs h5, .available-jobs p {
    margin: 0 0 0 50px
  }

  .available-jobs .image {
    left: 18px;
    top: 50%;
    margin-top: -20px
  }

    .available-jobs .image img {
      opacity: 1
    }

  .available-jobs ~ a {
    margin: 0.5em 0;
    display: block
  }

    .available-jobs ~ a:hover {
      text-decoration: underline
    }

    .available-jobs ~ a.jobagent:before, .available-jobs ~ a.linkedin:before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 0.4em;
      vertical-align: baseline
    }

.press:not(a) {
  overflow: visible;
  margin-bottom: 10em
}

.press div:not(.text) > p:first-child {
  margin-top: 0
}

.press .extra-info {
  margin-top: 0
}

  .press .extra-info > li:last-child div:before {
    top: 37px
  }

.press-stories {
  padding-top: 10px;
  height: 850px;
  height: 70vh;
  min-height: 500px
}

  .press-stories:before {
    content: ""
  }

  .press-stories:before {
    position: absolute;
    width: 200%;
    left: -50%;
    top: 0;
    bottom: 0
  }

  .press-stories .slideshow {
    white-space: nowrap;
    margin: 0 0 0 20px
  }

    .press-stories .slideshow .slides {
      overflow: visible;
      margin-top: 20px;
      margin-top: 3vh;
      min-width: 270px;
      width: 33%
    }

  .press-stories .slides > li {
    vertical-align: top
  }

  .press-stories a {
    display: block;
    white-space: normal;
    margin-right: 10px;
    min-height: 60vh
  }

  .press-stories div.image {
    position: relative;
    left: 0;
    width: 100%;
    height: 520px;
    height: 60vh;
    min-height: 430px;
    background-position: center center;
    background-size: cover;
    -moz-border-radius: 0;
    border-radius: 0
  }

  .press-stories .text {
    position: absolute;
    bottom: 0;
    left: 1em;
    width: 80%
  }

  .press-stories div.image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.8;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s
  }

  .press-stories a:hover div.image:after {
    opacity: 0
  }

  .press-stories h3 {
    margin-left: -0.02em;
    hyphens: auto
  }

  .press-stories .slide-bullets-container {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 102
  }

@media only screen and (min-width:480px) {
  .press-stories h3 {
    font-size: 24px;
    line-height: 27px;
    letter-spacing: -1px
  }

  .container h1, article.main .icon h5, .data h5 {
    font-size: 70px;
    line-height: 73px;
    letter-spacing: -4px
  }

  article.main .icon h5 {
    font-size: 32px;
    line-height: 35px;
    letter-spacing: -1px
  }

  .data p {
  }

  .category-item.video-teaser > a:after {
    opacity: 0.5
  }

  .category-item.video-teaser > a:hover:after {
    opacity: 0;
    opacity: 0.2
  }

  .board .focusable > div {
    padding-bottom: 50%
  }
}

@media only screen and (min-width:640px) {
  .container h1, .data h5 {
    font-size: 90px;
    line-height: 90px;
    letter-spacing: -5px
  }

    .pie .inner-legend, .data h5 .currency {
      font-size: 50px;
      line-height: 53px;
      letter-spacing: -3px
    }

  .press-stories h3 {
    font-size: 30px;
    line-height: 33px;
    letter-spacing: -1px
  }

  article.main .icon h5 {
    font-size: 50px;
    line-height: 53px;
    letter-spacing: -3px
  }

  .extra-info > li {
    margin: 0 0 0 80px
  }

  .available-jobs ~ a {
    margin-left: 3%;
    display: inline-block
  }

  .available-jobs + a {
    margin-left: 0
  }
}

@media only screen and (min-width:860px) {
  .data h5 {
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -6px
  }

    .data h5 .currency {
      font-size: 70px;
      line-height: 83px;
      letter-spacing: -4px
    }

  article.main .icon h5 {
    font-size: 70px;
    line-height: 73px;
    letter-spacing: -4px
  }

  .focusable > div.show > div:first-child {
    background-position: left top
  }
}

.focusable > div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px
}

@media screen and (min-width:450px) {
  .focusable > div {
    width: 50%
  }

  .board .focusable > div {
    padding-bottom: 50%
  }

  .show-0 > div:nth-child(1) .teaser, .show-0 > div:nth-child(2) .teaser, .show-1 > div:nth-child(1) .teaser, .show-1 > div:nth-child(2) .teaser, .show-2 > div:nth-child(3) .teaser, .show-2 > div:nth-child(4) .teaser, .show-3 > div:nth-child(3) .teaser, .show-3 > div:nth-child(4) .teaser, .show-4 > div:nth-child(5) .teaser, .show-4 > div:nth-child(6) .teaser, .show-5 > div:nth-child(5) .teaser, .show-5 > div:nth-child(6) .teaser, .show-6 > div:nth-child(7) .teaser, .show-6 > div:nth-child(8) .teaser, .show-7 > div:nth-child(7) .teaser, .show-7 > div:nth-child(8) .teaser, .show-8 > div:nth-child(9) .teaser, .show-9 > div:nth-child(9) .teaser {
    opacity: 0
  }

  .show-0 > div:nth-child(1), .show-0 > div:nth-child(2), .show-1 > div:nth-child(1), .show-1 > div:nth-child(2), .show-2 > div:nth-child(3), .show-2 > div:nth-child(4), .show-3 > div:nth-child(3), .show-3 > div:nth-child(4), .show-4 > div:nth-child(5), .show-4 > div:nth-child(6), .show-5 > div:nth-child(5), .show-5 > div:nth-child(6), .show-6 > div:nth-child(7), .show-6 > div:nth-child(8), .show-7 > div:nth-child(7), .show-7 > div:nth-child(8), .show-8 > div:nth-child(9), .show-9 > div:nth-child(9) {
    height: 400px;
    width: 20%
  }

  .focusable > div.show {
    width: 80%
  }
}

@media screen and (min-width:640px) {
  .focusable > div {
    width: 33.3333333333%
  }

  .board .focusable > div {
    padding-bottom: 33.3333333333%
  }

  .show-0 > div:nth-child(3) .teaser, .show-1 > div:nth-child(3) .teaser, .show-2 > div:nth-child(1) .teaser, .show-2 > div:nth-child(2) .teaser, .show-3 > div:nth-child(5) .teaser, .show-3 > div:nth-child(6) .teaser, .show-4 > div:nth-child(4) .teaser, .show-5 > div:nth-child(4) .teaser, .show-6 > div:nth-child(9) .teaser, .show-7 > div:nth-child(9) .teaser, .show-8 > div:nth-child(7) .teaser, .show-8 > div:nth-child(8) .teaser {
    opacity: 0
  }

  .show-2 > div:nth-child(4), .show-3 > div:nth-child(3), .show-9 > div:nth-child(9) {
    height: 0;
    width: 33.3333333333%
  }

    .show-2 > div:nth-child(4) .teaser, .show-3 > div:nth-child(3) .teaser, .show-9 > div:nth-child(9) .teaser {
      opacity: 1
    }

  .show-0 > div:nth-child(1), .show-0 > div:nth-child(2), .show-0 > div:nth-child(3), .show-1 > div:nth-child(1), .show-1 > div:nth-child(2), .show-1 > div:nth-child(3), .show-2 > div:nth-child(1), .show-2 > div:nth-child(2), .show-2 > div:nth-child(3), .show-3 > div:nth-child(4), .show-3 > div:nth-child(5), .show-3 > div:nth-child(6), .show-4 > div:nth-child(4), .show-4 > div:nth-child(5), .show-4 > div:nth-child(6), .show-5 > div:nth-child(4), .show-5 > div:nth-child(5), .show-5 > div:nth-child(6), .show-6 > div:nth-child(7), .show-6 > div:nth-child(8), .show-6 > div:nth-child(9), .show-7 > div:nth-child(7), .show-7 > div:nth-child(8), .show-7 > div:nth-child(9), .show-8 > div:nth-child(7), .show-8 > div:nth-child(8), .show-8 > div:nth-child(9) {
    height: 400px;
    width: 16.6666666667%
  }

  .focusable > div.show {
    width: 66.6666666667%
  }
}

@media screen and (min-width:860px) {
  .focusable > div {
    width: 25%
  }

  .board .focusable > div {
    padding-bottom: 25%
  }

  .show-0 > div:nth-child(4) .teaser, .show-1 > div:nth-child(4) .teaser, .show-2 > div:nth-child(4) .teaser, .show-3 > div:nth-child(1) .teaser, .show-3 > div:nth-child(2) .teaser, .show-3 > div:nth-child(3) .teaser, .show-4 > div:nth-child(7) .teaser, .show-4 > div:nth-child(8) .teaser, .show-5 > div:nth-child(7) .teaser, .show-5 > div:nth-child(8) .teaser, .show-6 > div:nth-child(5) .teaser, .show-6 > div:nth-child(6) .teaser, .show-7 > div:nth-child(5) .teaser, .show-7 > div:nth-child(6) .teaser, .show-9 > div:nth-child(9) .teaser {
    opacity: 0
  }

  .show-3 > div:nth-child(5), .show-3 > div:nth-child(6), .show-4 > div:nth-child(4), .show-5 > div:nth-child(4), .show-6 > div:nth-child(9), .show-7 > div:nth-child(9), .show-8 > div:nth-child(7), .show-8 > div:nth-child(8) {
    height: 0;
    width: 25%
  }

    .show-3 > div:nth-child(5) .teaser, .show-3 > div:nth-child(6) .teaser, .show-4 > div:nth-child(4) .teaser, .show-5 > div:nth-child(4) .teaser, .show-6 > div:nth-child(9) .teaser, .show-7 > div:nth-child(9) .teaser, .show-8 > div:nth-child(7) .teaser, .show-8 > div:nth-child(8) .teaser {
      opacity: 1
    }

  .show-0 > div:nth-child(1), .show-0 > div:nth-child(2), .show-0 > div:nth-child(3), .show-0 > div:nth-child(4), .show-1 > div:nth-child(1), .show-1 > div:nth-child(2), .show-1 > div:nth-child(3), .show-1 > div:nth-child(4), .show-2 > div:nth-child(1), .show-2 > div:nth-child(2), .show-2 > div:nth-child(3), .show-2 > div:nth-child(4), .show-3 > div:nth-child(1), .show-3 > div:nth-child(2), .show-3 > div:nth-child(3), .show-3 > div:nth-child(4), .show-4 > div:nth-child(5), .show-4 > div:nth-child(6), .show-4 > div:nth-child(7), .show-4 > div:nth-child(8), .show-5 > div:nth-child(5), .show-5 > div:nth-child(6), .show-5 > div:nth-child(7), .show-5 > div:nth-child(8), .show-6 > div:nth-child(5), .show-6 > div:nth-child(6), .show-6 > div:nth-child(7), .show-6 > div:nth-child(8), .show-7 > div:nth-child(5), .show-7 > div:nth-child(6), .show-7 > div:nth-child(7), .show-7 > div:nth-child(8), .show-8 > div:nth-child(9), .show-9 > div:nth-child(9) {
    height: 600px;
    width: 16.6666666667%
  }

  .focusable > div.show {
    width: 50%
  }
}

.countdown i {
  position: relative;
  display: inline-block;
  width: 0.55em;
  height: 0.8em;
  font-style: normal;
  overflow: hidden;
  text-align: left
}

  .countdown i:after {
    position: absolute;
    display: inline-block;
    width: 0.9em;
    line-height: 1em;
    margin-top: -0.05em
  }

.countdown .c-1000000000s:after {
  top: -1em
}

.countdown .c-100000000s:after {
  top: -2em
}

.countdown .c-10000000s:after {
  top: -3em
}

.countdown .c-1000000s:after {
  top: -4em
}

.countdown .c-100000s:after {
  top: -5em
}

.countdown .c-10000s:after {
  top: -6em
}

.countdown .c-1000s:after {
  top: -7em
}

.countdown .c-100s:after {
  top: -8em
}

.countdown .c-10s:after {
  top: -9em
}

.countdown .c-1s:after {
  top: -10em
}

.countdown.c-1000000000s-0 .c-1000000000s:after {
  content: "9 0"
}

.countdown.c-100000000s-0 .c-100000000s:after {
  content: "8 9 0"
}

.countdown.c-10000000s-0 .c-10000000s:after {
  content: "7 8 9 0"
}

.countdown.c-1000000s-0 .c-1000000s:after {
  content: "6 7 8 9 0"
}

.countdown.c-100000s-0 .c-100000s:after {
  content: "5 6 7 8 9 0"
}

.countdown.c-10000s-0 .c-10000s:after {
  content: "4 5 6 7 8 9 0"
}

.countdown.c-1000s-0 .c-1000s:after {
  content: "3 4 5 6 7 8 9 0"
}

.countdown.c-100s-0 .c-100s:after {
  content: "2 3 4 5 6 7 8 9 0"
}

.countdown.c-10s-0 .c-10s:after {
  content: "1 2 3 4 5 6 7 8 9 0"
}

.countdown.c-1s-0 .c-1s:after {
  content: "0 1 2 3 4 5 6 7 8 9 0"
}

.countdown.c-1000000000s-1 .c-1000000000s:after {
  content: "0 1"
}

.countdown.c-100000000s-1 .c-100000000s:after {
  content: "9 0 1"
}

.countdown.c-10000000s-1 .c-10000000s:after {
  content: "8 9 0 1"
}

.countdown.c-1000000s-1 .c-1000000s:after {
  content: "7 8 9 0 1"
}

.countdown.c-100000s-1 .c-100000s:after {
  content: "6 7 8 9 0 1"
}

.countdown.c-10000s-1 .c-10000s:after {
  content: "5 6 7 8 9 0 1"
}

.countdown.c-1000s-1 .c-1000s:after {
  content: "4 5 6 7 8 9 0 1"
}

.countdown.c-100s-1 .c-100s:after {
  content: "3 4 5 6 7 8 9 0 1"
}

.countdown.c-10s-1 .c-10s:after {
  content: "2 3 4 5 6 7 8 9 0 1"
}

.countdown.c-1s-1 .c-1s:after {
  content: "1 2 3 4 5 6 7 8 9 0 1"
}

.countdown.c-1000000000s-2 .c-1000000000s:after {
  content: "1 2"
}

.countdown.c-100000000s-2 .c-100000000s:after {
  content: "0 1 2"
}

.countdown.c-10000000s-2 .c-10000000s:after {
  content: "9 0 1 2"
}

.countdown.c-1000000s-2 .c-1000000s:after {
  content: "8 9 0 1 2"
}

.countdown.c-100000s-2 .c-100000s:after {
  content: "7 8 9 0 1 2"
}

.countdown.c-10000s-2 .c-10000s:after {
  content: "6 7 8 9 0 1 2"
}

.countdown.c-1000s-2 .c-1000s:after {
  content: "5 6 7 8 9 0 1 2"
}

.countdown.c-100s-2 .c-100s:after {
  content: "4 5 6 7 8 9 0 1 2"
}

.countdown.c-10s-2 .c-10s:after {
  content: "3 4 5 6 7 8 9 0 1 2"
}

.countdown.c-1s-2 .c-1s:after {
  content: "2 3 4 5 6 7 8 9 0 1 2"
}

.countdown.c-1000000000s-3 .c-1000000000s:after {
  content: "2 3"
}

.countdown.c-100000000s-3 .c-100000000s:after {
  content: "1 2 3"
}

.countdown.c-10000000s-3 .c-10000000s:after {
  content: "0 1 2 3"
}

.countdown.c-1000000s-3 .c-1000000s:after {
  content: "9 0 1 2 3"
}

.countdown.c-100000s-3 .c-100000s:after {
  content: "8 9 0 1 2 3"
}

.countdown.c-10000s-3 .c-10000s:after {
  content: "7 8 9 0 1 2 3"
}

.countdown.c-1000s-3 .c-1000s:after {
  content: "6 7 8 9 0 1 2 3"
}

.countdown.c-100s-3 .c-100s:after {
  content: "5 6 7 8 9 0 1 2 3"
}

.countdown.c-10s-3 .c-10s:after {
  content: "4 5 6 7 8 9 0 1 2 3"
}

.countdown.c-1s-3 .c-1s:after {
  content: "3 4 5 6 7 8 9 0 1 2 3"
}

.countdown.c-1000000000s-4 .c-1000000000s:after {
  content: "3 4"
}

.countdown.c-100000000s-4 .c-100000000s:after {
  content: "2 3 4"
}

.countdown.c-10000000s-4 .c-10000000s:after {
  content: "1 2 3 4"
}

.countdown.c-1000000s-4 .c-1000000s:after {
  content: "0 1 2 3 4"
}

.countdown.c-100000s-4 .c-100000s:after {
  content: "9 0 1 2 3 4"
}

.countdown.c-10000s-4 .c-10000s:after {
  content: "8 9 0 1 2 3 4"
}

.countdown.c-1000s-4 .c-1000s:after {
  content: "7 8 9 0 1 2 3 4"
}

.countdown.c-100s-4 .c-100s:after {
  content: "6 7 8 9 0 1 2 3 4"
}

.countdown.c-10s-4 .c-10s:after {
  content: "5 6 7 8 9 0 1 2 3 4"
}

.countdown.c-1s-4 .c-1s:after {
  content: "4 5 6 7 8 9 0 1 2 3 4"
}

.countdown.c-1000000000s-5 .c-1000000000s:after {
  content: "4 5"
}

.countdown.c-100000000s-5 .c-100000000s:after {
  content: "3 4 5"
}

.countdown.c-10000000s-5 .c-10000000s:after {
  content: "2 3 4 5"
}

.countdown.c-1000000s-5 .c-1000000s:after {
  content: "1 2 3 4 5"
}

.countdown.c-100000s-5 .c-100000s:after {
  content: "0 1 2 3 4 5"
}

.countdown.c-10000s-5 .c-10000s:after {
  content: "9 0 1 2 3 4 5"
}

.countdown.c-1000s-5 .c-1000s:after {
  content: "8 9 0 1 2 3 4 5"
}

.countdown.c-100s-5 .c-100s:after {
  content: "7 8 9 0 1 2 3 4 5"
}

.countdown.c-10s-5 .c-10s:after {
  content: "6 7 8 9 0 1 2 3 4 5"
}

.countdown.c-1s-5 .c-1s:after {
  content: "5 6 7 8 9 0 1 2 3 4 5"
}

.countdown.c-1000000000s-6 .c-1000000000s:after {
  content: "5 6"
}

.countdown.c-100000000s-6 .c-100000000s:after {
  content: "4 5 6"
}

.countdown.c-10000000s-6 .c-10000000s:after {
  content: "3 4 5 6"
}

.countdown.c-1000000s-6 .c-1000000s:after {
  content: "2 3 4 5 6"
}

.countdown.c-100000s-6 .c-100000s:after {
  content: "1 2 3 4 5 6"
}

.countdown.c-10000s-6 .c-10000s:after {
  content: "0 1 2 3 4 5 6"
}

.countdown.c-1000s-6 .c-1000s:after {
  content: "9 0 1 2 3 4 5 6"
}

.countdown.c-100s-6 .c-100s:after {
  content: "8 9 0 1 2 3 4 5 6"
}

.countdown.c-10s-6 .c-10s:after {
  content: "7 8 9 0 1 2 3 4 5 6"
}

.countdown.c-1s-6 .c-1s:after {
  content: "6 7 8 9 0 1 2 3 4 5 6"
}

.countdown.c-1000000000s-7 .c-1000000000s:after {
  content: "6 7"
}

.countdown.c-100000000s-7 .c-100000000s:after {
  content: "5 6 7"
}

.countdown.c-10000000s-7 .c-10000000s:after {
  content: "4 5 6 7"
}

.countdown.c-1000000s-7 .c-1000000s:after {
  content: "3 4 5 6 7"
}

.countdown.c-100000s-7 .c-100000s:after {
  content: "2 3 4 5 6 7"
}

.countdown.c-10000s-7 .c-10000s:after {
  content: "1 2 3 4 5 6 7"
}

.countdown.c-1000s-7 .c-1000s:after {
  content: "0 1 2 3 4 5 6 7"
}

.countdown.c-100s-7 .c-100s:after {
  content: "9 0 1 2 3 4 5 6 7"
}

.countdown.c-10s-7 .c-10s:after {
  content: "8 9 0 1 2 3 4 5 6 7"
}

.countdown.c-1s-7 .c-1s:after {
  content: "7 8 9 0 1 2 3 4 5 6 7"
}

.countdown.c-1000000000s-8 .c-1000000000s:after {
  content: "7 8"
}

.countdown.c-100000000s-8 .c-100000000s:after {
  content: "6 7 8"
}

.countdown.c-10000000s-8 .c-10000000s:after {
  content: "5 6 7 8"
}

.countdown.c-1000000s-8 .c-1000000s:after {
  content: "4 5 6 7 8"
}

.countdown.c-100000s-8 .c-100000s:after {
  content: "3 4 5 6 7 8"
}

.countdown.c-10000s-8 .c-10000s:after {
  content: "2 3 4 5 6 7 8"
}

.countdown.c-1000s-8 .c-1000s:after {
  content: "1 2 3 4 5 6 7 8"
}

.countdown.c-100s-8 .c-100s:after {
  content: "0 1 2 3 4 5 6 7 8"
}

.countdown.c-10s-8 .c-10s:after {
  content: "9 0 1 2 3 4 5 6 7 8"
}

.countdown.c-1s-8 .c-1s:after {
  content: "8 9 0 1 2 3 4 5 6 7 8"
}

.countdown.c-1000000000s-9 .c-1000000000s:after {
  content: "8 9"
}

.countdown.c-100000000s-9 .c-100000000s:after {
  content: "7 8 9"
}

.countdown.c-10000000s-9 .c-10000000s:after {
  content: "6 7 8 9"
}

.countdown.c-1000000s-9 .c-1000000s:after {
  content: "5 6 7 8 9"
}

.countdown.c-100000s-9 .c-100000s:after {
  content: "4 5 6 7 8 9"
}

.countdown.c-10000s-9 .c-10000s:after {
  content: "3 4 5 6 7 8 9"
}

.countdown.c-1000s-9 .c-1000s:after {
  content: "2 3 4 5 6 7 8 9"
}

.countdown.c-100s-9 .c-100s:after {
  content: "1 2 3 4 5 6 7 8 9"
}

.countdown.c-10s-9 .c-10s:after {
  content: "0 1 2 3 4 5 6 7 8 9"
}

.countdown.c-1s-9 .c-1s:after {
  content: "9 0 1 2 3 4 5 6 7 8 9"
}

.countdown.visible .c-10000s:after {
  animation: numbers-tenthousands-fast 3s
}

.countdown.visible .c-1000s:after {
  animation: numbers-thousands-fast 3s
}

.countdown.visible .c-100s:after {
  animation: numbers-hundreds-fast 3s
}

.countdown.visible .c-10s:after {
  animation: numbers-tens-fast 3s
}

.countdown.visible .c-1s:after {
  animation: numbers-ones-fast 3s
}

.countdown.add-class-when-el-view.c-1000000000s-1 .c-1000000000s:first-child:after, .countdown.add-class-when-el-view.c-100000000s-1 .c-100000000s:first-child:after, .countdown.add-class-when-el-view.c-10000000s-1 .c-10000000s:first-child:after, .countdown.add-class-when-el-view.c-1000000s-1 .c-1000000s:first-child:after, .countdown.add-class-when-el-view.c-100000s-1 .c-100000s:first-child:after, .countdown.add-class-when-el-view.c-10000s-1 .c-10000s:first-child:after, .countdown.add-class-when-el-view.c-1000s-1 .c-1000s:first-child:after, .countdown.add-class-when-el-view.c-100s-1 .c-100s:first-child:after, .countdown.add-class-when-el-view.c-10s-1 .c-10s:first-child:after, .countdown.add-class-when-el-view.c-1s-1 .c-1s:first-child:after {
  top: 0
}

.countdown.visible.c-1000s-1 .c-1000s:first-child:after, .countdown.visible.c-100s-1 .c-100s:first-child:after {
  top: 0;
  content: "1";
  animation-name: numbers-first-digit-fast
}

.countdown i:nth-last-child(1):after {
  animation-duration: 1500ms !important
}

.countdown i:nth-last-child(2):after {
  animation-duration: 1650ms !important
}

.countdown i:nth-last-child(3):after {
  animation-duration: 1800ms !important
}

.countdown i:nth-last-child(4):after {
  animation-duration: 1950ms !important
}

.countdown i:nth-last-child(5):after {
  animation-duration: 2100ms !important
}

.countdown i:nth-last-child(6):after {
  animation-duration: 2250ms !important
}

.countdown i:nth-last-child(7):after {
  animation-duration: 2400ms !important
}

.countdown i:nth-last-child(8):after {
  animation-duration: 2550ms !important
}

.countdown i:nth-last-child(9):after {
  animation-duration: 2700ms !important
}

.countdown i:nth-last-child(10):after {
  animation-duration: 2850ms !important
}

li:nth-child(1) .countdown i:nth-last-child(1):after {
  animation-duration: 1000ms !important
}

li:nth-child(1) .countdown i:nth-last-child(2):after {
  animation-duration: 1150ms !important
}

li:nth-child(1) .countdown i:nth-last-child(3):after {
  animation-duration: 1300ms !important
}

li:nth-child(1) .countdown i:nth-last-child(4):after {
  animation-duration: 1450ms !important
}

li:nth-child(1) .countdown i:nth-last-child(5):after {
  animation-duration: 1600ms !important
}

li:nth-child(1) .countdown i:nth-last-child(6):after {
  animation-duration: 1750ms !important
}

li:nth-child(1) .countdown i:nth-last-child(7):after {
  animation-duration: 1900ms !important
}

li:nth-child(1) .countdown i:nth-last-child(8):after {
  animation-duration: 2050ms !important
}

li:nth-child(1) .countdown i:nth-last-child(9):after {
  animation-duration: 2200ms !important
}

li:nth-child(1) .countdown i:nth-last-child(10):after {
  animation-duration: 2350ms !important
}

li:nth-child(2) .countdown i:nth-last-child(1):after {
  animation-duration: 1100ms !important
}

li:nth-child(2) .countdown i:nth-last-child(2):after {
  animation-duration: 1250ms !important
}

li:nth-child(2) .countdown i:nth-last-child(3):after {
  animation-duration: 1400ms !important
}

li:nth-child(2) .countdown i:nth-last-child(4):after {
  animation-duration: 1550ms !important
}

li:nth-child(2) .countdown i:nth-last-child(5):after {
  animation-duration: 1700ms !important
}

li:nth-child(2) .countdown i:nth-last-child(6):after {
  animation-duration: 1850ms !important
}

li:nth-child(2) .countdown i:nth-last-child(7):after {
  animation-duration: 2000ms !important
}

li:nth-child(2) .countdown i:nth-last-child(8):after {
  animation-duration: 2150ms !important
}

li:nth-child(2) .countdown i:nth-last-child(9):after {
  animation-duration: 2300ms !important
}

li:nth-child(2) .countdown i:nth-last-child(10):after {
  animation-duration: 2450ms !important
}

li:nth-child(3) .countdown i:nth-last-child(1):after {
  animation-duration: 1200ms !important
}

li:nth-child(3) .countdown i:nth-last-child(2):after {
  animation-duration: 1350ms !important
}

li:nth-child(3) .countdown i:nth-last-child(3):after {
  animation-duration: 1500ms !important
}

li:nth-child(3) .countdown i:nth-last-child(4):after {
  animation-duration: 1650ms !important
}

li:nth-child(3) .countdown i:nth-last-child(5):after {
  animation-duration: 1800ms !important
}

li:nth-child(3) .countdown i:nth-last-child(6):after {
  animation-duration: 1950ms !important
}

li:nth-child(3) .countdown i:nth-last-child(7):after {
  animation-duration: 2100ms !important
}

li:nth-child(3) .countdown i:nth-last-child(8):after {
  animation-duration: 2250ms !important
}

li:nth-child(3) .countdown i:nth-last-child(9):after {
  animation-duration: 2400ms !important
}

li:nth-child(3) .countdown i:nth-last-child(10):after {
  animation-duration: 2550ms !important
}

li:nth-child(4) .countdown i:nth-last-child(1):after {
  animation-duration: 1300ms !important
}

li:nth-child(4) .countdown i:nth-last-child(2):after {
  animation-duration: 1450ms !important
}

li:nth-child(4) .countdown i:nth-last-child(3):after {
  animation-duration: 1600ms !important
}

li:nth-child(4) .countdown i:nth-last-child(4):after {
  animation-duration: 1750ms !important
}

li:nth-child(4) .countdown i:nth-last-child(5):after {
  animation-duration: 1900ms !important
}

li:nth-child(4) .countdown i:nth-last-child(6):after {
  animation-duration: 2050ms !important
}

li:nth-child(4) .countdown i:nth-last-child(7):after {
  animation-duration: 2200ms !important
}

li:nth-child(4) .countdown i:nth-last-child(8):after {
  animation-duration: 2350ms !important
}

li:nth-child(4) .countdown i:nth-last-child(9):after {
  animation-duration: 2500ms !important
}

li:nth-child(4) .countdown i:nth-last-child(10):after {
  animation-duration: 2650ms !important
}

li:nth-child(5) .countdown i:nth-last-child(1):after {
  animation-duration: 1400ms !important
}

li:nth-child(5) .countdown i:nth-last-child(2):after {
  animation-duration: 1550ms !important
}

li:nth-child(5) .countdown i:nth-last-child(3):after {
  animation-duration: 1700ms !important
}

li:nth-child(5) .countdown i:nth-last-child(4):after {
  animation-duration: 1850ms !important
}

li:nth-child(5) .countdown i:nth-last-child(5):after {
  animation-duration: 2000ms !important
}

li:nth-child(5) .countdown i:nth-last-child(6):after {
  animation-duration: 2150ms !important
}

li:nth-child(5) .countdown i:nth-last-child(7):after {
  animation-duration: 2300ms !important
}

li:nth-child(5) .countdown i:nth-last-child(8):after {
  animation-duration: 2450ms !important
}

li:nth-child(5) .countdown i:nth-last-child(9):after {
  animation-duration: 2600ms !important
}

li:nth-child(5) .countdown i:nth-last-child(10):after {
  animation-duration: 2750ms !important
}

li:nth-child(6) .countdown i:nth-last-child(1):after {
  animation-duration: 1500ms !important
}

li:nth-child(6) .countdown i:nth-last-child(2):after {
  animation-duration: 1650ms !important
}

li:nth-child(6) .countdown i:nth-last-child(3):after {
  animation-duration: 1800ms !important
}

li:nth-child(6) .countdown i:nth-last-child(4):after {
  animation-duration: 1950ms !important
}

li:nth-child(6) .countdown i:nth-last-child(5):after {
  animation-duration: 2100ms !important
}

li:nth-child(6) .countdown i:nth-last-child(6):after {
  animation-duration: 2250ms !important
}

li:nth-child(6) .countdown i:nth-last-child(7):after {
  animation-duration: 2400ms !important
}

li:nth-child(6) .countdown i:nth-last-child(8):after {
  animation-duration: 2550ms !important
}

li:nth-child(6) .countdown i:nth-last-child(9):after {
  animation-duration: 2700ms !important
}

li:nth-child(6) .countdown i:nth-last-child(10):after {
  animation-duration: 2850ms !important
}

li:nth-child(1) .countdown.countdown--fast i:nth-last-child(1):after {
  animation-duration: 1000ms !important
}

li:nth-child(1) .countdown.countdown--fast i:nth-last-child(2):after {
  animation-duration: 1150ms !important
}

li:nth-child(1) .countdown.countdown--fast i:nth-last-child(3):after {
  animation-duration: 1300ms !important
}

li:nth-child(1) .countdown.countdown--fast i:nth-last-child(4):after {
  animation-duration: 1450ms !important
}

li:nth-child(1) .countdown.countdown--fast i:nth-last-child(5):after {
  animation-duration: 1600ms !important
}

li:nth-child(1) .countdown.countdown--fast i:nth-last-child(6):after {
  animation-duration: 1750ms !important
}

li:nth-child(1) .countdown.countdown--fast i:nth-last-child(7):after {
  animation-duration: 1900ms !important
}

li:nth-child(1) .countdown.countdown--fast i:nth-last-child(8):after {
  animation-duration: 2050ms !important
}

li:nth-child(1) .countdown.countdown--fast i:nth-last-child(9):after {
  animation-duration: 2200ms !important
}

li:nth-child(1) .countdown.countdown--fast i:nth-last-child(10):after {
  animation-duration: 2350ms !important
}

li:nth-child(2) .countdown.countdown--fast i:nth-last-child(1):after {
  animation-duration: 1100ms !important
}

li:nth-child(2) .countdown.countdown--fast i:nth-last-child(2):after {
  animation-duration: 1250ms !important
}

li:nth-child(2) .countdown.countdown--fast i:nth-last-child(3):after {
  animation-duration: 1400ms !important
}

li:nth-child(2) .countdown.countdown--fast i:nth-last-child(4):after {
  animation-duration: 1550ms !important
}

li:nth-child(2) .countdown.countdown--fast i:nth-last-child(5):after {
  animation-duration: 1700ms !important
}

li:nth-child(2) .countdown.countdown--fast i:nth-last-child(6):after {
  animation-duration: 1850ms !important
}

li:nth-child(2) .countdown.countdown--fast i:nth-last-child(7):after {
  animation-duration: 2000ms !important
}

li:nth-child(2) .countdown.countdown--fast i:nth-last-child(8):after {
  animation-duration: 2150ms !important
}

li:nth-child(2) .countdown.countdown--fast i:nth-last-child(9):after {
  animation-duration: 2300ms !important
}

li:nth-child(2) .countdown.countdown--fast i:nth-last-child(10):after {
  animation-duration: 2450ms !important
}

li:nth-child(3) .countdown.countdown--fast i:nth-last-child(1):after {
  animation-duration: 1200ms !important
}

li:nth-child(3) .countdown.countdown--fast i:nth-last-child(2):after {
  animation-duration: 1350ms !important
}

li:nth-child(3) .countdown.countdown--fast i:nth-last-child(3):after {
  animation-duration: 1500ms !important
}

li:nth-child(3) .countdown.countdown--fast i:nth-last-child(4):after {
  animation-duration: 1650ms !important
}

li:nth-child(3) .countdown.countdown--fast i:nth-last-child(5):after {
  animation-duration: 1800ms !important
}

li:nth-child(3) .countdown.countdown--fast i:nth-last-child(6):after {
  animation-duration: 1950ms !important
}

li:nth-child(3) .countdown.countdown--fast i:nth-last-child(7):after {
  animation-duration: 2100ms !important
}

li:nth-child(3) .countdown.countdown--fast i:nth-last-child(8):after {
  animation-duration: 2250ms !important
}

li:nth-child(3) .countdown.countdown--fast i:nth-last-child(9):after {
  animation-duration: 2400ms !important
}

li:nth-child(3) .countdown.countdown--fast i:nth-last-child(10):after {
  animation-duration: 2550ms !important
}

li:nth-child(4) .countdown.countdown--fast i:nth-last-child(1):after {
  animation-duration: 1300ms !important
}

li:nth-child(4) .countdown.countdown--fast i:nth-last-child(2):after {
  animation-duration: 1450ms !important
}

li:nth-child(4) .countdown.countdown--fast i:nth-last-child(3):after {
  animation-duration: 1600ms !important
}

li:nth-child(4) .countdown.countdown--fast i:nth-last-child(4):after {
  animation-duration: 1750ms !important
}

li:nth-child(4) .countdown.countdown--fast i:nth-last-child(5):after {
  animation-duration: 1900ms !important
}

li:nth-child(4) .countdown.countdown--fast i:nth-last-child(6):after {
  animation-duration: 2050ms !important
}

li:nth-child(4) .countdown.countdown--fast i:nth-last-child(7):after {
  animation-duration: 2200ms !important
}

li:nth-child(4) .countdown.countdown--fast i:nth-last-child(8):after {
  animation-duration: 2350ms !important
}

li:nth-child(4) .countdown.countdown--fast i:nth-last-child(9):after {
  animation-duration: 2500ms !important
}

li:nth-child(4) .countdown.countdown--fast i:nth-last-child(10):after {
  animation-duration: 2650ms !important
}

li:nth-child(5) .countdown.countdown--fast i:nth-last-child(1):after {
  animation-duration: 1400ms !important
}

li:nth-child(5) .countdown.countdown--fast i:nth-last-child(2):after {
  animation-duration: 1550ms !important
}

li:nth-child(5) .countdown.countdown--fast i:nth-last-child(3):after {
  animation-duration: 1700ms !important
}

li:nth-child(5) .countdown.countdown--fast i:nth-last-child(4):after {
  animation-duration: 1850ms !important
}

li:nth-child(5) .countdown.countdown--fast i:nth-last-child(5):after {
  animation-duration: 2000ms !important
}

li:nth-child(5) .countdown.countdown--fast i:nth-last-child(6):after {
  animation-duration: 2150ms !important
}

li:nth-child(5) .countdown.countdown--fast i:nth-last-child(7):after {
  animation-duration: 2300ms !important
}

li:nth-child(5) .countdown.countdown--fast i:nth-last-child(8):after {
  animation-duration: 2450ms !important
}

li:nth-child(5) .countdown.countdown--fast i:nth-last-child(9):after {
  animation-duration: 2600ms !important
}

li:nth-child(5) .countdown.countdown--fast i:nth-last-child(10):after {
  animation-duration: 2750ms !important
}

li:nth-child(6) .countdown.countdown--fast i:nth-last-child(1):after {
  animation-duration: 1500ms !important
}

li:nth-child(6) .countdown.countdown--fast i:nth-last-child(2):after {
  animation-duration: 1650ms !important
}

li:nth-child(6) .countdown.countdown--fast i:nth-last-child(3):after {
  animation-duration: 1800ms !important
}

li:nth-child(6) .countdown.countdown--fast i:nth-last-child(4):after {
  animation-duration: 1950ms !important
}

li:nth-child(6) .countdown.countdown--fast i:nth-last-child(5):after {
  animation-duration: 2100ms !important
}

li:nth-child(6) .countdown.countdown--fast i:nth-last-child(6):after {
  animation-duration: 2250ms !important
}

li:nth-child(6) .countdown.countdown--fast i:nth-last-child(7):after {
  animation-duration: 2400ms !important
}

li:nth-child(6) .countdown.countdown--fast i:nth-last-child(8):after {
  animation-duration: 2550ms !important
}

li:nth-child(6) .countdown.countdown--fast i:nth-last-child(9):after {
  animation-duration: 2700ms !important
}

li:nth-child(6) .countdown.countdown--fast i:nth-last-child(10):after {
  animation-duration: 2850ms !important
}

.countdown.visible i:nth-child(1):after, .countdown.visible i:nth-child(2):after, .countdown.visible i:nth-child(3):after, .countdown.visible i:nth-child(4):after, .countdown.visible i:nth-child(5):after, .countdown.visible i:nth-child(6):after, .countdown.visible i:nth-child(7):after, .countdown.visible i:nth-child(8):after, .countdown.visible i:nth-child(9):after, .countdown.visible i:nth-child(10):after, .countdown i:after {
  animation-timing-function: ease-out
}

@keyframes numbers-first-digit-fast {
  0% {
    top: 1em
  }

  50% {
    top: 1em
  }

  100% {
    top: 0
  }
}

@keyframes numbers-ones-fast {
  0% {
    top: 0
  }

  100% {
    top: -10em
  }
}

@keyframes numbers-tens-fast {
  0% {
    top: 0
  }

  100% {
    top: -9em
  }
}

@keyframes numbers-hundreds-fast {
  0% {
    top: 0
  }

  100% {
    top: -8em
  }
}

@keyframes numbers-thousands-fast {
  0% {
    top: 0
  }

  100% {
    top: -7em
  }
}

@keyframes numbers-tenthousands-fast {
  0% {
    top: 0
  }

  100% {
    top: -6em
  }
}

.pie, .pie > div {
  width: 160px;
  height: 160px;
  margin: 0 auto
}

  .pie > div {
    position: absolute;
    top: 0;
    left: 0;
    -moz-transition: top 300ms 1s ease-in-out,left 300ms 1s ease-in-out;
    transition: top 300ms 1s ease-in-out,left 300ms 1s ease-in-out
  }

    .pie > div.noanim {
      top: 0 !important;
      left: 0 !important
    }

    .pie > div > div {
      position: absolute;
      width: 80px;
      height: 160px;
      overflow: hidden;
      left: 80px;
      -moz-transform-origin: left center;
      -ms-transform-origin: left center;
      -o-transform-origin: left center;
      -webkit-transform-origin: left center;
      transform-origin: left center;
      -moz-transition: transform 1s ease-in-out;
      transition: transform 1s ease-in-out;
      transform: rotate(0deg)
    }

      .pie > div > div:before {
        content: "";
        position: absolute;
        width: 80px;
        height: 160px;
        left: -80px;
        border-radius: 80px 0 0 80px;
        -moz-transform-origin: right center;
        -ms-transform-origin: right center;
        -o-transform-origin: right center;
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -moz-transition: transform 1s ease-in-out;
        transition: transform 1s ease-in-out;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover
      }

  .pie ul {
    position: absolute;
    padding: 0;
    margin: 0
  }

  .pie li {
    position: absolute;
    height: 1em;
    margin-top: -0.5em;
    opacity: 0;
    -moz-transition: opacity 1s 300ms;
    transition: opacity 1s 300ms
  }

  .pie.visible li {
    opacity: 1
  }

  .pie .inner-legend {
    display: none;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.01em
  }

    .pie .inner-legend li {
      width: 4em;
      margin-left: -2em;
      text-align: center;
      text-shadow: 0 1px 6px #000
    }

  .pie .outer-legend {
    top: -93.3333333333px;
    bottom: -93.3333333333px;
    left: -35px;
    right: -35px
  }

    .pie .outer-legend li {
      width: 8em;
      margin-left: 0;
      height: auto
    }

      .pie .outer-legend li:nth-child(4n-3), .pie .outer-legend li:nth-child(4n-2) {
        right: 0;
        text-align: right
      }

      .pie .outer-legend li:nth-child(4n+2), .pie .outer-legend li:nth-child(4n+3) {
        bottom: 0
      }

@media only screen and (min-width:320px) {
  .pie .outer-legend {
    top: -70px;
    bottom: -70px;
    left: -70px;
    right: -70px
  }
}

@media only screen and (min-width:480px) {
  .pie .inner-legend {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em
  }

  .pie .outer-legend {
    top: -20%;
    bottom: -20%;
    left: -25%;
    right: -25%
  }
}

@media only screen and (min-width:500px) {
  .pie .outer-legend {
    top: -5%;
    bottom: -10%;
    left: -27%;
    right: -27%
  }

    .pie .outer-legend li {
      width: auto
    }
}

.pie > div > div {
  display: none
}

  .pie > div > div:first-child {
    display: block
  }

.pie > div:nth-of-type(1) > div:before {
  background-color: #79091B
}

.pie > div:nth-of-type(2) > div:before {
  background-color: #C4000E
}

.pie > div:nth-of-type(3) > div:before {
  background-color: #FF8F8F
}

.pie > div:nth-of-type(4) > div:before {
  background-color: #C4000E
}

.pie > div:after {
  content: "";
  position: absolute;
  inset: 20%;
  border-radius: 100%;
  background-color: #fff
}

.pie > div > div {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.pie.visible > div[data-startpct="0"] > div:first-child {
  -webkit-transform: rotate(-45.1deg);
  -moz-transform: rotate(-45.1deg);
  -ms-transform: rotate(-45.1deg);
  -o-transform: rotate(-45.1deg);
  transform: rotate(-45.1deg)
}

.pie.visible > div[data-startpct="29"] > div:first-child {
  -webkit-transform: rotate(59.3deg);
  -moz-transform: rotate(59.3deg);
  -ms-transform: rotate(59.3deg);
  -o-transform: rotate(59.3deg);
  transform: rotate(59.3deg)
}

.pie.visible > div[data-valuepct="21"] > div:first-child:before {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg)
}

.pie > div > div {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.pie.visible > div[data-startpct="0"] > div:first-child {
  -webkit-transform: rotate(-45.1deg);
  -moz-transform: rotate(-45.1deg);
  -ms-transform: rotate(-45.1deg);
  -o-transform: rotate(-45.1deg);
  transform: rotate(-45.1deg)
}

.pie.visible > div[data-valuepct="8"] > div:first-child:before {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg)
}

.pie.visible > div[data-startpct="0"][data-valuepct="8"] {
  left: -1.5271242473%;
  top: -2.582226081%
}

.pie.visible > .inner-legend li[data-startpct="0"][data-valuepct="8"] {
  left: -22.397822293%;
  top: -37.8726491882%
}

.pie.visible > div[data-startpct="8"] > div:first-child {
  -webkit-transform: rotate(-16.3deg);
  -moz-transform: rotate(-16.3deg);
  -ms-transform: rotate(-16.3deg);
  -o-transform: rotate(-16.3deg);
  transform: rotate(-16.3deg)
}

.pie.visible > div[data-valuepct="21"] > div:first-child:before {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg)
}

.pie.visible > div[data-startpct="8"][data-valuepct="21"] {
  left: 0.6883929135%;
  top: -1.7386820286%
}

.pie.visible > .inner-legend li[data-startpct="8"][data-valuepct="21"] {
  left: 12.4536536173%;
  top: -31.4543385176%
}

.pie.visible > div[data-startpct="29"] > div:first-child {
  -webkit-transform: rotate(59.3deg);
  -moz-transform: rotate(59.3deg);
  -ms-transform: rotate(59.3deg);
  -o-transform: rotate(59.3deg);
  transform: rotate(59.3deg)
}

.pie.visible > div[data-valuepct="22"] > div:first-child:before {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg)
}

.pie.visible > div[data-startpct="29"][data-valuepct="22"] {
  left: 1.8173465467%;
  top: 0.2878394157%
}

.pie.visible > .inner-legend li[data-startpct="29"][data-valuepct="22"] {
  left: 33.1468207104%;
  top: 5.2499406468%
}

.pie.visible > div[data-startpct="51"] > div:first-child {
  -webkit-transform: rotate(138.5deg);
  -moz-transform: rotate(138.5deg);
  -ms-transform: rotate(138.5deg);
  -o-transform: rotate(138.5deg);
  transform: rotate(138.5deg)
}

.pie.visible > div[data-valuepct="49"] > div:first-child:before {
  -webkit-transform: rotate(176.5deg);
  -moz-transform: rotate(176.5deg);
  -ms-transform: rotate(176.5deg);
  -o-transform: rotate(176.5deg);
  transform: rotate(176.5deg)
}

.pie.visible > div[data-startpct="51"][data-valuepct="49"] {
  left: -0.7508376862%;
  top: 0.7050835191%
}

.pie.visible > .inner-legend li[data-startpct="51"][data-valuepct="49"] {
  left: -19.1500058424%;
  top: 17.9830524727%
}

.pie .inner-legend li {
  width: 4em;
  height: 4em;
  margin-top: -2em;
  margin-left: -2em;
  line-height: 3.75;
  text-align: center;
  text-shadow: 0 1px 6px #000
}

@media only screen and (min-width:480px) {
  .pie, .pie > div {
    width: 260px;
    height: 260px
  }

    .pie > div > div {
      width: 130px;
      height: 260px;
      left: 130px
    }

      .pie > div > div:before {
        width: 130px;
        height: 260px;
        left: -130px;
        border-radius: 130px 0 0 130px
      }
}

@media only screen and (min-width:640px) {
  .pie, .pie > div {
    width: 340px;
    height: 340px
  }

    .pie > div > div {
      width: 170px;
      height: 340px;
      left: 170px
    }

      .pie > div > div:before {
        width: 170px;
        height: 340px;
        left: -170px;
        border-radius: 170px 0 0 170px
      }
}

@media only screen and (min-width:960px) {
  .pie, .pie > div {
    width: 460px;
    height: 460px
  }

    .pie > div > div {
      width: 230px;
      height: 460px;
      left: 230px
    }

      .pie > div > div:before {
        width: 230px;
        height: 460px;
        left: -230px;
        border-radius: 230px 0 0 230px
      }
}

a.close {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 30px;
  height: 30px;
  z-index: 60;
  cursor: pointer
}

  a.close:before, a.close:after {
    content: "";
    width: 26px;
    height: 3px;
    position: absolute;
    top: 50%;
    opacity: 0;
    background-color: #000;
    -moz-transition: opacity 300ms,-moz-transform 300ms;
    transition: opacity 300ms,transform 300ms;
    will-change: opacity,transform
  }

  a.close:not(.close--nodelay):before, a.close:not(.close--nodelay):after {
    -moz-transition: opacity 300ms,-moz-transform 300ms 300ms;
    transition: opacity 300ms,transform 300ms 300ms
  }

  a.close:before {
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

.ti-foldout--open a.close:before {
  opacity: 1;
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.ti-foldout--open a.close:after {
  opacity: 1;
  -moz-transform: rotate(45deg);
  transform: rotate(45deg)
}

.ti-foldout {
  display: block;
  overflow: hidden;
  -moz-transition: max-height 400ms ease-in-out,padding 300ms ease-in-out;
  transition: max-height 400ms ease-in-out,padding 300ms ease-in-out;
  max-height: 0
}

  .ti-foldout.ti-foldout--open {
    max-height: 20em !important
  }

    .ti-foldout.ti-foldout--open.ti-details--xl {
      max-height: 100em !important
    }

.ti-foldout-container {
  position: relative
}

  .ti-foldout-container > .ti-foldout--summary {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
  }

.ti-foldout--open .ti-foldout--hide-on-open {
  display: none
}

.js .ti-foldout:not(.ti-foldout--open):not(.ti-foldout--preview) {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.no-js .ti-foldout {
  max-height: none !important
}

.no-js .ti-foldout--summary {
  display: none
}

h1 {
  color: #79091B
}

  h1:after {
    background-color: #79091B !important
  }

.img-profile-juan {
  background-position: -30px -37px !important
}

.show .show .img-profile-juan {
  background-position: -50px 6px !important
}

.img-profile-davidtveit {
  background-position: -20px -16px !important
}

.show .show .img-profile-davidtveit {
  background-position: left 25px !important
}

.img-profile-mikkelagerbaek {
  background-position: -63px -15px !important
}

.show .show .img-profile-metteglavind, .show .show .img-profile-sunedowler, .show .show .img-profile-mikkelagerbaek {
  background-position: -33px 52px !important
}

.show .show .img-profile-annelise {
  background-position: -43px 72px !important
}

.container.aboutus.visible:before, .container.aboutus > .row:before {
  background-position: center center;
  background-repeat: no-repeat
}

body .container.aboutus > .row:nth-child(1):before {
  background-image: url("/_/custom/landingpages/aboutus/img/bg-top-frame1-2025-alt.jpg")
}

body .container.aboutus > .row:nth-child(2):before {
  background-image: url("/_/custom/landingpages/aboutus/img/bg-top-frame2-2025-alt2.jpg")
}

body .container.aboutus > .row:nth-child(3):before {
  background-image: url("/_/custom/landingpages/aboutus/img/bg-top-frame3-2026-alt.jpg")
}


footer.container {
    max-width: none;
}