@charset "UTF-8";

:root {
  --primary: #ffc510;
  --secondary: #3982b1;
  --success: #52a398;
  --warning: #ffc510;
  --alert: #ff3939;
  --black: #000000;
  --brand-carousel-background: #616161;
  --button-primary-background: #ffc510;
  --button-primary-color: #3c3c3c;
  --button-secondary-background: #e0e0e0;
  --button-secondary-color: #3c3c3c;
  --definition-border-color: #ffc510;
  --filter-selected-background: #616161;
  --filter-selected-color: #ffc510;
  --footer-background: #616161;
  --header-color: #000000;
  --helpbox-background: #ffc510;
  --helpbox-color: #000000;
  --helpbox-icon-background: #616161;
  --helpbox-icon-on-hover-background: #ffc510;
  --navigation-segment-background: #fff;
  --navigation-segment-color-hover: #616161;
  --navigation-segment-color-sticky-hover: #616161;
  --navigation-segment-color-sticky: #000;
  --navigation-segment-color: #000;
  --navigation-subsegment-background: #ffc510;
  --navigation-subsegment-border-color: #fff;
  --navigation-subsegment-border-color-hover: #ffc510;
  --navigation-subsegment-color: #000;
  --teaser-background-hover: #ffc510;
  --teaser-color-hover-dark: #000;
  --teaser-color-hover-light: #fff;
  --quote-color: #62abda;
  --ribbon-background: #77bcb2;
  --sika-blue: #62abda;
  --sika-dark-blue: #3982b1;
  --sika-dark-green: #52a398;
  --sika-dark-grey: #616161;
  --sika-darker-grey: #3c3c3c;
  --sika-grayscale-3: #9e9e9e;
  --sika-green: #77bcb2;
  --sika-grey: #e0e0e0;
  --sika-light-blue: #90bbd8;
  --sika-light-green: #9fcfc9;
  --sika-light-grey: #f5f5f5;
  --sika-lighter-blue: #c1d8e7;
  --sika-lighter-green: #c9e3e0;
  --sika-logo-red: #d8282f;
  --sika-logo-yellow: #f5b325;
  --sika-middle-grey: #dddddd;
  --sika-red: #ff3939;
  --sika-yellow: #ffc510;
  --white: #ffffff;
  --page-scroll-arrow-background: #ffc510
}

@font-face {
  font-family: Klavika Bold;
  src: url(clientlib-base/resources/fonts/klavika-bold.woff) format("woff"), url(clientlib-base/resources/fonts/klavika-bold.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Klavika Bold Italic;
  src: url(clientlib-base/resources/fonts/klavika-bold-italic.woff) format("woff"), url(clientlib-base/resources/fonts/klavika-bold-italic.woff2) format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Klavika Light;
  src: url(clientlib-base/resources/fonts/klavika-light.woff) format("woff"), url(clientlib-base/resources/fonts/klavika-light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Klavika Light Italic;
  src: url(clientlib-base/resources/fonts/klavika-light-italic.woff) format("woff"), url(clientlib-base/resources/fonts/klavika-light-italic.woff2) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Klavika Medium;
  src: url(clientlib-base/resources/fonts/klavika-medium.woff) format("woff"), url(clientlib-base/resources/fonts/klavika-medium.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Klavika Medium Italic;
  src: url(clientlib-base/resources/fonts/klavika-medium-italic.woff) format("woff"), url(clientlib-base/resources/fonts/klavika-medium-italic.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Klavika Regular;
  src: url(clientlib-base/resources/fonts/klavika-regular.woff) format("woff"), url(clientlib-base/resources/fonts/klavika-regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Klavika Regular Italic;
  src: url(clientlib-base/resources/fonts/klavika-regular-italic.woff) format("woff"), url(clientlib-base/resources/fonts/klavika-regular-italic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Klavika VN Light;
  src: url(clientlib-base/resources/fonts/klavika-vn-light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Klavika VN Light Italic;
  src: url(clientlib-base/resources/fonts/klavika-vn-light-italic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Klavika VN Medium;
  src: url(clientlib-base/resources/fonts/klavika-vn-medium.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Klavika VN Medium Italic;
  src: url(clientlib-base/resources/fonts/klavika-vn-medium-italic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Calibri Regular;
  src: url(clientlib-base/resources/fonts/calibri-regular.woff) format("woff"), url(clientlib-base/resources/fonts/calibri-regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Iran Sans;
  src: url(clientlib-base/resources/fonts/iran-sans.woff) format("woff"), url(clientlib-base/resources/fonts/iran-sans.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Iran Sans Light;
  src: url(clientlib-base/resources/fonts/iran-sans-light.woff) format("woff"), url(clientlib-base/resources/fonts/iran-sans-light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Iran Sans Bold;
  src: url(clientlib-base/resources/fonts/iran-sans-bold.woff) format("woff"), url(clientlib-base/resources/fonts/iran-sans-bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: LanTingHei Light;
  src: url(clientlib-base/resources/fonts/lantinghei-light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: LanTingHei Bold;
  src: url(clientlib-base/resources/fonts/lantinghei-bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: LanTingHei SemiBold;
  src: url(clientlib-base/resources/fonts/lantinghei-semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Gothic Light;
  src: url(clientlib-base/resources/fonts/gothic-light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Gothic Medium;
  src: url(clientlib-base/resources/fonts/gothic-medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Gothic Bold;
  src: url(clientlib-base/resources/fonts/gothic-bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Jasmine;
  src: url(clientlib-base/resources/fonts/jasmine.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Jasmine Italic;
  src: url(clientlib-base/resources/fonts/jasmine-italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Jasmine Bold;
  src: url(clientlib-base/resources/fonts/jasmine-bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Jasmine Bold Italic;
  src: url(clientlib-base/resources/fonts/jasmine-bold-italic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: SarabunNew;
  /*src: url(clientlib-base/resources/fonts/sarabunnew.ttf) format("truetype");*/
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: SarabunNew Italic;
  src: url(clientlib-base/resources/fonts/sarabunnew-italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: SarabunNew Bold;
  src: url(clientlib-base/resources/fonts/sarabunnew-bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: SarabunNew Bold Italic;
  src: url(clientlib-base/resources/fonts/sarabunnew-bold-italic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@media print,
screen and (min-width: 40em) {

  .cmp-video-overlay__wrapper,
  .reveal.large,
  .reveal.small,
  .reveal.tiny,
  .reveal {
    right: auto;
    left: auto;
    margin: 0 auto
  }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

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

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

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

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

[data-whatintent=mouse] *,
[data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=95em"
}

html {
  box-sizing: border-box;
  font-size: 1rem
}

*,
*:before,
*:after {
  box-sizing: inherit
}

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.45;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important
}

button {
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto
}

[data-whatinput=mouse] button {
  outline: 0
}

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit
}

.is-visible {
  display: block !important
}

.is-hidden {
  display: none !important
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.45;
  text-rendering: optimizeLegibility
}

em,
i {
  font-style: italic;
  line-height: inherit
}

strong,
b {
  font-weight: 700;
  line-height: inherit
}

small {
  font-size: 80%;
  line-height: inherit
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: inherit;
  text-rendering: optimizeLegibility
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
  line-height: 0;
  color: #ddd
}

h1,
.h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h2,
.h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h3,
.h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h4,
.h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h5,
.h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h6,
.h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

@media print,
screen and (min-width: 40em) {

  h1,
  .h1 {
    font-size: 3rem
  }

  h2,
  .h2 {
    font-size: 2.5rem
  }

  h3,
  .h3 {
    font-size: 1.9375rem
  }

  h4,
  .h4 {
    font-size: 1.5625rem
  }

  h5,
  .h5 {
    font-size: 1.25rem
  }

  h6,
  .h6 {
    font-size: 1rem
  }
}

a {
  line-height: inherit;
  color: #000;
  text-decoration: none;
  cursor: pointer
}

a:hover,
a:focus {
  color: #000
}

a img {
  border: 0
}

hr {
  clear: both;
  max-width: 1200px;
  height: 0;
  margin: 20px auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #dddddd;
  border-left: 0
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.45
}

li {
  font-size: inherit
}

ul {
  margin-left: 1.25rem;
  list-style-type: square
}

ol {
  margin-left: 1.25rem
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0
}

dl {
  margin-bottom: 1rem
}

dl dt {
  margin-bottom: .3rem;
  font-weight: 700
}

blockquote {
  margin: 0 0 1rem;
  padding: 9px 20px 0 19px;
  border-left: none
}

blockquote,
blockquote p {
  line-height: 1.45;
  color: #62abda
}

abbr,
abbr[title] {
  border-bottom: 1px dotted #000000;
  cursor: help;
  text-decoration: none
}

figure {
  margin: 0
}

kbd {
  margin: 0;
  padding: 2px 4px 0;
  background-color: #f5f5f5;
  font-family: Consolas, Liberation Mono, Courier, monospace;
  color: #000
}

.subheader {
  margin-top: .2rem;
  margin-bottom: .5rem;
  font-weight: 400;
  line-height: 1.45;
  color: #616161
}

.lead {
  font-size: 1.25rem;
  line-height: 1.125
}

.stat {
  font-size: 2.5rem;
  line-height: 1
}

p+.stat {
  margin-top: -1rem
}

ul.no-bullet,
ol.no-bullet {
  margin-left: 0;
  list-style: none
}

.cite-block,
cite {
  display: block;
  color: #616161;
  font-size: .8125rem
}

.cite-block:before,
cite:before {
  content: "— "
}

.code-inline,
code {
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  font-family: Consolas, Liberation Mono, Courier, monospace;
  font-weight: 400;
  color: #000;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 2px 5px 1px
}

.code-block {
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  font-family: Consolas, Liberation Mono, Courier, monospace;
  font-weight: 400;
  color: #000;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

@media print,
screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left
  }

  .medium-text-right {
    text-align: right
  }

  .medium-text-center {
    text-align: center
  }

  .medium-text-justify {
    text-align: justify
  }
}

@media print,
screen and (min-width: 64em) {
  .large-text-left {
    text-align: left
  }

  .large-text-right {
    text-align: right
  }

  .large-text-center {
    text-align: center
  }

  .large-text-justify {
    text-align: justify
  }
}

@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left
  }

  .xlarge-text-right {
    text-align: right
  }

  .xlarge-text-center {
    text-align: center
  }

  .xlarge-text-justify {
    text-align: justify
  }
}

.show-for-print {
  display: none !important
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-print-color-adjust: economy;
    print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important
  }

  .show-for-print {
    display: block !important
  }

  .hide-for-print {
    display: none !important
  }

  table.show-for-print {
    display: table !important
  }

  thead.show-for-print {
    display: table-header-group !important
  }

  tbody.show-for-print {
    display: table-row-group !important
  }

  tr.show-for-print {
    display: table-row !important
  }

  td.show-for-print,
  th.show-for-print {
    display: table-cell !important
  }

  a,
  a:visited {
    text-decoration: underline
  }

  a[href]:after {
    content: " (" attr(href) ")"
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""
  }

  abbr[title]:after {
    content: " (" attr(title) ")"
  }

  pre,
  blockquote {
    border: 1px solid #616161;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  tr,
  img {
    page-break-inside: avoid
  }

  img {
    max-width: 100% !important
  }

  @page {
    margin: .5cm
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }

  .print-break-inside {
    page-break-inside: auto
  }
}

.grid-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-right: .625rem;
  padding-left: .625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-container {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

.grid-container.fluid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: .625rem;
  padding-left: .625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

.grid-container.full {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  padding-left: 0
}

.grid-x {
  display: flex;
  flex-flow: row wrap
}

.cell {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%
}

.cell.auto {
  flex: 1 1 0
}

.cell.shrink {
  flex: 0 0 auto
}

.grid-x>.auto {
  width: auto
}

.grid-x>.shrink {
  width: auto
}

.grid-x>.small-shrink,
.grid-x>.small-full,
.grid-x>.small-1,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12 {
  flex-basis: auto
}

@media print,
screen and (min-width: 40em) {

  .grid-x>.medium-shrink,
  .grid-x>.medium-full,
  .grid-x>.medium-1,
  .grid-x>.medium-2,
  .grid-x>.medium-3,
  .grid-x>.medium-4,
  .grid-x>.medium-5,
  .grid-x>.medium-6,
  .grid-x>.medium-7,
  .grid-x>.medium-8,
  .grid-x>.medium-9,
  .grid-x>.medium-10,
  .grid-x>.medium-11,
  .grid-x>.medium-12 {
    flex-basis: auto
  }
}

@media print,
screen and (min-width: 64em) {

  .grid-x>.large-shrink,
  .grid-x>.large-full,
  .grid-x>.large-1,
  .grid-x>.large-2,
  .grid-x>.large-3,
  .grid-x>.large-4,
  .grid-x>.large-5,
  .grid-x>.large-6,
  .grid-x>.large-7,
  .grid-x>.large-8,
  .grid-x>.large-9,
  .grid-x>.large-10,
  .grid-x>.large-11,
  .grid-x>.large-12 {
    flex-basis: auto
  }
}

@media screen and (min-width: 75em) {

  .grid-x>.xlarge-shrink,
  .grid-x>.xlarge-full,
  .grid-x>.xlarge-1,
  .grid-x>.xlarge-2,
  .grid-x>.xlarge-3,
  .grid-x>.xlarge-4,
  .grid-x>.xlarge-5,
  .grid-x>.xlarge-6,
  .grid-x>.xlarge-7,
  .grid-x>.xlarge-8,
  .grid-x>.xlarge-9,
  .grid-x>.xlarge-10,
  .grid-x>.xlarge-11,
  .grid-x>.xlarge-12 {
    flex-basis: auto
  }
}

.grid-x>.small-12,
.grid-x>.small-11,
.grid-x>.small-10,
.grid-x>.small-9,
.grid-x>.small-8,
.grid-x>.small-7,
.grid-x>.small-6,
.grid-x>.small-5,
.grid-x>.small-4,
.grid-x>.small-3,
.grid-x>.small-2,
.grid-x>.small-1 {
  flex: 0 0 auto
}

.grid-x>.small-1 {
  width: 8.3333333333%
}

.grid-x>.small-2 {
  width: 16.6666666667%
}

.grid-x>.small-3 {
  width: 25%
}

.grid-x>.small-4 {
  width: 33.3333333333%
}

.grid-x>.small-5 {
  width: 41.6666666667%
}

.grid-x>.small-6 {
  width: 50%
}

.grid-x>.small-7 {
  width: 58.3333333333%
}

.grid-x>.small-8 {
  width: 66.6666666667%
}

.grid-x>.small-9 {
  width: 75%
}

.grid-x>.small-10 {
  width: 83.3333333333%
}

.grid-x>.small-11 {
  width: 91.6666666667%
}

.grid-x>.small-12 {
  width: 100%
}

@media print,
screen and (min-width: 40em) {
  .grid-x>.medium-auto {
    flex: 1 1 0;
    width: auto
  }

  .grid-x>.medium-12,
  .grid-x>.medium-11,
  .grid-x>.medium-10,
  .grid-x>.medium-9,
  .grid-x>.medium-8,
  .grid-x>.medium-7,
  .grid-x>.medium-6,
  .grid-x>.medium-5,
  .grid-x>.medium-4,
  .grid-x>.medium-3,
  .grid-x>.medium-2,
  .grid-x>.medium-1,
  .grid-x>.medium-shrink {
    flex: 0 0 auto
  }

  .grid-x>.medium-shrink {
    width: auto
  }

  .grid-x>.medium-1 {
    width: 8.3333333333%
  }

  .grid-x>.medium-2 {
    width: 16.6666666667%
  }

  .grid-x>.medium-3 {
    width: 25%
  }

  .grid-x>.medium-4 {
    width: 33.3333333333%
  }

  .grid-x>.medium-5 {
    width: 41.6666666667%
  }

  .grid-x>.medium-6 {
    width: 50%
  }

  .grid-x>.medium-7 {
    width: 58.3333333333%
  }

  .grid-x>.medium-8 {
    width: 66.6666666667%
  }

  .grid-x>.medium-9 {
    width: 75%
  }

  .grid-x>.medium-10 {
    width: 83.3333333333%
  }

  .grid-x>.medium-11 {
    width: 91.6666666667%
  }

  .grid-x>.medium-12 {
    width: 100%
  }
}

@media print,
screen and (min-width: 64em) {
  .grid-x>.large-auto {
    flex: 1 1 0;
    width: auto
  }

  .grid-x>.large-12,
  .grid-x>.large-11,
  .grid-x>.large-10,
  .grid-x>.large-9,
  .grid-x>.large-8,
  .grid-x>.large-7,
  .grid-x>.large-6,
  .grid-x>.large-5,
  .grid-x>.large-4,
  .grid-x>.large-3,
  .grid-x>.large-2,
  .grid-x>.large-1,
  .grid-x>.large-shrink {
    flex: 0 0 auto
  }

  .grid-x>.large-shrink {
    width: auto
  }

  .grid-x>.large-1 {
    width: 8.3333333333%
  }

  .grid-x>.large-2 {
    width: 16.6666666667%
  }

  .grid-x>.large-3 {
    width: 25%
  }

  .grid-x>.large-4 {
    width: 33.3333333333%
  }

  .grid-x>.large-5 {
    width: 41.6666666667%
  }

  .grid-x>.large-6 {
    width: 50%
  }

  .grid-x>.large-7 {
    width: 58.3333333333%
  }

  .grid-x>.large-8 {
    width: 66.6666666667%
  }

  .grid-x>.large-9 {
    width: 75%
  }

  .grid-x>.large-10 {
    width: 83.3333333333%
  }

  .grid-x>.large-11 {
    width: 91.6666666667%
  }

  .grid-x>.large-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .grid-x>.xlarge-auto {
    flex: 1 1 0;
    width: auto
  }

  .grid-x>.xlarge-12,
  .grid-x>.xlarge-11,
  .grid-x>.xlarge-10,
  .grid-x>.xlarge-9,
  .grid-x>.xlarge-8,
  .grid-x>.xlarge-7,
  .grid-x>.xlarge-6,
  .grid-x>.xlarge-5,
  .grid-x>.xlarge-4,
  .grid-x>.xlarge-3,
  .grid-x>.xlarge-2,
  .grid-x>.xlarge-1,
  .grid-x>.xlarge-shrink {
    flex: 0 0 auto
  }

  .grid-x>.xlarge-shrink {
    width: auto
  }

  .grid-x>.xlarge-1 {
    width: 8.3333333333%
  }

  .grid-x>.xlarge-2 {
    width: 16.6666666667%
  }

  .grid-x>.xlarge-3 {
    width: 25%
  }

  .grid-x>.xlarge-4 {
    width: 33.3333333333%
  }

  .grid-x>.xlarge-5 {
    width: 41.6666666667%
  }

  .grid-x>.xlarge-6 {
    width: 50%
  }

  .grid-x>.xlarge-7 {
    width: 58.3333333333%
  }

  .grid-x>.xlarge-8 {
    width: 66.6666666667%
  }

  .grid-x>.xlarge-9 {
    width: 75%
  }

  .grid-x>.xlarge-10 {
    width: 83.3333333333%
  }

  .grid-x>.xlarge-11 {
    width: 91.6666666667%
  }

  .grid-x>.xlarge-12 {
    width: 100%
  }
}

.grid-margin-x:not(.grid-x)>.cell {
  width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
  height: auto
}

.grid-margin-x {
  margin-left: -.625rem;
  margin-right: -.625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -.9375rem;
    margin-right: -.9375rem
  }
}

.grid-margin-x>.cell {
  width: calc(100% - 1.25rem);
  margin-left: .625rem;
  margin-right: .625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-margin-x>.cell {
    width: calc(100% - 1.875rem);
    margin-left: .9375rem;
    margin-right: .9375rem
  }
}

.grid-margin-x>.auto {
  width: auto
}

.grid-margin-x>.shrink {
  width: auto
}

.grid-margin-x>.small-1 {
  width: calc(8.3333333333% - 1.25rem)
}

.grid-margin-x>.small-2 {
  width: calc(16.6666666667% - 1.25rem)
}

.grid-margin-x>.small-3 {
  width: calc(25% - 1.25rem)
}

.grid-margin-x>.small-4 {
  width: calc(33.3333333333% - 1.25rem)
}

.grid-margin-x>.small-5 {
  width: calc(41.6666666667% - 1.25rem)
}

.grid-margin-x>.small-6 {
  width: calc(50% - 1.25rem)
}

.grid-margin-x>.small-7 {
  width: calc(58.3333333333% - 1.25rem)
}

.grid-margin-x>.small-8 {
  width: calc(66.6666666667% - 1.25rem)
}

.grid-margin-x>.small-9 {
  width: calc(75% - 1.25rem)
}

.grid-margin-x>.small-10 {
  width: calc(83.3333333333% - 1.25rem)
}

.grid-margin-x>.small-11 {
  width: calc(91.6666666667% - 1.25rem)
}

.grid-margin-x>.small-12 {
  width: calc(100% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
  .grid-margin-x>.auto {
    width: auto
  }

  .grid-margin-x>.shrink {
    width: auto
  }

  .grid-margin-x>.small-1 {
    width: calc(8.3333333333% - 1.875rem)
  }

  .grid-margin-x>.small-2 {
    width: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-x>.small-3 {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x>.small-4 {
    width: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-x>.small-5 {
    width: calc(41.6666666667% - 1.875rem)
  }

  .grid-margin-x>.small-6 {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x>.small-7 {
    width: calc(58.3333333333% - 1.875rem)
  }

  .grid-margin-x>.small-8 {
    width: calc(66.6666666667% - 1.875rem)
  }

  .grid-margin-x>.small-9 {
    width: calc(75% - 1.875rem)
  }

  .grid-margin-x>.small-10 {
    width: calc(83.3333333333% - 1.875rem)
  }

  .grid-margin-x>.small-11 {
    width: calc(91.6666666667% - 1.875rem)
  }

  .grid-margin-x>.small-12 {
    width: calc(100% - 1.875rem)
  }

  .grid-margin-x>.medium-auto {
    width: auto
  }

  .grid-margin-x>.medium-shrink {
    width: auto
  }

  .grid-margin-x>.medium-1 {
    width: calc(8.3333333333% - 1.875rem)
  }

  .grid-margin-x>.medium-2 {
    width: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-x>.medium-3 {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x>.medium-4 {
    width: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-x>.medium-5 {
    width: calc(41.6666666667% - 1.875rem)
  }

  .grid-margin-x>.medium-6 {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x>.medium-7 {
    width: calc(58.3333333333% - 1.875rem)
  }

  .grid-margin-x>.medium-8 {
    width: calc(66.6666666667% - 1.875rem)
  }

  .grid-margin-x>.medium-9 {
    width: calc(75% - 1.875rem)
  }

  .grid-margin-x>.medium-10 {
    width: calc(83.3333333333% - 1.875rem)
  }

  .grid-margin-x>.medium-11 {
    width: calc(91.6666666667% - 1.875rem)
  }

  .grid-margin-x>.medium-12 {
    width: calc(100% - 1.875rem)
  }
}

@media print,
screen and (min-width: 64em) {
  .grid-margin-x>.large-auto {
    width: auto
  }

  .grid-margin-x>.large-shrink {
    width: auto
  }

  .grid-margin-x>.large-1 {
    width: calc(8.3333333333% - 1.875rem)
  }

  .grid-margin-x>.large-2 {
    width: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-x>.large-3 {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x>.large-4 {
    width: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-x>.large-5 {
    width: calc(41.6666666667% - 1.875rem)
  }

  .grid-margin-x>.large-6 {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x>.large-7 {
    width: calc(58.3333333333% - 1.875rem)
  }

  .grid-margin-x>.large-8 {
    width: calc(66.6666666667% - 1.875rem)
  }

  .grid-margin-x>.large-9 {
    width: calc(75% - 1.875rem)
  }

  .grid-margin-x>.large-10 {
    width: calc(83.3333333333% - 1.875rem)
  }

  .grid-margin-x>.large-11 {
    width: calc(91.6666666667% - 1.875rem)
  }

  .grid-margin-x>.large-12 {
    width: calc(100% - 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-x>.xlarge-auto {
    width: auto
  }

  .grid-margin-x>.xlarge-shrink {
    width: auto
  }

  .grid-margin-x>.xlarge-1 {
    width: calc(8.3333333333% - 1.875rem)
  }

  .grid-margin-x>.xlarge-2 {
    width: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-x>.xlarge-3 {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x>.xlarge-4 {
    width: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-x>.xlarge-5 {
    width: calc(41.6666666667% - 1.875rem)
  }

  .grid-margin-x>.xlarge-6 {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x>.xlarge-7 {
    width: calc(58.3333333333% - 1.875rem)
  }

  .grid-margin-x>.xlarge-8 {
    width: calc(66.6666666667% - 1.875rem)
  }

  .grid-margin-x>.xlarge-9 {
    width: calc(75% - 1.875rem)
  }

  .grid-margin-x>.xlarge-10 {
    width: calc(83.3333333333% - 1.875rem)
  }

  .grid-margin-x>.xlarge-11 {
    width: calc(91.6666666667% - 1.875rem)
  }

  .grid-margin-x>.xlarge-12 {
    width: calc(100% - 1.875rem)
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -.625rem;
  margin-left: -.625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -.9375rem;
    margin-left: -.9375rem
  }
}

.grid-container:not(.full)>.grid-padding-x {
  margin-right: -.625rem;
  margin-left: -.625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-container:not(.full)>.grid-padding-x {
    margin-right: -.9375rem;
    margin-left: -.9375rem
  }
}

.grid-padding-x>.cell {
  padding-right: .625rem;
  padding-left: .625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-padding-x>.cell {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

.small-up-1>.cell {
  width: 100%
}

.small-up-2>.cell {
  width: 50%
}

.small-up-3>.cell {
  width: 33.3333333333%
}

.small-up-4>.cell {
  width: 25%
}

.small-up-5>.cell {
  width: 20%
}

.small-up-6>.cell {
  width: 16.6666666667%
}

.small-up-7>.cell {
  width: 14.2857142857%
}

.small-up-8>.cell {
  width: 12.5%
}

@media print,
screen and (min-width: 40em) {
  .medium-up-1>.cell {
    width: 100%
  }

  .medium-up-2>.cell {
    width: 50%
  }

  .medium-up-3>.cell {
    width: 33.3333333333%
  }

  .medium-up-4>.cell {
    width: 25%
  }

  .medium-up-5>.cell {
    width: 20%
  }

  .medium-up-6>.cell {
    width: 16.6666666667%
  }

  .medium-up-7>.cell {
    width: 14.2857142857%
  }

  .medium-up-8>.cell {
    width: 12.5%
  }
}

@media print,
screen and (min-width: 64em) {
  .large-up-1>.cell {
    width: 100%
  }

  .large-up-2>.cell {
    width: 50%
  }

  .large-up-3>.cell {
    width: 33.3333333333%
  }

  .large-up-4>.cell {
    width: 25%
  }

  .large-up-5>.cell {
    width: 20%
  }

  .large-up-6>.cell {
    width: 16.6666666667%
  }

  .large-up-7>.cell {
    width: 14.2857142857%
  }

  .large-up-8>.cell {
    width: 12.5%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-up-1>.cell {
    width: 100%
  }

  .xlarge-up-2>.cell {
    width: 50%
  }

  .xlarge-up-3>.cell {
    width: 33.3333333333%
  }

  .xlarge-up-4>.cell {
    width: 25%
  }

  .xlarge-up-5>.cell {
    width: 20%
  }

  .xlarge-up-6>.cell {
    width: 16.6666666667%
  }

  .xlarge-up-7>.cell {
    width: 14.2857142857%
  }

  .xlarge-up-8>.cell {
    width: 12.5%
  }
}

.grid-margin-x.small-up-1>.cell {
  width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2>.cell {
  width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3>.cell {
  width: calc(33.3333333333% - 1.25rem)
}

.grid-margin-x.small-up-4>.cell {
  width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5>.cell {
  width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6>.cell {
  width: calc(16.6666666667% - 1.25rem)
}

.grid-margin-x.small-up-7>.cell {
  width: calc(14.2857142857% - 1.25rem)
}

.grid-margin-x.small-up-8>.cell {
  width: calc(12.5% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
  .grid-margin-x.small-up-1>.cell {
    width: calc(100% - 1.875rem)
  }

  .grid-margin-x.small-up-2>.cell {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x.small-up-3>.cell {
    width: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-x.small-up-4>.cell {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x.small-up-5>.cell {
    width: calc(20% - 1.875rem)
  }

  .grid-margin-x.small-up-6>.cell {
    width: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-x.small-up-7>.cell {
    width: calc(14.2857142857% - 1.875rem)
  }

  .grid-margin-x.small-up-8>.cell {
    width: calc(12.5% - 1.875rem)
  }

  .grid-margin-x.medium-up-1>.cell {
    width: calc(100% - 1.875rem)
  }

  .grid-margin-x.medium-up-2>.cell {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x.medium-up-3>.cell {
    width: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-x.medium-up-4>.cell {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x.medium-up-5>.cell {
    width: calc(20% - 1.875rem)
  }

  .grid-margin-x.medium-up-6>.cell {
    width: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-x.medium-up-7>.cell {
    width: calc(14.2857142857% - 1.875rem)
  }

  .grid-margin-x.medium-up-8>.cell {
    width: calc(12.5% - 1.875rem)
  }
}

@media print,
screen and (min-width: 64em) {
  .grid-margin-x.large-up-1>.cell {
    width: calc(100% - 1.875rem)
  }

  .grid-margin-x.large-up-2>.cell {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x.large-up-3>.cell {
    width: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-x.large-up-4>.cell {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x.large-up-5>.cell {
    width: calc(20% - 1.875rem)
  }

  .grid-margin-x.large-up-6>.cell {
    width: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-x.large-up-7>.cell {
    width: calc(14.2857142857% - 1.875rem)
  }

  .grid-margin-x.large-up-8>.cell {
    width: calc(12.5% - 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-x.xlarge-up-1>.cell {
    width: calc(100% - 1.875rem)
  }

  .grid-margin-x.xlarge-up-2>.cell {
    width: calc(50% - 1.875rem)
  }

  .grid-margin-x.xlarge-up-3>.cell {
    width: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-x.xlarge-up-4>.cell {
    width: calc(25% - 1.875rem)
  }

  .grid-margin-x.xlarge-up-5>.cell {
    width: calc(20% - 1.875rem)
  }

  .grid-margin-x.xlarge-up-6>.cell {
    width: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-x.xlarge-up-7>.cell {
    width: calc(14.2857142857% - 1.875rem)
  }

  .grid-margin-x.xlarge-up-8>.cell {
    width: calc(12.5% - 1.875rem)
  }
}

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0
}

.small-margin-collapse>.cell {
  margin-right: 0;
  margin-left: 0
}

.small-margin-collapse>.small-1 {
  width: 8.3333333333%
}

.small-margin-collapse>.small-2 {
  width: 16.6666666667%
}

.small-margin-collapse>.small-3 {
  width: 25%
}

.small-margin-collapse>.small-4 {
  width: 33.3333333333%
}

.small-margin-collapse>.small-5 {
  width: 41.6666666667%
}

.small-margin-collapse>.small-6 {
  width: 50%
}

.small-margin-collapse>.small-7 {
  width: 58.3333333333%
}

.small-margin-collapse>.small-8 {
  width: 66.6666666667%
}

.small-margin-collapse>.small-9 {
  width: 75%
}

.small-margin-collapse>.small-10 {
  width: 83.3333333333%
}

.small-margin-collapse>.small-11 {
  width: 91.6666666667%
}

.small-margin-collapse>.small-12 {
  width: 100%
}

@media print,
screen and (min-width: 40em) {
  .small-margin-collapse>.medium-1 {
    width: 8.3333333333%
  }

  .small-margin-collapse>.medium-2 {
    width: 16.6666666667%
  }

  .small-margin-collapse>.medium-3 {
    width: 25%
  }

  .small-margin-collapse>.medium-4 {
    width: 33.3333333333%
  }

  .small-margin-collapse>.medium-5 {
    width: 41.6666666667%
  }

  .small-margin-collapse>.medium-6 {
    width: 50%
  }

  .small-margin-collapse>.medium-7 {
    width: 58.3333333333%
  }

  .small-margin-collapse>.medium-8 {
    width: 66.6666666667%
  }

  .small-margin-collapse>.medium-9 {
    width: 75%
  }

  .small-margin-collapse>.medium-10 {
    width: 83.3333333333%
  }

  .small-margin-collapse>.medium-11 {
    width: 91.6666666667%
  }

  .small-margin-collapse>.medium-12 {
    width: 100%
  }
}

@media print,
screen and (min-width: 64em) {
  .small-margin-collapse>.large-1 {
    width: 8.3333333333%
  }

  .small-margin-collapse>.large-2 {
    width: 16.6666666667%
  }

  .small-margin-collapse>.large-3 {
    width: 25%
  }

  .small-margin-collapse>.large-4 {
    width: 33.3333333333%
  }

  .small-margin-collapse>.large-5 {
    width: 41.6666666667%
  }

  .small-margin-collapse>.large-6 {
    width: 50%
  }

  .small-margin-collapse>.large-7 {
    width: 58.3333333333%
  }

  .small-margin-collapse>.large-8 {
    width: 66.6666666667%
  }

  .small-margin-collapse>.large-9 {
    width: 75%
  }

  .small-margin-collapse>.large-10 {
    width: 83.3333333333%
  }

  .small-margin-collapse>.large-11 {
    width: 91.6666666667%
  }

  .small-margin-collapse>.large-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .small-margin-collapse>.xlarge-1 {
    width: 8.3333333333%
  }

  .small-margin-collapse>.xlarge-2 {
    width: 16.6666666667%
  }

  .small-margin-collapse>.xlarge-3 {
    width: 25%
  }

  .small-margin-collapse>.xlarge-4 {
    width: 33.3333333333%
  }

  .small-margin-collapse>.xlarge-5 {
    width: 41.6666666667%
  }

  .small-margin-collapse>.xlarge-6 {
    width: 50%
  }

  .small-margin-collapse>.xlarge-7 {
    width: 58.3333333333%
  }

  .small-margin-collapse>.xlarge-8 {
    width: 66.6666666667%
  }

  .small-margin-collapse>.xlarge-9 {
    width: 75%
  }

  .small-margin-collapse>.xlarge-10 {
    width: 83.3333333333%
  }

  .small-margin-collapse>.xlarge-11 {
    width: 91.6666666667%
  }

  .small-margin-collapse>.xlarge-12 {
    width: 100%
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0
}

.small-padding-collapse>.cell {
  padding-right: 0;
  padding-left: 0
}

@media print,
screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .medium-margin-collapse>.cell {
    margin-right: 0;
    margin-left: 0
  }
}

@media print,
screen and (min-width: 40em) {
  .medium-margin-collapse>.small-1 {
    width: 8.3333333333%
  }

  .medium-margin-collapse>.small-2 {
    width: 16.6666666667%
  }

  .medium-margin-collapse>.small-3 {
    width: 25%
  }

  .medium-margin-collapse>.small-4 {
    width: 33.3333333333%
  }

  .medium-margin-collapse>.small-5 {
    width: 41.6666666667%
  }

  .medium-margin-collapse>.small-6 {
    width: 50%
  }

  .medium-margin-collapse>.small-7 {
    width: 58.3333333333%
  }

  .medium-margin-collapse>.small-8 {
    width: 66.6666666667%
  }

  .medium-margin-collapse>.small-9 {
    width: 75%
  }

  .medium-margin-collapse>.small-10 {
    width: 83.3333333333%
  }

  .medium-margin-collapse>.small-11 {
    width: 91.6666666667%
  }

  .medium-margin-collapse>.small-12 {
    width: 100%
  }
}

@media print,
screen and (min-width: 40em) {
  .medium-margin-collapse>.medium-1 {
    width: 8.3333333333%
  }

  .medium-margin-collapse>.medium-2 {
    width: 16.6666666667%
  }

  .medium-margin-collapse>.medium-3 {
    width: 25%
  }

  .medium-margin-collapse>.medium-4 {
    width: 33.3333333333%
  }

  .medium-margin-collapse>.medium-5 {
    width: 41.6666666667%
  }

  .medium-margin-collapse>.medium-6 {
    width: 50%
  }

  .medium-margin-collapse>.medium-7 {
    width: 58.3333333333%
  }

  .medium-margin-collapse>.medium-8 {
    width: 66.6666666667%
  }

  .medium-margin-collapse>.medium-9 {
    width: 75%
  }

  .medium-margin-collapse>.medium-10 {
    width: 83.3333333333%
  }

  .medium-margin-collapse>.medium-11 {
    width: 91.6666666667%
  }

  .medium-margin-collapse>.medium-12 {
    width: 100%
  }
}

@media print,
screen and (min-width: 64em) {
  .medium-margin-collapse>.large-1 {
    width: 8.3333333333%
  }

  .medium-margin-collapse>.large-2 {
    width: 16.6666666667%
  }

  .medium-margin-collapse>.large-3 {
    width: 25%
  }

  .medium-margin-collapse>.large-4 {
    width: 33.3333333333%
  }

  .medium-margin-collapse>.large-5 {
    width: 41.6666666667%
  }

  .medium-margin-collapse>.large-6 {
    width: 50%
  }

  .medium-margin-collapse>.large-7 {
    width: 58.3333333333%
  }

  .medium-margin-collapse>.large-8 {
    width: 66.6666666667%
  }

  .medium-margin-collapse>.large-9 {
    width: 75%
  }

  .medium-margin-collapse>.large-10 {
    width: 83.3333333333%
  }

  .medium-margin-collapse>.large-11 {
    width: 91.6666666667%
  }

  .medium-margin-collapse>.large-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .medium-margin-collapse>.xlarge-1 {
    width: 8.3333333333%
  }

  .medium-margin-collapse>.xlarge-2 {
    width: 16.6666666667%
  }

  .medium-margin-collapse>.xlarge-3 {
    width: 25%
  }

  .medium-margin-collapse>.xlarge-4 {
    width: 33.3333333333%
  }

  .medium-margin-collapse>.xlarge-5 {
    width: 41.6666666667%
  }

  .medium-margin-collapse>.xlarge-6 {
    width: 50%
  }

  .medium-margin-collapse>.xlarge-7 {
    width: 58.3333333333%
  }

  .medium-margin-collapse>.xlarge-8 {
    width: 66.6666666667%
  }

  .medium-margin-collapse>.xlarge-9 {
    width: 75%
  }

  .medium-margin-collapse>.xlarge-10 {
    width: 83.3333333333%
  }

  .medium-margin-collapse>.xlarge-11 {
    width: 91.6666666667%
  }

  .medium-margin-collapse>.xlarge-12 {
    width: 100%
  }
}

@media print,
screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .medium-padding-collapse>.cell {
    padding-right: 0;
    padding-left: 0
  }
}

@media print,
screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .large-margin-collapse>.cell {
    margin-right: 0;
    margin-left: 0
  }
}

@media print,
screen and (min-width: 64em) {
  .large-margin-collapse>.small-1 {
    width: 8.3333333333%
  }

  .large-margin-collapse>.small-2 {
    width: 16.6666666667%
  }

  .large-margin-collapse>.small-3 {
    width: 25%
  }

  .large-margin-collapse>.small-4 {
    width: 33.3333333333%
  }

  .large-margin-collapse>.small-5 {
    width: 41.6666666667%
  }

  .large-margin-collapse>.small-6 {
    width: 50%
  }

  .large-margin-collapse>.small-7 {
    width: 58.3333333333%
  }

  .large-margin-collapse>.small-8 {
    width: 66.6666666667%
  }

  .large-margin-collapse>.small-9 {
    width: 75%
  }

  .large-margin-collapse>.small-10 {
    width: 83.3333333333%
  }

  .large-margin-collapse>.small-11 {
    width: 91.6666666667%
  }

  .large-margin-collapse>.small-12 {
    width: 100%
  }
}

@media print,
screen and (min-width: 64em) {
  .large-margin-collapse>.medium-1 {
    width: 8.3333333333%
  }

  .large-margin-collapse>.medium-2 {
    width: 16.6666666667%
  }

  .large-margin-collapse>.medium-3 {
    width: 25%
  }

  .large-margin-collapse>.medium-4 {
    width: 33.3333333333%
  }

  .large-margin-collapse>.medium-5 {
    width: 41.6666666667%
  }

  .large-margin-collapse>.medium-6 {
    width: 50%
  }

  .large-margin-collapse>.medium-7 {
    width: 58.3333333333%
  }

  .large-margin-collapse>.medium-8 {
    width: 66.6666666667%
  }

  .large-margin-collapse>.medium-9 {
    width: 75%
  }

  .large-margin-collapse>.medium-10 {
    width: 83.3333333333%
  }

  .large-margin-collapse>.medium-11 {
    width: 91.6666666667%
  }

  .large-margin-collapse>.medium-12 {
    width: 100%
  }
}

@media print,
screen and (min-width: 64em) {
  .large-margin-collapse>.large-1 {
    width: 8.3333333333%
  }

  .large-margin-collapse>.large-2 {
    width: 16.6666666667%
  }

  .large-margin-collapse>.large-3 {
    width: 25%
  }

  .large-margin-collapse>.large-4 {
    width: 33.3333333333%
  }

  .large-margin-collapse>.large-5 {
    width: 41.6666666667%
  }

  .large-margin-collapse>.large-6 {
    width: 50%
  }

  .large-margin-collapse>.large-7 {
    width: 58.3333333333%
  }

  .large-margin-collapse>.large-8 {
    width: 66.6666666667%
  }

  .large-margin-collapse>.large-9 {
    width: 75%
  }

  .large-margin-collapse>.large-10 {
    width: 83.3333333333%
  }

  .large-margin-collapse>.large-11 {
    width: 91.6666666667%
  }

  .large-margin-collapse>.large-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .large-margin-collapse>.xlarge-1 {
    width: 8.3333333333%
  }

  .large-margin-collapse>.xlarge-2 {
    width: 16.6666666667%
  }

  .large-margin-collapse>.xlarge-3 {
    width: 25%
  }

  .large-margin-collapse>.xlarge-4 {
    width: 33.3333333333%
  }

  .large-margin-collapse>.xlarge-5 {
    width: 41.6666666667%
  }

  .large-margin-collapse>.xlarge-6 {
    width: 50%
  }

  .large-margin-collapse>.xlarge-7 {
    width: 58.3333333333%
  }

  .large-margin-collapse>.xlarge-8 {
    width: 66.6666666667%
  }

  .large-margin-collapse>.xlarge-9 {
    width: 75%
  }

  .large-margin-collapse>.xlarge-10 {
    width: 83.3333333333%
  }

  .large-margin-collapse>.xlarge-11 {
    width: 91.6666666667%
  }

  .large-margin-collapse>.xlarge-12 {
    width: 100%
  }
}

@media print,
screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .large-padding-collapse>.cell {
    padding-right: 0;
    padding-left: 0
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .xlarge-margin-collapse>.cell {
    margin-right: 0;
    margin-left: 0
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse>.small-1 {
    width: 8.3333333333%
  }

  .xlarge-margin-collapse>.small-2 {
    width: 16.6666666667%
  }

  .xlarge-margin-collapse>.small-3 {
    width: 25%
  }

  .xlarge-margin-collapse>.small-4 {
    width: 33.3333333333%
  }

  .xlarge-margin-collapse>.small-5 {
    width: 41.6666666667%
  }

  .xlarge-margin-collapse>.small-6 {
    width: 50%
  }

  .xlarge-margin-collapse>.small-7 {
    width: 58.3333333333%
  }

  .xlarge-margin-collapse>.small-8 {
    width: 66.6666666667%
  }

  .xlarge-margin-collapse>.small-9 {
    width: 75%
  }

  .xlarge-margin-collapse>.small-10 {
    width: 83.3333333333%
  }

  .xlarge-margin-collapse>.small-11 {
    width: 91.6666666667%
  }

  .xlarge-margin-collapse>.small-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse>.medium-1 {
    width: 8.3333333333%
  }

  .xlarge-margin-collapse>.medium-2 {
    width: 16.6666666667%
  }

  .xlarge-margin-collapse>.medium-3 {
    width: 25%
  }

  .xlarge-margin-collapse>.medium-4 {
    width: 33.3333333333%
  }

  .xlarge-margin-collapse>.medium-5 {
    width: 41.6666666667%
  }

  .xlarge-margin-collapse>.medium-6 {
    width: 50%
  }

  .xlarge-margin-collapse>.medium-7 {
    width: 58.3333333333%
  }

  .xlarge-margin-collapse>.medium-8 {
    width: 66.6666666667%
  }

  .xlarge-margin-collapse>.medium-9 {
    width: 75%
  }

  .xlarge-margin-collapse>.medium-10 {
    width: 83.3333333333%
  }

  .xlarge-margin-collapse>.medium-11 {
    width: 91.6666666667%
  }

  .xlarge-margin-collapse>.medium-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse>.large-1 {
    width: 8.3333333333%
  }

  .xlarge-margin-collapse>.large-2 {
    width: 16.6666666667%
  }

  .xlarge-margin-collapse>.large-3 {
    width: 25%
  }

  .xlarge-margin-collapse>.large-4 {
    width: 33.3333333333%
  }

  .xlarge-margin-collapse>.large-5 {
    width: 41.6666666667%
  }

  .xlarge-margin-collapse>.large-6 {
    width: 50%
  }

  .xlarge-margin-collapse>.large-7 {
    width: 58.3333333333%
  }

  .xlarge-margin-collapse>.large-8 {
    width: 66.6666666667%
  }

  .xlarge-margin-collapse>.large-9 {
    width: 75%
  }

  .xlarge-margin-collapse>.large-10 {
    width: 83.3333333333%
  }

  .xlarge-margin-collapse>.large-11 {
    width: 91.6666666667%
  }

  .xlarge-margin-collapse>.large-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse>.xlarge-1 {
    width: 8.3333333333%
  }

  .xlarge-margin-collapse>.xlarge-2 {
    width: 16.6666666667%
  }

  .xlarge-margin-collapse>.xlarge-3 {
    width: 25%
  }

  .xlarge-margin-collapse>.xlarge-4 {
    width: 33.3333333333%
  }

  .xlarge-margin-collapse>.xlarge-5 {
    width: 41.6666666667%
  }

  .xlarge-margin-collapse>.xlarge-6 {
    width: 50%
  }

  .xlarge-margin-collapse>.xlarge-7 {
    width: 58.3333333333%
  }

  .xlarge-margin-collapse>.xlarge-8 {
    width: 66.6666666667%
  }

  .xlarge-margin-collapse>.xlarge-9 {
    width: 75%
  }

  .xlarge-margin-collapse>.xlarge-10 {
    width: 83.3333333333%
  }

  .xlarge-margin-collapse>.xlarge-11 {
    width: 91.6666666667%
  }

  .xlarge-margin-collapse>.xlarge-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .xlarge-padding-collapse>.cell {
    padding-right: 0;
    padding-left: 0
  }
}

.small-offset-0 {
  margin-left: 0%
}

.grid-margin-x>.small-offset-0 {
  margin-left: calc(0% + .625rem)
}

.small-offset-1 {
  margin-left: 8.3333333333%
}

.grid-margin-x>.small-offset-1 {
  margin-left: calc(8.3333333333% + 1.25rem / 2)
}

.small-offset-2 {
  margin-left: 16.6666666667%
}

.grid-margin-x>.small-offset-2 {
  margin-left: calc(16.6666666667% + 1.25rem / 2)
}

.small-offset-3 {
  margin-left: 25%
}

.grid-margin-x>.small-offset-3 {
  margin-left: calc(25% + .625rem)
}

.small-offset-4 {
  margin-left: 33.3333333333%
}

.grid-margin-x>.small-offset-4 {
  margin-left: calc(33.3333333333% + 1.25rem / 2)
}

.small-offset-5 {
  margin-left: 41.6666666667%
}

.grid-margin-x>.small-offset-5 {
  margin-left: calc(41.6666666667% + 1.25rem / 2)
}

.small-offset-6 {
  margin-left: 50%
}

.grid-margin-x>.small-offset-6 {
  margin-left: calc(50% + .625rem)
}

.small-offset-7 {
  margin-left: 58.3333333333%
}

.grid-margin-x>.small-offset-7 {
  margin-left: calc(58.3333333333% + 1.25rem / 2)
}

.small-offset-8 {
  margin-left: 66.6666666667%
}

.grid-margin-x>.small-offset-8 {
  margin-left: calc(66.6666666667% + 1.25rem / 2)
}

.small-offset-9 {
  margin-left: 75%
}

.grid-margin-x>.small-offset-9 {
  margin-left: calc(75% + .625rem)
}

.small-offset-10 {
  margin-left: 83.3333333333%
}

.grid-margin-x>.small-offset-10 {
  margin-left: calc(83.3333333333% + 1.25rem / 2)
}

.small-offset-11 {
  margin-left: 91.6666666667%
}

.grid-margin-x>.small-offset-11 {
  margin-left: calc(91.6666666667% + 1.25rem / 2)
}

@media print,
screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%
  }

  .grid-margin-x>.medium-offset-0 {
    margin-left: calc(0% + .9375rem)
  }

  .medium-offset-1 {
    margin-left: 8.3333333333%
  }

  .grid-margin-x>.medium-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2)
  }

  .medium-offset-2 {
    margin-left: 16.6666666667%
  }

  .grid-margin-x>.medium-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2)
  }

  .medium-offset-3 {
    margin-left: 25%
  }

  .grid-margin-x>.medium-offset-3 {
    margin-left: calc(25% + .9375rem)
  }

  .medium-offset-4 {
    margin-left: 33.3333333333%
  }

  .grid-margin-x>.medium-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2)
  }

  .medium-offset-5 {
    margin-left: 41.6666666667%
  }

  .grid-margin-x>.medium-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2)
  }

  .medium-offset-6 {
    margin-left: 50%
  }

  .grid-margin-x>.medium-offset-6 {
    margin-left: calc(50% + .9375rem)
  }

  .medium-offset-7 {
    margin-left: 58.3333333333%
  }

  .grid-margin-x>.medium-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2)
  }

  .medium-offset-8 {
    margin-left: 66.6666666667%
  }

  .grid-margin-x>.medium-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2)
  }

  .medium-offset-9 {
    margin-left: 75%
  }

  .grid-margin-x>.medium-offset-9 {
    margin-left: calc(75% + .9375rem)
  }

  .medium-offset-10 {
    margin-left: 83.3333333333%
  }

  .grid-margin-x>.medium-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2)
  }

  .medium-offset-11 {
    margin-left: 91.6666666667%
  }

  .grid-margin-x>.medium-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2)
  }
}

@media print,
screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%
  }

  .grid-margin-x>.large-offset-0 {
    margin-left: calc(0% + .9375rem)
  }

  .large-offset-1 {
    margin-left: 8.3333333333%
  }

  .grid-margin-x>.large-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2)
  }

  .large-offset-2 {
    margin-left: 16.6666666667%
  }

  .grid-margin-x>.large-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2)
  }

  .large-offset-3 {
    margin-left: 25%
  }

  .grid-margin-x>.large-offset-3 {
    margin-left: calc(25% + .9375rem)
  }

  .large-offset-4 {
    margin-left: 33.3333333333%
  }

  .grid-margin-x>.large-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2)
  }

  .large-offset-5 {
    margin-left: 41.6666666667%
  }

  .grid-margin-x>.large-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2)
  }

  .large-offset-6 {
    margin-left: 50%
  }

  .grid-margin-x>.large-offset-6 {
    margin-left: calc(50% + .9375rem)
  }

  .large-offset-7 {
    margin-left: 58.3333333333%
  }

  .grid-margin-x>.large-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2)
  }

  .large-offset-8 {
    margin-left: 66.6666666667%
  }

  .grid-margin-x>.large-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2)
  }

  .large-offset-9 {
    margin-left: 75%
  }

  .grid-margin-x>.large-offset-9 {
    margin-left: calc(75% + .9375rem)
  }

  .large-offset-10 {
    margin-left: 83.3333333333%
  }

  .grid-margin-x>.large-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2)
  }

  .large-offset-11 {
    margin-left: 91.6666666667%
  }

  .grid-margin-x>.large-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2)
  }
}

@media screen and (min-width: 75em) {
  .xlarge-offset-0 {
    margin-left: 0%
  }

  .grid-margin-x>.xlarge-offset-0 {
    margin-left: calc(0% + .9375rem)
  }

  .xlarge-offset-1 {
    margin-left: 8.3333333333%
  }

  .grid-margin-x>.xlarge-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2)
  }

  .xlarge-offset-2 {
    margin-left: 16.6666666667%
  }

  .grid-margin-x>.xlarge-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2)
  }

  .xlarge-offset-3 {
    margin-left: 25%
  }

  .grid-margin-x>.xlarge-offset-3 {
    margin-left: calc(25% + .9375rem)
  }

  .xlarge-offset-4 {
    margin-left: 33.3333333333%
  }

  .grid-margin-x>.xlarge-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2)
  }

  .xlarge-offset-5 {
    margin-left: 41.6666666667%
  }

  .grid-margin-x>.xlarge-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2)
  }

  .xlarge-offset-6 {
    margin-left: 50%
  }

  .grid-margin-x>.xlarge-offset-6 {
    margin-left: calc(50% + .9375rem)
  }

  .xlarge-offset-7 {
    margin-left: 58.3333333333%
  }

  .grid-margin-x>.xlarge-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2)
  }

  .xlarge-offset-8 {
    margin-left: 66.6666666667%
  }

  .grid-margin-x>.xlarge-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2)
  }

  .xlarge-offset-9 {
    margin-left: 75%
  }

  .grid-margin-x>.xlarge-offset-9 {
    margin-left: calc(75% + .9375rem)
  }

  .xlarge-offset-10 {
    margin-left: 83.3333333333%
  }

  .grid-margin-x>.xlarge-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2)
  }

  .xlarge-offset-11 {
    margin-left: 91.6666666667%
  }

  .grid-margin-x>.xlarge-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2)
  }
}

.grid-y {
  display: flex;
  flex-flow: column nowrap
}

.grid-y>.cell {
  height: auto;
  max-height: none
}

.grid-y>.auto {
  height: auto
}

.grid-y>.shrink {
  height: auto
}

.grid-y>.small-shrink,
.grid-y>.small-full,
.grid-y>.small-1,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12 {
  flex-basis: auto
}

@media print,
screen and (min-width: 40em) {

  .grid-y>.medium-shrink,
  .grid-y>.medium-full,
  .grid-y>.medium-1,
  .grid-y>.medium-2,
  .grid-y>.medium-3,
  .grid-y>.medium-4,
  .grid-y>.medium-5,
  .grid-y>.medium-6,
  .grid-y>.medium-7,
  .grid-y>.medium-8,
  .grid-y>.medium-9,
  .grid-y>.medium-10,
  .grid-y>.medium-11,
  .grid-y>.medium-12 {
    flex-basis: auto
  }
}

@media print,
screen and (min-width: 64em) {

  .grid-y>.large-shrink,
  .grid-y>.large-full,
  .grid-y>.large-1,
  .grid-y>.large-2,
  .grid-y>.large-3,
  .grid-y>.large-4,
  .grid-y>.large-5,
  .grid-y>.large-6,
  .grid-y>.large-7,
  .grid-y>.large-8,
  .grid-y>.large-9,
  .grid-y>.large-10,
  .grid-y>.large-11,
  .grid-y>.large-12 {
    flex-basis: auto
  }
}

@media screen and (min-width: 75em) {

  .grid-y>.xlarge-shrink,
  .grid-y>.xlarge-full,
  .grid-y>.xlarge-1,
  .grid-y>.xlarge-2,
  .grid-y>.xlarge-3,
  .grid-y>.xlarge-4,
  .grid-y>.xlarge-5,
  .grid-y>.xlarge-6,
  .grid-y>.xlarge-7,
  .grid-y>.xlarge-8,
  .grid-y>.xlarge-9,
  .grid-y>.xlarge-10,
  .grid-y>.xlarge-11,
  .grid-y>.xlarge-12 {
    flex-basis: auto
  }
}

.grid-y>.small-12,
.grid-y>.small-11,
.grid-y>.small-10,
.grid-y>.small-9,
.grid-y>.small-8,
.grid-y>.small-7,
.grid-y>.small-6,
.grid-y>.small-5,
.grid-y>.small-4,
.grid-y>.small-3,
.grid-y>.small-2,
.grid-y>.small-1 {
  flex: 0 0 auto
}

.grid-y>.small-1 {
  height: 8.3333333333%
}

.grid-y>.small-2 {
  height: 16.6666666667%
}

.grid-y>.small-3 {
  height: 25%
}

.grid-y>.small-4 {
  height: 33.3333333333%
}

.grid-y>.small-5 {
  height: 41.6666666667%
}

.grid-y>.small-6 {
  height: 50%
}

.grid-y>.small-7 {
  height: 58.3333333333%
}

.grid-y>.small-8 {
  height: 66.6666666667%
}

.grid-y>.small-9 {
  height: 75%
}

.grid-y>.small-10 {
  height: 83.3333333333%
}

.grid-y>.small-11 {
  height: 91.6666666667%
}

.grid-y>.small-12 {
  height: 100%
}

@media print,
screen and (min-width: 40em) {
  .grid-y>.medium-auto {
    flex: 1 1 0;
    height: auto
  }

  .grid-y>.medium-12,
  .grid-y>.medium-11,
  .grid-y>.medium-10,
  .grid-y>.medium-9,
  .grid-y>.medium-8,
  .grid-y>.medium-7,
  .grid-y>.medium-6,
  .grid-y>.medium-5,
  .grid-y>.medium-4,
  .grid-y>.medium-3,
  .grid-y>.medium-2,
  .grid-y>.medium-1,
  .grid-y>.medium-shrink {
    flex: 0 0 auto
  }

  .grid-y>.medium-shrink {
    height: auto
  }

  .grid-y>.medium-1 {
    height: 8.3333333333%
  }

  .grid-y>.medium-2 {
    height: 16.6666666667%
  }

  .grid-y>.medium-3 {
    height: 25%
  }

  .grid-y>.medium-4 {
    height: 33.3333333333%
  }

  .grid-y>.medium-5 {
    height: 41.6666666667%
  }

  .grid-y>.medium-6 {
    height: 50%
  }

  .grid-y>.medium-7 {
    height: 58.3333333333%
  }

  .grid-y>.medium-8 {
    height: 66.6666666667%
  }

  .grid-y>.medium-9 {
    height: 75%
  }

  .grid-y>.medium-10 {
    height: 83.3333333333%
  }

  .grid-y>.medium-11 {
    height: 91.6666666667%
  }

  .grid-y>.medium-12 {
    height: 100%
  }
}

@media print,
screen and (min-width: 64em) {
  .grid-y>.large-auto {
    flex: 1 1 0;
    height: auto
  }

  .grid-y>.large-12,
  .grid-y>.large-11,
  .grid-y>.large-10,
  .grid-y>.large-9,
  .grid-y>.large-8,
  .grid-y>.large-7,
  .grid-y>.large-6,
  .grid-y>.large-5,
  .grid-y>.large-4,
  .grid-y>.large-3,
  .grid-y>.large-2,
  .grid-y>.large-1,
  .grid-y>.large-shrink {
    flex: 0 0 auto
  }

  .grid-y>.large-shrink {
    height: auto
  }

  .grid-y>.large-1 {
    height: 8.3333333333%
  }

  .grid-y>.large-2 {
    height: 16.6666666667%
  }

  .grid-y>.large-3 {
    height: 25%
  }

  .grid-y>.large-4 {
    height: 33.3333333333%
  }

  .grid-y>.large-5 {
    height: 41.6666666667%
  }

  .grid-y>.large-6 {
    height: 50%
  }

  .grid-y>.large-7 {
    height: 58.3333333333%
  }

  .grid-y>.large-8 {
    height: 66.6666666667%
  }

  .grid-y>.large-9 {
    height: 75%
  }

  .grid-y>.large-10 {
    height: 83.3333333333%
  }

  .grid-y>.large-11 {
    height: 91.6666666667%
  }

  .grid-y>.large-12 {
    height: 100%
  }
}

@media screen and (min-width: 75em) {
  .grid-y>.xlarge-auto {
    flex: 1 1 0;
    height: auto
  }

  .grid-y>.xlarge-12,
  .grid-y>.xlarge-11,
  .grid-y>.xlarge-10,
  .grid-y>.xlarge-9,
  .grid-y>.xlarge-8,
  .grid-y>.xlarge-7,
  .grid-y>.xlarge-6,
  .grid-y>.xlarge-5,
  .grid-y>.xlarge-4,
  .grid-y>.xlarge-3,
  .grid-y>.xlarge-2,
  .grid-y>.xlarge-1,
  .grid-y>.xlarge-shrink {
    flex: 0 0 auto
  }

  .grid-y>.xlarge-shrink {
    height: auto
  }

  .grid-y>.xlarge-1 {
    height: 8.3333333333%
  }

  .grid-y>.xlarge-2 {
    height: 16.6666666667%
  }

  .grid-y>.xlarge-3 {
    height: 25%
  }

  .grid-y>.xlarge-4 {
    height: 33.3333333333%
  }

  .grid-y>.xlarge-5 {
    height: 41.6666666667%
  }

  .grid-y>.xlarge-6 {
    height: 50%
  }

  .grid-y>.xlarge-7 {
    height: 58.3333333333%
  }

  .grid-y>.xlarge-8 {
    height: 66.6666666667%
  }

  .grid-y>.xlarge-9 {
    height: 75%
  }

  .grid-y>.xlarge-10 {
    height: 83.3333333333%
  }

  .grid-y>.xlarge-11 {
    height: 91.6666666667%
  }

  .grid-y>.xlarge-12 {
    height: 100%
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -.625rem;
  margin-bottom: -.625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -.9375rem;
    margin-bottom: -.9375rem
  }
}

.grid-padding-y>.cell {
  padding-top: .625rem;
  padding-bottom: .625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-padding-y>.cell {
    padding-top: .9375rem;
    padding-bottom: .9375rem
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw
}

.cell .grid-frame {
  width: 100%
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%
}

.cell-block-container>.grid-x {
  max-height: 100%;
  flex-wrap: nowrap
}

@media print,
screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
  }

  .cell .medium-grid-frame {
    width: 100%
  }

  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
  }

  .medium-cell-block-container>.grid-x {
    max-height: 100%;
    flex-wrap: nowrap
  }

  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

@media print,
screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
  }

  .cell .large-grid-frame {
    width: 100%
  }

  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
  }

  .large-cell-block-container>.grid-x {
    max-height: 100%;
    flex-wrap: nowrap
  }

  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

@media screen and (min-width: 75em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
  }

  .cell .xlarge-grid-frame {
    width: 100%
  }

  .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .xlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
  }

  .xlarge-cell-block-container>.grid-x {
    max-height: 100%;
    flex-wrap: nowrap
  }

  .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

.grid-y.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
  width: auto
}

@media print,
screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto
  }
}

@media print,
screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto
  }
}

@media screen and (min-width: 75em) {
  .grid-y.xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto
  }
}

.cell .grid-y.grid-frame {
  height: 100%
}

@media print,
screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%
  }
}

@media print,
screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%
  }
}

@media screen and (min-width: 75em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%
  }
}

.grid-margin-y {
  margin-top: -.625rem;
  margin-bottom: -.625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -.9375rem;
    margin-bottom: -.9375rem
  }
}

.grid-margin-y>.cell {
  height: calc(100% - 1.25rem);
  margin-top: .625rem;
  margin-bottom: .625rem
}

@media print,
screen and (min-width: 40em) {
  .grid-margin-y>.cell {
    height: calc(100% - 1.875rem);
    margin-top: .9375rem;
    margin-bottom: .9375rem
  }
}

.grid-margin-y>.auto {
  height: auto
}

.grid-margin-y>.shrink {
  height: auto
}

.grid-margin-y>.small-1 {
  height: calc(8.3333333333% - 1.25rem)
}

.grid-margin-y>.small-2 {
  height: calc(16.6666666667% - 1.25rem)
}

.grid-margin-y>.small-3 {
  height: calc(25% - 1.25rem)
}

.grid-margin-y>.small-4 {
  height: calc(33.3333333333% - 1.25rem)
}

.grid-margin-y>.small-5 {
  height: calc(41.6666666667% - 1.25rem)
}

.grid-margin-y>.small-6 {
  height: calc(50% - 1.25rem)
}

.grid-margin-y>.small-7 {
  height: calc(58.3333333333% - 1.25rem)
}

.grid-margin-y>.small-8 {
  height: calc(66.6666666667% - 1.25rem)
}

.grid-margin-y>.small-9 {
  height: calc(75% - 1.25rem)
}

.grid-margin-y>.small-10 {
  height: calc(83.3333333333% - 1.25rem)
}

.grid-margin-y>.small-11 {
  height: calc(91.6666666667% - 1.25rem)
}

.grid-margin-y>.small-12 {
  height: calc(100% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
  .grid-margin-y>.auto {
    height: auto
  }

  .grid-margin-y>.shrink {
    height: auto
  }

  .grid-margin-y>.small-1 {
    height: calc(8.3333333333% - 1.875rem)
  }

  .grid-margin-y>.small-2 {
    height: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-y>.small-3 {
    height: calc(25% - 1.875rem)
  }

  .grid-margin-y>.small-4 {
    height: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-y>.small-5 {
    height: calc(41.6666666667% - 1.875rem)
  }

  .grid-margin-y>.small-6 {
    height: calc(50% - 1.875rem)
  }

  .grid-margin-y>.small-7 {
    height: calc(58.3333333333% - 1.875rem)
  }

  .grid-margin-y>.small-8 {
    height: calc(66.6666666667% - 1.875rem)
  }

  .grid-margin-y>.small-9 {
    height: calc(75% - 1.875rem)
  }

  .grid-margin-y>.small-10 {
    height: calc(83.3333333333% - 1.875rem)
  }

  .grid-margin-y>.small-11 {
    height: calc(91.6666666667% - 1.875rem)
  }

  .grid-margin-y>.small-12 {
    height: calc(100% - 1.875rem)
  }

  .grid-margin-y>.medium-auto {
    height: auto
  }

  .grid-margin-y>.medium-shrink {
    height: auto
  }

  .grid-margin-y>.medium-1 {
    height: calc(8.3333333333% - 1.875rem)
  }

  .grid-margin-y>.medium-2 {
    height: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-y>.medium-3 {
    height: calc(25% - 1.875rem)
  }

  .grid-margin-y>.medium-4 {
    height: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-y>.medium-5 {
    height: calc(41.6666666667% - 1.875rem)
  }

  .grid-margin-y>.medium-6 {
    height: calc(50% - 1.875rem)
  }

  .grid-margin-y>.medium-7 {
    height: calc(58.3333333333% - 1.875rem)
  }

  .grid-margin-y>.medium-8 {
    height: calc(66.6666666667% - 1.875rem)
  }

  .grid-margin-y>.medium-9 {
    height: calc(75% - 1.875rem)
  }

  .grid-margin-y>.medium-10 {
    height: calc(83.3333333333% - 1.875rem)
  }

  .grid-margin-y>.medium-11 {
    height: calc(91.6666666667% - 1.875rem)
  }

  .grid-margin-y>.medium-12 {
    height: calc(100% - 1.875rem)
  }
}

@media print,
screen and (min-width: 64em) {
  .grid-margin-y>.large-auto {
    height: auto
  }

  .grid-margin-y>.large-shrink {
    height: auto
  }

  .grid-margin-y>.large-1 {
    height: calc(8.3333333333% - 1.875rem)
  }

  .grid-margin-y>.large-2 {
    height: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-y>.large-3 {
    height: calc(25% - 1.875rem)
  }

  .grid-margin-y>.large-4 {
    height: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-y>.large-5 {
    height: calc(41.6666666667% - 1.875rem)
  }

  .grid-margin-y>.large-6 {
    height: calc(50% - 1.875rem)
  }

  .grid-margin-y>.large-7 {
    height: calc(58.3333333333% - 1.875rem)
  }

  .grid-margin-y>.large-8 {
    height: calc(66.6666666667% - 1.875rem)
  }

  .grid-margin-y>.large-9 {
    height: calc(75% - 1.875rem)
  }

  .grid-margin-y>.large-10 {
    height: calc(83.3333333333% - 1.875rem)
  }

  .grid-margin-y>.large-11 {
    height: calc(91.6666666667% - 1.875rem)
  }

  .grid-margin-y>.large-12 {
    height: calc(100% - 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-y>.xlarge-auto {
    height: auto
  }

  .grid-margin-y>.xlarge-shrink {
    height: auto
  }

  .grid-margin-y>.xlarge-1 {
    height: calc(8.3333333333% - 1.875rem)
  }

  .grid-margin-y>.xlarge-2 {
    height: calc(16.6666666667% - 1.875rem)
  }

  .grid-margin-y>.xlarge-3 {
    height: calc(25% - 1.875rem)
  }

  .grid-margin-y>.xlarge-4 {
    height: calc(33.3333333333% - 1.875rem)
  }

  .grid-margin-y>.xlarge-5 {
    height: calc(41.6666666667% - 1.875rem)
  }

  .grid-margin-y>.xlarge-6 {
    height: calc(50% - 1.875rem)
  }

  .grid-margin-y>.xlarge-7 {
    height: calc(58.3333333333% - 1.875rem)
  }

  .grid-margin-y>.xlarge-8 {
    height: calc(66.6666666667% - 1.875rem)
  }

  .grid-margin-y>.xlarge-9 {
    height: calc(75% - 1.875rem)
  }

  .grid-margin-y>.xlarge-10 {
    height: calc(83.3333333333% - 1.875rem)
  }

  .grid-margin-y>.xlarge-11 {
    height: calc(91.6666666667% - 1.875rem)
  }

  .grid-margin-y>.xlarge-12 {
    height: calc(100% - 1.875rem)
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem)
}

@media print,
screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem)
  }
}

@media print,
screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem)
  }
}

@media print,
screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem)
  }
}

@media print,
screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 1.875rem)
  }
}

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color .25s ease-out, color .25s ease-out;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  padding: .85em 1em .7em
}

[data-whatinput=mouse] .button {
  outline: 0
}

.button.tiny {
  font-size: .6rem
}

.button.small {
  font-size: .75rem
}

.button.large {
  font-size: 1.25rem
}

.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0
}

.button,
.button.disabled,
.button[disabled],
.button.disabled:hover,
.button[disabled]:hover,
.button.disabled:focus,
.button[disabled]:focus {
  background-color: #ffc510;
  color: #3c3c3c
}

.button:hover,
.button:focus {
  background-color: #e6ae00;
  color: #3c3c3c
}

.button.primary,
.button.primary.disabled,
.button.primary[disabled],
.button.primary.disabled:hover,
.button.primary[disabled]:hover,
.button.primary.disabled:focus,
.button.primary[disabled]:focus {
  background-color: #ffc510;
  color: #3c3c3c
}

.button.primary:hover,
.button.primary:focus {
  background-color: #d9a400;
  color: #3c3c3c
}

.button.secondary,
.button.secondary.disabled,
.button.secondary[disabled],
.button.secondary.disabled:hover,
.button.secondary[disabled]:hover,
.button.secondary.disabled:focus,
.button.secondary[disabled]:focus {
  background-color: #3982b1;
  color: #3c3c3c
}

.button.secondary:hover,
.button.secondary:focus {
  background-color: #2e688e;
  color: #3c3c3c
}

.button.text,
.button.text.disabled,
.button.text[disabled],
.button.text.disabled:hover,
.button.text[disabled]:hover,
.button.text.disabled:focus,
.button.text[disabled]:focus {
  background-color: transparent;
  color: #3c3c3c
}

.button.text:hover,
.button.text:focus {
  background-color: #0000;
  color: #3c3c3c
}

.button.hollow,
.button.hollow:hover,
.button.hollow:focus,
.button.hollow.disabled,
.button.hollow.disabled:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled],
.button.hollow[disabled]:hover,
.button.hollow[disabled]:focus {
  background-color: transparent
}

.button.hollow,
.button.hollow.disabled,
.button.hollow[disabled],
.button.hollow.disabled:hover,
.button.hollow[disabled]:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled]:focus {
  border: 1px solid #ffc510;
  color: #ffc510
}

.button.hollow:hover,
.button.hollow:focus {
  border-color: #886700;
  color: #886700
}

.button.hollow.primary,
.button.hollow.primary.disabled,
.button.hollow.primary[disabled],
.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled]:hover,
.button.hollow.primary.disabled:focus,
.button.hollow.primary[disabled]:focus {
  border: 1px solid #ffc510;
  color: #ffc510
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
  border-color: #886700;
  color: #886700
}

.button.hollow.secondary,
.button.hollow.secondary.disabled,
.button.hollow.secondary[disabled],
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled]:hover,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary[disabled]:focus {
  border: 1px solid #3982b1;
  color: #3982b1
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
  border-color: #1d4159;
  color: #1d4159
}

.button.hollow.text,
.button.hollow.text.disabled,
.button.hollow.text[disabled],
.button.hollow.text.disabled:hover,
.button.hollow.text[disabled]:hover,
.button.hollow.text.disabled:focus,
.button.hollow.text[disabled]:focus {
  border: 1px solid transparent;
  color: transparent
}

.button.hollow.text:hover,
.button.hollow.text:focus {
  border-color: #0000;
  color: #0000
}

.button.clear,
.button.clear:hover,
.button.clear:focus,
.button.clear.disabled,
.button.clear.disabled:hover,
.button.clear.disabled:focus,
.button.clear[disabled],
.button.clear[disabled]:hover,
.button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent
}

.button.clear,
.button.clear.disabled,
.button.clear[disabled],
.button.clear.disabled:hover,
.button.clear[disabled]:hover,
.button.clear.disabled:focus,
.button.clear[disabled]:focus {
  color: #ffc510
}

.button.clear:hover,
.button.clear:focus {
  color: #886700
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary[disabled],
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled]:hover,
.button.clear.primary.disabled:focus,
.button.clear.primary[disabled]:focus {
  color: #ffc510
}

.button.clear.primary:hover,
.button.clear.primary:focus {
  color: #886700
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary[disabled],
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled]:hover,
.button.clear.secondary.disabled:focus,
.button.clear.secondary[disabled]:focus {
  color: #3982b1
}

.button.clear.secondary:hover,
.button.clear.secondary:focus {
  color: #1d4159
}

.button.clear.text,
.button.clear.text.disabled,
.button.clear.text[disabled],
.button.clear.text.disabled:hover,
.button.clear.text[disabled]:hover,
.button.clear.text.disabled:focus,
.button.clear.text[disabled]:focus {
  color: transparent
}

.button.clear.text:hover,
.button.clear.text:focus {
  color: #0000
}

.button.disabled,
.button[disabled] {
  opacity: .25;
  cursor: not-allowed
}

.button.dropdown:after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4em;
  content: "";
  border-bottom-width: 0;
  border-color: #ffffff transparent transparent;
  position: relative;
  top: .4em;
  display: inline-block;
  float: right;
  margin-left: 1em
}

.button.dropdown.hollow:after,
.button.dropdown.clear:after {
  border-top-color: #ffc510
}

.button.dropdown.hollow.primary:after,
.button.dropdown.clear.primary:after {
  border-top-color: #ffc510
}

.button.dropdown.hollow.secondary:after,
.button.dropdown.clear.secondary:after {
  border-top-color: #3982b1
}

.button.dropdown.hollow.text:after,
.button.dropdown.clear.text:after {
  border-top-color: transparent
}

.button.arrow-only:after {
  top: -.1em;
  float: none;
  margin-left: 0
}

a.button:hover,
a.button:focus {
  text-decoration: none
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #616161;
  cursor: pointer
}

[data-whatinput=mouse] .close-button {
  outline: 0
}

.close-button:hover,
.close-button:focus {
  color: #000
}

.close-button.small {
  right: .66rem;
  top: .33em;
  font-size: 1.5em;
  line-height: 1
}

.close-button.medium,
.close-button {
  right: 1rem;
  top: .5rem;
  font-size: 2em;
  line-height: 1
}

.label {
  display: inline-block;
  padding: .33333rem .5rem;
  border-radius: 0;
  font-size: .8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #ffc510;
  color: #fff
}

.label.primary {
  background: #ffc510;
  color: #000
}

.label.secondary {
  background: #3982b1;
  color: #000
}

.label.success {
  background: #52a398;
  color: #000
}

.label.warning {
  background: #ffc510;
  color: #000
}

.label.alert {
  background: #ff3939;
  color: #000
}

.label.black {
  background: #000000;
  color: #fff
}

.label.brand-carousel-background {
  background: #616161;
  color: #fff
}

.label.button-primary-background {
  background: #ffc510;
  color: #000
}

.label.button-primary-color {
  background: #3c3c3c;
  color: #fff
}

.label.button-secondary-background {
  background: #e0e0e0;
  color: #000
}

.label.button-secondary-color {
  background: #3c3c3c;
  color: #fff
}

.label.definition-border-color {
  background: #ffc510;
  color: #000
}

.label.filter-selected-background {
  background: #616161;
  color: #fff
}

.label.filter-selected-color {
  background: #ffc510;
  color: #000
}

.label.footer-background {
  background: #616161;
  color: #fff
}

.label.header-color {
  background: #000000;
  color: #fff
}

.label.helpbox-background {
  background: #ffc510;
  color: #000
}

.label.helpbox-color {
  background: #000000;
  color: #fff
}

.label.helpbox-icon-background {
  background: #616161;
  color: #fff
}

.label.helpbox-icon-on-hover-background {
  background: #ffc510;
  color: #000
}

.label.navigation-segment-background {
  background: #fff;
  color: #000
}

.label.navigation-segment-color-hover,
.label.navigation-segment-color-sticky-hover {
  background: #616161;
  color: #fff
}

.label.navigation-segment-color-sticky,
.label.navigation-segment-color {
  background: #000;
  color: #fff
}

.label.navigation-subsegment-background {
  background: #ffc510;
  color: #000
}

.label.navigation-subsegment-border-color {
  background: #fff;
  color: #000
}

.label.navigation-subsegment-border-color-hover {
  background: #ffc510;
  color: #000
}

.label.navigation-subsegment-color {
  background: #000;
  color: #fff
}

.label.teaser-background-hover {
  background: #ffc510;
  color: #000
}

.label.teaser-color-hover-dark {
  background: #000;
  color: #fff
}

.label.teaser-color-hover-light {
  background: #fff;
  color: #000
}

.label.quote-color {
  background: #62abda;
  color: #000
}

.label.ribbon-background {
  background: #77bcb2;
  color: #000
}

.label.sika-blue {
  background: #62abda;
  color: #000
}

.label.sika-dark-blue {
  background: #3982b1;
  color: #000
}

.label.sika-dark-green {
  background: #52a398;
  color: #000
}

.label.sika-dark-grey {
  background: #616161;
  color: #fff
}

.label.sika-darker-grey {
  background: #3c3c3c;
  color: #fff
}

.label.sika-grayscale-3 {
  background: #9e9e9e;
  color: #000
}

.label.sika-green {
  background: #77bcb2;
  color: #000
}

.label.sika-grey {
  background: #e0e0e0;
  color: #000
}

.label.sika-light-blue {
  background: #90bbd8;
  color: #000
}

.label.sika-light-green {
  background: #9fcfc9;
  color: #000
}

.label.sika-light-grey {
  background: #f5f5f5;
  color: #000
}

.label.sika-lighter-blue {
  background: #c1d8e7;
  color: #000
}

.label.sika-lighter-green {
  background: #c9e3e0;
  color: #000
}

.label.sika-logo-red {
  background: #d8282f;
  color: #fff
}

.label.sika-logo-yellow {
  background: #f5b325;
  color: #000
}

.label.sika-middle-grey {
  background: #dddddd;
  color: #000
}

.label.sika-red {
  background: #ff3939;
  color: #000
}

.label.sika-yellow {
  background: #ffc510;
  color: #000
}

.label.white {
  background: #ffffff;
  color: #000
}

.label.page-scroll-arrow-background {
  background: #ffc510;
  color: #000
}

.switch {
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: .875rem;
  font-weight: 700;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  height: 2rem
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #dddddd;
  transition: all .25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer
}

input+.switch-paddle {
  margin: 0
}

.switch-paddle:after {
  position: absolute;
  top: .25rem;
  left: .25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translateZ(0);
  border-radius: 0;
  background: #ffffff;
  transition: all .25s ease-out;
  content: ""
}

input:checked~.switch-paddle {
  background: #ffc510
}

input:checked~.switch-paddle:after {
  left: 2.25rem
}

input:focus-visible~.switch-paddle {
  background: rgb(198.9, 198.9, 198.9)
}

input:focus-visible~.switch-paddle:after {
  background: #ffffff
}

input:checked:focus-visible~.switch-paddle {
  background: rgb(230.35, 174.4491631799, 0)
}

input:disabled~.switch-paddle {
  cursor: not-allowed;
  opacity: .5
}

[data-whatinput=mouse] input:focus~.switch-paddle {
  outline: 0
}

.switch-inactive,
.switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.switch-active {
  left: 8%;
  display: none
}

input:checked+label>.switch-active {
  display: block
}

.switch-inactive {
  right: 15%
}

input:checked+label>.switch-inactive {
  display: none
}

.switch.tiny {
  height: 1.5rem
}

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: .625rem
}

.switch.tiny .switch-paddle:after {
  top: .25rem;
  left: .25rem;
  width: 1rem;
  height: 1rem
}

.switch.tiny input:checked~.switch-paddle:after {
  left: 1.75rem
}

.switch.small {
  height: 1.75rem
}

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: .75rem
}

.switch.small .switch-paddle:after {
  top: .25rem;
  left: .25rem;
  width: 1.25rem;
  height: 1.25rem
}

.switch.small input:checked~.switch-paddle:after {
  left: 2rem
}

.switch.large {
  height: 2.5rem
}

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem
}

.switch.large .switch-paddle:after {
  top: .25rem;
  left: .25rem;
  width: 2rem;
  height: 2rem
}

.switch.large input:checked~.switch-paddle:after {
  left: 2.75rem
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0
}

thead {
  background: rgb(248.625, 248.625, 248.625);
  color: #000
}

@media print,
screen and (max-width: 63.99875em) {

  table.stack thead,
  table.stack tfoot {
    display: none
  }

  table.stack tr,
  table.stack th,
  table.stack td {
    display: block
  }

  table.stack td {
    border-top: 0
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto
}

table.hover thead tr:hover {
  background-color: #f4f4f4
}

table.hover tfoot tr:hover {
  background-color: #ededed
}

table.hover tbody tr:hover {
  background-color: #fafafa
}

table.hover:not(.unstriped) tr:nth-of-type(2n):hover {
  background-color: #ededed
}

.table-scroll {
  overflow-x: auto
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #dddddd;
  border-radius: 0;
  background-color: #fff;
  font-size: 1rem
}

.dropdown-pane.is-opening {
  display: block
}

.dropdown-pane.is-open {
  display: block;
  visibility: visible
}

.dropdown-pane.tiny {
  width: 100px
}

.dropdown-pane.small {
  width: 200px
}

.dropdown-pane.large {
  width: 400px
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: none;
  font-weight: 400;
  cursor: pointer
}

.tooltip {
  position: absolute;
  top: calc(100% + .4rem);
  z-index: 1200;
  max-width: 10rem;
  padding: .2rem .3rem;
  border-radius: 0;
  background-color: #fff;
  font-size: 80%;
  color: #000
}

.tooltip:before {
  position: absolute
}

.tooltip.bottom:before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4rem;
  content: "";
  border-top-width: 0;
  border-color: transparent transparent #ffffff;
  bottom: 100%
}

.tooltip.bottom.align-center:before {
  left: 50%;
  transform: translate(-50%)
}

.tooltip.top:before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4rem;
  content: "";
  border-bottom-width: 0;
  border-color: #ffffff transparent transparent;
  top: 100%;
  bottom: auto
}

.tooltip.top.align-center:before {
  left: 50%;
  transform: translate(-50%)
}

.tooltip.left:before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4rem;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #ffffff;
  left: 100%
}

.tooltip.left.align-center:before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%)
}

.tooltip.right:before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4rem;
  content: "";
  border-left-width: 0;
  border-color: transparent #ffffff transparent transparent;
  right: 100%;
  left: auto
}

.tooltip.right.align-center:before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%)
}

.tooltip.align-top:before {
  bottom: auto;
  top: 10%
}

.tooltip.align-bottom:before {
  bottom: 10%;
  top: auto
}

.tooltip.align-left:before {
  left: 10%;
  right: auto
}

.tooltip.align-right:before {
  left: auto;
  right: 10%
}

.accordion {
  margin-left: 0;
  background: #ffffff;
  list-style-type: none
}

.accordion[disabled] .accordion-title {
  cursor: not-allowed
}

.accordion-item:first-child>:first-child {
  border-radius: 0
}

.accordion-item:last-child>:last-child {
  border-radius: 0
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1rem;
  border: 0;
  border-bottom: 0;
  font-size: 1.3125rem;
  line-height: 1;
  color: #ffc510
}

:last-child:not(.is-active)>.accordion-title {
  border-bottom: 0;
  border-radius: 0
}

.accordion-title:hover,
.accordion-title:focus {
  background-color: #f5f5f5
}

.accordion-title:before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -.5rem;
  content: "+"
}

.is-active>.accordion-title:before {
  content: "–"
}

.accordion-content {
  display: none;
  padding: 1.5rem 1rem 1rem;
  border: 0;
  border-bottom: 0;
  background-color: #fff;
  color: #000
}

:last-child>.accordion-content:last-child {
  border-bottom: 0
}

.tabs {
  margin: 0;
  border: 1px solid #f5f5f5;
  background: #ffffff;
  list-style-type: none
}

.tabs:before,
.tabs:after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1
}

.tabs:after {
  clear: both
}

.tabs.vertical>li {
  display: block;
  float: none;
  width: auto
}

.tabs.simple>li>a {
  padding: 0
}

.tabs.simple>li>a:hover {
  background: transparent
}

.tabs.primary {
  background: #ffc510
}

.tabs.primary>li>a {
  color: #000
}

.tabs.primary>li>a:hover,
.tabs.primary>li>a:focus {
  background: rgb(255, 193.7117154812, 2.45)
}

.tabs-title {
  float: left
}

.tabs-title>a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: .75rem;
  line-height: 1;
  color: #ffc510
}

[data-whatinput=mouse] .tabs-title>a {
  outline: 0
}

.tabs-title>a:hover {
  background: transparent;
  color: #e9b100
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
  background: #f5f5f5;
  color: #ffc510
}

.tabs-content {
  border: 1px solid #f5f5f5;
  border-top: 0;
  background: #ffffff;
  color: #000;
  transition: all .5s ease
}

.tabs-content.vertical {
  border: 1px solid #f5f5f5;
  border-left: 0
}

.tabs-panel {
  display: none;
  padding: 25px 0
}

.tabs-panel.is-active {
  display: block
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap
}

[data-whatinput=mouse] .menu li {
  outline: 0
}

.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 1.25rem
}

.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0
}

.menu input {
  display: inline-block
}

.menu,
.menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row
}

.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column
}

.menu.vertical.icon-top li a img,
.menu.vertical.icon-top li a i,
.menu.vertical.icon-top li a svg,
.menu.vertical.icon-bottom li a img,
.menu.vertical.icon-bottom li a i,
.menu.vertical.icon-bottom li a svg {
  text-align: left
}

.menu.expanded li {
  flex: 1 1 0px
}

.menu.expanded.icon-top li a img,
.menu.expanded.icon-top li a i,
.menu.expanded.icon-top li a svg,
.menu.expanded.icon-bottom li a img,
.menu.expanded.icon-bottom li a i,
.menu.expanded.icon-bottom li a svg {
  text-align: left
}

.menu.simple {
  align-items: center
}

.menu.simple li+li {
  margin-left: 1rem
}

.menu.simple a {
  padding: 0
}

@media print,
screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row
  }

  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column
  }

  .menu.medium-expanded li,
  .menu.medium-simple li {
    flex: 1 1 0px
  }
}

@media print,
screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row
  }

  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column
  }

  .menu.large-expanded li,
  .menu.large-simple li {
    flex: 1 1 0px
  }
}

@media screen and (min-width: 75em) {
  .menu.xlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row
  }

  .menu.xlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column
  }

  .menu.xlarge-expanded li,
  .menu.xlarge-simple li {
    flex: 1 1 0px
  }
}

.menu.nested {
  margin-right: 0;
  margin-left: 1rem
}

.menu.icons a,
.menu.icon-top a,
.menu.icon-right a,
.menu.icon-bottom a,
.menu.icon-left a {
  display: flex
}

.menu.icon-left li a,
.menu.nested.icon-left li a {
  flex-flow: row nowrap
}

.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg,
.menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
  margin-right: .25rem
}

.menu.icon-right li a,
.menu.nested.icon-right li a {
  flex-flow: row nowrap
}

.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg,
.menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
  margin-left: .25rem
}

.menu.icon-top li a,
.menu.nested.icon-top li a {
  flex-flow: column nowrap
}

.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg,
.menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
  align-self: stretch;
  margin-bottom: .25rem;
  text-align: center
}

.menu.icon-bottom li a,
.menu.nested.icon-bottom li a {
  flex-flow: column nowrap
}

.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg,
.menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: .25rem;
  text-align: center
}

.menu .is-active>a {
  background: #ffc510;
  color: #000
}

.menu .active>a {
  background: #ffc510;
  color: #000
}

.menu.align-left {
  justify-content: flex-start
}

.menu.align-right li {
  display: flex;
  justify-content: flex-end
}

.menu.align-right li .submenu li {
  justify-content: flex-start
}

.menu.align-right.vertical li {
  display: block;
  text-align: right
}

.menu.align-right.vertical li .submenu li {
  text-align: right
}

.menu.align-right.icon-top li a img,
.menu.align-right.icon-top li a i,
.menu.align-right.icon-top li a svg,
.menu.align-right.icon-bottom li a img,
.menu.align-right.icon-bottom li a i,
.menu.align-right.icon-bottom li a svg {
  text-align: right
}

.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0
}

.menu.align-center li {
  display: flex;
  justify-content: center
}

.menu.align-center li .submenu li {
  justify-content: flex-start
}

.menu .menu-text {
  padding: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: inherit
}

.menu-centered>.menu {
  justify-content: center
}

.menu-centered>.menu li {
  display: flex;
  justify-content: center
}

.menu-centered>.menu li .submenu li {
  justify-content: flex-start
}

.no-js [data-responsive-menu] ul {
  display: none
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
  position: relative;
  padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #000000 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px
}

[data-whatinput=mouse] .dropdown.menu a {
  outline: 0
}

.dropdown.menu>li>a {
  background: #ffffff;
  padding: 1.25rem
}

.dropdown.menu>li.is-active>a {
  background: transparent;
  color: #ffc510
}

.no-js .dropdown.menu ul {
  display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
  top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
  right: auto;
  left: 100%
}

.dropdown.menu.vertical>li>a:after {
  right: 14px
}

.dropdown.menu.vertical>li.opens-left>a:after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #000000 transparent transparent;
  right: auto;
  left: 5px
}

.dropdown.menu.vertical>li.opens-right>a:after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #000000
}

@media print,
screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
  }

  .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
  }

  .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
  }

  .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #000000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
  }

  .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
  }

  .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.medium-vertical>li>a:after {
    right: 14px
  }

  .dropdown.menu.medium-vertical>li.opens-left>a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px
  }

  .dropdown.menu.medium-vertical>li.opens-right>a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #000000
  }
}

@media print,
screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
  }

  .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
  }

  .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
  }

  .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #000000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
  }

  .dropdown.menu.large-vertical>li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
  }

  .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.large-vertical>li>a:after {
    right: 14px
  }

  .dropdown.menu.large-vertical>li.opens-left>a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px
  }

  .dropdown.menu.large-vertical>li.opens-right>a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #000000
  }
}

@media screen and (min-width: 75em) {
  .dropdown.menu.xlarge-horizontal>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
  }

  .dropdown.menu.xlarge-horizontal>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
  }

  .dropdown.menu.xlarge-horizontal>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
  }

  .dropdown.menu.xlarge-horizontal>li.is-dropdown-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #000000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
  }

  .dropdown.menu.xlarge-vertical>li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.xlarge-vertical>li.opens-left>.is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
  }

  .dropdown.menu.xlarge-vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.xlarge-vertical>li>a:after {
    right: 14px
  }

  .dropdown.menu.xlarge-vertical>li.opens-left>a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px
  }

  .dropdown.menu.xlarge-vertical>li.opens-right>a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #000000
  }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto
}

.is-dropdown-menu.vertical {
  width: 100px
}

.is-dropdown-menu.vertical.align-right {
  float: right
}

.is-dropdown-submenu-parent {
  position: relative
}

.is-dropdown-submenu-parent a:after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
  top: 100%;
  left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
  right: 100%;
  left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
  right: auto;
  left: 100%
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #dddddd;
  background: #ffffff
}

.dropdown .is-dropdown-submenu a {
  padding: 1.25rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a:after {
  right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #000000 transparent transparent;
  right: auto;
  left: 5px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #000000
}

.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px
}

.is-dropdown-submenu>li {
  width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
  display: block
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden
}

html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

html.is-reveal-open body {
  overflow-y: hidden
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: #00000073;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.reveal {
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #dddddd;
  border-radius: 0;
  background-color: #fff
}

[data-whatinput=mouse] .reveal {
  outline: 0
}

@media print,
screen and (min-width: 40em) {
  .reveal {
    min-height: 0
  }
}

.reveal .column {
  min-width: 0
}

.reveal>:last-child {
  margin-bottom: 0
}

@media print,
screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 1200px
  }
}

.reveal.collapse {
  padding: 0
}

@media print,
screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 1200px
  }
}

@media print,
screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 1200px
  }
}

@media print,
screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 1200px
  }
}

.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0
}

@media print,
screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
  }
}

.reveal.without-overlay {
  position: fixed
}

.sticky-container {
  position: relative
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translateZ(0)
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%
}

.sticky.is-stuck.is-at-top {
  top: 0
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0
}

@font-face {
  font-family: Material Design Icons;
  /*src: url(../../../materialdesignicons-webfont.eot?v=3.9.97);*/
  src: url(../../../materialdesignicons-webfont.eot?#iefix&v=3.9.97) format("embedded-opentype"),
    /*url(clientlib-base/resources/fonts/materialdesignicons-webfont.woff2?v=3.9.97) format("woff2"),*/
    /*url(clientlib-base/resources/fonts/materialdesignicons-webfont.woff?v=3.9.97) format("woff"),*/
    /*url(clientlib-base/resources/fonts/materialdesignicons-webfont.ttf?v=3.9.97) format("truetype")*/
  ;
  font-weight: 400;
  font-style: normal
}

.cmp-icon:before,
.cmp-icon-set {
  display: inline-block;
  font: 24px/1 Material Design Icons;
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.cmp-icon-account:before {
  content: ""
}

.cmp-icon-account-search:before {
  content: ""
}

.cmp-icon-account-multiple:before {
  content: ""
}

.cmp-icon-adjust:before {
  content: ""
}

.cmp-icon-alert:before {
  content: ""
}

.cmp-icon-arrow-down:before {
  content: ""
}

.cmp-icon-arrow-down-bold:before {
  content: ""
}

.cmp-icon-arrow-expand:before {
  content: ""
}

.cmp-icon-arrow-left:before {
  content: ""
}

.cmp-icon-arrow-left-bold:before {
  content: ""
}

.cmp-icon-arrow-right:before {
  content: ""
}

.cmp-icon-arrow-right-bold:before {
  content: ""
}

.cmp-icon-arrow-top-right:before {
  content: ""
}

.cmp-icon-arrow-top-right-thick:before {
  content: "暈"
}

.cmp-icon-arrow-right-thick:before {
  content: ""
}

.cmp-icon-arrow-left-thick:before {
  content: ""
}

.cmp-icon-arrow-up:before {
  content: ""
}

.cmp-icon-arrow-up-bold:before {
  content: ""
}

.cmp-icon-arrow-bottom-right-thick:before {
  content: "惡"
}

.cmp-icon-arrow-bottom-right:before {
  content: ""
}

.cmp-icon-book-open-page-variant:before {
  content: ""
}

.cmp-icon-bookmark-plus-outline:before {
  content: ""
}

.cmp-icon-briefcase:before {
  content: ""
}

.cmp-icon-calculator:before {
  content: ""
}

.cmp-icon-calendar-blank:before {
  content: ""
}

.cmp-icon-cart:before {
  content: ""
}

.cmp-icon-cart-outline:before {
  content: ""
}

.cmp-icon-cart-minus:before {
  content: "﵄"
}

.cmp-icon-cart-plus:before {
  content: ""
}

.cmp-icon-chevron-down:before {
  content: ""
}

.cmp-icon-chevron-left:before {
  content: ""
}

.cmp-icon-chevron-right:before {
  content: ""
}

.cmp-icon-chevron-up:before {
  content: ""
}

.cmp-icon-close:before {
  content: ""
}

.cmp-icon-database-search:before {
  content: ""
}

.cmp-icon-directions-car:before {
  content: ""
}

.cmp-icon-download:before {
  content: ""
}

.cmp-icon-earth:before {
  content: ""
}

.cmp-icon-facebook:before {
  content: ""
}

.cmp-icon-file:before {
  content: ""
}

.cmp-icon-file-pdf:before {
  content: ""
}

.cmp-icon-file-plus:before {
  content: ""
}

.cmp-icon-file-remove:before {
  content: "ﭴ"
}

.cmp-icon-file-multiple:before {
  content: ""
}

.cmp-icon-filter:before {
  content: ""
}

.cmp-icon-filter-variant:before {
  content: ""
}

.cmp-icon-get-app:before {
  content: "ﭫ"
}

.cmp-icon-heart-outline:before {
  content: ""
}

.cmp-icon-home:before {
  content: ""
}

.cmp-icon-information:before {
  content: ""
}

.cmp-icon-information-outline:before {
  content: ""
}

.cmp-icon-instagram:before {
  content: ""
}

.cmp-icon-linkedin:before {
  content: ""
}

.cmp-icon-login:before {
  content: ""
}

.cmp-icon-menu:before {
  content: ""
}

.cmp-icon-menu-up:before {
  content: ""
}

.cmp-icon-menu-down:before {
  content: ""
}

.cmp-icon-magnify:before {
  content: ""
}

.cmp-icon-map-marker:before {
  content: ""
}

.cmp-icon-minus:before {
  content: ""
}

.cmp-icon-package-variant-closed:before {
  content: ""
}

.cmp-icon-phone:before {
  content: ""
}

.cmp-icon-play-circle-outline:before {
  content: ""
}

.cmp-icon-plus:before {
  content: ""
}

.cmp-icon-share-variant:before {
  content: ""
}

.cmp-icon-store:before {
  content: ""
}

.cmp-icon-thumb-up-outline:before {
  content: ""
}

.cmp-icon-twitter:before {
  content: ""
}

.cmp-icon-triangle:before {
  content: ""
}

.cmp-icon-videocam:before {
  content: ""
}

.cmp-icon-vk:before {
  content: ""
}

.cmp-icon-youtube:before {
  content: ""
}

.cmp-icon-check:before {
  content: ""
}

.cmp-icon-alert-box:before {
  content: ""
}

.cmp-icon-checkbox-marked:before {
  content: ""
}

.cmp-icon-email:before {
  content: ""
}

.cmp-icon-email-outline:before {
  content: ""
}

.cmp-icon-open-in-new:before {
  content: ""
}

.cmp-icon-basket:before {
  content: ""
}

.cmp-icon-basket-fill:before {
  content: ""
}

.cmp-icon-basket-unfill:before {
  content: ""
}

.cmp-icon-star:before {
  content: ""
}

.cmp-icon-star-outline:before {
  content: ""
}

.cmp-icon-xing:before {
  content: ""
}

.cmp-icon-wechat:before {
  content: ""
}

.cmp-icon-weibo:before {
  content: "﫞"
}

.cmp-icon-whatsapp:before {
  content: ""
}

.cmp-icon-telegram:before {
  content: ""
}

.cmp-icon-blank:before {
  content: "";
  visibility: hidden
}

.cmp-icon-18px.cmp-icon-set,
.cmp-icon-18px.cmp-icon:before {
  font-size: 18px
}

.cmp-icon-24px.cmp-icon-set,
.cmp-icon-24px.cmp-icon:before {
  font-size: 24px
}

.cmp-icon-36px.cmp-icon-set,
.cmp-icon-36px.cmp-icon:before {
  font-size: 36px
}

.cmp-icon-48px.cmp-icon-set,
.cmp-icon-48px.cmp-icon:before {
  font-size: 48px
}

.cmp-icon-dark:before {
  color: #0000008a
}

.cmp-icon-dark.cmp-icon-inactive:before {
  color: #00000042
}

.cmp-icon-light:before {
  color: #fff
}

.cmp-icon-light.cmp-icon-inactive:before {
  color: #ffffff4d
}

.cmp-icon-rotate-45:before {
  transform: rotate(45deg)
}

.cmp-icon-rotate-90:before {
  transform: rotate(90deg)
}

.cmp-icon-rotate-135:before {
  transform: rotate(135deg)
}

.cmp-icon-rotate-180:before {
  transform: rotate(180deg)
}

.cmp-icon-rotate-225:before {
  transform: rotate(225deg)
}

.cmp-icon-rotate-270:before {
  transform: rotate(270deg)
}

.cmp-icon-rotate-315:before {
  transform: rotate(315deg)
}

.cmp-icon-flip-h:before {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"
}

.cmp-icon-flip-v:before {
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV"
}

.cmp-icon-spin:before {
  animation: cmp-icon-spin 2s infinite linear
}

@keyframes cmp-icon-spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(359deg)
  }
}

*[dir=rtl] .cmp-icon-arrow-left:before {
  content: ""
}

*[dir=rtl] .cmp-icon-arrow-right:before {
  content: ""
}

.cmp-icon,
.cmp-icon:hover {
  transition: color .3s ease-in
}

html {
  height: 100%;
  height: 100vh;
  scroll-behavior: smooth
}

body {
  min-height: 100%;
  min-height: 100vh
}

iframe {
  border: 0 !important
}

.cmp-font--klavika {
  font-family: Klavika Light
}

.cmp-font--klavika h3,
.cmp-font--klavika .h3,
.cmp-font--klavika h5,
.cmp-font--klavika .h5,
.cmp-font--klavika h6,
.cmp-font--klavika .h6 {
  font-family: Klavika Medium;
  font-weight: 700
}

.cmp-font--klavika h1,
.cmp-font--klavika .h1,
.cmp-font--klavika h2,
.cmp-font--klavika .h2,
.cmp-font--klavika h4,
.cmp-font--klavika .h4 {
  font-family: Klavika Regular;
  font-weight: 400
}

.cmp-font--klavika h1,
.cmp-font--klavika .h1 {
  font-family: Klavika Light
}

.cmp-font--klavika h1,
.cmp-font--klavika .h1 {
  font-size: 3.05rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h1,
  .cmp-font--klavika .h1 {
    font-size: calc(3.05rem + .39 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h1,
  .cmp-font--klavika .h1 {
    font-size: 3.44rem
  }
}

.cmp-font--klavika h1,
.cmp-font--klavika .h1 {
  line-height: 48px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h1,
  .cmp-font--klavika .h1 {
    line-height: calc(48px + .03125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h1,
  .cmp-font--klavika .h1 {
    line-height: 58px
  }
}

.cmp-font--klavika h2,
.cmp-font--klavika .h2 {
  font-size: 2.44rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h2,
  .cmp-font--klavika .h2 {
    font-size: calc(2.44rem + .31 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h2,
  .cmp-font--klavika .h2 {
    font-size: 2.75rem
  }
}

.cmp-font--klavika h2,
.cmp-font--klavika .h2 {
  line-height: 44px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h2,
  .cmp-font--klavika .h2 {
    line-height: calc(44px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h2,
  .cmp-font--klavika .h2 {
    line-height: 49px
  }
}

.cmp-font--klavika h3,
.cmp-font--klavika .h3 {
  font-size: 1.95rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h3,
  .cmp-font--klavika .h3 {
    font-size: calc(1.95rem + .4 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h3,
  .cmp-font--klavika .h3 {
    font-size: 2.35rem
  }
}

.cmp-font--klavika h3,
.cmp-font--klavika .h3 {
  line-height: 40px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h3,
  .cmp-font--klavika .h3 {
    line-height: calc(40px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h3,
  .cmp-font--klavika .h3 {
    line-height: 38px
  }
}

.cmp-font--klavika h4,
.cmp-font--klavika .h4 {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h4,
  .cmp-font--klavika .h4 {
    font-size: calc(1.56rem + .001*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h4,
  .cmp-font--klavika .h4 {
    font-size: 1.88rem
  }
}

.cmp-font--klavika h4,
.cmp-font--klavika .h4 {
  line-height: 25px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h4,
  .cmp-font--klavika .h4 {
    line-height: calc(25px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h4,
  .cmp-font--klavika .h4 {
    line-height: 30px
  }
}

.cmp-font--klavika h5,
.cmp-font--klavika .h5 {
  line-height: 24px
}

.cmp-font--klavika h5,
.cmp-font--klavika .h5 {
  font-size: 1.25rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h5,
  .cmp-font--klavika .h5 {
    font-size: calc(1.25rem + .25 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h5,
  .cmp-font--klavika .h5 {
    font-size: 1.5rem
  }
}

.cmp-font--klavika h6,
.cmp-font--klavika .h6 {
  letter-spacing: .03125rem;
  text-transform: uppercase !important
}

.cmp-font--klavika h6,
.cmp-font--klavika .h6 {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h6,
  .cmp-font--klavika .h6 {
    font-size: calc(1rem + .2 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h6,
  .cmp-font--klavika .h6 {
    font-size: 1.2rem
  }
}

.cmp-font--klavika h6,
.cmp-font--klavika .h6 {
  line-height: 20px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika h6,
  .cmp-font--klavika .h6 {
    line-height: calc(20px + -1 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika h6,
  .cmp-font--klavika .h6 {
    line-height: 19px
  }
}

.cmp-font--klavika .cmp-display {
  font-family: Klavika Light;
  letter-spacing: .03125rem
}

.cmp-font--klavika .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--klavika .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-font--klavika .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-font--klavika .lead {
  font-size: 1.44rem;
  font-family: Klavika Light
}

.cmp-font--klavika .lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--klavika .lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--klavika .lead {
    line-height: 30px
  }
}

.cmp-font--klavika .cmp-lead {
  font-size: 1.44rem;
  font-family: Klavika Light
}

.cmp-font--klavika .cmp-lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--klavika .cmp-lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--klavika .cmp-lead {
    line-height: 30px
  }
}

.cmp-font--klavika small,
.cmp-font--klavika .small {
  font-size: .625rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika small,
  .cmp-font--klavika .small {
    font-size: calc(.625rem + .1875 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika small,
  .cmp-font--klavika .small {
    font-size: .8125rem
  }
}

.cmp-font--klavika small,
.cmp-font--klavika .small {
  line-height: 12px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika small,
  .cmp-font--klavika .small {
    line-height: calc(12px + .0125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika small,
  .cmp-font--klavika .small {
    line-height: 16px
  }
}

.cmp-font--klavika blockquote {
  font-weight: 700;
  font-style: italic !important;
  font-family: Klavika Medium Italic
}

.cmp-font--klavika blockquote {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {
  .cmp-font--klavika blockquote {
    font-size: calc(1.56rem + -.06 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--klavika blockquote {
    font-size: 1.5rem
  }
}

.cmp-font--klavika blockquote {
  line-height: 34px
}

@media screen and (min-width: 20em) {
  .cmp-font--klavika blockquote {
    line-height: calc(34px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--klavika blockquote {
    line-height: 32px
  }
}

.cmp-font--klavika .button {
  letter-spacing: .03125rem;
  font-weight: 700;
  font-family: Klavika Medium;
  text-transform: uppercase !important
}

.cmp-font--klavika .cmp-product span {
  font-size: 1.3125rem
}

.cmp-font--klavika .cmp-product__description .button {
  padding: 0
}

.cmp-font--klavika .cmp-header {
  font-family: Klavika Regular
}

.cmp-font--klavika .cmp-text .cmp-definition b {
  font-family: Klavika Medium;
  font-weight: 700
}

.cmp-font--klavika .cmp-font--modifier-light {
  font-family: Klavika Light
}

.cmp-font--klavika .cmp-font--modifier-regular {
  font-family: Klavika Regular
}

.cmp-font--klavika .cmp-font--modifier-medium {
  font-family: Klavika Medium
}

.cmp-font--klavika .cmp-font--modifier-bold {
  font-family: Klavika Bold
}

.cmp-font--klavika .cmp-font--light {
  font-family: Klavika Light;
  font-weight: 400
}

.cmp-font--klavika .cmp-font--regular {
  font-family: Klavika Regular;
  font-weight: 400
}

.cmp-font--klavika .cmp-font--bold {
  font-family: Klavika Medium
}

.cmp-font--klavika-vn {
  font-family: Klavika VN Light
}

.cmp-font--klavika-vn h3,
.cmp-font--klavika-vn .h3,
.cmp-font--klavika-vn h5,
.cmp-font--klavika-vn .h5,
.cmp-font--klavika-vn h6,
.cmp-font--klavika-vn .h6 {
  font-family: Klavika VN Medium;
  font-weight: 700
}

.cmp-font--klavika-vn h1,
.cmp-font--klavika-vn .h1,
.cmp-font--klavika-vn h2,
.cmp-font--klavika-vn .h2,
.cmp-font--klavika-vn h4,
.cmp-font--klavika-vn .h4 {
  font-family: Klavika VN Light;
  font-weight: 400
}

.cmp-font--klavika-vn h1,
.cmp-font--klavika-vn .h1 {
  font-family: Klavika VN Light
}

.cmp-font--klavika-vn h1,
.cmp-font--klavika-vn .h1 {
  font-size: 3.05rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h1,
  .cmp-font--klavika-vn .h1 {
    font-size: calc(3.05rem + .39 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h1,
  .cmp-font--klavika-vn .h1 {
    font-size: 3.44rem
  }
}

.cmp-font--klavika-vn h1,
.cmp-font--klavika-vn .h1 {
  line-height: 48px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h1,
  .cmp-font--klavika-vn .h1 {
    line-height: calc(48px + .03125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h1,
  .cmp-font--klavika-vn .h1 {
    line-height: 58px
  }
}

.cmp-font--klavika-vn h2,
.cmp-font--klavika-vn .h2 {
  font-size: 2.44rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h2,
  .cmp-font--klavika-vn .h2 {
    font-size: calc(2.44rem + .31 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h2,
  .cmp-font--klavika-vn .h2 {
    font-size: 2.75rem
  }
}

.cmp-font--klavika-vn h2,
.cmp-font--klavika-vn .h2 {
  line-height: 44px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h2,
  .cmp-font--klavika-vn .h2 {
    line-height: calc(44px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h2,
  .cmp-font--klavika-vn .h2 {
    line-height: 49px
  }
}

.cmp-font--klavika-vn h3,
.cmp-font--klavika-vn .h3 {
  font-size: 1.95rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h3,
  .cmp-font--klavika-vn .h3 {
    font-size: calc(1.95rem + .4 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h3,
  .cmp-font--klavika-vn .h3 {
    font-size: 2.35rem
  }
}

.cmp-font--klavika-vn h3,
.cmp-font--klavika-vn .h3 {
  line-height: 40px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h3,
  .cmp-font--klavika-vn .h3 {
    line-height: calc(40px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h3,
  .cmp-font--klavika-vn .h3 {
    line-height: 38px
  }
}

.cmp-font--klavika-vn h4,
.cmp-font--klavika-vn .h4 {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h4,
  .cmp-font--klavika-vn .h4 {
    font-size: calc(1.56rem + .001*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h4,
  .cmp-font--klavika-vn .h4 {
    font-size: 1.88rem
  }
}

.cmp-font--klavika-vn h4,
.cmp-font--klavika-vn .h4 {
  line-height: 25px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h4,
  .cmp-font--klavika-vn .h4 {
    line-height: calc(25px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h4,
  .cmp-font--klavika-vn .h4 {
    line-height: 30px
  }
}

.cmp-font--klavika-vn h5,
.cmp-font--klavika-vn .h5 {
  line-height: 24px
}

.cmp-font--klavika-vn h5,
.cmp-font--klavika-vn .h5 {
  font-size: 1.25rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h5,
  .cmp-font--klavika-vn .h5 {
    font-size: calc(1.25rem + .25 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h5,
  .cmp-font--klavika-vn .h5 {
    font-size: 1.5rem
  }
}

.cmp-font--klavika-vn h6,
.cmp-font--klavika-vn .h6 {
  letter-spacing: .03125rem;
  text-transform: uppercase !important
}

.cmp-font--klavika-vn h6,
.cmp-font--klavika-vn .h6 {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h6,
  .cmp-font--klavika-vn .h6 {
    font-size: calc(1rem + .2 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h6,
  .cmp-font--klavika-vn .h6 {
    font-size: 1.2rem
  }
}

.cmp-font--klavika-vn h6,
.cmp-font--klavika-vn .h6 {
  line-height: 20px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn h6,
  .cmp-font--klavika-vn .h6 {
    line-height: calc(20px + -1 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn h6,
  .cmp-font--klavika-vn .h6 {
    line-height: 19px
  }
}

.cmp-font--klavika-vn .cmp-display {
  font-family: Klavika VN Light;
  letter-spacing: .03125rem
}

.cmp-font--klavika-vn .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--klavika-vn .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-font--klavika-vn .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-font--klavika-vn .lead {
  font-size: 1.44rem;
  font-family: Klavika VN Light
}

.cmp-font--klavika-vn .lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--klavika-vn .lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--klavika-vn .lead {
    line-height: 30px
  }
}

.cmp-font--klavika-vn .cmp-lead {
  font-size: 1.44rem;
  font-family: Klavika VN Light
}

.cmp-font--klavika-vn .cmp-lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--klavika-vn .cmp-lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--klavika-vn .cmp-lead {
    line-height: 30px
  }
}

.cmp-font--klavika-vn small,
.cmp-font--klavika-vn .small {
  font-size: .625rem
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn small,
  .cmp-font--klavika-vn .small {
    font-size: calc(.625rem + .1875 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn small,
  .cmp-font--klavika-vn .small {
    font-size: .8125rem
  }
}

.cmp-font--klavika-vn small,
.cmp-font--klavika-vn .small {
  line-height: 12px
}

@media screen and (min-width: 20em) {

  .cmp-font--klavika-vn small,
  .cmp-font--klavika-vn .small {
    line-height: calc(12px + .0125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--klavika-vn small,
  .cmp-font--klavika-vn .small {
    line-height: 16px
  }
}

.cmp-font--klavika-vn blockquote {
  font-weight: 700;
  font-style: italic !important;
  font-family: Klavika VN Light
}

.cmp-font--klavika-vn blockquote {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {
  .cmp-font--klavika-vn blockquote {
    font-size: calc(1.56rem + -.06 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--klavika-vn blockquote {
    font-size: 1.5rem
  }
}

.cmp-font--klavika-vn blockquote {
  line-height: 34px
}

@media screen and (min-width: 20em) {
  .cmp-font--klavika-vn blockquote {
    line-height: calc(34px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--klavika-vn blockquote {
    line-height: 32px
  }
}

.cmp-font--klavika-vn .button {
  letter-spacing: .03125rem;
  font-weight: 700;
  font-family: Klavika VN Medium;
  text-transform: uppercase !important
}

.cmp-font--klavika-vn .cmp-product span {
  font-size: 1.3125rem
}

.cmp-font--klavika-vn .cmp-product__description .button {
  padding: 0
}

.cmp-font--klavika-vn .cmp-header {
  font-family: Klavika VN Light
}

.cmp-font--klavika-vn .cmp-text .cmp-definition b {
  font-family: Klavika VN Medium;
  font-weight: 700
}

.cmp-font--klavika-vn .cmp-font--modifier-light,
.cmp-font--klavika-vn .cmp-font--modifier-regular {
  font-family: Klavika VN Light
}

.cmp-font--klavika-vn .cmp-font--modifier-medium,
.cmp-font--klavika-vn .cmp-font--modifier-bold {
  font-family: Klavika VN Medium
}

.cmp-font--klavika-vn .cmp-font--light {
  font-family: Klavika VN Light;
  font-weight: 400
}

.cmp-font--klavika-vn .cmp-font--bold {
  font-family: Klavika VN Medium
}

.cmp-font--calibri-regular {
  font-family: Calibri Regular
}

.cmp-font--calibri-regular h3,
.cmp-font--calibri-regular .h3,
.cmp-font--calibri-regular h5,
.cmp-font--calibri-regular .h5,
.cmp-font--calibri-regular h6,
.cmp-font--calibri-regular .h6 {
  font-family: Calibri Regular;
  font-weight: 700
}

.cmp-font--calibri-regular h1,
.cmp-font--calibri-regular .h1,
.cmp-font--calibri-regular h2,
.cmp-font--calibri-regular .h2,
.cmp-font--calibri-regular h4,
.cmp-font--calibri-regular .h4 {
  font-family: Calibri Regular;
  font-weight: 400
}

.cmp-font--calibri-regular h1,
.cmp-font--calibri-regular .h1 {
  font-family: Calibri Regular
}

.cmp-font--calibri-regular h1,
.cmp-font--calibri-regular .h1 {
  font-size: 3.05rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h1,
  .cmp-font--calibri-regular .h1 {
    font-size: calc(3.05rem + .39 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h1,
  .cmp-font--calibri-regular .h1 {
    font-size: 3.44rem
  }
}

.cmp-font--calibri-regular h1,
.cmp-font--calibri-regular .h1 {
  line-height: 48px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h1,
  .cmp-font--calibri-regular .h1 {
    line-height: calc(48px + .03125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h1,
  .cmp-font--calibri-regular .h1 {
    line-height: 58px
  }
}

.cmp-font--calibri-regular h2,
.cmp-font--calibri-regular .h2 {
  font-size: 2.44rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h2,
  .cmp-font--calibri-regular .h2 {
    font-size: calc(2.44rem + .31 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h2,
  .cmp-font--calibri-regular .h2 {
    font-size: 2.75rem
  }
}

.cmp-font--calibri-regular h2,
.cmp-font--calibri-regular .h2 {
  line-height: 44px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h2,
  .cmp-font--calibri-regular .h2 {
    line-height: calc(44px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h2,
  .cmp-font--calibri-regular .h2 {
    line-height: 49px
  }
}

.cmp-font--calibri-regular h3,
.cmp-font--calibri-regular .h3 {
  font-size: 1.95rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h3,
  .cmp-font--calibri-regular .h3 {
    font-size: calc(1.95rem + .4 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h3,
  .cmp-font--calibri-regular .h3 {
    font-size: 2.35rem
  }
}

.cmp-font--calibri-regular h3,
.cmp-font--calibri-regular .h3 {
  line-height: 40px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h3,
  .cmp-font--calibri-regular .h3 {
    line-height: calc(40px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h3,
  .cmp-font--calibri-regular .h3 {
    line-height: 38px
  }
}

.cmp-font--calibri-regular h4,
.cmp-font--calibri-regular .h4 {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h4,
  .cmp-font--calibri-regular .h4 {
    font-size: calc(1.56rem + .001*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h4,
  .cmp-font--calibri-regular .h4 {
    font-size: 1.88rem
  }
}

.cmp-font--calibri-regular h4,
.cmp-font--calibri-regular .h4 {
  line-height: 25px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h4,
  .cmp-font--calibri-regular .h4 {
    line-height: calc(25px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h4,
  .cmp-font--calibri-regular .h4 {
    line-height: 30px
  }
}

.cmp-font--calibri-regular h5,
.cmp-font--calibri-regular .h5 {
  line-height: 24px
}

.cmp-font--calibri-regular h5,
.cmp-font--calibri-regular .h5 {
  font-size: 1.25rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h5,
  .cmp-font--calibri-regular .h5 {
    font-size: calc(1.25rem + .25 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h5,
  .cmp-font--calibri-regular .h5 {
    font-size: 1.5rem
  }
}

.cmp-font--calibri-regular h6,
.cmp-font--calibri-regular .h6 {
  letter-spacing: .03125rem;
  text-transform: uppercase !important
}

.cmp-font--calibri-regular h6,
.cmp-font--calibri-regular .h6 {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h6,
  .cmp-font--calibri-regular .h6 {
    font-size: calc(1rem + .2 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h6,
  .cmp-font--calibri-regular .h6 {
    font-size: 1.2rem
  }
}

.cmp-font--calibri-regular h6,
.cmp-font--calibri-regular .h6 {
  line-height: 20px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular h6,
  .cmp-font--calibri-regular .h6 {
    line-height: calc(20px + -1 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular h6,
  .cmp-font--calibri-regular .h6 {
    line-height: 19px
  }
}

.cmp-font--calibri-regular .cmp-display {
  font-family: Calibri Regular;
  letter-spacing: .03125rem
}

.cmp-font--calibri-regular .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--calibri-regular .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-font--calibri-regular .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-font--calibri-regular .lead {
  font-size: 1.44rem;
  font-family: Calibri Regular
}

.cmp-font--calibri-regular .lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--calibri-regular .lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--calibri-regular .lead {
    line-height: 30px
  }
}

.cmp-font--calibri-regular .cmp-lead {
  font-size: 1.44rem;
  font-family: Calibri Regular
}

.cmp-font--calibri-regular .cmp-lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--calibri-regular .cmp-lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--calibri-regular .cmp-lead {
    line-height: 30px
  }
}

.cmp-font--calibri-regular small,
.cmp-font--calibri-regular .small {
  font-size: .625rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular small,
  .cmp-font--calibri-regular .small {
    font-size: calc(.625rem + .1875 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular small,
  .cmp-font--calibri-regular .small {
    font-size: .8125rem
  }
}

.cmp-font--calibri-regular small,
.cmp-font--calibri-regular .small {
  line-height: 12px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri-regular small,
  .cmp-font--calibri-regular .small {
    line-height: calc(12px + .0125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri-regular small,
  .cmp-font--calibri-regular .small {
    line-height: 16px
  }
}

.cmp-font--calibri-regular blockquote {
  font-weight: 700;
  font-style: italic !important;
  font-family: Calibri Regular
}

.cmp-font--calibri-regular blockquote {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {
  .cmp-font--calibri-regular blockquote {
    font-size: calc(1.56rem + -.06 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--calibri-regular blockquote {
    font-size: 1.5rem
  }
}

.cmp-font--calibri-regular blockquote {
  line-height: 34px
}

@media screen and (min-width: 20em) {
  .cmp-font--calibri-regular blockquote {
    line-height: calc(34px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--calibri-regular blockquote {
    line-height: 32px
  }
}

.cmp-font--calibri-regular .button {
  letter-spacing: .03125rem;
  font-weight: 700;
  font-family: Calibri Regular;
  text-transform: uppercase !important
}

.cmp-font--calibri-regular .cmp-product span {
  font-size: 1.3125rem
}

.cmp-font--calibri-regular .cmp-product__description .button {
  padding: 0
}

.cmp-font--calibri-regular .cmp-header {
  font-family: Calibri Regular
}

.cmp-font--calibri-regular .cmp-text .cmp-definition b {
  font-family: Calibri Regular;
  font-weight: 700
}

.cmp-font--calibri-regular .cmp-font--modifier-light,
.cmp-font--calibri-regular .cmp-font--modifier-regular,
.cmp-font--calibri-regular .cmp-font--modifier-medium,
.cmp-font--calibri-regular .cmp-font--modifier-bold {
  font-family: Calibri Regular
}

.cmp-font--calibri-regular .cmp-font--light,
.cmp-font--calibri-regular .cmp-font--regular {
  font-weight: 400
}

.cmp-font--calibri-regular .cmp-font--bold {
  font-weight: 700
}

.cmp-font--calibri {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif
}

.cmp-font--calibri h3,
.cmp-font--calibri .h3,
.cmp-font--calibri h5,
.cmp-font--calibri .h5,
.cmp-font--calibri h6,
.cmp-font--calibri .h6 {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  font-weight: 700
}

.cmp-font--calibri h1,
.cmp-font--calibri .h1,
.cmp-font--calibri h2,
.cmp-font--calibri .h2,
.cmp-font--calibri h4,
.cmp-font--calibri .h4 {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  font-weight: 400
}

.cmp-font--calibri h1,
.cmp-font--calibri .h1 {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif
}

.cmp-font--calibri h1,
.cmp-font--calibri .h1 {
  font-size: 3.05rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h1,
  .cmp-font--calibri .h1 {
    font-size: calc(3.05rem + .39 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h1,
  .cmp-font--calibri .h1 {
    font-size: 3.44rem
  }
}

.cmp-font--calibri h1,
.cmp-font--calibri .h1 {
  line-height: 48px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h1,
  .cmp-font--calibri .h1 {
    line-height: calc(48px + .03125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h1,
  .cmp-font--calibri .h1 {
    line-height: 58px
  }
}

.cmp-font--calibri h2,
.cmp-font--calibri .h2 {
  font-size: 2.44rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h2,
  .cmp-font--calibri .h2 {
    font-size: calc(2.44rem + .31 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h2,
  .cmp-font--calibri .h2 {
    font-size: 2.75rem
  }
}

.cmp-font--calibri h2,
.cmp-font--calibri .h2 {
  line-height: 44px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h2,
  .cmp-font--calibri .h2 {
    line-height: calc(44px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h2,
  .cmp-font--calibri .h2 {
    line-height: 49px
  }
}

.cmp-font--calibri h3,
.cmp-font--calibri .h3 {
  font-size: 1.95rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h3,
  .cmp-font--calibri .h3 {
    font-size: calc(1.95rem + .4 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h3,
  .cmp-font--calibri .h3 {
    font-size: 2.35rem
  }
}

.cmp-font--calibri h3,
.cmp-font--calibri .h3 {
  line-height: 40px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h3,
  .cmp-font--calibri .h3 {
    line-height: calc(40px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h3,
  .cmp-font--calibri .h3 {
    line-height: 38px
  }
}

.cmp-font--calibri h4,
.cmp-font--calibri .h4 {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h4,
  .cmp-font--calibri .h4 {
    font-size: calc(1.56rem + .001*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h4,
  .cmp-font--calibri .h4 {
    font-size: 1.88rem
  }
}

.cmp-font--calibri h4,
.cmp-font--calibri .h4 {
  line-height: 25px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h4,
  .cmp-font--calibri .h4 {
    line-height: calc(25px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h4,
  .cmp-font--calibri .h4 {
    line-height: 30px
  }
}

.cmp-font--calibri h5,
.cmp-font--calibri .h5 {
  line-height: 24px
}

.cmp-font--calibri h5,
.cmp-font--calibri .h5 {
  font-size: 1.25rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h5,
  .cmp-font--calibri .h5 {
    font-size: calc(1.25rem + .25 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h5,
  .cmp-font--calibri .h5 {
    font-size: 1.5rem
  }
}

.cmp-font--calibri h6,
.cmp-font--calibri .h6 {
  letter-spacing: .03125rem;
  text-transform: uppercase !important
}

.cmp-font--calibri h6,
.cmp-font--calibri .h6 {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h6,
  .cmp-font--calibri .h6 {
    font-size: calc(1rem + .2 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h6,
  .cmp-font--calibri .h6 {
    font-size: 1.2rem
  }
}

.cmp-font--calibri h6,
.cmp-font--calibri .h6 {
  line-height: 20px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri h6,
  .cmp-font--calibri .h6 {
    line-height: calc(20px + -1 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri h6,
  .cmp-font--calibri .h6 {
    line-height: 19px
  }
}

.cmp-font--calibri .cmp-display {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  letter-spacing: .03125rem
}

.cmp-font--calibri .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--calibri .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-font--calibri .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-font--calibri .lead {
  font-size: 1.44rem;
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif
}

.cmp-font--calibri .lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--calibri .lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--calibri .lead {
    line-height: 30px
  }
}

.cmp-font--calibri .cmp-lead {
  font-size: 1.44rem;
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif
}

.cmp-font--calibri .cmp-lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--calibri .cmp-lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--calibri .cmp-lead {
    line-height: 30px
  }
}

.cmp-font--calibri small,
.cmp-font--calibri .small {
  font-size: .625rem
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri small,
  .cmp-font--calibri .small {
    font-size: calc(.625rem + .1875 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri small,
  .cmp-font--calibri .small {
    font-size: .8125rem
  }
}

.cmp-font--calibri small,
.cmp-font--calibri .small {
  line-height: 12px
}

@media screen and (min-width: 20em) {

  .cmp-font--calibri small,
  .cmp-font--calibri .small {
    line-height: calc(12px + .0125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--calibri small,
  .cmp-font--calibri .small {
    line-height: 16px
  }
}

.cmp-font--calibri blockquote {
  font-weight: 700;
  font-style: italic !important;
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif
}

.cmp-font--calibri blockquote {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {
  .cmp-font--calibri blockquote {
    font-size: calc(1.56rem + -.06 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--calibri blockquote {
    font-size: 1.5rem
  }
}

.cmp-font--calibri blockquote {
  line-height: 34px
}

@media screen and (min-width: 20em) {
  .cmp-font--calibri blockquote {
    line-height: calc(34px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--calibri blockquote {
    line-height: 32px
  }
}

.cmp-font--calibri .button {
  letter-spacing: .03125rem;
  font-weight: 700;
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  text-transform: uppercase !important
}

.cmp-font--calibri .cmp-product span {
  font-size: 1.3125rem
}

.cmp-font--calibri .cmp-product__description .button {
  padding: 0
}

.cmp-font--calibri .cmp-header {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif
}

.cmp-font--calibri .cmp-text .cmp-definition b {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  font-weight: 700
}

.cmp-font--calibri .cmp-font--modifier-light,
.cmp-font--calibri .cmp-font--modifier-regular,
.cmp-font--calibri .cmp-font--modifier-medium,
.cmp-font--calibri .cmp-font--modifier-bold {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif
}

.cmp-font--calibri .cmp-font--light,
.cmp-font--calibri .cmp-font--regular {
  font-weight: 400
}

.cmp-font--calibri .cmp-font--bold {
  font-weight: 700
}

.cmp-font--iransans {
  font-family: Iran Sans Light
}

.cmp-font--iransans h3,
.cmp-font--iransans .h3,
.cmp-font--iransans h5,
.cmp-font--iransans .h5,
.cmp-font--iransans h6,
.cmp-font--iransans .h6 {
  font-family: Iran Sans Bold;
  font-weight: 700
}

.cmp-font--iransans h1,
.cmp-font--iransans .h1,
.cmp-font--iransans h2,
.cmp-font--iransans .h2,
.cmp-font--iransans h4,
.cmp-font--iransans .h4 {
  font-family: Iran Sans;
  font-weight: 400
}

.cmp-font--iransans h1,
.cmp-font--iransans .h1 {
  font-family: Iran Sans Light
}

.cmp-font--iransans h1,
.cmp-font--iransans .h1 {
  font-size: 3.05rem
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h1,
  .cmp-font--iransans .h1 {
    font-size: calc(3.05rem + .39 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h1,
  .cmp-font--iransans .h1 {
    font-size: 3.44rem
  }
}

.cmp-font--iransans h1,
.cmp-font--iransans .h1 {
  line-height: 48px
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h1,
  .cmp-font--iransans .h1 {
    line-height: calc(48px + .03125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h1,
  .cmp-font--iransans .h1 {
    line-height: 58px
  }
}

.cmp-font--iransans h2,
.cmp-font--iransans .h2 {
  font-size: 2.44rem
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h2,
  .cmp-font--iransans .h2 {
    font-size: calc(2.44rem + .31 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h2,
  .cmp-font--iransans .h2 {
    font-size: 2.75rem
  }
}

.cmp-font--iransans h2,
.cmp-font--iransans .h2 {
  line-height: 44px
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h2,
  .cmp-font--iransans .h2 {
    line-height: calc(44px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h2,
  .cmp-font--iransans .h2 {
    line-height: 49px
  }
}

.cmp-font--iransans h3,
.cmp-font--iransans .h3 {
  font-size: 1.95rem
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h3,
  .cmp-font--iransans .h3 {
    font-size: calc(1.95rem + .4 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h3,
  .cmp-font--iransans .h3 {
    font-size: 2.35rem
  }
}

.cmp-font--iransans h3,
.cmp-font--iransans .h3 {
  line-height: 40px
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h3,
  .cmp-font--iransans .h3 {
    line-height: calc(40px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h3,
  .cmp-font--iransans .h3 {
    line-height: 38px
  }
}

.cmp-font--iransans h4,
.cmp-font--iransans .h4 {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h4,
  .cmp-font--iransans .h4 {
    font-size: calc(1.56rem + .001*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h4,
  .cmp-font--iransans .h4 {
    font-size: 1.88rem
  }
}

.cmp-font--iransans h4,
.cmp-font--iransans .h4 {
  line-height: 25px
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h4,
  .cmp-font--iransans .h4 {
    line-height: calc(25px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h4,
  .cmp-font--iransans .h4 {
    line-height: 30px
  }
}

.cmp-font--iransans h5,
.cmp-font--iransans .h5 {
  line-height: 24px
}

.cmp-font--iransans h5,
.cmp-font--iransans .h5 {
  font-size: 1.25rem
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h5,
  .cmp-font--iransans .h5 {
    font-size: calc(1.25rem + .25 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h5,
  .cmp-font--iransans .h5 {
    font-size: 1.5rem
  }
}

.cmp-font--iransans h6,
.cmp-font--iransans .h6 {
  letter-spacing: .03125rem;
  text-transform: uppercase !important
}

.cmp-font--iransans h6,
.cmp-font--iransans .h6 {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h6,
  .cmp-font--iransans .h6 {
    font-size: calc(1rem + .2 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h6,
  .cmp-font--iransans .h6 {
    font-size: 1.2rem
  }
}

.cmp-font--iransans h6,
.cmp-font--iransans .h6 {
  line-height: 20px
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans h6,
  .cmp-font--iransans .h6 {
    line-height: calc(20px + -1 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans h6,
  .cmp-font--iransans .h6 {
    line-height: 19px
  }
}

.cmp-font--iransans .cmp-display {
  font-family: Iran Sans Light;
  letter-spacing: .03125rem
}

.cmp-font--iransans .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--iransans .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-font--iransans .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-font--iransans .lead {
  font-size: 1.44rem;
  font-family: Iran Sans Light
}

.cmp-font--iransans .lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--iransans .lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--iransans .lead {
    line-height: 30px
  }
}

.cmp-font--iransans .cmp-lead {
  font-size: 1.44rem;
  font-family: Iran Sans Light
}

.cmp-font--iransans .cmp-lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--iransans .cmp-lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--iransans .cmp-lead {
    line-height: 30px
  }
}

.cmp-font--iransans small,
.cmp-font--iransans .small {
  font-size: .625rem
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans small,
  .cmp-font--iransans .small {
    font-size: calc(.625rem + .1875 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans small,
  .cmp-font--iransans .small {
    font-size: .8125rem
  }
}

.cmp-font--iransans small,
.cmp-font--iransans .small {
  line-height: 12px
}

@media screen and (min-width: 20em) {

  .cmp-font--iransans small,
  .cmp-font--iransans .small {
    line-height: calc(12px + .0125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--iransans small,
  .cmp-font--iransans .small {
    line-height: 16px
  }
}

.cmp-font--iransans blockquote {
  font-weight: 700;
  font-style: italic !important;
  font-family: Iran Sans
}

.cmp-font--iransans blockquote {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {
  .cmp-font--iransans blockquote {
    font-size: calc(1.56rem + -.06 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--iransans blockquote {
    font-size: 1.5rem
  }
}

.cmp-font--iransans blockquote {
  line-height: 34px
}

@media screen and (min-width: 20em) {
  .cmp-font--iransans blockquote {
    line-height: calc(34px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--iransans blockquote {
    line-height: 32px
  }
}

.cmp-font--iransans .button {
  letter-spacing: .03125rem;
  font-weight: 700;
  font-family: Iran Sans Bold;
  text-transform: uppercase !important
}

.cmp-font--iransans .cmp-product span {
  font-size: 1.3125rem
}

.cmp-font--iransans .cmp-product__description .button {
  padding: 0
}

.cmp-font--iransans .cmp-header {
  font-family: Iran Sans
}

.cmp-font--iransans .cmp-text .cmp-definition b {
  font-family: Iran Sans Bold;
  font-weight: 700
}

.cmp-font--iransans .cmp-font--modifier-light {
  font-family: Iran Sans Light
}

.cmp-font--iransans .cmp-font--modifier-regular {
  font-family: Iran Sans
}

.cmp-font--iransans .cmp-font--modifier-medium,
.cmp-font--iransans .cmp-font--modifier-bold {
  font-family: Iran Sans Bold
}

.cmp-font--iransans .cmp-font--light {
  font-family: Iran Sans Light;
  font-weight: 400
}

.cmp-font--iransans .cmp-font--regular {
  font-family: Iran Sans;
  font-weight: 400
}

.cmp-font--iransans .cmp-font--bold {
  font-family: Iran Sans Bold;
  font-weight: 700
}

.cmp-font--lantinghei {
  font-family: LanTingHei SemiBold
}

.cmp-font--lantinghei h3,
.cmp-font--lantinghei .h3,
.cmp-font--lantinghei h5,
.cmp-font--lantinghei .h5,
.cmp-font--lantinghei h6,
.cmp-font--lantinghei .h6 {
  font-family: LanTingHei SemiBold;
  font-weight: 700
}

.cmp-font--lantinghei h1,
.cmp-font--lantinghei .h1,
.cmp-font--lantinghei h2,
.cmp-font--lantinghei .h2,
.cmp-font--lantinghei h4,
.cmp-font--lantinghei .h4 {
  font-family: LanTingHei SemiBold;
  font-weight: 400
}

.cmp-font--lantinghei h1,
.cmp-font--lantinghei .h1 {
  font-family: LanTingHei SemiBold
}

.cmp-font--lantinghei h1,
.cmp-font--lantinghei .h1 {
  font-size: 3.05rem
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h1,
  .cmp-font--lantinghei .h1 {
    font-size: calc(3.05rem + .39 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h1,
  .cmp-font--lantinghei .h1 {
    font-size: 3.44rem
  }
}

.cmp-font--lantinghei h1,
.cmp-font--lantinghei .h1 {
  line-height: 48px
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h1,
  .cmp-font--lantinghei .h1 {
    line-height: calc(48px + .03125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h1,
  .cmp-font--lantinghei .h1 {
    line-height: 58px
  }
}

.cmp-font--lantinghei h2,
.cmp-font--lantinghei .h2 {
  font-size: 2.44rem
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h2,
  .cmp-font--lantinghei .h2 {
    font-size: calc(2.44rem + .31 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h2,
  .cmp-font--lantinghei .h2 {
    font-size: 2.75rem
  }
}

.cmp-font--lantinghei h2,
.cmp-font--lantinghei .h2 {
  line-height: 44px
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h2,
  .cmp-font--lantinghei .h2 {
    line-height: calc(44px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h2,
  .cmp-font--lantinghei .h2 {
    line-height: 49px
  }
}

.cmp-font--lantinghei h3,
.cmp-font--lantinghei .h3 {
  font-size: 1.95rem
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h3,
  .cmp-font--lantinghei .h3 {
    font-size: calc(1.95rem + .4 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h3,
  .cmp-font--lantinghei .h3 {
    font-size: 2.35rem
  }
}

.cmp-font--lantinghei h3,
.cmp-font--lantinghei .h3 {
  line-height: 40px
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h3,
  .cmp-font--lantinghei .h3 {
    line-height: calc(40px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h3,
  .cmp-font--lantinghei .h3 {
    line-height: 38px
  }
}

.cmp-font--lantinghei h4,
.cmp-font--lantinghei .h4 {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h4,
  .cmp-font--lantinghei .h4 {
    font-size: calc(1.56rem + .001*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h4,
  .cmp-font--lantinghei .h4 {
    font-size: 1.88rem
  }
}

.cmp-font--lantinghei h4,
.cmp-font--lantinghei .h4 {
  line-height: 25px
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h4,
  .cmp-font--lantinghei .h4 {
    line-height: calc(25px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h4,
  .cmp-font--lantinghei .h4 {
    line-height: 30px
  }
}

.cmp-font--lantinghei h5,
.cmp-font--lantinghei .h5 {
  line-height: 24px
}

.cmp-font--lantinghei h5,
.cmp-font--lantinghei .h5 {
  font-size: 1.25rem
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h5,
  .cmp-font--lantinghei .h5 {
    font-size: calc(1.25rem + .25 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h5,
  .cmp-font--lantinghei .h5 {
    font-size: 1.5rem
  }
}

.cmp-font--lantinghei h6,
.cmp-font--lantinghei .h6 {
  letter-spacing: .03125rem;
  text-transform: uppercase !important
}

.cmp-font--lantinghei h6,
.cmp-font--lantinghei .h6 {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h6,
  .cmp-font--lantinghei .h6 {
    font-size: calc(1rem + .2 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h6,
  .cmp-font--lantinghei .h6 {
    font-size: 1.2rem
  }
}

.cmp-font--lantinghei h6,
.cmp-font--lantinghei .h6 {
  line-height: 20px
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei h6,
  .cmp-font--lantinghei .h6 {
    line-height: calc(20px + -1 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei h6,
  .cmp-font--lantinghei .h6 {
    line-height: 19px
  }
}

.cmp-font--lantinghei .cmp-display {
  font-family: LanTingHei SemiBold;
  letter-spacing: .03125rem
}

.cmp-font--lantinghei .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--lantinghei .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-font--lantinghei .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-font--lantinghei .lead {
  font-size: 1.44rem;
  font-family: LanTingHei SemiBold
}

.cmp-font--lantinghei .lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--lantinghei .lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--lantinghei .lead {
    line-height: 30px
  }
}

.cmp-font--lantinghei .cmp-lead {
  font-size: 1.44rem;
  font-family: LanTingHei SemiBold
}

.cmp-font--lantinghei .cmp-lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--lantinghei .cmp-lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--lantinghei .cmp-lead {
    line-height: 30px
  }
}

.cmp-font--lantinghei small,
.cmp-font--lantinghei .small {
  font-size: .625rem
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei small,
  .cmp-font--lantinghei .small {
    font-size: calc(.625rem + .1875 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei small,
  .cmp-font--lantinghei .small {
    font-size: .8125rem
  }
}

.cmp-font--lantinghei small,
.cmp-font--lantinghei .small {
  line-height: 12px
}

@media screen and (min-width: 20em) {

  .cmp-font--lantinghei small,
  .cmp-font--lantinghei .small {
    line-height: calc(12px + .0125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--lantinghei small,
  .cmp-font--lantinghei .small {
    line-height: 16px
  }
}

.cmp-font--lantinghei blockquote {
  font-weight: 700;
  font-style: italic !important;
  font-family: LanTingHei SemiBold
}

.cmp-font--lantinghei blockquote {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {
  .cmp-font--lantinghei blockquote {
    font-size: calc(1.56rem + -.06 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--lantinghei blockquote {
    font-size: 1.5rem
  }
}

.cmp-font--lantinghei blockquote {
  line-height: 34px
}

@media screen and (min-width: 20em) {
  .cmp-font--lantinghei blockquote {
    line-height: calc(34px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--lantinghei blockquote {
    line-height: 32px
  }
}

.cmp-font--lantinghei .button {
  letter-spacing: .03125rem;
  font-weight: 700;
  font-family: LanTingHei SemiBold;
  text-transform: uppercase !important
}

.cmp-font--lantinghei .cmp-product span {
  font-size: 1.3125rem
}

.cmp-font--lantinghei .cmp-product__description .button {
  padding: 0
}

.cmp-font--lantinghei .cmp-header {
  font-family: LanTingHei SemiBold
}

.cmp-font--lantinghei .cmp-text .cmp-definition b {
  font-family: LanTingHei SemiBold;
  font-weight: 700
}

.cmp-font--lantinghei .cmp-font--modifier-light,
.cmp-font--lantinghei .cmp-font--modifier-regular,
.cmp-font--lantinghei .cmp-font--modifier-medium,
.cmp-font--lantinghei .cmp-font--modifier-bold {
  font-family: LanTingHei SemiBold
}

.cmp-font--lantinghei .cmp-font--light {
  font-family: LanTingHei Light;
  font-weight: 300
}

.cmp-font--lantinghei .cmp-font--regular {
  font-family: LanTingHei SemiBold;
  font-weight: 600
}

.cmp-font--lantinghei .cmp-font--bold {
  font-family: LanTingHei Bold;
  font-weight: 700
}

.cmp-font--gothic {
  font-family: Gothic Medium
}

.cmp-font--gothic h3,
.cmp-font--gothic .h3,
.cmp-font--gothic h5,
.cmp-font--gothic .h5,
.cmp-font--gothic h6,
.cmp-font--gothic .h6 {
  font-family: Gothic Medium;
  font-weight: 700
}

.cmp-font--gothic h1,
.cmp-font--gothic .h1,
.cmp-font--gothic h2,
.cmp-font--gothic .h2,
.cmp-font--gothic h4,
.cmp-font--gothic .h4 {
  font-family: Gothic Medium;
  font-weight: 400
}

.cmp-font--gothic h1,
.cmp-font--gothic .h1 {
  font-family: Gothic Medium
}

.cmp-font--gothic h1,
.cmp-font--gothic .h1 {
  font-size: 3.05rem
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h1,
  .cmp-font--gothic .h1 {
    font-size: calc(3.05rem + .39 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h1,
  .cmp-font--gothic .h1 {
    font-size: 3.44rem
  }
}

.cmp-font--gothic h1,
.cmp-font--gothic .h1 {
  line-height: 48px
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h1,
  .cmp-font--gothic .h1 {
    line-height: calc(48px + .03125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h1,
  .cmp-font--gothic .h1 {
    line-height: 58px
  }
}

.cmp-font--gothic h2,
.cmp-font--gothic .h2 {
  font-size: 2.44rem
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h2,
  .cmp-font--gothic .h2 {
    font-size: calc(2.44rem + .31 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h2,
  .cmp-font--gothic .h2 {
    font-size: 2.75rem
  }
}

.cmp-font--gothic h2,
.cmp-font--gothic .h2 {
  line-height: 44px
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h2,
  .cmp-font--gothic .h2 {
    line-height: calc(44px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h2,
  .cmp-font--gothic .h2 {
    line-height: 49px
  }
}

.cmp-font--gothic h3,
.cmp-font--gothic .h3 {
  font-size: 1.95rem
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h3,
  .cmp-font--gothic .h3 {
    font-size: calc(1.95rem + .4 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h3,
  .cmp-font--gothic .h3 {
    font-size: 2.35rem
  }
}

.cmp-font--gothic h3,
.cmp-font--gothic .h3 {
  line-height: 40px
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h3,
  .cmp-font--gothic .h3 {
    line-height: calc(40px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h3,
  .cmp-font--gothic .h3 {
    line-height: 38px
  }
}

.cmp-font--gothic h4,
.cmp-font--gothic .h4 {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h4,
  .cmp-font--gothic .h4 {
    font-size: calc(1.56rem + .001*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h4,
  .cmp-font--gothic .h4 {
    font-size: 1.88rem
  }
}

.cmp-font--gothic h4,
.cmp-font--gothic .h4 {
  line-height: 25px
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h4,
  .cmp-font--gothic .h4 {
    line-height: calc(25px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h4,
  .cmp-font--gothic .h4 {
    line-height: 30px
  }
}

.cmp-font--gothic h5,
.cmp-font--gothic .h5 {
  line-height: 24px
}

.cmp-font--gothic h5,
.cmp-font--gothic .h5 {
  font-size: 1.25rem
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h5,
  .cmp-font--gothic .h5 {
    font-size: calc(1.25rem + .25 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h5,
  .cmp-font--gothic .h5 {
    font-size: 1.5rem
  }
}

.cmp-font--gothic h6,
.cmp-font--gothic .h6 {
  letter-spacing: .03125rem;
  text-transform: uppercase !important
}

.cmp-font--gothic h6,
.cmp-font--gothic .h6 {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h6,
  .cmp-font--gothic .h6 {
    font-size: calc(1rem + .2 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h6,
  .cmp-font--gothic .h6 {
    font-size: 1.2rem
  }
}

.cmp-font--gothic h6,
.cmp-font--gothic .h6 {
  line-height: 20px
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic h6,
  .cmp-font--gothic .h6 {
    line-height: calc(20px + -1 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic h6,
  .cmp-font--gothic .h6 {
    line-height: 19px
  }
}

.cmp-font--gothic .cmp-display {
  font-family: Gothic Medium;
  letter-spacing: .03125rem
}

.cmp-font--gothic .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--gothic .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-font--gothic .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-font--gothic .lead {
  font-size: 1.44rem;
  font-family: Gothic Medium
}

.cmp-font--gothic .lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--gothic .lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--gothic .lead {
    line-height: 30px
  }
}

.cmp-font--gothic .cmp-lead {
  font-size: 1.44rem;
  font-family: Gothic Medium
}

.cmp-font--gothic .cmp-lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--gothic .cmp-lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--gothic .cmp-lead {
    line-height: 30px
  }
}

.cmp-font--gothic small,
.cmp-font--gothic .small {
  font-size: .625rem
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic small,
  .cmp-font--gothic .small {
    font-size: calc(.625rem + .1875 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic small,
  .cmp-font--gothic .small {
    font-size: .8125rem
  }
}

.cmp-font--gothic small,
.cmp-font--gothic .small {
  line-height: 12px
}

@media screen and (min-width: 20em) {

  .cmp-font--gothic small,
  .cmp-font--gothic .small {
    line-height: calc(12px + .0125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--gothic small,
  .cmp-font--gothic .small {
    line-height: 16px
  }
}

.cmp-font--gothic blockquote {
  font-weight: 700;
  font-style: italic !important;
  font-family: Gothic Medium
}

.cmp-font--gothic blockquote {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {
  .cmp-font--gothic blockquote {
    font-size: calc(1.56rem + -.06 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--gothic blockquote {
    font-size: 1.5rem
  }
}

.cmp-font--gothic blockquote {
  line-height: 34px
}

@media screen and (min-width: 20em) {
  .cmp-font--gothic blockquote {
    line-height: calc(34px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--gothic blockquote {
    line-height: 32px
  }
}

.cmp-font--gothic .button {
  letter-spacing: .03125rem;
  font-weight: 700;
  font-family: Gothic Medium;
  text-transform: uppercase !important
}

.cmp-font--gothic .cmp-product span {
  font-size: 1.3125rem
}

.cmp-font--gothic .cmp-product__description .button {
  padding: 0
}

.cmp-font--gothic .cmp-header {
  font-family: Gothic Medium
}

.cmp-font--gothic .cmp-text .cmp-definition b {
  font-family: Gothic Medium;
  font-weight: 700
}

.cmp-font--gothic .cmp-font--modifier-light,
.cmp-font--gothic .cmp-font--modifier-regular,
.cmp-font--gothic .cmp-font--modifier-medium,
.cmp-font--gothic .cmp-font--modifier-bold {
  font-family: Gothic Medium
}

.cmp-font--gothic .cmp-font--light {
  font-family: Gothic Light;
  font-weight: 300
}

.cmp-font--gothic .cmp-font--regular {
  font-family: Gothic Medium;
  font-weight: 500
}

.cmp-font--gothic .cmp-font--bold {
  font-family: Gothic Bold;
  font-weight: 700
}

.cmp-font--jasmine {
  font-family: Jasmine
}

.cmp-font--jasmine h3,
.cmp-font--jasmine .h3,
.cmp-font--jasmine h5,
.cmp-font--jasmine .h5,
.cmp-font--jasmine h6,
.cmp-font--jasmine .h6 {
  font-family: Jasmine;
  font-weight: 700
}

.cmp-font--jasmine h1,
.cmp-font--jasmine .h1,
.cmp-font--jasmine h2,
.cmp-font--jasmine .h2,
.cmp-font--jasmine h4,
.cmp-font--jasmine .h4 {
  font-family: Jasmine;
  font-weight: 400
}

.cmp-font--jasmine h1,
.cmp-font--jasmine .h1 {
  font-family: Jasmine
}

.cmp-font--jasmine h1,
.cmp-font--jasmine .h1 {
  font-size: 3.05rem
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h1,
  .cmp-font--jasmine .h1 {
    font-size: calc(3.05rem + .39 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h1,
  .cmp-font--jasmine .h1 {
    font-size: 3.44rem
  }
}

.cmp-font--jasmine h1,
.cmp-font--jasmine .h1 {
  line-height: 48px
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h1,
  .cmp-font--jasmine .h1 {
    line-height: calc(48px + .03125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h1,
  .cmp-font--jasmine .h1 {
    line-height: 58px
  }
}

.cmp-font--jasmine h2,
.cmp-font--jasmine .h2 {
  font-size: 2.44rem
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h2,
  .cmp-font--jasmine .h2 {
    font-size: calc(2.44rem + .31 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h2,
  .cmp-font--jasmine .h2 {
    font-size: 2.75rem
  }
}

.cmp-font--jasmine h2,
.cmp-font--jasmine .h2 {
  line-height: 44px
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h2,
  .cmp-font--jasmine .h2 {
    line-height: calc(44px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h2,
  .cmp-font--jasmine .h2 {
    line-height: 49px
  }
}

.cmp-font--jasmine h3,
.cmp-font--jasmine .h3 {
  font-size: 1.95rem
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h3,
  .cmp-font--jasmine .h3 {
    font-size: calc(1.95rem + .4 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h3,
  .cmp-font--jasmine .h3 {
    font-size: 2.35rem
  }
}

.cmp-font--jasmine h3,
.cmp-font--jasmine .h3 {
  line-height: 40px
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h3,
  .cmp-font--jasmine .h3 {
    line-height: calc(40px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h3,
  .cmp-font--jasmine .h3 {
    line-height: 38px
  }
}

.cmp-font--jasmine h4,
.cmp-font--jasmine .h4 {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h4,
  .cmp-font--jasmine .h4 {
    font-size: calc(1.56rem + .001*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h4,
  .cmp-font--jasmine .h4 {
    font-size: 1.88rem
  }
}

.cmp-font--jasmine h4,
.cmp-font--jasmine .h4 {
  line-height: 25px
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h4,
  .cmp-font--jasmine .h4 {
    line-height: calc(25px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h4,
  .cmp-font--jasmine .h4 {
    line-height: 30px
  }
}

.cmp-font--jasmine h5,
.cmp-font--jasmine .h5 {
  line-height: 24px
}

.cmp-font--jasmine h5,
.cmp-font--jasmine .h5 {
  font-size: 1.25rem
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h5,
  .cmp-font--jasmine .h5 {
    font-size: calc(1.25rem + .25 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h5,
  .cmp-font--jasmine .h5 {
    font-size: 1.5rem
  }
}

.cmp-font--jasmine h6,
.cmp-font--jasmine .h6 {
  letter-spacing: .03125rem;
  text-transform: uppercase !important
}

.cmp-font--jasmine h6,
.cmp-font--jasmine .h6 {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h6,
  .cmp-font--jasmine .h6 {
    font-size: calc(1rem + .2 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h6,
  .cmp-font--jasmine .h6 {
    font-size: 1.2rem
  }
}

.cmp-font--jasmine h6,
.cmp-font--jasmine .h6 {
  line-height: 20px
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine h6,
  .cmp-font--jasmine .h6 {
    line-height: calc(20px + -1 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine h6,
  .cmp-font--jasmine .h6 {
    line-height: 19px
  }
}

.cmp-font--jasmine .cmp-display {
  font-family: Jasmine;
  letter-spacing: .03125rem
}

.cmp-font--jasmine .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--jasmine .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-font--jasmine .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-font--jasmine .lead {
  font-size: 1.44rem;
  font-family: Jasmine
}

.cmp-font--jasmine .lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--jasmine .lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--jasmine .lead {
    line-height: 30px
  }
}

.cmp-font--jasmine .cmp-lead {
  font-size: 1.44rem;
  font-family: Jasmine
}

.cmp-font--jasmine .cmp-lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--jasmine .cmp-lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--jasmine .cmp-lead {
    line-height: 30px
  }
}

.cmp-font--jasmine small,
.cmp-font--jasmine .small {
  font-size: .625rem
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine small,
  .cmp-font--jasmine .small {
    font-size: calc(.625rem + .1875 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine small,
  .cmp-font--jasmine .small {
    font-size: .8125rem
  }
}

.cmp-font--jasmine small,
.cmp-font--jasmine .small {
  line-height: 12px
}

@media screen and (min-width: 20em) {

  .cmp-font--jasmine small,
  .cmp-font--jasmine .small {
    line-height: calc(12px + .0125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--jasmine small,
  .cmp-font--jasmine .small {
    line-height: 16px
  }
}

.cmp-font--jasmine blockquote {
  font-weight: 700;
  font-style: italic !important;
  font-family: Jasmine
}

.cmp-font--jasmine blockquote {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {
  .cmp-font--jasmine blockquote {
    font-size: calc(1.56rem + -.06 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--jasmine blockquote {
    font-size: 1.5rem
  }
}

.cmp-font--jasmine blockquote {
  line-height: 34px
}

@media screen and (min-width: 20em) {
  .cmp-font--jasmine blockquote {
    line-height: calc(34px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--jasmine blockquote {
    line-height: 32px
  }
}

.cmp-font--jasmine .button {
  letter-spacing: .03125rem;
  font-weight: 700;
  font-family: Jasmine;
  text-transform: uppercase !important
}

.cmp-font--jasmine .cmp-product span {
  font-size: 1.3125rem
}

.cmp-font--jasmine .cmp-product__description .button {
  padding: 0
}

.cmp-font--jasmine .cmp-header {
  font-family: Jasmine
}

.cmp-font--jasmine .cmp-text .cmp-definition b {
  font-family: Jasmine;
  font-weight: 700
}

.cmp-font--jasmine .cmp-font--modifier-light,
.cmp-font--jasmine .cmp-font--modifier-regular,
.cmp-font--jasmine .cmp-font--modifier-medium,
.cmp-font--jasmine .cmp-font--modifier-bold {
  font-family: Jasmine
}

.cmp-font--jasmine .cmp-font--light {
  font-family: Jasmine;
  font-weight: 300
}

.cmp-font--jasmine .cmp-font--regular {
  font-family: Jasmine;
  font-weight: 400
}

.cmp-font--jasmine .cmp-font--bold {
  font-family: Jasmine Bold;
  font-weight: 700
}

.cmp-font--sarabunnew {
  font-family: SarabunNew
}

.cmp-font--sarabunnew h3,
.cmp-font--sarabunnew .h3,
.cmp-font--sarabunnew h5,
.cmp-font--sarabunnew .h5,
.cmp-font--sarabunnew h6,
.cmp-font--sarabunnew .h6 {
  font-family: SarabunNew;
  font-weight: 700
}

.cmp-font--sarabunnew h1,
.cmp-font--sarabunnew .h1,
.cmp-font--sarabunnew h2,
.cmp-font--sarabunnew .h2,
.cmp-font--sarabunnew h4,
.cmp-font--sarabunnew .h4 {
  font-family: SarabunNew;
  font-weight: 400
}

.cmp-font--sarabunnew h1,
.cmp-font--sarabunnew .h1 {
  font-family: SarabunNew
}

.cmp-font--sarabunnew h1,
.cmp-font--sarabunnew .h1 {
  font-size: 3.05rem
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h1,
  .cmp-font--sarabunnew .h1 {
    font-size: calc(3.05rem + .39 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h1,
  .cmp-font--sarabunnew .h1 {
    font-size: 3.44rem
  }
}

.cmp-font--sarabunnew h1,
.cmp-font--sarabunnew .h1 {
  line-height: 48px
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h1,
  .cmp-font--sarabunnew .h1 {
    line-height: calc(48px + .03125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h1,
  .cmp-font--sarabunnew .h1 {
    line-height: 58px
  }
}

.cmp-font--sarabunnew h2,
.cmp-font--sarabunnew .h2 {
  font-size: 2.44rem
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h2,
  .cmp-font--sarabunnew .h2 {
    font-size: calc(2.44rem + .31 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h2,
  .cmp-font--sarabunnew .h2 {
    font-size: 2.75rem
  }
}

.cmp-font--sarabunnew h2,
.cmp-font--sarabunnew .h2 {
  line-height: 44px
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h2,
  .cmp-font--sarabunnew .h2 {
    line-height: calc(44px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h2,
  .cmp-font--sarabunnew .h2 {
    line-height: 49px
  }
}

.cmp-font--sarabunnew h3,
.cmp-font--sarabunnew .h3 {
  font-size: 1.95rem
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h3,
  .cmp-font--sarabunnew .h3 {
    font-size: calc(1.95rem + .4 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h3,
  .cmp-font--sarabunnew .h3 {
    font-size: 2.35rem
  }
}

.cmp-font--sarabunnew h3,
.cmp-font--sarabunnew .h3 {
  line-height: 40px
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h3,
  .cmp-font--sarabunnew .h3 {
    line-height: calc(40px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h3,
  .cmp-font--sarabunnew .h3 {
    line-height: 38px
  }
}

.cmp-font--sarabunnew h4,
.cmp-font--sarabunnew .h4 {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h4,
  .cmp-font--sarabunnew .h4 {
    font-size: calc(1.56rem + .001*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h4,
  .cmp-font--sarabunnew .h4 {
    font-size: 1.88rem
  }
}

.cmp-font--sarabunnew h4,
.cmp-font--sarabunnew .h4 {
  line-height: 25px
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h4,
  .cmp-font--sarabunnew .h4 {
    line-height: calc(25px + 5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h4,
  .cmp-font--sarabunnew .h4 {
    line-height: 30px
  }
}

.cmp-font--sarabunnew h5,
.cmp-font--sarabunnew .h5 {
  line-height: 24px
}

.cmp-font--sarabunnew h5,
.cmp-font--sarabunnew .h5 {
  font-size: 1.25rem
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h5,
  .cmp-font--sarabunnew .h5 {
    font-size: calc(1.25rem + .25 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h5,
  .cmp-font--sarabunnew .h5 {
    font-size: 1.5rem
  }
}

.cmp-font--sarabunnew h6,
.cmp-font--sarabunnew .h6 {
  letter-spacing: .03125rem;
  text-transform: uppercase !important
}

.cmp-font--sarabunnew h6,
.cmp-font--sarabunnew .h6 {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h6,
  .cmp-font--sarabunnew .h6 {
    font-size: calc(1rem + .2 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h6,
  .cmp-font--sarabunnew .h6 {
    font-size: 1.2rem
  }
}

.cmp-font--sarabunnew h6,
.cmp-font--sarabunnew .h6 {
  line-height: 20px
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew h6,
  .cmp-font--sarabunnew .h6 {
    line-height: calc(20px + -1 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew h6,
  .cmp-font--sarabunnew .h6 {
    line-height: 19px
  }
}

.cmp-font--sarabunnew .cmp-display {
  font-family: SarabunNew;
  letter-spacing: .03125rem
}

.cmp-font--sarabunnew .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--sarabunnew .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-font--sarabunnew .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-font--sarabunnew .lead {
  font-size: 1.44rem;
  font-family: SarabunNew
}

.cmp-font--sarabunnew .lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--sarabunnew .lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--sarabunnew .lead {
    line-height: 30px
  }
}

.cmp-font--sarabunnew .cmp-lead {
  font-size: 1.44rem;
  font-family: SarabunNew
}

.cmp-font--sarabunnew .cmp-lead {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-font--sarabunnew .cmp-lead {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--sarabunnew .cmp-lead {
    line-height: 30px
  }
}

.cmp-font--sarabunnew small,
.cmp-font--sarabunnew .small {
  font-size: .625rem
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew small,
  .cmp-font--sarabunnew .small {
    font-size: calc(.625rem + .1875 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew small,
  .cmp-font--sarabunnew .small {
    font-size: .8125rem
  }
}

.cmp-font--sarabunnew small,
.cmp-font--sarabunnew .small {
  line-height: 12px
}

@media screen and (min-width: 20em) {

  .cmp-font--sarabunnew small,
  .cmp-font--sarabunnew .small {
    line-height: calc(12px + .0125*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-font--sarabunnew small,
  .cmp-font--sarabunnew .small {
    line-height: 16px
  }
}

.cmp-font--sarabunnew blockquote {
  font-weight: 700;
  font-style: italic !important;
  font-family: SarabunNew
}

.cmp-font--sarabunnew blockquote {
  font-size: 1.56rem
}

@media screen and (min-width: 20em) {
  .cmp-font--sarabunnew blockquote {
    font-size: calc(1.56rem + -.06 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--sarabunnew blockquote {
    font-size: 1.5rem
  }
}

.cmp-font--sarabunnew blockquote {
  line-height: 34px
}

@media screen and (min-width: 20em) {
  .cmp-font--sarabunnew blockquote {
    line-height: calc(34px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-font--sarabunnew blockquote {
    line-height: 32px
  }
}

.cmp-font--sarabunnew .button {
  letter-spacing: .03125rem;
  font-weight: 700;
  font-family: SarabunNew;
  text-transform: uppercase !important
}

.cmp-font--sarabunnew .cmp-product span {
  font-size: 1.3125rem
}

.cmp-font--sarabunnew .cmp-product__description .button {
  padding: 0
}

.cmp-font--sarabunnew .cmp-header {
  font-family: SarabunNew
}

.cmp-font--sarabunnew .cmp-text .cmp-definition b {
  font-family: SarabunNew;
  font-weight: 700
}

.cmp-font--sarabunnew .cmp-font--modifier-light,
.cmp-font--sarabunnew .cmp-font--modifier-regular,
.cmp-font--sarabunnew .cmp-font--modifier-medium,
.cmp-font--sarabunnew .cmp-font--modifier-bold {
  font-family: SarabunNew
}

.cmp-font--sarabunnew .cmp-font--light {
  font-family: SarabunNew;
  font-weight: 300
}

.cmp-font--sarabunnew .cmp-font--regular {
  font-family: SarabunNew;
  font-weight: 400
}

.cmp-font--sarabunnew .cmp-font--bold {
  font-family: SarabunNew Bold;
  font-weight: 700
}

.cmp--dark,
.cmp--dark a {
  color: #fff
}

.cmp--dark .cmp--light,
.cmp--dark .cmp--light a {
  color: #000
}

.cmp--underline {
  padding-bottom: 15px;
  border-bottom: 2px solid #ffffff
}

.cmp-background--darker-grey .cmp-tabs-container__content,
.cmp-background--dark-grey .cmp-tabs-container__content,
.cmp-background--middle-grey .cmp-tabs-container__content,
.cmp-background--grey .cmp-tabs-container__content,
.cmp-background--light-grey .cmp-tabs-container__content {
  padding: 0 1rem
}

.cmp-background--variant-3 .cmp-layout,
.cmp-background--variant-2 .cmp-layout,
.cmp-background--variant-1 .cmp-layout,
.cmp-background--yellow .cmp-layout,
.cmp-background--darker-grey .cmp-layout,
.cmp-background--dark-grey .cmp-layout,
.cmp-background--middle-grey .cmp-layout,
.cmp-background--grey .cmp-layout,
.cmp-background--light-grey .cmp-layout {
  padding-top: 1.5rem !important
}

.cmp-background--light-grey {
  background-color: #f5f5f5
}

.cmp-background--grey {
  background-color: #e0e0e0
}

.cmp-background--middle-grey {
  background-color: #9e9e9e
}

.cmp-background--dark-grey {
  background-color: #616161
}

.cmp-background--darker-grey {
  background-color: #3c3c3c
}

.cmp-background--yellow {
  background: #ffc510;
  background: var(--primary)
}

.primary-text--light .cmp-background--yellow {
  color: var(--white)
}

.cmp-background--yellow .cmp-button {
  background-color: #fff
}

.cmp-background--white {
  background: #ffffff
}

.cmp-background--variant-1 {
  background: #ffc510;
  background: var(--layout-container-variant-1-background);
  color: var(--layout-container-variant-1-color)
}

.cmp-background--variant-1 .cmp-person__address a {
  color: var(--layout-container-variant-1-color)
}

.cmp-background--variant-2 {
  background: #3c3c3c;
  background: var(--layout-container-variant-2-background);
  color: var(--layout-container-variant-2-color)
}

.cmp-background--variant-2 .cmp-person__address a {
  color: var(--layout-container-variant-2-color)
}

.cmp-background--variant-3 {
  background: #f5f5f5;
  background: var(--layout-container-variant-3-background);
  color: var(--layout-container-variant-3-color)
}

.cmp-background--variant-3 .cmp-person__address a {
  color: var(--layout-container-variant-3-color)
}

.cmp-background-keynumber--variant-1 .cmp-key-number {
  background: #ffc510;
  background: var(--key-number-variant-1-background);
  color: #000;
  color: var(--key-number-variant-1-color)
}

.cmp-background-keynumber--variant-1 .cmp-key-number__value {
  color: #fff;
  color: var(--key-number-variant-1-number-color)
}

.cmp-background-keynumber--variant-1 .cmp-key-number a {
  color: #000;
  color: var(--key-number-variant-1-color)
}

.cmp-background-keynumber--variant-2 .cmp-key-number {
  background: #ffc510;
  background: var(--key-number-variant-2-background);
  color: #000;
  color: var(--key-number-variant-2-color)
}

.cmp-background-keynumber--variant-2 .cmp-key-number__value {
  color: #fff;
  color: var(--key-number-variant-2-number-color)
}

.cmp-background-keynumber--variant-2 .cmp-key-number a {
  color: #000;
  color: var(--key-number-variant-2-color)
}

.cmp-background-keynumber--variant-3 .cmp-key-number {
  background: #ffc510;
  background: var(--key-number-variant-3-background);
  color: #000;
  color: var(--key-number-variant-3-color)
}

.cmp-background-keynumber--variant-3 .cmp-key-number__value {
  color: #fff;
  color: var(--key-number-variant-3-number-color)
}

.cmp-background-keynumber--variant-3 .cmp-key-number a {
  color: #000;
  color: var(--key-number-variant-3-color)
}

.cmp-background-keynumber--light-grey .cmp-key-number {
  background: #f5f5f5;
  color: #000
}

.cmp-background-keynumber--light-grey .cmp-key-number__value {
  color: #ffc510
}

.cmp-background-keynumber--light-grey .cmp-key-number a {
  color: #000
}

.cmp-background-keynumber--grey .cmp-key-number {
  background: #e0e0e0;
  color: #000
}

.cmp-background-keynumber--grey .cmp-key-number__value {
  color: #ffc510
}

.cmp-background-keynumber--grey .cmp-key-number a {
  color: #000
}

.cmp-background-keynumber--middle-grey .cmp-key-number {
  background: #9e9e9e;
  color: #fff
}

.cmp-background-keynumber--middle-grey .cmp-key-number__value {
  color: #ffc510
}

.cmp-background-keynumber--middle-grey .cmp-key-number a {
  color: #fff
}

.cmp-background-keynumber--dark-grey .cmp-key-number {
  background: #616161;
  color: #fff
}

.cmp-background-keynumber--dark-grey .cmp-key-number__value {
  color: #ffc510
}

.cmp-background-keynumber--dark-grey .cmp-key-number a {
  color: #fff
}

.cmp-background-keynumber--yellow .cmp-key-number {
  background: #ffc510;
  color: #000
}

.cmp-background-keynumber--yellow .cmp-key-number__value {
  color: #fff
}

.cmp-background-keynumber--yellow .cmp-key-number a {
  color: #000
}

.cmp-background-keynumber--white .cmp-key-number {
  background: #ffffff;
  color: #000
}

.cmp-background-keynumber--white .cmp-key-number__value {
  color: #ffc510
}

.cmp-background-keynumber--white .cmp-key-number a {
  color: #000
}

.cmp-shadow__left {
  position: absolute !important;
  width: 50px !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  color: #ffc510;
  color: var(--primary);
  font-size: 3rem;
  text-align: center;
  line-height: 1;
  left: 0
}

.cmp-shadow__left .cmp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}

.cmp-shadow__right {
  position: absolute !important;
  width: 50px !important;
  box-shadow: none !important;
  background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  color: #ffc510;
  color: var(--primary);
  font-size: 3rem;
  text-align: center;
  line-height: 1;
  right: 0
}

.cmp-shadow__right .cmp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}

.sika-button {
  margin-bottom: 1rem
}

.sika-button:after {
  content: "";
  display: block;
  clear: both
}

.cmp-button .cmp-icon {
  font-size: 1.5rem;
  margin-right: 15px;
  vertical-align: middle;
  line-height: .5rem
}

.cmp-button:not(:first-child) {
  margin-top: 10px
}

@media print,
screen and (min-width: 40em) {
  .cmp-button:not(:first-child) {
    margin-top: 0
  }
}

.cmp-button.button {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  background-color: var(--primary);
  transition: all .3s ease-in
}

.cmp-button.button:hover {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a
}

.primary-text--light .cmp-button.button {
  color: var(--white)
}

.cmp-button.button.primary {
  background-color: var(--button-primary-background);
  color: var(--button-primary-color)
}

.cmp-button.button.primary:hover {
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
  background-color: #ffc510;
  background-color: var(--button-primary-background)
}

.cmp-button.button.primary:focus {
  background-color: #ffc510;
  background-color: var(--button-primary-background)
}

.cmp-button.button.primary.disabled,
.cmp-button.button.primary.disabled:hover,
.cmp-button.button.primary.disabled:focus {
  opacity: 1;
  color: #ddd;
  background-color: #fff
}

.cmp-button.button.secondary {
  background-color: #e0e0e0;
  background-color: var(--button-secondary-background);
  color: var(--button-secondary-color)
}

.cmp-button.button.secondary:hover {
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
  background-color: #e0e0e0;
  background-color: var(--button-secondary-background)
}

.cmp-button.button.secondary:focus {
  background-color: #e0e0e0;
  background-color: var(--button-secondary-background)
}

.cmp-button.button.secondary.disabled,
.cmp-button.button.secondary.disabled:hover,
.cmp-button.button.secondary.disabled:focus {
  opacity: 1;
  color: #ddd;
  background-color: #fff
}

.cmp-button.button.text {
  color: #000;
  background-color: transparent;
  box-shadow: none
}

.cmp-button.button.text:hover {
  background-color: #e0e0e0
}

.cmp-button.button.text:focus {
  background-color: #e0e0e0
}

.cmp-button.button.text.disabled,
.cmp-button.button.text.disabled:hover,
.cmp-button.button.text.disabled:focus {
  opacity: 1;
  color: #ddd;
  background-color: transparent
}

.cmp-button.button.hollow {
  color: #3c3c3c;
  color: var(--hollow-color);
  border: 2px solid #3c3c3c;
  border-color: var(--hollow-border-color);
  background-color: transparent
}

.cmp-button.button.hollow:hover {
  border: 2px solid #dddddd;
  border-color: var(--hollow-border-color)
}

.cmp-button.button.hollow:focus {
  border: 1px solid #dddddd;
  border-color: var(--hollow-border-color)
}

.cmp-button.button.hollow.disabled,
.cmp-button.button.hollow.disabled:hover,
.cmp-button.button.hollow.disabled:focus {
  opacity: 1;
  color: #e0e0e0;
  background-color: transparent;
  border: 2px solid #e0e0e0
}

.cmp-button--left {
  float: left
}

.cmp-button--left:after {
  content: "";
  display: block;
  clear: both
}

.cmp-button--center {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: auto
}

.cmp-button--right {
  float: right
}

.cmp-button--right:after {
  content: "";
  display: block;
  clear: both
}

.cmp-image--no-black-bars {
  position: relative;
  width: 100%;
  /*height:100%;*/
  overflow: hidden;
  padding-bottom: 56%
}

.cmp-image--no-black-bars img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.cmp-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.cmp-play-button--icon {
  color: #fff;
  font-size: 6rem;
  cursor: pointer
}

.cmp-image__title {
  padding-top: 7px
}

.cmp-image__title strong {
  padding-right: 10px
}

.cmp-bigimages {
  margin: 0 10px
}

@media print,
screen and (min-width: 40em) {
  .cmp-bigimages {
    display: flex;
    width: 100vw
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-bigimages {
    max-width: 1920px
  }
}

.cmp-bigimages .cmp-image--left {
  margin-top: 0
}

@media print,
screen and (min-width: 40em) {
  .cmp-bigimages .cmp-image {
    width: 50vw
  }

  .cmp-bigimages .cmp-image--left {
    padding-right: 15px;
    margin-bottom: 0;
    text-align: right
  }

  .cmp-bigimages .cmp-image--left {
    margin-top: 50px
  }
}

@media print,
screen and (min-width: 40em) and (min-width: 40em) {
  .cmp-bigimages .cmp-image--left {
    margin-top: calc(50px + 50 * (100vw-640px) / 560)
  }
}

@media screen and (min-width: 40em) and (min-width: 75em) {
  .cmp-bigimages .cmp-image--left {
    margin-top: 100px
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-bigimages .cmp-image--right {
    padding-left: 15px
  }
}

.cmp-bigimages .cmp-image--left {
  margin-bottom: 30px
}

.cmp-label {
  display: inline-block;
  padding: .33333rem .5rem;
  border-radius: 0;
  font-size: .8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  margin-bottom: 8px
}

.cmp-label--default {
  background-color: #f5f5f5;
  color: #000;
  border-radius: 5px;
  padding: 10px;
  font-weight: 900;
  letter-spacing: .5px
}

.cmp-list {
  list-style-position: outside;
  margin-bottom: 1rem
}

.cmp-list--square {
  list-style-type: square !important
}

.cmp-list--disc {
  list-style-type: disc !important
}

.cmp-list--circle {
  list-style-type: circle !important
}

.cmp-list--decimal {
  list-style-type: decimal !important
}

.cmp-list--lower-alpha {
  list-style-type: lower-alpha !important
}

.cmp-list--lower-latin {
  list-style-type: lower-latin !important
}

.cmp-list--lower-roman {
  list-style-type: lower-roman !important
}

.cmp-list--upper-alpha {
  list-style-type: upper-alpha !important
}

.cmp-list--upper-latin {
  list-style-type: upper-latin !important
}

.cmp-list--upper-roman {
  list-style-type: upper-roman !important
}

.cmp-list--no-bullet {
  list-style: none;
  margin-left: 0
}

.cmp-list__load-more {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-list__load-more .cmp-loading {
  display: none
}

.cmp-list__load-more .cmp-button,
.cmp-list__load-more--is-active .cmp-loading {
  display: block
}

.cmp-list__load-more--is-active .cmp-button {
  display: none
}

.cmp-list--search {
  margin-bottom: 2rem
}

.cmp-list--search .cmp-search-field {
  padding-left: 0
}

.cmp-list--search .cmp-search-field .cmp-link-list .suggestion a {
  border-bottom: 0
}

.cmp-list--search .cmp-search-field .cmp-search-form {
  width: 100%
}

@media print,
screen and (min-width: 40em) {
  .cmp-list--search .cmp-search-field .cmp-search-form {
    width: 80%
  }
}

.cmp-list--search .cmp-search-field .cmp-search-form .cmp-search-form__field {
  width: 100%;
  font-size: 1.25rem
}

.cmp-list--search .cmp-search-field .cmp-search-form .cmp-search-block {
  margin-top: 43px
}

.cmp-list--filters {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap
}

@media print,
screen and (min-width: 64em) {
  .cmp-list--filters .cmp-form .cmp-input {
    padding-left: 0
  }
}

.cmp-list--filters__selected {
  display: flex;
  align-items: flex-start
}

.cmp-list--filters__selected .cmp-button .cmp-icon {
  margin: 0 0 0 10px;
  font-size: 1rem
}

.cmp-list--filters__selected .cmp-button.cmp-button__remove-all {
  font-family: Klavika Light, sans-serif;
  text-transform: capitalize !important;
  visibility: hidden;
  order: 2;
  height: 33px;
  margin: 15px 0-28px 20px;
  display: flex;
  align-items: center
}

.cmp-list--filters .cmp-list--filter-item {
  margin: 5px 10px 5px 0;
  display: flex;
  width: auto
}

.cmp-list--filters .cmp-list--filter-item .cmp-filter-item__title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-align: left
}

.cmp-list--filters .cmp-list--filter-item .cmp-filter-item__title .cmp-icon {
  margin: 0 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-list--downloads .cmp-list--search {
  margin-bottom: 20px
}

.cmp-list--downloads .cmp-list--filters {
  margin-top: 0
}

.cmp-list .cmp-list__title {
  text-align: center
}

.cmp-list .text-center {
  margin: 16px auto
}

.cmp-list .cmp-text .cmp-button {
  margin: 3px 0
}

.cmp-modal__content .cmp-icon-magnify {
  margin-left: -18px
}

.cmp-modal__content .cmp-filters-wrap {
  width: 100%;
  height: auto;
  max-height: 500px;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  overflow-y: auto
}

@media screen and (min-width: 40em) and (max-width: 63.99875em) and (orientation: landscape) {
  .cmp-modal__content .cmp-filters-wrap {
    max-height: 100px
  }
}

.cmp-modal__content .cmp-filters-wrap__search {
  padding: .75rem 0;
  border: 0;
  width: 40%;
  border-bottom: 1px solid #616161;
  outline: none
}

.cmp-modal__content .cmp-filters-wrap__filter {
  margin: 5px;
  border-radius: 0;
  border: 2px solid transparent
}

.cmp-modal__content .cmp-filters-wrap__filter--is-active {
  border: 2px solid #ffc510;
  border-color: var(--primary);
  background-color: #ffc510;
  background-color: var(--primary)
}

.primary-text--light .cmp-modal__content .cmp-filters-wrap__filter--is-active {
  color: var(--white)
}

.cmp-modal__content .cmp-filters-wrap__filter:hover {
  border: 2px solid #ffc510;
  border-color: var(--primary);
  cursor: pointer
}

.cmp-modal__content .cmp-filters-submit {
  display: block;
  width: auto;
  justify-content: flex-end;
  margin-top: 20px;
  float: right;
  background: #ffc510;
  background: var(--primary);
  padding: 10px;
  transition: all .2s ease-in
}

.cmp-modal__content .cmp-filters-submit:hover {
  cursor: pointer
}

.primary-text--light .cmp-modal__content .cmp-filters-submit {
  color: var(--white)
}

.downloads input[type=checkbox] {
  margin-right: 30px
}

.cmp-custom-checkbox input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #f5f5f5;
  border: 2px solid #000000;
  cursor: pointer
}

.cmp-custom-checkbox input[type=checkbox]:checked,
.cmp-custom-checkbox input[type=checkbox]:indeterminate {
  background: var(--primary);
  border: 2px solid var(--primary);
  position: relative
}

.cmp-custom-checkbox input[type=checkbox]:checked:after,
.cmp-custom-checkbox input[type=checkbox]:indeterminate:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-size: 1.25rem;
  position: absolute;
  left: -1px;
  top: -4px;
  width: 2px;
  height: 2px
}

body.rtl .cmp-custom-checkbox input[type=checkbox]:checked:after,
body.rtl .cmp-custom-checkbox input[type=checkbox]:indeterminate:after {
  left: 0;
  right: 2px
}

.cmp-custom-checkbox input[type=checkbox]:indeterminate:after {
  content: "-";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 7px;
  text-align: center;
  font-size: 2rem
}

.cmp-list--filters_items {
  font-family: Klavika Light;
  display: flex;
  flex-direction: row;
  margin: 10px 0;
  flex-wrap: wrap
}

.cmp-list--filters_items__item {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  display: flex;
  margin: 5px 10px 5px 0;
  background-color: #616161;
  background-color: var(--filter-selected-background);
  color: #ffc510;
  color: var(--filter-selected-color);
  padding: 5px 10px;
  cursor: pointer;
  transition: all .3s ease-in
}

.cmp-list--filters_items__item:hover {
  background-color: #fff;
  color: #616161
}

.cmp-list--filters_items__item:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-size: inherit;
  padding-left: 10px;
  display: flex;
  height: 100%;
  align-items: center
}

.cmp-list--filters_items__item:first-child {
  margin-left: 0
}

.cmp-list--filters_items__item:last-child {
  margin-right: 0
}

.cmp-tabs-container {
  margin-bottom: 1rem;
  position: relative
}

.cmp-tabs-container__head--center {
  display: flex;
  justify-content: center
}

.cmp-tabs-container__content {
  border: 1px solid #f5f5f5;
  border-top: 0;
  background: #ffffff;
  color: #000;
  transition: all .5s ease;
  border: none
}

.cmp-tabs-container__panel {
  display: none;
  padding: 1rem 0 0
}

.cmp-tabs-container__panel.is-active,
.cmp-tabs-container__panel--is-active {
  display: block
}

.cmp-tabs-container .cmp-shadow__left,
.cmp-tabs-container .cmp-shadow__right {
  position: absolute !important;
  line-height: .5
}

.cmp-tabs {
  margin: 0;
  border: 1px solid #f5f5f5;
  background: #ffffff;
  list-style-type: none;
  background: none;
  border: none;
  display: flex;
  overflow-x: auto
}

.cmp-tabs:before,
.cmp-tabs:after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1
}

.cmp-tabs:after {
  clear: both
}

.cmp-tab {
  float: left;
  text-align: center;
  margin: 0 1rem;
  background: none;
  flex: auto;
  width: 116px;
  line-height: 1.2
}

.cmp-tab .cmp-tab-content__icon {
  width: 100%;
  display: flex;
  padding: 1rem;
  background: #ffffff;
  height: 116px
}

.cmp-tab .cmp-tab-content__icon .cmp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #616161;
  font-size: 3rem
}

.cmp-tab .cmp-tab-content__title {
  width: 100%;
  padding: 10px;
  color: #000;
  text-transform: none;
  height: 116px;
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-tab .cmp-tab-content__arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 22px solid #ffffff;
  left: calc(50% - 20px);
  position: relative;
  display: none
}

.cmp-tab--is-active .cmp-tab-content__icon {
  background: #ffc510;
  background: var(--primary)
}

.cmp-tab--is-active .cmp-tab-content__icon .cmp-icon {
  color: #fff
}

.cmp-tab--is-active .cmp-tab-content__arrow-down {
  display: block
}

.cmp-tab.cmp-tab-simple {
  margin: 0 1rem;
  width: auto
}

.cmp-tab.cmp-tab-simple .cmp-tab-content__title {
  display: initial;
  padding: 0
}

.cmp-tab.cmp-tab-simple a {
  font-size: 1.3125rem;
  color: #000;
  padding: 5px 10px;
  text-align: center;
  display: block
}

.cmp-tab.cmp-tab-simple a:after {
  content: "";
  display: block;
  margin: auto;
  height: 4px;
  width: 0;
  background-color: transparent;
  transition: all .3s ease-in-out
}

.cmp-tab.cmp-tab-simple a:hover:after {
  width: 100%;
  background-color: #ffc510;
  background-color: var(--primary);
  transition: width .3s ease-in-out
}

.cmp-tab.cmp-tab-simple.cmp-tab--is-active a:after {
  width: 100%;
  background-color: #ffc510;
  background-color: var(--primary)
}

.cmp-tab.cmp-tab-simple.cmp-tab--is-active a:hover:after {
  box-sizing: initial;
  width: 120%;
  background-color: #ffc510;
  background-color: var(--primary);
  transition: all .3s ease-in-out;
  transform: translate(-10%)
}

.cmp-modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: #00000073;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  animation: enterFade .7s cubic-bezier(.25, .75, .5, 1.25)
}

.cmp-modal__overlay--website-selector {
  background: hsla(0, 0%, 96.1%, .95)
}

.cmp-modal__overlay--website-selector .cmp-modal__content {
  height: 100%;
  transform: none;
  padding: 0 0 40px;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  animation: none !important;
  background: none;
  overflow-y: auto;
  display: flex
}

@media print,
screen and (min-width: 40em) {
  .cmp-modal__overlay--website-selector .cmp-modal__content {
    display: block
  }
}

.cmp-modal__overlay--website-selector .cmp-modal__close-button {
  top: 12px;
  right: 12px
}

.cmp-modal__overlay--website-selector .cmp-modal__close-button .cmp-icon {
  font-size: 2rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media print,
screen and (min-width: 64em) {
  .cmp-modal__overlay--website-selector .cmp-modal__close-button {
    top: 40px;
    right: 40px
  }

  .cmp-modal__overlay--website-selector .cmp-modal__close-button .cmp-icon {
    font-size: 3rem
  }
}

.cmp-modal__overlay-video.cmp-modal--show {
  display: flex;
  align-items: center;
  justify-content: flex-start
}

@media print,
screen and (min-width: 40em) {
  .cmp-modal__overlay-video.cmp-modal--show.cmp-modal--anim .cmp-modal__content {
    animation: leaveScaleVideo .4s
  }
}

.cmp-modal__overlay-video .cmp-modal__content {
  position: relative;
  transform: none;
  margin: auto !important
}

@media print,
screen and (min-width: 40em) {
  .cmp-modal__overlay-video .cmp-modal__content {
    animation: blowUpModalVideo .4s
  }
}

@keyframes enterFade {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes leaveFade {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes leaveScale {
  0% {
    transform: scale(1) translate(-50%, -50%)
  }

  to {
    transform: scale(0) translate(-150%, -150%);
    opacity: 0
  }
}

@keyframes blowUpModal {
  0% {
    opacity: 0;
    transform: scale(0) translate(-50%, -50%)
  }

  to {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%)
  }
}

@keyframes blowUpModalVideo {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes leaveScaleVideo {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.cmp-modal__content-head {
  padding: 3rem;
  margin: -1rem-1rem 1rem;
  background: #e0e0e0
}

.cmp-modal__content {
  margin-top: 15%;
  margin-left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 1rem;
  width: 96%;
  max-width: 640px;
  position: absolute
}

.cmp-modal__content--increased-padding {
  padding-left: 2rem;
  padding-right: 2rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-modal__content {
    animation: blowUpModal .5s cubic-bezier(.25, .75, .5, 1.25)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-modal__content {
    width: 80%;
    max-width: 1200px
  }
}

.cmp-modal__activator {
  position: relative;
  text-align: center
}

.cmp-modal__close-button {
  position: absolute;
  z-index: 10;
  color: #616161;
  cursor: pointer;
  right: .66rem;
  top: .33em;
  font-size: 1.5em;
  line-height: 1;
  height: 37px
}

[data-whatinput=mouse] .cmp-modal__close-button {
  outline: 0
}

.cmp-modal__close-button:hover,
.cmp-modal__close-button:focus {
  color: #000
}

.primary-text--light .cmp-modal__close-button:hover {
  color: #fff
}

.cmp-modal__close-button i {
  font-size: 2rem
}

.cmp-modal--show {
  display: block;
  overflow: hidden
}

.cmp-modal--show.cmp-modal--anim {
  animation: leaveFade .7s cubic-bezier(.25, .75, .5, 1.25)
}

@media print,
screen and (min-width: 40em) {
  .cmp-modal--show.cmp-modal--anim .cmp-modal__content {
    animation: leaveScale .6s cubic-bezier(.25, .75, .5, 1.25)
  }
}

.cmp-modal--open {
  overflow: hidden
}

.cmp-full-modal {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background: #f5f5f5
}

.cmp-full-modal__close-button {
  position: absolute;
  z-index: 10;
  color: #616161;
  cursor: pointer;
  right: 1rem;
  top: .5rem;
  font-size: 2em;
  line-height: 1;
  top: 12px;
  right: 12px
}

[data-whatinput=mouse] .cmp-full-modal__close-button {
  outline: 0
}

.cmp-full-modal__close-button:hover,
.cmp-full-modal__close-button:focus {
  color: #000
}

@media print,
screen and (min-width: 64em) {
  .cmp-full-modal__close-button {
    font-size: 3rem;
    top: 40px;
    right: 55px
  }
}

.cmp-full-modal__close-button .cmp-icon {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-search-results .cmp-search-segment__title,
.cmp-text-list .text-content a,
.cmp-faq .cmp-text a,
.cmp-search-field--suggestions__item,
.cmp-person__links a,
.cmp-categorydrilldown h3 a,
.cmp-categorydrilldown h4 a,
.cmp-layout .cmp-link-list li a,
.cmp-textimage p a,
.cmp-text a {
  letter-spacing: .03125rem;
  border-bottom: 4px solid #ffc510;
  border-bottom-color: var(--primary);
  transition: all .3s ease-in
}

@media print,
screen and (max-width: 39.99875em) {

  .cmp-search-results .cmp-search-segment__title,
  .cmp-text-list .text-content a,
  .cmp-faq .cmp-text a,
  .cmp-search-field--suggestions__item,
  .cmp-person__links a,
  .cmp-categorydrilldown h3 a,
  .cmp-categorydrilldown h4 a,
  .cmp-layout .cmp-link-list li a,
  .cmp-textimage p a,
  .cmp-text a {
    font-size: 1.125rem
  }
}

body.rtl .cmp-search-results .cmp-search-segment__title,
.cmp-search-results body.rtl .cmp-search-segment__title,
body.rtl .cmp-text-list .text-content a,
.cmp-text-list .text-content body.rtl a,
body.rtl .cmp-search-field--suggestions__item,
body.rtl .cmp-person__links a,
.cmp-person__links body.rtl a,
body.rtl .cmp-categorydrilldown h3 a,
.cmp-categorydrilldown h3 body.rtl a,
body.rtl .cmp-categorydrilldown h4 a,
.cmp-categorydrilldown h4 body.rtl a,
body.rtl .cmp-layout .cmp-link-list li a,
.cmp-layout .cmp-link-list li body.rtl a,
body.rtl .cmp-textimage p a,
.cmp-textimage p body.rtl a,
body.rtl .cmp-text a,
.cmp-text body.rtl a {
  display: inline-block
}

.cmp-search-results [target=_blank].cmp-search-segment__title:after,
.cmp-text-list .text-content a[target=_blank]:after,
[target=_blank].cmp-search-field--suggestions__item:after,
.cmp-person__links a[target=_blank]:after,
.cmp-categorydrilldown h3 a[target=_blank]:after,
.cmp-categorydrilldown h4 a[target=_blank]:after,
.cmp-layout .cmp-link-list li a[target=_blank]:after,
.cmp-textimage p a[target=_blank]:after,
.cmp-text a[target=_blank]:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  margin-left: 10px;
  font-size: inherit;
  font-weight: inherit;
  color: inherit
}

.cmp-search-results .cmp-search-segment__title:hover,
.cmp-text-list .text-content a:hover,
.cmp-search-field--suggestions__item:hover,
.cmp-person__links a:hover,
.cmp-categorydrilldown h3 a:hover,
.cmp-categorydrilldown h4 a:hover,
.cmp-layout .cmp-link-list li a:hover,
.cmp-textimage p a:hover,
.cmp-text a:hover {
  background-color: #ffc510;
  background-color: var(--primary)
}

.primary-text--light .cmp-search-results .cmp-search-segment__title:hover,
.cmp-search-results .primary-text--light .cmp-search-segment__title:hover,
.primary-text--light .cmp-text-list .text-content a:hover,
.cmp-text-list .text-content .primary-text--light a:hover,
.primary-text--light .cmp-search-field--suggestions__item:hover,
.primary-text--light .cmp-person__links a:hover,
.cmp-person__links .primary-text--light a:hover,
.primary-text--light .cmp-categorydrilldown h3 a:hover,
.cmp-categorydrilldown h3 .primary-text--light a:hover,
.primary-text--light .cmp-categorydrilldown h4 a:hover,
.cmp-categorydrilldown h4 .primary-text--light a:hover,
.primary-text--light .cmp-layout .cmp-link-list li a:hover,
.cmp-layout .cmp-link-list li .primary-text--light a:hover,
.primary-text--light .cmp-textimage p a:hover,
.cmp-textimage p .primary-text--light a:hover,
.primary-text--light .cmp-text a:hover,
.cmp-text .primary-text--light a:hover {
  color: var(--white)
}

.cmp-textimage .cmp-definition,
.cmp-text .cmp-definition {
  display: inline-block;
  border-left: 6px solid #ffc510;
  border-left-color: var(--definition-border-color);
  margin-left: 75px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 10px
}

.cmp-text--two-columns {
  margin-bottom: 17px
}

@media print,
screen and (min-width: 40em) {
  .cmp-text--two-columns {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
    column-gap: 30px
  }
}

.cmp-footer .cmp-text.cmp-textimage p {
  padding: inherit
}

.cmp-text.cmp-date-heading {
  display: flex;
  flex-direction: row;
  margin-bottom: 7px
}

.cmp-text.cmp-date-heading h6:first-child:not(:last-child) {
  position: relative;
  padding-right: 25px
}

.cmp-text.cmp-date-heading h6:first-child:not(:last-child):after {
  content: "//";
  padding-left: 5px
}

.cmp-text p {
  font-size: 1.13125rem
}

.cmp-text p .cmp-lead {
  font-size: 1.81rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-text p .cmp-lead {
    font-size: calc(1.81rem + -.37 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-text p .cmp-lead {
    font-size: 1.44rem
  }
}

.cmp-textimage,
.cmp-textimage .cmp-image {
  margin-bottom: 1rem
}

.cmp-textimage .cmp-image--left,
.cmp-textimage .cmp-image--right,
.cmp-textimage .cmp-image--center {
  width: auto
}

.cmp-textimage .cmp-image__title {
  text-align: center
}

@media print,
screen and (min-width: 40em) {
  .cmp-textimage .cmp-image--center {
    width: 600px;
    margin: 0 auto 2rem
  }

  .cmp-textimage .cmp-image--left {
    width: 400px;
    float: left;
    margin: 0 .625rem .625rem-10%;
    padding-right: 30px
  }

  .cmp-textimage .cmp-image--left .cmp-image__title {
    text-align: left
  }

  .cmp-textimage .cmp-image--right {
    width: 400px;
    float: right;
    margin: 0-10% 10px 10px;
    padding-left: 30px
  }

  .cmp-textimage .cmp-image--right .cmp-image__title {
    text-align: right
  }
}

.cmp-textimage h1,
.cmp-textimage h2,
.cmp-textimage h3,
.cmp-textimage h4,
.cmp-textimage h5,
.cmp-textimage h6 {
  margin-bottom: .9rem
}

.cmp-textimage p {
  font-size: 1.13125rem
}

.cmp-textimage p:last-child {
  margin-bottom: 0
}

.cmp-textimage ol {
  counter-reset: foo
}

.cmp-textimage ol li {
  counter-increment: foo
}

.cmp-textimage ol li:before {
  display: table-cell;
  text-align: right;
  padding-right: 8px;
  content: counter(foo) "."
}

.cmp-textimage ul li:before {
  display: table-cell;
  text-align: right;
  padding-right: 8px;
  content: "▪"
}

.cmp-textimage.cmp-textimage__list-checkmark ul li:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-size: 1.2rem;
  font-weight: 400;
  padding-right: 5px
}

.cmp-textimage ul,
.cmp-textimage ol {
  display: table;
  font-size: 1.13125rem;
  margin-bottom: 0;
  list-style-position: inside;
  margin-left: 0
}

.cmp-textimage ul li,
.cmp-textimage ol li {
  display: table-row
}

.cmp-textimage:after {
  content: "";
  display: table;
  clear: both
}

.cmp-line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.cmp-line-clamp-readmore {
  position: relative
}

.cmp-line-clamp-readmore:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 32px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgb(255, 255, 255) 100%)
}

.cmp-line-clamp-readmore__button {
  display: inline-block;
  cursor: pointer;
  font-weight: 700
}

.cmp-line-clamp-readmore__button:empty {
  display: none;
  margin-bottom: 0
}

.cmp-line-clamp-readmore__button:hover {
  text-decoration: underline
}

.cmp-line-clamp--1 {
  -webkit-line-clamp: 1
}

.cmp-line-clamp--2 {
  -webkit-line-clamp: 2
}

.cmp-line-clamp--3 {
  -webkit-line-clamp: 3
}

.cmp-line-clamp--4 {
  -webkit-line-clamp: 4
}

.cmp-line-clamp--5 {
  -webkit-line-clamp: 5
}

.cmp-line-clamp--6 {
  -webkit-line-clamp: 6
}

.cmp-line-clamp--7 {
  -webkit-line-clamp: 7
}

.cmp-line-clamp--8 {
  -webkit-line-clamp: 8
}

.cmp-line-clamp--9 {
  -webkit-line-clamp: 9
}

.cmp-line-clamp--10 {
  -webkit-line-clamp: 10
}

.cmp-title__text.cmp-layout--center {
  text-align: center
}

.cmp-title--space-on-top {
  padding-top: 20px
}

@font-face {
  font-family: Klavika Medium;
  src: url(clientlib-base/resources/fonts/klavika-medium.woff) format("woff"), url(clientlib-base/resources/fonts/klavika-medium.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

.cmp-video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 1rem
}

.cmp-video .cmp-iframe {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 0
}

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

.cmp-video .cmp-iframe--image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer
}

.cmp-video video {
  min-width: 100%;
  min-height: 100%
}

.cmp-video-overlay {
  height: 100%;
  width: 100%;
  text-align: center
}

.cmp-video-overlay__modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  background-color: #00000073;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  width: 100%;
  display: none
}

.cmp-video-overlay__modal-overlay--show {
  display: block
}

.cmp-video-overlay__wrapper {
  text-align: left;
  background: #ffffff;
  padding: 2px 10px;
  margin: 5% auto 0;
  height: 400px
}

@media print,
screen and (min-width: 40em) {
  .cmp-video-overlay__wrapper {
    width: 600px;
    max-width: 1200px
  }
}

body.rtl .cmp-video-overlay__wrapper {
  text-align: right
}

.cmp-video-overlay__wrapper i {
  font-size: 1.5rem
}

.cmp-modal__content .cmp-video {
  margin-top: 2rem
}

.cmp-breadcrumb {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap
}

.cmp-breadcrumb__list {
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap
}

.cmp-breadcrumb__list .cmp-breadcrumb__item {
  position: relative;
  margin-right: 10px;
  padding: 0 10px;
  line-height: 34px
}

body.rtl .cmp-breadcrumb__list .cmp-breadcrumb__item {
  margin-right: 0;
  margin-left: 10px
}

.cmp-breadcrumb__list .cmp-breadcrumb__item--dummy {
  display: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0 20px
}

.cmp-breadcrumb__list .cmp-breadcrumb__item--dummy:after {
  margin-left: 20px !important
}

body.rtl .cmp-breadcrumb__list .cmp-breadcrumb__item--dummy:after {
  margin-left: 0;
  margin-right: 20px !important
}

.cmp-breadcrumb__list .cmp-breadcrumb__item--dummy span {
  border-bottom: 3px solid transparent
}

.cmp-breadcrumb__list .cmp-breadcrumb__item--dummy:hover span {
  border-bottom: 3px solid #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-breadcrumb__list .cmp-breadcrumb__item .cmp-breadcrumb__item-link {
  border-bottom: 3px solid transparent;
  transition: all .3s ease-in-out;
  position: relative;
  font-weight: 600
}

.cmp-breadcrumb__list .cmp-breadcrumb__item .cmp-breadcrumb__item-link:after {
  position: absolute;
  font-size: .825rem;
  font-weight: 400
}

.cmp-breadcrumb__list .cmp-breadcrumb__item--active span {
  color: #616161 !important
}

.cmp-breadcrumb__list .cmp-breadcrumb__item.is-collapsed .cmp-breadcrumb__item-link {
  padding: 0 10px
}

.cmp-breadcrumb__list .cmp-breadcrumb__item:hover .cmp-breadcrumb__item-link {
  border-bottom: 3px solid #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-breadcrumb__list .cmp-breadcrumb__item:not(:last-child):after {
  content: ">";
  position: absolute;
  margin-left: 10px;
  color: #ddd;
  font-weight: 600
}

body.rtl .cmp-breadcrumb__list .cmp-breadcrumb__item:not(:last-child):after {
  margin-left: 0;
  margin-right: 10px
}

.cmp-breadcrumb__list.cmp-breadcrumb__item--active .cmp-breadcrumb__item {
  display: list-item !important
}

.cmp-breadcrumb__list.cmp-breadcrumb__item--active .cmp-breadcrumb__item--dummy {
  display: none !important
}

.cmp-breadcrumb--has-scroll .cmp-breadcrumb__list .cmp-breadcrumb__item--dummy {
  display: list-item
}

.cmp-breadcrumb--has-scroll .cmp-breadcrumb__list .cmp-breadcrumb__item:not(:first-child):not(:last-child):not(:nth-child(2)) {
  display: none
}

.cmp-breadcrumb--has-scroll .cmp-breadcrumb__list.cmp-breadcrumb__item--active .cmp-breadcrumb__item {
  display: list-item
}

.cmp-breadcrumb--has-scroll .cmp-breadcrumb__list.cmp-breadcrumb__item--active .cmp-breadcrumb__item--dummy {
  display: none
}

.cmp-breadcrumb .left_shadow {
  width: 50px !important;
  box-shadow: none !important;
  height: 100% !important;
  background-image: linear-gradient(to left, rgba(255, 0, 0, 0), rgb(255, 255, 255))
}

.cmp-breadcrumb .right_shadow {
  width: 50px !important;
  box-shadow: none !important;
  height: 100% !important;
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgb(255, 255, 255))
}

.cmp-form [type=text],
.cmp-form [type=password],
.cmp-form [type=date],
.cmp-form [type=datetime],
.cmp-form [type=datetime-local],
.cmp-form [type=month],
.cmp-form [type=week],
.cmp-form [type=email],
.cmp-form [type=number],
.cmp-form [type=search],
.cmp-form [type=tel],
.cmp-form [type=time],
.cmp-form [type=url],
.cmp-form [type=color],
.cmp-form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.3875rem;
  margin: 0 0 1rem;
  padding: .5rem;
  border: 1px solid #dddddd;
  border-radius: 0;
  background-color: #fff;
  box-shadow: inset 0 1px 2px #0000001a;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: #000;
  transition: box-shadow .5s, border-color .25s ease-in-out
}

.cmp-form [type=text]:focus,
.cmp-form [type=password]:focus,
.cmp-form [type=date]:focus,
.cmp-form [type=datetime]:focus,
.cmp-form [type=datetime-local]:focus,
.cmp-form [type=month]:focus,
.cmp-form [type=week]:focus,
.cmp-form [type=email]:focus,
.cmp-form [type=number]:focus,
.cmp-form [type=search]:focus,
.cmp-form [type=tel]:focus,
.cmp-form [type=time]:focus,
.cmp-form [type=url]:focus,
.cmp-form [type=color]:focus,
.cmp-form textarea:focus {
  outline: none;
  border: 1px solid #616161;
  background-color: #fff;
  box-shadow: 0 0 5px #ddd;
  transition: box-shadow .5s, border-color .25s ease-in-out
}

.cmp-form textarea {
  max-width: 100%
}

.cmp-form textarea[rows] {
  height: auto
}

.cmp-form input:disabled,
.cmp-form input[readonly],
.cmp-form textarea:disabled,
.cmp-form textarea[readonly] {
  background-color: #f5f5f5;
  cursor: not-allowed
}

.cmp-form [type=submit],
.cmp-form [type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0
}

.cmp-form input[type=search] {
  box-sizing: border-box
}

.cmp-form ::-moz-placeholder {
  color: #ddd
}

.cmp-form ::placeholder {
  color: #ddd
}

.cmp-form [type=file],
.cmp-form [type=checkbox],
.cmp-form [type=radio] {
  margin: 0 0 1rem
}

.cmp-form [type=checkbox]+label,
.cmp-form [type=radio]+label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: .5rem;
  margin-right: 1rem;
  margin-bottom: 0
}

.cmp-form [type=checkbox]+label[for],
.cmp-form [type=radio]+label[for] {
  cursor: pointer
}

.cmp-form label>[type=checkbox],
.cmp-form label>[type=radio] {
  margin-right: .5rem
}

.cmp-form [type=file] {
  width: 100%
}

.cmp-form label {
  display: block;
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.8;
  color: #000
}

.cmp-form label.middle {
  margin: 0 0 1rem;
  line-height: 1.45;
  padding: .5625rem 0
}

.cmp-form .help-text {
  margin-top: -.5rem;
  font-size: .8125rem;
  font-style: italic;
  color: #000
}

.cmp-form .input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch
}

.cmp-form .input-group>:first-child,
.cmp-form .input-group>:first-child.input-group-button>* {
  border-radius: 0
}

.cmp-form .input-group>:last-child,
.cmp-form .input-group>:last-child.input-group-button>* {
  border-radius: 0
}

.cmp-form .input-group-button a,
.cmp-form .input-group-button input,
.cmp-form .input-group-button button,
.cmp-form .input-group-button label,
.cmp-form .input-group-button,
.cmp-form .input-group-field,
.cmp-form .input-group-label {
  margin: 0;
  white-space: nowrap
}

.cmp-form .input-group-label {
  padding: 0 1rem;
  border: 1px solid #dddddd;
  background: #f5f5f5;
  color: #000;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center
}

.cmp-form .input-group-label:first-child {
  border-right: 0
}

.cmp-form .input-group-label:last-child {
  border-left: 0
}

.cmp-form .input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0
}

.cmp-form .input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto
}

.cmp-form .input-group-button a,
.cmp-form .input-group-button input,
.cmp-form .input-group-button button,
.cmp-form .input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem
}

.cmp-form fieldset {
  margin: 0;
  padding: 0;
  border: 0
}

.cmp-form legend {
  max-width: 100%;
  margin-bottom: .5rem
}

.cmp-form .fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #dddddd
}

.cmp-form .fieldset legend {
  margin: 0;
  margin-left: -.1875rem;
  padding: 0 .1875rem
}

.cmp-form select {
  height: 2.3875rem;
  margin: 0 0 1rem;
  padding: .5rem 1.5rem .5rem .5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #dddddd;
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: #000;
  transition: box-shadow .5s, border-color .25s ease-in-out;
  background-origin: content-box;
  background-position: right-1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2897, 97, 97%29"></polygon></svg>')
}

@media screen and (min-width: 0�) {
  .cmp-form select {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
  }
}

.cmp-form select:focus {
  outline: none;
  border: 1px solid #616161;
  background-color: #fff;
  box-shadow: 0 0 5px #ddd;
  transition: box-shadow .5s, border-color .25s ease-in-out
}

.cmp-form select:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed
}

.cmp-form select::-ms-expand {
  display: none
}

.cmp-form select[multiple] {
  height: auto;
  background-image: none
}

.cmp-form select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0
}

.cmp-form .is-invalid-input:not(:focus) {
  border-color: #ff3939;
  background-color: #ffebeb
}

.cmp-form .is-invalid-input:not(:focus)::-moz-placeholder {
  color: #ff3939
}

.cmp-form .is-invalid-input:not(:focus)::placeholder {
  color: #ff3939
}

.cmp-form .is-invalid-label {
  color: #ff3939
}

.cmp-form .form-error {
  display: none;
  margin-top: -.5rem;
  margin-bottom: 1rem;
  font-size: .75rem;
  font-weight: 700;
  color: #ff3939
}

.cmp-form .form-error.is-visible {
  display: block
}

.cmp-form .cmp-input__float-field:not(:disabled),
.cmp-form .cmp-input__custom-checkbox:not(:disabled)+label:before,
.cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio]+label:before {
  background: #f5f5f5
}

.cmp-form__text--winnie {
  position: absolute;
  left: -9425px
}

.cmp-form .cmp-input__icon-wrap--select input[type=date],
.cmp-form .cmp-input__icon-wrap--select input[type=number],
.cmp-form .cmp-input__icon-wrap--error input[type=date],
.cmp-form .cmp-input__icon-wrap--error input[type=number],
.cmp-form .cmp-input__icon-wrap--ok input[type=date],
.cmp-form .cmp-input__icon-wrap--ok input[type=number] {
  padding-right: 35px
}

body.rtl .cmp-form .cmp-input__icon-wrap--select input[type=date],
body.rtl .cmp-form .cmp-input__icon-wrap--select input[type=number],
body.rtl .cmp-form .cmp-input__icon-wrap--error input[type=date],
body.rtl .cmp-form .cmp-input__icon-wrap--error input[type=number],
body.rtl .cmp-form .cmp-input__icon-wrap--ok input[type=date],
body.rtl .cmp-form .cmp-input__icon-wrap--ok input[type=number] {
  padding-right: 10px;
  padding-left: 35px
}

.cmp-form .cmp-input {
  box-sizing: border-box;
  padding: 0 1rem;
  margin: 30px 0 10px;
  position: relative
}

.cmp-form .cmp-input__float-field {
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #000;
  border-bottom-width: 2px;
  outline: 0;
  padding: 5px 10px 0;
  width: 100%;
  margin: 0
}

.cmp-form .cmp-input__float-field::-ms-clear {
  display: none
}

.cmp-form .cmp-input__float-field:disabled {
  background: #e0e0e0
}

.cmp-form .cmp-input__icon-wrap {
  position: relative
}

.cmp-form .cmp-input__icon-wrap--ok:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  right: 9px;
  font-size: 1.25rem;
  top: 5px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
  color: #77bcb2
}

body.rtl .cmp-form .cmp-input__icon-wrap--ok:after {
  right: inherit;
  left: 9px
}

.cmp-form .cmp-input__icon-wrap--error:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  right: 9px;
  font-size: 1.25rem;
  top: 5px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
  color: #ff3939
}

body.rtl .cmp-form .cmp-input__icon-wrap--error:after {
  right: inherit;
  left: 9px
}

.cmp-form .cmp-input__icon-wrap--select:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  right: 9px;
  font-size: 1.25rem;
  top: 5px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
  color: #000
}

body.rtl .cmp-form .cmp-input__icon-wrap--select:after {
  right: inherit;
  left: 9px
}

.cmp-form .cmp-input__icon-wrap.cmp-input__icon-wrap--ok .cmp-input__float-field {
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #77bcb2;
  border-bottom-width: 2px
}

.cmp-form .cmp-input__icon-wrap.cmp-input__icon-wrap--error .cmp-input__float-field {
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #ff3939;
  border-bottom-width: 2px
}

.cmp-form .cmp-input__icon-wrap:before {
  content: "";
  right: 4px;
  top: 0;
  background: #ffffff;
  position: absolute;
  pointer-events: none;
  display: block
}

.cmp-form .cmp-input__icon-wrap select {
  background-position: right 0 center;
  padding: 5px 32px 0 10px !important;
  height: 40px
}

body.rtl .cmp-form .cmp-input__icon-wrap select {
  padding: 5px 10px 0 32px !important
}

.cmp-form .cmp-input__icon-wrap select.cmp-input__float-field--select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

.cmp-form .cmp-input__icon-wrap select.cmp-input__float-field--select::-ms-expand {
  display: none
}

.cmp-form .cmp-input__float-label {
  color: #0006 !important;
  position: absolute;
  transform-origin: top left;
  transform: translate(10px, 8px) scale(1);
  transition: all .1s ease-in-out
}

body.rtl .cmp-form .cmp-input__float-label {
  margin-right: 20px
}

.cmp-form .cmp-input__float-label--select {
  line-height: 24px
}

.cmp-form .cmp-input__error {
  color: #ff3939;
  display: none
}

.cmp-form .cmp-input--active .cmp-input__float-label {
  color: #000 !important;
  transform: translateY(-22px) scale(.8);
  font-weight: 700
}

body.rtl .cmp-form .cmp-input--active .cmp-input__float-label {
  margin-right: -8px
}

.cmp-form .cmp-input--active .cmp-input__float-label.cmp-input__float-label--select {
  transform: translateY(-22px) scale(.8)
}

.cmp-form .cmp-input--active.active:not(.cmp-input__icon-wrap--ok).active:not(.cmp-input__icon-wrap--error) .cmp-input__float-field {
  border-bottom-color: #ffc510;
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: var(--primary);
  border-bottom-width: 2px
}

.cmp-form .cmp-input__custom-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0
}

.cmp-form .cmp-input__custom-checkbox input[type=checkbox]:checked+label:before {
  background: #ffc510;
  background: var(--primary);
  border: 2px solid #ffc510;
  border-color: var(--primary)
}

.cmp-form .cmp-input__custom-checkbox input[type=checkbox]:disabled+label {
  color: #616161;
  cursor: auto
}

.cmp-form .cmp-input__custom-checkbox input[type=checkbox]:disabled+label:before {
  box-shadow: none;
  background: #e0e0e0
}

.cmp-form .cmp-input__custom-checkbox input[type=checkbox]:checked+label:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-size: .75rem;
  position: absolute;
  left: 2px;
  top: 1px;
  width: 2px;
  height: 2px
}

body.rtl .cmp-form .cmp-input__custom-checkbox input[type=checkbox]:checked+label:after {
  left: 0;
  right: 2px
}

.cmp-form .cmp-input__custom-checkbox label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 8px 8px 0
}

body.rtl .cmp-form .cmp-input__custom-checkbox label {
  margin: 0 0 8px 8px
}

.cmp-form .cmp-input__custom-checkbox label:before {
  content: "";
  margin-right: 18px;
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  background: #f5f5f5;
  border: 2px solid #000000
}

body.rtl .cmp-form .cmp-input__custom-checkbox label:before {
  margin-left: 18px;
  margin-right: 0
}

.cmp-form .cmp-input__toggle>span {
  position: relative;
  margin-left: 0;
  margin-top: 6px;
  font-size: .875rem
}

.cmp-form .cmp-input__toggle>input[type=checkbox] {
  display: none
}

.cmp-form .cmp-input__toggle>label {
  cursor: pointer;
  background: #000000;
  top: -5px;
  height: 0;
  position: relative;
  width: 44px;
  margin-left: 24px
}

body.rtl .cmp-form .cmp-input__toggle>label {
  margin-left: 0;
  margin-right: 24px
}

.cmp-form .cmp-input__toggle>label:before {
  background: #000000;
  content: "";
  height: 4px;
  top: 0;
  position: absolute;
  opacity: 1;
  transition: all .4s ease-in-out;
  width: 32px
}

body.rtl .cmp-form .cmp-input__toggle>label:before {
  left: 18px
}

.cmp-form .cmp-input__toggle>label:after {
  background: #ffc510;
  background: var(--primary);
  border-radius: 16px;
  content: "";
  height: 18px;
  width: 18px;
  top: 0;
  left: -8px;
  margin-top: -8px;
  position: absolute;
  transition: all .3s ease-in-out
}

body.rtl .cmp-form .cmp-input__toggle>label:after {
  left: 8px
}

.cmp-form .cmp-input__toggle>input[type=checkbox]:checked+label:before {
  background: inherit
}

.cmp-form .cmp-input__toggle>input[type=checkbox]:checked+label:after {
  background: #ffc510;
  background: var(--primary);
  left: 26px
}

body.rtl .cmp-form .cmp-input__toggle>input[type=checkbox]:checked+label:after {
  left: 38px
}

.cmp-form .cmp-input__custom-radio input[type=radio] {
  position: absolute;
  opacity: 0
}

.cmp-form .cmp-input__custom-radio input[type=radio]+.cmp-input__radio-label {
  margin: 0 8px 8px 0
}

body.rtl .cmp-form .cmp-input__custom-radio input[type=radio]+.cmp-input__radio-label {
  margin: 0 0 8px 8px
}

.cmp-form .cmp-input__custom-radio input[type=radio]+.cmp-input__radio-label:before {
  content: "";
  border-radius: 100%;
  border: 2px solid #000000;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
  margin-right: 16px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  transition: all .25s ease
}

body.rtl .cmp-form .cmp-input__custom-radio input[type=radio]+.cmp-input__radio-label:before {
  margin-right: 0;
  margin-left: 16px
}

.cmp-form .cmp-input__custom-radio input[type=radio]+.cmp-input__radio-label:empty:before {
  margin-right: 0
}

.cmp-form .cmp-input__custom-radio input[type=radio]:checked+.cmp-input__radio-label:before {
  background: #000000;
  box-shadow: 0 0 #ffc510;
  box-shadow: 0 0 0 0 var(--primary);
  border: 4px solid #ffc510;
  border-color: var(--primary)
}

.cmp-form .cmp-input__custom-radio input[type=radio]:disabled+.cmp-input__radio-label {
  color: #616161
}

.cmp-form .cmp-input__custom-radio input[type=radio]:disabled+.cmp-input__radio-label:before {
  box-shadow: 0 0 #ffc510;
  box-shadow: 0 0 0 0 var(--primary);
  background-color: #000;
  border: 6px solid #e0e0e0
}

.cmp-form .cmp-input__custom-radio input[type=radio]:focus+.cmp-input__radio-label:before {
  outline: none;
  border-color: #ffc510;
  border-color: var(--primary)
}

.cmp-form .cmp-input__custom-radio input[type=radio]:disabled+.cmp-input__radio-label:before {
  box-shadow: 0 0 #ffc510;
  box-shadow: 0 0 0 0 var(--primary);
  background-color: #e0e0e0;
  border: 2px solid #000000
}

.cmp-form .cmp-input [placeholder]::-webkit-input-placeholder {
  opacity: 0
}

.cmp-form .cmp-input [placeholder]::-moz-placeholder {
  opacity: 0
}

.cmp-form .cmp-input [placeholder]:-ms-input-placeholder {
  opacity: 0
}

.cmp-form .cmp-input [placeholder]:focus::-webkit-input-placeholder {
  opacity: 1;
  transform: translate(0) scale(1)
}

.cmp-form .cmp-input .cmp-input__float-field {
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #000;
  border-bottom-width: 2px
}

.cmp-form .cmp-input .cmp-input__float-field:not(textarea) {
  height: 40px
}

.cmp-form .cmp-input .cmp-input__float-field:focus {
  border-bottom-color: #ffc510;
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: var(--primary);
  border-bottom-width: 2px
}

.cmp-form .cmp-input .cmp-input__float-field:hover,
.cmp-form .cmp-input .cmp-input__float-field:focus {
  box-shadow: 0 2px 8px #ddd
}

.cmp-form .cmp-input .cmp-input__float-field:hover:disabled,
.cmp-form .cmp-input .cmp-input__float-field:focus:disabled {
  box-shadow: none
}

.cmp-form .cmp-input .cmp-input__float-field--captcha {
  visibility: hidden;
  height: 0px !important;
  padding: 0
}

.cmp-form .cmp-input__captcha .cmp-input__icon-wrap:after {
  visibility: hidden !important;
  content: "" !important;
  display: none !important
}

.cmp-form .cmp-button {
  margin: 1rem
}

.cmp-form .cmp-button--center {
  margin-left: auto;
  margin-right: auto
}

.cmp-form .sika-form-button:after {
  content: "";
  display: block;
  clear: both
}

.cmp-background--light-grey .cmp-form .cmp-input__float-field:not(:disabled),
.cmp-background--light-grey .cmp-form .cmp-input__custom-checkbox:not(:disabled)+label:before,
.cmp-background--light-grey .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio]+label:before,
.cmp-background--grey .cmp-form .cmp-input__float-field:not(:disabled),
.cmp-background--grey .cmp-form .cmp-input__custom-checkbox:not(:disabled)+label:before,
.cmp-background--grey .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio]+label:before,
.cmp-background--middle-grey .cmp-form .cmp-input__float-field:not(:disabled),
.cmp-background--middle-grey .cmp-form .cmp-input__custom-checkbox:not(:disabled)+label:before,
.cmp-background--middle-grey .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio]+label:before,
.cmp-background--dark-grey .cmp-form .cmp-input__float-field:not(:disabled),
.cmp-background--dark-grey .cmp-form .cmp-input__custom-checkbox:not(:disabled)+label:before,
.cmp-background--dark-grey .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio]+label:before,
.cmp-background--darker-grey .cmp-form .cmp-input__float-field:not(:disabled),
.cmp-background--darker-grey .cmp-form .cmp-input__custom-checkbox:not(:disabled)+label:before,
.cmp-background--darker-grey .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio]+label:before,
.cmp-background--yellow .cmp-form .cmp-input__float-field:not(:disabled),
.cmp-background--yellow .cmp-form .cmp-input__custom-checkbox:not(:disabled)+label:before,
.cmp-background--yellow .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio]+label:before {
  background: #ffffff
}

.cmp--dark .cmp-form .cmp-input__float-field:not(:disabled),
.cmp--dark .cmp-form .cmp-input__custom-checkbox:not(:disabled)+label:before,
.cmp--dark .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio]+label:before {
  background: #ffffff
}

.cmp--dark .cmp-form .cmp-input label,
.cmp--dark .cmp-form .cmp-input legend,
.cmp--dark .cmp-form .cmp-input__toggle,
.cmp--dark .cmp-form .cmp-input__icon-wrap:after {
  color: #000
}

.cmp-vue-sticky-navigation .cmp-layout a:target {
  position: relative;
  display: block;
  visibility: hidden;
  top: -146px
}

.cmp-layout {
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
  position: relative
}

.cmp-layout .cmp-layout {
  padding-top: 0
}

.cmp-layout .cmp-layout:last-of-type {
  margin-bottom: 0
}

.cmp-layout--imagebackground {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1
}

.cmp-layout--imagebackground img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmp-layout--imagebackground img {
    height: auto
  }
}

.cmp-layout--wide {
  max-width: 100rem;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem
}

.cmp-layout--image-and-color-background {
  z-index: 1
}

.cmp-layout__head {
  text-align: center
}

.cmp-layout__head--has-padding {
  padding-top: 20px
}

.cmp-layout__title,
.cmp-layout .cmp-title__text {
  margin-bottom: .9rem
}

.cmp-layout__foot {
  text-align: center
}

.cmp-layout--left {
  text-align: left !important
}

body.rtl .cmp-layout--left,
.cmp-layout--right {
  text-align: right !important
}

body.rtl .cmp-layout--right {
  text-align: left !important
}

.cmp-layout--center {
  display: flex;
  justify-content: center;
  width: 100%
}

.cmp-layout a:target {
  position: relative;
  display: block;
  top: -80px;
  visibility: hidden
}

.cmp-layout a.stickyAnchor:target {
  top: 0
}

.cmp-quote {
  display: flex;
  flex-direction: row;
  margin: 1rem 0
}

@media print,
screen and (min-width: 64em) {
  .cmp-quote.cmp-quote--wide {
    min-height: 29.7vw;
    height: 29.7vw
  }
}

.cmp-quote.cmp-quote--wide.cmp-quote--reverse picture img {
  left: 0;
  right: initial
}

@media print,
screen and (min-width: 40em) {
  .cmp-quote.cmp-quote--wide picture {
    display: block;
    position: relative
  }

  .cmp-quote.cmp-quote--wide picture img {
    position: absolute;
    right: 0;
    max-width: none;
    height: auto;
    width: 45vw
  }
}

.cmp-quote--reverse {
  flex-direction: row-reverse
}

.cmp-quote--reverse blockquote {
  text-align: right;
  margin-right: 1rem
}

body.rtl .cmp-quote--reverse blockquote {
  text-align: left;
  margin-right: 0;
  margin-left: 1rem
}

.cmp-quote--reverse picture {
  text-align: left
}

.cmp-quote--center blockquote {
  margin: auto !important;
  text-align: center !important
}

.cmp-quote blockquote {
  text-align: left;
  align-self: center;
  margin-left: 1rem;
  padding: 0;
  color: var(--quote-color)
}

body.rtl .cmp-quote blockquote {
  text-align: right;
  margin-left: 0;
  margin-right: 1rem
}

.cmp-quote blockquote cite {
  padding-top: 1rem;
  font-style: normal;
  font-size: 1.13125rem;
  color: #000
}

.cmp-quote blockquote cite:before {
  content: ""
}

.cmp-layout .cmp-quote--reverse blockquote {
  text-align: initial
}

.cmp-layout .cmp-quote picture {
  text-align: initial
}

.cmp-layout .cmp-quote picture img {
  max-height: none
}

.cmp-hero {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-hero {
    min-height: 290px
  }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
  .cmp-hero {
    min-height: 440px
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero {
    height: 815px
  }
}

.cmp-hero__background {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 100%;
  top: 0;
  left: 0
}

.cmp-hero__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmp-hero__background img {
    height: auto
  }
}

@media print,
screen and (max-width: 74.99875em) {
  .cmp-hero--video {
    padding-top: 56.25%;
    min-height: 0
  }

  .cmp-hero--video .cmp-hero__content {
    margin-top: -56.25%
  }
}

.cmp-hero--darkbg .cmp-hero__content {
  color: #fff
}

.cmp-hero--lightbg .cmp-hero__content {
  color: #000
}

.cmp-hero--small {
  min-height: initial
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-hero--small {
    min-height: 250px
  }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
  .cmp-hero--small {
    min-height: 440px
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero--small {
    height: 600px
  }
}

.cmp-hero--small .cmp-hero__content--wrapper .cmp-display {
  font-weight: 400;
  text-transform: uppercase
}

.cmp-hero--small .cmp-hero__content--wrapper .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-hero--small .cmp-hero__content--wrapper .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero--small .cmp-hero__content--wrapper .cmp-display {
    font-size: 3.44rem
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero--small .cmp-hero__content {
    margin-top: 256px
  }
}

.cmp-hero--noimage {
  background-color: #f5f5f5;
  height: auto
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero--noimage .cmp-hero__content {
    margin-top: 256px
  }
}

.cmp-hero--noimage .cmp-hero__content .cmp-text {
  color: #000
}

.cmp-hero--noimage .cmp-hero__content--wrapper .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-hero--noimage .cmp-hero__content--wrapper .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero--noimage .cmp-hero__content--wrapper .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-hero .cmp-video {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.cmp-hero .cmp-video video {
  width: auto;
  height: 100%;
  min-width: 100%;
  min-height: 100%
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero .cmp-video video {
    height: auto
  }
}

.cmp-hero__content {
  flex: 0 1 100%;
  display: flex;
  flex-direction: row;
  color: #fff;
  z-index: 2;
  padding: 50px 0;
  max-width: 1920px
}

@media screen and (min-width: 75em) {
  .cmp-hero__content {
    flex-basis: 100%
  }
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-hero__content br {
    display: none !important
  }
}

.cmp-hero__content--wrapper {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero__content--wrapper {
    justify-content: center
  }
}

.cmp-hero__content--wrapper .cmp-button {
  margin-top: 2rem !important;
  margin-right: 1rem
}

body.rtl .cmp-hero__content--wrapper .cmp-button {
  margin-right: 0;
  margin-left: 1rem
}

.cmp-hero__content--wrapper--light {
  background-color: #fff6;
  color: #000;
  padding: 30px
}

.cmp-hero__content--wrapper--dark {
  background-color: #0006;
  color: #fff;
  padding: 30px
}

.cmp-hero__content--wrapper .cmp-display {
  font-weight: 400;
  text-transform: uppercase;
  word-break: break-word
}

.cmp-hero__content--wrapper .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-hero__content--wrapper .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero__content--wrapper .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-hero__bottom-wrapper {
  position: absolute;
  z-index: 0;
  bottom: 6px;
  width: 80%
}

@media screen and (min-width: 75em) {
  .cmp-hero__bottom-wrapper {
    width: 1200px
  }
}

.cmp-hero__bottom-wrapper--go-to-bottom {
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
  background-color: #ffc510;
  background-color: var(--page-scroll-arrow-background);
  position: absolute;
  top: -18px;
  width: 45px;
  height: 45px;
  cursor: pointer;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 20px
}

.cmp-hero__bottom-wrapper--go-to-bottom:hover {
  box-shadow: 0 6px 6px #00000029, 0 6px 6px #0000003b
}

.primary-text--light .cmp-hero__bottom-wrapper--go-to-bottom {
  color: var(--white)
}

.cmp-hero__bottom-wrapper--go-to-bottom .cmp-icon {
  font-size: 24px;
  width: 24px;
  height: 24px
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero__bottom-wrapper--go-to-bottom {
    right: initial
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-hero__content--wrapper {
    padding: 0 2rem
  }
}

@media screen and (min-width: 95em) {
  .cmp-hero__content--wrapper {
    padding-left: 160px
  }

  body.rtl .cmp-hero__content--wrapper {
    padding-left: 2rem;
    padding-right: 160px
  }
}

.cmp-hidden-hero-title {
  margin-top: 50px;
  padding-left: 16px;
  padding-right: 16px
}

@media print,
screen and (min-width: 64em) {
  .cmp-hidden-hero-title {
    padding: 0 2rem
  }
}

@media screen and (min-width: 95em) {
  .cmp-hidden-hero-title {
    padding-left: 160px
  }

  body.rtl .cmp-hidden-hero-title {
    padding-left: 2rem;
    padding-right: 160px
  }
}

.cmp-hidden-hero-title .cmp-display {
  font-weight: 400;
  text-transform: uppercase
}

.cmp-hidden-hero-title .cmp-display {
  font-size: 2.88rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-hidden-hero-title .cmp-display {
    font-size: calc(2.88rem + .56 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-hidden-hero-title .cmp-display {
    font-size: 3.44rem
  }
}

.cmp-teaser--project-carousel .cmp-image .gradient,
.cmp-teaser.cmp-teaser--project .cmp-image .gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, .9));
  z-index: 1;
  top: 0;
  left: 0
}

.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-content__head--ribbon,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-content__head--ribbon {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-content__head--ribbon .cmp-label,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-content__head--ribbon .cmp-label {
  order: 1
}

.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-content__head--ribbon .cmp-content__head__title,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-content__head--ribbon .cmp-content__head__title {
  order: 2
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-content__head--ribbon .cmp-content__head__title,
  .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-content__head--ribbon .cmp-content__head__title {
    padding-right: 10px
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-content__head--ribbon,
  .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-content__head--ribbon {
    flex-direction: row
  }

  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-content__head--ribbon .cmp-label,
  .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-content__head--ribbon .cmp-label {
    order: 2
  }

  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-content__head--ribbon .cmp-content__head__title,
  .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-content__head--ribbon .cmp-content__head__title {
    order: 1
  }
}

.cmp-teaser.cmp-teaser--project,
.cmp-teaser.cmp-teaser--story,
.cmp-teaser.cmp-teaser--news,
.cmp-teaser.cmp-teaser--event,
.cmp-teaser.cmp-teaser--product,
.cmp-teaser.cmp-teaser--square,
.cmp-teaser.cmp-teaser--knowledgebase,
.cmp-teaser.cmp-teaser--generic {
  font-size: 1.13125rem
}

.cmp-teaser.cmp-teaser--project .cmp-tags,
.cmp-teaser.cmp-teaser--story .cmp-tags,
.cmp-teaser.cmp-teaser--news .cmp-tags,
.cmp-teaser.cmp-teaser--event .cmp-tags,
.cmp-teaser.cmp-teaser--product .cmp-tags,
.cmp-teaser.cmp-teaser--square .cmp-tags,
.cmp-teaser.cmp-teaser--knowledgebase .cmp-tags,
.cmp-teaser.cmp-teaser--generic .cmp-tags {
  margin: 0 0 .5rem;
  overflow: hidden
}

.cmp-teaser.cmp-teaser--project .cmp-tags li,
.cmp-teaser.cmp-teaser--story .cmp-tags li,
.cmp-teaser.cmp-teaser--news .cmp-tags li,
.cmp-teaser.cmp-teaser--event .cmp-tags li,
.cmp-teaser.cmp-teaser--product .cmp-tags li,
.cmp-teaser.cmp-teaser--square .cmp-tags li,
.cmp-teaser.cmp-teaser--knowledgebase .cmp-tags li,
.cmp-teaser.cmp-teaser--generic .cmp-tags li {
  text-transform: uppercase !important;
  display: inline-block;
  padding-right: 16px;
  color: #616161
}

.cmp-teaser.cmp-teaser--project .cmp-image,
.cmp-teaser.cmp-teaser--story .cmp-image,
.cmp-teaser.cmp-teaser--news .cmp-image,
.cmp-teaser.cmp-teaser--event .cmp-image,
.cmp-teaser.cmp-teaser--product .cmp-image,
.cmp-teaser.cmp-teaser--square .cmp-image,
.cmp-teaser.cmp-teaser--knowledgebase .cmp-image,
.cmp-teaser.cmp-teaser--generic .cmp-image {
  cursor: pointer
}

.cmp-teaser.cmp-teaser--project .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--story .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--news .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--event .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--product .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--knowledgebase .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--generic .cmp-teaser__content .cmp-content .publish-date {
  margin-bottom: .5rem
}

.cmp-teaser.cmp-teaser--project .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--story .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--news .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--event .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--product .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--knowledgebase .cmp-teaser__content .cmp-content .publish-date,
.cmp-teaser.cmp-teaser--generic .cmp-teaser__content .cmp-content .publish-date {
  font-size: .875rem
}

@media screen and (min-width: 20em) {

  .cmp-teaser.cmp-teaser--project .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--story .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--news .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--event .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--product .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--knowledgebase .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--generic .cmp-teaser__content .cmp-content .publish-date {
    font-size: calc(.875rem + .125 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--project .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--story .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--news .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--event .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--product .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--knowledgebase .cmp-teaser__content .cmp-content .publish-date,
  .cmp-teaser.cmp-teaser--generic .cmp-teaser__content .cmp-content .publish-date {
    font-size: 1rem
  }
}

.cmp-teaser.cmp-teaser--project .cmp-teaser__subtitle,
.cmp-teaser.cmp-teaser--story .cmp-teaser__subtitle,
.cmp-teaser.cmp-teaser--news .cmp-teaser__subtitle,
.cmp-teaser.cmp-teaser--event .cmp-teaser__subtitle,
.cmp-teaser.cmp-teaser--product .cmp-teaser__subtitle,
.cmp-teaser.cmp-teaser--square .cmp-teaser__subtitle,
.cmp-teaser.cmp-teaser--knowledgebase .cmp-teaser__subtitle,
.cmp-teaser.cmp-teaser--generic .cmp-teaser__subtitle {
  margin-top: -4px;
  margin-bottom: 8px
}

.cmp-teaser .cmp-label--ribbon {
  top: 10px;
  left: 0;
  padding: 0 !important;
  margin: 0 !important
}

.cmp-teaser .cmp-label--ribbon--right {
  left: auto;
  right: 0
}

.cmp-teaser .cmp-label--ribbon span {
  display: block;
  background-color: #52a398;
  background-color: var(--ribbon-background);
  color: #fff;
  font-size: 1rem !important;
  padding: 7px 20px
}

.cmp-teaser .cmp-image+.cmp-label--ribbon {
  position: absolute
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card,
.cmp-teaser.cmp-teaser--square,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  transition: all .3s ease-in-out;
  outline: 1px solid transparent;
  margin-bottom: 1rem
}

.cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--square .cmp-teaser__content,
.cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content {
  padding-top: 60px
}

.cmp-teaser--no-image.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--square .cmp-teaser__content,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content {
  background-color: #f5f5f5;
  padding-top: 46px
}

.cmp-teaser--no-image.cmp-teaser.cmp-teaser--project.cmp-teaser--card>a,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--story.cmp-teaser--card>a,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--news.cmp-teaser--card>a,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--event.cmp-teaser--card>a,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--square>a,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card>a,
.cmp-teaser--no-image.cmp-teaser.cmp-teaser--generic.cmp-teaser--card>a {
  transition: all .3s ease-in-out;
  background-color: #f5f5f5
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser.cmp-teaser--square .cmp-teaser__content,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content {
  height: auto;
  padding: 30px;
  transition: all .3s ease-in-out;
  background-color: #fff
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content .cmp-date,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content .cmp-date,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content .cmp-date,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content .cmp-date,
.cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-date,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content .cmp-date,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content .cmp-date {
  font-size: .8125rem
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content .cmp-tags,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content .cmp-tags,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content .cmp-tags,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content .cmp-tags,
.cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-tags,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content .cmp-tags,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content .cmp-tags {
  height: 23px;
  overflow: hidden
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content h4,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content h4,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content h4,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content h4,
.cmp-teaser.cmp-teaser--square .cmp-teaser__content h4,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content h4,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content h4 {
  min-height: 60px
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--square .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-label--ribbon {
  display: block;
  position: absolute
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--square .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__head+a .cmp-teaser__content {
  background-color: #fff
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover,
.cmp-teaser.cmp-teaser--square:hover,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover {
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
  outline: 6px solid #ffc510;
  outline-color: var(--teaser-background-hover);
  background-color: #ffc510;
  background-color: var(--teaser-background-hover);
  color: var(--teaser-color-hover-dark)
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--square:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover .cmp-teaser__content {
  color: var(--teaser-color-hover-dark)
}

.primary-text--light .cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover .cmp-teaser__content,
.primary-text--light .cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover .cmp-teaser__content,
.primary-text--light .cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover .cmp-teaser__content,
.primary-text--light .cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover .cmp-teaser__content,
.primary-text--light .cmp-teaser.cmp-teaser--square:hover .cmp-teaser__content,
.primary-text--light .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover .cmp-teaser__content,
.primary-text--light .cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover .cmp-teaser__content {
  color: var(--white);
  color: var(--teaser-color-hover-light)
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover .cmp-teaser__content li,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover .cmp-teaser__content li,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover .cmp-teaser__content li,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover .cmp-teaser__content li,
.cmp-teaser.cmp-teaser--square:hover .cmp-teaser__content li,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover .cmp-teaser__content li,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover .cmp-teaser__content li {
  color: var(--teaser-color-hover-dark)
}

.primary-text--light .cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover .cmp-teaser__content li,
.primary-text--light .cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover .cmp-teaser__content li,
.primary-text--light .cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover .cmp-teaser__content li,
.primary-text--light .cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover .cmp-teaser__content li,
.primary-text--light .cmp-teaser.cmp-teaser--square:hover .cmp-teaser__content li,
.primary-text--light .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover .cmp-teaser__content li,
.primary-text--light .cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover .cmp-teaser__content li {
  color: var(--white);
  color: var(--teaser-color-hover-light)
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover.cmp-teaser--no-image>a,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover.cmp-teaser--no-image>a,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover.cmp-teaser--no-image>a,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover.cmp-teaser--no-image>a,
.cmp-teaser.cmp-teaser--square:hover.cmp-teaser--no-image>a,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover.cmp-teaser--no-image>a,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover.cmp-teaser--no-image>a {
  background-color: #ffc510;
  background-color: var(--teaser-background-hover)
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--square:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover .cmp-teaser__content {
  background-color: #ffc510;
  background-color: var(--teaser-background-hover)
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--square:hover .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover .cmp-teaser__head+a .cmp-teaser__content,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover .cmp-teaser__head+a .cmp-teaser__content {
  background-color: #ffc510;
  background-color: var(--teaser-background-hover)
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list,
.cmp-teaser.cmp-teaser--product.cmp-teaser--list,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--list {
  margin-bottom: 1rem
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content,
.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content {
  display: flex;
  flex-direction: column;
  font-size: 1.13125rem;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 1rem
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-image,
.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-image,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-image {
  overflow: visible
}

@media print,
screen and (min-width: 64em) {

  .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-image,
  .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image,
  .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-image,
  .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-image {
    padding: 0 16px;
    max-width: 33%
  }

  .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-image .cmp-image,
  .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image .cmp-image,
  .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-image .cmp-image,
  .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-image .cmp-image {
    margin-bottom: 0
  }
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-image div,
.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image div,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-image div,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-image div {
  overflow: hidden
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-image div img,
.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image div img,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-image div img,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-image div img {
  max-height: 250px
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-content,
.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-content,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-content,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-content {
  width: 100%;
  padding: 0 1rem
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-product__action,
.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-product__action,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-product__action,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-product__action {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content,
  .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content,
  .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content,
  .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content {
    flex-direction: row
  }
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content:hover,
.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content:hover,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content:hover,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content:hover {
  transition: all .3s ease-in-out;
  border-bottom: 2px solid #ffc510;
  border-color: var(--primary)
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content:hover h4,
.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content:hover h4,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content:hover h4,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content:hover h4 {
  color: #ffc510;
  color: var(--primary)
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-label--ribbon {
  display: flex;
  justify-content: flex-end
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-label--ribbon,
  .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-label--ribbon,
  .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-label--ribbon,
  .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-label--ribbon {
    display: block;
    position: absolute;
    top: 0
  }
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list {
  margin-bottom: 1rem
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  border-bottom: 2px solid #e0e0e0;
  transition: .3s all ease-in-out;
  padding-bottom: 1rem
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date {
  color: #e0e0e0;
  padding-bottom: 8px;
  display: none;
  transition: color .3s ease-in-out
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date {
    width: 140px;
    text-align: right;
    align-self: center;
    padding-right: 12px;
    display: block
  }

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date>div,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date>div,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date>div {
    padding-right: 0
  }
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date>div,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date>div,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date>div {
  padding-right: 5px
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .marker {
  line-height: .9
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .marker {
  font-size: 1.35rem
}

@media screen and (min-width: 20em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .marker {
    font-size: calc(1.35rem + 2.15 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .marker {
    font-size: 3.5rem
  }
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .year {
  line-height: .9;
  margin-top: 5px
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .year {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .year {
    font-size: calc(1rem + .5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .year {
    font-size: 1.5rem
  }
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .marker .cmp-icon,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .marker .cmp-icon,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .marker .cmp-icon {
  transition: none
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .year {
    margin-top: 10px
  }
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content-container,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content-container,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content-container {
  display: flex;
  flex: 1;
  flex-direction: column
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date {
  display: flex
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content-container,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content-container,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content-container {
    flex-direction: row
  }

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date {
    display: none
  }
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image {
  display: block;
  margin-bottom: .5rem
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content {
    flex: 1;
    padding: 0 1rem
  }

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image {
    display: none
  }
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content h4,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content h4,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content h4 {
  font-size: 1rem
}

@media screen and (min-width: 20em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content h4,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content h4,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content h4 {
    font-size: calc(1rem + .5 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content h4,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content h4,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content h4 {
    font-size: 1.5rem
  }
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-image,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-image,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-image {
  margin-bottom: .5rem
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content {
    max-height: 500px;
    flex-direction: row
  }

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-image,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-image,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-image {
    padding-left: 16px;
    flex-basis: 25%;
    margin-bottom: 0
  }
}

@media print,
screen and (min-width: 64em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content {
    flex-basis: 25%
  }
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content:hover .cmp-date,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content:hover .cmp-date,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content:hover .cmp-date {
  color: #ffc510;
  color: var(--primary)
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-label--ribbon,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-label--ribbon {
  display: flex;
  justify-content: flex-end
}

@media print,
screen and (min-width: 40em) {

  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-label--ribbon,
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-label--ribbon,
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-label--ribbon {
    display: block;
    top: 0
  }
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--news.cmp-teaser--list:hover .cmp-teaser__content,
.cmp-teaser.cmp-teaser--event.cmp-teaser--list:hover .cmp-teaser__content {
  transition: .3s all ease-in-out;
  border-bottom: 2px solid #ffc510;
  border-color: var(--primary)
}

.cmp-teaser {
  position: relative;
  display: block;
  flex: 1;
  height: 100%
}

.cmp-teaser .cmp-image {
  overflow: hidden
}

.cmp-teaser .cmp-image img {
  width: 100%;
  flex-shrink: 0;
  background: #ffffff
}

.cmp-teaser__head {
  position: relative
}

.cmp-teaser__content {
  flex: 1
}

.cmp-teaser__content .cmp-label {
  padding: .7692307692rem .6097560976rem;
  margin-bottom: .625rem
}

.cmp-teaser__content h4 {
  font-size: 1.125rem
}

@media screen and (min-width: 20em) {
  .cmp-teaser__content h4 {
    font-size: calc(1.125rem + .4375 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser__content h4 {
    font-size: 1.5625rem
  }
}

.cmp-teaser__icon {
  position: relative;
  margin-left: calc(100% - 40px);
  font-size: 2rem
}

body.rtl .cmp-teaser__icon {
  margin-left: 0;
  margin-right: calc(100% - 40px)
}

.cmp-teaser--card {
  overflow: hidden;
  outline: none
}

.cmp-teaser--card .cmp-image img {
  transition: all .3s
}

.cmp-teaser--card .cmp-teaser__content {
  padding: 40px 20px;
  background: transparent
}

.cmp-teaser--card .cmp-teaser__content .cmp-title {
  font-size: 1.5625rem
}

.cmp-teaser--card .cmp-teaser__content .cmp-text {
  font-size: 1rem
}

.cmp-teaser--card:hover {
  outline: 6px solid #ffc510;
  outline-color: var(--teaser-background-hover)
}

.cmp-teaser--card:hover .cmp-image img {
  transform-origin: 50% 50%
}

.cmp-teaser--card:hover .cmp-teaser__content {
  background-color: #ffc510;
  background-color: var(--teaser-background-hover)
}

.cmp-teaser--card-centered {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  padding-bottom: 100%
}

.cmp-teaser--card-centered .cmp-image {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: opacity .3s ease-in
}

.cmp-teaser--card-centered .cmp-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.cmp-teaser--card-centered .cmp-teaser__content {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, .4));
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: color .3s ease-in;
  text-align: center;
  font-size: 3.0625rem
}

.cmp-teaser--card-centered .cmp-teaser__content .cmp-title {
  font-size: 1.88rem
}

.cmp-teaser--card-centered a {
  position: absolute;
  width: 100%;
  height: 100%
}

.cmp-teaser--card-centered .sb-placeholder {
  height: 100%
}

.cmp-teaser--card-centered:hover {
  cursor: pointer;
  background-color: #ffc510;
  background-color: var(--teaser-background-hover);
  transition: background-color .3s ease-in
}

.cmp-teaser--card-centered:hover .cmp-image {
  opacity: 0
}

.cmp-teaser--card-centered:hover .cmp-teaser__content {
  color: #000;
  background-image: none
}

.cmp-teaser--no-image .cmp-teaser__content {
  background-color: #f5f5f5
}

.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser {
  flex-direction: column
}

.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-label--ribbon {
  display: flex;
  justify-content: flex-end;
  margin-right: -1rem !important
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-label--ribbon {
    display: inline-block;
    position: relative
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-label--ribbon+.cmp-content {
    margin-top: 38px
  }
}

.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list:hover .cmp-image div {
  outline: none !important
}

.cmp-teaser.cmp-teaser--square {
  box-sizing: content-box
}

.cmp-teaser.cmp-teaser--square--square-video .cmp-teaser__content {
  display: flex
}

.cmp-teaser.cmp-teaser--square--square-video .cmp-teaser__content .cmp-teaser__content--video {
  display: flex !important;
  align-items: center;
  justify-content: center
}

.cmp-teaser.cmp-teaser--square:before {
  content: "";
  display: block;
  padding-top: 100%
}

.cmp-teaser.cmp-teaser--square .cmp-modal__activator {
  position: inherit
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto !important;
  background-color: #f5f5f5
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content__icon {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 30px;
  color: #3c3c3c
}

body.rtl .cmp-teaser.cmp-teaser--square .cmp-teaser__content__icon {
  left: 0;
  right: auto
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content__icon div {
  height: 40px;
  width: 40px;
  background: #ffc510;
  background: var(--teaser-background-hover);
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content__icon div.cmp-teaser__content__icon--video {
  position: absolute;
  bottom: 0;
  right: 0
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content__icon div .cmp-icon {
  padding-top: 6px
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content>div {
  width: 100%;
  height: 100%
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-tags.cmp-tags--video {
  position: absolute
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image .cmp-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image .cmp-image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image .cmp-image .gradient-to-top {
  background-image: linear-gradient(to top, rgba(60, 60, 60, 0), rgb(60, 60, 60));
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image>div {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image>div .cmp-tags {
  padding: 30px 30px 0
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image>div .cmp-tags li {
  color: #fff
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image>div h4 {
  padding: 30px;
  color: #fff
}

.cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image.cmp-teaser__content--has-video>div .cmp-video-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0
}

.cmp-teaser.cmp-teaser_product {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  outline: 1px solid transparent;
  transition: outline .3s ease-in
}

.cmp-teaser.cmp-teaser_product:hover {
  outline: 5px solid #ffc510;
  outline-color: var(--teaser-background-hover);
  background-color: #ffc510;
  background-color: var(--teaser-background-hover);
  border-color: transparent
}

.cmp-teaser.cmp-teaser_product:hover .cmp-image:after {
  opacity: 0
}

.cmp-teaser.cmp-teaser_product:hover .cmp-teaser_productContainer {
  color: var(--teaser-color-hover-dark)
}

.primary-text--light .cmp-teaser.cmp-teaser_product:hover .cmp-teaser_productContainer {
  color: var(--teaser-color-hover-light)
}

.cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 5px solid transparent
}

.cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-label--ribbon {
  margin-left: -1px;
  position: absolute;
  display: block
}

.cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-image {
  position: relative;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 215px;
  margin: -5px-5px 0
}

.cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-image:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  right: -5px;
  border-bottom: 2px solid #e0e0e0;
  transition: all .3s ease-in
}

.cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-teaser_productContent {
  min-height: 150px;
  flex: 1 1 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  margin: 0-5px;
  transition: margin .3s ease-in
}

.cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-teaser_productContent__title {
  min-height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-teaser_productContent__former-name {
  margin-top: -12px;
  margin-bottom: 14px
}

.cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-teaser_productContent p {
  margin-bottom: 0
}

.cmp-teaser.cmp-teaser--product.cmp-teaser--list.cmp-teaser--hotspot .cmp-teaser__content {
  flex-direction: column
}

.cmp-teaser.cmp-teaser--product.cmp-teaser--list.cmp-teaser--hotspot .cmp-teaser__content .cmp-image {
  align-self: center;
  max-width: 250px
}

.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content {
  width: 100%
}

.cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image {
  display: flex;
  justify-content: center;
  align-items: center
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image {
    flex-basis: 33%
  }
}

.cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content {
  overflow: hidden
}

.cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content>span {
  font-size: 1.3125rem
}

.cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content>span.line-clamp_readmore {
  font-size: inherit
}

.cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content .cmp-product__attributes {
  padding-top: 10px;
  font-size: 0;
  margin-left: 10px
}

.cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content .cmp-product__attributes ul {
  font-size: 1.13125rem;
  margin-bottom: 0
}

.cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content .cmp-product__attributes ul li:before {
  width: 16px;
  height: 16px;
  font-size: 1.13125rem
}

.cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content .cmp-product__attributes ul li:nth-child(-n+3) {
  display: list-item;
  text-indent: -24px;
  padding-left: 24px
}

body.rtl .cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content .cmp-product__attributes ul li:nth-child(-n+3) {
  padding-left: inherit;
  padding-right: 24px
}

.cmp-teaser.cmp-teaser--article .cmp-teaser__content {
  position: absolute;
  bottom: -20px
}

.cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-label--primary {
  background: none
}

.cmp-teaser.cmp-teaser--article:hover {
  background: none;
  outline: none
}

.cmp-teaser.cmp-teaser--article:hover .cmp-teaser__content {
  background-color: transparent
}

.cmp-teaser.cmp-teaser--event.cmp-teaser--card {
  margin-bottom: 0
}

.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content {
  flex-direction: column-reverse
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content {
    flex-direction: row
  }
}

.cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-label--ribbon {
  top: 10px !important
}

.cmp-teaser.cmp-teaser--news.cmp-teaser--card {
  margin-bottom: 0
}

.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content {
  height: auto
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-label--ribbon {
    margin-right: -1rem !important
  }
}

.cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content {
  flex-direction: column-reverse
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content {
    flex-direction: row
  }

  .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .publish-date {
    display: none
  }
}

.cmp-teaser.cmp-teaser--story.cmp-teaser--list__content {
  padding-bottom: 32px
}

.cmp-teaser.cmp-teaser--project .cmp-image {
  position: relative;
  display: flex
}

.cmp-teaser.cmp-teaser--project .cmp-image h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  z-index: 2;
  padding: 30px;
  color: #fff
}

.cmp-teaser.cmp-teaser--project .cmp-image picture {
  width: 100%
}

.cmp-teaser.cmp-teaser--project .cmp-image picture img {
  width: 100%
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content .cmp-location {
  margin-bottom: 5px;
  font-size: 1rem
}

.cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-image {
  display: none
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-image {
    display: block
  }
}

.cmp-teaser.cmp-teaser--project.teaser-card-no-image .cmp-image h4 {
  position: relative;
  color: #000;
  width: 100%;
  background-color: #f5f5f5
}

.cmp-teaser.cmp-teaser--project:hover.cmp-teaser--card .cmp-teaser__content {
  background-color: #ffc510;
  background-color: var(--teaser-background-hover)
}

.cmp-teaser.cmp-teaser--project:hover.teaser-card-no-image .cmp-image h4 {
  background-color: #fff
}

.cmp-teaser--project-carousel {
  width: 100%;
  overflow: hidden
}

.cmp-teaser--project-carousel--wide {
  width: 100%
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser--project-carousel--wide {
    width: 785px !important
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser--project-carousel--wide .cmp-image {
    width: 100% !important
  }
}

.cmp-teaser--project-carousel .cmp-image {
  position: relative;
  width: 378px;
  height: 100%
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser--project-carousel .cmp-image .image-mobile {
    display: none
  }

  .cmp-teaser--project-carousel .cmp-image .image-desktop {
    display: block
  }
}

.cmp-teaser--project-carousel .cmp-image .image-mobile {
  display: block
}

.cmp-teaser--project-carousel .cmp-image .image-desktop {
  display: none
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser--project-carousel .cmp-image img {
    width: 100%;
    height: auto
  }
}

.cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__content {
  padding: 30px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  z-index: 2
}

.cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__content .cmp-title,
.cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__content .cmp-location {
  transition: color .3s ease-in-out;
  color: #fff
}

.cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__content .cmp-location .cmp-icon {
  transition: none
}

.cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  background-color: #ffc510;
  background-color: var(--teaser-background-hover)
}

.cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-text {
  margin-top: 10px
}

.cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-title,
.cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-location,
.cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .year,
.cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-text {
  color: #000;
  color: var(--teaser-color-hover-dark)
}

.primary-text--light .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-title,
.primary-text--light .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-location,
.primary-text--light .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .year,
.primary-text--light .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-text {
  color: var(--teaser-color-hover-light)
}

.cmp-teaser--project-carousel.cmp-teaser:hover .cmp-teaser__overlay {
  opacity: 1
}

.cmp-teaser.cmp-teaser--document {
  margin-bottom: 8px
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content {
  display: flex;
  flex-flow: row nowrap;
  word-wrap: break-word;
  background-color: #f5f5f5;
  color: #3c3c3c;
  transition: all .3s ease-in
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--left .cmp-icon {
  display: inline-block;
  font-size: 4rem;
  margin-top: -2px
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--right {
  flex: 1 1 auto;
  padding: 10px 0 0 10px
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--right__title {
  font-weight: 700;
  padding-right: 20px;
  display: block
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--right__title+div {
  padding-right: 20px
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--right div:last-of-type {
  color: #9e9e9e;
  text-transform: uppercase
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended {
  padding: 15px;
  background: #f5f5f5
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--left {
  flex: 0 1 auto;
  margin: 0 10px 0 0
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--left img {
  max-height: 200px
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right {
  flex: 1 1 80%;
  margin: 0 10px;
  color: #3c3c3c;
  font-weight: 700;
  padding: 0;
  line-height: 16px
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right>div {
  font-weight: 400
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right>div:first-of-type {
  margin-bottom: 20px
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right>div:last-of-type {
  color: #9e9e9e;
  transition: color .3s ease-in-out;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
  text-transform: uppercase
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right>div:last-of-type .cmp-icon {
  color: #000
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right>div:last-of-type .cmp-icon {
  medium: .8rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right>div:last-of-type .cmp-icon {
    medium: calc(.8rem + .7625 * (100vw-1024px) / -384)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right>div:last-of-type .cmp-icon {
    medium: 1.5625rem
  }
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content:hover {
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b
}

.cmp-teaser.cmp-teaser--document .addToDocumentCart {
  cursor: pointer;
  outline: none;
  line-height: initial;
  position: absolute;
  right: 10px;
  top: 12px
}

.cmp-teaser.cmp-teaser--document .addToDocumentCart .cmp-icon {
  transition: color .3s ease-in;
  font-size: 1.5rem
}

.cmp-teaser.cmp-teaser--document .addToDocumentCart .cmp-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-size: inherit;
  font-weight: 400
}

.cmp-teaser.cmp-teaser--document .addToDocumentCart .cmp-icon:hover {
  color: #ffc510;
  color: var(--primary)
}

.cmp-teaser.cmp-teaser--document .addToDocumentCart .cmp-icon:hover:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400
}

.cmp-teaser.cmp-teaser--document .addToDocumentCart--active .cmp-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "ﭴ";
  color: #ffc510;
  color: var(--primary);
  font-size: inherit;
  font-weight: 400
}

.cmp-teaser.cmp-teaser--document .addToDocumentCart--active .cmp-icon:hover:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "ﭴ";
  font-weight: 400
}

.cmp-teaser a {
  display: block;
  height: 100%;
  width: 100%;
  flex-direction: column
}

.news.list.section .cell,
.events.list.section .cell,
.products.list.section .cell,
.stories.list.section .cell {
  padding-bottom: 2rem
}

.stories.list.section .storyboard .cell {
  padding-bottom: 0
}

*[dir=rtl] .cmp-teaser--article .cmp-teaser__content {
  text-align: right
}

*[dir=rtl] .cmp-teaser--card .cmp-teaser__content {
  padding-right: 30px;
  text-align: right
}

*[dir=rtl] .cmp-teaser .cmp-teaser__icon {
  margin-left: 0;
  margin-right: calc(100% - 40px)
}

.cmp-storyboard__story {
  padding: 3px;
  height: 100%
}

.cmp-storyboard__story .cmp-teaser {
  height: 100%;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  transition: all .3s ease-in-out
}

.cmp-storyboard__story .cmp-teaser a {
  height: 100%;
  display: flex
}

.cmp-storyboard__story .cmp-teaser .cmp-image {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 100%
}

.cmp-storyboard__story .cmp-teaser .cmp-image img {
  height: 100%;
  width: 100%;
  display: block
}

.cmp-storyboard__story .cmp-teaser:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 6px solid transparent;
  transition: all .3s ease-in-out;
  cursor: pointer;
  pointer-events: none
}

.cmp-storyboard__story .cmp-teaser:hover:after {
  border-color: #ffc510;
  border-color: var(--teaser-background-hover)
}

.cmp-storyboard__story .cmp-teaser:hover .cmp-image img {
  transform-origin: 50% 50%
}

.cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content,
.cmp-storyboard__story .cmp-teaser__content {
  background-color: #fff9 !important;
  padding: 20px
}

.cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-text,
.cmp-storyboard__story .cmp-teaser__content .cmp-text {
  padding: 0
}

.cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-text,
.cmp-storyboard__story .cmp-teaser__content .cmp-text {
  font-size: 1.125rem
}

@media screen and (min-width: 20em) {

  .cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-text,
  .cmp-storyboard__story .cmp-teaser__content .cmp-text {
    font-size: calc(1.125rem + .4375 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {

  .cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-text,
  .cmp-storyboard__story .cmp-teaser__content .cmp-text {
    font-size: 1.5625rem
  }
}

.cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-text p,
.cmp-storyboard__story .cmp-teaser__content .cmp-text p {
  line-height: 0;
  display: inline;
  margin: 0;
  font-size: 1.5625rem
}

.cmp-storyboard__story .cmp-teaser__content {
  bottom: 14px !important;
  left: 14px !important;
  margin-right: 14px;
  height: auto
}

.cmp-storyboard__story--ne .cmp-teaser__content {
  top: 14px !important;
  right: 14px !important;
  bottom: initial !important;
  left: initial !important;
  margin-left: 14px
}

.cmp-storyboard__story--se .cmp-teaser__content {
  right: 14px !important;
  left: initial !important;
  margin-left: 14px
}

.cmp-storyboard__story--nw .cmp-teaser__content {
  top: 14px !important;
  bottom: initial !important
}

.cmp-persona {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%
}

.cmp-persona--wrapper {
  display: flex
}

.cmp-persona--imagebackground {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1
}

.cmp-persona--imagebackground img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmp-persona--imagebackground img {
    height: auto
  }
}

.cmp-persona__link {
  background-color: #ffffffb3;
  display: flex;
  flex-direction: column;
  margin-right: auto;
  transition: all .3s ease-in;
  width: 60%
}

@media print,
screen and (min-width: 40em) {
  .cmp-persona__link {
    width: 50%
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-persona__link {
    width: 50%
  }
}

.cmp-persona__link:hover {
  background: #ffc510;
  background: var(--teaser-background-hover);
  color: var(--teaser-color-hover-dark)
}

.primary-text--light .cmp-persona__link:hover {
  color: var(--teaser-color-hover-light)
}

.cmp-persona__content {
  padding: 20px 20px 40px;
  width: 100%;
  display: flex;
  min-height: 230px
}

.cmp-persona__content__title {
  padding: 20px 15px 10px;
  font-size: 1.5625rem;
  line-height: 1.88rem
}

.cmp-persona__content__description {
  padding: 0 15px 15px;
  font-size: 1rem
}

.cmp-list-view {
  margin-bottom: 1rem
}

.cmp-list-view__wrapper {
  font-size: 1rem;
  display: flex;
  align-items: center
}

.cmp-list-view__wrapper .cmp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem
}

.cmp-list-view__content {
  display: flex;
  flex: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  line-height: normal;
  color: #000
}

.cmp-list-view__content__left {
  display: flex;
  flex: 50;
  align-items: center;
  justify-content: flex-start
}

.cmp-list-view__content__left .cmp-icon {
  color: #3c3c3c
}

.cmp-list-view__content__left .cmp-icon:hover {
  color: #ffc510;
  color: var(--primary)
}

.cmp-list-view__content__right {
  display: flex;
  flex: 50;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 10px
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view__content__right {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
  }
}

.cmp-list-view__content__action {
  display: flex;
  flex-direction: row;
  margin-left: 10px
}

.cmp-list-view__content__action .cart .addToDocumentCart {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  line-height: initial
}

.cmp-list-view__content__action .cart .addToDocumentCart .cmp-icon {
  transition: color .15s ease-in;
  color: #000
}

.cmp-list-view__content__action .cart .addToDocumentCart .cmp-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  font-weight: 400
}

.cmp-list-view__content__action .cart .addToDocumentCart--active .cmp-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "ﭴ";
  color: #ffc510;
  color: var(--primary)
}

.cmp-list-view__content .cmp-icon:not(.cmp-icon-download) {
  display: none
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view__content .cmp-icon:not(.cmp-icon-download) {
    display: block
  }
}

.cmp-list-view__content .download {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px
}

.cmp-list-view__title {
  overflow-wrap: break-word;
  flex: 100%
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view__title {
    margin-left: 10px
  }
}

.cmp-list-view__type {
  justify-self: flex-start;
  overflow-wrap: break-word;
  font-weight: 400;
  padding-bottom: 10px
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view__type {
    padding-bottom: 0;
    flex: 2
  }
}

.cmp-list-view__size {
  justify-self: flex-end;
  overflow-wrap: break-word;
  color: #616161;
  text-transform: uppercase;
  font-weight: 400
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view__size {
    flex: 1
  }
}

.cmp-list-view>div {
  margin-bottom: 5px;
  background-color: #f5f5f5;
  padding: 1rem
}

.cmp-list-view>div:hover {
  background-color: #e0e0e0
}

.cmp-list-view>div:hover .cmp-icon-download {
  color: #ffc510;
  color: var(--primary)
}

.cmp-list-view--no-gap>div {
  background-color: transparent;
  padding: 0
}

.cmp-list-view-extended .cmp-accordion__item--is-active .plus .expand:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-size: 1.13125rem;
  font-weight: 400;
  color: #ffc510;
  color: var(--primary)
}

.cmp-list-view-extended .cmp-accordion__item--is-active .cmp-accordion__title,
.cmp-list-view-extended .cmp-accordion__item--is-active .cmp-accordion__title:hover,
.cmp-list-view-extended .cmp-accordion__title:hover {
  background-color: #e0e0e0
}

.cmp-list-view-extended .cmp-accordion__title:hover .plus .expand {
  color: #000
}

.cmp-list-view-extended .cmp-accordion__title:hover .plus .expand:before {
  color: #ffc510;
  color: var(--primary)
}

.cmp-list-view-extended .cmp-accordion__title:before {
  content: "";
  display: none
}

.cmp-list-view-extended__wrapper {
  font-size: 1rem;
  display: flex;
  align-items: center
}

.cmp-list-view-extended__wrapper .cmp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #3c3c3c
}

.cmp-list-view-extended__wrapper .cmp-icon:hover {
  color: #ffc510;
  -moz-columns: var(--primary);
  columns: var(--primary)
}

.cmp-list-view-extended__content {
  display: flex;
  flex-direction: column;
  flex: 100%;
  justify-content: space-between;
  color: #000;
  font-weight: 700;
  line-height: normal
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view-extended__content {
    flex-direction: row;
    align-items: center
  }
}

.cmp-list-view-extended__content__left {
  display: flex;
  flex: 50;
  align-items: center;
  justify-content: flex-start
}

.cmp-list-view-extended__content__right {
  display: flex;
  flex: 50;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 5px
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view-extended__content__right {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
    margin-top: 0
  }
}

.cmp-list-view-extended__content__action {
  display: flex;
  flex-direction: row;
  margin-left: 10px
}

.cmp-list-view-extended__content__action .download {
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-list-view-extended__content__action .cart {
  margin-left: 10px
}

.cmp-list-view-extended__content__action .cart .addToDocumentCart {
  cursor: pointer;
  outline: none
}

.cmp-list-view-extended__content__action .cart .addToDocumentCart .cmp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color .15s ease-in
}

.cmp-list-view-extended__content__action .cart .addToDocumentCart .cmp-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400
}

.cmp-list-view-extended__content__action .cart .addToDocumentCart--active .cmp-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "ﭴ";
  color: #ffc510;
  color: var(--primary);
  font-weight: 400
}

.cmp-list-view-extended__content__action .plus {
  margin-left: 10px
}

.cmp-list-view-extended__content__action .plus .expand {
  outline: none;
  cursor: pointer;
  color: #000
}

.cmp-list-view-extended__content__action .plus .expand:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.13125rem;
  font-weight: 400
}

.cmp-list-view-extended__content .cmp-icon:not(.cmp-icon-download) {
  display: none
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view-extended__content .cmp-icon:not(.cmp-icon-download) {
    display: block
  }
}

.cmp-list-view-extended__title {
  overflow-wrap: break-word
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view-extended__title {
    margin-left: 10px
  }
}

.cmp-list-view-extended__type {
  justify-self: flex-start;
  overflow-wrap: break-word;
  font-weight: 400
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view-extended__type {
    padding-bottom: 0;
    flex: 2
  }
}

.cmp-list-view-extended__size {
  justify-self: flex-end;
  overflow-wrap: break-word;
  color: #616161;
  text-transform: uppercase;
  font-weight: 400
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view-extended__size {
    flex: 1
  }
}

.cmp-list-view-extended__ac-content {
  display: flex;
  color: #000;
  width: 100%;
  font-weight: 700;
  align-items: flex-start;
  padding-left: 20px
}

@media print,
screen and (min-width: 64em) {
  .cmp-list-view-extended__ac-content {
    padding-left: 40px
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-list-view-extended__ac-content .image {
    flex: 100
  }
}

.cmp-list-view-extended__ac-content .image img {
  max-width: 50px
}

@media print,
screen and (min-width: 64em) {
  .cmp-list-view-extended__ac-content .image img {
    max-width: 100px
  }
}

.cmp-list-view-extended__ac-content .description {
  width: 100%;
  margin-left: 10px
}

@media print,
screen and (min-width: 40em) {
  .cmp-list-view-extended__ac-content .description {
    margin-left: 20px
  }
}

.cmp-list-view-extended__ac-content .description>div {
  width: 100%;
  font-weight: 400
}

@media print,
screen and (min-width: 64em) {
  .cmp-list-view-extended__ac-content .description>div {
    width: 76%
  }
}

.cmp-layout .cmp-link-list li {
  margin-bottom: 10px
}

.cmp-layout .cmp-link-list li a {
  margin-bottom: 50px
}

.cmp-link-list__title {
  margin-bottom: 1.25rem
}

.cmp-link-list__items ul {
  margin-left: 0
}

.cmp-link-list__items li {
  list-style: none
}

.cmp-link-list .cmp-icon {
  margin-right: 10px;
  font-size: 20px;
  vertical-align: sub
}

.cmp-link-list a .cmp-icon {
  display: inline-block;
  font-size: 16px;
  vertical-align: baseline;
  padding-left: 4px;
  margin-right: 0
}

.cmp-link-list--arrow .cmp-link-list__items ul {
  margin-left: 0
}

body.rtl .cmp-link-list--arrow .cmp-link-list__items ul li a {
  padding-left: 0;
  padding-right: .5rem
}

.cmp-link-list--arrow .cmp-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: #ffc510
}

.cmp-link-list ul,
.cmp-link-list ol {
  margin-left: 0
}

.cmp-footer .cmp-link-list .cmp-icon {
  display: none
}

.cmp-footer .cmp-link-list a .cmp-icon {
  display: inline-block
}

.cmp-accordion__item {
  background-color: #f5f5f5;
  margin-bottom: 6px
}

.cmp-accordion__item:first-child>:first-child {
  border-radius: 0
}

.cmp-accordion__item:last-child>:last-child {
  border-radius: 0
}

.cmp-accordion__item--is-active {
  background-color: #f5f5f5
}

.cmp-accordion__item--is-active .cmp-accordion__content {
  display: block
}

.cmp-accordion__item--is-active .cmp-accordion__title:before {
  font-size: 1.3125rem;
  width: 1.3125rem;
  height: 1.3125rem;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400
}

.cmp-accordion__item--is-active .cmp-accordion__title:hover {
  background-color: #ffc510;
  background-color: var(--primary)
}

.primary-text--light .cmp-accordion__item--is-active .cmp-accordion__title:hover {
  color: var(--white)
}

.cmp-accordion__item--is-active .cmp-accordion__title:focus {
  background-color: #f5f5f5
}

.cmp-accordion__item table tr:hover ul {
  background: none
}

.cmp-accordion__title {
  position: relative;
  display: block;
  padding: 1rem 1.5rem 1rem 1rem;
  border: 0;
  border-bottom: 0;
  font-size: 1.3125rem;
  line-height: 1;
  color: #ffc510;
  transition: all .3s ease-in
}

:last-child:not(.is-active)>.cmp-accordion__title {
  border-bottom: 0;
  border-radius: 0
}

.cmp-accordion__title:hover,
.cmp-accordion__title:focus {
  background-color: #f5f5f5
}

.cmp-accordion__title:before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -.5rem;
  content: "+"
}

.is-active>.cmp-accordion__title:before {
  content: "–"
}

.cmp-accordion__title,
.cmp-accordion__title:visited,
.cmp-accordion__title:hover {
  color: #000
}

.cmp-accordion__title:active,
.cmp-accordion__title:focus {
  color: #000
}

.cmp-accordion__title:before {
  font-size: 1.3125rem;
  width: 1.3125rem;
  height: 1.3125rem;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400;
  margin-top: -.6rem;
  right: .5rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-accordion__title:before {
    right: 1rem
  }
}

body.rtl .cmp-accordion__title:before {
  left: 1rem;
  right: auto
}

.cmp-accordion__title:focus {
  background-color: #f5f5f5
}

.cmp-accordion__title:hover {
  background-color: #ffc510;
  background-color: var(--primary)
}

.primary-text--light .cmp-accordion__title:hover {
  color: var(--white)
}

.cmp-accordion__content {
  display: none;
  padding: 1.5rem 1rem 1rem;
  border: 0;
  border-bottom: 0;
  color: #000;
  background-color: #fff
}

:last-child>.cmp-accordion__content:last-child {
  border-bottom: 0
}

.cmp-accordion__content--left {
  text-align: left
}

body.rtl .cmp-accordion__content--left {
  text-align: right
}

.cmp-accordion__content--right {
  text-align: right;
  color: #616161
}

body.rtl .cmp-accordion__content--right {
  text-align: left
}

.cmp-accordion__content .cmp-textimage .cmp-image--left {
  margin-left: 0
}

.cmp-accordion__content .cmp-textimage .cmp-image--right {
  margin-right: 0
}

.cmp-accordion__content .cmp-layout {
  padding: 0
}

.cmp-accordion .cmp-product--padding-right {
  padding-left: 0;
  padding-right: 0
}

.cmp-accordion ul {
  margin-left: 0;
  background: #ffffff;
  list-style-type: none;
  background-color: transparent;
  list-style-type: square;
  list-style-position: inside !important
}

.cmp-accordion ul[disabled] .accordion-title {
  cursor: not-allowed
}

.cmp-background--white .cmp-accordion__content {
  background: #f5f5f5
}

.cmp-background--light-grey .cmp-accordion__title {
  background: #ffffff
}

.cmp-background--light-grey .cmp-accordion__title:hover {
  background-color: #ffc510;
  background-color: var(--primary)
}

.cmp-background--light-grey .cmp-accordion__content {
  background: #ffffff
}

.cmp--dark .cmp-accordion {
  color: #000
}

.cmp--dark .cmp-accordion__content {
  background-color: #fff
}

.cmp--dark .cmp-accordion a {
  color: #3c3c3c
}

.cmp-layout .cell.large-10 {
  margin-left: auto;
  margin-right: auto
}

.cmp-categorydrilldown {
  margin-bottom: 1rem
}

.cmp-categorydrilldown .grid-container {
  margin-bottom: 20px
}

.cmp-categorydrilldown .grid-x .cell {
  padding-bottom: 1rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-categorydrilldown .grid-x .cell {
    padding-bottom: 2rem
  }
}

.cmp-categorydrilldown h3,
.cmp-categorydrilldown h4 {
  margin-bottom: 1.3rem
}

.cmp-helpbox {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-right: .625rem;
  padding-left: .625rem;
  flex-flow: column nowrap;
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  padding: 20px;
  height: 335px;
  background-color: #ffc510;
  background-color: var(--helpbox-background);
  display: flex;
  flex-direction: column
}

@media print,
screen and (min-width: 40em) {
  .cmp-helpbox {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-helpbox {
    padding: 40px
  }
}

.cmp-helpbox__title {
  text-align: center;
  color: var(--helpbox-color)
}

.cmp-helpbox__title {
  medium: 2.44rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-helpbox__title {
    medium: calc(2.44rem + .31 * (100vw-1024px) / -384)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-helpbox__title {
    medium: 2.75rem
  }
}

.cmp-helpbox__content .cmp-search-field .cmp-search-form__field {
  background: #ffffff
}

.cmp-helpbox__content .cmp-search-field .cmp-search-form .cmp-icon {
  background-color: #fff
}

.cmp-helpbox__icon {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  font-size: 1.44rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 110px;
  width: 230px;
  max-width: 230px;
  margin: 0 17.5px;
  padding: 20px;
  background-color: #616161;
  background-color: var(--helpbox-icon-background);
  color: #fff;
  text-decoration: none
}

.cmp-helpbox__icon {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-helpbox__icon {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-helpbox__icon {
    line-height: 30px
  }
}

.cmp-helpbox__icon--stacked {
  flex-direction: column;
  text-align: center
}

.cmp-helpbox__icon--stacked .cmp-icon {
  padding-bottom: 10px;
  padding-left: 0 !important;
  padding-right: 0 !important
}

.cmp-helpbox__icon .cmp-icon {
  font-size: 2.875rem;
  padding-right: 10px;
  align-self: center
}

body.rtl .cmp-helpbox__icon .cmp-icon {
  padding-left: 10px;
  padding-right: 0
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-helpbox__icon {
    flex: 0 0 auto
  }
}

.cmp-helpbox__icon-text {
  align-self: center
}

.cmp-helpbox__icon:hover {
  color: #ffc510;
  color: var(--helpbox-icon-on-hover-background)
}

@media print,
screen and (min-width: 40em) {
  .cmp-helpbox-offset {
    margin-top: -75px;
    margin-bottom: 30px
  }
}

.cmp-helpbox-container {
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 2
}

@media print,
screen and (min-width: 64em) {
  .cmp-helpbox-container {
    max-width: 1280px
  }
}

.cmp-helpbox-bar {
  flex-flow: row nowrap;
  margin-top: -70px;
  padding: 0 17.5px;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start
}

@media print,
screen and (min-width: 64em) {
  .cmp-helpbox-bar {
    padding: 0
  }
}

.cmp-helpbox-bar--one-item {
  align-items: center;
  justify-content: center
}

@media print,
screen and (min-width: 40em) {
  .cmp-helpbox-bar {
    align-items: flex-start;
    justify-content: flex-start
  }

  .cmp-helpbox-bar--one-item,
  .cmp-helpbox-bar--two-items {
    align-items: center;
    justify-content: center
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-helpbox-bar {
    align-items: center;
    justify-content: center
  }
}

.cmp-helpbox-bar .cmp-shadow__left {
  position: absolute !important;
  width: 50px !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, .5228466387) 50%, rgba(255, 255, 255, 0) 100%)
}

.cmp-helpbox-bar .cmp-shadow__right {
  position: absolute !important;
  width: 50px !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5228466387) 50%, rgb(255, 255, 255) 100%)
}

.cmp-helpbox-bar :first-child {
  margin-left: 0
}

body.rtl .cmp-helpbox-bar :first-child {
  margin-right: 0;
  margin-left: 15px
}

body.rtl .cmp-helpbox-bar :first-child .cmp-helpbox__icon-text {
  margin: 0
}

.cmp-helpbox-bar :last-child {
  margin-right: 0
}

body.rtl .cmp-helpbox-bar :last-child {
  margin-left: 0;
  margin-right: 15px
}

body.rtl .cmp-helpbox-bar :last-child .cmp-helpbox__icon-text {
  margin: 0
}

.cmp-helpbox-bar::-webkit-scrollbar {
  display: none
}

.cmp-person {
  margin-bottom: 1rem
}

.cmp-person__name {
  padding-top: 1rem;
  margin-bottom: 1rem
}

.cmp-person__role {
  padding-bottom: 1rem;
  font-size: 1.125rem
}

.cmp-person__image {
  max-width: 378px
}

.cmp-person__address {
  font-size: 1.125rem
}

.cmp-person__links {
  line-height: 2rem
}

.cmp-person__links a {
  margin-left: 2rem;
  border-bottom-width: 2px;
  font-size: 1rem
}

.cmp-person__links>span {
  display: block;
  margin-top: 3px
}

.cmp-person .cmp-icon {
  position: absolute;
  font-size: 1.5rem
}

.cmp-person .cmp-icon-linkedin:before {
  background: black;
  color: #fff;
  border-radius: .75rem;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5rem
}

.cmp--dark .cmp-person .cmp-icon-linkedin:before {
  background: white;
  color: #000;
  mix-blend-mode: screen
}

@media print,
screen and (min-width: 40em) {
  .cmp-person.cmp-person__two-col {
    display: flex;
    gap: 3.5rem
  }

  .cmp-person.cmp-person__two-col .cmp-person__image {
    flex: 0 0 240px
  }

  .cmp-person.cmp-person__two-col .cmp-person__info {
    align-self: center
  }

  .cmp-person.cmp-person__two-col .cmp-person__info .cmp-person__name {
    padding-top: 0
  }
}

.cmp-contact__item {
  text-align: center
}

.cmp-contact__item .cmp-icon {
  font-size: 3.75rem;
  padding-bottom: 15px;
  border-bottom: 4px solid;
  transition: all .3s ease-in-out
}

.cmp-contact__item .cmp-title {
  margin-top: 2rem
}

.cmp-contact-content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 40px 0
}

.cmp-contact-content .cmp-title {
  text-align: center;
  margin-bottom: 1rem
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-contact-content {
    padding: 20px 0
  }
}

.cmp-contact-content--description {
  text-align: center;
  margin-bottom: 3rem
}

.cmp-contact a {
  font-family: inherit
}

.cmp-contact a:hover .cmp-icon {
  transition: all .3s ease-in-out;
  border-bottom: 4px solid #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-contact-overlay__logo {
  display: none
}

@media print,
screen and (min-width: 40em) {
  .cmp-contact-overlay__logo {
    display: block;
    width: 80px;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 15px
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-contact-overlay__logo {
    width: 120px
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-contact-overlay .cmp-background--yellow .cmp-layout__head h2 {
    max-width: 75%
  }
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout--wide {
  max-width: 100% !important;
  padding-bottom: 0
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container {
  margin: 40px 0 0
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container__panel {
  width: auto;
  max-width: 100rem;
  margin: auto;
  padding: 0 25px 50px
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-shadow__left {
  width: 20px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%)
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-shadow__right {
  width: 20px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .4) 100%)
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab .cmp-tab-content__icon {
  background: transparent
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab .cmp-tab-content__icon .cmp-icon {
  color: #000
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab .cmp-tab-content__title {
  color: #000;
  padding: 0;
  margin: 10px 0;
  height: 80px;
  word-break: break-word;
  font-size: 1.13125rem
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab--is-active .cmp-tab-content__icon {
  background: #ffffff
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab--is-active .cmp-tab-content__icon .cmp-icon {
  color: #ffc510;
  color: var(--primary)
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab--is-active .cmp-tab-content__title {
  color: #fff
}

.cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cell {
  margin: 0
}

table th {
  position: relative;
  cursor: pointer
}

table th:after {
  position: absolute;
  padding-left: 10px;
  color: inherit;
  font-size: inherit;
  font-weight: inherit
}

table th.sorted:after {
  position: absolute;
  top: -2px;
  padding-left: 10px;
  color: inherit;
  font-size: inherit;
  font-weight: inherit
}

table th.sorted--up:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  top: -2px
}

table th.sorted--down:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  top: 5px
}

.cmp-table {
  display: block;
  width: 100%;
  overflow: auto;
  margin-bottom: 1rem
}

.cmp-table--grid tbody tr {
  background-color: transparent !important
}

.cmp-table--grid tbody tr td {
  border-bottom: 1px solid #e0e0e0
}

@media print,
screen and (min-width: 64em) {
  .cmp-table--hover thead tr:hover {
    background-color: #f4f4f4
  }

  .cmp-table--hover tfoot tr:hover {
    background-color: #ededed
  }

  .cmp-table--hover tbody tr:hover {
    background-color: #00f
  }

  .cmp-table--hover:not(.unstriped) tr:nth-of-type(2n):hover {
    background-color: red
  }

  .cmp-table--hover tbody tr:hover {
    background-color: var(--primary) !important
  }

  .primary-text--light .cmp-table--hover tbody tr:hover {
    color: var(--white)
  }

  .cmp-table--hover tbody tr:hover td a {
    border-bottom: 2px solid #000000;
    transition: all .3s ease-in
  }

  .primary-text--light .cmp-table--hover tbody tr:hover td a {
    border-bottom-color: var(--white);
    color: var(--white)
  }
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-table--responsive {
    display: table
  }

  .cmp-table--responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .cmp-table--responsive tr {
    border-bottom: 3px solid #e0e0e0;
    display: flex;
    flex-direction: column
  }

  .cmp-table--responsive tr:nth-child(2n) {
    border-bottom: 3px solid #e0e0e0;
    background-color: inherit
  }

  .cmp-table--responsive tr:hover {
    background-color: inherit
  }

  .cmp-table--responsive td {
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    padding: 8px 8px 10px
  }

  .cmp-table--responsive .mobile-header {
    display: block !important;
    font-weight: 700;
    flex-basis: 33%
  }

  .cmp-table--responsive .content {
    flex: 1;
    padding-left: 1rem
  }
}

.cmp-table--responsive .mobile-header {
  display: none
}

.cmp-table a {
  letter-spacing: .03125rem;
  border-bottom: 4px solid #ffc510;
  border-bottom-color: var(--primary);
  transition: all .3s ease-in
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-table a {
    font-size: 1.125rem
  }
}

body.rtl .cmp-table a {
  display: inline-block
}

.cmp-table a[target=_blank]:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  margin-left: 10px;
  font-size: inherit;
  font-weight: inherit;
  color: inherit
}

.cmp-table a:hover {
  background-color: #ffc510;
  background-color: var(--primary)
}

.primary-text--light .cmp-table a:hover {
  color: var(--white)
}

table {
  border-collapse: collapse;
  margin-bottom: 1rem;
  border-radius: 0;
  display: block;
  width: 100%;
  overflow-x: auto;
  margin-bottom: 0;
  display: table;
  border: none
}

thead,
tbody,
tfoot {
  border: 1px solid rgb(242.25, 242.25, 242.25);
  background-color: #fff
}

caption {
  padding: 8px 30px 10px;
  font-weight: 700
}

thead {
  background: #e0e0e0;
  color: #000
}

tfoot {
  background: rgb(242.25, 242.25, 242.25);
  color: #000
}

thead tr,
tfoot tr {
  background: transparent
}

thead th,
thead td,
tfoot th,
tfoot td {
  padding: 8px 30px 10px;
  font-weight: 700;
  text-align: left
}

tbody th,
tbody td {
  padding: 8px 30px 10px
}

tbody tr:nth-child(2n) {
  border-bottom: 0;
  background-color: #f2f2f2
}

table.unstriped tbody {
  background-color: #fff
}

table.unstriped tbody tr {
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
  background-color: #fff
}

table tbody,
table tfoot,
table thead,
table td,
table th {
  border: none
}

table td {
  vertical-align: text-top
}

table th {
  text-align: left;
  background-color: #e0e0e0
}

table th.active:not(.sorted):after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  top: 5px
}

.cmp-pictograms__title {
  margin-bottom: 1.25rem
}

.cmp-pictograms__items {
  margin-left: 0;
  margin-right: 0;
  list-style: none
}

.cmp-pictograms__item {
  display: inline-block;
  margin-right: .875rem
}

.cmp-pictograms__item:last-child {
  margin-right: 0
}

.cmp-pictograms__item__link {
  padding: 0
}

.cmp-pictograms__item__icon,
.cmp-pictograms__item__image {
  font-size: 24px;
  width: 24px;
  height: 24px
}

.cmp-pictograms__qrcode {
  position: relative
}

.cmp-pictograms__qrcode__tooltip {
  display: block;
  position: absolute;
  width: 200px;
  height: 200px;
  left: -205px;
  top: -85px
}

.cmp-pictograms__qrcode__tooltip--right {
  right: -205px;
  left: auto
}

.cmp-pictograms__qrcode__tooltip--right .cmp-pictograms__qrcode__tooltip__arrow {
  left: -5px;
  right: auto;
  border-width: 5px 5px 5px 0;
  border-right-color: #f5f5f5;
  border-left-color: transparent
}

.cmp-pictograms__qrcode__tooltip--initialized {
  display: none
}

.cmp-pictograms__qrcode__tooltip__inner {
  padding: 5px;
  background: #f5f5f5;
  border-radius: 6px
}

.cmp-pictograms__qrcode__tooltip__arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  border-color: #f5f5f5;
  z-index: 1;
  border-width: 5px 0 5px 5px;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  bottom: 94px;
  right: -5px
}

.cmp-pictograms__qrcode:hover .cmp-pictograms__qrcode__tooltip {
  display: block
}

.cmp-pre-footer {
  margin-top: 40px
}

.cmp-pre-footer__item {
  text-align: center
}

.cmp-pre-footer__item .cmp-icon {
  font-size: 3.75rem;
  padding-bottom: 15px;
  transition: all .3s ease-in-out
}

.cmp-pre-footer__item .cmp-title {
  margin-top: 2rem
}

.cmp-pre-footer__item .cmp-title h3 {
  medium: 1.95rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-pre-footer__item .cmp-title h3 {
    medium: calc(1.95rem + .25 * (100vw-1024px) / -384)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-pre-footer__item .cmp-title h3 {
    medium: 2.2rem
  }
}

.cmp-pre-footer-content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 40px 0
}

.cmp-pre-footer-content .cmp-title {
  text-align: center;
  margin-bottom: 3rem
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-pre-footer-content {
    padding: 20px 0
  }
}

.cmp-pre-footer a {
  font-family: inherit
}

.cmp-pre-footer a:hover .cmp-icon {
  transition: all .3s ease-in-out;
  border-bottom: 4px solid #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-footer .cmp-textimage p a {
  border-bottom: none
}

.cmp-footer__link-list .cmp-link-list__items {
  margin-left: 0
}

.cmp-footer__link-list .cmp-link-list__items li {
  line-height: normal;
  margin-bottom: 16px
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-footer .cmp-link-list__items {
    margin-bottom: 0
  }
}

.cmp-footer__back-to-top {
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
  background-color: #ffc510;
  background-color: var(--page-scroll-arrow-background);
  position: absolute;
  top: -18px;
  right: 0;
  width: 45px;
  height: 45px;
  cursor: pointer;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-footer__back-to-top:hover {
  box-shadow: 0 6px 6px #00000029, 0 6px 6px #0000003b
}

.primary-text--light .cmp-footer__back-to-top {
  color: var(--white)
}

.cmp-footer__back-to-top .cmp-icon {
  font-size: 24px;
  width: 24px;
  height: 24px
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-footer__back-to-top {
    right: 20px
  }
}

.cmp-footer-content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 40px 0
}

.cmp-footer-content--bottom {
  padding: 15px 0
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-footer-content--bottom .cmp-footer-links__item:not(:first-child) a {
    padding-left: 0
  }

  .cmp-footer-content--bottom .cmp-footer-links__item:not(:last-child) a {
    padding-right: 0
  }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
  .cmp-footer-content--bottom {
    align-content: center
  }
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-footer-content--bottom {
    margin-left: 20px;
    margin-right: 20px
  }
}

.cmp-footer-content--bottom .cmp-footer-links__item:not(:first-child) a {
  padding-left: 12px
}

.cmp-footer-content--bottom .cmp-footer-links__item:not(:last-child) a {
  padding-right: 12px
}

@media print,
screen and (min-width: 40em) {
  .cmp-footer-content .cmp-footer__link-list {
    margin-right: 20px
  }

  .cmp-footer-content .cmp-footer__link-list:last-child {
    margin-right: 0
  }
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-footer-content .cell {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-footer-content {
    padding: 20px 0
  }

  .cmp-footer-content .cmp-footer__link-list:not(:first-child)>div {
    margin-top: 20px
  }

  .cmp-footer-content .cmp-footer-corporation {
    margin-top: 40px
  }
}

.cmp-footer-content .grid-x :first-child {
  margin-left: 0
}

.cmp-footer-content .grid-x :last-child {
  margin-right: 0
}

.cmp-footer-links {
  background-color: transparent;
  border-bottom: 0;
  margin: 0;
  padding: 0
}

.cmp-footer-links__menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap
}

[data-whatinput=mouse] .cmp-footer-links__menu li {
  outline: 0
}

.cmp-footer-links__menu a,
.cmp-footer-links__menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 1.25rem
}

.cmp-footer-links__menu input,
.cmp-footer-links__menu select,
.cmp-footer-links__menu a,
.cmp-footer-links__menu button {
  margin-bottom: 0
}

.cmp-footer-links__menu input {
  display: inline-block
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
  .cmp-footer-links__menu {
    justify-content: center
  }
}

.cmp-footer-links__menu li a {
  padding-top: .4rem;
  padding-bottom: .4rem
}

.cmp-footer-links__menu li:first-child a {
  padding-left: 0
}

.cmp-footer-links__menu li:last-child a {
  padding-right: 0
}

.cmp-footer-links__item {
  display: table
}

.cmp-footer-links__item:not(:last-child):after {
  content: "|";
  display: table-cell
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-footer-links {
    text-align: center
  }

  .cmp-footer-links__menu {
    flex-direction: column
  }

  .cmp-footer-links__menu li a {
    padding-left: 0
  }

  .cmp-footer-links__item {
    display: block
  }

  .cmp-footer-links__item:not(:last-child):after {
    content: none
  }
}

.cmp-footer .cmp-link-list__title,
.cmp-footer .cmp-pictograms__title {
  padding-bottom: 15px;
  border-bottom: 2px solid black;
  display: table
}

.cmp-footer .cmp--dark .cmp-link-list__title,
.cmp-footer .cmp--dark .cmp-pictograms__title {
  border-bottom-color: #fff
}

.cmp-footer-corporation {
  position: relative
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
  .cmp-footer-corporation {
    margin-top: 20px
  }
}

.cmp-footer-corporation .cmp-logo {
  max-width: 90%;
  width: 400px;
  margin-right: 0;
  margin-left: auto
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
  .cmp-footer-corporation .cmp-logo {
    position: absolute;
    right: 0;
    bottom: 0
  }
}

.cmp-footer-corporation .cmp-logo img {
  width: 400px
}

.cmp-footer a {
  font-family: inherit
}

.cmp-footer-container__content {
  background-color: #616161;
  background-color: var(--footer-background)
}

.cmp-footer-container__links {
  background-color: #3c3c3c
}

.cmp-footer-address p {
  font-size: 1.13125rem
}

.cmp-footer-address__title {
  margin-bottom: .9rem
}

.cmp-footer-address__email {
  letter-spacing: .03125rem;
  transition: all .3s ease-in
}

.cmp-footer-address__email:hover {
  background-color: #ffc510;
  background-color: var(--primary)
}

.cmp-footer-simplified-container {
  position: relative
}

.cmp-footer-simplified-container.cmp-footer-simplified-container__main {
  background-color: #616161;
  background-color: var(--footer-background);
  padding: 40px 1.5rem
}

.cmp-footer-simplified-container.cmp-footer-simplified-container__meta {
  background-color: #3c3c3c;
  background-color: var(--sika-darker-grey);
  padding: 15px 1.5rem
}

.cmp-footer-simplified-container .cmp-footer-simplified-content {
  max-width: 1568px;
  display: flex;
  gap: 2rem;
  margin: 0 auto
}

.cmp-footer-simplified-container .cmp-footer-simplified-content>.content-column {
  flex-basis: auto;
  max-width: 25%;
  min-width: 15%
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-footer-simplified-container .cmp-footer-simplified-content>.content-column {
    max-width: 100%;
    width: 100%
  }
}

.cmp-footer-simplified-container .cmp-footer-simplified-content>.logo-column {
  text-align: right;
  flex-basis: 80%
}

@media print,
screen and (min-width: 64em) {
  .cmp-footer-simplified-container .cmp-footer-simplified-content>.logo-column img {
    max-width: 450px
  }
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-footer-simplified-container .cmp-footer-simplified-content {
    flex-direction: column
  }

  .cmp-footer-simplified-container .cmp-footer-simplified-content>.content-column {
    flex-basis: 0
  }

  .cmp-footer-simplified-container .cmp-footer-simplified-content>.logo-column {
    text-align: center;
    flex-basis: 0
  }
}

.cmp-footer-simplified-container .cmp-footer__back-to-top-link {
  position: absolute;
  top: 0;
  right: 1.5rem
}

.cmp-footer-simplified-container .cmp-footer-address__title,
.cmp-footer-simplified-container .cmp-pictograms__title {
  font-size: 1.6rem;
  line-height: 1.9rem
}

.cmp-footer-simplified-container .cmp-footer-address p:last-child {
  margin-bottom: 0
}

.cmp-header {
  position: fixed;
  z-index: 6;
  top: 0;
  width: 100%
}

@media print,
screen and (min-width: 64em) {
  .cmp-header {
    flex-wrap: wrap;
    z-index: 6;
    position: relative;
    width: auto
  }
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-header--spacer {
    margin-top: 60px
  }
}

.cmp-header li {
  list-style-type: none
}

.cmp-header__anchor {
  height: 0;
  font-size: 0;
  visibility: hidden
}

@media print,
screen and (min-width: 64em) {
  .cmp-header__anchor {
    position: relative;
    top: -275px
  }
}

.cmp-header--absolute {
  position: fixed;
  z-index: 3;
  width: 100%
}

@media print,
screen and (min-width: 64em) {
  .cmp-header--absolute {
    position: absolute
  }
}

.cmp-header--is-sticky {
  position: fixed !important;
  width: 100%;
  top: 0;
  animation: slide-down .4s
}

.cmp-header--is-sticky .cmp-header__content .cmp-header-container {
  padding-left: 50px !important
}

.cmp-header--is-sticky .cmp-header__content {
  height: 60px;
  margin-top: 0;
  padding-bottom: 0;
  animation: slide-down .4s
}

@media print,
screen and (min-width: 64em) {
  .cmp-header--is-sticky .cmp-header__content {
    height: 70px
  }
}

.cmp-header--is-sticky .cmp-header__content .cmp-nav-mega-dropdown__content {
  min-width: 745px;
  overflow: auto
}

.cmp-header--is-sticky .cmp-header__content-right {
  width: auto;
  justify-content: flex-end
}

@media print,
screen and (min-width: 64em) {
  .cmp-header--is-sticky .cmp-header__content-right {
    padding-right: 50px
  }
}

.cmp-header--is-sticky .cmp-header__logo {
  width: 64px;
  height: 100%;
  margin: 0;
  padding: .5rem 0 0 .5rem;
  display: none;
  animation: logo-sticky .4s
}

.cmp-header--is-sticky .cmp-header__logo--is-mobile,
.cmp-header--is-sticky .cmp-header__title {
  display: block
}

@media print,
screen and (min-width: 64em) {
  .cmp-header--is-sticky .cmp-header__title {
    display: none
  }
}

.cmp-header--is-sticky.cmp-header .cmp-navigation-subsegment {
  display: none
}

.cmp-header--is-sticky .cmp-search-field {
  position: absolute;
  right: 128px;
  top: 0;
  width: calc(100% - 256px);
  padding-left: 0
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form {
  height: 70px !important
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form__field {
  padding: 0;
  border-bottom: none;
  width: 0;
  opacity: 0;
  transition: all .5s linear;
  background: #ffc510;
  background: var(--primary)
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__field {
  border-bottom: 1px solid #616161;
  opacity: 1;
  background: var(--header-background-sticky) !important
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action {
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around;
  width: 70px;
  justify-content: center;
  padding: 0
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  display: none
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-clear {
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around;
  width: 70px;
  right: 70px;
  justify-content: center;
  padding: 0
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form--enlarged .cmp-search-block {
  top: 70px !important
}

.cmp-header .cmp-header-container {
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around;
  width: 100%;
  max-width: 100%;
  margin: 0;
  justify-content: space-between
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-header-container {
    max-width: 1920px;
    margin: auto
  }
}

.cmp-header__content {
  width: 100%;
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
  background-color: #ffc510;
  background-color: var(--header-background) !important;
  padding-bottom: 35px;
  height: 145px;
  animation: slide-up .4s
}

.cmp-header--is-sticky .cmp-header__content {
  background-color: var(--header-background-sticky) !important
}

.cmp-header__content .cmp-header-container {
  position: relative;
  padding: 0 0 0 1rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-header__content .cmp-header-container {
    padding: 0 2rem
  }
}

@media screen and (min-width: 95em) {
  .cmp-header__content .cmp-header-container {
    padding-left: 160px
  }

  body.rtl .cmp-header__content .cmp-header-container {
    padding-left: 2rem;
    padding-right: 160px
  }
}

.cmp-header__content-left {
  display: flex;
  height: 100%;
  margin-right: auto;
  width: auto;
  max-width: 1200px
}

.cmp-header__logo {
  width: 96px;
  margin-right: 1rem;
  align-items: center;
  display: none
}

.cmp-header__logo--is-mobile {
  display: flex
}

.cmp-header__logo img {
  height: auto;
  width: 100%;
  max-width: 100%
}

@media screen and (min-width: 95em) {
  .cmp-header__logo {
    margin-left: -128px;
    width: 128px;
    height: 145px;
    margin-right: 0;
    display: flex
  }

  body.rtl .cmp-header__logo {
    margin-left: inherit;
    margin-right: -128px
  }

  .cmp-header__logo--is-mobile {
    display: none
  }
}

.cmp-header__logo-brand {
  display: flex;
  width: 110px;
  align-items: center;
  margin-left: 1rem
}

body.rtl .cmp-header__logo-brand {
  margin-left: 0;
  margin-right: 1rem
}

.cmp-header__logo-brand img,
.cmp-header__logo-brand picture {
  height: auto;
  width: 100%;
  max-width: 100%
}

.cmp-header__content-right {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-left: auto
}

.cmp-header__title {
  display: flex;
  font-size: 1.875rem;
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
  align-items: center;
  width: auto;
  color: var(--header-color)
}

.primary-text--light .cmp-header__title {
  color: var(--white)
}

.cmp-header .cmp-navigation-subsegment {
  align-items: center;
  border-left: 1px solid #000000;
  border-color: var(--navigation-subsegment-color);
  padding-left: 1rem;
  margin-left: 1rem;
  height: 1.5rem;
  align-self: center;
  cursor: pointer;
  position: relative
}

.primary-text--light .cmp-header .cmp-navigation-subsegment {
  border-color: #fff
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-navigation-subsegment--mobile {
    display: none
  }
}

.cmp-header .cmp-navigation-subsegment--desktop {
  display: none
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-navigation-subsegment--desktop {
    display: inherit
  }

  .cmp-header .cmp-navigation-subsegment--desktop .segment-menu ul {
    padding: 4px 14px
  }
}

.cmp-header .cmp-navigation-subsegment .segment-menu {
  position: absolute;
  z-index: 2;
  display: none;
  width: 250px;
  top: 30px;
  left: -39px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

@media print,
screen and (min-width: 40em) {
  .cmp-header .cmp-navigation-subsegment .segment-menu {
    left: 0
  }
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  width: 100% !important;
  margin-left: 0;
  margin-bottom: 0;
  background-color: #ffc510;
  background-color: var(--navigation-subsegment-background)
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul li {
  background-color: transparent;
  border-bottom-color: #fff;
  border-bottom-color: var(--navigation-subsegment-border-color)
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul a.main {
  padding-left: 14px !important
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul:first-child li.has-children a.main {
  position: relative;
  padding-left: 14px
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul:first-child li.has-children a.main:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  position: absolute;
  right: 0;
  font-weight: 400;
  font-size: inherit
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul {
  position: absolute;
  left: 100%;
  transition: all .3s ease-in-out;
  top: 0
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul.expanded {
  left: 0
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul li {
  padding: 0 14px;
  margin-left: 25px
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul li.back {
  background-color: #f5f5f5;
  position: relative;
  margin-left: 0;
  padding-left: 35px;
  padding-top: 10px;
  padding-bottom: 10px
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul li.back:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  position: absolute;
  font-weight: 400;
  font-size: inherit;
  left: 10px
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul li.main {
  font-weight: 700;
  margin-left: 0
}

.cmp-header .cmp-navigation-subsegment.cmp-toggle--show .segment-menu {
  display: inline-block
}

.cmp-header .cmp-navigation-subsegment.cmp-toggle--show a.opener:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-size: 1rem;
  font-weight: 400
}

.cmp-header .cmp-navigation-subsegment.cmp-toggle--show a.opener:before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 30%;
  width: 0;
  height: 0;
  filter: drop-shadow(0-1px 1px rgba(0, 0, 0, .16));
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--navigation-subsegment-background);
  border-bottom-color: var(--navigation-subsegment-background)
}

.cmp-header .cmp-navigation-subsegment a {
  display: flex;
  padding: 0;
  height: 100%;
  align-items: center;
  font-size: 1.125rem;
  color: var(--navigation-subsegment-color)
}

.primary-text--light .cmp-header .cmp-navigation-subsegment a {
  color: var(--white)
}

.cmp-header .cmp-navigation-subsegment a.opener:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  position: relative;
  left: 2px
}

.cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu {
  background-color: #fff;
  border: 0;
  left: 0;
  min-width: 15rem
}

.cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu li {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  transition: all .3 ease-in-out
}

.cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu li:hover {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--navigation-subsegment-border-color-hover)
}

.cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu li a {
  padding: 12px 3px 8px;
  border-bottom: 1px solid transparent
}

.cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu li a:hover {
  background-color: transparent;
  color: inherit;
  border-bottom: 1px solid #000000;
  transition: all .2s ease-in
}

.primary-text--light .cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu li a:hover {
  color: #fff
}

.cmp-header .cmp-meta-navigation {
  height: 56px;
  position: fixed;
  z-index: 2;
  left: 100%;
  bottom: 0;
  width: 100%;
  order: 3;
  transition: left .3s ease-in-out
}

.cmp-header .cmp-meta-navigation .cmp-header-container {
  flex-direction: column
}

@media print,
screen and (min-width: 40em) {
  .cmp-header .cmp-meta-navigation {
    width: 40%
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation {
    box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
    left: 0;
    order: initial;
    display: flex;
    margin-bottom: 1rem;
    width: 100%;
    background-color: #3c3c3ce6;
    height: 60px;
    position: relative;
    z-index: 3;
    justify-content: space-between;
    padding: 0 2rem;
    overflow-y: inherit
  }

  .cmp-header .cmp-meta-navigation .cmp-header-container {
    flex-direction: row
  }
}

.cmp-header .cmp-meta-navigation .cmp-dropdown {
  min-width: auto;
  width: 100%;
  margin: 0;
  flex-wrap: nowrap;
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-dropdown {
    width: auto
  }
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li {
  background-color: #616161
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-dropdown li {
    height: 100%;
    background-color: transparent
  }
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li a {
  color: #fff;
  background: transparent;
  padding: 1.25rem 1rem 1rem;
  border-bottom: 4px solid transparent;
  transition: all .3s ease-in;
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around;
  height: auto
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-dropdown li a {
    height: 100%
  }
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li a:hover,
.cmp-header .cmp-meta-navigation .cmp-dropdown li a.simple-link {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary);
  background: inherit;
  color: #fff
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li a:not(.simple-link):after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400;
  font-size: 1rem;
  margin-left: 5px;
  line-height: 24px
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show a:after {
  transition: all .3s ease-in;
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  z-index: 11;
  filter: drop-shadow(0-1px 1px rgba(0, 0, 0, .16));
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #616161
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show a:hover {
  border-bottom-color: transparent
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show li a:after {
  content: "";
  display: none
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show li a:hover {
  border-bottom-color: transparent
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu {
  padding: 4px 14px 10px
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu .preselected-segment a {
  border-bottom-color: transparent
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu .preselected-segment a:before {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu a {
  position: relative;
  border-bottom: 1px solid #ffffff
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  filter: none;
  background-color: #0006;
  border-bottom: 3px solid #616161;
  border-left: 0;
  border-right: 0;
  transition: all .3s ease-in-out
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu a:hover {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu a:hover:before {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-meta-navigation .cmp-dropdown__menu {
  position: relative;
  top: 15px;
  margin: 0;
  width: auto;
  background-color: #616161;
  border-top: none
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-dropdown__menu {
    position: absolute;
    top: 59px
  }
}

.cmp-header .cmp-meta-navigation .cmp-dropdown__menu li a {
  background: transparent;
  color: #fff
}

.cmp-header .cmp-meta-navigation .cmp-dropdown__menu li a:after {
  content: ""
}

.cmp-header .cmp-meta-navigation .cmp-navigation {
  background: transparent;
  border-bottom: 0;
  height: 100%
}

.cmp-header .cmp-meta-navigation .cmp-navigation__menu {
  height: 100%;
  align-items: center;
  position: relative;
  flex-wrap: nowrap
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item {
  background-color: #616161
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__item {
    display: flex;
    height: 100%;
    align-items: center;
    align-content: space-around;
    background: transparent
  }
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-my-sika .cmp-navigation__link {
  background-color: #616161;
  border-bottom: none;
  width: 100%;
  transition: all .3s ease-in
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-my-sika .cmp-navigation__link {
    width: auto;
    padding-bottom: 18px
  }
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-my-sika--flash .cmp-navigation__link {
  background-color: #ffc510;
  background-color: var(--primary)
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika__overlay {
  display: none;
  bottom: -100%;
  left: 0;
  position: fixed;
  width: 100vw;
  height: auto;
  background-color: #616161;
  z-index: -1;
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  flex-direction: column;
  padding: 4px 14px;
  transition: bottom .3s ease-in-out
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika__overlay {
    position: absolute
  }
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element {
  display: flex;
  flex-direction: row;
  margin: 5px;
  transition: all .3s ease-in-out;
  cursor: default;
  border-bottom: 1px solid #f5f5f5
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element:last-child {
  border-bottom: 0
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element a:hover {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element--linked {
  position: relative
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element--linked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid transparent;
  transition: all .3s ease-in-out
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element:hover.cmp-my-sika_element--linked {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary);
  cursor: pointer
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element:hover.cmp-my-sika_element--linked:after {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element__icon {
  font-size: 1.5rem;
  line-height: 41px;
  color: #f5f5f5
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element__icon .cmp-icon {
  display: inline-block !important
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 10px 5px;
  color: #f5f5f5
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container__title {
  font-size: 1rem
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container__description {
  font-size: 1rem;
  font-weight: 400;
  font-family: Klavika Light
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links {
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links a {
  display: inline-block;
  position: relative;
  padding: 5px 0;
  transition: all .3s ease-in-out;
  color: #f5f5f5;
  font-size: .8rem;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 10px
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid transparent;
  transition: all .3s ease-in-out
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links a:hover {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links a:hover:after {
  content: "";
  position: absolute;
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links a:last-child {
  margin-bottom: 0
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-toggle--show .cmp-my-sika__overlay {
  bottom: 56px;
  top: initial
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-toggle--show .cmp-my-sika__overlay {
    top: -285px;
    bottom: initial;
    height: auto !important;
    display: block
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika__overlay {
    top: -285px;
    right: 0;
    left: inherit;
    width: 280px
  }

  .cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-toggle--show .cmp-my-sika__overlay {
    top: 60px
  }
}

.cmp-header .cmp-meta-navigation .cmp-navigation__link {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around;
  color: #fff;
  padding: 1.25rem .5rem 1rem;
  border-bottom: 4px solid transparent;
  transition: all .3s ease-in
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__link {
    width: auto;
    padding: 1.25rem 1.25rem 1rem
  }
}

.cmp-header .cmp-meta-navigation .cmp-navigation__link:hover {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-meta-navigation .cmp-group-title {
  width: 100%;
  display: none;
  transition: all .3s ease-in;
  color: #fff;
  text-decoration: none;
  line-height: normal
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-group-title {
    display: block
  }
}

.cmp-header .cmp-meta-navigation .cmp-group-title a {
  color: #fff;
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around;
  padding: 1.25rem 1rem 1rem;
  border-bottom: 4px solid transparent;
  transition: all .3s ease-in
}

.cmp-header .cmp-meta-navigation .cmp-group-title a:hover {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-group-title {
    display: flex;
    height: 100%;
    align-items: center;
    align-content: space-around;
    width: auto
  }
}

.cmp-header .cmp-meta-navigation .cmp-meta-left {
  display: none
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-meta-left {
    display: flex;
    border-bottom: 1px solid #ffffff;
    flex-direction: row;
    align-items: center;
    border-bottom: 0;
    height: 100%;
    width: auto
  }
}

.cmp-header .cmp-meta-navigation .cmp-meta-right {
  display: flex;
  width: 100%
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation {
  width: 100%
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__menu [shadow],
.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item {
  display: none
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show {
  display: block;
  flex: 1 0 100px;
  text-align: center
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show.cart {
  display: none
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show.cart {
    display: block
  }
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show .cmp-text {
  display: none
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show .cmp-text {
    display: inherit
  }
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show .cmp-navigation__link {
  display: inherit
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show .cmp-navigation__link {
    border-bottom: none;
    border-top: none
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-meta-right {
    border-bottom: 1px solid #ffffff;
    align-items: center;
    border-bottom: 0;
    height: 100%;
    width: auto
  }

  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item {
    display: block;
    flex: inherit
  }

  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-navigation__link {
    display: flex
  }

  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-icon {
    display: none
  }

  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-text {
    display: inherit
  }
}

@keyframes meta-reveal {
  0% {
    right: -150px
  }

  to {
    right: 0
  }
}

@keyframes meta-collapse {
  0% {
    right: 0
  }

  to {
    right: -150px
  }
}

.cmp-header--is-sticky .cmp-meta-navigation {
  box-shadow: none;
  width: 200px;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  background-color: transparent;
  animation: meta-collapse .3s .5s forwards;
  top: calc(50vh-40px);
  left: inherit;
  padding: 0
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-left {
  display: none
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right,
.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation {
  width: 100%
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__menu {
  width: 100%;
  flex-wrap: wrap
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item {
  display: none
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show {
  display: block;
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  background-color: #f5f5f5;
  height: 50px;
  width: 100%
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link {
  transition: none;
  padding: 1rem;
  color: #000;
  background: none;
  border-bottom: 4px solid transparent;
  transition: all .3s ease-in;
  text-align: left
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link .cmp-icon {
  display: block;
  font-size: 1.25rem;
  margin-right: 1rem
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link--active .cmp-icon {
  color: #ffc510;
  color: var(--primary)
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link--flash {
  background-color: #ffc510 !important;
  background-color: var(--primary) !important
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link--flash .cmp-icon {
  color: #fff
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link:hover {
  color: #616161;
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-my-sika.cart {
  display: block
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-my-sika__overlay {
  top: 0;
  bottom: 0;
  right: inherit;
  left: 200px;
  width: 280px
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-toggle--show .cmp-my-sika__overlay {
  left: -280px;
  top: 0
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-header-container {
  width: 100%;
  padding: 0
}

.cmp-header--is-sticky .cmp-meta-navigation:hover {
  animation: meta-reveal .3s forwards
}

.cmp-header--mobile-open .cmp-meta-navigation {
  left: 0
}

.cmp-header--mobile-open .cmp-meta-navigation .cmp-meta-right .cmp-navigation__menu [shadow] {
  display: block
}

.cmp-header--mobile-open .cmp-meta-navigation .cmp-navigation__menu {
  flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: hidden
}

.cmp-header--mobile-open .cmp-meta-navigation .cmp-navigation__menu .cmp-navigation__item {
  background-color: #f5f5f5
}

.cmp-header--mobile-open .cmp-meta-navigation .cmp-navigation__menu .cmp-navigation__item .cmp-navigation__link {
  color: #000;
  background-color: #f5f5f5
}

.cmp-header--mobile-open .cmp-meta-navigation .cmp-navigation .cmp-my-sika__overlay {
  display: flex
}

@media print,
screen and (min-width: 40em) {
  .cmp-header--mobile-open .cmp-meta-navigation {
    left: 60%
  }
}

.cmp-header .cmp-search-field .cmp-search-form {
  height: 50px
}

.cmp-header .cmp-search-field .cmp-search-form__field {
  height: 100%;
  background: #ffc510;
  background: var(--header-background) !important
}

.cmp-header .cmp-search-field .cmp-search-form__field {
  font-size: 1rem
}

@media screen and (min-width: 20em) {
  .cmp-header .cmp-search-field .cmp-search-form__field {
    font-size: calc(1rem + .25 * (100vw-320px) / 320)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-header .cmp-search-field .cmp-search-form__field {
    font-size: 1.25rem
  }
}

.cmp-header .cmp-search-field .cmp-search-form__button-action {
  font-size: 1.25rem;
  padding-right: 0;
  display: none
}

.cmp-header .cmp-search-field .cmp-search-form__button-clear {
  font-size: 1.25rem
}

.cmp-header .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__field {
  padding-left: 1rem
}

.cmp-header .cmp-search-field .cmp-search-form--enlarged .cmp-search-block {
  top: 50px
}

.cmp-header .cmp-search-field .cmp-search-block {
  margin-top: 0
}

.cmp-header .cmp-main-navigation {
  display: none;
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  flex-direction: column;
  box-shadow: none;
  background-color: #fff;
  z-index: 1;
  position: absolute;
  left: 100%;
  transition: left .3s ease-in-out;
  top: 60px;
  height: 100vh-116px;
  order: 2;
  margin-top: 0;
  margin-bottom: 0
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation {
    display: block;
    position: relative;
    left: 0;
    top: -35px;
    margin-bottom: -35px;
    background-color: transparent
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation.cmp-header-container {
    width: 100%;
    padding: 0 2rem;
    height: 70px;
    align-items: initial
  }
}

@media screen and (min-width: 95em) {
  .cmp-header .cmp-main-navigation.cmp-header-container {
    padding-left: 160px
  }

  body.rtl .cmp-header .cmp-main-navigation.cmp-header-container {
    padding-left: 2rem;
    padding-right: 160px
  }
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment {
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around;
  align-items: normal;
  flex-direction: column;
  width: 100%;
  margin: 0;
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  flex-grow: 1;
  background-color: #fff;
  background-color: var(--navigation-segment-background);
  position: relative;
  z-index: 1
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown__menu {
  margin-left: 0
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown .cmp-toggle--show {
  height: 100%
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown li {
  border: none;
  margin: 0;
  padding: 0
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown li.has-children:after {
  content: none
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown li.has-children a {
  width: 100%;
  max-width: 100%;
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown li.has-children a:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400;
  position: absolute;
  right: 1rem
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-navigation {
  flex: 1
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-icon {
  margin-right: .25rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation .cmp-navigation-segment {
    flex-direction: row;
    align-items: center
  }
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  width: 100%;
  position: inherit
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item {
  position: inherit;
  border-bottom: 4px solid transparent;
  transition: border-bottom-color .3s ease-in-out
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link {
  color: #000;
  color: var(--navigation-segment-color)
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link:hover {
  color: #616161;
  color: var(--navigation-segment-color-hover)
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link .cmp-icon {
  font-size: 1.5rem;
  margin: 0
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link i:before {
  font-size: 2rem
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item.cmp-toggle--show {
  background: transparent;
  display: block;
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item.cmp-toggle--show .cmp-navigation__link {
  position: relative
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item.cmp-toggle--show .cmp-navigation__link:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -20px;
  left: calc(50% - 15px);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
  filter: drop-shadow(0-1px 1px rgba(0, 0, 0, .1))
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  display: none;
  position: absolute;
  left: 0;
  top: 85px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  padding: 20px 20px 0;
  width: 100%
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content__title {
  font-size: 1.5625rem
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content__sub-title {
  font-size: 1rem;
  line-height: 19px;
  border-bottom: 2px solid #3c3c3c;
  padding-bottom: 10px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-end;
  min-width: 120px
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content__sub-title a {
  padding: 0
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content ul {
  margin: 0
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content ul li a {
  padding: 10px;
  font-size: 1rem;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  font-weight: 400
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content ul li a:hover {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary);
  color: #3c3c3c
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content ul li:first-of-type a {
  padding-top: 0
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content .cmp-teaser {
  border: 1px solid #e0e0e0
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content .cmp-teaser:hover {
  border-color: #ffc510;
  border-color: var(--primary)
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content .cmp-teaser a {
  padding: 0
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column {
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 0;
  width: 210px
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column:last-child {
  margin-right: 0
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ul li a {
  position: relative
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ul li a:after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 3px solid transparent;
  left: 0;
  bottom: 0;
  transition: border-bottom-color .3s ease-in-out
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ul li a:hover:after {
  border-bottom-color: #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-main-navigation .cmp-toggle--show .cmp-nav-mega-dropdown__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  contain: content
}

.cmp-header .cmp-main-navigation .cmp-dropdown {
  min-width: auto;
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around
}

.cmp-header .cmp-main-navigation .cmp-dropdown li {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-header .cmp-main-navigation .cmp-dropdown li a {
  text-align: center;
  padding: 0 30px;
  position: relative;
  width: 100%;
  background: transparent;
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around
}

.cmp-header .cmp-main-navigation .cmp-dropdown li a:hover {
  color: #616161;
  background: transparent
}

.cmp-header .cmp-main-navigation .cmp-dropdown li a:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400;
  font-size: inherit
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu {
  width: 500px;
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
  top: 0;
  left: 0;
  background: #ffffff;
  padding: 40px 30px 30px;
  border: 1px solid #f5f5f5
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu:before {
  position: absolute;
  top: -14px;
  left: 60px;
  filter: drop-shadow(0-1px 1px rgba(0, 0, 0, .1));
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu__sub-title {
  font-size: 1rem;
  border-bottom: 2px solid #3c3c3c;
  padding-bottom: 10px;
  margin-bottom: 10px;
  min-height: 69;
  display: flex;
  align-items: flex-end
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu__sub-title .cmp-sub-title-link {
  text-align: left;
  padding: 0
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu__sub-title .cmp-sub-title-link:after {
  content: none
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu .cell {
  margin-right: 30px
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation .cmp-dropdown__menu {
    position: inherit;
    top: 85px
  }
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu ul {
  margin: 79 0 0 0
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu ul li {
  background-color: #fff;
  padding: 0;
  border: none
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu ul li:after {
  content: none
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu ul li a {
  padding: 10px;
  font-size: 1rem;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  font-weight: 400;
  text-align: left
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu ul li a:after {
  content: none
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu .cmp-dropdown__menu__sub-title+ul {
  margin-top: 0
}

.cmp-header .cmp-main-navigation .cmp-navigation {
  background: transparent;
  border-bottom: 0;
  height: 100%
}

.cmp-header .cmp-main-navigation .cmp-navigation__menu {
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around;
  justify-content: inherit;
  flex-wrap: nowrap;
  width: 100%
}

.cmp-header .cmp-main-navigation .cmp-navigation__item {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  height: auto
}

.cmp-header .cmp-main-navigation .cmp-navigation__item:after {
  content: none
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation .cmp-navigation__item {
    height: 100%
  }
}

body.rtl .cmp-header .cmp-main-navigation .cmp-navigation__item:first-child .cmp-navigation__link:after {
  width: 0
}

.cmp-header .cmp-main-navigation .cmp-navigation__item:last-child .cmp-navigation__link:after {
  width: 0
}

body.rtl .cmp-header .cmp-main-navigation .cmp-navigation__item:last-child .cmp-navigation__link:after {
  width: 1px
}

.cmp-header .cmp-main-navigation .cmp-navigation__link {
  width: 100%;
  max-width: 100%;
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  align-content: space-around;
  position: relative;
  height: 100%;
  text-align: center
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation .cmp-navigation__link {
    padding: 0 15px;
    border-bottom: 0
  }
}

.cmp-header .cmp-main-navigation .cmp-navigation__link:hover {
  color: #616161
}

.cmp-header .cmp-main-navigation .cmp-navigation__link:after {
  content: "";
  width: 1px;
  background-color: #e0e0e0;
  height: 50%;
  position: absolute;
  right: 0
}

.cmp-header .cmp-main-navigation .cmp-navigation {
  display: flex
}

.cmp-header .cmp-main-navigation .cmp-navigation__item {
  display: block
}

.cmp-header .cmp-main-navigation--mobile {
  contain: content;
  content-visibility: auto;
  position: absolute;
  z-index: 1;
  left: 100%;
  height: calc(100vh-116px);
  width: 100%;
  transition: left .3s ease-in-out;
  background-color: #fff
}

@media print,
screen and (min-width: 40em) {
  .cmp-header .cmp-main-navigation--mobile {
    width: 40%
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation--mobile {
    display: none
  }
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment {
  position: absolute;
  z-index: 1;
  width: 100%;
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment li {
  background-color: #f5f5f5
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment li>a {
  padding: 16px
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children,
.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back {
  position: relative;
  border-bottom: 2px solid #ffc510;
  border-bottom-color: var(--primary);
  background-color: #f5f5f5;
  height: 56px
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children span,
.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back span {
  position: absolute;
  display: inline-block;
  height: 100%;
  width: 100%;
  z-index: 3;
  padding: 16px;
  top: 0;
  left: 0;
  background-color: #f5f5f5;
  font-weight: 700;
  font-size: 1.25rem
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children span:after,
.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back span:after {
  z-index: 3;
  position: absolute;
  content: "...";
  font-weight: 700;
  font-size: 32px;
  left: calc(50% - 5px);
  bottom: -23px
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back {
  border-bottom: 0
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back span {
  padding-left: 48px;
  background-color: #616161
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back span:after {
  content: ""
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back span a {
  color: #fff
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  color: #fff;
  font-weight: 400;
  position: absolute;
  left: .5rem;
  line-height: 22px;
  z-index: 3;
  top: calc(50% - 12px)
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children:after {
  content: "";
  position: absolute;
  z-index: 2;
  height: 13px;
  width: 36px;
  left: calc(50% - 11px);
  bottom: -13px;
  color: #000;
  background-color: #ffc510;
  background-color: var(--primary)
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children.expanded .sub-nav {
  top: 56px !important;
  border-bottom: 2px solid #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children .sub-nav {
  z-index: 1;
  position: absolute;
  left: 0;
  overflow: scroll;
  background-color: #f5f5f5;
  transition: top .3s ease-in-out
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 56px;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #616161;
  border-left: 1px solid #e0e0e0
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.has-children>span {
  position: relative
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.has-children>span:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: 12px;
  font-weight: 400;
  line-height: 1
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.has-children ul {
  height: calc(100% - 56px)
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.back {
  background-color: #f5f5f5;
  padding: 16px 16px 16px 48px
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.back:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400;
  position: absolute;
  left: .5rem;
  line-height: 22px
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.overview {
  padding-left: 2rem
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.overview>a,
.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.overview>span {
  padding-left: 0
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .sub-nav {
  position: absolute;
  left: 100%;
  width: 100%;
  height: calc(100vh-60px);
  transition: all .3s ease-in-out;
  background-color: #fff;
  top: -1px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root.has-subnav-size-normal .sub-nav {
  height: calc(100vh-116px)
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root.has-subnav-size-small .sub-nav {
  height: calc(100vh-172px)
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root.has-subnav-size-tiny .sub-nav {
  height: calc(100vh-228px)
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .has-children.expanded>.sub-nav {
  height: calc(100vh-56px);
  left: 0
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .cmp-nav-footer {
  background-color: #616161;
  bottom: -114px;
  left: -1px;
  width: 101%;
  height: auto;
  z-index: 10
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .cmp-nav-footer ul {
  height: calc(100% - 114px)
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .cmp-nav-footer ul li {
  background-color: transparent;
  border-bottom: none
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .cmp-nav-footer ul li .cmp-icon,
.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .cmp-nav-footer ul li a {
  color: #fff
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment+.cmp-main-navigation-root {
  top: 56px;
  height: calc(100% - 56px)
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment.show-subsegment+.cmp-main-navigation-root {
  top: 112px;
  height: calc(100% - 112px)
}

.cmp-header .cmp-main-navigation--mobile ul {
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column
}

.cmp-header .cmp-main-navigation--mobile li {
  width: 100%;
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0
}

.cmp-header .cmp-main-navigation--mobile li>a,
.cmp-header .cmp-main-navigation--mobile li>span,
.cmp-header .cmp-main-navigation--mobile li>div {
  display: block;
  padding: 16px 16px 16px 48px
}

@media print,
screen and (min-width: 64em) {
  .cmp-header--is-sticky .cmp-main-navigation {
    display: block;
    height: 100%;
    margin: 0;
    background: none;
    box-shadow: none;
    position: relative;
    top: inherit
  }

  .cmp-header--is-sticky .cmp-main-navigation.cmp-header-container {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0
  }

  .cmp-header--is-sticky .cmp-main-navigation.cmp-header-container .cmp-navigation-segment {
    background: transparent;
    box-shadow: none
  }

  .cmp-header--is-sticky .cmp-main-navigation .cmp-nav-mega-dropdown__content {
    left: 12px;
    max-height: calc(100vh-100px);
    overflow-y: auto
  }

  .cmp-header--is-sticky .cmp-main-navigation .cmp-dropdown li:after {
    background: #ffffff
  }

  .cmp-header--is-sticky .cmp-main-navigation .cmp-navigation__link {
    display: flex;
    color: var(--navigation-segment-color-sticky) !important
  }

  .cmp-header--is-sticky .cmp-main-navigation .cmp-navigation__link:hover {
    color: var(--navigation-segment-color-sticky-hover) !important
  }

  .cmp-header--is-sticky .cmp-main-navigation .cmp-navigation__link:after {
    background-color: #ffffffb3
  }
}

.cmp-header--mobile-open .cmp-main-navigation--mobile {
  left: 0
}

@media print,
screen and (min-width: 40em) {
  .cmp-header--mobile-open .cmp-main-navigation--mobile {
    left: 60%
  }
}

.cmp-header _:-ms-lang(x),
.cmp-header .cmp-nav-mega-dropdown__content__sub-title {
  padding-top: 25px !important
}

.cmp-header .cmp-burger-icon {
  position: relative;
  height: 40px;
  width: 55px;
  cursor: pointer;
  margin: 50px auto;
  overflow: hidden
}

.cmp-header .cmp-burger-icon.open .cart-count-bullet {
  display: none
}

.cmp-header .cmp-burger-icon .icon {
  position: absolute;
  width: 25px;
  height: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.cmp-header .cmp-burger-icon .icon .line {
  position: absolute;
  left: 0;
  background-color: #000;
  height: 3px;
  width: 100%;
  border-radius: 3px;
  pointer-events: none
}

.primary-text--light .cmp-header .cmp-burger-icon .icon .line {
  background-color: var(--white)
}

.cmp-header .cmp-burger-icon .icon .line--1 {
  top: 0;
  transition: transform .2s ease-in-out .15s, top .2s ease-in-out .2s
}

.cmp-header .cmp-burger-icon .icon .line--1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #000;
  border-radius: 3px;
  transition: transform .15s ease-in-out
}

.primary-text--light .cmp-header .cmp-burger-icon .icon .line--1:before {
  background-color: var(--white)
}

.cmp-header .cmp-burger-icon .icon .line--2 {
  top: 0;
  bottom: 0;
  margin: auto;
  transition: opacity 0s ease-in-out .35s
}

.cmp-header .cmp-burger-icon .icon .line--3 {
  bottom: 0;
  transition: opacity 0s ease-in-out .25s
}

.cmp-header .cmp-burger-icon.open .line--1 {
  top: 15px;
  transform: translate3d(0, -7.5px, 0) rotate(-45deg);
  transition: top .2s ease-in-out, transform .15s ease-in-out .2s
}

.cmp-header .cmp-burger-icon.open .line--1:before {
  transform: rotate(-90deg);
  transition: transform .15s ease-in-out .3s
}

.cmp-header .cmp-burger-icon.open .line--2 {
  opacity: 0;
  transition: opacity 0s ease-in-out .1s
}

.cmp-header .cmp-burger-icon.open .line--3 {
  opacity: 0;
  transition: opacity 0s ease-in-out .2s
}

@media print,
screen and (min-width: 64em) {
  .cmp-header .cmp-burger-icon {
    display: none
  }
}

.cmp-header__login-icon {
  display: none;
  width: 50px;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

@keyframes slide-down {
  0% {
    height: 145px
  }

  to {
    height: 70px
  }
}

@keyframes slide-up {
  0% {
    height: 70px
  }

  to {
    height: 145px
  }
}

@keyframes logo-sticky {
  0% {
    width: 96px
  }

  to {
    width: 64px
  }
}

@keyframes logo-normal {
  0% {
    width: 64px
  }

  to {
    width: 96px
  }
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-header .cmp-dropdown:after {
    position: absolute;
    right: 1.25rem
  }

  .cmp-header .cmp-dropdown li {
    width: 100%
  }

  .cmp-header .cmp-dropdown__menu.submenu {
    position: relative;
    top: 0;
    width: 100%
  }

  .cmp-header__content {
    margin-top: 0;
    height: 60px;
    padding-bottom: 0;
    order: 1;
    z-index: 2
  }

  .cmp-header__content-left {
    display: flex;
    height: 100%;
    align-items: center;
    align-content: space-around;
    flex-direction: row
  }

  .cmp-header__content-left .cmp-navigation-subsegment {
    border-left: 0;
    z-index: 1
  }

  .cmp-header__content-right {
    display: flex;
    height: 100%;
    align-items: center;
    align-content: space-around;
    flex-direction: row;
    flex: 0 1 auto;
    width: auto
  }

  .cmp-header__content-right .cmp-search-field {
    display: flex;
    width: calc(100% - 7rem);
    position: absolute;
    right: 50px;
    top: 0
  }

  .cmp-header__content-right .cmp-search-field--enlarged {
    width: 100%;
    right: 0;
    padding-right: 0;
    padding-left: 0
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form {
    height: 60px !important
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form__field {
    padding: 0;
    border-bottom: none;
    width: 0
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__field {
    background: #ffc510
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action {
    display: flex;
    height: 100%;
    align-items: center;
    align-content: space-around
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
    display: none
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-clear {
    display: flex;
    height: 100%;
    align-items: center;
    align-content: space-around
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form--enlarged .cmp-search-block {
    top: 60px !important
  }

  .cmp-header__title {
    font-size: 100%;
    justify-content: left;
    position: relative;
    left: 0
  }

  .cmp-header__logo {
    height: 60%;
    margin-left: 0;
    width: auto;
    justify-content: center;
    align-self: center;
    display: none
  }

  .cmp-header__logo>a {
    display: flex;
    height: 100%;
    align-items: center;
    align-content: space-around
  }

  .cmp-header__logo picture,
  .cmp-header__logo img {
    width: auto;
    height: 100%
  }

  .cmp-header__logo--is-mobile {
    display: block
  }

  .cmp-header__logo-brand {
    height: 60%;
    width: auto;
    justify-content: center;
    align-self: center
  }

  .cmp-header__logo-brand picture,
  .cmp-header__logo-brand img {
    width: auto;
    height: 100%
  }

  .cmp-header .cmp-navigation__menu .cmp-navigation__item.cmp-my-sika .cmp-navigation__link {
    border-top: 2px solid #616161;
    position: relative
  }

  .cmp-header .cmp-navigation__menu .cmp-navigation__item--sticky-show a {
    font-size: 1.25rem
  }

  .cmp-header .cmp-navigation__menu .cmp-navigation__item--sticky-show.cmp-my-sika .cmp-navigation__link {
    border-top: none
  }

  .cmp-header .cmp-navigation__menu .cmp-navigation__item--sticky-show .cart-count-bullet {
    bottom: 10px;
    right: calc(50% - 16px)
  }
}

.cmp-header--mobile-open {
  height: 100%
}

.cmp-header--mobile-open .cmp-header__login-icon {
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around;
  padding: 1.25rem
}

.cmp-header--mobile-open .cmp-header__content-right .cmp-search-field {
  padding-right: 0
}

.cmp-header--mobile-open .cmp-header__content-right .cmp-search-field--enlarged {
  right: 0
}

.cmp-header .external-link .cmp-icon.cmp-icon-open-in-new {
  display: inline-block !important;
  padding-left: 10px
}

.cmp-header .external-link .cmp-icon.cmp-icon-open-in-new:before {
  font-size: 1rem !important;
  font-weight: inherit;
  color: inherit
}

.nav-open {
  overflow: hidden;
  top: 0
}

.cmp-dropdown {
  min-width: 150px
}

.cmp-dropdown li a {
  background: #f5f5f5
}

.cmp-dropdown li a:hover {
  background: #f5f5f5;
  color: #616161
}

.cmp-dropdown__menu li {
  background: #f5f5f5
}

.cmp-dropdown__menu li a {
  font-weight: 400
}

.cmp-dropdown__menu li a:hover {
  background: #616161;
  color: #fff
}

.cmp-dropdown__menu {
  position: absolute;
  z-index: 10;
  display: none;
  visibility: hidden;
  min-width: calc(150px + 1rem);
  border: 1px solid #dddddd;
  border-radius: 0;
  font-size: 1rem;
  background-color: #f5f5f5
}

.cmp-toggle--show .cmp-dropdown__menu {
  display: block;
  visibility: visible
}

.cmp-page-knowledgebase-header {
  text-align: center;
  background: #616161;
  color: #fff;
  padding: 1rem
}

.cmp-page-knowledgebase-header__labels {
  margin: 1rem
}

.cmp-page-knowledgebase-header .cmp-label {
  background: #ffffff;
  color: #000;
  margin: 0 8px
}

.categorypage .page-intro .cmp-lead {
  margin-bottom: 1rem
}

.cmp-cookie {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: hsla(0, 0%, 96.1%, .95);
  padding: 32px;
  transition: all 1s ease-in;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 10;
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
  opacity: 0;
  visibility: hidden
}

.cmp-cookie p {
  margin-bottom: 0
}

.cmp-cookie__button {
  margin: 2rem 0 0;
  text-align: center;
  flex: 1 1 auto
}

@media print,
screen and (min-width: 64em) {
  .cmp-cookie {
    flex-wrap: nowrap
  }

  .cmp-cookie .cmp-text {
    width: calc(100% - 200px)
  }

  .cmp-cookie .cmp-cookie__button {
    margin: 0;
    text-align: right
  }
}

@keyframes transition_visible {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.cmp-cookie--display {
  animation: transition_visible .5s linear 1;
  visibility: visible;
  opacity: 1
}

.cmp-cookie-consent-fallback-content {
  padding: 1rem;
  margin-bottom: 2rem;
  background-color: #f5f5f5
}

.cmp-cookie-consent-fallback-content .sika-button {
  margin-bottom: 0
}

.cmp-website-selection {
  contain: content
}

.primary-text--light .cmp-website-selection,
.primary-text--light .cmp-website-selection label,
.primary-text--light .cmp-website-selection a {
  color: var(--primary)
}

.cmp-website-selection__logo {
  display: block;
  width: 80px;
  height: auto;
  z-index: 1;
  top: 10px;
  left: 15px
}

@media print,
screen and (min-width: 40em) {
  .cmp-website-selection__logo {
    width: 100px
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-website-selection__logo {
    width: 120px
  }
}

.cmp-website-selection__content-holder {
  background: #ffffff;
  width: 100%;
  height: 100%
}

.cmp-website-selection__title {
  padding: 1rem;
  margin-bottom: 0;
  color: var(--header-color)
}

.primary-text--light .cmp-website-selection__title {
  color: var(--white)
}

.cmp-website-selection__title-wrap {
  margin-top: 35px
}

@media print,
screen and (min-width: 64em) {
  .cmp-website-selection__title-wrap {
    margin-top: 60px
  }
}

.cmp-website-selection__header {
  background-color: #ffc510;
  background-color: var(--header-background) !important;
  min-height: 107px
}

@media print,
screen and (min-width: 64em) {
  .cmp-website-selection__header {
    min-height: 132px
  }
}

.cmp-website-selection__header-inner {
  max-width: 1920px;
  margin: auto;
  display: flex;
  align-items: flex-end
}

.cmp-website-selection__content {
  width: 100%;
  max-width: 1920px;
  margin: auto;
  background: #ffffff
}

@media print,
screen and (min-width: 64em) {
  .cmp-website-selection__content {
    padding: 40px 40px 0
  }
}

.cmp-website-selection__region-item {
  width: 100%;
  border-bottom: 1px solid #000000
}

.cmp-website-selection__region-item--permanent {
  margin: 1rem 0;
  border-bottom: none
}

.cmp-website-selection__region-item--is-active .cmp-website-selection__region-content {
  display: grid
}

@media print,
screen and (min-width: 64em) {
  .cmp-website-selection__region-item--is-active .cmp-website-selection__region-content {
    grid-gap: 1rem
  }
}

.cmp-website-selection__region-item--is-active__region-title .cmp-icon {
  transform: rotate(180deg)
}

.cmp-website-selection__region-title {
  display: flex;
  gap: 0 .75rem;
  align-items: center;
  padding: 0 .75rem
}

.cmp-website-selection__region-title .cmp-icon {
  font-size: 2rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-website-selection__region-title {
    padding: 0
  }
}

.cmp-website-selection__region-title>h6 {
  margin-bottom: 0;
  line-height: 3rem
}

.cmp-website-selection__region-content {
  display: none;
  padding: 0 1rem 1rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-website-selection__region-content {
    grid-template-columns: repeat(6, 1fr);
    padding: 0 0 1rem
  }
}

.cmp-website-selection__region-content .cmp-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  line-height: 1;
  font-size: 1.3rem;
  margin: 1px 2px 0-5px
}

.cmp-website-selection__country-item {
  position: relative
}

.cmp-website-selection__country-item--is-active .cmp-website-selection__country-title {
  font-weight: 700
}

@media print,
screen and (min-width: 64em) {
  .cmp-website-selection__country-item--is-active .cmp-website-selection__country-title {
    font-weight: 400
  }
}

.cmp-website-selection__country-item--is-active .cmp-website-selection__brand-popover {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: .5rem;
  background: #ffffff;
  z-index: 2;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 1rem 1.5rem;
  margin: .5rem 0 1rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-website-selection__country-item--is-active .cmp-website-selection__brand-popover {
    position: absolute;
    top: 1.25rem;
    left: 0;
    margin: 0;
    padding: .5rem .75rem .5rem .5rem;
    background: #ffffff;
    z-index: 2;
    box-shadow: 0 .5rem 1rem #00000080;
    border: 0
  }

  .cmp-website-selection__country-item--is-active .cmp-website-selection__brand-popover:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 5px solid #ffffff
  }
}

.cmp-website-selection__country-title {
  cursor: pointer
}

.cmp-website-selection__link-wrapper {
  display: inline-block
}

.cmp-website-selection__link {
  display: flex;
  align-items: flex-start;
  padding-right: 5px
}

.cmp-website-selection__link:hover {
  background-color: #ffc510;
  background-color: var(--primary)
}

.cmp-website-selection__brand-popover {
  display: none
}

.cmp-website-selection__brand-popover[data-active=active] {
  display: block
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li a {
  box-shadow: none;
  height: 60px
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li a i {
  margin-right: 5px
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li a:hover {
  box-shadow: none
}

.cmp-country-switch {
  background-color: #3c3c3c
}

.cmp-country-switch__content {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 1rem;
  justify-content: space-between
}

@media print,
screen and (min-width: 64em) {
  .cmp-country-switch__content {
    max-width: 1920px;
    margin: auto
  }
}

.cmp-country-switch__message {
  color: #fff;
  margin-bottom: .5rem
}

.cmp-country-switch__action-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem
}

.cmp-country-switch__link-button {
  color: #ffc510;
  color: var(--primary);
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-align: center;
  font-weight: 700
}

.cmp-country-switch__link-button:hover {
  color: #ffc510;
  color: var(--primary)
}

.cmp-select-custom--selection .cmp-select-custom__label {
  transform: translateY(-22px) scale(.8);
  font-weight: 700 !important
}

@media (hover: hover) {
  .cmp-select-custom {
    display: block !important
  }

  .cmp-select-custom-wrap select,
  .cmp-select-custom-wrap .cmp-input__float-label {
    display: none !important
  }
}

.cmp-select-custom {
  display: none
}

.cmp-select-custom__option:hover,
.cmp-select-custom__option--active {
  background-color: #616161;
  color: #fff;
  cursor: default
}

.cmp-select-custom {
  position: relative;
  width: 100%
}

.cmp-select-custom__label {
  position: absolute;
  top: 0;
  font-size: 1.25rem;
  line-height: 24px !important;
  transform-origin: top left;
  transform: translate(10px, 8px) scale(1);
  transition: transform .1s ease-in-out;
  font-weight: 400
}

.cmp-select-custom__trigger {
  font-size: 16px;
  position: relative;
  width: 100%;
  height: 40px;
  padding: 5px 32px 0 10px;
  cursor: pointer;
  border-bottom: 2px solid #000000;
  overflow: hidden
}

.cmp-select-custom__trigger-label {
  line-height: 30px
}

.cmp-select-custom__options {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  border: 1px solid #000000;
  background-color: #fff;
  z-index: 1;
  display: none;
  overflow-y: auto;
  max-height: 300px
}

.cmp-select-custom--active .cmp-select-custom__options {
  display: block
}

.cmp-select-custom__option {
  position: relative;
  padding: .3rem .3rem .3rem 1rem
}

.cmp-key-number-holder {
  width: 300px;
  margin: 0 auto;
  padding: 150px 0
}

@media print,
screen and (min-width: 64em) {
  .cmp-key-number-holder {
    margin: 0 0 0 auto
  }
}

.cmp-key-number {
  background: #3c3c3c;
  width: 100%;
  min-height: 150px;
  margin: 20px 0;
  display: flex;
  position: relative;
  color: #fff;
  height: 100%;
  flex-direction: column;
  padding: 25px 10px
}

.cmp-key-number:first-child {
  margin-top: 0
}

@media print,
screen and (min-width: 40em) {
  .cmp-key-number {
    padding: 25px
  }
}

.cmp-key-number a {
  display: flex;
  height: 100%;
  color: #fff;
  flex-direction: column
}

.cmp-key-number__value {
  display: flex;
  align-self: center;
  justify-content: center;
  line-height: normal;
  padding: 0
}

.cmp-key-number__value {
  font-size: 4.44rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-key-number__value {
    font-size: calc(4.44rem + -.69 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-key-number__value {
    font-size: 3.75rem
  }
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-key-number__value {
    word-break: break-word;
    width: 100%
  }
}

.cmp-key-number__value .cmp-icon {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  padding: 5px
}

.cmp-key-number__value .cmp-icon {
  font-size: 2rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-key-number__value .cmp-icon {
    font-size: calc(2rem + -.5 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-key-number__value .cmp-icon {
    font-size: 1.5rem
  }
}

.cmp-key-number__text {
  font-size: 1.75rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-key-number__text {
    font-size: calc(1.75rem + -.55 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-key-number__text {
    font-size: 1.2rem
  }
}

.cmp-key-number__description {
  font-size: 1.75rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-key-number__description {
    font-size: calc(1.75rem + -.55 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-key-number__description {
    font-size: 1.2rem
  }
}

.cmp-brands-carousel {
  width: 100%;
  height: auto;
  background-color: #616161;
  background-color: var(--brand-carousel-background);
  display: flex;
  margin: 80px 0
}

@media print,
screen and (min-width: 64em) {
  .cmp-brands-carousel {
    height: 280px
  }
}

.cmp-brands-carousel-container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column
}

@media print,
screen and (min-width: 64em) {
  .cmp-brands-carousel-container {
    width: 80%;
    flex-direction: row
  }
}

.cmp-brands-carousel-container__title {
  width: 100%;
  font-family: Klavika Light
}

.cmp-brands-carousel-container__title {
  font-size: 3.44rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-brands-carousel-container__title {
    font-size: calc(3.44rem + -.39 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-brands-carousel-container__title {
    font-size: 3.05rem
  }
}

.cmp-brands-carousel-container__title {
  line-height: 3.86rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-brands-carousel-container__title {
    line-height: calc(3.86rem + -.42 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-brands-carousel-container__title {
    line-height: 3.44rem
  }
}

.cmp-brands-carousel-container__button.cmp-button.button {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  background-color: #fff;
  color: #000;
  text-transform: uppercase
}

.cmp-brands-carousel-container__button.cmp-button.button {
  font-size: 1.13rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-brands-carousel-container__button.cmp-button.button {
    font-size: calc(1.13rem + -.13 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-brands-carousel-container__button.cmp-button.button {
    font-size: 1rem
  }
}

.cmp-brands-carousel-container__button.cmp-button.button {
  line-height: 1.63rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-brands-carousel-container__button.cmp-button.button {
    line-height: calc(1.63rem + -.18 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-brands-carousel-container__button.cmp-button.button {
    line-height: 1.45rem
  }
}

.cmp-brands-carousel-container__button.cmp-button.button:hover {
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
  background-color: #fff
}

.cmp-brands-carousel-container__content {
  width: 100%;
  background-color: #ffc510;
  background-color: var(--primary);
  display: flex;
  flex: none;
  align-items: flex-start;
  justify-content: center;
  padding: 50px 30px;
  flex-direction: column
}

.primary-text--light .cmp-brands-carousel-container__content {
  color: var(--white)
}

@media print,
screen and (min-width: 64em) {
  .cmp-brands-carousel-container__content {
    width: 380px;
    height: 360px;
    margin-right: 80px
  }
}

.cmp-brands-carousel-container__brands {
  display: flex;
  flex-direction: column;
  align-items: center
}

@media print,
screen and (min-width: 64em) {
  .cmp-brands-carousel-container__brands {
    flex-direction: row
  }
}

.cmp-brands-carousel-container__brands__brand {
  margin: 5% 15%;
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-brands-carousel-container__brands__brand a {
  width: 100%
}

.cmp-brands-carousel-container__brands__brand a img {
  min-width: 120px;
  transition: transform .3s ease-in-out;
  width: 100%
}

.cmp-brands-carousel-container__brands__brand a img:hover {
  transform: scale(1.1)
}

@media print,
screen and (min-width: 64em) {
  .cmp-brands-carousel-container__brands__brand a img {
    max-height: 220px;
    width: auto
  }
}

.cmp-brands-carousel-container__brands__brand--is-svg {
  min-height: 120px
}

@media print,
screen and (min-width: 64em) {
  .cmp-brands-carousel-container__brands__brand {
    margin: 0 5%
  }
}

.cmp-text-callout {
  word-break: break-word;
  width: 100%;
  margin: 50px 0;
  padding: 30px;
  background-color: #fff;
  color: #000;
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  font-size: 1.44rem
}

.cmp-text-callout {
  line-height: 32px
}

@media screen and (min-width: 20em) {
  .cmp-text-callout {
    line-height: calc(32px + -.00625*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-text-callout {
    line-height: 30px
  }
}

.cmp-text-callout__description {
  margin-top: 20px
}

@media print,
screen and (min-width: 40em) {
  .cmp-text-callout {
    width: 500px;
    margin: 50px
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-text-callout--top-left {
    position: absolute;
    top: 1rem;
    left: 1rem
  }

  .cmp-text-callout--top-right {
    position: absolute;
    top: 1rem;
    right: 1rem
  }

  .cmp-text-callout--bottom-left {
    position: absolute;
    bottom: 1rem;
    left: 1rem
  }

  .cmp-text-callout--bottom-right {
    position: absolute;
    bottom: 1rem;
    right: 1rem
  }
}

.cmp-segment-switch__content-holder {
  background: #ffc510;
  background: var(--primary);
  width: 100%
}

.cmp-segment-switch__content {
  width: 100%;
  max-width: 100rem;
  margin: auto;
  padding: 60px 40px 0
}

.cmp-segment-switch__content__title {
  text-align: center;
  padding-bottom: 40px;
  max-width: 1000px;
  margin: auto
}

.cmp-segment-switch__content__list {
  list-style-type: none;
  font-size: 1.33rem;
  text-align: center;
  margin: 0
}

.cmp-segment-switch__content__list li {
  padding: .5em 0
}

.cmp-segment-switch__content__list li.preselected-segment {
  font-weight: 700
}

.cmp-product-page-country-selector__contact {
  margin-top: 1rem
}

.cmp-product-page-country-selector__button {
  width: 100%
}

@media print,
screen and (min-width: 40em) {
  .cmp-product-page-country-selector__button {
    max-width: 300px
  }
}

.cmp-product-page-country-selector__button .cmp-button {
  display: block;
  margin-right: 0;
  margin-left: 0
}

.cmp-navigation-block {
  display: flex;
  flex: 0 0 auto;
  width: calc(25% - 1.25rem);
  margin-left: .625rem;
  margin-right: .625rem
}

.cmp-navigation {
  margin: 0;
  padding: 0 !important
}

.cmp-navigation__menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap
}

[data-whatinput=mouse] .cmp-navigation__menu li {
  outline: 0
}

.cmp-navigation__menu a,
.cmp-navigation__menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 1.25rem
}

.cmp-navigation__menu input,
.cmp-navigation__menu select,
.cmp-navigation__menu a,
.cmp-navigation__menu button {
  margin-bottom: 0
}

.cmp-navigation__menu input {
  display: inline-block
}

.cmp-navigation__item {
  display: table-cell;
  vertical-align: middle
}

.cmp-navigation__item--is-active {
  font-weight: 700;
  border-bottom: 4px solid #dddddd
}

.cmp-navigation__link {
  display: block;
  padding: 1.25rem
}

.cmp-sticky {
  position: sticky;
  top: 0
}

.cmp-sticky:before,
.cmp-sticky:after {
  content: "";
  display: table
}

.cmp-sticky-container {
  position: relative
}

.cmp-sticky-container .cmp-navigation {
  background-color: #fff;
  border-bottom: 2px solid #e0e0e0;
  font-size: 1.9375rem;
  color: #000
}

.cmp-sticky-container .cmp-navigation.is-stuck {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  border-bottom: 0
}

@media print,
screen and (min-width: 64em) {
  .cmp-sticky-container .cmp-navigation.is-stuck {
    margin-top: 70px !important
  }
}

.cmp-sticky-container .cmp-navigation__menu {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden
}

.cmp-sticky-container .cmp-navigation__menu a {
  padding: 14px 40px;
  white-space: nowrap
}

.cmp-sticky-container .cmp-navigation__menu a.is-active {
  border-bottom: 6px solid #ffc510;
  border-bottom-color: var(--primary);
  padding-bottom: 15px
}

@media print,
screen and (min-width: 64em) {
  .cmp-sticky-container .cmp-navigation__menu li:first-of-type a {
    padding-left: 0
  }
}

body.rtl .cmp-sticky-container .cmp-navigation__menu li:first-of-type a {
  padding-left: 14px;
  padding-right: 0
}

.cmp-sticky-content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-right: .625rem;
  padding-left: .625rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-sticky-content {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

.cmp-search-field {
  width: 100%;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  padding-left: 1rem
}

@media screen and (min-width: 95em) {
  .cmp-search-field {
    padding-left: 0
  }
}

.cmp-search-field .cmp-search-form {
  max-width: 100%;
  width: 100%;
  position: relative
}

.cmp-search-field .cmp-search-form .cmp-search-block {
  display: none;
  position: absolute
}

.cmp-search-field .cmp-search-form .cmp-search-block__quicklinks {
  display: block
}

.cmp-search-field .cmp-search-form .cmp-search-block__suggestions,
.cmp-search-field .cmp-search-form .cmp-search-block__recommendations {
  display: none
}

.cmp-search-field .cmp-search-form__button-action {
  height: 100%;
  cursor: pointer;
  outline: none;
  border: none;
  right: 0;
  position: absolute;
  padding: 0;
  justify-content: center;
  align-items: center;
  display: flex
}

.cmp-search-field .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  width: 50px;
  display: flex;
  height: 100%;
  align-items: center;
  align-content: space-around
}

.primary-text--light .cmp-search-field .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  color: var(--white)
}

.cmp-header .cmp-search-field .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  color: var(--header-color)
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  color: var(--navigation-segment-color-sticky)
}

.cmp-search-field .cmp-search-form__button-clear {
  height: 100%;
  cursor: pointer;
  outline: none;
  border: none;
  right: 0;
  position: absolute;
  padding: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  visibility: hidden;
  opacity: 0;
  display: block
}

.cmp-header .cmp-search-field .cmp-search-form__button-clear {
  color: var(--header-color)
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form__button-clear {
  color: var(--navigation-segment-color-sticky)
}

.cmp-search-field .cmp-search-form .cmp-icon {
  display: flex;
  align-items: center
}

.cmp-search-field .cmp-search-form .cmp-link-list__items .cmp-icon {
  display: inherit
}

.cmp-search-field .cmp-search-form__field {
  width: 20rem;
  padding: .75rem 0;
  transition: width .4s ease-in-out;
  float: right;
  margin: 0;
  border: none;
  border-bottom: 1px solid #616161;
  background: transparent;
  box-shadow: none;
  color: #000
}

.cmp-header .cmp-search-field .cmp-search-form__field {
  border-bottom: 1px solid var(--header-color);
  color: var(--header-color)
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form__field {
  border-bottom: 1px solid var(--navigation-segment-color-sticky);
  color: var(--navigation-segment-color-sticky)
}

.cmp-search-field .cmp-search-form__field::-moz-placeholder {
  color: #000
}

.cmp-search-field .cmp-search-form__field::placeholder {
  color: #000
}

.cmp-header .cmp-search-field .cmp-search-form__field::-moz-placeholder {
  color: var(--header-color)
}

.cmp-header .cmp-search-field .cmp-search-form__field::placeholder {
  color: var(--header-color)
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form__field::-moz-placeholder {
  color: var(--navigation-segment-color-sticky)
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form__field::placeholder {
  color: var(--navigation-segment-color-sticky)
}

body.rtl .cmp-search-field .cmp-search-form__field {
  float: none
}

.cmp-search-field .cmp-search-form--type .cmp-search-block__quicklinks {
  display: none
}

.cmp-search-field .cmp-search-form--type .cmp-search-block__suggestions,
.cmp-search-field .cmp-search-form--type .cmp-search-block__recommendations {
  display: block
}

.cmp-search-field .cmp-search-form--enlarged .cmp-search-form__field {
  width: 100%;
  cursor: text;
  outline: none;
  padding: .75rem 0;
  transition: width .4s ease
}

.cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action {
  width: 50px;
  display: flex;
  background: #000000;
  color: #ffc510;
  color: var(--primary)
}

.primary-text--light .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action {
  color: var(--white)
}

.cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  display: none
}

.cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-clear {
  visibility: visible;
  opacity: 1;
  right: 50px;
  top: 0;
  width: 50px;
  justify-content: center;
  align-items: center;
  display: flex
}

.cmp-search-field .cmp-search-form--enlarged .cmp-search-block {
  display: block !important;
  animation: sbHidden 0s .4s forwards;
  visibility: hidden;
  height: auto
}

@keyframes sbHidden {
  to {
    visibility: visible;
    height: auto
  }
}

.cmp-search-field--large {
  text-align: center;
  max-width: 100%;
  margin: 0 auto
}

@media print,
screen and (min-width: 40em) {
  .cmp-search-field--large {
    max-width: 65%
  }
}

.cmp-search-field--large .cmp-search-form {
  margin: 1rem;
  display: flex;
  align-items: center;
  font-size: 1.25rem
}

.cmp-search-field--large .cmp-search-form__button-action {
  padding: 0;
  padding-right: 1.25rem;
  display: flex;
  top: 0;
  align-items: center;
  height: 100%
}

body.rtl .cmp-search-field--large .cmp-search-form__button-action {
  padding-right: 0;
  padding-left: 1.25rem;
  left: 0;
  right: auto
}

.cmp-search-field--large .cmp-search-form__button-action i {
  font-size: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-search-field--large .cmp-search-form__button-clear {
  display: none
}

.cmp-search-field--large .cmp-search-form__field {
  border: none;
  border-bottom: 2px solid #616161;
  width: 100%;
  height: 60px;
  padding: 1rem 3.875rem 1rem 1rem;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000
}

body.rtl .cmp-search-field--large .cmp-search-form__field {
  padding-left: 3.875rem;
  padding-right: 1rem
}

.cmp-search-field--suggestions {
  font-weight: 700;
  font-size: 1.3125rem;
  display: none;
  margin-top: 20px
}

.cmp-helpbox .cmp-search-field--large {
  text-align: left
}

.cmp-helpbox .cmp-search-field .cmp-search-form__button-action {
  color: #000;
  background-color: transparent
}

.primary-text--light .cmp-helpbox .cmp-search-field .cmp-search-form__button-action {
  color: #000
}

.cmp-helpbox .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__field {
  padding: 1rem
}

.cmp-helpbox .cmp-search-field .cmp-search-form .cmp-search-block {
  left: 0;
  top: 60px
}

.cmp-helpbox .cmp-search-field .cmp-search-form .cmp-search-block__recommendation {
  width: 100%
}

.cmp-helpbox .cmp-search-field .cmp-search-form .cmp-search-block .cmp-navigation-block {
  margin-left: 0
}

.cmp-helpbox .cmp-search-field .cmp-search-form .cmp-search-block .cmp-navigation-block .cmp-title {
  margin-bottom: 20px
}

.cmp-helpbox .cmp-search-field .cmp-search-form .cmp-search-block .cmp-navigation-block .cmp-link-list ul {
  margin-bottom: 0
}

.cmp-helpbox .cmp-search-field .cmp-search-form .cmp-search-block .cmp-navigation-block .cmp-link-list ul li {
  margin-bottom: 20px
}

.cmp-helpbox .cmp-search-field .cmp-search-form .cmp-search-block .cmp-navigation-block .cmp-link-list ul li:last-child {
  margin-bottom: 0
}

.cmp-search-block {
  width: 100%;
  background: #ffffff
}

.cmp-search-block--has-content {
  border: 4px solid #ffc510;
  border-color: var(--primary);
  border-top: none;
  overflow-x: hidden
}

.cmp-search-block__quicklinks {
  width: 100%;
  padding: 30px 40px
}

.cmp-search-block__quicklinks:last-of-type {
  margin: 0
}

.cmp-search-block__quicklinks:last-of-type .cmp-title {
  margin-top: 0 !important
}

.cmp-search-block__quicklinks .cmp-link-list--arrow .cmp-link-list__title {
  margin-bottom: 20px
}

.cmp-search-block__quicklinks .cmp-link-list--arrow .cmp-link-list__items ul li {
  font-size: 1rem;
  align-items: center;
  margin-bottom: 15px
}

.cmp-search-block__quicklinks .cmp-link-list--arrow .cmp-link-list__items ul li:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400;
  font-size: 1rem;
  color: #000;
  padding-right: 10px
}

.cmp-search-block__suggestions {
  width: 100%;
  padding: 30px 40px;
  margin: 0
}

.cmp-search-block__suggestions__top-results .cmp-title {
  margin-top: 0 !important
}

.cmp-search-block__suggestions .cmp-link-list__title {
  margin-bottom: 20px
}

.cmp-search-block__suggestions .cmp-link-list__items ul li {
  font-size: 1rem;
  display: flex;
  align-items: center;
  margin-bottom: 15px
}

.cmp-search-block__suggestions .cmp-link-list__items ul li a {
  padding-left: 0;
  margin-bottom: 0
}

.cmp-search-block__recommendations {
  border-top: 2px solid #616161;
  padding: 0 40px 30px;
  width: 100%;
  margin: 0
}

.cmp-search-block__recommendations .cmp-title {
  margin-bottom: 20px
}

.cmp-search-block__content {
  display: flex;
  flex-flow: row wrap;
  overflow-y: auto;
  height: 200px
}

@media print,
screen and (min-width: 40em) {
  .cmp-search-block__content {
    height: inherit;
    overflow: hidden
  }
}

.cmp-search-block__recommendation {
  flex: 0 0 auto;
  width: calc(100% - 1.25rem);
  margin-left: .625rem;
  margin-right: .625rem;
  display: flex
}

.cmp-search-block__recommendation:first-of-type {
  margin-bottom: 20px
}

@media print,
screen and (min-width: 40em) {
  .cmp-search-block__recommendation {
    flex: 0 0 auto;
    width: calc(50% - 1.875rem);
    margin-left: .9375rem;
    margin-right: .9375rem;
    margin: 0
  }
}

.cmp-search-block__recommendation .cmp-image {
  width: 72px
}

.cmp-search-block__recommendation .cmp-image img {
  width: 100%;
  height: auto
}

.cmp-search-block__recommendation .cmp-text {
  font-size: 1rem;
  padding-left: 20px
}

.cmp-search-block__recommendation>div:last-of-type {
  width: 90%
}

.cmp-search-block .cmp-navigation-block {
  border-bottom: 2px solid #616161
}

.cmp-search-block .cmp-navigation-block:last-child {
  border-bottom: none !important
}

.cmp-search-results .cmp-search-field--large .cmp-search-form__button-action {
  padding: 0;
  width: 60px
}

.cmp-search-results .cmp-search-field--large .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  display: none
}

.cmp-search-results .cmp-search-field--large .cmp-search-form--enlarged .cmp-search-form__field {
  padding: 1rem
}

.cmp-search-results .cmp-search-field--large .cmp-search-form--enlarged .cmp-search-form__button-action {
  width: 60px
}

.cmp-search-results .cmp-search-field--large .cmp-search-form--enlarged .cmp-search-form__button-clear {
  width: 60px;
  right: 60px;
  top: 0
}

.cmp-search-results .cmp-search-field--large .cmp-search-form .cmp-search-block {
  top: 60px;
  left: 0;
  border: 4px solid #ffc510;
  border-color: var(--primary);
  border-top: none
}

.cmp-search-results .cmp-search-field--large .cmp-search-form--type .cmp-search-block--has-content {
  border: 4px solid #ffc510;
  border-color: var(--primary);
  border-top: none
}

.cmp-search-results .cmp-search-field .cmp-link-list .suggestion a {
  border-bottom: none
}

.cmp-hotspot-container {
  position: relative
}

.cmp-hotspot-container .cmp-hotspot-container {
  display: none
}

.cmp-hotspot-container .cmp-hotspot img {
  height: auto;
  display: inline-block;
  width: 100%
}

.cmp-hotspot-container .cmp-hotspot .hotspot-image-wrapper {
  position: relative
}

.cmp-hotspot-container .cmp-hotspot .hotspot-image-wrapper:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: var(--hotspot-ratio, 75%)
}

.cmp-hotspot-container .cmp-hotspot .hotspot-image-wrapper picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.cmp-hotspot-container .cmp-hotspot .hotspot-image-wrapper picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.cmp-hotspot-container--animate .cmp-hotspot img {
  animation: hotspot-image-animation .5s ease-in-out
}

@keyframes hotspot-image-animation {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.cmp-hotspot-container .cmp-accordion__item {
  background-color: transparent;
  margin: 10px 0
}

.cmp-hotspot-container .cmp-accordion__item .itemIndex {
  display: flex;
  flex: 1 1 50px;
  color: #000;
  background-color: #ffc510;
  background-color: var(--primary);
  padding: 0 10px;
  justify-content: center;
  align-items: center
}

.cmp-hotspot-container .cmp-accordion__item .itemLabel {
  display: flex;
  flex: 1 0 80%;
  min-width: 0;
  background-color: #616161;
  padding: 0 calc(1.3125rem + 10px) 0 10px;
  align-items: center;
  justify-content: flex-start;
  line-height: normal
}

.cmp-hotspot-container .cmp-accordion__item .itemLabel {
  font-size: .88rem
}

@media screen and (min-width: 20em) {
  .cmp-hotspot-container .cmp-accordion__item .itemLabel {
    font-size: calc(.88rem + -.00025*(100vw-320px))
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-hotspot-container .cmp-accordion__item .itemLabel {
    font-size: .8rem
  }
}

.cmp-hotspot-container .cmp-accordion__item .itemLabel>span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media print,
screen and (min-width: 40em) {
  .cmp-hotspot-container .cmp-accordion__item .itemIndex {
    width: 8%
  }

  .cmp-hotspot-container .cmp-accordion__item .itemLabel {
    width: 92%
  }
}

.cmp-hotspot-container .cmp-accordion__item--is-active .cmp-accordion__title {
  clear: both
}

.cmp-hotspot-container .cmp-accordion__item--is-active .cmp-accordion__title:hover,
.cmp-hotspot-container .cmp-accordion__item--is-active .cmp-accordion__title:focus {
  background-color: #616161;
  color: #fff
}

.cmp-hotspot-container .cmp-accordion__title {
  color: #fff;
  padding: 0;
  border: none;
  display: flex;
  flex-direction: row;
  height: 40px
}

.cmp-hotspot-container .cmp-accordion__title:hover,
.cmp-hotspot-container .cmp-accordion__title:focus,
.cmp-hotspot-container .cmp-accordion__title:visited {
  background-color: #616161;
  color: #fff
}

.cmp-hotspot-container .cmp-accordion__content {
  padding: 10px;
  border: 4px solid #e0e0e0 !important;
  border-top: none !important
}

.cmp-hotspot-container .cmp-accordion .display-bullet-with-label .cmp-accordion__title:before {
  content: ""
}

.cmp-hotspot-container .cmp-accordion .display-drilldown-to-hotspot .cmp-accordion__title:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  right: 10px;
  background: #ffc510;
  background: var(--primary);
  color: #000;
  font-weight: 400;
  font-size: 1.3125rem;
  width: 1.3125rem;
  height: 1.3125rem;
  margin: 0;
  top: auto;
  align-self: center
}

.cmp-hotspot-container .cmp-accordion .display-link .cmp-accordion__title:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  right: 10px;
  background: #ffc510;
  background: var(--primary);
  color: #000;
  font-weight: 400;
  font-size: 1.3125rem;
  width: 1.3125rem;
  height: 1.3125rem;
  margin: 0;
  top: auto;
  align-self: center
}

.cmp-hotspot-container .cmp-accordion .display-overlay-with-content .cmp-accordion__title:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  right: 10px;
  background: #ffc510;
  background: var(--primary);
  color: #000;
  font-weight: 400;
  font-size: 1.3125rem;
  width: 1.3125rem;
  height: 1.3125rem;
  margin: 0;
  top: auto;
  align-self: center
}

.cmp-hotspot-container .cmp-accordion .display-overlay-with-content.cmp-accordion__item--is-active .cmp-accordion__title:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  right: 10px;
  background: #ffc510;
  background: var(--primary);
  color: #000;
  font-weight: 400;
  font-size: 1.3125rem;
  width: 1.3125rem;
  height: 1.3125rem;
  margin: 0;
  top: auto;
  align-self: center
}

.cmp-hotspot-item {
  display: flex;
  width: 100%;
  height: 100%
}

.cmp-hotspot-item__content .cmp-modal {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: unset;
  align-items: flex-start
}

.cmp-hotspot-item__content .cmp-modal .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 10;
  background-color: #00000080
}

.cmp-hotspot-item__content .cmp-modal .modal-content {
  background-color: #fffffffa;
  padding: 10px;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border: 4px solid #f5f5f5
}

.cmp-hotspot-item__content .cmp-modal .modal-content .close {
  color: #616161;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0;
  font-size: 1.5rem
}

.cmp-hotspot-item__content .cmp-modal .modal-content .close:hover {
  color: #3c3c3c;
  text-decoration: none;
  cursor: pointer
}

.cmp-hotspot-item__content .cmp-modal .modal-content .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content {
  clear: both;
  height: calc(100% - 1.5rem);
  overflow-y: auto;
  padding: 0 15px
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage h2,
.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage h3,
.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage h4,
.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage h5,
.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage h6 {
  padding-top: 0
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage .cmp-image {
  max-width: 100%;
  margin: 5px 0
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage .cmp-image--center {
  margin: 5px auto
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage .cmp-image--left,
.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage .cmp-image--right {
  padding-top: 0
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage .cmp-image img {
  max-width: 100%
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-textimage p {
  margin: 5px 0
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .cmp-text p {
  padding-top: 0
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .section {
  margin-bottom: 15px
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .section.video .cmp-modal {
  position: relative;
  overflow: unset
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .section.video .cmp-modal__activator {
  width: 100%
}

.cmp-hotspot-item__content .cmp-modal .modal-content .inner-content .section.video .cmp-iframe {
  margin-bottom: 0
}

.cmp-hotspot-item__content.full-size .cmp-modal .overlay {
  width: 0
}

.cmp-hotspot-item__content.full-size .cmp-modal .modal-content {
  width: 100%
}

.cmp-hotspot-item__content.full-size .cmp-tooltip-wrapper .cmp-tooltip,
.cmp-hotspot-item__content.half-size .cmp-tooltip-wrapper .cmp-tooltip {
  cursor: pointer
}

.cmp-hotspot-item__content.half-size .cmp-modal .cmp-list .large-3 {
  width: calc(50% - 30px)
}

.cmp-hotspot-item .cmp-tooltip-wrapper {
  position: absolute;
  display: flex;
  margin-left: -7.5px;
  margin-top: -7.5px
}

@media print,
screen and (min-width: 64em) {
  .cmp-hotspot-item .cmp-tooltip-wrapper:hover .cmp-tooltip {
    display: block
  }
}

.cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip {
  display: none
}

@media print,
screen and (min-width: 64em) {
  .cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip {
    position: relative;
    flex-direction: row;
    justify-content: center;
    width: auto;
    max-width: 240px;
    height: auto;
    transform: translateY(0);
    font-size: 85%;
    font-weight: 700;
    color: #fff;
    background-color: #616161;
    border: 1px solid #ffc510;
    border-color: var(--hotspot-color);
    z-index: 1;
    line-height: normal;
    box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a
  }
}

.cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip:hover {
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b
}

.cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip:hover span.adjust {
  transform: scale(1.3) !important
}

.cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 1px;
  background: #ffc510;
  background: var(--hotspot-color)
}

.cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip .iconOverlay {
  display: flex;
  align-self: flex-end;
  font-size: 85%;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-top: auto;
  height: 20px;
  width: 20px;
  flex: 0 0 20px;
  background: #ffc510;
  background: var(--hotspot-color);
  color: #000
}

.primary-text--light .cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip .iconOverlay {
  color: var(--white)
}

.cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip .iconOverlay .cmp-icon {
  height: 100%;
  display: flex;
  align-items: center
}

.cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip .tooltipText {
  padding: 2px 5px;
  flex: 1 1 calc(100% - 20px);
  font-weight: 400;
  min-width: 120px;
  font-size: 14px
}

.cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip .tooltipNumber {
  background: #ffc510;
  background: var(--hotspot-color);
  color: #000;
  display: flex;
  justify-content: center;
  height: 20px;
  width: 20px;
  flex: 0 0 20px;
  align-items: center;
  margin-right: auto;
  margin-bottom: auto
}

.cmp-hotspot-item .cmp-tooltip-wrapper .cmp-tooltip__wrap {
  display: flex
}

.cmp-hotspot-item .cmp-tooltip-wrapper .labelVisible,
.cmp-hotspot-item .cmp-tooltip-wrapper .numberVisible {
  align-items: center;
  justify-content: center
}

@media print,
screen and (min-width: 64em) {

  .cmp-hotspot-item .cmp-tooltip-wrapper .labelVisible,
  .cmp-hotspot-item .cmp-tooltip-wrapper .numberVisible {
    display: block;
    text-align: left
  }
}

.cmp-hotspot-item .cmp-tooltip-wrapper .numberVisible .tooltipText,
.cmp-hotspot-item .cmp-tooltip-wrapper .numberVisible .iconOverlay {
  display: none
}

.cmp-hotspot-item .cmp-tooltip-wrapper .numberVisible.labelVisible .tooltipText,
.cmp-hotspot-item .cmp-tooltip-wrapper .numberVisible.labelVisible .iconOverlay {
  display: flex
}

.cmp-hotspot-item .cmp-tooltip-wrapper.left .cmp-tooltip {
  position: absolute;
  transform: translate(-100%, -1px);
  left: -14px
}

@media print,
screen and (min-width: 64em) {
  .cmp-hotspot-item .cmp-tooltip-wrapper.left .cmp-tooltip {
    transform: translate(-100%, -50%)
  }
}

.cmp-hotspot-item .cmp-tooltip-wrapper.left .cmp-tooltip:before {
  top: 50%;
  right: -17px
}

.cmp-hotspot-item .cmp-tooltip-wrapper.right .cmp-tooltip {
  transform: translateY(-1px);
  left: 14px
}

@media print,
screen and (min-width: 64em) {
  .cmp-hotspot-item .cmp-tooltip-wrapper.right .cmp-tooltip {
    transform: translateY(-50%)
  }
}

.cmp-hotspot-item .cmp-tooltip-wrapper.right .cmp-tooltip:before {
  top: 50%;
  left: -17px
}

.cmp-hotspot-item .cmp-tooltip-wrapper.top .cmp-tooltip {
  left: -50%;
  top: -14px;
  transform: translateY(-100%)
}

.cmp-hotspot-item .cmp-tooltip-wrapper.top .cmp-tooltip:before {
  top: calc(100% + 8px);
  left: calc(50% - 8px);
  transform: rotate(90deg)
}

.cmp-hotspot-item .cmp-tooltip-wrapper.bottom .cmp-tooltip {
  left: -50%;
  transform: translateY(16px);
  margin-top: 14px
}

@media print,
screen and (min-width: 64em) {
  .cmp-hotspot-item .cmp-tooltip-wrapper.bottom .cmp-tooltip {
    transform: translateY(0)
  }
}

.cmp-hotspot-item .cmp-tooltip-wrapper.bottom .cmp-tooltip:before {
  top: -9px;
  left: calc(50% - 8px);
  transform: rotate(90deg)
}

.cmp-hotspot-item__link .cmp-tooltip-wrapper .cmp-tooltip,
.cmp-hotspot-item__drilldown .cmp-tooltip-wrapper .cmp-tooltip {
  cursor: pointer
}

.cmp-hotspot-item .small .pulse {
  width: 20px;
  height: 20px
}

@media print,
screen and (min-width: 64em) {
  .cmp-hotspot-item .small .cmp-tooltip-wrapper {
    margin-top: -10px;
    margin-left: -10px
  }
}

.cmp-hotspot-item .small .cmp-tooltip-wrapper.left .cmp-tooltip,
.cmp-hotspot-item .small .cmp-tooltip-wrapper.right .cmp-tooltip {
  top: 10px
}

.cmp-hotspot-item .small .cmp-tooltip-wrapper.bottom .cmp-tooltip {
  top: 20px
}

.cmp-hotspot-item .medium .pulse {
  width: 26px;
  height: 26px
}

.cmp-hotspot-item .medium .cmp-tooltip-wrapper {
  margin-top: -13px;
  margin-left: -13px
}

.cmp-hotspot-item .medium .cmp-tooltip-wrapper.left .cmp-tooltip,
.cmp-hotspot-item .medium .cmp-tooltip-wrapper.right .cmp-tooltip {
  top: 13px
}

.cmp-hotspot-item .medium .cmp-tooltip-wrapper.bottom .cmp-tooltip {
  top: 26px
}

.cmp-hotspot-item .large .pulse {
  width: 40px;
  height: 40px
}

.cmp-hotspot-item .large .cmp-tooltip-wrapper {
  margin-top: -20px;
  margin-left: -20px
}

.cmp-hotspot-item .large .cmp-tooltip-wrapper.left .cmp-tooltip,
.cmp-hotspot-item .large .cmp-tooltip-wrapper.right .cmp-tooltip {
  top: 20px
}

.cmp-hotspot-item .large .cmp-tooltip-wrapper.bottom .cmp-tooltip {
  top: 40px
}

.cmp-hotspot-item .pulse {
  width: 20px;
  height: 20px;
  background: #ffc510;
  background: var(--hotspot-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 #cca92c66;
  box-shadow: 0 0 0 var(--hotspot-color);
  animation: pulse 3s infinite
}

.cmp-hotspot-item .pulse:hover {
  animation: none
}

.cmp-hotspot-item .pulse .pulse__number {
  margin: 0
}

.cmp-hotspot-item .pulse span {
  display: none;
  border: 2px solid #ffffff;
  width: 30%;
  height: 30%;
  border-radius: 50%
}

@media print,
screen and (min-width: 64em) {
  .cmp-hotspot-item .pulse span {
    display: flex
  }

  .cmp-hotspot-item .pulse .pulse__number {
    display: none
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 #cca92ccc;
    box-shadow: 0 0 0 0 var(--hotspot-color)
  }

  70% {
    box-shadow: 0 0 0 10px #cca92c00
  }

  to {
    box-shadow: 0 0 #cca92c00
  }
}

.breadcrumbButtonWrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative
}

.breadcrumbButtonWrapper .cmp-hotspot-button {
  display: flex;
  align-items: center;
  justify-content: center
}

.breadcrumbButtonWrapper .cmp-hotspot-button .cmp-button {
  margin-bottom: 1rem
}

.breadcrumbButtonWrapper .cmp-breadcrumb__items {
  list-style: none;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  margin-bottom: 1rem
}

@media print,
screen and (min-width: 64em) {
  .breadcrumbButtonWrapper .cmp-breadcrumb__items {
    border: 4px solid #f5f5f5;
    background-color: #fff;
    margin: 0 0 1rem
  }
}

@media print,
screen and (min-width: 64em) {
  .breadcrumbButtonWrapper .cmp-breadcrumb__item {
    padding: 0
  }

  .breadcrumbButtonWrapper .cmp-breadcrumb__item:before {
    content: none
  }

  .breadcrumbButtonWrapper .cmp-breadcrumb__item:after {
    content: none
  }

  .breadcrumbButtonWrapper .cmp-breadcrumb__item:first-child {
    margin-right: 20px
  }
}

.breadcrumbButtonWrapper .cmp-breadcrumb__item:not(:last-child):after {
  content: none
}

.breadcrumbButtonWrapper .cmp-breadcrumb__item:nth-child(n+1):nth-last-child(n+3):before {
  content: none
}

.breadcrumbButtonWrapper .cmp-breadcrumb__item:first-child a {
  border-bottom: 6px solid #ffffff !important
}

.breadcrumbButtonWrapper .cmp-breadcrumb__item:first-child a:after {
  content: none
}

.breadcrumbButtonWrapper .cmp-breadcrumb__item a {
  padding: 6px 0;
  border-bottom: 6px solid white;
  position: relative;
  text-decoration: none;
  color: #000;
  height: 100%;
  align-items: center;
  display: flex !important;
  margin: 0 10px
}

.breadcrumbButtonWrapper .cmp-breadcrumb__item a:after {
  content: "|";
  color: #ffc510;
  color: var(--primary);
  position: absolute;
  left: 0;
  margin-left: -10px
}

@media print,
screen and (min-width: 64em) {
  .breadcrumbButtonWrapper .cmp-breadcrumb__item a {
    padding: 12px 15px 6px 40px;
    margin: 0
  }

  .breadcrumbButtonWrapper .cmp-breadcrumb__item a:after {
    content: " ";
    border: solid #e0e0e0;
    border-width: 0 10px 10px 0;
    display: flex;
    padding: 18px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    margin-left: -30px
  }
}

.breadcrumbButtonWrapper .cmp-breadcrumb__item--current a {
  border-bottom: 6px solid #ffc510 !important;
  border-bottom-color: var(--primary) !important
}

@media print,
screen and (min-width: 64em) {
  .breadcrumbButtonWrapper {
    padding-top: 1rem
  }
}

.cmp-hotspot-container.hidden {
  display: none
}

.cmp-management {
  cursor: pointer;
  margin-bottom: 30px;
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  background-color: #fff;
  position: relative
}

.cmp-management:hover:after {
  color: #ffc510;
  color: var(--primary)
}

.cmp-management__intro {
  text-align: left
}

.cmp-management__intro:hover {
  outline: none;
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b
}

.cmp-management__intro:hover .cmp-management__content__plus {
  color: #ffc510;
  color: var(--primary)
}

.cmp-management__media {
  width: 100%;
  max-width: 378px;
  height: auto
}

.cmp-management__media img {
  max-width: 100%;
  width: inherit
}

.cmp-management__content {
  padding: 25px;
  min-height: 300px;
  overflow: hidden
}

.cmp-management__content__title h3 {
  font-size: 1.125rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__content__title h3 {
    font-size: calc(1.125rem + .375 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-management__content__title h3 {
    font-size: 1.5rem
  }
}

.cmp-management__content__title h3 {
  line-height: 20px
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__content__title h3 {
    line-height: calc(20px + 8 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-management__content__title h3 {
    line-height: 28px
  }
}

.cmp-management__content__role h4 {
  font-size: 1.125rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__content__role h4 {
    font-size: calc(1.125rem + .25 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-management__content__role h4 {
    font-size: 1.375rem
  }
}

.cmp-management__content__role h4 {
  line-height: 20px
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__content__role h4 {
    line-height: calc(20px + 6 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-management__content__role h4 {
    line-height: 26px
  }
}

.cmp-management__content__info {
  padding-top: 10px
}

.cmp-management__content__plus {
  position: absolute;
  bottom: 10px;
  right: 15px;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #e0e0e0;
  transition: color .1s ease-in-out
}

.cmp-management__full-info.cmp-modal--show {
  display: flex;
  overflow-y: auto
}

.cmp-management__full-info.cmp-modal__overlay {
  padding: 10px
}

.cmp-management__full-info__header {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px
}

.cmp-management__full-info__header .cmp-modal__title {
  font-size: 1.13rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__full-info__header .cmp-modal__title {
    font-size: calc(1.13rem + -.13 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-management__full-info__header .cmp-modal__title {
    font-size: 1rem
  }
}

.cmp-management__full-info__header .cmp-modal__title {
  line-height: 1.35rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__full-info__header .cmp-modal__title {
    line-height: calc(1.35rem + -.15 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-management__full-info__header .cmp-modal__title {
    line-height: 1.2rem
  }
}

.cmp-management__full-info__header .cmp-modal__close-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-management__full-info__header .cmp-modal__close-button .cmp-icon {
  font-size: 2rem
}

.cmp-management__full-info__content {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 !important;
  overflow-y: auto !important;
  background-color: #fff;
  transform: none
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__full-info__content {
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-management__full-info__content {
    max-width: 80%
  }
}

@media screen and (min-width: 75em) {
  .cmp-management__full-info__content {
    max-width: 1024px
  }
}

.cmp-management__full-info__scrollable {
  height: auto;
  overflow: hidden;
  padding: 20px;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap;
  max-width: 100%
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__full-info__scrollable {
    padding: 0 20px 20px
  }
}

.cmp-management__full-info__left {
  border-bottom: 1px solid #e0e0e0;
  padding: 0;
  margin: 0
}

.cmp-management__full-info__left .cmp-management__content {
  padding: 30px 0
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__full-info__left {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: .625rem;
    padding-left: .625rem;
    padding-left: 0 !important;
    border-bottom: none
  }
}

@media print,
screen and (min-width: 40em) and (min-width: 40em) {
  .cmp-management__full-info__left {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__full-info__left .cmp-management__content {
    padding: 30px 0 0
  }
}

.cmp-management__full-info__right {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: .625rem;
  padding-left: .625rem;
  padding: 0;
  margin: 0
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__full-info__right {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

.cmp-management__full-info__right .cmp-management__career {
  padding: 30px 0
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__full-info__right {
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: .625rem;
    padding-left: .625rem
  }
}

@media print,
screen and (min-width: 40em) and (min-width: 40em) {
  .cmp-management__full-info__right {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-management__full-info__right .cmp-management__career {
    padding: 0
  }
}

.cmp-product {
  padding-top: 1rem
}

.cmp-product span,
.cmp-product ul,
.cmp-product li {
  font-size: 1.13125rem !important;
  margin-bottom: 0
}

.cmp-product table p {
  margin-bottom: 0
}

.cmp-product table.ind-tbl-legend {
  margin: 20px 0 40px
}

.cmp-product table.ind-tbl-legend.unstriped tr {
  border-bottom: none
}

.cmp-product table.ind-tbl-legend td {
  padding-top: 0;
  padding-bottom: 0
}

.cmp-product tbody th,
.cmp-product tbody td {
  margin: 0;
  padding-left: 5px;
  padding-right: 5px
}

.cmp-product tbody th:first-of-type,
.cmp-product tbody td:first-of-type {
  padding-left: 10px
}

.cmp-product tbody th:last-of-type,
.cmp-product tbody td:last-of-type {
  padding-right: 10px
}

.cmp-product tbody tr:first-child:last-child th:first-of-type,
.cmp-product tbody tr:first-child:last-child td:first-of-type {
  padding-left: 0
}

.cmp-product tbody tr:first-child:last-child th:first-of-type:empty,
.cmp-product tbody tr:first-child:last-child td:first-of-type:empty {
  display: none
}

.cmp-product tbody tr:first-child:last-child th:last-of-type,
.cmp-product tbody tr:first-child:last-child td:last-of-type {
  padding-right: 0
}

.cmp-product tbody tr:first-child+tr:last-child {
  background-color: transparent
}

.cmp-product tbody tr td:first-child+td:last-child {
  width: 50%
}

.cmp-product tbody td.attributedescription {
  vertical-align: bottom
}

.cmp-product tbody table tbody,
.cmp-product tbody table tr {
  background-color: transparent
}

.cmp-product tbody table tr td {
  padding-top: 0;
  padding-bottom: 0
}

.cmp-product tbody table td:first-child {
  padding-left: 0
}

.cmp-product tbody td.cw-1,
.cmp-product tbody th.cw-1 {
  width: 1%
}

.cmp-product tbody td.cw-2,
.cmp-product tbody th.cw-2 {
  width: 2%
}

.cmp-product tbody td.cw-3,
.cmp-product tbody th.cw-3 {
  width: 3%
}

.cmp-product tbody td.cw-4,
.cmp-product tbody th.cw-4 {
  width: 4%
}

.cmp-product tbody td.cw-5,
.cmp-product tbody th.cw-5 {
  width: 5%
}

.cmp-product tbody td.cw-6,
.cmp-product tbody th.cw-6 {
  width: 6%
}

.cmp-product tbody td.cw-7,
.cmp-product tbody th.cw-7 {
  width: 7%
}

.cmp-product tbody td.cw-8,
.cmp-product tbody th.cw-8 {
  width: 8%
}

.cmp-product tbody td.cw-9,
.cmp-product tbody th.cw-9 {
  width: 9%
}

.cmp-product tbody td.cw-10,
.cmp-product tbody th.cw-10 {
  width: 10%
}

.cmp-product tbody td.cw-11,
.cmp-product tbody th.cw-11 {
  width: 11%
}

.cmp-product tbody td.cw-12,
.cmp-product tbody th.cw-12 {
  width: 12%
}

.cmp-product tbody td.cw-13,
.cmp-product tbody th.cw-13 {
  width: 13%
}

.cmp-product tbody td.cw-14,
.cmp-product tbody th.cw-14 {
  width: 14%
}

.cmp-product tbody td.cw-15,
.cmp-product tbody th.cw-15 {
  width: 15%
}

.cmp-product tbody td.cw-16,
.cmp-product tbody th.cw-16 {
  width: 16%
}

.cmp-product tbody td.cw-17,
.cmp-product tbody th.cw-17 {
  width: 17%
}

.cmp-product tbody td.cw-18,
.cmp-product tbody th.cw-18 {
  width: 18%
}

.cmp-product tbody td.cw-19,
.cmp-product tbody th.cw-19 {
  width: 19%
}

.cmp-product tbody td.cw-20,
.cmp-product tbody th.cw-20 {
  width: 20%
}

.cmp-product tbody td.cw-21,
.cmp-product tbody th.cw-21 {
  width: 21%
}

.cmp-product tbody td.cw-22,
.cmp-product tbody th.cw-22 {
  width: 22%
}

.cmp-product tbody td.cw-23,
.cmp-product tbody th.cw-23 {
  width: 23%
}

.cmp-product tbody td.cw-24,
.cmp-product tbody th.cw-24 {
  width: 24%
}

.cmp-product tbody td.cw-25,
.cmp-product tbody th.cw-25 {
  width: 25%
}

.cmp-product tbody td.cw-26,
.cmp-product tbody th.cw-26 {
  width: 26%
}

.cmp-product tbody td.cw-27,
.cmp-product tbody th.cw-27 {
  width: 27%
}

.cmp-product tbody td.cw-28,
.cmp-product tbody th.cw-28 {
  width: 28%
}

.cmp-product tbody td.cw-29,
.cmp-product tbody th.cw-29 {
  width: 29%
}

.cmp-product tbody td.cw-30,
.cmp-product tbody th.cw-30 {
  width: 30%
}

.cmp-product tbody td.cw-31,
.cmp-product tbody th.cw-31 {
  width: 31%
}

.cmp-product tbody td.cw-32,
.cmp-product tbody th.cw-32 {
  width: 32%
}

.cmp-product tbody td.cw-33,
.cmp-product tbody th.cw-33 {
  width: 33%
}

.cmp-product tbody td.cw-34,
.cmp-product tbody th.cw-34 {
  width: 34%
}

.cmp-product tbody td.cw-35,
.cmp-product tbody th.cw-35 {
  width: 35%
}

.cmp-product tbody td.cw-36,
.cmp-product tbody th.cw-36 {
  width: 36%
}

.cmp-product tbody td.cw-37,
.cmp-product tbody th.cw-37 {
  width: 37%
}

.cmp-product tbody td.cw-38,
.cmp-product tbody th.cw-38 {
  width: 38%
}

.cmp-product tbody td.cw-39,
.cmp-product tbody th.cw-39 {
  width: 39%
}

.cmp-product tbody td.cw-40,
.cmp-product tbody th.cw-40 {
  width: 40%
}

.cmp-product tbody td.cw-41,
.cmp-product tbody th.cw-41 {
  width: 41%
}

.cmp-product tbody td.cw-42,
.cmp-product tbody th.cw-42 {
  width: 42%
}

.cmp-product tbody td.cw-43,
.cmp-product tbody th.cw-43 {
  width: 43%
}

.cmp-product tbody td.cw-44,
.cmp-product tbody th.cw-44 {
  width: 44%
}

.cmp-product tbody td.cw-45,
.cmp-product tbody th.cw-45 {
  width: 45%
}

.cmp-product tbody td.cw-46,
.cmp-product tbody th.cw-46 {
  width: 46%
}

.cmp-product tbody td.cw-47,
.cmp-product tbody th.cw-47 {
  width: 47%
}

.cmp-product tbody td.cw-48,
.cmp-product tbody th.cw-48 {
  width: 48%
}

.cmp-product tbody td.cw-49,
.cmp-product tbody th.cw-49 {
  width: 49%
}

.cmp-product tbody td.cw-50,
.cmp-product tbody th.cw-50 {
  width: 50%
}

.cmp-product tbody td.cw-51,
.cmp-product tbody th.cw-51 {
  width: 51%
}

.cmp-product tbody td.cw-52,
.cmp-product tbody th.cw-52 {
  width: 52%
}

.cmp-product tbody td.cw-53,
.cmp-product tbody th.cw-53 {
  width: 53%
}

.cmp-product tbody td.cw-54,
.cmp-product tbody th.cw-54 {
  width: 54%
}

.cmp-product tbody td.cw-55,
.cmp-product tbody th.cw-55 {
  width: 55%
}

.cmp-product tbody td.cw-56,
.cmp-product tbody th.cw-56 {
  width: 56%
}

.cmp-product tbody td.cw-57,
.cmp-product tbody th.cw-57 {
  width: 57%
}

.cmp-product tbody td.cw-58,
.cmp-product tbody th.cw-58 {
  width: 58%
}

.cmp-product tbody td.cw-59,
.cmp-product tbody th.cw-59 {
  width: 59%
}

.cmp-product tbody td.cw-60,
.cmp-product tbody th.cw-60 {
  width: 60%
}

.cmp-product tbody td.cw-61,
.cmp-product tbody th.cw-61 {
  width: 61%
}

.cmp-product tbody td.cw-62,
.cmp-product tbody th.cw-62 {
  width: 62%
}

.cmp-product tbody td.cw-63,
.cmp-product tbody th.cw-63 {
  width: 63%
}

.cmp-product tbody td.cw-64,
.cmp-product tbody th.cw-64 {
  width: 64%
}

.cmp-product tbody td.cw-65,
.cmp-product tbody th.cw-65 {
  width: 65%
}

.cmp-product tbody td.cw-66,
.cmp-product tbody th.cw-66 {
  width: 66%
}

.cmp-product tbody td.cw-67,
.cmp-product tbody th.cw-67 {
  width: 67%
}

.cmp-product tbody td.cw-68,
.cmp-product tbody th.cw-68 {
  width: 68%
}

.cmp-product tbody td.cw-69,
.cmp-product tbody th.cw-69 {
  width: 69%
}

.cmp-product tbody td.cw-70,
.cmp-product tbody th.cw-70 {
  width: 70%
}

.cmp-product tbody td.cw-71,
.cmp-product tbody th.cw-71 {
  width: 71%
}

.cmp-product tbody td.cw-72,
.cmp-product tbody th.cw-72 {
  width: 72%
}

.cmp-product tbody td.cw-73,
.cmp-product tbody th.cw-73 {
  width: 73%
}

.cmp-product tbody td.cw-74,
.cmp-product tbody th.cw-74 {
  width: 74%
}

.cmp-product tbody td.cw-75,
.cmp-product tbody th.cw-75 {
  width: 75%
}

.cmp-product tbody td.cw-76,
.cmp-product tbody th.cw-76 {
  width: 76%
}

.cmp-product tbody td.cw-77,
.cmp-product tbody th.cw-77 {
  width: 77%
}

.cmp-product tbody td.cw-78,
.cmp-product tbody th.cw-78 {
  width: 78%
}

.cmp-product tbody td.cw-79,
.cmp-product tbody th.cw-79 {
  width: 79%
}

.cmp-product tbody td.cw-80,
.cmp-product tbody th.cw-80 {
  width: 80%
}

.cmp-product tbody td.cw-81,
.cmp-product tbody th.cw-81 {
  width: 81%
}

.cmp-product tbody td.cw-82,
.cmp-product tbody th.cw-82 {
  width: 82%
}

.cmp-product tbody td.cw-83,
.cmp-product tbody th.cw-83 {
  width: 83%
}

.cmp-product tbody td.cw-84,
.cmp-product tbody th.cw-84 {
  width: 84%
}

.cmp-product tbody td.cw-85,
.cmp-product tbody th.cw-85 {
  width: 85%
}

.cmp-product tbody td.cw-86,
.cmp-product tbody th.cw-86 {
  width: 86%
}

.cmp-product tbody td.cw-87,
.cmp-product tbody th.cw-87 {
  width: 87%
}

.cmp-product tbody td.cw-88,
.cmp-product tbody th.cw-88 {
  width: 88%
}

.cmp-product tbody td.cw-89,
.cmp-product tbody th.cw-89 {
  width: 89%
}

.cmp-product tbody td.cw-90,
.cmp-product tbody th.cw-90 {
  width: 90%
}

.cmp-product tbody td.cw-91,
.cmp-product tbody th.cw-91 {
  width: 91%
}

.cmp-product tbody td.cw-92,
.cmp-product tbody th.cw-92 {
  width: 92%
}

.cmp-product tbody td.cw-93,
.cmp-product tbody th.cw-93 {
  width: 93%
}

.cmp-product tbody td.cw-94,
.cmp-product tbody th.cw-94 {
  width: 94%
}

.cmp-product tbody td.cw-95,
.cmp-product tbody th.cw-95 {
  width: 95%
}

.cmp-product tbody td.cw-96,
.cmp-product tbody th.cw-96 {
  width: 96%
}

.cmp-product tbody td.cw-97,
.cmp-product tbody th.cw-97 {
  width: 97%
}

.cmp-product tbody td.cw-98,
.cmp-product tbody th.cw-98 {
  width: 98%
}

.cmp-product tbody td.cw-99,
.cmp-product tbody th.cw-99 {
  width: 99%
}

.cmp-product tbody td.cw-100,
.cmp-product tbody th.cw-100 {
  width: 100%
}

.cmp-product li p {
  display: inline
}

.cmp-product li p+p {
  display: block;
  padding-left: 24px;
  margin-bottom: 0
}

@media print,
screen and (min-width: 64em) {
  .cmp-product {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    padding-left: 0
  }
}

.cmp-product>h3 {
  padding-bottom: 5.25px;
  margin-bottom: 5.25px;
  border-bottom: 2px solid #000000
}

.cmp-product>h3 {
  font-size: 1.125rem
}

@media print,
screen and (min-width: 40em) {
  .cmp-product>h3 {
    font-size: calc(1.125rem + .125 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-product>h3 {
    font-size: 1.25rem
  }
}

.cmp-product>h3 {
  line-height: 22px
}

@media print,
screen and (min-width: 40em) {
  .cmp-product>h3 {
    line-height: calc(22px + 2 * (100vw-640px) / 384)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-product>h3 {
    line-height: 24px
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-product>h3 {
    padding-bottom: 5.83px;
    margin-bottom: 5.83px
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-product--padding-right {
    padding-right: 132px
  }

  body.rtl .cmp-product--padding-right {
    padding-right: inherit;
    padding-left: 132px
  }
}

.cmp-product__content {
  margin-top: 1rem;
  display: flex;
  flex-direction: column-reverse;
  padding: 30px
}

@media print,
screen and (min-width: 64em) {
  .cmp-product__content {
    flex-direction: row;
    padding: 0
  }
}

.cmp-product__content--hidden {
  line-height: 0;
  transition: line-height, .5s linear;
  opacity: 0;
  display: none
}

.cmp-product__content .cmp-label {
  margin-right: 10px
}

body.rtl .cmp-product__content .cmp-label {
  margin-right: 0;
  margin-left: 10px
}

.cmp-product__content-left {
  margin-top: 30px
}

.cmp-product__content-left:empty {
  display: none
}

@media print,
screen and (min-width: 64em) {
  .cmp-product__content-left {
    margin-top: 0;
    margin-left: 0;
    flex: 0 0 auto;
    width: calc(33.3333333333% - 1.875rem);
    margin-left: .9375rem;
    margin-right: .9375rem
  }

  body.rtl .cmp-product__content-left {
    margin-right: 0;
    margin-left: inherit
  }
}

.cmp-product__media {
  text-align: left
}

body.rtl .cmp-product__media {
  text-align: right
}

@media print,
screen and (min-width: 64em) {
  .cmp-product__content-right {
    flex: 1 1 0;
    width: auto;
    margin-left: .9375rem;
    margin-right: .9375rem;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 15px
  }
}

.cmp-product__title .cmp-title__text {
  medium: 2.97rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-product__title .cmp-title__text {
    medium: calc(2.97rem + .47 * (100vw-1024px) / -384)
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-product__title .cmp-title__text {
    medium: 3.44rem
  }
}

.cmp-product__title .cmp-subtitle_text {
  margin-bottom: 14px
}

.cmp-product__description {
  font-size: 1.3125rem;
  margin-bottom: 30px
}

.cmp-product__description--short {
  font-weight: 700;
  margin-bottom: .8em
}

.cmp-product__description .cmp-button {
  font-size: 1.3125rem;
  text-transform: none
}

.cmp-product__description.cmp-toggle--show .cmp-product__content--hidden {
  line-height: inherit;
  opacity: 1;
  transition: line-height, .5s linear;
  display: block
}

.cmp-product__attributes {
  font-size: 1.3125rem
}

.cmp-product__attributes ul {
  list-style-type: none;
  margin-left: 0
}

.cmp-product__attributes ul li:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  color: #616161;
  margin-right: 8px
}

.cmp-product__attributes ul li {
  display: none
}

.cmp-product__attributes ul li:nth-child(-n+3) {
  display: list-item;
  text-indent: -32px;
  padding-left: 34px
}

body.rtl .cmp-product__attributes ul li:nth-child(-n+3) {
  padding-left: inherit;
  padding-right: 34px
}

.cmp-product__flags {
  margin-bottom: 40px;
  display: flex
}

.cmp-product__flags picture {
  margin: 10px;
  max-width: 100px
}

@media print,
screen and (min-width: 64em) {
  .cmp-product__flags picture {
    margin: 0 20px 0 0
  }
}

.cmp-product__actions {
  text-transform: uppercase !important;
  margin: 10px 0
}

.cmp-product__actions .cmp-button {
  margin: 0 0 20px;
  width: 100%
}

.cmp-product__actions .cmp-button:only-child,
.cmp-product__actions .cmp-button:nth-child(3) {
  grid-column-end: -1
}

.cmp-product__actions .cmp-button:nth-child(4),
.cmp-product__actions .cmp-button:nth-child(5),
.cmp-product__actions .cmp-button:nth-child(6) {
  display: none
}

.cmp-product__actions .cmp-button:first-child,
.cmp-product__actions .cmp-button:first-child:hover,
.cmp-product__actions .cmp-button:first-child:focus,
.cmp-product__actions .cmp-button.is-hidden+a,
.cmp-product__actions .cmp-button.is-hidden+a:hover,
.cmp-product__actions .cmp-button.is-hidden+a:focus {
  background-color: #ffc510;
  background-color: var(--button-primary-background);
  color: #3c3c3c;
  color: var(--button-primary-color)
}

.cmp-product__actions .cmp-button:nth-child(1) {
  -ms-grid-column: 1
}

.cmp-product__actions .cmp-button:only-child,
.cmp-product__actions .cmp-button:nth-child(2),
.cmp-product__actions .cmp-button:nth-child(3) {
  -ms-grid-column: 2
}

.cmp-product__actions .cmp-button:nth-child(3) {
  -ms-grid-row: 2
}

@media print,
screen and (min-width: 40em) {
  .cmp-product__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px
  }
}

.cmp-product__foot {
  border-top: 1px solid #e0e0e0;
  text-align: left;
  align-items: flex-end;
  display: none
}

.cmp-product__foot--mobile .cmp-product__foot {
  display: flex
}

.cmp-product__foot .cmp-button {
  display: flex;
  flex-direction: column;
  padding-right: 2px;
  padding-left: 2px;
  border-bottom: 4px solid #ffffff
}

.cmp-product__foot--mobile .cmp-product__foot .cmp-button {
  align-items: center
}

.cmp-product__foot .cmp-button.text:hover {
  background-color: transparent;
  border-bottom: 4px solid #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-product__foot .cmp-button.text:hover .cmp-icon {
  color: #ffc510;
  color: var(--primary)
}

.cmp-product__foot .cmp-button:first-of-type {
  padding-left: 0
}

.cmp-product__foot .cmp-button:last-of-type {
  padding-right: 0
}

.cmp-product__foot .cmp-button.clear {
  color: #000
}

.cmp-product__foot .cmp-button .cmp-icon-download {
  margin-bottom: 7px;
  margin-right: 0
}

@media print,
screen and (min-width: 40em) {
  .cmp-product__foot .cmp-button {
    flex-direction: row;
    padding-right: 1em;
    padding-left: 1em
  }

  .cmp-product__foot .cmp-button:first-of-type {
    padding-left: 1em
  }

  .cmp-product__foot .cmp-button .cmp-icon-download {
    margin-bottom: inherit;
    margin-right: inherit
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-product__foot {
    justify-content: flex-end;
    align-items: initial
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-product__foot {
    display: flex;
    margin-bottom: 30px;
    text-align: right
  }

  body.rtl .cmp-product__foot {
    text-align: left
  }

  .cmp-product__foot--mobile {
    display: none
  }
}

.cmp-product__foot form {
  display: inline-block
}

.cmp-product__foot .cmp-modal {
  display: flex;
  align-items: center
}

.cmp-product__foot .cmp-modal__content {
  width: 70%
}

@media print,
screen and (min-width: 40em) {
  .cmp-product__foot .cmp-modal__content {
    width: 50%
  }
}

.cmp-product__foot .cmp-modal__content .padding {
  padding: 10px
}

.cmp-product__gallery__image__video-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

.cmp-product__gallery__image__video-overlay .cmp-icon {
  color: #fff;
  font-size: 6rem;
  margin: auto
}

.cmp-product__gallery__picto {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  overflow: hidden
}

.cmp-product__gallery__picto__image {
  margin: 0 17px;
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  width: 80px;
  height: 80px;
  overflow: hidden;
  cursor: pointer
}

.nav .slick-current .cmp-product__gallery__picto__image {
  border: 2px solid #ffc510;
  border-color: var(--primary)
}

.cmp-product__gallery__picto__image picture {
  display: inherit;
  width: 100%
}

.cmp-product__gallery__picto__image picture img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 72px;
  margin: auto
}

.cmp-product__gallery__picto__video-overlay {
  position: absolute;
  height: 80px;
  width: 80px;
  background-color: #c8c8c880;
  top: 0;
  left: 17px;
  display: flex
}

.slick-current .cmp-product__gallery__picto__video-overlay {
  background: none
}

.cmp-product__gallery__picto__video-overlay .cmp-icon {
  color: #fff;
  font-size: 2.5rem;
  margin: auto
}

.cmp-sticky-container ul {
  font-size: 1.25rem;
  padding: 0 15px
}

@media print,
screen and (min-width: 64em) {
  .cmp-sticky-container ul {
    font-size: inherit
  }
}

body.productpage .cmp-accordion__content {
  padding-top: .5rem
}

.product-rating {
  display: flex;
  flex-direction: row
}

.product-rating-stars {
  display: inline-block;
  position: relative;
  white-space: nowrap
}

.product-rating-stars:before {
  content: "";
  font-family: Material Design Icons;
  font-size: 1.5rem
}

.product-rating-stars.filled {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  color: #ffc510;
  color: var(--primary);
  width: 0%
}

.product-rating p {
  font-size: 1.13125rem;
  padding-top: 5px;
  padding-left: 5px
}

.projects {
  margin-top: 40px
}

.cmp-projects h2 {
  text-align: center
}

.cmp-projects.slick-initialized .slick-arrow {
  color: currentColor;
  position: absolute;
  z-index: 1;
  top: calc(50% - 27.5px);
  background-color: #fff9;
  width: 30px;
  height: 55px;
  cursor: pointer;
  font-size: 36px;
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
  transition: background-color .3s ease-in-out;
  outline: none
}

@media print,
screen and (min-width: 40em) {
  .cmp-projects.slick-initialized .slick-arrow {
    background-color: #fff;
    width: 55px
  }
}

.cmp-projects.slick-initialized .slick-arrow .cmp-icon {
  position: relative;
  top: 3px
}

.cmp-projects.slick-initialized .slick-arrow:hover {
  background-color: #ffc510;
  background-color: var(--primary)
}

.primary-text--light .cmp-projects.slick-initialized .slick-arrow:hover {
  color: var(--white)
}

.cmp-projects.slick-initialized .slick-arrow.slick-prev {
  left: 0
}

.cmp-projects.slick-initialized .slick-arrow.slick-prev .cmp-icon {
  left: -4px
}

@media print,
screen and (min-width: 40em) {
  .cmp-projects.slick-initialized .slick-arrow.slick-prev .cmp-icon {
    margin-left: inherit
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-projects.slick-initialized .slick-arrow.slick-prev {
    left: 20px
  }
}

.cmp-projects.slick-initialized .slick-arrow.slick-next {
  right: 0
}

.cmp-projects.slick-initialized .slick-arrow.slick-next .cmp-icon {
  margin-right: -4px
}

@media print,
screen and (min-width: 40em) {
  .cmp-projects.slick-initialized .slick-arrow.slick-next .cmp-icon {
    margin-right: inherit
  }
}

@media print,
screen and (min-width: 40em) {
  .cmp-projects.slick-initialized .slick-arrow.slick-next {
    right: 20px
  }
}

.cmp-projects.slick-initialized .slick-slide {
  margin: 1rem;
  height: 350px
}

.cmp-projects.slick-initialized .slick-slide>div {
  height: auto
}

@media print,
screen and (min-width: 40em) {
  .cmp-projects.slick-initialized .slick-slide>div {
    height: 100%
  }
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-projects.slick-initialized .slick-slide>div {
    height: 100%
  }

  .cmp-projects.slick-initialized .slick-slide>div .cmp-image {
    height: 100%
  }

  .cmp-projects.slick-initialized .slick-slide>div .cmp-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 100%;
    max-width: none
  }
}

.cmp-projects.slick-initialized .slick-slide>div .cmp-teaser--project:hover img {
  opacity: 0;
  transition: all .6s ease
}

.cmp-projects .cmp-teaser:hover .cmp-teaser__content {
  background-image: none
}

.cmp-projects .cmp-teaser__content {
  background-image: linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, .9))
}

.cmp-sharing__icon {
  max-width: 60px;
  text-align: center;
  cursor: pointer;
  font-size: 1.3em;
  margin-left: auto;
  margin-right: 0
}

.cmp-sharing__items {
  list-style-type: none !important;
  max-width: 60px;
  text-align: center;
  display: none;
  margin-top: 4px;
  position: absolute;
  margin-left: 0;
  z-index: 100
}

.cmp-sharing__triangle {
  width: 60px;
  height: 14px;
  border-bottom: solid 14px #616161;
  border-left: solid 30px transparent;
  border-right: solid 30px transparent
}

.cmp-sharing__item {
  background: #616161;
  line-height: 2
}

.cmp-sharing__item:hover a i {
  color: #ffc510;
  color: var(--primary)
}

.cmp-sharing__item a i {
  transition: color .3s ease-in-out;
  color: #fff;
  font-size: 1.3em
}

.cmp-sharing.cmp-sharing--as-button .cmp-sharing__icon {
  display: flex;
  max-width: none
}

.cmp-sharing.cmp-sharing--as-button .cmp-icon {
  margin-right: .5rem;
  margin-top: 7px
}

.cmp-sharing.cmp-sharing--as-button .cmp-sharing__label-after {
  font-size: 1rem
}

.cmp-sharing.cmp-sharing--as-button .cmp-sharing__items {
  margin-top: 28px
}

.cmp-toggle--show .cmp-sharing__items {
  display: block
}

.socialshare {
  position: relative;
  z-index: 2
}

.cmp-masonry__item {
  border-top: 6px solid transparent;
  width: 100%
}

@media print,
screen and (min-width: 40em) {
  .cmp-masonry__item {
    width: calc((100% - 2rem)/2)
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-masonry__item {
    width: calc((100% - 3rem) / 3)
  }
}

.cmp-masonry__item .cmp-teaser {
  margin-bottom: calc(1rem-6px) !important
}

.cmp-masonry__item .cmp-teaser.cmp-teaser--project .cmp-teaser__content {
  height: auto !important
}

.productcontent:empty {
  display: none
}

.cmp-document-cart {
  overflow-x: auto
}

.cmp-document-cart .cmp-shadow__left,
.cmp-document-cart .cmp-shadow__right {
  position: absolute !important
}

.cmp-document-cart__actions {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end
}

.cmp-document-cart__action {
  cursor: pointer;
  transition: color .15s ease-in;
  outline: none;
  font-size: 1.5rem;
  margin: 0 5px
}

.cmp-document-cart__action--active,
.cmp-document-cart__action:hover {
  color: #ffc510;
  color: var(--primary)
}

.cmp-document-cart__shareLink {
  float: right;
  margin: 10px 0
}

.cmp-document-cart thead th:first-child,
.cmp-document-cart thead th:nth-child(2) {
  padding: 0 15px
}

.cmp-document-cart tbody tr {
  background-color: #f5f5f5;
  border-bottom: 5px solid #ffffff
}

.cmp-document-cart tbody tr:last-child {
  border-bottom: 0
}

.cmp-document-cart tbody td {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1rem;
  vertical-align: top
}

.cmp-document-cart tbody td:first-child,
.cmp-document-cart tbody td:nth-child(2) {
  padding-left: 15px;
  padding-right: 15px
}

.cmp-document-cart tbody td:last-child {
  text-align: right
}

.cmp-document-cart tbody td:first-child {
  text-align: left
}

.cmp-document-cart tbody td:nth-child(2) {
  display: inline-block;
  min-width: 96px
}

.cmp-document-cart tbody td.text-nowrap {
  white-space: nowrap
}

.cmp-document-cart-bar {
  width: 100%;
  background-color: #e0e0e0;
  padding: 20px;
  margin: 20px 0;
  transition: opacity .15s ease-in
}

@media print,
screen and (min-width: 64em) {
  .cmp-document-cart-bar {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
  }
}

.cmp-document-cart-bar button {
  margin: 0 20px 5px;
  cursor: pointer;
  transition: color .15s ease-in;
  outline: none
}

.cmp-document-cart-bar button:hover:enabled,
.cmp-document-cart-bar button:hover:enabled .cmp-icon {
  color: #ffc510;
  color: var(--primary)
}

.cmp-document-cart-bar__multiple-file-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

@media print,
screen and (min-width: 64em) {
  .cmp-document-cart-bar__multiple-file-actions {
    display: block
  }
}

.cmp-document-cart-bar__warning {
  display: block;
  width: 100%;
  margin: 5px 20px 0;
  color: #616161
}

.cmp-document-cart-bar__error {
  display: block;
  width: 100%;
  margin: 5px 20px 0;
  color: #ff3939
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 #0003
  }

  to {
    box-shadow: 0 0 0 35px #0000
  }
}

.cart-count-bullet {
  width: 15px;
  height: 15px;
  background-color: #ff3939;
  border-radius: 50%;
  position: absolute;
  bottom: 5px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media print,
screen and (min-width: 64em) {
  .cart-count-bullet {
    display: none
  }
}

.cart-count-bullet span {
  color: #fff;
  font-size: 11px;
  font-weight: 700
}

.cart-count-bullet.pulse {
  animation: shadow-pulse 1s infinite
}

.cmp-document-cart__wrapper {
  width: -moz-fit-content;
  width: fit-content
}

.tooltip {
  display: block !important;
  z-index: 10000;
  padding: 0 !important;
  background: transparent !important
}

.tooltip .tooltip-inner {
  background: #f5f5f5;
  color: #616161;
  border-radius: 6px;
  font-size: 1rem;
  padding: 10px;
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: #616161;
  z-index: 1
}

.tooltip[x-placement^=top] {
  margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0
}

.tooltip[x-placement^=bottom] {
  margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0
}

.tooltip[x-placement^=right] {
  margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0
}

.tooltip[x-placement^=left] {
  margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0
}

.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s
}

.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s
}

.cmp-product-fav {
  display: flex;
  max-width: 75rem;
  margin: 85px auto 0;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap
}

@media print,
screen and (min-width: 40em) {
  .cmp-product-fav {
    flex-wrap: nowrap
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-product-fav {
    margin: 35px auto 0
  }
}

.cmp-product-fav .addToDocumentCart {
  cursor: pointer;
  outline: none;
  line-height: initial;
  margin: 0 5px 0 10px
}

.cmp-product-fav .addToDocumentCart .cmp-icon {
  transition: color .15s ease-in;
  font-size: 1.3em
}

.cmp-product-fav .addToDocumentCart .cmp-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-size: inherit;
  font-weight: 400
}

.cmp-product-fav .addToDocumentCart .cmp-icon:hover {
  transition: color .15s ease-in;
  color: #ffc510;
  color: var(--primary)
}

.cmp-product-fav .addToDocumentCart--active .cmp-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  color: #ffc510;
  color: var(--primary);
  font-size: inherit;
  font-weight: 400
}

.cmp-product-fav .cmp-breadcrumb {
  padding: 0 10px
}

.cmp-product-fav .cmp-sharing {
  margin: 0 35px 0 10px;
  max-width: inherit
}

.cmp-product-fav .cmp-sharing__items {
  margin-left: -20px
}

.cmp-content-breadcrumb-share {
  display: flex;
  margin: 5px auto 30px;
  max-width: 75rem;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap
}

@media print,
screen and (min-width: 40em) {
  .cmp-content-breadcrumb-share {
    flex-wrap: nowrap
  }
}

.cmp-content-breadcrumb-share .cmp-breadcrumb {
  margin: 0 10px
}

.cmp-content-breadcrumb-share .cmp-sharing {
  margin: 0 35px 0 10px;
  max-width: inherit
}

.cmp-content-breadcrumb-share .cmp-sharing__items {
  margin-left: -20px
}

.cmp-gallery-overlay .cmp-gallery-overlay__button-next,
.cmp-gallery-overlay .cmp-gallery-overlay__button-previous {
  outline: none;
  color: #fff;
  position: fixed;
  bottom: calc(50% + 40px);
  background: rgba(0, 0, 0, .75);
  width: 40px;
  height: 40px
}

.cmp-gallery-overlay .cmp-gallery-overlay__button-next .cmp-icon,
.cmp-gallery-overlay .cmp-gallery-overlay__button-previous .cmp-icon {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.cmp-gallery-overlay__title {
  margin: 20px 0;
  color: #616161
}

.cmp-gallery-overlay__details {
  padding: 16px;
  background: #ffffff
}

.cmp-gallery-overlay__details:empty {
  display: none
}

.cmp-gallery-overlay__description {
  max-height: 200px;
  overflow-y: auto
}

.cmp-gallery-overlay__button-previous {
  left: 0
}

@media print,
screen and (min-width: 64em) {
  .cmp-gallery-overlay__button-previous {
    left: calc(5% - 20px)
  }
}

@media screen and (min-width: 75em) {
  .cmp-gallery-overlay__button-previous {
    left: calc(10% - 20px)
  }
}

.cmp-gallery-overlay__button-next {
  right: 0
}

@media print,
screen and (min-width: 64em) {
  .cmp-gallery-overlay__button-next {
    right: calc(5% - 20px)
  }
}

@media screen and (min-width: 75em) {
  .cmp-gallery-overlay__button-next {
    right: calc(10% - 20px)
  }
}

.cmp-gallery-overlay .nav {
  display: flex;
  margin-top: 40px
}

.cmp-gallery-overlay .nav .slick-slide {
  width: 114px
}

.cmp-gallery-overlay .nav .slick-arrow {
  cursor: pointer;
  outline: none
}

.cmp-gallery-overlay .nav .slick-arrow .cmp-icon {
  font-size: 2.25rem
}

.cmp-gallery-overlay .nav .slick-arrow.slick-disabled {
  display: none !important
}

.cmp-gallery-overlay--thumbnails-fixed.nav {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1006;
  background-color: #000000b3;
  padding-top: 12px
}

.cmp-gallery-overlay__picture {
  background-color: #fff;
  width: 100%;
  display: block
}

.cmp-gallery-overlay__picture--no-overlay picture:after {
  visibility: hidden;
  content: ""
}

.cmp-gallery-overlay__picture picture {
  display: block;
  border: 1px solid #e0e0e0;
  width: 100%;
  height: auto;
  position: relative
}

.cmp-gallery-overlay__picture picture:after {
  transition: font-size .3s ease-in-out;
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-size: 1.45rem;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  background: #ffc510;
  background: var(--primary);
  display: flex;
  font-weight: 400;
  align-items: center;
  justify-content: center;
  z-index: 9
}

.cmp-gallery-overlay__picture picture img {
  width: 100%;
  height: 100%
}

.cmp-gallery-overlay__picture picture:hover:after {
  font-size: 1.85rem
}

.cmp-gallery-overlay__picture--view {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  background-color: #ffc510;
  background-color: var(--primary);
  width: 32px;
  bottom: 23px;
  right: 0
}

.cmp-gallery-overlay__picture--view .cmp-icon {
  font-size: 1.3rem
}

.cmp-gallery-overlay__picture span {
  display: none
}

.cmp-gallery-overlay__modal {
  height: calc(100vh-100px)
}

.cmp-gallery-overlay__modal .cmp-modal__content {
  position: absolute;
  width: 100%;
  max-width: 95%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  margin: 0 !important;
  padding: 10px
}

.cmp-gallery-overlay__modal .cmp-modal__content picture:after {
  content: none
}

@media screen and (orientation: landscape) {
  .cmp-gallery-overlay__modal .cmp-modal__content {
    max-width: 45%
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-gallery-overlay__modal .cmp-modal__content {
    max-width: 90%
  }
}

@media screen and (min-width: 64em) and (orientation: landscape) {
  .cmp-gallery-overlay__modal .cmp-modal__content {
    max-width: 70%
  }
}

@media screen and (min-width: 75em) {
  .cmp-gallery-overlay__modal .cmp-modal__content {
    max-width: 70%
  }
}

@media screen and (min-width: 95em) {
  .cmp-gallery-overlay__modal .cmp-modal__content {
    max-width: 60%
  }
}

.cmp-gallery-overlay__modal .cmp-modal__close-button {
  color: #fff;
  background: rgba(0, 0, 0, .75);
  height: 40px;
  width: 40px;
  top: 10px;
  right: 10px
}

@media print,
screen and (min-width: 40em) {
  .cmp-gallery-overlay__modal .cmp-modal__close-button {
    top: 40px;
    right: 40px
  }
}

@media screen and (min-width: 40em) and (orientation: landscape) {
  .cmp-gallery-overlay__modal .cmp-modal__close-button {
    top: 10px;
    right: 10px
  }
}

.cmp-gallery-overlay__modal .cmp-modal__close-button .cmp-icon {
  font-size: 2.5rem
}

.cmp-related-products {
  display: flex;
  flex-wrap: wrap
}

.cmp-related-products__wrapper {
  width: 100%;
  margin-bottom: 10px
}

.cmp-related-products__wrapper__header {
  height: 60px;
  border-bottom: 10px solid #dddddd;
  display: flex
}

.cmp-related-products__wrapper__header h4 {
  font-size: 1.3125rem;
  font-weight: 400;
  margin: 0 auto
}

.cmp-related-products__wrapper__header:empty {
  height: 10px;
  margin-top: -10px
}

@media print,
screen and (min-width: 40em) {
  .cmp-related-products__wrapper__header:empty {
    height: 60px;
    margin-top: inherit
  }
}

.cmp-related-products__wrapper__header--box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #ffc510;
  background: var(--primary);
  margin-right: 10px
}

.cmp-related-products__wrapper__header--box h4 {
  font-weight: 700
}

.cmp-related-products__wrapper__header--box:empty {
  display: none
}

.cmp-related-products__wrapper__header--title {
  display: flex;
  justify-content: center;
  align-items: center
}

.cmp-related-products__wrapper__header--title:empty {
  display: none
}

.cmp-related-products__wrapper__header--wide {
  width: 100%
}

@media print,
screen and (min-width: 40em) {
  .cmp-related-products__wrapper__header--wide {
    width: calc(100% + 30px)
  }
}

.cmp-related-products__wrapper__products {
  display: block
}

@media print,
screen and (min-width: 40em) {
  .cmp-related-products__wrapper__products {
    display: flex;
    align-items: center
  }
}

.cmp-related-products__wrapper__products--label {
  text-align: center;
  z-index: 10;
  background-color: #ffc510;
  background-color: var(--primary);
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  width: 60px;
  margin: 10px auto;
  padding: 10px
}

.cmp-related-products__wrapper__products--label:empty {
  display: none
}

@media print,
screen and (min-width: 40em) {
  .cmp-related-products__wrapper__products--label {
    padding: 0;
    margin: 0-46px 0-14px
  }
}

.cmp-related-products__wrapper__products--tab {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0
}

.cmp-bullseye,
.cmp-bullseye__worldwide-map {
  height: 700px
}

.cmp-download-product-data-sheet .cmp-form .cmp-input {
  padding: 0
}

.cmp-iframe-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: #00000073;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  animation: enterFade .7s cubic-bezier(.25, .75, .5, 1.25)
}

.cmp-iframe-modal.open {
  display: block;
  overflow: hidden
}

.cmp-iframe-modal__content-wrapper {
  margin-left: 50%;
  transform: translate(-50%);
  background: #ffffff;
  padding: 46px 1rem 1rem;
  max-width: 98%;
  position: absolute
}

.cmp-iframe-modal__fallback-content {
  display: none
}

.cmp-iframe-modal .cmp-iframe-modal__fallback-content {
  display: block
}

.cmp-iframe-modal__close-button {
  position: absolute;
  z-index: 10;
  color: #616161;
  cursor: pointer;
  right: .66rem;
  top: .33em;
  font-size: 1.5em;
  line-height: 1;
  height: 30px
}

[data-whatinput=mouse] .cmp-iframe-modal__close-button {
  outline: 0
}

.cmp-iframe-modal__close-button:hover,
.cmp-iframe-modal__close-button:focus {
  color: #000
}

.cmp-iframe-modal__close-button i {
  font-size: 2rem
}

.cmp-iframe-modal__content {
  max-width: 100%
}

.cmp-iframe-modal__content iframe {
  width: 100%;
  height: 100%
}

.cmp-countdown__box {
  display: flex;
  max-width: 1056px;
  padding: 1.5rem;
  margin: 0 auto;
  justify-content: center
}

.cmp-countdown__box>div {
  flex: 0 0 25%;
  text-align: center
}

.cmp-countdown__box>div:not(:last-child) {
  border-right: 2px solid rgba(255, 255, 255, .5)
}

.cmp-countdown__number {
  font-size: 3.5rem;
  line-height: 3.625rem;
  display: block
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-countdown__number {
    font-size: 2.25rem;
    line-height: 2.375rem
  }
}

.cmp-countdown__label {
  font-size: 1.125rem;
  line-height: 1.625rem
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-countdown__label {
    font-size: .8rem;
    line-height: 1.625rem
  }
}

.cmp-countdown__bg-primary {
  background-color: #ffc510;
  background-color: var(--primary)
}

.cmp-countdown__bg-gray {
  background-color: #3c3c3c;
  background-color: var(--sika-darker-grey);
  color: #fff
}

.cmp-text-list {
  margin-bottom: 1rem
}

.cmp-text-list ul {
  margin: 0;
  counter-reset: section
}

.cmp-text-list ul li {
  display: block;
  margin-bottom: 1.5rem;
  min-height: 4.5rem;
  display: flex;
  flex-direction: column;
  position: relative
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-text-list ul li {
    min-height: 3.5rem
  }
}

.cmp-text-list ul li:before {
  position: absolute;
  top: 0;
  color: #ffc510;
  color: var(--primary);
  font-size: 4.5rem;
  line-height: 4.5rem;
  margin-left: .5rem
}

.cmp-background--yellow .cmp-text-list ul li:before {
  color: #000
}

.primary-text--light .cmp-background--yellow .cmp-text-list ul li:before {
  color: #fff
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-text-list ul li:before {
    margin-left: 2rem;
    font-size: 3rem;
    line-height: 3.5rem
  }
}

.cmp-text-list .text-content {
  font-size: 1.438rem;
  line-height: 2rem;
  margin-left: 5rem;
  min-height: 53px;
  display: flex
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-text-list .text-content {
    margin-left: 6rem;
    min-height: 44px
  }
}

.cmp-text-list .text-content>div {
  align-self: flex-end
}

.cmp-text-list .text-content>div>*:last-child {
  margin-bottom: 0
}

.cmp-text-list .text-content .text-content-title {
  font-size: 1.8rem;
  line-height: 2rem;
  margin-bottom: .5rem;
  font-family: Klavika Bold
}

.cmp-text-list--numbered ul li:before {
  counter-increment: section;
  content: counter(section);
  font-family: Klavika Medium
}

.cmp-text-list--icon ul li:before {
  font-size: 3.5rem;
  maergin-left: 0
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-text-list--icon ul li:before {
    margin-left: 1.25rem;
    font-size: 3rem
  }
}

.cmp-text-list--icon .text-content {
  margin-left: 6rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-text-list__two-col ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 3rem
  }

  .cmp-text-list__two-col ul li {
    width: calc(50% - 1.5rem)
  }
}

.cmp-agenda__bg__grey-white .cmp-agenda__days>*:nth-child(odd) {
  background: #f5f5f5;
  background: var(--sika-light-grey)
}

.cmp-agenda__day-label {
  background: #52a398;
  background: var(--sika-dark-green);
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 .5rem;
  text-transform: uppercase
}

.cmp-agenda h3 {
  margin: .5rem 0 0
}

.cmp-agenda h5 {
  margin: 0
}

.cmp-agenda__days {
  width: 100%
}

.cmp-agenda__day {
  max-width: 1600px;
  padding: 5rem 1rem;
  margin: 0 auto
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-agenda__day {
    padding: 3rem 1rem
  }
}

.cmp-agenda__timeslot {
  border-bottom: 1px solid #e0e0e0;
  border-bottom: 1px solid var(--sika-grey);
  display: flex;
  flex-direction: row;
  gap: 2rem;
  padding: 1.8rem 0
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-agenda__timeslot {
    display: block;
    padding: 1.5rem 0 1rem
  }
}

.cmp-agenda__time-container {
  flex: 0 0 200px
}

.cmp-agenda__text-container {
  width: 100%;
  margin-top: .188rem
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-agenda__text-container {
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 1rem;
    gap: .5rem
  }
}

.cmp-agenda__text-container .cmp-text {
  margin-top: .6rem
}

.cmp-agenda__text-container .cmp-text p {
  margin-bottom: 0
}

.cmp-agenda__time-period {
  display: block;
  font-size: 1.5rem;
  line-height: 1.9rem
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-agenda__time-period {
    font-size: 1.15rem;
    line-height: 1.6rem
  }
}

.cmp-agenda__image-container img {
  padding-top: 1.2rem
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-agenda__image-container {
    display: flex;
    gap: .75rem;
    align-items: flex-end
  }

  .cmp-agenda__image-container picture {
    flex: 0 0 120px;
    margin-top: 1rem
  }

  .cmp-agenda__image-container img {
    padding-top: 0
  }
}

.cmp-agenda__preline {
  margin-bottom: .5rem
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-agenda__preline {
    display: none
  }
}

.cmp-agenda__mobile-preline {
  display: none
}

.cmp-agenda__mobile-preline p {
  margin-bottom: 0
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-agenda__mobile-preline {
    display: block;
    width: 100%;
    margin-top: 1rem
  }
}

.cmp-agenda__p-break {
  display: block;
  height: 1rem
}

.cmp-agenda .cmp-show-more__button {
  margin-top: .5rem;
  padding-right: 2rem;
  text-align: right
}

.cmp-show-more {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-show-more--mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
  }
}

.cmp-show-more__show {
  -webkit-line-clamp: initial !important
}

.cmp-show-more__button {
  line-height: 2rem;
  font-weight: 700;
  cursor: pointer
}

.cmp-show-more--3 {
  -webkit-line-clamp: 3
}

.cmp-show-more--4 {
  -webkit-line-clamp: 4
}

.cmp-show-more--5 {
  -webkit-line-clamp: 5
}

.cmp-show-more--6 {
  -webkit-line-clamp: 6
}

.sortable-th:not(.sorted):after {
  opacity: 0
}

.sortable-th:hover:after {
  opacity: 1
}

.cmp-icon-tiktok:before {
  content: "[]";
  display: inline-block;
  background: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  line-height: 1
}

.cmp-icon-tiktok:before {
  -webkit-mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 347.67 398.67"><path class="cls-1" d="M295.74,79.91c-21.48-14-36.97-36.41-41.81-62.52-1.04-5.64-1.62-11.45-1.62-17.39h-68.54l-.11,274.68c-1.15,30.76-26.47,55.45-57.5,55.45-9.65,0-18.73-2.41-26.73-6.62-18.34-9.65-30.89-28.87-30.89-50.99,0-31.77,25.85-57.62,57.61-57.62,5.93,0,11.62,.98,17,2.66v-69.97c-5.57-.76-11.23-1.23-17-1.23C56.59,146.36,0,202.95,0,272.52c0,42.68,21.32,80.45,53.86,103.29,20.49,14.39,45.42,22.86,72.3,22.86,69.56,0,126.15-56.59,126.15-126.15V133.23c26.88,19.29,59.82,30.66,95.36,30.66V95.35c-19.14,0-36.97-5.69-51.93-15.44Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 347.67 398.67"><path class="cls-1" d="M295.74,79.91c-21.48-14-36.97-36.41-41.81-62.52-1.04-5.64-1.62-11.45-1.62-17.39h-68.54l-.11,274.68c-1.15,30.76-26.47,55.45-57.5,55.45-9.65,0-18.73-2.41-26.73-6.62-18.34-9.65-30.89-28.87-30.89-50.99,0-31.77,25.85-57.62,57.61-57.62,5.93,0,11.62,.98,17,2.66v-69.97c-5.57-.76-11.23-1.23-17-1.23C56.59,146.36,0,202.95,0,272.52c0,42.68,21.32,80.45,53.86,103.29,20.49,14.39,45.42,22.86,72.3,22.86,69.56,0,126.15-56.59,126.15-126.15V133.23c26.88,19.29,59.82,30.66,95.36,30.66V95.35c-19.14,0-36.97-5.69-51.93-15.44Z"/></svg>')
}

.cmp-icon-twitter:before {
  content: "[]";
  display: inline-block;
  background: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  line-height: 1
}

.cmp-icon-twitter:before {
  -webkit-mask-image: url('data:image/svg+xml;utf8, <svg viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white" /></svg>');
  mask-image: url('data:image/svg+xml;utf8, <svg viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white" /></svg>')
}

.cmp-campaign-header {
  position: fixed;
  width: 100%;
  height: 100px;
  padding: 20px 0;
  top: 0;
  z-index: 10;
  background-color: #ffc510;
  background-color: var(--primary)
}

.cmp-campaign-header,
.cmp-campaign-header a {
  color: #000;
  color: var(--header-color)
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-header {
    height: 80px
  }
}

.cmp-campaign-header__box {
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 0 1rem;
  max-width: 1600px;
  margin: 0 auto
}

.cmp-campaign-header__bg-transparent {
  background-color: transparent;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

.cmp-campaign-header__bg-transparent,
.cmp-campaign-header__bg-transparent a {
  color: #fff
}

.cmp-campaign-header__bg-transparent .cmp-campaign-header__logo-solid {
  display: none
}

.cmp-campaign-header__bg-transparent .cmp-campaign-header__logo-solid.cmp-campaign-header__logo-transparent {
  display: block
}

.cmp-campaign-header__left,
.cmp-campaign-header__right {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 1.5rem
}

.cmp-campaign-header__left>*,
.cmp-campaign-header__right>* {
  flex-shrink: 0
}

.cmp-campaign-header__left a,
.cmp-campaign-header__left picture,
.cmp-campaign-header__left img {
  height: 100%
}

.cmp-campaign-header .cmp-campaign-header__logo-transparent,
.cmp-campaign-header .cmp-campaign-header__logo-solid {
  height: 100%
}

.cmp-campaign-header__country-name {
  font-size: 2rem;
  line-height: 2.375rem;
  display: block
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-header__country-name {
    display: none
  }
}

.cmp-campaign-header__title {
  opacity: 0;
  font-size: 1.375rem;
  line-height: 2.375rem;
  flex-shrink: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 700px;
  transition: opacity .4s ease-out
}

.cmp-campaign-header__title>span {
  vertical-align: text-top
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-header__title {
    display: none
  }
}

.cmp-campaign-header__button {
  color: #fff !important;
  background: #000000;
  padding: .625rem 2rem .313rem;
  text-transform: uppercase;
  display: none
}

.cmp-campaign-header__button:hover {
  color: #fff
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-campaign-header__button {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

.cmp-campaign-header .cmp-sharing__items {
  margin-left: -24px
}

.cmp-campaign-header.cmp-campaign-header__sticky {
  background-color: #ffc510;
  background-color: var(--primary)
}

.cmp-campaign-header.cmp-campaign-header__sticky,
.cmp-campaign-header.cmp-campaign-header__sticky a {
  color: #000;
  color: var(--header-color)
}

.cmp-campaign-header.cmp-campaign-header__sticky .cmp-campaign-header__logo-transparent {
  display: none
}

.cmp-campaign-header.cmp-campaign-header__sticky .cmp-campaign-header__logo-solid {
  display: block
}

@media print,
screen and (min-width: 64em) {
  .cmp-campaign-header.cmp-campaign-header__sticky .cmp-campaign-header__button {
    display: block
  }

  .cmp-campaign-header.cmp-campaign-header__sticky .cmp-campaign-header__title {
    opacity: 1
  }

  .cmp-campaign-header.cmp-campaign-header__sticky .cmp-campaign-header__button__form {
    display: none
  }

  .cmp-campaign-header.cmp-campaign-header__sticky.cmp-campaign-header__bellow-additional-content .cmp-campaign-header__button__form {
    display: block
  }
}

.cmp-campaign-header.cmp-campaign-header--job-posting.cmp-campaign-header__sticky .cmp-campaign-header__button {
  display: block
}

.cmp-campaign-header .cmp-language-dropdown {
  list-style: none;
  font-size: 1rem;
  position: relative;
  margin-top: .4rem
}

.cmp-campaign-header .cmp-language-dropdown>a {
  display: flex
}

.cmp-campaign-header .cmp-language-dropdown>a:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400;
  font-size: 1rem;
  margin-left: .313rem;
  line-height: 2rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform .3s ease-in-out
}

.cmp-campaign-header .cmp-language-dropdown ul.submenu {
  color: #000 !important;
  background: #ffffff !important;
  position: absolute !important;
  right: 0 !important;
  margin-top: 1rem
}

.cmp-campaign-header .cmp-language-dropdown ul.submenu>li {
  padding: 1.25rem;
  background: #ffffff
}

.cmp-campaign-header .cmp-language-dropdown ul.submenu a {
  color: #000;
  background: #ffffff;
  padding: 0
}

.cmp-campaign-header .cmp-language-dropdown ul.submenu a:hover {
  border-bottom: 1px solid var(--primary)
}

.cmp-campaign-header .cmp-language-dropdown ul.submenu:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid #ffffff;
  top: -.45rem;
  right: .813rem
}

.cmp-campaign-header .cmp-language-dropdown.cmp-toggle--show>a:after {
  transform: rotate(180deg)
}

.cmp-campaign-hero {
  margin-bottom: 50px
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero {
    margin-bottom: 25px
  }
}

.cmp-campaign-hero__main-content {
  position: relative;
  height: calc(100vh-126px);
  max-height: 850px;
  min-height: 550px
}

.cmp-campaign-hero__additional-content {
  margin: -160px auto 0;
  padding: 0 1rem;
  max-width: 800px
}

@media print,
screen and (min-width: 64em) {
  .cmp-campaign-hero__additional-content {
    max-width: 1055px
  }
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__additional-content {
    margin-top: -80px
  }
}

.cmp-campaign-hero__additional-content h3 {
  margin-bottom: 1rem
}

.cmp-campaign-hero__additional-content-box {
  padding: 1.5rem;
  width: 100%;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 .063rem .125rem #0003, 0 .063rem .188rem #0000001a;
  align-self: center
}

@media print,
screen and (min-width: 64em) {
  .cmp-campaign-hero__additional-content-box {
    padding: 3rem
  }
}

.cmp-campaign-hero__additional-content-box__bg-white {
  background: #ffffff
}

.cmp-campaign-hero__additional-content-box__bg-primary {
  background: #ffc510;
  background: var(--primary)
}

.cmp-campaign-hero__additional-content-box__bg-primary button {
  background-color: #3c3c3c !important;
  background-color: var(--button-secondary-color) !important;
  color: #fff !important
}

.cmp-campaign-hero__bg-container {
  width: 100%;
  position: absolute;
  overflow: hidden;
  height: 100%;
  z-index: -1
}

.cmp-campaign-hero__bg-container:before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .65) 100%);
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1
}

.cmp-campaign-hero__bg-image img,
.cmp-campaign-hero__bg-video video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.cmp-campaign-hero__content-container {
  height: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 100px 1rem 160px
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__content-container {
    padding-top: 80px;
    padding-bottom: 80px
  }
}

.cmp-campaign-hero__text-container {
  height: 100%;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff
}

.cmp-campaign-hero__text-container>* {
  flex-shrink: 0
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-campaign-hero__text-container {
    justify-content: flex-start
  }
}

.cmp-campaign-hero h1 {
  text-transform: uppercase;
  font-size: 5rem;
  line-height: 6rem;
  margin-bottom: 2rem;
  overflow-wrap: break-word
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero h1 {
    font-size: 2.05rem;
    line-height: 2.6rem;
    margin-bottom: 2rem;
    margin-top: 1rem
  }
}

@media print,
screen and (max-width: 94.99875em) {
  .cmp-campaign-hero h1 {
    font-size: 3.05rem;
    line-height: 3.6rem;
    margin-bottom: 2rem;
    margin-top: 4rem
  }
}

.cmp-campaign-hero__description {
  font-size: 1.438rem;
  line-height: 2rem;
  margin-bottom: 1.5rem
}

.cmp-campaign-hero__description>*:last-child {
  margin-bottom: 0
}

.cmp-campaign-hero__description ul {
  margin-left: 0;
  list-style: none;
  margin-bottom: .5rem
}

.cmp-campaign-hero__description ul:last-child {
  margin-bottom: 0
}

.cmp-campaign-hero__description ul li {
  font-weight: 400;
  margin: 0 0 .5rem 2rem
}

.cmp-campaign-hero__description ul li:before {
  position: absolute;
  margin-left: -2rem
}

.cmp-campaign-hero__datetime {
  font-size: 3rem;
  line-height: 3.5rem;
  margin-bottom: 1.5rem
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__datetime {
    font-size: 1.6rem;
    line-height: 1.875rem
  }
}

.cmp-campaign-hero__button-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem
}

.cmp-campaign-hero__button-container .cmp-button {
  margin-top: 0
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-campaign-hero__button-container .cmp-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

.cmp-campaign-hero iframe {
  width: 100%
}

.cmp-campaign-hero #HEROFORM {
  position: absolute;
  margin-top: -100px
}

.cmp-campaign-hero__standard .cmp-campaign-hero__content-container {
  margin-bottom: 80px;
  padding-bottom: 0
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__standard .cmp-campaign-hero__content-container {
    margin-bottom: 65px;
    padding-bottom: 0
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-campaign-hero__inlineForm .cmp-campaign-hero__additional-content {
    position: absolute;
    width: 100%;
    top: 25%;
    left: 0;
    right: 0;
    height: calc(100vh-126px);
    max-height: 850px;
    min-height: 550px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 100px 1rem 160px;
    padding-top: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: column
  }
}

@media print,
screen and (min-width: 64em) and (max-width: 63.99875em) {
  .cmp-campaign-hero__inlineForm .cmp-campaign-hero__additional-content {
    padding-top: 80px;
    padding-bottom: 80px
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-campaign-hero__inlineForm .cmp-campaign-hero__additional-content-box {
    width: 40%;
    align-self: flex-end;
    margin: 0
  }

  .cmp-campaign-hero__inlineForm .cmp-campaign-hero__text-container {
    position: relative;
    z-index: 1;
    width: calc(60% - 2rem)
  }

  .cmp-campaign-hero__inlineForm .cmp-campaign-hero__additional-content,
  .cmp-campaign-hero__inlineForm .cmp-campaign-hero__content-container {
    padding-bottom: 0
  }
}

.cmp-campaign-hero__countdown .cmp-campaign-hero__additional-content {
  margin-top: -75px
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__countdown .cmp-campaign-hero__additional-content {
    margin-top: -60px
  }
}

.cmp-campaign-hero__countdown .cmp-campaign-hero__content-container {
  padding-bottom: 75px
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__countdown .cmp-campaign-hero__content-container {
    padding-bottom: 60px
  }
}

.cmp-campaign-hero__contentMedia {
  max-width: 1600px;
  padding: 0 1rem;
  margin: 160px auto 150px
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__contentMedia {
    margin: 140px auto 80px
  }
}

.cmp-campaign-hero__contentMedia .cmp-campaign-hero__main-content {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  height: auto;
  max-height: none;
  min-height: 0;
  gap: 3rem
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__contentMedia .cmp-campaign-hero__main-content {
    flex-direction: column-reverse;
    gap: 4rem
  }
}

.cmp-campaign-hero__contentMedia .cmp-campaign-hero__bg-container,
.cmp-campaign-hero__contentMedia .cmp-campaign-hero__content-container {
  flex: 0 0 calc(50% - 1.5rem)
}

.cmp-campaign-hero__contentMedia .cmp-campaign-hero__bg-container {
  position: relative;
  z-index: 0
}

.cmp-campaign-hero__contentMedia .cmp-campaign-hero__bg-container:before {
  content: none
}

.cmp-campaign-hero__contentMedia .cmp-campaign-hero__content-container {
  padding: 0
}

.cmp-campaign-hero__contentMedia .cmp-campaign-hero__text-container {
  color: revert
}

.cmp-campaign-hero__contentMedia .cmp-campaign-hero__content-image img {
  width: 100%
}

.cmp-campaign-hero__thankYou {
  margin-bottom: 0
}

.cmp-campaign-hero__thankYou .cmp-campaign-hero__content-container {
  padding-bottom: 0
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__thankYou .cmp-campaign-hero__content-container {
    padding-bottom: 0
  }
}

.cmp-campaign-hero__size-fullscreen .cmp-campaign-hero__main-content {
  height: 100vh;
  max-height: none
}

.cmp-campaign-hero__size-fullscreen .cmp-campaign-hero__additional-content {
  margin-top: -80px
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__size-fullscreen .cmp-campaign-hero__content-container {
    padding-bottom: 0
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-campaign-hero__size-fullscreen.cmp-campaign-hero__inlineForm .cmp-campaign-hero__additional-content {
    height: 100vh;
    max-height: none;
    margin-top: 0
  }
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-campaign-hero__size-fullscreen.cmp-campaign-hero__inlineForm .cmp-campaign-hero__scroll-button {
    display: none
  }
}

.cmp-campaign-hero__scroll-button {
  display: block;
  line-height: 2rem;
  text-align: center;
  position: absolute;
  width: 64px;
  height: 64px;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  animation: campaignHeroScrollIndicator 1.5s infinite;
  padding-top: 15px;
  z-index: 1
}

.cmp-campaign-hero__scroll-button:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  font-weight: 400;
  font-size: 2rem;
  color: #fff
}

.cmp-campaign-hero__page-content-mark {
  position: absolute;
  margin-top: -100px
}

.cmp-campaign-hero .cmp-form .cmp-input {
  padding-left: 0;
  padding-right: 0
}

.cmp-campaign-hero .cmp-form .cmp-button.cmp-button--,
.cmp-campaign-hero .cmp-form .cmp-button.cmp-button--left {
  margin-left: 0
}

.cmp-campaign-hero .cmp-form .cmp-button.cmp-button--right {
  margin-right: 0
}

.cmp-campaign-hero.cmp-campaign-hero--job-posting .cmp-campaign-hero__text-container {
  max-width: 1200px
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-campaign-hero.cmp-campaign-hero--job-posting h1 {
    font-size: 2.44rem;
    line-height: 44px
  }
}

@keyframes campaignHeroScrollIndicator {
  0% {
    padding-top: 10px
  }

  50% {
    padding-top: 20px
  }

  to {
    padding-top: 10px
  }
}

.button {
  padding: .5rem 2rem;
  background: #ffc510;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0003;
  text-transform: uppercase;
  color: #3c3c3c;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem
}

.card-view__item {
  font-family: Klavika Light;
  padding: 4.5rem 2rem 2.5rem;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0003;
  background: #f5f5f5;
  display: block;
  position: relative;
  transition: all .3s ease-in-out;
  outline: 1px solid transparent
}

.card-view__item:hover {
  background: #ffc510;
  outline: 6px solid #ffc510;
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b
}

.card-view__title {
  font-family: Klavika Medium;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 1rem 0
}

.card-view__location {
  font-family: Klavika Medium;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 .25rem
}

.card-view__location .cmp-icon-map-marker {
  margin-right: .25rem;
  display: inline-block;
  font-size: 1rem
}

.card-view__tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: .5rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  margin-bottom: 1rem
}

.card-view__tag {
  text-transform: uppercase;
  font-family: Klavika Medium;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: .5px;
  color: #616161
}

.card-view__description {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.625rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: normal
}

.card-view__new-badge {
  font-family: Klavika Medium;
  position: absolute;
  left: 0;
  top: .5rem;
  background: #52a398;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.25rem;
  font-size: 1rem
}

.card-view {
  container-type: inline-size
}

.card-view__list-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  width: 100%
}

@container (min-width: 500px) {
  .card-view__list-wrapper {
    grid-template-columns: 1fr 1fr
  }
}

@container (min-width: 820px) {
  .card-view__list-wrapper {
    grid-template-columns: 1fr 1fr 1fr
  }
}

.checkbox {
  display: flex;
  align-items: center;
  font-size: 1.25rem
}

@media print,
screen and (min-width: 40em) {
  .checkbox {
    font-size: 1rem
  }
}

.checkbox__input {
  accent-color: #ffc510;
  height: 18px;
  width: 18px;
  flex-shrink: 0
}

.checkbox__label {
  margin-left: 4px
}

.checkbox.checkbox--disabled {
  color: #9e9e9e
}

.filter-list {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 700
}

.filter-list__results-found {
  width: 100%
}

@media print,
screen and (min-width: 40em) {
  .filter-list {
    gap: 1rem
  }

  .filter-list__results-found {
    width: auto
  }
}

.filter-list__item {
  color: #3c3c3c;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  border: 1px solid #9e9e9e;
  padding: 0 .5rem
}

.filter-list__reset-button {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration-line: underline;
  color: #3c3c3c;
  padding: 0 .75rem
}

.filter-list__item {
  color: #3c3c3c;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  border: 1px solid #9e9e9e;
  padding: 0 .5rem;
  cursor: pointer
}

.filter-list__item .cmp-icon {
  margin-left: .5rem
}

.input {
  position: relative
}

.input__input {
  font-family: Klavika Light
}

.input .cmp-icon {
  font-size: 1.5rem;
  position: absolute;
  right: 16px;
  top: 2px
}

.cmp-job-posting-details {
  font-size: 1.5rem
}

.cmp-job-posting-details>div>* {
  margin-bottom: 1.5rem
}

.cmp-job-posting-details>div>ul,
.cmp-job-posting-details>div>ol {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem
}

.cmp-job-posting-details>*:first-child {
  margin-top: 0
}

.cmp-job-posting-details a {
  letter-spacing: .03125rem;
  border-bottom: 4px solid #ffc510;
  border-bottom-color: var(--primary);
  transition: all .3s ease-in
}

@media print,
screen and (max-width: 39.99875em) {
  .cmp-job-posting-details a {
    font-size: 1.125rem
  }
}

body.rtl .cmp-job-posting-details a {
  display: inline-block
}

.cmp-job-posting-details a[target=_blank]:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  margin-left: 10px;
  font-size: inherit;
  font-weight: inherit;
  color: inherit
}

.cmp-job-posting-details a:hover {
  background-color: #ffc510;
  background-color: var(--primary)
}

.primary-text--light .cmp-job-posting-details a:hover {
  color: var(--white)
}

.cmp-job-posting-details ul {
  list-style-type: none;
  margin-left: 0
}

.cmp-job-posting-details ul li {
  position: relative;
  margin-bottom: 1.5rem;
  padding-left: 3.5rem
}

.cmp-job-posting-details ul li:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "";
  color: #616161;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.5rem;
  position: absolute;
  left: .5rem;
  top: 0
}

.cmp-job-posting-details ul li:last-child {
  margin-bottom: 0
}

.cmp-job-posting-details__title {
  text-align: center
}

.cmp-job-posting-details__title--primary {
  margin: 3.5rem 0
}

.cmp-job-posting-details__title--secondary {
  margin: 4rem 0 1.5rem
}

@media print,
screen and (min-width: 64em) {
  .cmp-job-posting-details__description ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 3rem
  }
}

.cmp-job-posting-details__description ul li {
  padding-left: 6rem;
  min-height: 54px
}

.cmp-job-posting-details__description ul li:before {
  color: #ffc510;
  font-size: 3.5rem;
  line-height: 3rem
}

.cmp-job-posting-details__qualifications ul {
  display: flex;
  flex-direction: column
}

.cmp-job-posting-details__qualifications ul li {
  align-self: center;
  max-width: 840px;
  width: 100%
}

.cmp-job-posting-details__additional-information,
.cmp-job-posting-details__company-description {
  font-size: 1.25rem;
  line-height: 1.625rem
}

.job-posting__load-more-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.5rem;
  margin-bottom: 2.5rem
}

.job-posting__loading {
  width: 100%;
  text-align: center;
  margin-top: 2.5rem
}

.job-posting__form-results {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.job-posting__form {
  display: none;
  container-type: inline-size;
  font-family: Klavika Regular;
  background: #f5f5f5;
  width: 100%;
  padding: 24px 16px;
  position: relative;
  z-index: 1
}

@media print,
screen and (min-width: 40em) {
  .job-posting__form {
    display: block
  }
}

.job-posting__form .job-posting__form-title {
  font-family: Klavika Medium;
  margin: 0
}

.job-posting__form .job-posting__form-title-icon {
  font-family: Material Design Icons;
  display: inline-block;
  height: 24px;
  width: 24px
}

.job-posting__form-inputs {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px;
  margin-top: 28px
}

@container (min-width: 700px) {
  .job-posting__form-inputs {
    grid-template-columns: repeat(5, 1fr)
  }
}

.job-posting__form-inputs .job-posting-input {
  width: 100%;
  border: none;
  border-bottom: 2px solid #000;
  height: 40px;
  padding: 0 16px;
  background: white
}

.job-posting__form-results {
  display: none;
  margin: 16px 0;
  font-family: Klavika Medium;
  font-weight: 500
}

@media print,
screen and (min-width: 40em) {
  .job-posting__form-results {
    display: block
  }
}

@media print,
screen and (min-width: 40em) {
  .job-posting__form-mobile {
    display: none
  }
}

.job-posting__form-mobile__title {
  text-transform: initial !important
}

.job-posting__form-mobile__open-button {
  width: 100%;
  background: #f5f5f5;
  padding: 0 1rem;
  height: 2.5rem;
  border-bottom: 2px solid #000000;
  margin-bottom: 1rem;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000
}

.job-posting__form-mobile__open-button .cmp-icon {
  font-size: 1.5rem;
  margin-bottom: -.25rem
}

.job-posting__form-mobile__inputs {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px;
  margin-top: 28px
}

.job-posting__form-mobile__inputs .job-posting-input {
  width: 100%;
  border: none;
  border-bottom: 2px solid #000;
  height: 40px;
  padding: 0 16px;
  background: #f5f5f5;
  font-size: 1.125rem
}

.job-posting__form-mobile__footer {
  padding: 1rem 1.5rem;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  border-top: 1px solid #9e9e9e
}

.job-posting__form-mobile__inputs {
  padding: 0 1.5rem
}

.job-posting__form-mobile__results {
  padding-bottom: 2rem;
  font-weight: 500
}

.job-posting__form-mobile__results:empty {
  padding-bottom: 0
}

.job-posting__form-mobile--open {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  background: white;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr 75px;
  padding: 0
}

.job-posting__form-mobile--open .job-posting__form-mobile__title {
  padding: 3.5rem 1.5rem 0
}

.job-posting__form-mobile--open .job-posting__form-mobile__results {
  padding: .5rem 1.5rem
}

.job-posting__form-mobile--open .job-posting__form-mobile__content {
  overflow: scroll
}

.job-posting__title {
  font-family: Klavika Medium;
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 2.375rem;
  color: #3c3c3c;
  margin-top: 3.5rem;
  margin-bottom: 2rem
}

.list-view {
  display: flex;
  flex-direction: column;
  align-items: center
}

.list-view__item {
  font-family: Klavika Light;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e0e0e0;
  display: block;
  width: 100%;
  max-width: 50rem;
  position: relative
}

.list-view__title {
  font-family: Klavika Medium;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: .75rem;
  max-width: 80%
}

.list-view__location {
  font-family: Klavika Medium;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: .75rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 .25rem
}

.list-view__location .cmp-icon-map-marker {
  margin-right: .25rem;
  display: inline-block;
  font-size: 1rem
}

.list-view__tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: .5rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  margin-bottom: 1rem
}

.list-view__tag {
  padding: 5px 10px;
  background: #f5f5f5;
  text-transform: uppercase;
  font-family: Klavika Medium;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: .5px
}

.list-view__description {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.625rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: normal
}

.list-view__new-badge {
  font-family: Klavika Medium;
  position: absolute;
  right: 0;
  background: #52a398;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.25rem;
  font-size: 1rem
}

.filter-list__reset-button {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration-line: underline;
  cursor: pointer;
  padding: 0 .75rem
}

.results__list {
  max-height: 15rem;
  overflow: auto
}

.results__container {
  position: absolute;
  background: #ffffff;
  width: 100%;
  z-index: 1;
  box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b
}

.results__checkbox {
  height: 18px;
  width: 18px;
  accent-color: #ffc510;
  margin: 4px;
  flex-shrink: 0
}

.results__list-item {
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  padding: 4px
}

.results__list-item:hover {
  background: #ffc510
}

.results__list-item.results__list-item--disabled {
  color: #9e9e9e
}

.results-mobile__title {
  padding: 3.5rem 1.5rem 0;
  font-size: 1.25rem !important;
  font-weight: 500;
  text-align: center
}

.results-mobile__list {
  padding: 0 1.5rem;
  overflow: scroll
}

.results-mobile__footer {
  padding: 1rem 1.5rem;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  border-top: 1px solid #9e9e9e
}

.results-mobile__container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  width: 100%;
  z-index: 1;
  display: grid;
  grid-template-rows: auto 1fr 75px;
  grid-template-columns: 1fr
}

.results-mobile__checkbox {
  height: 18px;
  width: 18px;
  accent-color: #ffc510;
  margin: 4px;
  flex-shrink: 0
}

.results-mobile__list-item {
  font-size: 1.25rem;
  line-height: 1.625rem;
  display: flex;
  align-items: center;
  padding: 4px
}

.results-mobile__list-item.results-mobile__list-item--disabled {
  color: #9e9e9e
}

.results-mobile__reset-button {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration-line: underline;
  color: #3c3c3c;
  padding: 0 .75rem;
  cursor: pointer
}

.select {
  font-size: 1.125rem;
  line-height: 1.625rem;
  position: relative;
  width: 100%
}

.select__button {
  text-align: left;
  color: #3c3c3c
}

.select__button .cmp-icon {
  background: #ffffff
}

.select__button--open {
  color: #000
}

.select__button-icon {
  position: absolute;
  right: 16px;
  font-size: 1.625rem;
  top: 7px
}

.select__label {
  display: inline-block;
  max-width: 80%
}

.select-mobile {
  font-size: 1.125rem;
  line-height: 1.625rem;
  position: relative;
  width: 100%
}

.select-mobile__button {
  text-align: left;
  color: #3c3c3c
}

.select-mobile__button .cmp-icon {
  background: #ffffff
}

.select-mobile__button--open {
  color: #000
}

.select-mobile__button-icon {
  position: absolute;
  right: 16px;
  font-size: 1.625rem;
  top: 7px;
  background: transparent !important
}

.select-mobile__label {
  display: inline-block;
  max-width: 80%
}

.select-mobile__label-result-count {
  font-weight: 700;
  background: #000000;
  color: #fff;
  padding: .25rem;
  margin-left: .5rem;
  font-size: 1rem
}

@font-face {
  font-family: Klavika Medium;
  src: url(clientlib-base/resources/fonts/klavika-medium.woff) format("woff"), url(clientlib-base/resources/fonts/klavika-medium.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

.submittal-builder {
  font-family: Klavika Light;
  max-width: 1920px;
  margin: 0 auto;
  background: #ffffff;
  min-height: 100vh;
  scroll-margin-top: 100px
}

.submittal-builder .submittal-builder__content {
  margin-top: 32px
}

.submittal-builder .submittal-builder__main {
  min-width: 0;
  width: 100%;
  background: #ffffff;
  border-radius: 8px
}

.submittal-builder-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 60px 20px
}

.submittal-builder-loading__spinner {
  margin-bottom: 20px
}

.submittal-builder-loading__spinner-circle {
  width: 40px;
  height: 40px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #007bff;
  border-radius: 50%;
  animation: submittal-builder-spin 1s linear infinite
}

.submittal-builder-loading__text {
  font-size: 16px;
  color: #666;
  text-align: center
}

@keyframes submittal-builder-spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.submittal-builder-wrapper {
  width: 100%
}

.product-selection {
  font-family: Klavika Light;
  width: 100%
}

.product-selection .product-selection__header {
  margin-bottom: 58px
}

.product-selection .product-selection__title {
  font-family: Klavika Regular;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  color: #000
}

@media print,
screen and (max-width: 63.99875em) {
  .product-selection .product-selection__title {
    padding: 0 12px
  }
}

.product-selection .product-selection__filters-section {
  margin-bottom: 32px;
  padding: 24px;
  background: #f5f5f5;
  border-radius: 8px
}

.product-selection .product-selection__filter-header {
  margin-bottom: 16px
}

.product-selection .product-selection__filter-title {
  font-family: Klavika Medium;
  font-size: 18px;
  font-weight: 500;
  color: #616161;
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px
}

.product-selection .product-selection__filter-title:before {
  content: "▼";
  font-size: 12px;
  color: #616161;
  transition: transform .2s ease
}

.product-selection .product-selection__filter-title:hover:before {
  transform: rotate(180deg)
}

.product-selection .product-selection__controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 32px;
  gap: 16px
}

.product-selection .product-selection__main {
  margin-bottom: 32px
}

.product-selection .product-selection__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 48px
}

.product-selection .product-selection__load-more-button {
  font-family: Klavika Regular;
  padding: 8px 40px;
  background: #ffc510;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: all .3s ease-in-out
}

.product-selection .product-selection__load-more-button:hover:not(:disabled) {
  background: #000000;
  color: #fff
}

.product-selection .product-selection__load-more-button:disabled {
  cursor: not-allowed;
  background: #dddddd;
  color: #616161;
  opacity: .5
}

.product-selection .product-selection__loading {
  text-align: center;
  padding: 64px 24px;
  color: #616161;
  font-family: Klavika Light;
  font-size: 18px;
  line-height: 1.5
}

.product-selection .product-selection__loading-text {
  font-family: Klavika Medium;
  font-weight: 500
}

.product-selection .product-selection__error {
  text-align: center;
  padding: 64px 24px;
  color: #ff3939;
  font-family: Klavika Light;
  font-size: 18px;
  line-height: 1.5
}

.product-selection .product-selection__error-text {
  font-family: Klavika Medium;
  font-weight: 500
}

.product-selection .product-selection__no-results {
  text-align: center;
  padding: 64px 24px;
  color: #616161;
  font-family: Klavika Light;
  font-size: 18px;
  line-height: 1.5
}

.product-selection .product-selection__no-results-text {
  font-family: Klavika Regular;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000
}

.product-selection .product-selection__products {
  width: 100%
}

.product-selection .product-selection__main-content {
  display: grid !important;
  grid-template-columns: 1fr 376px !important;
  gap: 48px;
  align-items: start;
  margin-top: 32px
}

@media print,
screen and (max-width: 63.99875em) {
  .product-selection .product-selection__main-content {
    grid-template-columns: 1fr !important;
    gap: 0
  }
}

.product-selection .product-selection__left-column {
  min-width: 0;
  width: 100%;
  grid-column: 1
}

.product-selection .product-selection__right-column {
  width: 376px;
  grid-column: 2;
  align-self: start;
  position: sticky;
  top: 100px;
  max-height: calc(100vh-128px)
}

@media print,
screen and (max-width: 63.99875em) {
  .product-selection .product-selection__right-column--desktop {
    display: none
  }
}

@media print,
screen and (max-width: 63.99875em) {
  .product-selection .filter-list-desktop-only {
    display: none
  }
}

.product-selection .product-selection__mobile-sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  padding: 0 12px
}

@media print,
screen and (min-width: 64em) {
  .product-selection .product-selection__mobile-sidebar-overlay {
    display: none
  }
}

.product-selection .product-selection__mobile-sidebar {
  background: #ffffff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.product-selection .product-selection__mobile-sidebar-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 24px 24px 0;
  background: #ffffff
}

.product-selection .product-selection__mobile-sidebar-title {
  font-family: Klavika Medium;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 32px;
  color: #000
}

.product-selection .product-selection__mobile-sidebar-close {
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  padding: 0
}

.product-selection .product-selection__mobile-sidebar-close:hover {
  opacity: .7
}

.product-selection .product-selection__mobile-sidebar-close:focus {
  outline: none
}

.product-selection .product-selection__mobile-sidebar-close svg {
  width: 21px;
  height: 21px
}

.product-selection .product-selection__mobile-sidebar-content {
  flex: 1;
  overflow-y: auto;
  background: #ffffff
}

.product-list {
  width: 100%
}

.product-list .product-list__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%
}

.product-list .product-list__item {
  width: 100%
}

.product-card {
  font-family: Klavika Regular;
  background: #f5f5f5;
  padding: 24px;
  transition: all .3s ease-in-out;
  display: block;
  position: relative
}

.product-card.product-card--unavailable {
  background: #f5f5f5
}

.product-card.product-card--unavailable .product-card__action-button {
  cursor: not-allowed
}

.product-card .product-card__desktop-layout {
  display: block
}

@media print,
screen and (max-width: 63.99875em) {
  .product-card .product-card__desktop-layout {
    display: none
  }
}

.product-card .product-card__mobile-layout {
  display: none
}

@media print,
screen and (max-width: 63.99875em) {
  .product-card .product-card__mobile-layout {
    display: block
  }
}

.product-card .product-card__top-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
  gap: 32px
}

.product-card .product-card__product-info {
  flex: 1;
  min-width: 0
}

.product-card .product-card__product-line {
  font-family: Klavika Medium;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #616161;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .5px
}

.product-card .product-card__title {
  font-family: Klavika Medium;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  color: #000;
  margin: 16px 0 24px
}

.product-card .product-card__description {
  font-family: Klavika Light;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: normal
}

.product-card .product-card__action {
  flex-shrink: 0
}

.product-card .product-card__action-button {
  font-family: Klavika Regular;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: .5px;
  padding: 8px 24px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  transition: all .3s ease-in-out;
  white-space: normal;
  min-width: 175px;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  line-height: 1.3;
  min-height: 40px
}

.product-card .product-card__action-button.product-card__action-button--available {
  background: #ffc510;
  border-color: #ffc510;
  color: #000
}

.product-card .product-card__action-button.product-card__action-button--available:hover {
  background: #e6c500
}

.product-card .product-card__action-button.product-card__action-button--selected {
  background: #77bcb2;
  color: #000
}

.product-card .product-card__action-button.product-card__action-button--selected:hover {
  background: #52a398
}

.product-card .product-card__action-button.product-card__action-button--disabled {
  background: #dddddd;
  color: #616161;
  cursor: not-allowed
}

.product-card .product-card__action-check {
  width: 14.5px;
  height: 12.5px;
  margin-bottom: 4px;
  color: #000;
  flex-shrink: 0
}

.product-card .product-card__action-text {
  line-height: 1.3;
  text-align: center
}

.product-card .product-card__bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px
}

.product-card .product-card__documentation {
  flex: 1;
  min-width: 0
}

.product-card .product-card__documentation-title {
  font-family: Klavika Regular;
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  color: #000;
  margin: 0 0 16px
}

.product-card .product-card__documentation-options {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.product-card .product-card__checkbox-label {
  font-family: Klavika Light;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  cursor: pointer;
  color: #000;
  line-height: 24px;
  transition: all .2s ease
}

.product-card .product-card__checkbox-label:hover {
  color: #000
}

.product-card .product-card__checkbox-label.product-card__checkbox-label--disabled {
  cursor: not-allowed
}

.product-card .product-card__checkbox-label.product-card__checkbox-label--disabled .product-card__checkbox-custom {
  background: #f5f5f5;
  border-color: #f5f5f5
}

.product-card .product-card__checkbox-input {
  display: none
}

.product-card .product-card__checkbox-custom {
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  transition: all .2s ease;
  flex-shrink: 0
}

.product-card .product-card__checkbox-input:checked+.product-card__checkbox-custom {
  background: #ffc510;
  border-color: #ffc510
}

.product-card .product-card__checkbox-check {
  color: #000;
  width: 14.5px;
  height: 12.5px
}

.product-card .product-card__checkbox-text {
  flex: 1;
  line-height: 24px
}

.product-card .product-card__image {
  width: 135px;
  height: 135px;
  overflow: hidden;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.product-card .product-card__image-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.product-card .product-card__image-placeholder {
  font-family: Klavika Regular;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #3c3c3c;
  font-size: 12px;
  text-align: center;
  line-height: 1.2
}

.product-card .product-card__mobile-layout .product-card__mobile-title-row {
  margin-bottom: 16px
}

.product-card .product-card__mobile-layout .product-card__mobile-content-row {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 32px
}

.product-card .product-card__mobile-layout .product-card__mobile-description {
  flex: 1;
  min-width: 0
}

.product-card .product-card__mobile-layout .product-card__image {
  width: 100px;
  height: 100px;
  flex-shrink: 0
}

.product-card .product-card__mobile-layout .product-card__mobile-documentation-row {
  margin-bottom: 32px
}

.selection-sidebar {
  width: 100%;
  background: #f5f5f5;
  padding: 27px;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.selection-sidebar .selection-sidebar__size-warning {
  background: #ffc510;
  padding: 12px;
  margin-top: 16px;
  width: 100%
}

.selection-sidebar .selection-sidebar__size-warning-text {
  font-family: Klavika Regular;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  margin: 0 0 4px;
  display: block
}

.selection-sidebar .selection-sidebar__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px
}

.selection-sidebar .selection-sidebar__header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px
}

.selection-sidebar .selection-sidebar__title {
  font-family: Klavika Regular;
  font-size: 23px;
  font-weight: 400;
  color: #000;
  line-height: 125%;
  margin: 0
}

.selection-sidebar .selection-sidebar__counter {
  text-align: right
}

.selection-sidebar .selection-sidebar__warnings {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: right
}

.selection-sidebar .selection-sidebar__counter-text {
  font-family: Klavika Regular;
  font-size: 23px;
  font-weight: 600;
  color: #000
}

.selection-sidebar .selection-sidebar__counter-text--limit-reached {
  color: #ff3939
}

.selection-sidebar .selection-sidebar__counter-warning {
  font-family: Klavika Regular;
  font-size: 12px;
  font-weight: 600;
  line-height: 125%;
  text-align: right;
  color: #ff3939
}

.selection-sidebar .selection-sidebar__count {
  font-family: Klavika Regular;
  background: #616161;
  color: #fff;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 400
}

.selection-sidebar .selection-sidebar__count.selection-sidebar__count--limit {
  background: #ff3939;
  color: #fff
}

.selection-sidebar .selection-sidebar__limit-warning {
  background: #ff3939;
  color: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 24px;
  text-align: center
}

.selection-sidebar .selection-sidebar__limit-text {
  font-family: Klavika Regular;
  font-size: 14px;
  font-weight: 400;
  margin: 0
}

.selection-sidebar .selection-sidebar__content {
  flex: 1;
  margin-bottom: 24px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0
}

.selection-sidebar .selection-sidebar__products {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.selection-sidebar .selection-sidebar__products-list {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.selection-sidebar .selection-sidebar__product {
  background: #ffffff;
  border: 1px solid #f5f5f5;
  padding: 12px 16px
}

.selection-sidebar .selection-sidebar__product-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  gap: 40px
}

.selection-sidebar .selection-sidebar__product-title {
  font-family: Klavika Regular;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 24px;
  margin: 0;
  flex: 1;
  min-width: 0
}

.selection-sidebar .selection-sidebar__remove-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  transition: all .3s ease-in-out
}

.selection-sidebar .selection-sidebar__product-documents {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.selection-sidebar .selection-sidebar__checkbox-label {
  font-family: Klavika Regular;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 300;
  font-size: 14px;
  line-height: 130%;
  cursor: pointer;
  color: #000
}

.selection-sidebar .selection-sidebar__checkbox-input {
  display: none
}

.selection-sidebar .selection-sidebar__checkbox-custom {
  width: 18px;
  height: 18px;
  border: 1px solid #000000;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  transition: all .2s ease;
  flex-shrink: 0
}

.selection-sidebar .selection-sidebar__checkbox-input:checked+.selection-sidebar__checkbox-custom {
  background: #ffc510;
  border-color: #ffc510
}

.selection-sidebar .selection-sidebar__checkbox-check {
  color: #000;
  font-size: 16px;
  font-weight: 400
}

.selection-sidebar .selection-sidebar__checkbox-text {
  flex: 1;
  line-height: 1.3
}

.selection-sidebar .selection-sidebar__navigation {
  border-top: 1px solid #f5f5f5;
  margin-top: 64px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 20px
}

.selection-sidebar .selection-sidebar__navigation:has(>*:nth-child(2)) {
  justify-content: flex-end
}

@supports not (justify-content: flex-end) {
  .selection-sidebar .selection-sidebar__navigation:has(>*:nth-child(2)) {
    justify-content: space-between
  }
}

.selection-sidebar .selection-sidebar__back-button {
  font-family: Klavika Regular;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0;
  width: auto
}

.selection-sidebar .selection-sidebar__back-button:disabled {
  cursor: not-allowed
}

.selection-sidebar .selection-sidebar__back-button:disabled .selection-sidebar__back-text {
  color: #616161;
  opacity: .5
}

.selection-sidebar .selection-sidebar__back-button:disabled .selection-sidebar__back-icon {
  opacity: .5
}

.selection-sidebar .selection-sidebar__back-button:disabled .selection-sidebar__back-icon svg {
  color: #616161
}

.selection-sidebar .selection-sidebar__next-button {
  font-family: Klavika Regular;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0;
  width: auto
}

.selection-sidebar .selection-sidebar__next-button:hover:not(:disabled) .selection-sidebar__next-text {
  background: #000000;
  color: #fff
}

.selection-sidebar .selection-sidebar__next-button:hover:not(:disabled) .selection-sidebar__next-icon {
  background: #000000
}

.selection-sidebar .selection-sidebar__next-button:hover:not(:disabled) .selection-sidebar__next-icon svg {
  color: #fff
}

.selection-sidebar .selection-sidebar__next-button:disabled {
  cursor: not-allowed
}

.selection-sidebar .selection-sidebar__next-button:disabled .selection-sidebar__next-text {
  background: #dddddd;
  color: #616161
}

.selection-sidebar .selection-sidebar__next-button:disabled .selection-sidebar__next-icon {
  background: #dddddd
}

.selection-sidebar .selection-sidebar__next-button:disabled .selection-sidebar__next-icon svg {
  color: #616161
}

.selection-sidebar .selection-sidebar__submit-button {
  font-family: Klavika Regular;
  background: #ffc510;
  color: #000;
  border: none;
  border-radius: 3px;
  font-weight: 400;
  font-size: 18px;
  cursor: pointer;
  transition: all .3s ease-in-out;
  padding: 0
}

.selection-sidebar .selection-sidebar__submit-button:hover:not(:disabled) {
  background: #000000;
  color: #fff
}

.selection-sidebar .selection-sidebar__submit-button:disabled {
  cursor: not-allowed;
  background: #dddddd;
  color: #616161;
  opacity: .5
}

.selection-sidebar .selection-sidebar__next-content {
  display: flex;
  align-items: center;
  gap: 10px
}

.selection-sidebar .selection-sidebar__submit-text {
  padding: 8px 24px;
  letter-spacing: .5px;
  white-space: normal;
  line-height: 1.2;
  height: auto;
  min-height: 40px;
  display: flex;
  align-items: center;
  text-align: center
}

.selection-sidebar .selection-sidebar__back-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.selection-sidebar .selection-sidebar__back-icon {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0
}

.selection-sidebar .selection-sidebar__back-icon svg {
  width: 18.34px;
  height: 18px;
  color: #000
}

.selection-sidebar .selection-sidebar__back-text {
  background: transparent;
  color: #000;
  padding: 8px 0;
  letter-spacing: .5px;
  white-space: normal;
  line-height: 1.2;
  font-weight: 400;
  font-size: 18px;
  height: auto;
  min-height: 40px;
  display: flex;
  align-items: center
}

.selection-sidebar .selection-sidebar__next-text {
  background: #ffc510;
  color: #000;
  padding: 8px 24px;
  letter-spacing: .5px;
  white-space: normal;
  line-height: 1.2;
  font-weight: 400;
  font-size: 18px;
  height: auto;
  min-height: 40px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  transition: all .3s ease-in-out;
  text-align: center
}

.selection-sidebar .selection-sidebar__next-icon {
  background: #ffc510;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 13px;
  border-radius: 3px;
  transition: all .3s ease-in-out
}

.selection-sidebar .selection-sidebar__next-icon svg {
  width: 13.08px;
  height: 12.84px;
  color: #000;
  transition: color .3s ease-in-out
}

.selection-sidebar--mobile {
  background: #ffffff;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column
}

.selection-sidebar--mobile .selection-sidebar__content {
  margin-bottom: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.selection-sidebar--mobile .selection-sidebar__products {
  background: #f5f5f5;
  padding: 24px 12px;
  margin: 0 0 40px;
  flex: 0 1 auto;
  overflow-y: auto;
  min-height: 400px;
  max-height: calc(100vh-140px)
}

.selection-sidebar--mobile .selection-sidebar__header {
  padding: 0 24px;
  margin-bottom: 32px;
  flex-shrink: 0
}

.selection-sidebar--mobile .selection-sidebar__navigation {
  padding: 0 0 48px;
  margin-top: 0;
  border-top: none;
  flex-shrink: 0;
  gap: 20px;
  margin-bottom: 320px;
  justify-content: flex-end;
  flex-wrap: wrap
}

.selection-sidebar--mobile .selection-sidebar__navigation:has(>*:nth-child(2)) {
  justify-content: flex-start;
  gap: 20px
}

@media (max-width: 400px) {
  .selection-sidebar--mobile .selection-sidebar__navigation:has(>*:nth-child(2)) {
    flex-direction: column;
    align-items: center;
    gap: 16px
  }
}

.filter-bar {
  font-family: Klavika Regular;
  background: #ffffff;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: 48px
}

.filter-bar .filter-bar__title {
  font-family: Klavika Regular;
  margin: 0 0 28px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #000;
  display: flex;
  justify-items: center;
  align-items: center;
  gap: 11px
}

.filter-bar .filter-bar__title-icon {
  font-family: Material Design Icons;
  display: inline-block;
  height: 18px;
  width: 17px;
  margin-bottom: 2px;
  flex-shrink: 0
}

.filter-bar .filter-bar__inputs {
  display: flex;
  gap: 24px;
  align-items: flex-start
}

.filter-bar .filter-bar__inputs--pills-layout {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: start
}

.filter-bar .filter-bar__inputs--dropdown-layout {
  justify-items: end;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 24px;
  align-items: end
}

.filter-bar .filter-bar__inputs--search-only {
  display: flex;
  justify-content: flex-end
}

.filter-bar .filter-bar__search-section {
  width: 280px;
  flex-shrink: 0
}

.filter-bar .filter-bar__search-section .input {
  position: relative
}

.filter-bar .filter-bar__search-section .input .input__desktop {
  display: block
}

@media print,
screen and (max-width: 63.99875em) {
  .filter-bar .filter-bar__search-section .input .input__desktop {
    display: none
  }
}

.filter-bar .filter-bar__search-section .input .input__mobile {
  display: none
}

@media print,
screen and (max-width: 63.99875em) {
  .filter-bar .filter-bar__search-section .input .input__mobile {
    display: block
  }
}

.filter-bar .filter-bar__search-section .input .submittal-builder-input {
  font-family: Klavika Regular;
  width: calc(100% - 16px);
  border: none;
  border-bottom: 1px solid #000000;
  height: 30px;
  padding-bottom: 5px;
  background: white;
  font-size: 18px;
  line-height: 23px;
  color: #3c3c3c
}

.filter-bar .filter-bar__search-section .input .submittal-builder-input::-moz-placeholder {
  color: #000
}

.filter-bar .filter-bar__search-section .input .submittal-builder-input::placeholder {
  color: #000
}

.filter-bar .filter-bar__search-section .input .submittal-builder-input:focus {
  outline: none;
  border-bottom-color: #ffc510
}

.filter-bar .filter-bar__search-section .input .cmp-icon,
.filter-bar .filter-bar__search-section .input .input__search-icon {
  font-size: 18px;
  line-height: 23px;
  position: absolute;
  color: #000
}

@media print,
screen and (max-width: 63.99875em) {

  .filter-bar .filter-bar__search-section .input .cmp-icon,
  .filter-bar .filter-bar__search-section .input .input__search-icon {
    width: 17.48px;
    height: 17.35px
  }
}

.filter-bar .filter-bar__search-section .input .input__mobile-toggle {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px
}

.filter-bar .filter-bar__search-section .input .input__mobile-toggle:hover {
  opacity: .7
}

.filter-bar .filter-bar__search-section .input .input__mobile-toggle:focus {
  outline: none
}

.filter-bar .filter-bar__search-section .input .input__mobile-toggle:disabled {
  opacity: .5;
  cursor: not-allowed
}

.filter-bar .filter-bar__search-section .input .input__mobile-toggle .input__search-icon {
  position: static
}

.filter-bar .filter-bar__search-section .input .input__mobile-expanded {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 30px;
  height: 30px
}

.filter-bar .filter-bar__search-section .input .input__mobile-expanded .submittal-builder-input {
  position: absolute;
  right: 40px;
  top: 0;
  width: 200px;
  z-index: 100;
  box-shadow: none;
  padding: 12px 0 12px 16px
}

.filter-bar .filter-bar__search-section .input .input__mobile-expanded .input__mobile-toggle--expanded {
  position: relative;
  z-index: 101;
  flex-shrink: 0
}

.filter-bar--mobile {
  display: none;
  padding: 12px;
  margin: 0;
  background: transparent
}

@media print,
screen and (max-width: 63.99875em) {
  .filter-bar--mobile {
    display: block;
    position: sticky;
    top: 60px;
    z-index: 2;
    background: #ffffff
  }
}

.filter-bar--mobile .filter-bar__mobile-row {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  min-width: 0;
  flex-wrap: wrap;
  gap: 18px 16px
}

.filter-bar--mobile.filter-bar--search-expanded .filter-bar__mobile-row {
  flex-wrap: nowrap;
  justify-content: flex-end
}

.filter-bar--mobile .filter-bar__title--mobile {
  margin: 0;
  flex: 0 1 auto;
  min-width: 0
}

.filter-bar--mobile .filter-bar__title--mobile.filter-bar__title--mobile-button {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  white-space: normal;
  line-height: 1.2;
  text-align: left;
  max-width: 200px
}

.filter-bar--mobile .filter-bar__title--mobile.filter-bar__title--mobile-button:focus {
  outline: none
}

.filter-bar--mobile .filter-bar__title--mobile.filter-bar__title--mobile-button .filter-bar__title-arrow {
  transition: none;
  transform: rotate(180deg);
  flex-shrink: 0
}

.filter-bar--mobile .filter-bar__title--mobile.filter-bar__title--mobile-button .filter-bar__title-arrow.filter-bar__title-arrow--down {
  transform: rotate(0)
}

.filter-bar--mobile .filter-bar__mobile-right {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-end;
  flex: 0 0 auto
}

.filter-bar--mobile .filter-bar__mobile-categories {
  width: 100%;
  padding: 16px 0;
  background: #ffffff
}

.filter-bar--mobile .filter-bar__mobile-categories .filter-bar__category-pills--mobile {
  position: relative;
  width: 100%
}

.filter-bar--mobile .filter-bar__mobile-categories .filter-bar__category-pills--mobile .filter-bar__category-pills-container {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 8px;
  padding-right: 40px;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.filter-bar--mobile .filter-bar__mobile-categories .filter-bar__category-pills--mobile .filter-bar__category-pills-container::-webkit-scrollbar {
  display: none
}

.filter-bar--mobile .filter-bar__mobile-categories .filter-bar__category-pills--mobile .filter-bar__scroll-fade {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 40px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 75.5%, #fff 100%);
  pointer-events: none
}

.filter-bar--mobile .filter-bar__mobile-categories .filter-bar__filter-button {
  font-size: 18px;
  line-height: 23px;
  padding: 10px 23px;
  white-space: nowrap;
  flex-shrink: 0
}

.filter-bar--mobile .filter-bar__mobile-categories .filter-bar__dropdown-section {
  width: 100%
}

.filter-bar--mobile .filter-bar__mobile-categories .filter-bar__mobile-filter-list {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f5f5f5
}

.filter-bar--mobile .filter-bar__mobile-search-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  padding: 16px 24px 24px;
  z-index: 101;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 2px 4px #0000001a
}

.filter-bar--mobile .filter-bar__mobile-search-overlay .filter-bar__search-section--overlay {
  flex-grow: 1
}

.filter-bar--mobile .filter-bar__mobile-search-overlay .filter-bar__search-section--overlay .submittal-builder-input {
  padding: 12px 0 12px 16px
}

.filter-bar--mobile .filter-bar__mobile-search-overlay .filter-bar__mobile-overlay-files {
  flex-shrink: 0
}

.filter-bar--mobile .filter-bar__search-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all .3s ease;
  flex-shrink: 0;
  width: auto
}

.filter-bar--mobile .filter-bar__search-wrapper--expanded {
  flex: 1;
  max-width: calc(100% - 64px);
  z-index: 200;
  background: #ffffff
}

.filter-bar--mobile .filter-bar__search-wrapper--expanded .input,
.filter-bar--mobile .filter-bar__search-wrapper--expanded .input__mobile {
  width: 100%
}

.filter-bar--mobile .filter-bar__search-wrapper--expanded .input__mobile-expanded {
  width: 100% !important;
  justify-content: flex-end !important
}

.filter-bar--mobile .filter-bar__search-wrapper--expanded .input__mobile-expanded .submittal-builder-input {
  flex: 1;
  max-width: none !important;
  width: 100% !important;
  position: static !important;
  right: auto !important;
  z-index: auto !important;
  margin-right: 8px;
  box-sizing: border-box;
  top: auto !important;
  left: auto !important
}

.filter-bar--mobile .filter-bar__search-wrapper--expanded .input__mobile-expanded .input__mobile-toggle--expanded {
  position: static !important;
  z-index: auto !important;
  flex-shrink: 0;
  width: 30px;
  height: 30px
}

.filter-bar--mobile.filter-bar--search-expanded .filter-bar__search-wrapper--expanded {
  flex: 1;
  max-width: calc(100% - 64px)
}

.filter-bar--mobile .filter-bar__search-section--mobile {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  width: auto
}

.filter-bar--mobile .filter-bar__search-section--mobile .input,
.filter-bar--mobile .filter-bar__search-section--mobile .input .input__mobile {
  width: auto
}

.filter-bar--mobile .filter-bar__search-section--mobile .input .input__mobile .input__mobile-toggle {
  width: 30px;
  height: 30px;
  flex-shrink: 0
}

.filter-bar--mobile .filter-bar__files-button {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f5f5f5;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #000;
  transition: all .2s ease;
  position: relative
}

.filter-bar--mobile .filter-bar__files-button:hover {
  opacity: .8
}

.filter-bar--mobile .filter-bar__files-button:focus {
  outline: none
}

.filter-bar--mobile .filter-bar__files-button svg {
  width: 20px;
  height: 20px
}

.filter-bar--mobile .filter-bar__files-badge {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffc510;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  font-family: Klavika Regular;
  line-height: 14px;
  min-width: 24px;
  text-align: center
}

.filter-bar--desktop {
  display: block
}

@media print,
screen and (max-width: 63.99875em) {
  .filter-bar--desktop {
    display: none
  }
}

.filter-bar .filter-bar__filters-section,
.filter-bar .filter-bar__category-section {
  width: 100%
}

.filter-bar .filter-bar__category-pills {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap
}

.filter-bar .filter-bar__filter-button {
  font-family: Klavika Regular;
  background: #dddddd;
  border-radius: 3px;
  color: #3c3c3c;
  padding: 10px 23px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: none
}

.filter-bar .filter-bar__filter-button:hover,
.filter-bar .filter-bar__filter-button--selected {
  background: #ffc510;
  color: #000
}

.filter-bar .filter-bar__more-button {
  font-family: Klavika Regular;
  background: #ffffff;
  border-radius: 3px;
  color: #3c3c3c;
  padding: 10px 23px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  align-items: center;
  text-transform: none
}

.filter-bar .filter-bar__more-button:hover,
.filter-bar .filter-bar__more-button--active,
.filter-bar .filter-bar__more-button--expanded,
.filter-bar .filter-bar__more-button--active:hover,
.filter-bar .filter-bar__more-button--expanded:hover {
  background: #ffc510;
  color: #000
}

.filter-bar .filter-bar__dropdown-section {
  width: 300px;
  font-family: Klavika Regular;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px
}

.filter-bar .select {
  font-size: 18px;
  line-height: 26px;
  position: relative;
  width: 100%
}

.filter-bar .select--disabled {
  opacity: .6;
  pointer-events: none
}

.filter-bar .submittal-select {
  position: relative;
  width: 100%
}

.filter-bar .submittal-select--disabled {
  opacity: .6;
  pointer-events: none
}

.filter-bar .submittal-select__button {
  font-family: Klavika Regular;
  width: 100%;
  border: none;
  border-bottom: 1px solid #3c3c3c;
  height: 40px;
  padding: 0 50px 0 16px;
  background: white;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  color: #3c3c3c;
  text-align: left;
  cursor: pointer;
  position: relative
}

.filter-bar .submittal-select__button:focus,
.filter-bar .submittal-select__button--open {
  outline: none;
  border-bottom-color: #ffc510
}

.filter-bar .submittal-select__label {
  font-family: Klavika Regular;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  color: #000;
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.filter-bar .submittal-select__arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #000;
  pointer-events: none
}

.filter-bar .submittal-select__arrow--down {
  transform: translateY(-50%) rotate(180deg)
}

.filter-bar .submittal-select__arrow--up {
  transform: translateY(-50%) rotate(0)
}

.filter-bar .submittal-select__results-container {
  position: absolute;
  background: #ffffff;
  width: 100%;
  max-width: 330px;
  z-index: 1000;
  margin-top: 2px;
  border: 1px solid #9e9e9e
}

.filter-bar .submittal-select__results-list {
  max-height: 240px;
  overflow-y: auto;
  padding: 0;
  margin: 0
}

.filter-bar .submittal-select__list-item {
  font-family: Klavika Light;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 24px;
  padding: 12px;
  cursor: pointer;
  color: #000;
  transition: all .2s ease
}

.filter-bar .submittal-select__list-item:hover {
  color: #000
}

.filter-bar .submittal-select__list-item--disabled {
  cursor: not-allowed;
  opacity: .6
}

.filter-bar .submittal-select__checkbox-custom {
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  transition: all .2s ease;
  flex-shrink: 0
}

.filter-bar .submittal-select__checkbox-custom--checked {
  background: #ffc510;
  border-color: #ffc510
}

.filter-bar .submittal-select__checkbox-check {
  color: #000;
  width: 14.5px;
  height: 12.5px
}

.filter-bar .submittal-select__checkbox-label {
  font-family: Klavika Light;
  flex: 1;
  line-height: 24px;
  font-size: 16px;
  cursor: pointer;
  color: #000
}

.filter-list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  flex-wrap: wrap
}

.filter-list__results-found {
  font-family: Klavika Medium;
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
  margin-right: 16px;
  width: 100%
}

.filter-list__item {
  font-family: Klavika Regular;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  color: #000;
  font-size: 14.4px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  border-radius: 2.4px;
  border: .8px solid #dddddd;
  padding: 4px 8px;
  cursor: pointer;
  background: #ffffff;
  transition: all .2s ease
}

.filter-list__item:hover {
  background: #f5f5f5
}

.filter-list__item .cmp-icon {
  margin-left: 8px
}

.filter-list__item-label {
  line-height: 1.2
}

.filter-list__item-remove {
  background: none;
  border: none;
  color: #3c3c3c;
  cursor: pointer;
  font-size: 19px;
  line-height: 1;
  padding: 0;
  margin-left: 4px;
  transition: color .2s ease;
  font-weight: 700
}

.filter-list__item-remove:hover {
  color: #ff3939
}

.filter-list__reset-button {
  font-family: Klavika Medium;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
  color: #3c3c3c;
  background: none;
  border: none;
  padding: 0 12px;
  cursor: pointer;
  transition: all .2s ease
}

.filter-list__reset-button:hover {
  color: #ffc510;
  text-decoration: none
}

.filter-list--mobile {
  margin-bottom: 0
}

.filter-list--mobile .filter-list__mobile-container {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%
}

.filter-list--mobile .filter-list__mobile-clear {
  flex-shrink: 0
}

.filter-list--mobile .filter-list__mobile-filters {
  position: relative;
  flex: 1;
  min-width: 0
}

.filter-list--mobile .filter-list__mobile-filters .filter-list__mobile-filters-container {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 8px;
  padding-right: 40px;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.filter-list--mobile .filter-list__mobile-filters .filter-list__mobile-filters-container::-webkit-scrollbar {
  display: none
}

.filter-list--mobile .filter-list__mobile-filters .filter-list__mobile-scroll-fade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 75.5%, #fff 100%);
  pointer-events: none
}

.filter-list--mobile .filter-list__item {
  white-space: nowrap;
  flex-shrink: 0
}

.filter-list--mobile .filter-list__results-found {
  margin-bottom: 8px;
  margin-right: 0;
  width: auto
}

.mobile-tooltip {
  position: absolute;
  top: 100%;
  right: 12px;
  z-index: 1001;
  max-width: 370px;
  margin-top: 8px
}

@media print,
screen and (min-width: 64em) {
  .mobile-tooltip {
    display: none
  }
}

.mobile-tooltip__content {
  position: relative;
  padding: 10px 55px;
  border-radius: 8px;
  background: #f5f5f5;
  border: 2px solid #ffc510;
  text-align: center;
  cursor: pointer
}

.mobile-tooltip__arrow {
  position: absolute;
  top: -8px;
  right: 24px
}

.mobile-tooltip__arrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffc510
}

.mobile-tooltip__arrow:after {
  content: "";
  position: absolute;
  top: 2px;
  left: -6px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f5f5f5
}

.mobile-tooltip__messages {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.mobile-tooltip__message {
  font-family: Klavika Regular;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  margin: 0
}

.mobile-tooltip__message--error {
  color: #ff3939;
  font-size: 14px;
  line-height: 20px
}

.mobile-tooltip--error .mobile-tooltip__message--main {
  color: #ff3939
}

.contact-form {
  font-family: Klavika Light;
  width: 100%
}

@media print,
screen and (max-width: 63.99875em) {
  .contact-form {
    padding: 0 12px
  }
}

.contact-form .contact-form__header {
  margin-bottom: 32px
}

.contact-form .contact-form__title {
  font-family: Klavika Regular;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  color: #000
}

.contact-form .contact-form__content {
  background: #ffffff;
  margin: 30px 16px 30px 0
}

@media print,
screen and (max-width: 63.99875em) {
  .contact-form .contact-form__content {
    margin: 24px 0 64px
  }
}

.contact-form .contact-form__section {
  margin-bottom: 32px
}

.contact-form .contact-form__section:last-child {
  margin-bottom: 0
}

.contact-form .contact-form__form-container {
  width: 100%
}

.contact-form .contact-form__section-title {
  font-family: Klavika Regular;
  font-size: 23px;
  font-weight: 400;
  color: #000;
  line-height: 125%;
  margin: 0
}

.contact-form .contact-form__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 32px
}

.contact-form .contact-form__row {
  display: flex;
  flex-direction: row;
  gap: 16px
}

@media print,
screen and (max-width: 63.99875em) {
  .contact-form .contact-form__row {
    flex-direction: column;
    gap: 24px
  }
}

.contact-form .contact-form__field {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.contact-form .contact-form__field.contact-form__field--half {
  flex: 1
}

.contact-form .contact-form__field.contact-form__field--full {
  width: 100%
}

.contact-form .contact-form__input {
  font-family: Klavika Light;
  width: 100%;
  padding: 12px;
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  font-size: 18px;
  line-height: 120%;
  background: #ffffff;
  transition: all .3s ease-in-out;
  min-height: 46px;
  box-sizing: border-box
}

.contact-form .contact-form__input:not(:-moz-placeholder):not(.contact-form__input--error) {
  border-color: #000
}

.contact-form .contact-form__input:not(:placeholder-shown):not(.contact-form__input--error) {
  border-color: #000
}

.contact-form .contact-form__input:focus {
  outline: none;
  border-color: #ffc510
}

.contact-form .contact-form__input::-moz-placeholder {
  color: #9e9e9e;
  font-weight: 300
}

.contact-form .contact-form__input::placeholder {
  color: #9e9e9e;
  font-weight: 300
}

.contact-form .contact-form__input.contact-form__input--error {
  border-color: #ff3939
}

.contact-form .contact-form__textarea {
  font-family: Klavika Light;
  width: 100%;
  padding: 16px;
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  font-size: 18px;
  line-height: 120%;
  background: #ffffff;
  transition: all .3s ease-in-out;
  resize: vertical;
  min-height: 120px;
  box-sizing: border-box;
  font-family: inherit
}

.contact-form .contact-form__textarea:not(:-moz-placeholder):not(.contact-form__textarea--error) {
  border-color: #000
}

.contact-form .contact-form__textarea:not(:placeholder-shown):not(.contact-form__textarea--error) {
  border-color: #000
}

.contact-form .contact-form__textarea:focus {
  outline: none;
  border-color: #ffc510
}

.contact-form .contact-form__textarea::-moz-placeholder {
  color: #9e9e9e;
  font-weight: 300
}

.contact-form .contact-form__textarea::placeholder {
  color: #9e9e9e;
  font-weight: 300
}

.contact-form .contact-form__textarea.contact-form__textarea--error {
  border-color: #ff3939
}

.contact-form .contact-form__checkbox {
  display: none
}

.contact-form .contact-form__checkbox-container {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 8px
}

.contact-form .contact-form__checkbox-custom {
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  transition: all .2s ease;
  flex-shrink: 0
}

.contact-form .contact-form__checkbox:checked+.contact-form__checkbox-custom {
  background: #ffc510;
  border-color: #ffc510
}

.contact-form .contact-form__checkbox-check {
  color: #000;
  width: 14.5px;
  height: 12.5px
}

.contact-form .contact-form__checkbox-label {
  font-family: Klavika Regular;
  display: flex;
  align-items: flex-start;
  gap: 0;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
  cursor: pointer
}

.contact-form .contact-form__checkbox-text {
  font-family: Klavika Regular;
  flex: 1;
  line-height: 1.5;
  font-size: 16px;
  color: #000;
  cursor: pointer
}

.contact-form .contact-form__checkbox-text a {
  color: inherit;
  text-decoration: underline;
  cursor: pointer
}

.contact-form .contact-form__checkbox-text a:hover {
  color: #ffc510;
  text-decoration: underline
}

.contact-form .contact-form__error {
  font-family: Klavika Regular;
  font-size: 12px;
  color: #ff3939;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: .5px;
  margin-left: 10px
}

.contact-form .contact-form__error--general {
  background: #ff3939;
  color: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 24px;
  text-align: center;
  font-weight: 500
}

.contact-form .contact-form__main-content {
  display: grid !important;
  grid-template-columns: 1fr 376px !important;
  align-items: start;
  gap: 48px
}

@media print,
screen and (max-width: 63.99875em) {
  .contact-form .contact-form__main-content {
    display: block !important;
    grid-template-columns: none !important
  }
}

.contact-form .contact-form__left-column {
  min-width: 0;
  width: 100%;
  grid-column: 1
}

@media print,
screen and (max-width: 63.99875em) {
  .contact-form .contact-form__left-column {
    grid-column: unset
  }
}

.contact-form .contact-form__right-column {
  width: 376px;
  grid-column: 2;
  align-self: start;
  position: sticky
}

@media print,
screen and (max-width: 63.99875em) {
  .contact-form .contact-form__right-column {
    display: none
  }
}

@media print,
screen and (max-width: 63.99875em) {
  .contact-form .contact-form__right-column--desktop {
    display: none
  }
}

.contact-form .contact-form__mobile-sidebar {
  display: none
}

@media print,
screen and (max-width: 63.99875em) {
  .contact-form .contact-form__mobile-sidebar {
    display: block;
    width: 100%;
    background: #ffffff;
    margin-top: 24px
  }
}

.success-page {
  font-family: Klavika Regular;
  width: 100%;
  max-width: none;
  text-align: left
}

@media print,
screen and (max-width: 63.99875em) {
  .success-page {
    padding: 0 12px
  }
}

.success-page .success-page__content {
  max-width: 768px
}

.success-page .success-page__header {
  margin-bottom: 0
}

.success-page .success-page__title {
  font-family: Klavika Regular;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  color: #000;
  margin-bottom: 48px
}

.success-page .success-page__description {
  font-family: Klavika Light;
  font-weight: 300;
  font-size: 23px;
  line-height: 30px;
  color: #000;
  max-width: 768px;
  margin-bottom: 48px
}

.success-page .success-page__details {
  max-width: 768px
}

.success-page .success-page__details-title {
  font-family: Klavika Regular;
  font-weight: 400;
  font-size: 23px;
  line-height: 125%;
  color: #000;
  margin-bottom: 56px
}

.success-page .success-page__details-list {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 32px 32px;
  row-gap: 16px
}

.success-page .success-page__details-item {
  display: contents
}

.success-page .success-page__details-label {
  font-family: Klavika Regular;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #000
}

.success-page .success-page__details-label:after {
  content: ":"
}

.success-page .success-page__details-value {
  font-family: Klavika Regular;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  justify-self: start
}

.success-page .success-page__error {
  background: #ff3939;
  color: #fff;
  padding: 16px;
  border-radius: 4px;
  margin: 16px 0
}

.success-page .success-page__error-text {
  font-family: Klavika Medium;
  font-size: 14px
}

.success-page .success-page__actions {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-top: 80px
}

@media print,
screen and (max-width: 63.99875em) {
  .success-page .success-page__actions {
    flex-direction: column;
    align-items: center;
    gap: 40px
  }
}

.success-page .success-page__actions-left {
  display: flex;
  gap: 32px;
  flex-wrap: wrap
}

@media print,
screen and (max-width: 63.99875em) {
  .success-page .success-page__actions-left {
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap
  }
}

@media (max-width: 480px) {
  .success-page .success-page__actions-left {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%
  }
}

.success-page .success-page__new-submittal-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all .3s ease-in-out;
  font-family: Klavika Medium;
  font-size: 14px;
  text-decoration: none
}

.success-page .success-page__new-submittal-button:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none !important
}

.success-page .success-page__download-button {
  font-family: Klavika Regular;
  background: #ffc510;
  color: #000;
  border: none;
  border-radius: 3px;
  font-weight: 400;
  font-size: 18px;
  cursor: pointer;
  transition: all .3s ease-in-out;
  padding: 0
}

.success-page .success-page__download-button:hover:not(:disabled) {
  background: #000000;
  color: #fff
}

.success-page .success-page__download-button:disabled {
  cursor: not-allowed;
  background: #dddddd;
  color: #616161;
  opacity: .5
}

.success-page .success-page__back-button {
  font-family: Klavika Regular;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0;
  width: auto
}

.success-page .success-page__back-button:disabled {
  cursor: not-allowed
}

.success-page .success-page__back-button:disabled .success-page__back-text {
  color: #616161;
  opacity: .5
}

.success-page .success-page__back-button:disabled .success-page__back-icon {
  opacity: .5
}

.success-page .success-page__back-button:disabled .success-page__back-icon svg {
  color: #616161
}

.success-page .success-page__download-text {
  padding: 8px 24px;
  letter-spacing: .5px;
  white-space: normal;
  line-height: 1.2;
  height: auto;
  min-height: 40px;
  display: flex;
  align-items: center;
  text-align: center
}

.success-page .success-page__new-submittal-button {
  font-family: Klavika Regular;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0;
  width: auto;
  flex-wrap: wrap
}

.success-page .success-page__new-submittal-button:disabled {
  cursor: not-allowed
}

.success-page .success-page__new-submittal-button:disabled .success-page__new-text {
  color: #616161;
  opacity: .5
}

.success-page .success-page__new-submittal-button:disabled .success-page__new-icon {
  opacity: .5
}

.success-page .success-page__new-submittal-button:disabled .success-page__new-icon svg {
  color: #616161
}

.success-page .success-page__back-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.success-page .success-page__back-icon {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0
}

.success-page .success-page__back-icon svg {
  width: 18.34px;
  height: 18px;
  color: #000
}

.success-page .success-page__back-text {
  background: transparent;
  color: #000;
  padding: 8px 0;
  letter-spacing: .5px;
  white-space: normal;
  line-height: 1.2;
  font-weight: 400;
  font-size: 18px;
  height: auto;
  min-height: 40px;
  display: flex;
  align-items: center
}

.success-page .success-page__new-content {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap
}

.success-page .success-page__new-icon {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0
}

.success-page .success-page__new-icon svg {
  width: 24px;
  height: 27px;
  color: #616161
}

.success-page .success-page__new-text {
  background: transparent;
  color: #616161;
  padding: 8px 0;
  letter-spacing: .5px;
  white-space: normal;
  line-height: 1.2;
  font-weight: 400;
  font-size: 18px;
  height: auto;
  min-height: 40px;
  display: flex;
  text-decoration: underline;
  align-items: center
}

.success-page .success-page__loading-icon {
  font-size: 16px;
  animation: spin 1s linear infinite
}

.success-page .success-page__button-text {
  font-family: Klavika Medium
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

body.searchresultspage .cmp-header {
  background: #f5f5f5
}

body.searchresultspage main {
  background: #f5f5f5
}

body.searchresultspage .cmp-layout {
  max-width: 100%
}

body.searchresultspage .cmp-layout>.grid-x.grid-margin-x>.cell {
  margin-left: 0;
  margin-right: 0
}

body.searchresultspage .cmp-serp__results {
  padding: 0 5%;
  background: #ffffff
}

body.searchresultspage .cmp-serp__results .cmp-teaser__content {
  height: auto !important
}

.cmp-search-results .cmp-search-field {
  padding-left: 0
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-search-results .cmp-search-field {
    flex-direction: column
  }
}

.cmp-search-results .cmp-search-field--large {
  max-width: 100%
}

@media print,
screen and (min-width: 40em) {
  .cmp-search-results .cmp-search-field--large {
    max-width: 80%
  }
}

@media print,
screen and (min-width: 64em) {
  .cmp-search-results .cmp-search-field--large {
    max-width: 100%
  }
}

@media screen and (min-width: 75em) {
  .cmp-search-results .cmp-search-field--large {
    max-width: 65%
  }
}

@media screen and (min-width: 95em) {
  .cmp-search-results .cmp-search-field--large {
    max-width: 50%
  }
}

.cmp-search-results .cmp-search-field--large .cmp-title {
  margin: 60px 0 0
}

@media print,
screen and (min-width: 64em) {
  .cmp-search-results .cmp-search-field--large .cmp-title {
    margin: 50px 0 0
  }
}

.cmp-search-results .cmp-search-segment {
  white-space: nowrap;
  display: flex;
  margin: 0 16px
}

@media print,
screen and (max-width: 63.99875em) {
  .cmp-search-results .cmp-search-segment {
    margin: 0
  }
}

.cmp-search-results .cmp-search-segment .cmp-button {
  font-size: 1.25rem;
  cursor: pointer
}

.cmp-search-results .cmp-search-segment .cmp-button:hover .cmp-search-segment__title {
  background-color: #ffc510;
  background-color: var(--primary)
}

.cmp-search-results .cmp-search-segment .cmp-button__icon {
  font-size: inherit;
  display: inline-block;
  margin-right: 0
}

.cmp-search-results .cmp-tabs-container {
  margin: 50px 0 0
}

.cmp-search-results .cmp-tabs-container__head {
  display: flex;
  align-items: center;
  overflow-x: auto;
  padding: 0 5px;
  margin-bottom: -4px
}

.cmp-search-results .cmp-tabs-container__head .cmp-shadow__left {
  position: absolute !important;
  width: 50px !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
  top: -4px
}

.cmp-search-results .cmp-tabs-container__head .cmp-shadow__right {
  position: absolute !important;
  width: 50px !important;
  box-shadow: none !important;
  background: linear-gradient(-90deg, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
  top: -4px
}

.cmp-search-results .cmp-tabs-container__head .cmp-tabs {
  margin: 0 auto
}

.cmp-search-results .cmp-tabs-container__head .cmp-tabs .cmp-tab {
  white-space: nowrap;
  display: inline-block;
  width: auto
}

.cmp-search-results .cmp-tabs-container__head .cmp-tabs .cmp-tab a {
  padding: 10px;
  margin: 0;
  color: #000;
  border-bottom: 4px solid transparent
}

.cmp-search-results .cmp-tabs-container__head .cmp-tabs .cmp-tab a:after {
  content: none;
  height: 0
}

.cmp-search-results .cmp-tabs-container__head .cmp-tabs .cmp-tab a:hover {
  border-bottom: 4px solid #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-search-results .cmp-tabs-container__head .cmp-tabs .cmp-tab a span {
  color: #616161;
  font-size: 1rem
}

.cmp-search-results .cmp-tabs-container__head .cmp-tabs .cmp-tab--is-active a {
  border-bottom: 4px solid #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-search-results .cmp-tabs-container__head .cmp-tabs .cmp-tab--is-active a:after {
  content: none;
  height: 0
}

.cmp-search-results .cmp-tabs-container__panel {
  padding: 0;
  max-width: 1200px;
  margin: auto
}

.cmp-search-results .cmp-tabs-container__panel[data-hide-tabs=false] {
  padding: 50px 0
}

.cmp-search-results .cmp-tabs-container__panel[data-hide-tabs=true] {
  padding: 0
}

.cmp-search-results .cmp-search-results-container__filter .cmp-select-custom__trigger {
  background-color: #f5f5f5
}

@media print,
screen and (min-width: 40em) {
  .cmp-search-results .cmp-search-results-container__filter {
    max-width: 250px
  }
}

.cmp-search-results .cmp-search-results-container__content {
  padding: 30px 0;
  border-bottom: 2px solid #e0e0e0
}

.cmp-search-results .cmp-search-results-container__content:hover {
  border-bottom: 2px solid #ffc510;
  border-bottom-color: var(--primary)
}

.cmp-search-results .cmp-search-results-container__content em {
  font-weight: 700;
  color: #ffc510;
  color: var(--primary)
}

.cmp-search-results .cmp-search-results-container__title {
  font-size: 1.25rem;
  line-height: 1.81rem
}

.cmp-search-results .cmp-search-results-container__url {
  margin: 0;
  font-style: italic;
  font-size: smaller;
  color: #616161
}

.cmp-search-results .cmp-search-results-container__description {
  margin: 16px 0 0
}

.cmp-search-results__white-block {
  width: 100%;
  height: 40px;
  background: #ffffff;
  position: absolute;
  bottom: 0
}

.best-bet {
  float: right;
  background-color: #52a398;
  color: #fff;
  box-sizing: border-box;
  font-size: 1rem;
  padding: 7px 20px
}

.cmp-lineclamp__readmore {
  cursor: pointer
}

body {
  direction: ltr
}

body.rtl {
  direction: rtl
}

.yellow .cmp-header__content,
.yellow .cmp-header .cmp-search-field .cmp-search-form__field {
  background-color: #ffc510
}

.white .cmp-header__content,
.white .cmp-header .cmp-search-field .cmp-search-form__field,
.white .cmp-header .cmp-navigation-subsegment .segment-menu ul {
  background-color: #fff
}

.white .cmp-header .cmp-navigation-subsegment .segment-menu ul li {
  border-bottom-color: #e0e0e0
}

.white .cmp-header .cmp-navigation-subsegment a.opener:before {
  border-bottom-color: #fff
}

.grey .cmp-header__content,
.grey .cmp-header .cmp-search-field .cmp-search-form__field,
.grey .cmp-header .cmp-navigation-subsegment .segment-menu ul {
  background-color: #e0e0e0
}

.grey .cmp-header .cmp-navigation-subsegment a.opener:before {
  border-bottom-color: #e0e0e0
}

.light-grey .cmp-header__content,
.light-grey .cmp-header .cmp-search-field .cmp-search-form__field,
.light-grey .cmp-header .cmp-navigation-subsegment .segment-menu ul {
  background-color: #f5f5f5
}

.light-grey .cmp-header .cmp-navigation-subsegment a.opener:before {
  border-bottom-color: #f5f5f5
}

.middle-grey .cmp-header__content {
  background-color: #ddd
}

.middle-grey .cmp-header__title,
.middle-grey .cmp-header .cmp-search-field .cmp-search-form {
  color: #fff
}

.middle-grey .cmp-header .cmp-search-field .cmp-search-form__field {
  background-color: #ddd;
  border-bottom: 1px solid #ffffff;
  color: #fff
}

.middle-grey .cmp-header .cmp-search-field .cmp-search-form__field::-moz-placeholder {
  color: #fff
}

.middle-grey .cmp-header .cmp-search-field .cmp-search-form__field::placeholder {
  color: #fff
}

.middle-grey .cmp-header--is-sticky .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link {
  color: #fff
}

.middle-grey .cmp-header--is-sticky .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link:hover {
  color: #f5f5f5
}

.middle-grey .cmp-header .cmp-navigation-subsegment .segment-menu ul {
  background-color: #ddd
}

.middle-grey .cmp-header .cmp-navigation-subsegment a.opener:before {
  border-bottom-color: #ddd
}

.dark-grey .cmp-header__content {
  background-color: #616161
}

.dark-grey .cmp-header__title,
.dark-grey .cmp-header .cmp-search-field .cmp-search-form {
  color: #fff
}

.dark-grey .cmp-header .cmp-search-field .cmp-search-form__field {
  background-color: #616161;
  border-bottom: 1px solid #ffffff;
  color: #fff
}

.dark-grey .cmp-header .cmp-search-field .cmp-search-form__field::-moz-placeholder {
  color: #fff
}

.dark-grey .cmp-header .cmp-search-field .cmp-search-form__field::placeholder {
  color: #fff
}

.dark-grey .cmp-header--is-sticky .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link {
  color: #fff
}

.dark-grey .cmp-header--is-sticky .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link:hover {
  color: #f5f5f5
}

.dark-grey .cmp-header .cmp-navigation-subsegment .segment-menu ul {
  background-color: #616161
}

.dark-grey .cmp-header .cmp-navigation-subsegment a.opener:before {
  border-bottom-color: #616161
}

:root {
  --header-background: var(--primary);
  --header-background-sticky: var(--primary);
  --hotspot-color: var(--primary)
}

html.cmp-font-size--larger {
  font-size: 1.25rem
}

html.cmp-font-size--larger .cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link {
  padding: 1rem .65rem .65rem
}

html.cmp-font-size--larger .cmp-header .cmp-main-navigation .cmp-navigation__link,
html.cmp-font-size--larger .cmp-nav-mega-dropdown__content ul li a,
html.cmp-font-size--larger .cmp-navigation__link {
  font-size: 1.25rem
}

button {
  color: currentColor
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}