/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

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

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

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
}

svg:not(:root) {
    overflow: hidden
}

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

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

button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

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-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    font-family: Arial, sans-serif;
    font-size: 100%;
    font-weight: 400
}

body {
    background-color: #4a4949
}

a {
    color: inherit;
    text-decoration: none
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

main {
    background-color: #fff
}
.wrapper {
    height: 100vh;
    display: flex;
    flex-direction: column;
}
.main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.site-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

@media (max-width:60em) {
    .site-width {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:35em) {
    .site-width {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.site-width-l {
    margin-left: auto;
    margin-right: auto;
    max-width: 84.375rem;
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

@media (max-width:60em) {
    .site-width-l {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:35em) {
    .site-width-l {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.inside {
    position: relative
}

.inside_narrower {
    padding-left: 1rem;
    padding-right: 1rem
}

@media (max-width:35em) {
    .inside_narrower {
        padding-left: 0;
        padding-right: 0
    }
}

.columns {
    width: 100%
}

.columns:after {
    clear: both;
    content: "";
    display: table
}

.columns-row {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.column {
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
    width: 100%
}

.column.-large-col-2-1 {
    width: 50%
}

.column.-large-col-2-2 {
    width: 100%
}

.column.-large-col-3-1 {
    width: 33.33333%
}

.column.-large-col-3-2 {
    width: 66.66667%
}

.column.-large-col-3-3 {
    width: 100%
}

.column.-large-col-4-1 {
    width: 25%
}

.column.-large-col-4-2 {
    width: 50%
}

.column.-large-col-4-3 {
    width: 75%
}

.column.-large-col-4-4 {
    width: 100%
}

.column.-large-col-6-1 {
    width: 16.66667%
}

.column.-large-col-6-2 {
    width: 33.33333%
}

.column.-large-col-6-3 {
    width: 50%
}

.column.-large-col-6-4 {
    width: 66.66667%
}

.column.-large-col-6-5 {
    width: 83.33333%
}

.column.-large-col-6-6 {
    width: 100%
}

@media (max-width:60em) {
    .column.-medium-col-1-1 {
        width: 100%
    }

    .column.-medium-col-2-1 {
        width: 50%
    }

    .column.-medium-col-2-2 {
        width: 100%
    }

    .column.-medium-col-4-1 {
        width: 25%
    }

    .column.-medium-col-4-2 {
        width: 50%
    }

    .column.-medium-col-4-3 {
        width: 75%
    }

    .column.-medium-col-4-4 {
        width: 100%
    }
}

@media (max-width:35em) {
    .column.-small-col-1-1 {
        width: 100%
    }

    .column.-small-col-2-1 {
        width: 50%
    }

    .column.-small-col-2-2 {
        width: 100%
    }
}

.column.-large-first {
    clear: left
}

@media (max-width:60em) {
    .column.-large-first {
        clear: none
    }

    .column.-medium-first {
        clear: left
    }
}

@media (max-width:35em) {
    .column.-medium-first {
        clear: none
    }

    .column.-small-first {
        clear: left
    }
}

@media (max-width:60em) {
    .-medium-col-shift {
        margin-top: 2.5rem
    }
}

.section {
    padding-bottom: 5rem;
    padding-top: 5rem
}

@media (max-width:64em) {
    .section {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.section_intro {
    border-top: 2px solid #f6ae07
}

.section_intro .inside {
    margin-left: auto;
    margin-right: auto;
    max-width: 61.25rem
}

@media (max-width:35em) {
    .section_intro__image-column {
        margin-top: 1.25rem
    }
}

.section-description p,
.section-details p {
    margin-left: auto;
    margin-right: auto;
    max-width: 58rem;
    text-align: center
}

.section-description a,
.section-details a {
    text-decoration: underline;
    transition: color .24s
}

.section-description a:hover,
.section-details a:hover {
    color: #f6ae07
}

.section-description {
    margin-bottom: 3rem
}

.section-description *+.section-image {
    margin-top: 1.25rem
}

.section-details {
    padding-top: 5rem
}

.section-details>*+* {
    margin-top: 1.2em
}

.section-details p {
    max-width: 40rem
}

.section-details .table-group {
    gap: 2.4em 2.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(460px, 100%), 1fr));
    justify-items: center
}

.section-details .table-group:not(:first-child) {
    margin-top: 2.4em
}

.section-details .default-table {
    max-width: 460px
}

.section-details .footnote {
    margin-top: 1.2em
}

.section-headline {
    font-family: 'Archivo Black', Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width:64em) {
    .section-headline {
        font-size: 1rem
    }
}

@media (max-width:35em) {
    .section-headline {
        font-size: .875rem
    }
}

.section-headline_tiny {
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

@media (max-width:60em) {
    .section-headline_tiny {
        display: block
    }
}

@media (max-width:35em) {
    .section-headline_tiny {
        font-size: .75rem;
        margin-top: .25rem
    }
}

.section-title {
    background-color: #efefef;
    border: .375rem solid #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.section .section-title {
    margin-bottom: -5rem;
    margin-top: -5rem
}

.section-image {
    margin-left: auto;
    margin-right: auto;
    max-width: 36.5625rem
}

.section__group:not(:first-child) {
    border-top: .0625rem solid rgba(0, 0, 0, .25);
    margin-top: 3rem;
    padding-top: 3rem
}

.section__dependence-stage {
    margin-top: 1.25rem
}

.section_gray {
    background-color: #efefef
}

.section_gray-strip {
    background: linear-gradient(180deg, #efefef, #efefef calc(10rem + 47%), #fff calc(10rem + 47%))
}

@media (max-width:35em) {
    .section_gray-strip {
        background: linear-gradient(180deg, #efefef, #efefef 90%, #fff 90%)
    }
}
.section_yellow {
    background: radial-gradient(ellipse,#ffd025,#f6ae07);
  }
.section_gallery-full-width {
    margin-bottom: .625rem
}

.section_slider {
    padding-top: 5rem
}

@media (max-width:60em) {
    .section_slider {
        padding-top: 3rem
    }
}

.section_quote {
    padding-bottom: 5rem
}

@media (max-width:64em) {
    .section_quote {
        padding-bottom: 3rem
    }
}

.section_white-space {
    padding-bottom: 7.875rem
}

@media (max-width:64em) {
    .section_white-space {
        padding-bottom: 3rem
    }
}

@media (max-width:35em) {
    .section_top-button {
        padding-top: 5rem
    }
}

.header {
    align-items: center;
    background-color: #fff;
    color: #4a4949;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 80vw;
    height: 25vh;
}

@supports (display:grid) {
    .header {
        background-color: transparent
    }
}

.header__logo {
    z-index: 30
}

.header__nav {
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 20
}

@media (max-width:60em) {
    .header__nav {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.header__nav-button {
    align-self: center;
    display: none;
    grid-area: header-nav;
    justify-content: flex-end;
    position: relative;
    z-index: 30
}

@media (max-width:60em) {
    .header__nav-button {
        display: flex
    }
}

.banner .video {
    position: relative
}

.banner .videocontainer {
    background-image: radial-gradient(circle, #f6d550, #ecb93e);
    padding-bottom: 42.65%
}

.banner .videocontainer video {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.banner-box {
    background-image: radial-gradient(ellipse, #ffd025, #f6ae07);
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 2rem;
    justify-content: space-evenly;
    margin-left: auto;
    margin-right: auto;
    max-width: 73.75rem;
    padding: 1.25rem;
    position: relative;
    z-index: 2
}

@supports (display:grid) {
    .banner-box {
        background-image: none;
        padding: 7vw 0 1.25rem
    }

    @media (max-width:60em) {
        .banner-box {
            padding-top: 1.25rem
        }
    }
}

@media (max-width:66em) {
    .banner-box {
        font-size: calc(1rem + 1vw)
    }
}

@media (max-width:60em) {
    .banner-box {
        flex-direction: row;
        font-size: calc(1.25rem + 1vw);
        justify-content: space-between;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.banner-box>* {
    flex-grow: 1
}

.banner-box>:not(:first-child) {
    margin-top: 1.25em
}

@media (max-width:60em) {
    .banner-box>:not(:first-child) {
        margin-top: 0
    }
}

@media (max-width:60em) {
    .banner-box>* {
        flex: 1;
        max-width: 350px
    }
}

@media (max-width:35em) {
    .banner-box>* {
        max-width: none
    }
}

@media (max-width:60em) {
    .banner-box__head:last-child {
        max-width: 500px
    }
}

@media (max-width:60em) {
    .banner-box__head:not(:last-child) {
        margin-bottom: 1.5em;
        padding-right: 2em
    }
}

.banner-box__head>:not(:first-child) {
    margin-top: 1em
}

.banner-box-background {
    background-image: radial-gradient(ellipse, #ffd025, #f6ae07);
    position: relative;
    z-index: 1
}

.banner-backdrop {
    display: flex
}

.banner-backdrop-viewport {
    flex: 1;
    padding-bottom: 52.85714%;
    position: relative
}

@media (max-width:60em) {
    .banner-backdrop-viewport {
        padding-bottom: 67.56757%
    }
}

.banner-backdrop-image {
    background-color: #efefef;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .24s;
    width: 100%
}

.banner-backdrop-image[data-active=true] {
    opacity: 1
}

.banner-backdrop-image[data-active=false] {
    opacity: 0
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .banner-backdrop-image>picture>img {
        -o-object-fit: cover;
        -o-object-position: left 20% top 0;
        height: 100%;
        object-fit: cover;
        object-position: left 20% top 0
    }

    @media (max-width:60em) {
        .banner-backdrop-image>picture>img {
            -o-object-position: initial;
            object-position: initial
        }
    }
}

.banner-backdrop-disturber {
    -webkit-animation: eyecatcher-appear .6s cubic-bezier(.34, 1.56, .64, 1);
    -webkit-animation-delay: .6s;
    -webkit-animation-fill-mode: backwards;
    animation: eyecatcher-appear .6s cubic-bezier(.34, 1.56, .64, 1);
    animation-delay: .6s;
    animation-fill-mode: backwards;
    max-width: 25vw;
    position: absolute;
    right: 4vw;
    top: 14vw;
    transform-origin: center;
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1)
}

@media (hover:hover) {
    .banner-backdrop-disturber:has(a):hover {
        transform: scale(1.1)
    }
}

@-webkit-keyframes eyecatcher-appear {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes eyecatcher-appear {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.banner-headline {
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.2;
    text-transform: uppercase
}

.banner-headline:after {
    background-color: #fff;
    content: "";
    display: block;
    height: .075em;
    margin-top: .25em;
    width: 3ch
}

.banner-subheadline {
    font-family: merriweatheritalic, serif;
    font-feature-settings: "lnum"1;
    font-size: 2.5rem;
    font-style: normal;
    line-height: 1.4;
    /* text-transform: uppercase */
}

.banner-subheadline_feature {
    font-weight: 400;
    text-transform: inherit
}

.logo {
    background-repeat: no-repeat;
    display: block
}

.logo_header {
    background-size: 350px 102px;
    height: 102px;
    width: 350px
}

@media (max-width:66em) {
    .logo_header {
        background-size: 230px 67px;
        height: 67px;
        width: 230px
    }
}

@media (max-width:35em) {
    .logo_header {
        background-size: 175px 51px;
        height: 51px;
        width: 175px
    }
}

.logo_layout-full {
    background-image: url(../img/header_logo_dark@350.png)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .logo_layout-full {
        background-image: url(../img/header_logo_dark@700.png)
    }
}

@media (max-width:60em) {
    .logo_layout-full {
        background-image: url(../img/header_logo_light@230.png);
        filter: drop-shadow(0 0 4px rgba(13, 56, 102, .589))
    }
}

@media (max-width:60em) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:60em) and (min-resolution:144dpi) {
    .logo_layout-full {
        background-image: url(../img/header_logo_light@460.png)
    }
}

@media (max-width:60em) and (-webkit-min-device-pixel-ratio:2.5),
(max-width:60em) and (-webkit-min-device-pixel-ratio:3.6458333333333335),
(max-width:60em) and (min-resolution:350dpi) {
    .logo_layout-full {
        background-image: url(../img/header_logo_light@700.png)
    }
}

@media (max-width:35em) {
    .logo_layout-full {
        background-image: url(../img/header_logo_light@175.png)
    }
}

@media (max-width:35em) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:35em) and (min-resolution:144dpi) {
    .logo_layout-full {
        background-image: url(../img/header_logo_light@350.png)
    }
}

@media (max-width:35em) and (-webkit-min-device-pixel-ratio:2.5),
(max-width:35em) and (-webkit-min-device-pixel-ratio:3.6458333333333335),
(max-width:35em) and (min-resolution:350dpi) {
    .logo_layout-full {
        background-image: url(../img/header_logo_light@700.png)
    }
}

.theme_nero .logo_layout-full {
    background-size: 350px 140px;
    height: 140px;
    width: 350px
}

@media (max-width:66em) {
    .theme_nero .logo_layout-full {
        background-size: 230px 92px;
        height: 92px;
        width: 230px
    }
}

@media (max-width:35em) {
    .theme_nero .logo_layout-full {
        background-size: 175px 70px;
        height: 70px;
        width: 175px
    }
}

.logo_layout-default,
.logo_layout-sub {
    background-image: url(../img/header_logo_dark@350.png)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {

    .logo_layout-default,
    .logo_layout-sub {
        background-image: url(../img/header_logo_dark@700.png)
    }
}

@media (max-width:60em) {

    .logo_layout-default,
    .logo_layout-sub {
        background-image: url(../img/header_logo_dark@230.png)
    }
}

@media (max-width:60em) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:60em) and (min-resolution:144dpi) {

    .logo_layout-default,
    .logo_layout-sub {
        background-image: url(../img/header_logo_dark@460.png)
    }
}

@media (max-width:60em) and (-webkit-min-device-pixel-ratio:2.5),
(max-width:60em) and (-webkit-min-device-pixel-ratio:3.6458333333333335),
(max-width:60em) and (min-resolution:350dpi) {

    .logo_layout-default,
    .logo_layout-sub {
        background-image: url(../img/header_logo_dark@700.png)
    }
}

@media (max-width:35em) {

    .logo_layout-default,
    .logo_layout-sub {
        background-image: url(../img/header_logo_dark@175.png)
    }
}

@media (max-width:35em) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:35em) and (min-resolution:144dpi) {

    .logo_layout-default,
    .logo_layout-sub {
        background-image: url(../img/header_logo_dark@350.png)
    }
}

@media (max-width:35em) and (-webkit-min-device-pixel-ratio:2.5),
(max-width:35em) and (-webkit-min-device-pixel-ratio:3.6458333333333335),
(max-width:35em) and (min-resolution:350dpi) {

    .logo_layout-default,
    .logo_layout-sub {
        background-image: url(../img/header_logo_dark@700.png)
    }
}

.theme_nero .logo_layout-default,
.theme_nero .logo_layout-sub {
    background-image: url(../img/header_logo_dark_subpage@350.png)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {

    .theme_nero .logo_layout-default,
    .theme_nero .logo_layout-sub {
        background-image: url(../img/header_logo_dark_subpage@700.png)
    }
}

@media (max-width:60em) {

    .theme_nero .logo_layout-default,
    .theme_nero .logo_layout-sub {
        background-image: url(../img/header_logo_dark_subpage@230.png)
    }
}

@media (max-width:60em) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:60em) and (min-resolution:144dpi) {

    .theme_nero .logo_layout-default,
    .theme_nero .logo_layout-sub {
        background-image: url(../img/header_logo_dark_subpage@460.png)
    }
}

@media (max-width:60em) and (-webkit-min-device-pixel-ratio:2.5),
(max-width:60em) and (-webkit-min-device-pixel-ratio:3.6458333333333335),
(max-width:60em) and (min-resolution:350dpi) {

    .theme_nero .logo_layout-default,
    .theme_nero .logo_layout-sub {
        background-image: url(../img/header_logo_dark_subpage@700.png)
    }
}

@media (max-width:35em) {

    .theme_nero .logo_layout-default,
    .theme_nero .logo_layout-sub {
        background-image: url(../img/header_logo_dark_subpage@175.png)
    }
}

@media (max-width:35em) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:35em) and (min-resolution:144dpi) {

    .theme_nero .logo_layout-default,
    .theme_nero .logo_layout-sub {
        background-image: url(../img/header_logo_dark_subpage@350.png)
    }
}

@media (max-width:35em) and (-webkit-min-device-pixel-ratio:2.5),
(max-width:35em) and (-webkit-min-device-pixel-ratio:3.6458333333333335),
(max-width:35em) and (min-resolution:350dpi) {

    .theme_nero .logo_layout-default,
    .theme_nero .logo_layout-sub {
        background-image: url(../img/header_logo_dark_subpage@700.png)
    }
}

.logo_footer img {
    max-width: 15.375rem;
    width: 100%
}

.company-logo_footer img {
    max-width: 16.25rem;
    width: 100%
}

.main-nav {
    font-size: 1.125rem;
    transition: opacity .48s, transform .48s
}

.main-nav ul {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 600px;
    text-align: end
}

@media (max-width:60em) {
    .main-nav ul {
        max-width: none
    }
}

.main-nav ul+ul {
    margin-top: 1rem
}

@media (max-width:60em) {
    .main-nav ul+ul {
        border-top: .0125rem solid hsla(0, 0%, 100%, .3);
        margin-top: 0;
        padding-top: 1.25rem
    }
}

@media (max-width:60em) {
    .main-nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 2.5rem 1rem 1.25rem
    }
}

@media (max-width:35em) {
    .main-nav ul {
        padding-left: 0;
        padding-right: 0;
        text-align: left
    }
}

@media (max-width:72em) {
    .main-nav {
        font-size: .875rem
    }
}

@media (max-width:60em) {
    .main-nav {
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
        background-color: rgba(74, 73, 73, .5);
        font-size: 1rem;
        width: 100%
    }

    .main-nav[data-active=true] {
        opacity: 1;
        transform: translate(0)
    }

    .main-nav[data-active=false] {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-10%)
    }
}

@supports (display:grid) {

    .main-nav_layout-full,
    .main-nav_layout-sub {
        color: #fff
    }
}

@media (max-width:60em) {

    .main-nav_layout-full,
    .main-nav_layout-sub {
        background-color: rgba(74, 73, 73, .5);
        color: #fff
    }
}

@media (max-width:60em) {
    .main-nav_layout-default {
        background-color: hsla(0, 0%, 93.7%, .5)
    }
}

.main-nav li {
    display: inline-block;
    list-style-type: none
}

@media (max-width:35em) {
    .main-nav li {
        width: 100%
    }
}

.main-nav li a {
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
    transition: color .24s
}

@media (max-width:35em) {
    .main-nav li a {
        padding-bottom: 1em;
        padding-top: 1em;
        width: 100%
    }
}

.main-nav__item.active,
.main-nav__item_active,
.main-nav li a:hover {
    color: #f6ae07
}

.footer-nav ul {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.footer-nav li {
    border-top: 1px solid hsla(0, 0%, 100%, .3);
    display: block;
    list-style-type: none
}

.footer-nav li a {
    display: inline-block;
    padding: .375rem .5rem;
    transition: background-color .24s;
    width: 100%
}

.footer-nav li a:hover {
    background-color: hsla(0, 0%, 100%, .1);
    text-decoration: none
}

.below-footer-nav li {
    display: inline-block
}

.below-footer-nav li:not(:last-child):after {
    content: "|";
    padding-left: .3em
}

.onpage-nav {
    counter-reset: onpage-nav
}

.onpage-nav__item {
    counter-increment: onpage-nav;
    display: inline-block;
    list-style-type: none
}

.onpage-nav__item:not(:last-child) {
    margin-right: .375rem
}

.onpage-nav__item a {
    display: inline-block;
    position: relative
}

.onpage-nav__item a:before {
    background-image: radial-gradient(#ffd025, #f6ae07);
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.onpage-nav__item a:after {
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    color: #4a4949;
    content: counter(onpage-nav);
    display: inline-block;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    height: 1.5rem;
    padding-top: .25rem;
    position: relative;
    text-align: center;
    transition: background-color .24s;
    width: 1.5rem
}

.onpage-nav__item span {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.mobile-menu-button,
.onpage-nav__item.active a:after {
    background-color: transparent
}

.mobile-menu-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    outline: none
}

.mobile-menu-button span {
    background-image: url(../img/hamburger_v02.svg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 1.375rem;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 2rem
}

.mobile-menu-button_layout-default span {
    background-image: url(../img/hamburger_dark_v02.svg)
}

.mobile-menu-button_layout-full,
.mobile-menu-button_layout-sub {
    filter: drop-shadow(0 0 4px rgba(13, 56, 102, .589))
}

.checkbox-list-item {
    color: #4a4949;
    cursor: pointer;
    display: block;
    line-height: 1;
    padding: .875rem 1.25rem;
    position: relative
}

@media (max-width:64em) {
    .checkbox-list-item {
        font-size: .875rem;
        padding: .75rem 1rem
    }
}

.checkbox-list-item:not(:last-child):after {
    background-color: rgba(0, 0, 0, .15);
    bottom: 0;
    content: "";
    height: 1px;
    left: 1.25rem;
    position: absolute;
    right: 1.25rem
}

@media (max-width:64em) {
    .checkbox-list-item:not(:last-child):after {
        left: 1rem;
        right: 1rem
    }
}

.checkbox-list-item:hover .checkbox-list-item__meta:after {
    background-color: rgba(0, 0, 0, .25)
}

.checkbox-list-item__button {
    display: table;
    transition: opacity .12s;
    width: 100%
}

.checkbox-list-item__title {
    display: table-cell;
    line-height: 1.4;
    padding-right: 3.75rem;
    vertical-align: middle
}

.checkbox-list-item__title span {
    display: block;
    opacity: .6
}

@media (max-width:35em) {
    .checkbox-list-item__title {
        padding-right: .25rem
    }
}

.checkbox-list-item__meta {
    display: table-cell;
    float: right;
    line-height: 1.2;
    min-width: 7.5rem;
    text-align: right;
    vertical-align: middle
}

@media (max-width:35em) {
    .checkbox-list-item__meta {
        min-width: 6rem
    }
}

.checkbox-list-item__meta:after {
    background-color: rgba(0, 0, 0, .1);
    content: "";
    display: inline-block;
    height: 1.25rem;
    transition: background-color .24s;
    vertical-align: middle;
    width: 1.25rem
}

.checkbox-list-item__price {
    display: inline-block;
    margin-right: 1.25rem;
    text-align: right;
    vertical-align: middle
}

@media (max-width:35em) {
    .checkbox-list-item__price {
        margin-right: .5rem
    }
}

.checkbox-list-item input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.checkbox-list-item input[type=checkbox]:checked+.checkbox-list-item__button .checkbox-list-item__meta:after {
    background-image: url(../img/checkbox_checked.svg)
}

.checkbox-list-item.disabled {
    pointer-events: none
}

.checkbox-list-item.disabled .checkbox-list-item__button {
    opacity: .35
}

.checkbox-list-item.disabled .checkbox-list-item__meta:after {
    background-image: none !important
}

.checkbox-list-item.unclickable {
    cursor: not-allowed;
    pointer-events: none
}

.checkbox-list-item.unclickable .checkbox-list-item__meta:after {
    opacity: .5
}

.checkbox-list-item .input-element__info {
    margin-top: .5em;
    opacity: .5
}

.image-select-columns-row {
    height: 100%;
    margin-left: 0;
    margin-right: 0
}

@media (max-width:35em) {
    .image-select-columns-row {
        margin-left: -.3125rem;
        margin-right: -.3125rem
    }
}

.image-select .columns-row>.columns {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap
}

.image-select .columns-row>.columns>.column:nth-child(2n) {
    margin-bottom: -.625rem;
    margin-top: -.625rem
}

@media (max-width:35em) {
    .image-select .columns-row>.columns>.column:nth-child(2n) {
        margin-bottom: 0;
        margin-top: 0
    }
}

.image-select-grid {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

@media (max-width:35em) {
    .image-select-grid {
        display: block;
        flex-direction: row;
        height: 5.5rem
    }

    .image-select-grid:after {
        clear: both;
        content: "";
        display: table
    }
}

.image-select-button {
    height: 6.25rem;
    max-height: 33.33333%;
    padding-bottom: .625rem;
    padding-top: .625rem;
    width: 100%
}

@media (max-width:46em) {
    .image-select-button {
        height: 4.875rem
    }
}

@media (max-width:35em) {
    .image-select-button {
        float: left;
        height: 100%;
        max-height: none;
        padding-left: .3125rem;
        padding-right: .3125rem;
        width: 33.33333%
    }
}

.image-select-selector {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.image-select-selector>div {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.image-select-selector>div:after {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    bottom: 0;
    content: "";
    height: 1.25rem;
    opacity: .25;
    position: absolute;
    right: .625rem;
    top: .625rem;
    transition: opacity .24s, background .24s;
    width: 1.25rem
}

@media (max-width:35em) {
    .image-select-selector>div:after {
        bottom: .625rem;
        left: .625rem;
        right: auto;
        top: auto
    }
}

.image-select-selector>div:hover:after {
    opacity: .5
}

.image-select-selector_f1>div {
    background-color: #e8b528
}

.image-select-selector_f2>div {
    background-color: #414338
}

.image-select-selector_f3>div {
    background-color: #ac202d
}

.image-select-selector__label {
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    left: .625rem;
    padding-top: .125rem;
    position: absolute;
    top: .625rem
}

@media (max-width:64em) {
    .image-select-selector__label {
        font-size: .75rem
    }
}

@media (max-width:35em) {
    .image-select-selector__label {
        padding-top: 0;
        font-size: .6875rem
    }
}

.image-select-selector input[type=radio] {
    opacity: 0;
    position: absolute
}

.image-select-selector input[type=radio]:checked+div:after {
    background-image: url(../img/checkbox_checked.svg);
    opacity: 1
}

.image-select .inline-slider-viewport {
    padding-bottom: 58.96%
}

.button {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    text-decoration: none
}

.button_default {
    background-color: #4a4949;
    color: #fff;
    font-family: Archivo Black, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    padding: .75rem 1.25rem;
    text-transform: uppercase;
    transition: background-color .24s, opacity .24s
}

@media (max-width:83em) {
    .button_default {
        font-size: .875rem
    }
}

.button_default:not(:disabled):hover {
    background-color: #303030
}

.button_small {
    font-size: 1rem;
    padding: .5em
}

.button_yellow {
    background-image: radial-gradient(50% 4rem at center, #ffd025, #f6ae07);
    color: #4a4949;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    padding: .6875rem 1.25rem;
    text-transform: uppercase;
    transition: color .24s, opacity .24s
}
.button_transparent {
    color: #4a4949;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    padding: .6875rem 1.25rem;
    text-transform: uppercase;
    border: 1px solid #fff;
    transition: color .24s, opacity .24s
}

@media (max-width:83em) {
    .button_yellow {
        font-size: .875rem
    }
}

.button_yellow:not(:disabled):hover {
    color: #fff
}

.button_yellow:not(:disabled):hover:after {
    opacity: 1
}

.button_yellow:after {
    background-color: #4a4949;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .24s;
    z-index: -1;
}

.button_yellow span {
    position: relative;
    z-index: 1
}

.button_huge {
    font-family: Archivo Black, Arial, sans-serif;
    font-weight: 400;
    text-align: center
}

.button_text-left {
    text-align: left
}

.button_text-centered {
    text-align: center
}

.button_fluid {
    display: block;
    width: 100%
}

.button_cta span:after {
    content: ">>";
    padding-left: .5em
}

.button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.cart-button {
    background-color: #fff;
    background-image: url(../img/cart_button_icon_small.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    border-radius: 50%;
    box-sizing: border-box;
    color: #4a4949;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem
}

.cart-button span {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.accordion:not(:last-child) {
    margin-bottom: 1.25rem
}

.accordion-toggle {
    background-color: #4a4949;
    color: #fff;
    display: table;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.125rem 1.25rem;
    text-transform: uppercase;
    width: 100%
}

@media (max-width:64em) {
    .accordion-toggle {
        font-size: 1rem;
        padding: 1rem 1.125rem
    }
}

@media (max-width:35em) {
    .accordion-toggle {
        font-size: .875rem;
        padding: .875rem 1rem
    }
}

.accordion-toggle h3 {
    display: table-cell
}

.accordion-content {
    border-bottom: .0625rem solid rgba(0, 0, 0, .15);
    border-left: .0625rem solid rgba(0, 0, 0, .15);
    border-right: .0625rem solid rgba(0, 0, 0, .15)
}

.gallery {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.gallery:after {
    clear: both;
    content: "";
    display: table
}

.gallery_2>.gallery-col {
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
    width: 50%
}

.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide img {
    width: 100%
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.inline-slider .slick-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/inline_slider_arrow.svg);
    background-repeat: no-repeat;
    background-size: 2.375rem 2.375rem;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    height: 2.375rem;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    width: 2.375rem;
    z-index: 2
}

.inline-slider .slick-prev {
    left: .75rem
}

.inline-slider .slick-next {
    right: .75rem;
    transform: translateY(-50%) scaleX(-1)
}

.inline-slider .slick-disabled {
    opacity: .5;
    pointer-events: none
}

.inline-slider-viewport {
    position: relative;
    width: 100%
}

.inline-slider-container {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .24s;
    width: 100%
}

.inline-slider-container[data-hidden=true] {
    opacity: 0;
    z-index: 0
}

.inline-slider__text {
    padding: 3rem 0;
    position: absolute
}

@media (max-width:60em) {
    .inline-slider__text {
        padding-top: 2.5rem
    }
}

.inline-slider__text-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    position: relative
}

.inline-slider__text.text p {
    line-height: 1.4
}

.inline-slider__text p {
    font-size: .875rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%
}

@media (max-width:60em) {
    .inline-slider__text p {
        font-size: .625rem;
        max-width: none;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.inline-slider__text p strong {
    display: block;
    font-weight: 700;
    margin-bottom: 1.4em
}

.touch-device .inline-slider .slick-arrow {
    display: none !important
}

.dependence-stage {
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 920px;
    position: relative
}

@media (max-width:35em) {
    .dependence-stage {
        max-width: 320px
    }
}

.dependence-stage:before {
    content: "";
    display: block;
    padding-bottom: 10.87%
}

@media (max-width:35em) {
    .dependence-stage:before {
        padding-bottom: 75%
    }
}

.dependence-stage:after {
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .24s
}

.dependence-stage[data-stage="2"]:after {
    opacity: 1
}

.dependence-stage_smarthome {
    background-image: url(../img/pakete_smarthome_stage_1_desktop@1x.png)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .dependence-stage_smarthome {
        background-image: url(../img/pakete_smarthome_stage_1_desktop@2x.png)
    }
}

@media (max-width:35em) {
    .dependence-stage_smarthome {
        background-image: url(../img/pakete_smarthome_stage_1_mobile@1x.png)
    }
}

@media (max-width:35em) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:35em) and (min-resolution:144dpi) {
    .dependence-stage_smarthome {
        background-image: url(../img/pakete_smarthome_stage_1_mobile@2x.png)
    }
}

.dependence-stage_smarthome:after {
    background-image: url(../img/pakete_smarthome_stage_2_desktop@1x.png)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .dependence-stage_smarthome:after {
        background-image: url(../img/pakete_smarthome_stage_2_desktop@2x.png)
    }
}

@media (max-width:35em) {
    .dependence-stage_smarthome:after {
        background-image: url(../img/pakete_smarthome_stage_2_mobile@1x.png)
    }
}

@media (max-width:35em) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:35em) and (min-resolution:144dpi) {
    .dependence-stage_smarthome:after {
        background-image: url(../img/pakete_smarthome_stage_2_mobile@2x.png)
    }
}

.dependence-stage_ladestation {
    background-image: url(../img/pakete_ladestation_stage_1_desktop@1x.png)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .dependence-stage_ladestation {
        background-image: url(../img/pakete_ladestation_stage_1_desktop@2x.png)
    }
}

@media (max-width:35em) {
    .dependence-stage_ladestation {
        background-image: url(../img/pakete_ladestation_stage_1_mobile@1x.png)
    }
}

@media (max-width:35em) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:35em) and (min-resolution:144dpi) {
    .dependence-stage_ladestation {
        background-image: url(../img/pakete_ladestation_stage_1_mobile@2x.png)
    }
}

.dependence-stage_ladestation:after {
    background-image: url(../img/pakete_ladestation_stage_2_desktop@1x.png)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .dependence-stage_ladestation:after {
        background-image: url(../img/pakete_ladestation_stage_2_desktop@2x.png)
    }
}

@media (max-width:35em) {
    .dependence-stage_ladestation:after {
        background-image: url(../img/pakete_ladestation_stage_2_mobile@1x.png)
    }
}

@media (max-width:35em) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:35em) and (min-resolution:144dpi) {
    .dependence-stage_ladestation:after {
        background-image: url(../img/pakete_ladestation_stage_2_mobile@2x.png)
    }
}

.form-input label {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-input input[type=email],
.form-input input[type=number],
.form-input input[type=tel],
.form-input input[type=text],
.form-input textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: .0625rem solid rgba(0, 0, 0, .15);
    border-radius: 0;
    color: #4a4949;
    font-size: 1rem;
    line-height: 1.3;
    margin: 0;
    outline: none;
    padding: .875rem 1.25rem;
    transition: border .24s;
    width: 100%
}

@media (max-width:35em) {

    .form-input input[type=email],
    .form-input input[type=number],
    .form-input input[type=tel],
    .form-input input[type=text],
    .form-input textarea {
        padding: .625rem
    }
}

.form-input input[type=email]::-moz-placeholder,
.form-input input[type=number]::-moz-placeholder,
.form-input input[type=tel]::-moz-placeholder,
.form-input input[type=text]::-moz-placeholder,
.form-input textarea::-moz-placeholder {
    -moz-transition: opacity .24s;
    opacity: .75;
    transition: opacity .24s
}

.form-input input[type=email]:-ms-input-placeholder,
.form-input input[type=number]:-ms-input-placeholder,
.form-input input[type=tel]:-ms-input-placeholder,
.form-input input[type=text]:-ms-input-placeholder,
.form-input textarea:-ms-input-placeholder {
    -ms-transition: opacity .24s;
    opacity: .75;
    transition: opacity .24s
}

.form-input input[type=email]::placeholder,
.form-input input[type=number]::placeholder,
.form-input input[type=tel]::placeholder,
.form-input input[type=text]::placeholder,
.form-input textarea::placeholder {
    opacity: .75;
    transition: opacity .24s
}

.form-input input[type=email]:focus,
.form-input input[type=number]:focus,
.form-input input[type=tel]:focus,
.form-input input[type=text]:focus,
.form-input textarea:focus {
    border-color: #f6ae07
}

.form-input input[type=email]:focus::-moz-placeholder,
.form-input input[type=number]:focus::-moz-placeholder,
.form-input input[type=tel]:focus::-moz-placeholder,
.form-input input[type=text]:focus::-moz-placeholder,
.form-input textarea:focus::-moz-placeholder {
    opacity: .5
}

.form-input input[type=email]:focus:-ms-input-placeholder,
.form-input input[type=number]:focus:-ms-input-placeholder,
.form-input input[type=tel]:focus:-ms-input-placeholder,
.form-input input[type=text]:focus:-ms-input-placeholder,
.form-input textarea:focus:-ms-input-placeholder {
    opacity: .5
}

.form-input input[type=email]:focus::placeholder,
.form-input input[type=number]:focus::placeholder,
.form-input input[type=tel]:focus::placeholder,
.form-input input[type=text]:focus::placeholder,
.form-input textarea:focus::placeholder {
    opacity: .5
}

.form-input textarea {
    display: block;
    resize: vertical
}

.form-checkbox-input {
    margin-bottom: .625rem;
    margin-top: .625rem;
    padding-left: 1.25rem
}

@media (max-width:35em) {
    .form-checkbox-input {
        padding-left: .625rem
    }
}

.form-checkbox-input label div {
    align-items: center;
    cursor: pointer;
    display: table;
    display: flex;
    font-size: .875rem
}

@media (max-width:35em) {
    .form-checkbox-input label div {
        font-size: .75rem
    }
}

.form-checkbox-input label div:before {
    background-color: rgba(0, 0, 0, .1);
    content: "";
    display: table-cell;
    height: 1.25rem;
    min-width: 1.25rem;
    transition: background-color .24s;
    vertical-align: middle;
    width: 1.25rem
}

.form-checkbox-input label div span {
    color: #4a4949;
    display: table-cell;
    line-height: 1.2;
    padding-left: 1rem;
    vertical-align: middle
}

.form-checkbox-input label div a {
    -webkit-text-decoration-skip: ink;
    -webkit-text-decoration-color: rgba(74, 73, 73, .35);
    text-decoration: underline;
    text-decoration-color: rgba(74, 73, 73, .35);
    text-decoration-skip-ink: auto;
    transition: color .24s
}

.form-checkbox-input label div a:hover {
    color: #f6ae07;
    text-decoration: none
}

.form-checkbox-input label div:hover:before {
    background-color: rgba(0, 0, 0, .25)
}

.form-checkbox-input input[type=checkbox] {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-checkbox-input input[type=checkbox]:checked+div:before {
    background-image: url(../img/checkbox_checked.svg);
    background-repeat: no-repeat
}

.form-column {
    margin-bottom: .3125rem;
    margin-top: .3125rem
}

.form-column_gap {
    margin-bottom: 0;
    margin-top: 2.5rem
}

@media (max-width:35em) {

    .form-column_checkbox,
    .form-column_gap {
        margin-top: 1.25rem
    }
}

.form .text_accept {
    font-size: .75rem
}

.form .text_accept:not(:first-child) {
    margin-top: 1.25rem
}

.form .text_accept-right {
    text-align: right
}

.ce_text,
.text {
    color: #4a4949
}

@media (max-width:64em) {

    .ce_text,
    .text {
        font-size: .875rem
    }
}

.ce_text ul,
.text ul {
    line-height: 1.2
}

.ce_text ul li,
.text ul li {
    display: table;
    list-style-type: none
}

.ce_text ul li:before,
.text ul li:before {
    content: ">";
    display: table-cell;
    padding-right: .5em
}

.ce_text h1,
.ce_text h2,
.ce_text h3,
.ce_text h4,
.text h1,
.text h2,
.text h3,
.text h4 {
    line-height: 1.2
}

.ce_text h1:not(:last-child),
.ce_text h2:not(:last-child),
.ce_text h3:not(:last-child),
.ce_text h4:not(:last-child),
.text h1:not(:last-child),
.text h2:not(:last-child),
.text h3:not(:last-child),
.text h4:not(:last-child) {
    margin-bottom: 1.2em
}

.ce_text p,
.text p {
    line-height: 1.2
}

.ce_text p strong,
.text p strong {
    font-weight: 700
}

.ce_text a:not(.button),
.text a:not(.button) {
    text-decoration: underline;
    transition: color .24s
}

.ce_text a:not(.button):hover,
.text a:not(.button):hover {
    color: #f6ae07
}

.text_on-yellow a:not(.button):hover {
    color: #4a4949
}

.headline {
    font-size: 1.75rem;
    font-weight: 300;
    letter-spacing: -.02em;
    line-height: 1.2;
    text-transform: uppercase;
    word-spacing: .05em
}

@media (max-width:60em) {
    .headline {
        font-size: 1.5rem
    }
}

@media (max-width:35em) {
    .headline {
        font-size: 1.25rem
    }
}

.headline_feature {
    color: #4a4949;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 2.5rem;
    text-align: center;
    text-transform: uppercase
}

@media (max-width:35em) {
    .headline_feature {
        margin-bottom: 1.25rem
    }
}

.headline_feature-small {
    margin-bottom: 1.2em
}

@media (max-width:35em) {
    .headline_feature-small {
        margin-bottom: 1.2em
    }
}

.mega-headline {
    color: #dbdbda;
    font-family: Arial, sans-serif;
    font-size: 110px;
    font-weight: 700;
    line-height: 1.2
}

.mega-headline-nero {
    color: #4a4949;
    font-family: 'Archivo Black', Arial, sans-serif;
    font-size: 5.5rem;
    font-weight: 400;
    margin-bottom: .5em
}

@media (max-width:80rem) {
    .mega-headline {
        font-size: calc(1.25rem + 6vw)
    }
}

@media (max-width:35em) {
    .mega-headline {
        font-size: calc(1rem + 3vw)
    }
}

@media (max-width:35em) {
    .mega-headline-nero {
        font-size: calc(1.25rem + 5vw)
    }
}

.footnote {
    color: #4a4949;
    font-size: .75rem
}

.footnote p {
    line-height: 1.2
}

.footnote ol,
.footnote ul {
    counter-reset: ordered-list
}

.footnote ol li,
.footnote ul li {
    counter-increment: ordered-list;
    display: table;
    list-style-type: none
}

.footnote ol li span,
.footnote ul li span {
    display: table-cell;
    padding-left: .5em
}

.footnote ol li:before,
.footnote ul li:before {
    content: counter(ordered-list) ")";
    display: table-cell
}

.content-text {
    margin-left: auto;
    margin-right: auto;
    /* max-width: 61.25rem */
}

.content-text .section-description {
    margin-bottom: 0
}

.content-text .section-headline {
    text-align: left
}

.content-text .section-headline_top {
    margin-bottom: 3.6em;
    text-align: center
}

.content-text .section-headline_huge {
    font-size: 1.125rem;
    margin-bottom: 2.4em;
    text-align: left
}

.content-text .section-headline_small {
    color: #4a4949;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0
}

.section-entrypoints {
    max-width: 2160px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap:1.5rem;
}
.section-entrypoint {
    min-height: 25vh;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.section-entrypoint__button {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width:35em) {
    .content-text .section-headline_small {
        font-size: .875rem
    }
}

.content-text .section-headline_small:not(:last-child) {
    margin-bottom: 1.2em
}

.content-text .section-headline_small:not(:first-child) {
    margin-top: 2.4em
}

.content-text .section-headline_center {
    text-align: center
}

.content-text p:not(:last-child) {
    margin-bottom: 1.2em
}

.default-text h1 {
    color: #4a4949;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.75rem;
    font-size: 1.625rem;
    font-weight: 300;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 1.2;
    text-transform: uppercase;
    word-spacing: .05em
}

@media (max-width:60em) {
    .default-text h1 {
        font-size: 1.5rem
    }
}

@media (max-width:35em) {
    .default-text h1 {
        font-size: 1.25rem;
        font-size: 1.08333rem
    }
}

.default-text h1+h2 {
    margin-top: 2.4em
}

.default-text h2 {
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width:35em) {
    .default-text h2 {
        font-size: 1.0625rem
    }
}

.default-text h3 {
    font-size: 1.25rem;
    font-weight: 700
}

@media (max-width:35em) {
    .default-text h3 {
        font-size: 1.0625rem
    }
}

.default-text h2+h3,
.default-text p+h3 {
    margin-top: 1.8em
}

.default-text p {
    color: #4a4949
}

.default-text p:not(:last-child) {
    margin-bottom: 1.2em
}

.default-text p+h2 {
    margin-top: 3.6em
}

.default-text p a {
    word-break: break-all
}

.default-text ul+p {
    margin-top: 1.2em
}

.default-text_center {
    text-align: center
}

.intro-text .inline-slider-viewport {
    padding-bottom: 57.06897%
}

.feature-list {
    display: flex;
    flex-wrap: wrap
}

.feature-list:not(:first-child) {
    margin-top: 3.6em
}

.feature-list .column {
    align-content: flex-start;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.4rem;
    margin-top: 2.4rem
}

@media (max-width:35em) {
    .feature-list .column {
        margin-bottom: 1.2rem;
        margin-top: 1.2rem
    }
}

.feature-list h3.feature-list__headline {
    flex: 1;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 1.25rem
}

.feature-list p.feature-list__text {
    margin-top: 1.25rem;
    text-align: left
}

.feature-list__icon {
    width: 85px
}

.marker-highlight {
    display: inline-block;
    font-weight: 700;
    line-height: 1.2;
    position: relative
}

.marker-highlight:not(:last-child) {
    margin-bottom: .4em
}

.marker-highlight>span {
    position: relative;
    z-index: 1
}

.marker-highlight:after {
    background-image: url(../img/marker_highlight.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: -.25em;
    content: "";
    left: -.3em;
    position: absolute;
    right: -.3em;
    top: -.1em;
    z-index: 0
}

.footer {
    color: #fff;
    font-size: .875rem;
    line-height: 1.2
}

.footer:before {
    background-image: radial-gradient(50% 4rem at center, #ffd025, #f6ae07);
    content: "";
    display: block;
    height: 1.125rem
}

.footer__top {
    background-color: #4a4949
}

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

.footer__bottom {
    background-color: #333
}

.footer-footer:after {
    clear: both;
    content: "";
    display: table
}

.footer-top-cols {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1.375rem;
    padding-top: 1.375rem
}

.footer-top-cols>.column {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .625rem;
    padding-top: .625rem
}

@media (max-width:60em) {

    .footer-top-cols>.column:nth-child(3n),
    .footer-top-cols>.column:nth-child(4n) {
        padding-top: 2.5rem
    }
}

.footer-top-col_1 {
    padding-right: 1.875rem
}

@media (max-width:60em) {
    .footer-top-col_1 {
        padding-right: .625rem
    }
}

@media (max-width:35em) {
    .footer-top-col_1 {
        margin-bottom: 1.25rem
    }
}

.footer-top-col_1 p {
    margin-top: 1.2em;
    max-width: 12rem
}

@media (max-width:35em) {
    .footer-top-col_1 p {
        display: none
    }
}

.footer-top-col_1 .secondary-logo {
    margin-bottom: -3px;
    margin-top: 3.6em
}

.footer-top-col_2 {
    margin-left: -1.25rem;
    margin-right: 1.25rem
}

@media (max-width:60em) {
    .footer-top-col_2 {
        margin-left: 0;
        margin-right: 0
    }
}

.footer-top-col_2 p:not(:first-child) {
    margin-top: 1.2em
}

.footer-top-col_3 .footer-nav {
    max-width: 12.5rem
}

@media (max-width:60em) {
    .footer-top-col_3 .footer-nav {
        max-width: none;
        width: 100%
    }
}

@media (max-width:60em) {
    .footer-top-col_3 {
        order: 4
    }
}

.footer-top-col_4 {
    margin-left: -1.25rem
}

@media (max-width:60em) {
    .footer-top-col_4 {
        margin-left: 0;
        order: 3
    }
}

.footer-top-col_4 img {
    margin-top: 1.2em
}

.footer-top-col_4 p:first-child {
    max-width: 18rem
}

@media (max-width:35em) {
    .footer-top-col_4 a {
        width: 100%
    }
}

.footer-bottom {
    display: table;
    line-height: 1;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    width: 100%
}

@media (max-width:53em) {
    .footer-bottom {
        display: flex;
        flex-wrap: wrap
    }
}

.footer-bottom__left {
    display: table-cell
}

@media (max-width:60em) {
    .footer-bottom__left {
        line-height: 1.4;
        max-width: 9.5rem;
        order: 1
    }
}

@media (max-width:53em) {
    .footer-bottom__left {
        display: block;
        max-width: none;
        width: 100%
    }
}

.footer-bottom__right {
    display: table-cell;
    text-align: right
}

@media (max-width:53em) {
    .footer-bottom__right {
        oprder: 0;
        display: block;
        margin-bottom: 1.25rem;
        text-align: left;
        width: 100%
    }
}

.footer-bottom a:hover {
    text-decoration: underline
}

.entry-points-container {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.entry-points-container .select-box-button__description {
    min-width: 5rem
}

.sections-viewport {
    position: relative
}

.sections-container {
    width: 100%
}

.sections-container.transition {
    transition: opacity 1s, height .5s
}

.sections-container .section {
    position: relative
}

.sections-container .section:nth-child(odd) {
    background-color: #efefef
}

.sections-container .section:nth-child(odd):after {
    border-top: 2rem solid #efefef
}

.sections-container .section:nth-child(2n),
.sections-container .section:nth-child(odd) .select-box__content {
    background-color: #fff
}

.sections-container .section:nth-child(2n):after {
    border-top: 2rem solid #fff
}

.sections-container .section:nth-child(2n) .select-box__content {
    background-color: #efefef
}

.sections-container .section:nth-child(2n) .select-box__content-text-inner:not(.select-box__content-text-inner_secondary) {
    background-color: #fff
}

@media (max-width:64em) {
    .sections-container .section:not(:first-child) {
        padding-top: 4rem
    }
}

.sections-container .section:not(:last-child):after {
    border-left: 2rem solid transparent;
    border-right: 2rem solid transparent;
    bottom: -2rem;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -2rem;
    position: absolute;
    width: 0;
    z-index: 1
}

.sections-container .section_no-arrow:not(:last-child):after {
    display: none
}

.accordion-select {
    width: 100%
}

.accordion-select,
.image-select-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 61.25rem
}

.footnotes-container {
    margin-bottom: -2rem;
    margin-top: 5rem
}

@media (max-width:60em) {
    .global-entrypoints .columns {
        -ms-scroll-snap-type: x mandatory;
        grid-gap: 0 1.25rem;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory
    }
}

@media (max-width:60em) {
    .global-entrypoints .columns-row {
        margin-left: -2rem;
        margin-right: -2rem
    }
}

@media (max-width:35em) {
    .global-entrypoints .columns-row {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }
}

.global-entrypoints .columns .column {
    scroll-snap-align: center
}

@media (max-width:60em) {
    .global-entrypoints .columns .column {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .global-entrypoints .columns .column:first-child {
        padding-left: 2rem
    }

    .global-entrypoints .columns .column:last-child {
        padding-right: 2rem
    }
}

@media (max-width:35em) {
    .global-entrypoints .columns .column:first-child {
        padding-left: 1.25rem
    }

    .global-entrypoints .columns .column:last-child {
        padding-right: 1.25rem
    }
}

.global-entrypoint-column__items .select-box:not(:last-child) {
    margin-bottom: 2.5rem
}

.c-main-tabs {
    display: flex
}

@media (max-width:60em) {
    .c-main-tabs {
        flex-wrap: wrap
    }
}

.c-main-tabs__main {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin-right: 4.375rem;
    max-width: 19.375rem;
    min-width: 19.375rem
}

@media (max-width:60em) {
    .c-main-tabs__main {
        margin-right: 0;
        max-width: 100%
    }
}

@media (max-width:35em) {
    .c-main-tabs__main {
        min-width: unset
    }
}

.c-main-tabs__tabs {
    width: 100%
}

@media (max-width:60em) {
    .c-main-tabs__tabs {
        margin-top: 3rem
    }
}

.select-box {
    display: block;
    position: relative
}

@media (max-width:60em) {
    .select-box {
        display: flex;
        flex-wrap: wrap
    }
}

.select-box__discount-price {
    color: #f6ae07;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .2em;
    padding-left: 16px
}

@media (max-width:46em) {
    .select-box__discount-price {
        font-size: 1.125rem
    }
}

.select-box__normal-price {
    color: rgba(0, 0, 0, .5);
    line-height: 1.2;
    margin-bottom: 1.2em;
    padding-left: 16px
}

.select-box__body {
    transition: opacity .24s;
    width: 100%
}

.select-box__title {
    background-image: radial-gradient(ellipse, #4a4949, #4a4949);
    color: #fff;
    padding: 1.125rem 1.25rem;
    position: relative;
    transition: background-image .36s;
    width: 100%;
    z-index: 2
}

@media (max-width:64em) {
    .select-box__title {
        padding: 1rem 1.125rem
    }
}

@media (max-width:60em) {
    .select-box__title {
        order: 0
    }
}

@media (max-width:35em) {
    .select-box__title {
        padding: .875rem 1rem
    }
}

.select-box__title h3 {
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    text-transform: uppercase;
    transition: color .36s;
    z-index: 2
}

@media (max-width:64em) {
    .select-box__title h3 {
        font-size: 1rem
    }
}

@media (max-width:35em) {
    .select-box__title h3 {
        font-size: .875rem
    }
}

.select-box__title:after {
    -webkit-clip-path: polygon(0 0, 17% 0, calc(17% + 22px) 100%, calc(17% + 44px) 0, 100% 0);
    background-color: #4a4949;
    bottom: -21px;
    clip-path: polygon(0 0, 17% 0, calc(17% + 22px) 100%, calc(17% + 44px) 0, 100% 0);
    content: "";
    display: block;
    height: 23px;
    left: 0;
    position: absolute;
    width: 100%
}

.select-box__title-background {
    background-image: radial-gradient(50% 4rem at center, #ffd025, #f6ae07);
    background-image: linear-gradient(90deg, #f6ae07, #ffd025, #f6ae07);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .36s;
    z-index: 1
}

.select-box__title-background:after {
    -webkit-clip-path: polygon(0 0, 17% 0, calc(17% + 22px) 100%, calc(17% + 44px) 0, 100% 0);
    background-image: radial-gradient(50% 4rem at center, #ffd025, #f6ae07);
    bottom: -21px;
    clip-path: polygon(0 0, 17% 0, calc(17% + 22px) 100%, calc(17% + 44px) 0, 100% 0);
    content: "";
    display: block;
    height: 23px;
    left: 0;
    position: absolute;
    transition: opacity .36s;
    width: 100%
}

.select-box__eyecatcher {
    max-width: 12vw;
    position: absolute;
    right: -1.25rem;
    top: 1.5rem;
    transform: translateY(-50%);
    z-index: 2
}

@media (max-width:35em) {
    .select-box__eyecatcher {
        max-width: 15vw;
        right: -.75rem
    }
}

.select-box__eyecatcher a {
    display: block
}

@media (max-width:60em) {
    .select-box__image-wrapper {
        order: 1;
        width: 50%
    }
}

@media (max-width:35em) {
    .select-box__image-wrapper {
        width: 100%
    }
}

.select-box__image-wrapper img {
    width: 100%
}

.select-box__button {
    background-color: #4a4949;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 1;
    margin-top: .75rem;
    padding: .625rem 1.25rem;
    position: relative;
    width: 100%
}

@media (max-width:60em) {
    .select-box__button {
        order: 3
    }
}

.select-box__button:before {
    background-image: radial-gradient(50% 4rem at center, #ffd025, #f6ae07);
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    transition: opacity .24s
}

.select-box__button:before,
.select-box__button input[type=checkbox],
.select-box__button input[type=radio] {
    opacity: 0;
    position: absolute
}

.select-box__button input[type=checkbox]:checked+div .select-box-button__checkbox:after,
.select-box__button input[type=checkbox]:checked+div .select-box-button__radio:after,
.select-box__button input[type=radio]:checked+div .select-box-button__checkbox:after,
.select-box__button input[type=radio]:checked+div .select-box-button__radio:after {
    opacity: 1
}

.select-box-deselect-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    bottom: 0;
    color: #4a4949;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    left: 0;
    line-height: 1.2;
    opacity: 0;
    outline: none;
    overflow: hidden;
    padding-left: 3rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: left;
    text-overflow: ellipsis;
    top: 0;
    transition: opacity .24s;
    white-space: nowrap;
    width: 100%;
    z-index: 10000
}

@media (max-width:64em) {
    .select-box-deselect-button {
        font-size: 1rem
    }
}

@media (max-width:60em) {
    .select-box-deselect-button {
        max-width: 60%
    }
}

@media (max-width:35em) {
    .select-box-deselect-button {
        font-size: .875rem;
        max-width: none
    }
}

.select-box-deselect-button.active {
    opacity: 1;
    pointer-events: auto
}

.select-box__description {
    margin-bottom: 1.6875rem;
    margin-top: 1.6875rem
}

@media (max-width:60em) {
    .select-box__description {
        border-right: .0625rem solid rgba(0, 0, 0, .15);
        margin-bottom: 0;
        margin-top: 0;
        order: 2;
        padding: 1.25rem;
        width: 50%
    }
}

@media (max-width:35em) {
    .select-box__description {
        display: none
    }
}

@media (max-width:60em) {
    .select-box__description_additional {
        border-right: 0;
        width: auto
    }
}

@media (max-width:35em) {
    .select-box__description_additional {
        display: block
    }
}

.select-box__content {
    position: relative
}

.select-box__content-inner {
    padding: 2.75rem .75rem .75rem
}

.select-box__content-text-inner {
    border-bottom: .0625rem solid rgba(0, 0, 0, .15);
    border-left: .0625rem solid rgba(0, 0, 0, .15);
    border-right: .0625rem solid rgba(0, 0, 0, .15);
    padding: 1.25rem 1.1875rem 1.1875rem
}

@media (max-width:60em) {
    .select-box__content-text-inner {
        font-size: .875rem
    }
}

.select-box__content-text-inner li>span {
    display: block
}

.select-box__content-text-inner p:not(:first-child) {
    margin-top: 1.2em
}

.select-box__content-text-inner_secondary {
    background-color: #f7f7f7
}

.select-box-button__inner {
    align-items: center;
    display: flex
}

.select-box-button__text {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    padding-right: .25rem;
    position: relative;
    text-overflow: ellipsis;
    transition: opacity .24s;
    vertical-align: middle;
    white-space: nowrap
}

@media (max-width:64em) {
    .select-box-button__text {
        font-size: 1rem
    }
}

@media (max-width:35em) {
    .select-box-button__text {
        font-size: .875rem
    }
}

.select-box-button__text.hidden {
    opacity: 0
}

.select-box-button__price {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    vertical-align: middle
}

@media (max-width:64em) {
    .select-box-button__price {
        font-size: .9375rem
    }
}

@media (max-width:35em) {
    .select-box-button__price {
        font-size: .875rem
    }
}

.select-box-button__price-description {
    font-size: 11px;
    margin-right: .5em
}

.select-box-button__description {
    align-items: baseline;
    align-self: flex-end;
    display: flex;
    float: right;
    font-size: .75rem;
    justify-content: flex-end;
    line-height: 1;
    margin-left: auto;
    min-width: 4rem;
    overflow: hidden;
    position: relative;
    text-align: right;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.select-box-button__radio {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 1rem;
    margin-right: .75rem;
    min-height: 1rem;
    min-width: 1rem;
    position: relative;
    vertical-align: middle;
    width: 1rem
}

.select-box-button__radio:after {
    background-color: #4a4949;
    border-radius: 50%;
    content: "";
    display: block;
    height: .375rem;
    left: .3125rem;
    opacity: 0;
    position: absolute;
    top: .3125rem;
    transition: opacity .24s;
    width: .375rem
}

.select-box-button__checkbox {
    background-color: #fff;
    display: inline-block;
    height: 1rem;
    margin-right: .75rem;
    position: relative;
    vertical-align: middle;
    width: 1rem
}

.select-box-button__checkbox:after {
    background-color: #4a4949;
    content: "";
    display: block;
    height: .375rem;
    left: .3125rem;
    opacity: 0;
    position: absolute;
    top: .3125rem;
    transition: opacity .24s;
    width: .3775rem
}

.select-box_text .select-box__title-background:after,
.select-box_text .select-box__title:after {
    display: none
}

.select-box_input {
    margin-bottom: .625rem;
    margin-top: .625rem
}

.select-box_flex {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%
}

.select-box_flex>* {
    flex: 1
}

.select-box_flex .select-box__button {
    color: #4a4949;
    flex: 1
}

.select-box_flex .select-box__button:before {
    opacity: 1
}

.select-box_flex .select-box__body {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.select-box_flex .select-box__title {
    flex: 1
}

.select-box_flex .select-box__content {
    display: flex;
    flex: 100;
    flex-wrap: wrap
}

.select-box_flex .select-box__content-text-inner {
    width: 100%
}

.select-box_has-eyecatcher .select-box__title {
    padding-right: 8rem
}

@media (max-width:35em) {
    .select-box_has-eyecatcher .select-box__title {
        padding-right: 4rem
    }
}

.select-box_has-eyecatcher .select-box__content-text-inner {
    clear: both
}

.select-box_has-eyecatcher .select-box__content-text-inner:before {
    content: "";
    float: right;
    height: 1em;
    shape-outside: ellipse();
    width: 6rem
}

@media (max-width:35em) {
    .select-box_has-eyecatcher .select-box__content-text-inner:before {
        display: none
    }
}

@media (max-width:60em) {
    .select-box:not(.select-box_input) {
        margin-bottom: 1.25rem
    }
}

@media (max-width:60em) {
    .select-box:not(.select-box_input) .select-box__button {
        margin-top: 0
    }
}

.select-box .inline-slider-viewport {
    padding-bottom: 58.96%
}

.theme_jedermann-l .select-box .inline-slider-viewport,
.theme_jedermann-xl .select-box .inline-slider-viewport {
    padding-bottom: 57.06897%
}

.select-box_wc .inline-slider-viewport {
    padding-bottom: 56.38%
}

.theme_jedermann-l .select-box_wc .inline-slider-viewport,
.theme_jedermann-xl .select-box_wc .inline-slider-viewport {
    padding-bottom: 57.06897%
}

@supports (display:grid) {
    @media (max-width:60em) {
        .select-box[data-module=dvc-entrypoint] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: repeat(3, auto)
        }

        .select-box[data-module=dvc-entrypoint] .select-box__title {
            grid-column: 1;
            grid-row: 1
        }

        .select-box[data-module=dvc-entrypoint] .select-box__image-wrapper {
            grid-column: 1;
            grid-row: 2;
            width: auto
        }

        .select-box[data-module=dvc-entrypoint] .select-box__button {
            grid-column: 1;
            grid-row: 3
        }

        .select-box[data-module=dvc-entrypoint] .select-box__description {
            align-self: flex-end;
            border: 0;
            grid-column: 2;
            grid-row: 2;
            width: auto
        }
    }

    @media (max-width:43.75em) {
        .select-box[data-module=dvc-entrypoint] {
            display: block
        }
    }
}

.select-box[data-module=dvc-entrypoint]:hover {
    cursor: pointer
}

@media (max-width:60em) {

    .select-box[data-module=dvc-global-entrypoint] .select-box__description,
    .select-box[data-module=dvc-global-entrypoint] .select-box__image-wrapper {
        width: auto
    }

    .select-box[data-module=dvc-global-entrypoint] .select-box__button {
        margin-top: .75rem
    }
}

.select-box.disabled {
    pointer-events: none
}

.select-box.disabled .select-box__body {
    opacity: .5
}

.select-box[data-module=dvc-entrypoint]:hover .select-box__title,
.select-box__body:hover .select-box__title,
.select-box__selected .select-box__title {
    color: #4a4949
}

.select-box[data-module=dvc-entrypoint]:hover .select-box__title:before,
.select-box__body:hover .select-box__title:before,
.select-box__selected .select-box__title:before {
    opacity: 1
}

.select-box[data-module=dvc-entrypoint]:hover .select-box__title:after,
.select-box__body:hover .select-box__title:after,
.select-box__selected .select-box__title:after {
    border-top-color: #ffd025
}

.select-box[data-module=dvc-entrypoint]:hover .select-box__title-arrow:after,
.select-box__body:hover .select-box__title-arrow:after,
.select-box__selected .select-box__title-arrow:after {
    opacity: 1
}

.select-box[data-module=dvc-entrypoint]:hover .select-box__title-background,
.select-box__body:hover .select-box__title-background,
.select-box__selected .select-box__title-background {
    color: #4a4949;
    opacity: 1
}

.select-box[data-module=dvc-entrypoint]:hover .select-box__title-background:after,
.select-box__body:hover .select-box__title-background:after,
.select-box__selected .select-box__title-background:after {
    border-top-color: #ffd025
}

.select-box[data-module=dvc-entrypoint]:hover .select-box__title-background-arrow:after,
.select-box__body:hover .select-box__title-background-arrow:after,
.select-box__selected .select-box__title-background-arrow:after {
    opacity: 1
}

.select-box[data-module=dvc-entrypoint]:hover .select-box__button,
.select-box__body:hover .select-box__button,
.select-box__selected .select-box__button {
    color: #4a4949
}

.select-box[data-module=dvc-entrypoint]:hover .select-box__button:before,
.select-box__body:hover .select-box__button:before,
.select-box__selected .select-box__button:before {
    opacity: 1
}

.ie .select-box__title-background:after,
.ie .select-box__title:after {
    display: none
}

.ie .select-box_flex .select-box__body,
.ie .select-box_flex .select-box__content {
    display: block
}

.select-box__selected .select-box-button__radio:after {
    opacity: 1
}

.select-box-columns {
    margin-bottom: -.625rem;
    margin-top: -.625rem
}

.select-box-columns,
.select-box-columns_flex {
    display: flex;
    flex-wrap: wrap
}

.select-box-columns_flex>.column {
    display: flex
}

.select-box-columns_flex .select-box_input {
    width: 100%
}

.groundplans-select__tabs {
    align-self: flex-end;
    display: flex;
    margin-right: 1.25rem;
    max-width: 24.375rem;
    padding-bottom: 1.25rem;
    width: 100%
}

@supports (display:grid) {
    .groundplans-select__tabs {
        padding-bottom: 7.5rem
    }

    @media (max-width:35em) {
        .groundplans-select__tabs {
            padding-bottom: 1.25rem;
            margin-right: 0
        }
    }
}

.groundplans-select__tabs>* {
    flex: 1
}

.groundplans-select__tabs>:not(:last-child) {
    margin-right: .3125em
}

.groundplans-select__tabs>:not(:first-child) {
    margin-left: .3125em
}

.groundplans-select-tab {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    max-width: 11.25rem;
    padding: .5em;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    transition: border-color .24s, color .24s;
    width: 100%
}

.groundplans-select-tab:after {
    content: "";
    display: block;
    height: 1.25rem;
    left: 50%;
    position: absolute;
    top: 100%;
    transform-origin: top;
    transition: transform .24s;
    width: 1px
}

.groundplans-select-tab[data-active=true] {
    border-color: #4a4949;
    color: #4a4949
}

.groundplans-select-tab[data-active=false] {
    border-color: #adadad;
    color: #adadad
}

.groundplans-select-box {
    align-self: flex-end;
    max-width: 27.625rem;
    position: relative;
    width: 100%
}

.groundplans-select-box-content {
    color: #4a4949;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.groundplans-select-box-content__button {
    margin-top: .5em
}

.groundplans-select-box-content__button .button {
    font-size: .5em
}

@media (max-width:60em) {
    .groundplans-select-box-content__button .button {
        font-size: .6em
    }
}

.groundplans-select-box-content[data-active=true] {
    opacity: 1
}

.groundplans-select-box-content[data-active=false] {
    opacity: 0;
    pointer-events: none
}

.groundplans-select-box-row:not(:first-child) {
    padding-top: 1rem
}

.groundplans-select-box-row:not(:last-child) {
    padding-bottom: .4em
}

.groundplans-select-box-row+.groundplans-select-box-row {
    border-top: .03125em solid #4a4949
}

.groundplans-select-box__viewport {
    position: relative
}

.groundplans-select_multiple .groundplans-select__tabs {
    align-self: center;
    flex-wrap: wrap;
    margin-right: 0;
    max-width: 100%;
    padding-bottom: 4.625rem
}

@media (max-width:35em) {
    .groundplans-select_multiple .groundplans-select__tabs {
        margin: 0
    }
}

.groundplans-select_multiple .groundplans-select-tab {
    align-items: flex-end;
    background-color: unset;
    border-width: 0;
    display: flex;
    margin: .625rem 0;
    max-width: 100%;
    min-width: 50%;
    padding: 0 .625rem;
    width: 50%
}

.groundplans-select_multiple .groundplans-select-tab span {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    padding: .5em;
    width: 100%
}

@media (max-width:35em) {
    .groundplans-select_multiple .groundplans-select-tab {
        flex: unset;
        margin-bottom: .3rem;
        margin-top: .3rem;
        padding: 0;
        width: 100%
    }

    .groundplans-select_multiple .groundplans-select-tab span {
        text-align: center
    }
}

.groundplans-select_multiple .groundplans-select-box {
    max-width: 100%
}

.groundplans-select_multiple .groundplans-select-box-row {
    display: flex;
    justify-content: flex-end
}

@media (max-width:35em) {
    .groundplans-select_multiple .groundplans-select-box-row {
        flex-wrap: wrap
    }
}

.groundplans-select_multiple .groundplans-select-box-row .dvc-image {
    width: 100%
}

.groundplans-select_multiple .groundplans-select-box-row .dvc-image+.dvc-image {
    margin-left: 1.875rem
}

@media (max-width:35em) {
    .groundplans-select_multiple .groundplans-select-box-row .dvc-image+.dvc-image {
        margin-left: 0;
        margin-top: 1.875rem
    }
}

.groundplans-select_multiple .groundplans-select-box-row .dvc-image img {
    width: 100%
}

.size-select__tabs {
    display: flex;
    margin-bottom: 1.25rem
}

.size-select__tabs>* {
    flex: 1
}

.size-select__tabs>:not(:last-child) {
    margin-right: .3125em
}

.size-select__tabs>:not(:first-child) {
    margin-left: .3125em
}

.size-select-tab {
    display: block;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: .5em;
    font-weight: 400;
    padding: .5em 2em;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .24s, color .24s
}

.size-select-tab:after {
    content: "";
    display: block;
    height: 1.25rem;
    left: 50%;
    position: absolute;
    top: 100%;
    transform-origin: top;
    transition: transform .24s;
    width: 1px
}

.size-select-tab[data-active=true] {
    background-color: #fff;
    color: #4a4949
}

.size-select-tab[data-active=true]:after {
    background-color: #fff;
    transform: scaleY(1)
}

.size-select-tab[data-active=false] {
    background-color: #4a4949;
    color: #fff
}

.size-select-tab[data-active=false]:after {
    background-color: #4a4949;
    transform: scaleY(0)
}

.size-select-box {
    border: 1px solid #fff;
    padding: .5em;
    position: relative
}

.size-select-box-content {
    color: #4a4949;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.size-select-box-content__button {
    margin-top: .5em
}

.size-select-box-content__button .button {
    font-size: .5em
}

@media (max-width:60em) {
    .size-select-box-content__button .button {
        font-size: .6em
    }
}

.size-select-box-content[data-active=true] {
    opacity: 1
}

.size-select-box-content[data-active=false] {
    opacity: 0;
    pointer-events: none
}

.size-select-box-row:not(:first-child) {
    padding-top: 1rem
}

.size-select-box-row:not(:last-child) {
    padding-bottom: .4em
}

.size-select-box-row+.size-select-box-row {
    border-top: .03125em solid #4a4949
}

.size-select-box__viewport {
    position: relative
}

.size-select-text {
    font-size: .625em;
    line-height: 1.2
}

.size-select-text:not(:last-child) {
    margin-right: .125em
}

.size-select-text_price,
.size-select-text_rooms,
.size-select-text_space {
    font-family: Arial, sans-serif;
    font-weight: 700
}

.size-select-text_price {
    font-size: .9em
}

.size-select-text_rooms,
.size-select-text_space {
    font-size: 1.4em
}

.size-select-text_space {
    align-items: baseline;
    display: inline-flex
}

.size-select-text_space:before {
    background-image: url(../img/size_select_meta_livingspace.svg);
    background-repeat: no-repeat;
    background-size: 1.25em .66em;
    content: "";
    display: block;
    height: .66em;
    margin-right: .5rem;
    width: 1.25em
}

.button-box-container {
    position: relative
}

.button-box_overlap {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@supports (display:grid) {
    .button-box_overlap {
        left: 0;
        margin: 0 auto;
        max-width: 16.25rem;
        right: 0;
        transform: translateX(0)
    }
}

.button-box_overlap-top {
    top: -1.25rem
}

.button-box_overlap-bottom {
    bottom: -1.25rem
}

.button-box_decoration {
    border: .3125rem solid #fff
}

.intro-image {
    align-self: flex-start;
    margin-bottom: 1.5rem
}

@media (max-width:35em) {
    .intro-image {
        max-width: 14.375rem
    }
}

.intro-text.text strong {
    font-weight: 700;
    text-transform: uppercase
}

.intro-text.text p+p,
.intro-text.text ul {
    margin-top: .75rem
}

.intro-text-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.intro-image-col {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap
}

.intro-list {
    margin-top: 2.4em
}

@media (max-width:35em) {
    .intro-list {
        margin-top: 1.2em
    }
}

.intro-button {
    margin-top: 2.5rem
}

.intro-specs {
    margin-top: 2.4em
}

@media (max-width:35em) {
    .intro-specs {
        margin-top: 1.2em
    }
}

.intro-specs-list {
    display: table;
    line-height: 1.2;
    margin-top: .75rem
}

.intro-specs:not(:first-child) {
    margin-top: 1.2em
}

.intro-specs__item {
    display: table-row
}

.intro-specs__item dd,
.intro-specs__item dt {
    display: table-cell
}

.intro-specs__item dt {
    padding-right: 1rem
}

.intro_flex>.columns-row>.columns {
    display: flex;
    flex-wrap: wrap
}

.ie .intro-image-col img {
    width: 100%
}

@media (max-width:781px) {
    .ie .intro-image {
        width: 100%
    }
}

@media (max-width:560px) {
    .ie .intro-image {
        width: 230px
    }
}

.result-bar {
    background-color: #4a4949;
    bottom: -1px;
    position: fixed;
    transform: translateZ(0);
    transition: transform .24s;
    width: 100%;
    z-index: 10
}

@media (max-width:35em) {
    .result-bar {
        display: none
    }
}

.result-bar__inside {
    display: table;
    padding-bottom: 1.0625rem;
    padding-top: 1.0625rem;
    width: 100%
}

.result-bar__nav {
    display: table-cell;
    vertical-align: middle
}

@media (max-width:48em) {
    .result-bar__nav {
        display: none
    }
}

.result-bar__result {
    align-items: center;
    display: table-cell;
    display: flex;
    flex-wrap: wrap;
    float: right;
    vertical-align: middle
}

@media (max-width:48em) {
    .result-bar__result {
        float: none
    }
}

.result-bar__cart-button {
    margin-left: 1.5rem
}

@media (max-width:48em) {
    .result-bar__cart-button {
        margin-left: auto
    }
}

.result-bar-label {
    color: #fff
}

.result-bar-label_huge {
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400
}

.result-bar-label_small {
    font-family: Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    margin-left: 1.5rem
}

.result-bar-label strong {
    text-transform: uppercase
}

.result-bar.hidden {
    transform: translateY(100%)
}

.result-label {
    background-color: #4a4949;
    color: #fff;
    display: block;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    padding: .75rem 1.25rem;
    text-transform: uppercase
}

@media (max-width:83em) {
    .result-label {
        font-size: .875rem
    }
}

.result-label:not(:last-child) {
    margin-bottom: .625rem
}

.result-label-part_small {
    font-family: Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    margin-left: 1.5rem;
    text-transform: none
}

@media (max-width:64em) {
    .result-label-part_small {
        display: block;
        display: none;
        margin-left: 0;
        margin-top: .5rem
    }
}

.result-label-part_block {
    display: block;
    margin-left: 0;
    margin-top: .25rem
}

.checkout-intro-buttons,
.final-buttons {
    align-self: flex-end;
    margin-top: 2rem;
    width: 100%
}

.checkout-intro-container .inline-slider-viewport,
.final-container .inline-slider-viewport {
    padding-bottom: 58.96%
}

.theme_jedermann-xl .checkout-intro-container .inline-slider-viewport,
.theme_jedermann-xl .final-container .inline-slider-viewport {
    padding-bottom: 57.06897%
}

.checkout-intro-container>.columns,
.checkout-intro-container>.columns>.column,
.checkout-intro-content,
.final-container>.columns,
.final-container>.columns>.column,
.final-content {
    display: flex;
    flex-wrap: wrap
}

@media (max-width:35em) {

    .checkout-intro-content,
    .final-content {
        margin-top: 1.25rem
    }
}

.success-container {
    min-height: 20rem
}

.configuration-table {
    background-color: #fff;
    line-height: 1.2
}

.configuration-table:not(:last-child) {
    margin-bottom: 2rem
}

.configuration-table__head {
    background-color: #4a4949;
    color: #fff;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.125rem 1.25rem;
    text-transform: uppercase;
    width: 100%
}

.configuration-table__head:after {
    clear: both;
    content: "";
    display: table
}

@media (max-width:64em) {
    .configuration-table__head {
        font-size: 1rem;
        padding: 1rem 1.125rem
    }
}

@media (max-width:35em) {
    .configuration-table__head {
        font-size: .875rem;
        padding: .875rem 1rem
    }
}

.configuration-table__head .result-label-part_huge {
    display: block
}

.configuration-table__head .result-label-part_huge span {
    float: right;
    text-align: right
}

@media (max-width:35em) {
    .configuration-table__head .result-label-part_huge span {
        display: block;
        float: none;
        margin-top: .25rem;
        text-align: left
    }
}

.configuration-table__body {
    border-bottom: .0625rem solid rgba(0, 0, 0, .15);
    border-left: .0625rem solid rgba(0, 0, 0, .15);
    border-right: .0625rem solid rgba(0, 0, 0, .15)
}

.configuration-table__row {
    display: table;
    line-height: 1;
    padding: .875rem 1.25rem;
    position: relative;
    width: 100%
}

.configuration-table__row:not(:last-child):after {
    background-color: rgba(0, 0, 0, .15);
    bottom: 0;
    content: "";
    height: 1px;
    left: 1.25rem;
    position: absolute;
    right: 1.25rem
}

.configuration-table-row__title {
    display: table-cell;
    line-height: 1.4;
    padding-right: 3.75rem;
    vertical-align: middle
}

@media (max-width:35em) {
    .configuration-table-row__title {
        padding-right: .25rem
    }
}

.configuration-table-row__price {
    display: table-cell;
    float: right;
    line-height: 1.4;
    min-width: 7.5rem;
    text-align: right;
    vertical-align: middle
}

@media (max-width:35em) {
    .configuration-table-row__price {
        min-width: 6rem
    }
}

.lightbox-overlay {
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .24s;
    z-index: 1000
}

.lightbox-overlay[data-hidden=true] {
    opacity: 0;
    pointer-events: none
}

.lightbox-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 82.25rem;
    padding: 1.25rem 4.875rem;
    position: relative;
    z-index: 1
}

.lightbox-container .video-container {
    height: 100%
}

.lightbox-container .dvc-video {
    width: 100%
}

.lightbox-caption {
    color: #fff;
    font-size: 11px;
    left: 4.875rem;
    position: absolute;
    right: 4.875rem;
    text-align: right;
    top: 100%
}

@media (max-width:35em) {
    .lightbox-caption {
        font-size: 9px
    }
}

.lightbox-viewport {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .24s
}

.lightbox-viewport img {
    max-height: 90vh
}

.lightbox-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/inline_slider_arrow.svg);
    background-size: 2.375rem 2.375rem;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    height: 2.375rem;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    transition: opacity .24s;
    white-space: nowrap;
    width: 2.375rem
}

.lightbox-button_left {
    left: 1.25rem;
    top: 50%;
    transform: translateY(-50%)
}

.lightbox-button_right {
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%) scaleX(-1)
}

.lightbox-button_close {
    right: 1.25rem;
    top: 1.25rem;
    transform: rotate(-90deg)
}

.lightbox-button:disabled {
    cursor: auto;
    opacity: .3
}

.ie .lightbox-container {
    margin-left: 0;
    margin-right: 0
}

.cc-window {
    align-items: center;
    background-color: rgba(48, 48, 48, .9);
    bottom: 0;
    display: flex;
    font-size: 1rem;
    justify-content: center;
    left: 0;
    padding: 1.25em;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9000
}

@media (max-width:35em) {
    .cc-window {
        font-size: .75rem
    }
}

.cc-message p {
    color: #4a4949;
    display: block;
    font-size: 1em;
    line-height: 1.4;
    margin: 0
}

.cc-message p span {
    display: block;
    font-family: Archivo Black, Arial, sans-serif;
    font-size: 1.75rem;
    font-weight: 300;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 1.2;
    margin-bottom: 1.4em;
    text-transform: uppercase;
    word-spacing: .05em
}

@media (max-width:60em) {
    .cc-message p span {
        font-size: 1.5rem
    }
}

@media (max-width:35em) {
    .cc-message p span {
        font-size: 1.25rem
    }
}

.cc-wrapper {
    background-color: #fff;
    color: #4a4949;
    display: flex;
    flex-direction: column;
    max-width: 37.5em;
    padding: 2.5em
}

.cc-link {
    -webkit-text-decoration-color: #000;
    color: inherit;
    text-decoration: underline;
    text-decoration-color: #000
}

.cc-link:hover {
    -webkit-text-decoration-color: rgba(0, 0, 0, .5);
    text-decoration-color: rgba(0, 0, 0, .5)
}

.cc-compliance {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 2.4em
}

@media (max-width:35em) {
    .cc-compliance {
        display: block
    }
}

.cc-invisible,
.cc-revoke {
    display: none;
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.cc-btn {
    cursor: pointer
}

.cc-btn>a {
    display: block;
    font-size: 1em;
    padding-bottom: .5em;
    padding-top: .5em
}

.cc-btn.cc-allow a,
.cc-btn.cc-deny a {
    background-color: #4a4949;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2;
    padding: .75em 1.25em;
    text-transform: uppercase;
    transition: background-color .24s, opacity .24s
}

@media (hover:hover) {

    .cc-btn.cc-allow a:hover,
    .cc-btn.cc-deny a:hover {
        background-color: #303030
    }
}

@media (max-width:35em) {
    .cc-btn+.cc-btn {
        margin-top: 1rem
    }
}

@media (max-width:60em) {
    .image-aspect-ratio-m {
        position: relative
    }
}

@media (max-width:60em) {
    .image-aspect-ratio-m img {
        -o-object-fit: cover;
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media (max-width:60em) {
    .image-aspect-ratio-m_6-10 {
        padding-bottom: 60%
    }
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .image-filling {
        display: flex
    }

    .image-filling img {
        -o-object-fit: cover;
        height: 100%;
        object-fit: cover
    }

    .image-filling_left img {
        -o-object-position: left;
        object-position: left
    }

    .image-filling_left-25 img {
        -o-object-position: 25%;
        object-position: 25%
    }

    .image-filling_right img {
        -o-object-position: right;
        object-position: right
    }
}

.image_has-overlay {
    display: grid;
    grid-template-areas: "image";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.image_has-overlay>* {
    grid-area: image
}

.image__overlay {
    justify-self: end;
    max-width: 45%;
    padding: 8% 2%
}

.image__overlay img {
    -o-object-fit: initial;
    -o-object-position: initial;
    height: auto;
    object-fit: fill;
    object-position: initial
}

.hero {
    background-color: #fff
}

@media (max-width:60em) {
    .hero .header {
        height: 98px;
        margin-bottom: -98px
    }
}

@media (max-width:35em) {
    .hero .header {
        height: 82px;
        margin-bottom: -82px
    }
}

@supports (display:grid) {
    .hero {
        display: grid;
        grid-template-areas: "left top-gutter top-gutter top-gutter top-gutter top-gutter right""left left-gutter header-logo mid-gutter header-nav right-gutter right""left left-gutter box mid-gutter image right-gutter right";
        grid-template-columns: minmax(3.125rem, 1fr) 20px minmax(auto, 22.5rem) 20px minmax(auto, 50rem) 20px minmax(3.125rem, 1fr);
        grid-template-rows: 4vw auto 1fr
    }

    @media (max-width:66em) {
        .hero {
            grid-template-columns: minmax(3.125rem, 1fr) 20px minmax(auto, 17.5rem) 20px minmax(auto, 50rem) 20px minmax(3.125rem, 1fr)
        }
    }

    @media (max-width:60em) {
        .hero {
            grid-template-areas: "left top-gutter top-gutter right""left header-logo header-nav right""left image image right""left box box right""left box box right";
            grid-template-columns: 2rem auto auto 2rem;
            grid-template-rows: 20px auto auto 40px auto
        }
    }

    @media (max-width:35em) {
        .hero {
            grid-template-columns: 1.25rem auto auto 1.25rem;
            grid-template-rows: 12px auto auto 20px auto
        }
    }

    .hero .header {
        display: contents
    }

    .hero .header__logo {
        align-self: flex-end;
        grid-area: header-logo;
        position: relative
    }

    .hero .header__nav {
        align-self: flex-end;
        grid-area: header-nav;
        position: relative
    }

    @media (max-width:60em) {
        .hero .header__nav {
            position: absolute
        }
    }

    .hero .header__nav-button {
        z-index: 30
    }

    .hero .banner {
        display: contents
    }

    .hero .banner-box {
        grid-area: box
    }

    @media (max-width:60em) {
        .hero .banner-box {
            width: 100%
        }
    }

    .hero .banner-box-background {
        grid-column: 2/5;
        grid-row: 1/-1
    }

    @media (max-width:60em) {
        .hero .banner-box-background {
            grid-area: box
        }
    }

    .hero .banner-backdrop {
        grid-column: 1/-1;
        grid-row: 1/-1
    }

    @media (max-width:60em) {
        .hero .banner-backdrop {
            grid-row: 1/-2
        }
    }
}

@supports (display:grid) {
    .hero_default {
        grid-template-rows: 20px auto 1fr
    }

    .hero_default .banner-backdrop {
        grid-row: 3/-1;
        margin-top: 20px
    }

    @media (max-width:60em) {
        .hero_default .banner-backdrop {
            margin-top: 20px
        }
    }

    @media (max-width:35em) {
        .hero_default .banner-backdrop {
            margin-top: 12px
        }
    }

    .hero_default .banner-box,
    .hero_default .banner-box-background {
        display: none
    }
}

@supports (display:grid) {
    .hero_sub .banner-backdrop {
        grid-row: 2/-1
    }
}

.ie .grid-2349 {
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

@media (max-width:60em) {
    .ie .grid-2349 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:35em) {
    .ie .grid-2349 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@supports (display:grid) {
    .grid-2349 {
        display: grid;
        grid-template-columns: 1fr 3.125rem minmax(24.75rem, 59.5rem) 2.5rem 2.25rem minmax(2.5rem, 5.625rem) auto minmax(3.125rem, 7.25rem) 1fr;
        grid-template-rows: 1fr 5rem 6.25rem auto
    }

    @media (max-width:60em) {
        .grid-2349 {
            grid-gap: 1.875rem;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto;
            padding: 0 2rem
        }
    }

    @media (max-width:35em) {
        .grid-2349 {
            grid-gap: 0;
            grid-row-gap: 1.875rem;
            grid-template-columns: 1fr;
            padding: 0 1.25rem
        }
    }
}

.grid-2349_img-l {
    align-self: flex-end;
    grid-column: 3;
    grid-row: 1/4;
    justify-self: flex-end
}

@media (max-width:60em) {
    .grid-2349_img-l {
        grid-column: 2;
        grid-row: 1;
        width: 100%
    }
}

@media (max-width:35em) {
    .grid-2349_img-l {
        grid-column: auto;
        grid-row: auto
    }
}

.grid-2349_img-m {
    grid-column: 3/6;
    grid-row: 3/-1;
    justify-self: flex-end;
    z-index: 2
}

@media (max-width:60em) {
    .grid-2349_img-m {
        grid-column: 1;
        grid-row: 2;
        justify-self: flex-start;
        width: 100%
    }
}

@media (max-width:35em) {
    .grid-2349_img-m {
        grid-column: auto;
        grid-row: auto
    }
}

.grid-2349_img-s {
    grid-column: 5/-1;
    grid-row: 1
}

@media (max-width:60em) {
    .grid-2349_img-s {
        grid-column: 2;
        grid-row: 2;
        width: 100%
    }
}

@media (max-width:35em) {
    .grid-2349_img-s {
        grid-column: auto;
        grid-row: auto
    }
}

.grid-2349_img figcaption {
    font-family: Archivo Black, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    margin-top: .625rem;
    text-transform: uppercase
}

.grid-2349_text {
    grid-column: 7;
    grid-row: 3/-1;
    max-width: 19.375rem;
    min-width: 19.375rem
}

@media (max-width:60em) {
    .grid-2349_text {
        grid-column: 1;
        grid-row: 1;
        max-width: 100%;
        min-width: unset
    }
}

.grid-2349_extended {
    margin-left: auto;
    margin-right: auto;
    max-width: 84.375rem;
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

@media (max-width:60em) {
    .grid-2349_extended {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:35em) {
    .grid-2349_extended {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@supports (display:grid) {
    .grid-2349_extended {
        grid-template-columns: repeat(9, 1fr)
    }

    @media (max-width:60em) {
        .grid-2349_extended {
            grid-template-columns: repeat(2, 1fr)
        }
    }

    @media (max-width:35em) {
        .grid-2349_extended {
            grid-template-columns: 1fr
        }
    }
}

.grid-2349_extended .grid-2349_img-l {
    grid-column: 1/8;
    margin-left: 1.875rem
}

@media (max-width:60em) {
    .grid-2349_extended .grid-2349_img-l {
        grid-column: 1;
        grid-row: 2;
        margin-left: 0
    }
}

.grid-2349_extended .grid-2349_img-l figcaption {
    margin-bottom: .625rem;
    margin-top: 0
}

@media (max-width:60em) {
    .grid-2349_extended .grid-2349_img-l figcaption {
        margin-bottom: 0;
        margin-top: .625rem
    }
}

@media (max-width:60em) {
    .grid-2349_extended .grid-2349_img-l figure {
        display: flex;
        flex-direction: column-reverse
    }
}

.grid-2349_extended .grid-2349_img-m {
    grid-column: 5/9;
    margin-left: 3.75rem;
    margin-top: 3.125rem
}

@media (max-width:60em) {
    .grid-2349_extended .grid-2349_img-m {
        grid-column: 1;
        grid-row: 3;
        margin-left: 0;
        margin-top: 0
    }
}

.grid-2349_extended .grid-2349_img-m_left {
    grid-column: 1/5;
    justify-self: flex-start;
    margin-left: 3.75rem
}

@media (max-width:60em) {
    .grid-2349_extended .grid-2349_img-m_left {
        grid-column: 2;
        grid-row: 2;
        margin-left: 0
    }
}

.grid-2349_extended .grid-2349_img-s {
    grid-column: 8/-1;
    margin-left: 1.875rem
}

@media (max-width:60em) {
    .grid-2349_extended .grid-2349_img-s {
        grid-column: 2;
        grid-row: 3;
        margin-left: 0
    }
}

@media (max-width:35em) {

    .grid-2349_extended .grid-2349_img-l,
    .grid-2349_extended .grid-2349_img-m,
    .grid-2349_extended .grid-2349_img-m_left,
    .grid-2349_extended .grid-2349_img-s {
        grid-column: auto;
        grid-row: auto
    }
}

.grid-2349_extended .grid-2349_text {
    grid-column: 9;
    margin-left: 4rem
}

@media (max-width:60em) {
    .grid-2349_extended .grid-2349_text {
        grid-column: 2 span;
        grid-row: 1;
        margin-left: 0
    }
}

@media (max-width:35em) {
    .grid-2349_extended .grid-2349_text {
        grid-column: 1
    }
}

.grid-2449 {
    display: flex;
    flex-wrap: wrap
}

@supports (display:grid) {
    .grid-2449 {
        gap: 0 0;
        display: grid;
        grid-template-columns: 1.181fr .2fr;
        grid-template-rows: minmax(auto, 17.375rem) 6.25rem auto
    }

    @media (max-width:60em) {
        .grid-2449 {
            grid-template-rows: auto 6.25rem auto
        }
    }

    @media (max-width:35em) {
        .grid-2449 {
            grid-template-columns: 1.25rem 1fr 1.25rem;
            grid-template-rows: 1fr 2.5rem auto
        }
    }
}

.grid-2449__img {
    order: 2
}

@supports (display:grid) {
    .grid-2449__img {
        grid-area: 2/1/4/2;
        order: unset
    }

    @media (max-width:35em) {
        .grid-2449__img {
            grid-area: unset;
            grid-column: 1/-1;
            grid-row: 2/-1;
            margin-left: -1.25rem;
            margin-right: -1.25rem
        }
    }
}

.grid-2449__tabs {
    width: 100%
}

@supports (display:grid) {
    .grid-2449__tabs {
        display: inline-flex;
        grid-area: 1/1/3/3;
        justify-content: space-between
    }

    @media (max-width:35em) {
        .grid-2449__tabs {
            flex-wrap: wrap;
            grid-area: unset;
            grid-column: 2/-2;
            grid-row: 1/3
        }
    }
}

@supports (display:grid) {
    .grid-2449_feature {
        display: block
    }
}

.grid-2549 {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem
}

@supports (display:grid) {
    .grid-2549 {
        display: grid;
        flex-wrap: unset;
        grid-template-areas: "image image image-overlap overlap content . ."". . image-overlap overlap content . .";
        grid-template-columns: 1fr 3.125rem minmax(21rem, 40.625rem) minmax(1.875rem, 9.375rem) minmax(24rem, 36.125rem) 3.125rem 1fr;
        grid-template-rows: auto 10rem;
        max-width: unset
    }

    @media (max-width:60em) {
        .grid-2549 {
            grid-template-areas: "image image image"". content .";
            grid-template-columns: 1.25rem 1fr 1.25rem;
            grid-template-rows: auto auto
        }
    }
}

.grid-2549_flip {
    grid-template-areas: ". . content overlap image-overlap image image"". . content overlap image-overlap . .";
    grid-template-columns: 1fr 3.125rem minmax(24rem, 36.125rem) minmax(1.875rem, 9.375rem) minmax(21rem, 40.625rem) 3.125rem 1fr
}

@media (max-width:60em) {
    .grid-2549_flip {
        grid-template-areas: "image image image"". content .";
        grid-template-columns: 1.25rem 1fr 1.25rem;
        grid-template-rows: auto auto
    }
}

.grid-2549_flip .grid-2549__item-img {
    grid-column: image-overlap/image;
    justify-self: flex-start
}

@media (max-width:60em) {
    .grid-2549_flip .grid-2549__item-img {
        grid-column: image;
        justify-self: stretch
    }
}

.grid-2549_flip .grid-2549__item-overlap {
    grid-column: overlap/image-overlap;
    justify-self: flex-start
}

@media (max-width:60em) {
    .grid-2549_flip .grid-2549__item-overlap {
        grid-column: image;
        justify-self: flex-end
    }
}

@supports (display:grid) {
    .grid-2549__items {
        grid-column: 1/4;
        justify-self: flex-end;
        position: relative
    }
}

.grid-2549__item-img {
    order: 2
}

@supports (display:grid) {
    .grid-2549__item-img {
        display: flex;
        grid-column: image/image-overlap;
        justify-self: flex-end;
        order: unset
    }

    @media (max-width:60em) {
        .grid-2549__item-img {
            align-self: flex-end;
            grid-column: image;
            grid-row: image;
            justify-self: auto
        }
    }
}

@media (max-width:60em) {

    .grid-2549__item-img .dvc-image,
    .grid-2549__item-img .dvc-image>img {
        width: 100%
    }
}

.grid-2549__item-overlap {
    order: 2
}

@supports (display:grid) {
    .grid-2549__item-overlap {
        align-self: flex-end;
        grid-column: image-overlap/overlap;
        justify-self: flex-end;
        max-width: 50%;
        order: unset
    }

    @media (max-width:60em) {
        .grid-2549__item-overlap {
            grid-column: image;
            grid-row: image;
            margin-bottom: -10rem;
            max-width: 36%;
            overflow: hidden
        }
    }

    @media (max-width:35em) {
        .grid-2549__item-overlap {
            margin-bottom: -7rem;
            max-width: 46%
        }
    }
}

.grid-2549__body .dvc-image {
    margin-bottom: 1.875rem
}

.grid-2549__content {
    order: 1;
    padding-bottom: 5rem;
    padding-top: 5rem
}

@supports (display:grid) {
    .grid-2549__content {
        grid-column: content;
        grid-row: content;
        order: unset
    }
}

@media (max-width:64em) {
    .grid-2549__content {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.grid-2549__button {
    margin-top: 2.4em
}

.pull-quote {
    margin: 0 auto;
    max-width: 50.125rem;
    padding: 0
}

.pull-quote p {
    font-family: merriweatheritalic, serif;
    font-feature-settings: "lnum"1;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    z-index: 2
}

.pull-quote__inner {
    border-left: .125rem solid #ffd025;
    border-right: .125rem solid #ffd025
}

.pull-quote__text {
    position: relative
}

.pull-quote__outer-deco {
    height: 7.125rem;
    margin-right: 1.875rem;
    width: 7.875rem
}

@media (max-width:35em) {
    .pull-quote__outer-deco {
        display: none
    }
}

.pull-quote__inner-deco {
    height: 2.4375;
    position: absolute;
    width: 2.75rem
}

@media (max-width:60em) {
    .pull-quote__inner-deco {
        height: 1.21875rem;
        width: 1.375rem
    }
}

.pull-quote__inner-deco_left {
    bottom: -1.3125rem;
    left: -1.25rem
}

@media (max-width:60em) {
    .pull-quote__inner-deco_left {
        left: -.9375rem
    }
}

.pull-quote__inner-deco_right {
    right: -1.25rem;
    top: -1.3125rem;
    transform: rotate(180deg)
}

@media (max-width:60em) {
    .pull-quote__inner-deco_right {
        right: -.9375rem
    }
}

.pull-quote_big {
    align-items: flex-start;
    display: flex
}

.pull-quote_big .pull-quote__inner {
    flex: 1;
    padding: 1.5em 3.75rem
}

@media (max-width:35em) {
    .pull-quote_big .pull-quote__inner {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.pull-quote_big p {
    font-size: 1.125rem
}

.gallery-full-width {
    color: #4a4949;
    display: flex;
    flex-wrap: wrap
}

@supports (display:grid) {
    .gallery-full-width {
        gap: 10px 10px;
        display: grid;
        grid-template-areas: "img-0 img-0 img-1 img-1""img-0 img-0 img-1 img-1""img-0 img-0 img-4 img-4""img-2 img-3 img-4 img-4";
        grid-template-columns: 1fr 1.4fr .6fr 1fr;
        grid-template-rows: 3.125rem auto 6vw auto
    }

    @media (max-width:70em) {
        .gallery-full-width {
            grid-template-areas: unset;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto
        }
    }

    @media (max-width:35em) {
        .gallery-full-width {
            grid-template-columns: 1fr
        }
    }
}

.gallery-full-width__content {
    align-items: center;
    background-image: radial-gradient(ellipse, #ffd025, #f6ae07);
    display: flex;
    height: 100%;
    padding: 2.625rem
}

@media (max-width:60em) {
    .gallery-full-width__content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:35em) {
    .gallery-full-width__content {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.gallery-full-width__item .dvc-image {
    height: 100%;
    width: 100%
}

.gallery-full-width__item img {
    width: 100%
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .gallery-full-width__item img {
        -o-object-fit: cover;
        height: 100%;
        object-fit: cover
    }
}

.gallery-full-width__item-0 {
    width: 50%
}

@supports (display:grid) {
    .gallery-full-width__item-0 {
        grid-area: img-0;
        width: 100%
    }

    @media (max-width:70em) {
        .gallery-full-width__item-0 {
            grid-column: 1/-1;
            grid-row: 1
        }
    }

    @media (max-width:35em) {
        .gallery-full-width__item-0 {
            grid-column: 1/-1;
            grid-row: auto
        }
    }
}

.gallery-full-width__item-1 {
    width: 50%
}

@supports (display:grid) {
    .gallery-full-width__item-1 {
        grid-area: img-1;
        width: 100%
    }

    @media (max-width:70em) {
        .gallery-full-width__item-1 {
            grid-column: 1;
            grid-row: 2
        }
    }

    @media (max-width:35em) {
        .gallery-full-width__item-1 {
            grid-row: auto
        }
    }
}

.gallery-full-width__item-2 {
    width: 33.33%
}

@supports (display:grid) {
    .gallery-full-width__item-2 {
        grid-area: img-2;
        width: 100%
    }

    @media (max-width:70em) {
        .gallery-full-width__item-2 {
            grid-column: 2;
            grid-row: 2
        }
    }

    @media (max-width:35em) {
        .gallery-full-width__item-2 {
            grid-column: 1;
            grid-row: auto
        }
    }
}

.gallery-full-width__item-3 {
    width: 33.33%
}

@supports (display:grid) {
    .gallery-full-width__item-3 {
        grid-area: img-3;
        width: 100%
    }

    @media (max-width:70em) {
        .gallery-full-width__item-3 {
            grid-column: 1/-1;
            grid-row: 3
        }
    }

    @media (max-width:35em) {
        .gallery-full-width__item-3 {
            grid-row: auto
        }
    }
}

.gallery-full-width__item-4 {
    width: 33.33%
}

@supports (display:grid) {
    .gallery-full-width__item-4 {
        grid-area: img-4;
        width: 100%
    }

    @media (max-width:70em) {
        .gallery-full-width__item-4 {
            grid-column: 1/-1;
            grid-row: 4
        }
    }

    @media (max-width:35em) {
        .gallery-full-width__item-4 {
            grid-row: auto
        }
    }
}

.feature-slider__content {
    display: flex
}

@media (max-width:60em) {
    .feature-slider__content {
        flex-wrap: wrap;
        margin-left: auto;
        margin-right: auto;
        max-width: 32.25rem
    }
}

.feature-slider__item+.feature-slider__item {
    margin-left: .625rem
}

@media (max-width:60em) {
    .feature-slider__item+.feature-slider__item {
        margin-left: 0;
        margin-top: .625rem
    }
}

.feature-slider__item {
    position: relative
}

@media (max-width:60em) {
    .feature-slider__item:last-child {
        width: 100%
    }
}

.feature-slider__item:first-child {
    background-color: #e3e3e3
}

@media (max-width:60em) {
    .feature-slider__item:first-child {
        margin-left: auto;
        margin-right: auto
    }
}

.feature-slider__item:first-child:after {
    background: url(../img/slider-item-arrow.svg) 100% 0 no-repeat;
    background-position: 50% 50%;
    content: "";
    display: inline-block;
    height: 3.75rem;
    position: absolute;
    right: -1.875rem;
    top: 4.125rem;
    width: 1.875rem;
    z-index: 1
}

@media (max-width:60em) {
    .feature-slider__item:first-child:after {
        bottom: -2.8125rem;
        left: 50%;
        top: unset;
        transform: translateX(-50%) rotate(90deg)
    }
}

.feature-slider__intro+.feature-slider__slider {
    margin-top: 6.25rem
}

@media (max-width:60em) {
    .feature-slider__intro+.feature-slider__slider {
        margin-top: 3rem
    }
}

.feature-slider__intro {
    margin: 0 auto;
    max-width: 47.375rem
}

.feature-slider__background {
    background-image: radial-gradient(ellipse, #ffd025, #f6ae07);
    height: 16.25rem;
    margin-top: -5.875rem
}

@media (max-width:60em) {
    .feature-slider__background {
        height: 10.25rem
    }
}

.feature-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
    width: 100%
}

.feature-slider .slick-dots li {
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    height: .875rem;
    list-style-type: none;
    transition: background-color .24s;
    width: .875rem
}

.feature-slider .slick-dots li:not(:last-child) {
    margin-right: 1rem
}

.feature-slider .slick-dots .slick-active,
.feature-slider .slick-dots li:hover {
    background-color: #4a4949
}

.feature-slider .slick-dots button {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.default-table {
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    line-height: 1.2
}

.default-table caption {
    font-weight: 700;
    margin-bottom: .5em;
    text-align: left
}

.default-table tr td {
    padding-bottom: .5em;
    padding-top: .5em
}

.default-table tr td:first-child {
    max-width: 380px;
    padding-right: 3em
}

.default-table tr td:last-child {
    text-align: end
}

.default-table tbody tr {
    border: 0
}

.default-table tbody tr td {
    border-bottom: 1px solid rgba(74, 73, 73, .5)
}

.default-table .marker-highlight {
    display: revert
}

.default-table .marker-highlight>* {
    position: relative;
    z-index: 1
}

@media (max-width:35em) {
    .default-table_collapse-compact tr {
        display: flex;
        flex-direction: column
    }
}

@media (max-width:35em) {
    .default-table_collapse-compact tr td:first-child {
        padding-bottom: 0
    }
}

@media (max-width:35em) {
    .default-table_collapse-compact tr td:last-child {
        text-align: start
    }
}

@media (max-width:35em) {
    .default-table_collapse-compact tbody tr {
        border-bottom: 1px solid rgba(74, 73, 73, .5)
    }
}

@media (max-width:35em) {
    .default-table_collapse-compact tbody tr td {
        border-bottom: 0
    }
}

.default-table_fake-table tbody,
.default-table_fake-table tfoot {
    display: grid
}

.default-table_fake-table tbody tr,
.default-table_fake-table tfoot tr {
    display: flex;
    justify-content: space-between
}

.default-table_fake-table tbody tr td,
.default-table_fake-table tfoot tr td {
    border-bottom: 0
}

.default-table_fake-table tbody tr td:first-child,
.default-table_fake-table tfoot tr td:first-child {
    flex: 1
}

.default-table_fake-table tbody tr {
    border-bottom: 1px solid rgba(74, 73, 73, .5)
}

.default-table_fake-table .marker-highlight {
    display: flex;
    margin-bottom: 0
}

.invisible {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.shift_top-pos-1 {
    margin-top: .5rem !important
}

.shift_top-neg-1 {
    margin-top: -.5rem !important
}

.shift_bot-pos-1 {
    margin-bottom: .5rem !important
}

.shift_bot-neg-1 {
    margin-bottom: -.5rem !important
}

.shift_top-pos-2 {
    margin-top: 1rem !important
}

.shift_top-neg-2 {
    margin-top: -1rem !important
}

.shift_bot-pos-2 {
    margin-bottom: 1rem !important
}

.shift_bot-neg-2 {
    margin-bottom: -1rem !important
}

.shift_top-pos-3 {
    margin-top: 1.5rem !important
}

.shift_top-neg-3 {
    margin-top: -1.5rem !important
}

.shift_bot-pos-3 {
    margin-bottom: 1.5rem !important
}

.shift_bot-neg-3 {
    margin-bottom: -1.5rem !important
}

.shift_top-pos-4 {
    margin-top: 2rem !important
}

.shift_top-neg-4 {
    margin-top: -2rem !important
}

.shift_bot-pos-4 {
    margin-bottom: 2rem !important
}

.shift_bot-neg-4 {
    margin-bottom: -2rem !important
}

.shift_top-pos-5 {
    margin-top: 2.5rem !important
}

.shift_top-neg-5 {
    margin-top: -2.5rem !important
}

.shift_bot-pos-5 {
    margin-bottom: 2.5rem !important
}

.shift_bot-neg-5 {
    margin-bottom: -2.5rem !important
}

.shift_top-pos-6 {
    margin-top: 3rem !important
}

.shift_top-neg-6 {
    margin-top: -3rem !important
}

.shift_bot-pos-6 {
    margin-bottom: 3rem !important
}

.shift_bot-neg-6 {
    margin-bottom: -3rem !important
}

.shift_top-pos-7 {
    margin-top: 3.5rem !important
}

.shift_top-neg-7 {
    margin-top: -3.5rem !important
}

.shift_bot-pos-7 {
    margin-bottom: 3.5rem !important
}

.shift_bot-neg-7 {
    margin-bottom: -3.5rem !important
}

.shift_top-pos-8 {
    margin-top: 4rem !important
}

.shift_top-neg-8 {
    margin-top: -4rem !important
}

.shift_bot-pos-8 {
    margin-bottom: 4rem !important
}

.shift_bot-neg-8 {
    margin-bottom: -4rem !important
}

.shift_top-pos-9 {
    margin-top: 4.5rem !important
}

.shift_top-neg-9 {
    margin-top: -4.5rem !important
}

.shift_bot-pos-9 {
    margin-bottom: 4.5rem !important
}

.shift_bot-neg-9 {
    margin-bottom: -4.5rem !important
}