@charset "UTF-8";

:root {
    --color-orange: rgb(249, 175, 6);
    --color-grey: rgb(67, 67, 69);
    --primary: rgb(249, 175, 6);
    --secondary: rgb(67, 67, 69);
    --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: 0;
    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(33% - 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(clientlib-base/resources/fonts/materialdesignicons-webfont3b9f.eot?v=3.9.97);
    src: url(clientlib-base/resources/fonts/materialdesignicons-webfontd41d.eot?#iefix&v=3.9.97) format("embedded-opentype"), url(clientlib-base/resources/fonts/materialdesignicons-webfont3b9f.woff2?v=3.9.97) format("woff2"), url(clientlib-base/resources/fonts/materialdesignicons-webfont3b9f.woff?v=3.9.97) format("woff"), url(clientlib-base/resources/fonts/materialdesignicons-webfont3b9f.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)
    }
}


/* Mega Menü İçindeki Yeni Kutucuk Tasarımı */
.clever-menu-card {
    display: block !important;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease;
    padding: 10px;
}

.clever-menu-card__image {
    width: 100%;
    aspect-ratio: 1 / 1;
    /* Kare form factor */
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px solid #eee;
}

.clever-menu-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Resmi bozmadan doldurur */
    transition: transform 0.5s ease;
}

.clever-menu-card:hover .clever-menu-card__image img {
    transform: scale(1.1);
    /* Hafif zoom efekti */
}

.clever-menu-card__title {
    min-height: 40px;
    /* Başlıklar isterse 2 satır olsun, görseller aynı hizada kalır */
    display: flex;
    align-items: center;
    justify-content: center;
}

.clever-menu-card:hover .clever-menu-card__title {
    color: #ffcc00 !important;
}


/* Scrollbar (Kaydırma Çubuğu)*/
.cmp-nav-mega-dropdown__content::-webkit-scrollbar {
    width: 6px;
}

.cmp-nav-mega-dropdown__content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.cmp-nav-mega-dropdown__content::-webkit-scrollbar-thumb {
    background: #ffcc00;
    /* Clever Sarı */
    border-radius: 10px;
}

/* STICKY (SABİT) HEADER DURUMU İÇİN ÖZEL AYAR */
header.is-sticky .cmp-nav-mega-dropdown__content {
    top: 100% !important;
    transform: translateX(-50%) !important;
}


/* Ürünler Sayfasındaki Kutular */

/* Ana Açıklama */
.desc-main {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    line-height: 1.3 !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    display: block !important;
}


.desc-sub {
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: #000000 !important;
    line-height: 1.3 !important;
    display: block !important;
}



.product-description {
    min-height: 80px;
    display: block !important;
}

/* SARI BLOK ÜZERİNDE BEYAZ METİNLER  */

.cmp-teaser--card:hover .desc-main {
    color: #ffffff !important;
    font-weight: 700 !important;
    transition: color 0.2s ease !important;
}


.cmp-teaser--card:hover .desc-sub {
    color: #ffffff !important;
    font-weight: 400 !important;
    transition: color 0.2s ease !important;
}

/* PROJELERİ AYIRMA */
.cmp-teaser--news:has(a[href*="projeler-detay"]) {
    margin-bottom: 50px !important;
    display: block !important;
}

/* Su Yalıtımı Sayfası Ürünler */
.urun-area {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap;
}

.urun-ozel-kart {
    width: calc(100% / 4 - 12px) !important;
}


/* Masonry'nin FTP üzerinde dikey daralmasını engelle */
.list-holder.cmp-masonry {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

.cmp-masonry__item {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 33.33% !important;
    padding: 15px;
    float: left;
}

/* Mobilde tek sütun olması için */
@media screen and (max-width: 640px) {
    .cmp-masonry__item {
        width: 100% !important;
    }
}

/* Size Hangi Konuda Yardımcı Olabiliriz? kısmı */
@media screen and (max-width: 768px) {
    .cmp-helpbox-bar {
        flex-direction: column !important;
        gap: 20px;
    }

    .cmp-helpbox-bar
}

/* YOUTUBE VİDEOSU */

.cmp-video-block {
    margin: 40px auto;
    width: 100%;
    max-width: 900px;
    position: relative;
}

.cmp-video-block a.video-overlay-link {
    display: block;
    text-decoration: none !important;
    position: relative;
    border: 1px solid #eee;
    overflow: hidden;
}


.video-image-holder {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    background: #000;
}

.video-image-holder img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}


.video-overlay-link:hover .video-image-holder img {
    transform: scale(1.05);
}


.video-play-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
    z-index: 10;
}


.play-icon-yellow {
    background-color: rgba(255, 204, 0, 0.9);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.play-icon-yellow .play-triangle {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #000;
    margin-left: 5px;
}


.video-overlay-link:hover .play-icon-yellow {
    transform: scale(1.1);
}


.video-overlay-link::after,
.video-overlay-link i {
    display: none !important;
}


.video-image-holder img {
    border: none !important;
    outline: none !important;
}


/* Görsel Alanı Sistem Detay*/

.teknik-cizim-wrapper {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 50% !important;
    text-align: center;
}

.teknik-cizim-wrapper img {
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
    border: 1px solid #000000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    padding: 5px;
    background-color: #fff;
}

@media screen and (max-width: 640px) {
    .teknik-cizim-wrapper {
        max-width: 100% !important;
    }
}


@media screen and (max-width: 768px) {
    .teknik-cizim-wrapper {
        max-width: 100% !important;
    }
}

/* YAPI ÇÖZÜMLERİ MOBİL */
@media screen and (max-width: 1024px) {

    /* Kartı mobilde satır bazlı yapma */
    .clever-mobile-li .clever-menu-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: 10px 15px !important;
        border-bottom: 1px solid #f0f0f0;
    }

    /* Görseli küçültme */
    .clever-mobile-li .clever-menu-card__image {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        margin-bottom: 0 !important;
        margin-right: 15px !important;
    }

    .clever-mobile-li .clever-menu-card__title {
        text-align: left !important;
        font-size: 14px !important;
        margin: 0 !important;
    }


    .clever-mobile-li.has-children::after {
        top: 25px !important;
    }
}

/* SİZE NASIL YARDIMCI OLABİLİRİZ? MOBİL */
@media screen and (max-width: 768px) {

    /* Ana barı dikey dizilime zorla ve taşmayı engelle */
    .cmp-helpbox-bar {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 20px !important;
        background: transparent !important;
        box-shadow: none !important;
        margin-top: -50px !important;
    }

    /* Her bir gri kutuyu tam genişlik yap ve hizala */
    .cmp-helpbox-bar .cmp-helpbox__icon {
        width: 100% !important;
        max-width: 100% !important;
        margin: 5px 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 20px !important;
        height: auto !important;
        background-color: #444 !important;
        border-radius: 4px;
        text-align: left !important;
    }

    /* İkonların boyutu ve sağındaki boşluk */
    .cmp-helpbox-bar .cmp-helpbox__icon i {
        font-size: 24px !important;
        margin-right: 15px !important;
        margin-bottom: 0 !important;
    }


    .cmp-helpbox__icon-text {
        font-size: 16px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }
}


/* MOBİL BAŞLIKLAR */
@media screen and (max-width: 768px) {

    .cmp-hero__content--wrapper,
    .cmp-hero__content--wrapper--light {
        width: 90% !important;
        max-width: 90% !important;
        min-width: auto !important;
        display: block !important;
        margin: 0 auto !important;
        padding: 15px !important;
    }


    .cmp-hero__content--wrapper--light h1.cmp-display {
        font-size: 20px !important;
        line-height: 1.2 !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
        text-align: center !important;
        display: block !important;
    }
}

/* Çok küçük ekranlar (iPhone SE vb.) için ek önlem */
@media screen and (max-width: 380px) {
    .cmp-hero__content--wrapper--light h1.cmp-display {
        font-size: 28px !important;
    }
}

/* WhatsApp İkon  */
.clever-whatsapp-premium {
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 30px;
    left: 45px;
    background-color: #D89A2E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
}

/* SVG İkon Boyutu ve Rengi */
.whatsapp-premium-svg {
    width: 38px;
    height: 38px;
    fill: #434345;
    display: block;
}

/* Hover Efekti: Büyüme ve Gölge */
.clever-whatsapp-premium:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
    background-color: #25D366;
}


@media screen and (max-width: 768px) {
    .clever-whatsapp-premium {
        width: 55px;
        height: 55px;
        bottom: 20px;
        left: 20px;
    }

    .whatsapp-premium-svg {
        width: 30px;
        height: 30px;
    }
}

.clever-main-slider {
    position: relative;
    height: 600px;
    /* Hero alanının yüksekliği, ihtiyaca göre değiştir */
    overflow: hidden;
}

.clever-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    /* Geçiş yumuşaklığı */
    z-index: 1;
}

.clever-slide.active {
    opacity: 1;
    z-index: 2;
}

/* Mevcut background yapısının tam oturması için */
.clever-slide .cmp-hero__background,
.clever-slide .cmp-hero__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Metinlerin görselin üzerinde ortalanması */
.clever-slide .cmp-hero__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper .swiper-button-next {
    z-index: 99999;
}


.cmp-hero__content--video {
    pointer-events: none !important;
}


/* 1. Hayalet Mavi Oku Öldür (En Radikal Kısım) */
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none !important;
    content: none !important;
    font-family: serif !important;
}

/* 2. Buton Konteynırı (Sarı Daire) */
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev,
.homeSlider .swiper-button-next,
.homeSlider .swiper-button-prev {
    background-color: #fab005 !important;
    width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    color: transparent !important;
}


/* Sağ Ok */
.mySwiper .swiper-button-next,
.homeSlider .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z' fill='%232c2c2c'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
}

/* Sol Ok */
.mySwiper .swiper-button-prev,
.homeSlider .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z' fill='%232c2c2c'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
}


.mySwiper .swiper-button-next:hover,
.mySwiper .swiper-button-prev:hover,
.homeSlider .swiper-button-next:hover,
.homeSlider .swiper-button-prev:hover {
    background-color: #434345 !important;
    transform: scale(1.1);
}


.mySwiper .swiper-button-next:hover,
.homeSlider .swiper-button-next:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z' fill='%23fab005'/%3E%3C/svg%3E") !important;
}

.mySwiper .swiper-button-prev:hover,
.homeSlider .swiper-button-prev:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z' fill='%23fab005'/%3E%3C/svg%3E") !important;
}

/* 1. Genel Nokta (Bullet) Tasarımı */
.mySwiper .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background-color: #fff !important;
    opacity: 0.5 !important;
    transition: all 0.3s ease-in-out !important;
}


.mySwiper .swiper-pagination-bullet-active {
    background-color: #fab005 !important;
    opacity: 1 !important;
    width: 35px !important;
    border-radius: 6px !important;
}


.mySwiper .swiper-pagination {
    bottom: 20px !important;
}





/* 1. Genel Kart Yapısı ve Yumuşak Köşeler */
.custom-card-area .cmp-teaser--card {
    border-radius: 15px !important;
    overflow: hidden;
    position: relative;
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}


.custom-card-area .cmp-teaser--card.is-visible {
    opacity: 1;
    transform: translateY(0);
}


.custom-card-area .cmp-teaser__content {
    position: relative;
    z-index: 1;
    transition: color 0.4s ease;
}

.custom-card-area .cmp-teaser__content::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #ffb400;
    transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}


.custom-card-area .cmp-teaser--card:hover .cmp-teaser__content::before {
    height: 100%;
}


.custom-card-area .cmp-teaser--card:hover h4,
.custom-card-area .cmp-teaser--card:hover .cmp-text {
    color: #ffffff !important;
}


.custom-card-area .cmp-image {
    position: relative !important;
    display: block !important;
    line-height: 0;
    overflow: hidden;
}


.custom-card-area .cmp-image::after {
    content: 'İNCELE';
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0.5) !important;
    width: 80px;
    height: 80px;
    background: rgba(255, 180, 0, 0.95);
    color: white;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    opacity: 0 !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    z-index: 999;
    pointer-events: none;
}


.custom-card-area .cmp-teaser--card:hover .cmp-image::after {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

@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: var(--color-grey);
}

.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: #fab005;
    color: #fff
}

.cmp-background-keynumber--dark-grey .cmp-key-number__value {
    color: #434345;
}

.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;
    margin-top: 2rem;
}

.sika-button:after {
    content: "";
    display: block;
    clear: both
}

.cmp-button .cmp-icon {
    font-size: 1.5rem;
    margin-right: 15px;
    vertical-align: middle;
}

.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: 60px;
    margin-top: 15px;
    padding-left: 13px;
    font-weight: 550;
    font-size: 23px;
}

.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;
    font-size: 20px;
}

.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-iframe.cmp-iframe--aspect-ratio-9-16 {
    position: static;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    height: auto;
    padding-bottom: 0;
    --navbar-h: 80px;
    --iframe-h: calc(100vh - var(--navbar-h))
}

.cmp-iframe.cmp-iframe--aspect-ratio-9-16>iframe {
    display: block;
    height: clamp(400px, var(--iframe-h), 960px);
    width: calc(.5625*clamp(400px, var(--iframe-h), 960px));
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.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: 0px;
    margin-bottom: 3.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: 2rem;
}

.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--light {
    background-color: #0006;
    color: #fff;
    padding: 30px
}

.cmp-hero__content--wrapper .cmp-display {
    font-weight: 400;
    text-transform: uppercase;
    word-break: keep-all;
}

.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: 90px;
        margin-bottom: 50px;
    }

    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;
    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 rgb(249, 175, 6);
    outline-color: rgb(249, 175, 6);
    background-color: rgb(249, 175, 6);
    background-color: rgb(249, 175, 6);
    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(--color-orange);
    color: #fff;
}

.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;
}

.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: center;
        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;
    align-items: center;
}

.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;
    border-radius: 24px;
}

.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: var(--color-orange);
}

.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: white;
    color: white;
}

.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;
    border-radius: 24px;
    outline: none !important;
    border: 3px solid #fff !important;
}

.cmp-teaser.cmp-teaser--document .cmp-teaser__content:hover {
    outline: none !important;
    border: 3px solid #f9af06 !important;
}

.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;
    padding-top: 13px;
    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: var(--color-orange);
    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: 240px;
    max-width: 240px;
    margin: 0 17.5px;
    padding: 20px;
    background-color: var(--color-grey);
    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: var(--color-orange);
}

@media print,
screen and (min-width: 40em) {
    .cmp-helpbox-offset {
        margin-top: 15px;
        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%)
}



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(--color-grey)
}

.cmp-footer-container__links {
    background-color: var(--color-orange);
}

.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
}

.cmp-header--is-sticky .cmp-header__logo--is-mobile {
    width: 170px;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.textimage section {
    width: 300px;
}

@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: #D89A2E;
    padding-bottom: 35px;
    height: 145px;
    animation: slide-up .4s
}

.cmp-header--is-sticky .cmp-header__content {
    background-color: #D89A2E !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: -90px;
        width: 240px;
        height: 126px;
        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;
    margin-bottom: 8px;
    opacity: 1;
    background-color: #111827;
    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%
    }
}

.cmp-brands-carousel-container__brands__brand {
    width: 250px;
}

@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;
        width: 100%;
        background-color: #111827;
        height: 50px;
        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: white;
    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: white;
    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: -50px;
    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;
    
    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: 305px
    }

    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: #D89A2E;
    position: static;
    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: #fff;
    color: #fff;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link:hover {
    color: #fff;
    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))
}

@media print,
screen and (max-width: 768px) {
    .cmp-header .cmp-main-navigation .cmp-navigation-segment {
        display: none !important;
    }
}
    
    


.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content {
    box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
    display: none;
    position: absolute;
    top: 85px;
    background: #ffffff;
    border: 1px solid #f5f5f5;
    padding: 20px 20px 0;
    overflow: scroll;
    width: 80% !important;       
    max-width: 1200px !important;
    width: 100%;
    max-height: 650px;
    left: 54% !important;
    transform: translateX(-50%) !important;
}

.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: 20px;
    font-size: 18px;
    border-bottom: 0, 5px solid;
    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: 8px;
}

.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: white !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);
        
    }

    .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
}

@media print,
screen and (max-width: 39.99875em) {
    .cmp-cookie {
        display: block
    }
}

.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;
    margin-top: 10px
}

.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(--color-grey);
    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;
    display: flex;
    justify-content: center;
}

.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: var(--color-orange);
    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: end;
    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);
    padding: 20px;
}

.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-title {
    padding-top: 20px;
}

.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: 15px;
    padding-top: 15px;
}

.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;
}

.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 {
    display: list-item;
    text-indent: -32px;
    padding-left: 34px;
}

.cmp-product__attributes ul {
    padding-bottom: 30px;
}

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 {
        padding-top: 10px;
        justify-content: center;
        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
}

body.productpage.sika-ui-redesign .sika-ui-layout-container--title {
    font-size: 2.5rem;
    margin-bottom: 34px
}

body.productpage.sika-ui-redesign .cmp-sticky-container {
    display: none
}

body.productpage.sika-ui-redesign .cmp-product>h3 {
    border-bottom: none;
    padding: 0;
    font-size: 30px;
    margin-bottom: 24px
}

body.productpage.sika-ui-redesign .productcontentoverview.productcontent {
    padding-right: 1.875rem;
    margin-bottom: 40px
}

body.productpage.sika-ui-redesign .productcontentoverview.productcontent .cmp-product {
    height: 100%;
    border-bottom: 1px solid black;
    padding-bottom: 34px;
    padding-top: 0
}

body.productpage.sika-ui-redesign .sika-ui-accordion>* {
    grid-column: span 12
}

@media (min-width: 1024px) {
    body.productpage.sika-ui-redesign .sika-ui-layout-container--title {
        font-size: 2rem;
        margin-bottom: 32px
    }

    body.productpage.sika-ui-redesign .cmp-product>h3 {
        font-size: 1.5rem
    }

    body.productpage.sika-ui-redesign .productcontentoverview.productcontent {
        margin-bottom: 30px
    }
}

.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-video[data-video-type=qumu] .kv-player {
    background-color: transparent !important
}

.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__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__search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 16px;
    height: 15px
}

.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;
    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
}

.home-slider-area {
    position: relative;
}

.homeSlider {
    height: 80vh;
}

.slider-item {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: transform 6s ease;
}

/* aktif slide zoom efekti */
.swiper-slide-active img {
    transform: scale(1);
}

.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.slider-content {
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 60px;
    max-width: 500px;
    color: #fff;
}

.slider-content h3 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
}

.slider-content p {
    font-size: 18px;
    opacity: 0.9;
    margin-bottom: 20px;
}

.custom-btn-slider {
    display: inline-block;
    padding: 12px 25px;
    background: #f9af06;
    color: #000;
    border-radius: 50px;
    font-weight: 600;
    transition: .3s;
}

.custom-btn-slider:hover {
    background: #fff !important;
    color: #000 !important;
}


/* pagination */
.swiper-pagination-bullet {
    background: #f9af06 !important;
    opacity: 0.5;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    transform: scale(1.2);
}

.slider-content {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 600px;
    width: 100%;
    color: #fff;
    height: max-content;
}

.slider-content h3 {
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 15px;
    letter-spacing: -1px;
}

.slider-content p {
    font-size: 20px;
    opacity: 0.9;
    margin-bottom: 25px;
}

@media screen and (min-width: 95em) {
    .ozel-container {
        padding-left: 160px;
        padding-right: 160px;
    }

}

.section.system {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.section.system .cmp-textimage {
    width: calc(100% / 5 - 20px);
    padding-bottom: 20px;
}

.mySwiper .swiper-button-prev {
    display: none !important;
}

.mySwiper .swiper-button-next {
    display: none !important;
}

.custom-hover-img {
    border-radius: 24px;
    border: 6px solid transparent !important;
    transition: 2s cubic-bezier(0.2, 0.8, 0.2, 1);
    overflow: hidden;
}


.custom-hover-img:hover {
    transition: 2s cubic-bezier(0.2, 0.8, 0.2, 1);
    opacity: 1;
    transform: translateY(0px);
    border: 6px solid rgb(249, 175, 6) !important;
    color: var(--teaser-color-hover-dark);
}

.custom-hover-img img {
    transition: .5s ease-in-out all;
}

.custom-hover-img:hover img {
    transition: .5s ease-in-out all;
    transform: scale(1.05);
}

.cmp-teaser__content {
    height: 288px !important;
}

.yalitimmenu .grid-container {
    max-width: 100% !important;
}


.yalitimmenu .grid-x {
    width: 100% !important;
}

.yalitimmenu .cell {
    width: calc(100% / 7) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.clever-menu-card__image {
    overflow: hidden;
    border-radius: 12px;
}

.clever-menu-flow-container .clever-menu-card:hover .clever-menu-card__image {
    box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
    outline: 6px solid rgb(249, 175, 6);
    outline-color: rgb(249, 175, 6);
    background-color: rgb(249, 175, 6);
    background-color: rgb(249, 175, 6);
    color: var(--teaser-color-hover-dark);
}


li::marker {
    color: transparent;
}

.cmp-product ul {
    margin-left: 0 !important;
}

.textimage img {
    border-radius: 24px;
    transition: .3s ease-in-out all;
    border: 3px solid transparent !important;
    outline: none !important;
}

.textimage img:hover {
    border: 3px solid #f9af06 !important;
    transition: .3s ease-in-out all;
}

@media screen and (max-width: 768px) {
    .homeSlider h3 {
        font-size: 16px;
        width: 100% !important;
    }

    .home-slider-nav {
        display: none !important;
    }

    .section.system .cmp-textimage {
        width: calc(100% / 2 - 20px) !important;
        padding-bottom: 20px;
    }

    .urungorselalani img {
        object-fit: contain;
    }
}

.teklif-btn-genel {
    align-items: center;
    gap: 15px;
    margin-left: 50px;
}


.teklif-btn {
    align-items: center;
    justify-content: center;
    background-color: #232831;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.3s ease;
}


.teklif-btn:hover {
    background-color: #f3f3f3;
}

@media screen and (max-width: 768px) {
    .teklif-btn-genel {
        align-items: center;
        gap: 15px;
        margin-right: 50px;
    }

    .cmp-header__logo img {
        margin-top: 0px !important;
    }
}


.searchBtn {
    width: 100%;
    display: flex; 
    align-items: center;
    justify-content: end;
}

.searchBtn label {
    padding: 4px;
    font-size: 20px;
    background: #fff;
    border-top: 1px solid #232831;
    border-bottom: 1px solid #232831;
    border-left: 1px solid #232831;
    border-radius: 4px 0px 0px 4px;
}

.searchBtn input {
    background-color: #fff;
    border-top: 1px solid #232831;
    border-bottom: 1px solid #232831;
    border-right: 1px solid #232831;
    padding: 10px 20px;
    border-radius: 0px 4px 4px 0px;
}

.cmp-header--is-sticky .searchBtn {
    margin-top: 14px;
}





@media print, screen and (max-width: 64em) {
    .teklif-btn-genel {
        display: none;
    }
    
    .deskSearch {
        display: none;
    }
    .mobileSearch .searchBtn {
        margin-top: 15px;
    justify-content: center;
}
}

.cmp-main-navigation {
        width: max-content !important;
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    border: none !important;
    padding-left: 0 !important;
}

.cmp-navigation-segment {
    background: transparent !important;
    box-shadow: none !important;
}

.cmp-header-container {
        display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.cmp-header__content-right {
    flex: 0 !important;
}

.clever-mega-wrapper {
    width: 70% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 125px !important;
}