/* Eric Meijer Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

/*# sourceMappingURL=reset.css.map */
*:after, *:before {
  content: ""; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

ul li {
  padding: 0;
  background: none; }

a {
  text-decoration: none; }

/*
0 - 600pix: Phone
600-900pix: Tablet portrait
900-1200px: Tablet landscape
1200-1800pixels: normal styles apply
1800pixelsx+: big desktops

Watchout: you cannot use rems in media queries, they are not affected. Therefore we need to use em's.

break point             | pixels  | ems (=px/16)
phone                   | 600     | 37.5
tablet                  | 800     | 50
laptop                  | 900     | 56.25
desktop                 | 1500    | 73.75
large-deskto            | 20000   | 125

* normal desktop breaks on 1000, yfn breaks on 900

 */
i[class*=icon-] {
  position: relative;
  display: inline-block;
  font-style: normal;
  background-color: currentColor;
  vertical-align: middle; }

i[class*=icon-]:after, i[class*=icon-]:before {
  content: "";
  border-width: 0;
  position: absolute; }

i.icon-edit {
  margin: 0.2em;
  background-color: transparent;
  width: .6em;
  height: .4em;
  border-width: 0 .065em .065em 0;
  border-style: solid;
  border-radius: 0 0 .05em .05em;
  clip-path: polygon(0.6em 0, 0.5em 0.1em, 0.5em 0, 0.8em -0.3em, 0.5em -2em, 0 -0.2em, 0 0.6em, 0.6em 0.4em);
  overflow: visible; }
  i.icon-edit:before {
    width: .4em;
    height: .6em;
    border-width: .065em 0 0 .065em;
    border-style: solid;
    border-radius: .05em 0 0 .05em;
    top: -.225em;
    left: 0;
    clip-path: polygon(0 0, 0.4em 0, 0.3em 0.1em, 0.4em 0.6em, 0 0.6em); }
  i.icon-edit:after {
    content: '';
    width: .13em;
    height: .7em;
    border-width: .00em;
    border-radius: .065em .065em 0 0;
    background-color: currentColor;
    top: -.4em;
    left: .4em;
    clip-path: polygon(0 0, 0.13em 0, 0.13em 0.1em, 0.065em 0.1em, 0.065em 0.13em, 0.13em 0.13em, 0.13em 0.5em, 0.065em 0.5em, 0.065em 0.535em, 0.13em 0.535em, 0.065em 0.67em, 0 0.535em, 0.065em 0.535em, 0.065em 0.5em, 0 0.5em, 0 0.13em, 0.065em 0.13em, 0.065em 0.1em, 0 0.1em);
    transform: rotate(45deg) translateX(-0.025em); }

i.icon-external-link, i.icon-external-link:before {
  border-width: .1em;
  border-style: solid;
  background-color: transparent; }

i.icon-external-link {
  width: .6em;
  height: .8em;
  border-color: currentColor transparent transparent currentColor;
  border-radius: .05em 0 0 .05em;
  margin: 0.2em 0.4em 0 0; }

i.icon-external-link:before {
  width: .8em;
  height: .5em;
  border-color: transparent currentColor currentColor;
  border-radius: .05em 0 .05em .05em;
  top: .2em;
  left: -0.1em; }

i.icon-external-link:after {
  background-color: transparent;
  border: .2em solid transparent;
  border-left-color: currentColor;
  border-right-width: .8em;
  box-shadow: -.7em 0 0 -.12em;
  transform: rotate(-45deg);
  top: -.65em;
  left: 0.6em; }

i.icon-external-link:hover:after {
  transform: rotate(-45deg) translate(0.2em); }

i.icon-gear {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: red;
  border: 0.286rem solid white; }
  i.icon-gear:before, i.icon-gear:after {
    content: "\00d7";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font: normal 2.4em/1 Arial, sans-serif;
    color: white; }
  i.icon-gear:after {
    transform: translate(-50%, -50%) rotate(45deg); }

i.icon-mobile {
  width: 0.6em;
  height: 1em;
  border-style: solid;
  border-width: 0.065em;
  border-radius: 0.08em;
  margin: 0 0.2em;
  background-color: transparent; }
  i.icon-mobile:after, i.icon-mobile:before {
    width: 0.6em;
    border-radius: 0.05em;
    left: -0.06em;
    border-style: solid; }
  i.icon-mobile:before {
    height: 0.12em;
    border-width: 0.05em 0.2em;
    top: -0.04em; }
  i.icon-mobile:after {
    height: 0.1em;
    left: -0.065em;
    border-width: 0.03em 0.26em;
    top: 0.8em; }

i.icon-contact-us {
  margin: 0em 0.07em 0.16em 0.07em;
  background-color: transparent;
  width: 0.85em;
  height: 0.6em;
  border-width: 0 0.065em 0.065em;
  border-style: solid;
  border-radius: 0.05em; }
  i.icon-contact-us:before {
    width: 0.5em;
    height: 0.5em;
    border: 0.063em solid currentColor;
    border-radius: 0.03em;
    top: -0.225em;
    left: 0.12em;
    transform: rotate(36.5deg) skew(-20deg); }
  i.icon-contact-us:after {
    width: 0.4em;
    height: 0.28em;
    border: 0.05em solid transparent;
    border-width: 0.08em 0.07em 0.05em;
    top: -0.1em;
    left: 50%;
    box-shadow: -0.05em -0.05em 0 -0em, 0.05em -0.05em 0 -0em, 0 0.155em 0 -0.1em, inset 0 -0.05em, inset 0 0.05em;
    transform: translateX(-50%) rotate(-3deg);
    animation: icon-contact-shake-letter 2s linear infinite; }

@keyframes icon-contact-shake-letter {
  0% {
    transform: translateX(-50%) rotate(-3deg); }
  50% {
    transform: translateX(-50%) rotate(15deg); } }
i.icon-search {
  top: -0.22em;
  left: 0;
  margin: 0 0.3em 0 0.1em;
  width: 0.5em;
  height: 0.5em;
  border-width: 0.08em;
  border-style: solid;
  border-radius: 100%;
  background: transparent; }
  i.icon-search:before {
    display: block;
    position: absolute;
    top: 0.15em;
    left: 0.06em;
    width: 0.2em;
    height: 0.2em;
    border-radius: 20em;
    background-color: var(--section-color);
    filter: blur(0.05em);
    transition: 0.5s filter ease-out; }
  i.icon-search:hover:before {
    filter: blur(0); }
  i.icon-search:after {
    width: 0.065em;
    height: 0.435em;
    border-radius: 0 0 0.065em 0.065em;
    background: currentColor;
    top: 0;
    left: 0;
    clip-path: polygon(0.065em 0.435em, 0em 0.435em, 0em 0.385em, 0.0325em 0.385em, 0.0325em 0.37em, 0em 0.37em, 0em 0.085em, 0.0175em 0.085em, 0.0175em 0em, 0.0475em 0em, 0.0475em 0.085em, 0.065em 0.085em, 0.065em 0.37em, 0.0325em 0.37em, 0.0325em 0.385em, 0.065em 0.385em);
    transform-origin: top left;
    transform: rotate(-45deg) translate(-0.05em, 0.51em); }

.icon.social {
  width: 3.6em;
  height: 3.6em;
  border-radius: 15%; }
  .icon.social:before {
    content: "";
    position: absolute;
    background: white;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    border-radius: 15%; }
  .icon.social:after {
    content: "";
    position: absolute;
    background: inherit;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    border-radius: 15%;
    box-shadow: inset 0 0 1em #ffffff; }
  .icon.social:hover {
    color: white;
    box-shadow: 0 0.5em 1.5em rgba(145, 92, 182, 0.4); }
  .icon.social.twitter {
    background: #38a1f3; }
    .icon.social.twitter .sign-twitter {
      position: absolute;
      left: 0.2em;
      top: 0.1em;
      width: 1.4em;
      height: 2.3em;
      color: white;
      z-index: 1;
      border-radius: 0 0 0 0.8em;
      box-shadow: -0.6em 0.2em 0 0;
      margin: 0.4em 0.7em 0.7em 1.3em;
      text-decoration: none; }
      .icon.social.twitter .sign-twitter:before {
        content: "";
        position: absolute;
        bottom: -0.2em;
        left: -0.6em;
        width: 1.7em;
        height: 0.6em;
        color: white;
        border-radius: 0 0 0 0.8em;
        box-shadow: inset 0.4em -0.6em, 0 -1.1em; }
      .icon.social.twitter .sign-twitter:after {
        content: "";
        position: absolute;
        width: 0.6em;
        height: 0.6em;
        box-shadow: inset 0 0 0 3.2em, 1.3rem 0.8em, 1.3em 1.9em;
        border-radius: 50%;
        left: -0.6em; }
  .icon.social.rss {
    background: #ee802f;
    box-sizing: content-box; }
    .icon.social.rss .sign-rss {
      position: absolute;
      color: white;
      width: 2.2em;
      height: 2.2em;
      overflow: hidden;
      margin: 0.6em;
      z-index: 5; }
      .icon.social.rss .sign-rss:after, .icon.social.rss .sign-rss:before {
        content: "";
        position: absolute;
        border-radius: 50%; }
      .icon.social.rss .sign-rss:before {
        animation: rss-blink-core 5s infinite;
        width: 0.6em;
        height: 0.6em;
        box-shadow: 0 0 0 0.3em inset;
        left: 0;
        bottom: 0; }
      .icon.social.rss .sign-rss:after {
        width: 2.2em;
        height: 2.2em;
        right: 0.4em;
        top: 0.4em;
        color: white;
        border: 0.4em solid transparent;
        animation: rss-radiation 5s infinite; }

@keyframes rss-blink-core {
  0% {
    opacity: 0; }
  25%,
  100% {
    opacity: 1; } }
@keyframes rss-radiation {
  0% {
    opacity: 0; }
  25% {
    box-shadow: inset 0 0 0 0.4em; }
  50%,
  100% {
    box-shadow: inset 0 0 0 0.4em, 0 0 0 0.4em; } }
*, *:after, *:before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  /* default font size of browsers is 16 px. */
  font-size: 62.5%;
 /* default font size of browsers is 16 px. This means that wherever we use rem
1.0rem = 10px
1.4rem = 14px
1.8rem = 28px
2.2rem = 22px
now we've set this, we should actually only make use of rem from now on! */
  --dev-profile: "extreme";
  box-sizing: border-box; }
  @media (max-width: 125em) {
    html {
      --dev-profile: "large desktop"; } }
  @media (max-width: 73.8em) {
    html {
      --dev-profile: "desktop"; } }
  @media (max-width: 56.3em) {
    html {
      font-size: 55%;
      --dev-profile: "laptop"; } }
  @media (max-width: 50em) {
    html {
      font-size: 50%;
      --dev-profile: "tablet"; } }
  @media (max-width: 37.5em) {
    html {
      font-size: 45%;
      --dev-profile: "phone"; } }

body {
  font-size: 2rem;
  line-height: 2rem;
  font-family: "roboto light", sans-serif;
  color: black;
  --section-color: #090;
  --background-play-state: running;
  background: var(--section-color); }
  body.home, body.daytoday, body.day2day {
    --section-color: #090 ; }
  body.erwinvanlun {
    --section-color: #09c; }
  body.books {
    --section-color: #00f; }
  body.speeches {
    --section-color: #609; }
  body.workshops {
    --section-color: #f09; }
  body.trends {
    --section-color: #f00; }
  body.bemer {
    --section-color: #ff7400; }
  body.env-local:before, body.env-local:after, body.env-dev:before, body.env-dev:after {
    position: fixed;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background: pink; }
  body.env-local:before, body.env-dev:before {
    font-size: 20rem;
    content: var(--dev-profile);
    color: transparent;
    -webkit-text-stroke: 0.3rem navy;
    text-align: center;
    height: .2vw;
    width: 100vw;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: pink; }
  body.env-local:after, body.env-dev:after {
    width: .2vw;
    height: 100%; }

@keyframes clock {
  0% {
    transform: rotate(-45deg); }
  1.66% {
    transform: rotate(-39deg); }
  3.32% {
    transform: rotate(-33deg); }
  4.98% {
    transform: rotate(-27deg); }
  6.64% {
    transform: rotate(-21deg); }
  8.3% {
    transform: rotate(-15deg); }
  9.96% {
    transform: rotate(-9deg); }
  11.62% {
    transform: rotate(-3deg); }
  13.28% {
    transform: rotate(3deg); }
  14.94% {
    transform: rotate(9deg); }
  16.6% {
    transform: rotate(15deg); }
  18.26% {
    transform: rotate(21deg); }
  19.92% {
    transform: rotate(27deg); }
  21.58% {
    transform: rotate(33deg); }
  23.24% {
    transform: rotate(39deg); }
  24.9% {
    transform: rotate(45deg); }
  26.56% {
    transform: rotate(51deg); }
  28.22% {
    transform: rotate(57deg); }
  29.88% {
    transform: rotate(63deg); }
  31.54% {
    transform: rotate(69deg); }
  33.2% {
    transform: rotate(75deg); }
  34.86% {
    transform: rotate(81deg); }
  36.52% {
    transform: rotate(87deg); }
  38.18% {
    transform: rotate(93deg); }
  39.84% {
    transform: rotate(99deg); }
  41.5% {
    transform: rotate(105deg); }
  43.16% {
    transform: rotate(111deg); }
  44.82% {
    transform: rotate(117deg); }
  46.48% {
    transform: rotate(123deg); }
  48.14% {
    transform: rotate(129deg); }
  49.8% {
    transform: rotate(135deg); }
  51.46% {
    transform: rotate(141deg); }
  53.12% {
    transform: rotate(147deg); }
  54.78% {
    transform: rotate(153deg); }
  56.44% {
    transform: rotate(159deg); }
  58.1% {
    transform: rotate(165deg); }
  59.76% {
    transform: rotate(171deg); }
  61.42% {
    transform: rotate(177deg); }
  63.08% {
    transform: rotate(183deg); }
  64.74% {
    transform: rotate(189deg); }
  66.4% {
    transform: rotate(195deg); }
  68.06% {
    transform: rotate(201deg); }
  69.72% {
    transform: rotate(207deg); }
  71.38% {
    transform: rotate(213deg); }
  73.04% {
    transform: rotate(219deg); }
  74.7% {
    transform: rotate(225deg); }
  76.36% {
    transform: rotate(231deg); }
  78.02% {
    transform: rotate(237deg); }
  79.68% {
    transform: rotate(243deg); }
  81.34% {
    transform: rotate(249deg); }
  83% {
    transform: rotate(255deg); }
  84.66% {
    transform: rotate(261deg); }
  86.32% {
    transform: rotate(267deg); }
  87.98% {
    transform: rotate(273deg); }
  89.64% {
    transform: rotate(279deg); }
  91.3% {
    transform: rotate(285deg); }
  92.96% {
    transform: rotate(291deg); }
  94.62% {
    transform: rotate(297deg); }
  96.28% {
    transform: rotate(303deg); }
  97.94% {
    transform: rotate(309deg); }
  100% {
    transform: rotate(315deg); } }
@keyframes clock-tile {
  0% {
    transform: rotate(45deg); }
  1.66% {
    transform: rotate(39deg); }
  3.32% {
    transform: rotate(33deg); }
  4.98% {
    transform: rotate(27deg); }
  6.64% {
    transform: rotate(21deg); }
  8.3% {
    transform: rotate(15deg); }
  9.96% {
    transform: rotate(9deg); }
  11.62% {
    transform: rotate(3deg); }
  13.28% {
    transform: rotate(-3deg); }
  14.94% {
    transform: rotate(-9deg); }
  16.6% {
    transform: rotate(-15deg); }
  18.26% {
    transform: rotate(-21deg); }
  19.92% {
    transform: rotate(-27deg); }
  21.58% {
    transform: rotate(-33deg); }
  23.24% {
    transform: rotate(-39deg); }
  24.9% {
    transform: rotate(-45deg); }
  26.56% {
    transform: rotate(-51deg); }
  28.22% {
    transform: rotate(-57deg); }
  29.88% {
    transform: rotate(-63deg); }
  31.54% {
    transform: rotate(-69deg); }
  33.2% {
    transform: rotate(-75deg); }
  34.86% {
    transform: rotate(-81deg); }
  36.52% {
    transform: rotate(-87deg); }
  38.18% {
    transform: rotate(-93deg); }
  39.84% {
    transform: rotate(-99deg); }
  41.5% {
    transform: rotate(-105deg); }
  43.16% {
    transform: rotate(-111deg); }
  44.82% {
    transform: rotate(-117deg); }
  46.48% {
    transform: rotate(-123deg); }
  48.14% {
    transform: rotate(-129deg); }
  49.8% {
    transform: rotate(-135deg); }
  51.46% {
    transform: rotate(-141deg); }
  53.12% {
    transform: rotate(-147deg); }
  54.78% {
    transform: rotate(-153deg); }
  56.44% {
    transform: rotate(-159deg); }
  58.1% {
    transform: rotate(-165deg); }
  59.76% {
    transform: rotate(-171deg); }
  61.42% {
    transform: rotate(-177deg); }
  63.08% {
    transform: rotate(-183deg); }
  64.74% {
    transform: rotate(-189deg); }
  66.4% {
    transform: rotate(-195deg); }
  68.06% {
    transform: rotate(-201deg); }
  69.72% {
    transform: rotate(-207deg); }
  71.38% {
    transform: rotate(-213deg); }
  73.04% {
    transform: rotate(-219deg); }
  74.7% {
    transform: rotate(-225deg); }
  76.36% {
    transform: rotate(-231deg); }
  78.02% {
    transform: rotate(-237deg); }
  79.68% {
    transform: rotate(-243deg); }
  81.34% {
    transform: rotate(-249deg); }
  83% {
    transform: rotate(-255deg); }
  84.66% {
    transform: rotate(-261deg); }
  86.32% {
    transform: rotate(-267deg); }
  87.98% {
    transform: rotate(-273deg); }
  89.64% {
    transform: rotate(-279deg); }
  91.3% {
    transform: rotate(-285deg); }
  92.96% {
    transform: rotate(-291deg); }
  94.62% {
    transform: rotate(-297deg); }
  96.28% {
    transform: rotate(-303deg); }
  97.94% {
    transform: rotate(-309deg); }
  100% {
    transform: rotate(-315deg); } }
.tiles__container {
  --tile-size: 100px;
  position: fixed;
  display: grid;
  display: none;
  top: calc(-1 * 50vw);
  left: calc(-1 * 50vh);
  width: calc(100vw + 100vh);
  height: calc(100vw + 100vh);
  grid-gap: calc(.03 * var(--tile-size));
  grid-template-columns: repeat(auto-fit, minmax(var(--tile-size), 1fr));
  grid-auto-rows: var(--tile-size);
  grid-auto-flow: dense;
  transform-origin: 50% 50%;
  animation: clock infinite 180s;
  animation-play-state: var(--background-play-state);
  z-index: -1; }
  .tiles__container:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: pink;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; }
  .tiles__container .tile {
    overflow: hidden; }
    .tiles__container .tile:nth-child(30n + 0) {
      background: #21bb72; }
    .tiles__container .tile:nth-child(30n + 1) {
      background: #f3c7be; }
    .tiles__container .tile:nth-child(30n + 2) {
      background: #1cf368; }
    .tiles__container .tile:nth-child(30n + 3) {
      background: #a2ba9a; }
    .tiles__container .tile:nth-child(30n + 4) {
      background: #01d527; }
    .tiles__container .tile:nth-child(30n + 5) {
      background: #fac5e9; }
    .tiles__container .tile:nth-child(30n + 6) {
      background: #5adc39; }
    .tiles__container .tile:nth-child(30n + 7) {
      background: #b7d50d; }
    .tiles__container .tile:nth-child(30n + 8) {
      background: #02f9f8; }
    .tiles__container .tile:nth-child(30n + 9) {
      background: #840cce; }
    .tiles__container .tile:nth-child(30n + 10) {
      background: #4f8ce0; }
    .tiles__container .tile:nth-child(30n + 11) {
      background: #9203d1; }
    .tiles__container .tile:nth-child(30n + 12) {
      background: #c6791f; }
    .tiles__container .tile:nth-child(30n + 13) {
      background: #7553cb; }
    .tiles__container .tile:nth-child(30n + 14) {
      background: #43cfcd; }
    .tiles__container .tile:nth-child(30n + 15) {
      background: #6f0752; }
    .tiles__container .tile:nth-child(30n + 16) {
      background: #8934b0; }
    .tiles__container .tile:nth-child(30n + 17) {
      background: #399abc; }
    .tiles__container .tile:nth-child(30n + 18) {
      background: #e00485; }
    .tiles__container .tile:nth-child(30n + 19) {
      background: #7e2b73; }
    .tiles__container .tile:nth-child(30n + 20) {
      background: #1fc277; }
    .tiles__container .tile:nth-child(30n + 21) {
      background: #9f6860; }
    .tiles__container .tile:nth-child(30n + 22) {
      background: #6709de; }
    .tiles__container .tile:nth-child(30n + 23) {
      background: #5a37c1; }
    .tiles__container .tile:nth-child(30n + 24) {
      background: #4a4508; }
    .tiles__container .tile:nth-child(30n + 25) {
      background: #c14828; }
    .tiles__container .tile:nth-child(30n + 26) {
      background: #c3bee1; }
    .tiles__container .tile:nth-child(30n + 27) {
      background: #a9fff6; }
    .tiles__container .tile:nth-child(30n + 28) {
      background: #e1e7b3; }
    .tiles__container .tile:nth-child(30n + 29) {
      background: #69c199; }
    .tiles__container .tile .tile-background {
      position: relative;
      overflow: hidden;
      background-position: center;
      transform-origin: center;
      animation: clock-tile infinite 180s;
      animation-play-state: var(--background-play-state);
      background-repeat: no-repeat; }
      .tiles__container .tile .tile-background:hover {
        transform: rotate(55deg); }
    .tiles__container .tile:hover {
      z-index: 10; }
  @media (max-width: 50em) {
    .tiles__container {
      --tile-size: 75px; } }
  @media (max-width: 37.5em) {
    .tiles__container {
      --tile-size: 50px; } }

.content-container {
  position: relative;
  width: 150rem;
  left: 50%;
  transform: translate(-50%, 10rem);
  margin-top: 5rem; }
  .content-container .card {
    box-shadow: 0 8rem 1.6rem 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    background: white;
    margin: 2rem; }
    .content-container .card:hover {
      box-shadow: 1.6rem 3.2rem 0 rgba(0, 0, 0, 0.2); }
  .content-container a {
    color: var(--section-color); }
    .content-container a i.icon {
      margin-left: .2rem;
      vertical-align: top; }
    .content-container a:hover {
      color: #000 !important;
      text-decoration: underline; }
  .content-container ul {
    margin: 1em 0; }
    .content-container ul li {
      padding: 0;
      margin: 0 0 0 1.4em;
      list-style: none;
      line-height: 1.7em;
      display: block; }
      .content-container ul li:before {
        content: "";
        width: .3em;
        margin: 0;
        padding: 0;
        height: .3em;
        display: block;
        background-color: darkgrey;
        transform: translate(-1em, 1em);
        border-radius: 50%;
        box-shadow: 0 0 0.15em 0.1em var(--section-color); }
      .content-container ul li ul {
        margin: 0 0 0 .5em; }
        .content-container ul li ul li {
          margin-left: 1em; }
          .content-container ul li ul li:before {
            left: 2.3em; }
    .content-container ul.no-bullets li:before {
      display: none; }
  .content-container section {
    width: 100%; }
    .content-container section .section__heading {
      margin: 1rem 0;
      display: block;
      z-index: 1; }
      .content-container section .section__heading h1 {
        display: block;
        position: sticky;
        width: 100%;
        font-family: 'Raleway', sans-serif;
        font-size: 3rem;
        line-height: 3.6rem;
        color: white;
        background: var(--section-color);
        -webkit-text-stroke: 0.2rem white;
        opacity: .8;
        padding: 2rem; }
      .content-container section .section__heading .section__description {
        width: 90%;
        display: block;
        padding: 1rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background: white;
        border: 0.2rem solid var(--section-color);
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem; }
        .content-container section .section__heading .section__description h2 {
          font-size: 2.2rem;
          margin-bottom: 1rem; }
        .content-container section .section__heading .section__description p {
          width: 90%;
          font-size: 1.6rem;
          line-height: 1.6rem; }
    .content-container section .section__content {
      width: 100%; }
      .content-container section .section__content.observations, .content-container section .section__content.col3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        /* fix images blowing up the grid */
        grid-template-columns: minmax(0, 1fr) 33% 33%; }
      .content-container section .section__content.testimonials {
        display: grid;
        grid-template-columns: repeat(3, 1fr); }
      .content-container section .section__content.categories, .content-container section .section__content.col4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr); }
      .content-container section .section__content.bemer, .content-container section .section__content.col2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr); }
      .content-container section .section__content.col5 {
        display: grid;
        grid-template-columns: repeat(5, 1fr); }
      .content-container section .section__content:before, .content-container section .section__content:after {
        all: unset !important; }
      .content-container section .section__content .paginate {
        padding: 2rem;
        grid-column: 1 / -1;
        text-align: center;
        z-index: 1; }
  .content-container article {
    position: relative;
    padding: 3rem; }
    .content-container article h1, .content-container article h2, .content-container article h3, .content-container article h4 {
      font-family: 'Raleway', sans-serif; }
    .content-container article h1 {
      font-size: 5rem;
      font-weight: 500;
      line-height: 1.4;
      margin: 0 0 .8rem 0;
      color: black; }
    .content-container article h2 {
      margin: 2rem 0;
      font-size: 2.6rem;
      line-height: 3.4rem;
      font-weight: 400; }
    .content-container article h3, .content-container article h4 {
      font-size: 2rem;
      font-weight: 300; }
    .content-container article p {
      font-family: 'Raleway', sans-serif;
      font-size: 2rem;
      line-height: 2.6rem;
      margin: 1.5rem 0; }
      .content-container article p:before {
        content: "";
        width: 10rem;
        display: block;
        overflow: hidden; }
    .content-container article blockquote {
      font: italic 1.2em/1.4 "Times New Roman", Times, serif;
      color: #484848; }
      .content-container article blockquote:before, .content-container article blockquote:after {
        font: bold 4em/1 "Times New Roman", Times, serif;
        color: #ddd;
        display: inline-block; }
      .content-container article blockquote:before {
        content: "\201C";
        left: 0;
        margin: 0 -0.5em -0.5em 0; }
      .content-container article blockquote:after {
        content: "\201D";
        margin: -.5em 0 .5em 0;
        position: absolute;
        right: 0;
        text-align: right;
        transform: translateY(0.6em); }
    .content-container article video {
      position: relative;
      width: 90% !important;
      left: 5%; }
    .content-container article iframe {
      margin: .3rem .7rem .3rem 0;
      display: inline-block; }
    .content-container article img:not(.emoticon):not(.found):not([src*="/smileys/"]) {
      max-width: 47rem;
      float: left;
      width: auto;
      height: auto;
      margin: 2rem;
      border: 0.1rem solid var(--section-color); }
    .content-container article img.emoticon, .content-container article img[src*="/smileys/"] {
      display: inline;
      vertical-align: center;
      max-height: 1em;
      max-width: 1em;
      margin: 0 .1em; }
    .content-container article img.found {
      vertical-align: middle;
      border: none; }
    .content-container article figure {
      display: block;
      margin: .5rem;
      text-align: center; }
      .content-container article figure img {
        border: .1rem solid; }
    .content-container article table {
      border-collapse: collapse; }
      .content-container article table td {
        padding: .3rem;
        border: .1rem solid #dedede; }
    .content-container article i.icon-edit {
      position: absolute;
      font-size: 2.2rem;
      right: 0;
      top: 0;
      margin: 1.6rem; }
    .content-container article.testimonial h3 {
      font-size: 2rem; }
    .content-container article.testimonial .quotedata {
      color: #666;
      font-size: 1.2rem;
      line-height: 1.5rem;
      margin: .5rem 0 .5rem .5rem; }
    .content-container article.testimonial blockquote {
      position: relative; }
      .content-container article.testimonial blockquote img {
        float: left;
        border: .1rem solid;
        margin: .3rem 1rem .5rem 0; }
    .content-container article.observation:first-child {
      grid-column: 1 / -1; }
    .content-container article.observation .post-top {
      display: block;
      overflow: hidden; }
    .content-container article.observation .postmeta {
      font-size: 1.6rem;
      line-height: 2em;
      margin-bottom: 1.6em; }
    .content-container article.observation .post img, .content-container article.observation figure img, .content-container article.observation p img {
      border-color: var(--section-color); }
    .content-container article.observation .comment {
      overflow: hidden;
      padding: 1em 0;
      border-bottom: .1rem solid grey;
      margin-bottom: 2em; }
      .content-container article.observation .comment h2 {
        font-size: 1em;
        font-weight: normal; }
        .content-container article.observation .comment h2 a {
          font-weight: bold; }
        .content-container article.observation .comment h2 span {
          font-size: .9em; }
  .content-container footer {
    position: relative;
    width: 100%;
    background: lightgrey;
    opacity: .95;
    text-align: center;
    margin-bottom: 6rem;
    padding: 2rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
    .content-container footer .footer__listing {
      padding: 1rem;
      color: white; }
      .content-container footer .footer__listing h2 {
        font-size: 2rem;
        margin: 1rem;
        color: white; }
      .content-container footer .footer__listing li {
        font-size: 1.3rem; }
        .content-container footer .footer__listing li a, .content-container footer .footer__listing li a:hover {
          color: white !important; }
      .content-container footer .footer__listing.card {
        background: var(--section-color);
        opacity: .8; }
    .content-container footer:before, .content-container footer:after {
      all: unset !important; }
  @media (max-width: 125em) {
    .content-container {
      width: 100vw;
      left: 0;
      transform: translateY(10rem); } }
  @media (max-width: 73.8em) {
    .content-container section .section__content.observations {
      grid-template-columns: minmax(0, 1fr) 50%; } }
  @media (max-width: 56.3em) {
    .content-container section .section__content.testimonials, .content-container section .section__content.col3 {
      grid-template-columns: 1fr; }
    .content-container section .section__content.observations {
      grid-template-columns: minmax(0, 1fr); } }
  @media (max-width: 37.5em) {
    .content-container section .section__content.col2 {
      grid-template-columns: 1fr; }
    .content-container footer {
      grid-template-columns: 1fr; } }

input.text, textarea.text {
  border-color: var(--section-color); }

.hidden, #total1 {
  display: none !important; }

@keyframes circle-travel {
  0% {
    left: 50%;
    top: 15%; }
  2.5% {
    left: 55.4752062764%;
    top: 15.4309080792%; }
  5% {
    left: 60.8155948031%;
    top: 16.7130219297%; }
  7.5% {
    left: 65.8896674909%;
    top: 18.8147716534%; }
  10% {
    left: 70.5724838302%;
    top: 21.6844051969%; }
  12.5% {
    left: 74.7487373415%;
    top: 25.2512626585%; }
  15% {
    left: 78.3155948031%;
    top: 29.4275161698%; }
  17.5% {
    left: 81.1852283466%;
    top: 34.1103325091%; }
  20% {
    left: 83.2869780703%;
    top: 39.1844051969%; }
  22.5% {
    left: 84.5690919208%;
    top: 44.5247937236%; }
  25% {
    left: 85%;
    top: 50%; }
  27.5% {
    left: 84.5690919208%;
    top: 55.4752062764%; }
  30% {
    left: 83.2869780703%;
    top: 60.8155948031%; }
  32.5% {
    left: 81.1852283466%;
    top: 65.8896674909%; }
  35% {
    left: 78.3155948031%;
    top: 70.5724838302%; }
  37.5% {
    left: 74.7487373415%;
    top: 74.7487373415%; }
  40% {
    left: 70.5724838302%;
    top: 78.3155948031%; }
  42.5% {
    left: 65.8896674909%;
    top: 81.1852283465%; }
  45% {
    left: 60.8155948031%;
    top: 83.2869780701%; }
  47.5% {
    left: 55.4752062765%;
    top: 84.56909192%; }
  50% {
    left: 50.0000000004%;
    top: 84.9999999974%; }
  52.5% {
    left: 44.5247937247%;
    top: 84.5690919131%; }
  55% {
    left: 39.1844052001%;
    top: 83.2869780489%; }
  57.5% {
    left: 34.1103325181%;
    top: 81.1852282896%; }
  60% {
    left: 29.4275161936%;
    top: 78.3155946581%; }
  62.5% {
    left: 25.2512627193%;
    top: 74.7487369862%; }
  65% {
    left: 21.6844053464%;
    top: 70.5724829901%; }
  67.5% {
    left: 18.8147720089%;
    top: 65.889665568%; }
  70% {
    left: 16.7130227484%;
    top: 60.8155905336%; }
  72.5% {
    left: 15.43090991%;
    top: 55.4751970596%; }
  75% {
    left: 15.0000039834%;
    top: 49.9999806189%; }
  77.5% {
    left: 15.4309165266%;
    top: 44.5247539571%; }
  80% {
    left: 16.7130394185%;
    top: 39.1843254574%; }
  82.5% {
    left: 18.8148070537%;
    top: 34.110176029%; }
  85% {
    left: 21.6844753494%;
    top: 29.4272152625%; }
  87.5% {
    left: 25.2513989292%;
    top: 25.2506949798%; }
  90% {
    left: 29.42777593%;
    top: 21.6833533919%; }
  92.5% {
    left: 34.1108189167%;
    top: 18.8128558171%; }
  95% {
    left: 39.1853007626%;
    top: 16.7095882024%; }
  97.5% {
    left: 44.5264164425%;
    top: 15.4248474123%; } }
.header__container {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100vw; }
  .header__container header {
    position: absolute;
    width: 100rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    color: white; }
    .header__container header .header__chapeau {
      position: relative;
      padding-top: 0.2rem;
      height: 2.5rem; }
      .header__container header .header__chapeau:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: var(--section-color);
        opacity: 0.93;
        z-index: -1; }
      .header__container header .header__chapeau span {
        display: inline-block;
        position: absolute;
        font-size: 1.4rem;
        font-weight: 400; }
        .header__container header .header__chapeau span:nth-of-type(1) {
          left: 20%; }
        .header__container header .header__chapeau span:nth-of-type(2) {
          left: 50%;
          transform: translateX(-50%); }
        .header__container header .header__chapeau span:nth-of-type(3) {
          left: 70%; }
    .header__container header .header__logo-title-burger {
      position: relative;
      height: 4.4rem;
      width: 100%;
      overflow: hidden; }
      .header__container header .header__logo-title-burger .header__logo {
        position: absolute;
        height: 4.4rem;
        width: 4.4rem; }
        .header__container header .header__logo-title-burger .header__logo svg.logo--circle {
          width: 100%;
          height: 100%; }
          .header__container header .header__logo-title-burger .header__logo svg.logo--circle path.transparent {
            fill: var(--section-color);
            opacity: 0.93; }
          .header__container header .header__logo-title-burger .header__logo svg.logo--circle path.stroke {
            stroke: white;
            stroke-width: 0.5rem;
            fill: transparent; }
        .header__container header .header__logo-title-burger .header__logo .header__logo-circle-spot {
          position: absolute;
          animation: circle-travel 4s infinite;
          animation-play-state: var(--background-play-state);
          transform: translate(-50%, -50%);
          display: block;
          width: 0.66rem;
          height: 0.66rem;
          border: 0.5rem;
          z-index: 2;
          border-color: white;
          background: white;
          border-radius: 1000px; }
      .header__container header .header__logo-title-burger .header__pre-title-filler {
        width: 13.1rem;
        height: 100%;
        position: absolute;
        left: 4.4rem;
        top: 0;
        background: var(--section-color);
        opacity: 0.93; }
      .header__container header .header__logo-title-burger .header__wave-container {
        width: calc(50% - 65rem / 2 - 4.4rem);
        height: 100%;
        position: absolute;
        left: 4.4rem;
        top: 0;
        display: none;
        margin-right: -0.1rem;
        background: var(--section-color);
        opacity: 0.93; }
        .header__container header .header__logo-title-burger .header__wave-container .header__logo-wave-lines {
          position: absolute;
          left: -2rem;
          height: 100%;
          width: 120%;
          border-top: 0.08rem dashed white;
          border-bottom: 0.08rem dashed white; }
        .header__container header .header__logo-title-burger .header__wave-container .header__logo-wave {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0; }
        .header__container header .header__logo-title-burger .header__wave-container .header__logo-wave-spot {
          position: absolute;
          width: 0.66rem;
          height: 0.66rem;
          border: 0.5rem;
          transform: translate(-50%, -50%);
          z-index: 2;
          border-color: white;
          background: white;
          border-radius: 1000px; }
      .header__container header .header__logo-title-burger .header__title {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 65.8rem;
        height: auto; }
        .header__container header .header__logo-title-burger .header__title .header__title-svg {
          height: 100%;
          clip-path: inset(0 0% 15% 0);
          -webkit-clip-path: inset(0 0% 15% 0); }
          .header__container header .header__logo-title-burger .header__title .header__title-svg .header__title-bg {
            fill: var(--section-color);
            opacity: 0.93; }
          .header__container header .header__logo-title-burger .header__title .header__title-svg .header__title-stroke, .header__container header .header__logo-title-burger .header__title .header__title-svg .header__title-stroke-thick {
            stroke: white;
            stroke-width: 0.5%;
            fill: transparent; }
          .header__container header .header__logo-title-burger .header__title .header__title-svg .header__title-stroke-thick {
            stroke: black;
            stroke-width: 1.5%;
            visibility: hidden;
            animation: title-travel infinite 4s;
            animation-play-state: var(--background-play-state); }
      .header__container header .header__logo-title-burger .header__filler {
        width: 17.2rem;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: var(--section-color);
        opacity: 0.93; }
      .header__container header .header__logo-title-burger .header__burger-wrapper {
        width: 10vw;
        height: 100%;
        position: absolute;
        right: 0; }
        .header__container header .header__logo-title-burger .header__burger-wrapper svg.burger {
          height: 100%;
          width: 100%;
          display: none;
          clip-path: inset(33% 33% 33% 33%);
          -webkit-clip-path: inset(33% 33% 33% 33%);
          transform: scale(3); }
          .header__container header .header__logo-title-burger .header__burger-wrapper svg.burger path.burger--background {
            fill: var(--section-color);
            opacity: 0.93; }
          .header__container header .header__logo-title-burger .header__burger-wrapper svg.burger path.burger--stroke {
            stroke: white;
            fill: transparent;
            stroke-width: 0.5rem; }
          .header__container header .header__logo-title-burger .header__burger-wrapper svg.burger path.burger--burger, .header__container header .header__logo-title-burger .header__burger-wrapper svg.burger path.burger--cross {
            display: none; }
          #app-status-menu-burger:checked ~ .header__container header .header__logo-title-burger .header__burger-wrapper svg.burger path.burger--burger {
            display: block; }
          #app-status-menu-burger:not(:checked) ~ .header__container header .header__logo-title-burger .header__burger-wrapper svg.burger path.burger--cross {
            display: block; }
    .header__container header .header__subtitle {
      position: relative;
      width: 100%;
      height: 2.2rem;
      padding-top: 0.3rem;
      color: white;
      font-weight: 400;
      font-size: 1.4rem;
      text-align: center; }
      .header__container header .header__subtitle:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: var(--section-color);
        opacity: 0.93;
        z-index: -1; }
    .header__container header .header__nav:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: var(--section-color);
      opacity: 0.93;
      z-index: -1; }
    .header__container header .header__nav a.item {
      background: white;
      font: 1.2rem/1.5 verdana, sans-serif;
      letter-spacing: 0.1rem;
      font-weight: bold;
      text-decoration: none;
      --header__tab-color: black;
      color: var(--header__tab-color); }
      .header__container header .header__nav a.item.active {
        background: var(--section-color);
        color: white !important; }
      .header__container header .header__nav a.item.home, .header__container header .header__nav a.item.daytoday, .header__container header .header__nav a.item.day2day {
        --header__tab-color: #090; }
      .header__container header .header__nav a.item.erwinvanlun {
        --header__tab-color: #09c; }
      .header__container header .header__nav a.item.books {
        --header__tab-color: #00f; }
      .header__container header .header__nav a.item.speeches {
        --header__tab-color: #609; }
      .header__container header .header__nav a.item.workshops {
        --header__tab-color: #f09; }
      .header__container header .header__nav a.item.trends {
        --header__tab-color: #f00; }
      .header__container header .header__nav a.item.bemer {
        --header__tab-color: #ff7400; }
    .header__container header .header__bottom-bar {
      height: 0.7rem;
      width: 100%;
      position: relative;
      display: block;
      background: var(--section-color);
      border-bottom: 0.2rem solid white; }
    .header__container header:before, .header__container header:after {
      content: "";
      position: absolute;
      top: 0;
      background-color: var(--section-color);
      width: calc(100vw - 100rem);
      min-height: 200%;
      opacity: 0.93;
      border-radius: 50% / 50%;
      border: 0.2rem solid white;
      z-index: 1; }
    .header__container header:before {
      left: 0;
      clip-path: inset(50% 50% 0 0);
      -webkit-clip-path: inset(50% 50% 0 0);
      transform: translate(-50%, -50%); }
    .header__container header:after {
      right: 0;
      clip-path: inset(50% 0 0 50%);
      -webkit-clip-path: inset(50% 0 0 50%);
      transform: translate(50%, -50%); }
    @media (max-width: 73.8em) {
      .header__container header {
        width: 100vw; }
        .header__container header:before, .header__container header:after {
          display: none; }
        .header__container header .header__logo {
          height: 100%;
          width: 10vw; }
        .header__container header .header__title {
          width: 65vw !important; }
        .header__container header .header__pre-title-filler {
          width: 13.1vw !important;
          background: black; }
        .header__container header .header__filler {
          width: 17.2vw !important; } }
    @media (max-width: 50em) {
      .header__container header .header__chapeau {
        height: 0.3rem; }
        .header__container header .header__chapeau > span {
          display: none; } }
    @media (max-width: 37.5em) {
      .header__container header .header__logo-title-burger {
        height: 10vw; }
        .header__container header .header__logo-title-burger .header__logo {
          height: 100%;
          width: 10vw; }
        .header__container header .header__logo-title-burger .header__wave-container {
          display: none !important;
          visibility: hidden !important; }
        .header__container header .header__logo-title-burger .header__pre-title-filler {
          display: none; }
        .header__container header .header__logo-title-burger .header__title {
          width: 80vw !important;
          height: auto !important; }
        .header__container header .header__logo-title-burger .header__filler {
          display: none; }
        .header__container header .header__logo-title-burger .header__burger-wrapper svg.burger {
          display: block; }
      .header__container header .header__subtitle {
        height: 0.3rem; }
        .header__container header .header__subtitle > span {
          display: none; }
      #app-status-menu-burger:checked ~ .header__container header .header__nav.nav-menu {
        display: none; }
      #app-status-menu-burger:not(:checked) ~ .header__container header .header__nav.nav-menu {
        display: block; }
      .header__container header .header__nav.nav-menu {
        position: fixed;
        top: 11.5vw;
        right: 0;
        padding: 2rem 0 2rem 3rem; }
        .header__container header .header__nav.nav-menu:before {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: var(--section-color);
          opacity: 0.93;
          z-index: -1; }
        .header__container header .header__nav.nav-menu:before {
          border-bottom-left-radius: 2rem 2rem; }
        .header__container header .header__nav.nav-menu > nav {
          display: flex;
          flex-direction: column;
          align-items: flex-end; }
          .header__container header .header__nav.nav-menu > nav a.item {
            font-size: 2rem;
            line-height: 4rem;
            padding: 0.2rem 2.5rem;
            border-radius: 100px 0 0 100px;
            border: 0.1rem solid black; }
            .header__container header .header__nav.nav-menu > nav a.item.active {
              z-index: 2; }
            .header__container header .header__nav.nav-menu > nav a.item:hover {
              text-decoration: underline; }
              .header__container header .header__nav.nav-menu > nav a.item:hover:not(.active) {
                z-index: 3; }
      .header__container header .header__bottom-bar {
        display: none; } }
    @media (min-width: 37.51em) {
      .header__container header .header__nav.nav-menu {
        position: relative;
        width: 100%;
        height: 3rem;
        padding-top: 0.3rem; }
        .header__container header .header__nav.nav-menu > nav {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          width: 94%;
          display: flex;
          flex-basis: fit-content; }
          .header__container header .header__nav.nav-menu > nav a.item {
            width: 16.6%;
            height: 100%;
            text-align: center;
            padding-top: 0.4rem;
            padding-bottom: 0.4rem;
            border-radius: 100px 100px 0 0; }
            .header__container header .header__nav.nav-menu > nav a.item.active {
              transform: scale(1.2) translateY(-0.1rem);
              border-top: .1rem solid white;
              border-left: .1rem solid white;
              border-right: .1rem solid white;
              z-index: 2; }
            .header__container header .header__nav.nav-menu > nav a.item:hover {
              border-top: .1rem solid white;
              border-left: .1rem solid white;
              border-right: .1rem solid white;
              background: var(--header__tab-color);
              color: white !important; }
              .header__container header .header__nav.nav-menu > nav a.item:hover:not(.active) {
                transform: scale(1.5);
                z-index: 3; }
            .header__container header .header__nav.nav-menu > nav a.item:first-child:hover:not(.active) {
              transform: scale(1.5) translateX(2rem); }
            .header__container header .header__nav.nav-menu > nav a.item:last-child:hover:not(.active) {
              transform: scale(1.5) translateX(-2rem); } }

.action-bar__container {
  position: fixed;
  z-index: 10;
  bottom: 0;
  width: 100vw; }
  .action-bar__container .action-bar__search {
    display: block;
    margin-bottom: 6rem;
    background: yellow;
    border: 0.3rem solid var(--section-color) !important;
    padding: 1rem;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    z-index: 10; }
    .action-bar__container .action-bar__search .action-bar__search-button {
      display: none; }
    .action-bar__container .action-bar__search > input[type="text"] {
      border: 0.2rem solid blue;
      border-radius: 0.4rem;
      width: 100%;
      height: 100%;
      padding: 1.2rem 2rem; }
    .action-bar__container .action-bar__search:before {
      position: absolute;
      content: "";
      bottom: 0;
      width: 3rem;
      height: 3rem;
      background: var(--section-color);
      left: 50%;
      transform-origin: center;
      transform: rotate(45deg) translate(-50%);
      z-index: -1; }
    #app-status-search-folded:checked ~ .action-bar__container .action-bar__search.action-bar__search {
      display: none; }
  .action-bar__container .action-bar {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 4.2rem;
    width: 90rem;
    margin: 0;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    background-color: var(--section-color);
    opacity: 0.93;
    text-decoration: none;
    overflow: visible;
    border-top: 0.2rem solid white; }
    .action-bar__container .action-bar:before, .action-bar__container .action-bar:after {
      width: calc(100vw - 90rem);
      height: calc(200% + 0.4rem);
      position: absolute;
      top: -0.2rem;
      background-color: var(--section-color);
      opacity: 0.93;
      border-radius: 50%  / 50%;
      border: 0.2rem solid white; }
    .action-bar__container .action-bar:before {
      left: 0;
      transform: translateX(-50%);
      clip-path: inset(0 50% 50% 0);
      -webkit-clip-path: inset(0 50% 50% 0); }
    .action-bar__container .action-bar:after {
      right: 0;
      transform: translateX(50%);
      clip-path: inset(0 0 50% 50%);
      -webkit-clip-path: inset(0 0 50% 50%); }
    .action-bar__container .action-bar .action-bar__item {
      display: flex;
      position: relative;
      background-color: rgba(255, 255, 255, 0.2);
      line-height: 2.8rem;
      margin: 0.7rem 0.7rem 0;
      padding: 0 0.8rem;
      color: #fff;
      height: 70%;
      cursor: pointer;
      border-radius: 0.4rem;
      transition: background-color, 0.2s; }
      .action-bar__container .action-bar .action-bar__item:hover:not(.action-bar__item-search) {
        background-color: rgba(255, 255, 255, 0.45); }
      .action-bar__container .action-bar .action-bar__item i:not(.action-bar__item-search) {
        display: block;
        top: 0.5rem; }
      .action-bar__container .action-bar .action-bar__item .icon.social {
        display: inline-block;
        transform: scale(0.5) translateY(-1.2rem); }
      .action-bar__container .action-bar .action-bar__item .icon-contact-us {
        font-size: 2.4rem;
        transform: translate(-0.2rem, 0.4rem); }
      .action-bar__container .action-bar .action-bar__item .icon-mobile {
        font-size: 2rem;
        transform: translateY(-0.2rem); }
      .action-bar__container .action-bar .action-bar__item.action-bar__item-search {
        cursor: default;
        flex: 1; }
        .action-bar__container .action-bar .action-bar__item.action-bar__item-search i.icon-search {
          display: block;
          margin: 0.7rem 0 0 0;
          font-size: 2.6rem;
          top: -0.4rem; }
        .action-bar__container .action-bar .action-bar__item.action-bar__item-search input[type="text"] {
          font-size: 110% !important;
          outline-width: 0;
          border-radius: 0.4rem;
          transform: translateY(0.3rem);
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          width: 85%;
          height: 2.2rem;
          margin-top: 0.3rem;
          padding: 0.8rem 2.2rem;
          color: var(--section-color);
          caret-color: var(--section-color); }
        .action-bar__container .action-bar .action-bar__item.action-bar__item-search i.icon-gear {
          font-size: 1.2rem;
          position: absolute;
          right: 1rem;
          margin-left: 0.5rem;
          margin-top: 0.3rem; }
  @media (max-width: 56.3em) {
    .action-bar__container {
      width: 100vw;
      font-size: 100% !important; } }
  @media (max-width: 50em) {
    .action-bar__container {
      font-size: 100% !important; }
      .action-bar__container .action-bar {
        width: 100vw; }
        .action-bar__container .action-bar:before, .action-bar__container .action-barafter {
          display: none; }
        .action-bar__container .action-bar .action-bar__item-description {
          display: none; } }
  @media (max-width: 37.5em) {
    .action-bar__container .action-bar {
      height: 20vw;
      border-top: unset; }
      .action-bar__container .action-bar .action-bar__item {
        height: 18vw;
        width: 18vw;
        padding: 0; }
        .action-bar__container .action-bar .action-bar__item .icon.social {
          margin: 0;
          display: block;
          font-size: 3.4vw;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .action-bar__container .action-bar .action-bar__item i.icon-contact-us, .action-bar__container .action-bar .action-bar__item i.icon-mobile {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 10vw;
          margin: 0; }
        .action-bar__container .action-bar .action-bar__item.action-bar__item-search {
          flex: unset;
          cursor: pointer; }
          .action-bar__container .action-bar .action-bar__item.action-bar__item-search:hover {
            background-color: rgba(255, 255, 255, 0.45); }
          .action-bar__container .action-bar .action-bar__item.action-bar__item-search i.icon-gear {
            display: none; }
          .action-bar__container .action-bar .action-bar__item.action-bar__item-search input {
            display: none; }
          .action-bar__container .action-bar .action-bar__item.action-bar__item-search i.icon-search {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 0;
            transform: translate(-75%, -90%);
            font-size: 14vw; }
        .action-bar__container .action-bar .action-bar__item .action-bar__item-description {
          display: none; } }

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