html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none
}

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

@media screen and (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: .001s !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important
    }
}

@keyframes reveal {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes blow {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes drivein {
    0% {
        opacity: 0;
        transform: translate3d(20%, 0, 0);
        transform-origin: left top
    }

    50% {
        opacity: .9;
        transform: translate3d(-1%, 0, 0);
        transform-origin: left top
    }

    90% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transform-origin: left top
    }

    100% {
        opacity: 1
    }
}

@keyframes slam {
    0% {
        opacity: 0;
        transform: scaleY(1);
        transform-origin: bottom;
        animation-timing-function: linear
    }

    30% {
        opacity: 1;
        transform: scaleY(0.8);
        transform-origin: bottom;
        animation-timing-function: ease-out
    }

    100% {
        transform: scaleY(0);
        transform-origin: bottom;
        animation-timing-function: ease-out
    }
}

@keyframes scalein {
    0% {
        transform: scale(0);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes placeHolderBackground {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}
.margin-jz {
    margin: 0 auto;
    }
@media(min-width: 1024px) {
    .l-cols {
        display: flex;
        justify-content: space-between
    }

    .l-cols__main {
        flex: 1 1 auto;
        margin-right: 5vw;
        max-width: 95rem
    }

    .l-cols__main--only {
        max-width: 122.6rem
    }
}

@media(min-width: 1360px) {
    .l-cols__main {
        margin-right: 15.4rem
    }
}

.l-cols__aside {
    margin-bottom: 5rem
}

@media(min-width: 1024px) {
    .l-cols__aside {
        margin-bottom: 7rem
    }
}

.l-cols__aside,
.l-cols__aside>div:not([class]) {
    display: flex;
    flex-direction: column;
    row-gap: 4rem
}

@media(max-width: 1023.98px) {

    .l-cols__aside,
    .l-cols__aside>div:not([class]) {
        margin-top: 5rem
    }
}

@media(min-width: 1024px) {

    .l-cols__aside,
    .l-cols__aside>div:not([class]) {
        row-gap: 6rem;
        flex: 0 0 34rem
    }
}

@media(min-width: 1360px) {

    .l-cols__aside,
    .l-cols__aside>div:not([class]) {
        flex: 0 0 39.8rem
    }
}

.m-Video--module .m-Video__container,
.m-GalleryA__l-wrapper,
.l-wrapper,
.l-section {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.m-Video--module .m-Video__container,
.m-GalleryA__l-wrapper,
.m-BigFeature__image,
.l-wrapper {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}
.m-Video--module .m-Video__container,
.m-GalleryA__l-wrapper,
.m-BigFeature__image,
.l-wrapper {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}
@media(min-width: 1024px) {

    .m-Video--module .m-Video__container,
    .m-GalleryA__l-wrapper,
    .m-BigFeature__image,
    .l-wrapper {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }
}

.l-section--marginTop {
    margin-top: 3.2rem !important
}

@media(min-width: 1024px) {
    .l-section--marginTop {
        margin-top: 8rem !important
    }
}

.l-section--marginBottom {
    margin-bottom: 3.2rem !important
}

@media(min-width: 1024px) {
    .l-section--marginBottom {
        margin-bottom: 8rem !important
    }
}

.l-section--fluid {
    max-width: 100%
}

.l-section.is--darkMode {
    background-color: #545454
}

@media(min-width: 1360px) {
    .l-wrapper--indent-l {
        padding-left: 13.8rem
    }
}

@media(min-width: 1360px) {
    .l-wrapper--indent-r {
        padding-right: 13.8rem
    }
}

@media(min-width: 375px) {
    .l-wrapper--maxWidth {
        max-width: 70rem
    }
}

@media(min-width: 1024px) {
    .l-wrapper--maxWidth {
        max-width: 160rem
    }
    .l-wrapper--maxWidth1 {
        max-width: 180rem
    }
}

@media(min-width: 1920px) {
    .l-wrapper--maxWidth {
        max-width: 83.4vw
    }
}

@media(min-width: 375px) {
    .l-wrapper--maxWidthMedium {
        max-width: 70rem
    }
}

@media(min-width: 1024px) {
    .l-wrapper--maxWidthMedium {
        max-width: 172rem
    }
    .l-wrapper--maxWidthMedium1 {
        max-width: 152rem
    }
}

@media(min-width: 1920px) {
    .l-wrapper--maxWidthMedium {
        max-width: 80vw
    }
}

@media(min-width: 375px) {
    .l-wrapper--maxWidthSmall {
        max-width: 70rem
    }
}

@media(min-width: 1024px) {
    .l-wrapper--maxWidthSmall {
        max-width: 129rem
    }
}

@media(min-width: 1920px) {
    .l-wrapper--maxWidthSmall {
        max-width: 67.2vw
    }
}

@media(min-width: 375px) {
    .l-wrapper--maxWidth-desktop {
        max-width: 70rem
    }
}

@media(min-width: 1024px) {
    .l-wrapper--maxWidth-desktop {
        max-width: 160rem
    }
}

@media(min-width: 1920px) {
    .l-wrapper--maxWidth-desktop {
        max-width: 83.4vw
    }
}

@media(max-width: 1023.98px) {
    .l-wrapper--maxWidth-desktop {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%
    }
}

@media(max-width: 1023.98px)and (min-width: 375px) {
    .l-wrapper--maxWidth-mobile {
        max-width: 70rem
    }
}

@media(max-width: 1023.98px)and (min-width: 1024px) {
    .l-wrapper--maxWidth-mobile {
        max-width: 160rem
    }
}

@media(max-width: 1023.98px)and (min-width: 1920px) {
    .l-wrapper--maxWidth-mobile {
        max-width: 83.4vw
    }
}

.l-space--bottom-S5 {
    margin-bottom: 6rem
}

@media(min-width: 1024px) {
    .l-space--bottom-S5 {
        margin-bottom: 13rem
    }
}

.l-space--bottom-5 {
    margin-bottom: 5rem
}

.l-space--top-5 {
    margin-top: 5rem
}

.l-space--bottom-7 {
    margin-bottom: 7rem
}

.l-space--module {
    margin-bottom: 7rem
}

.l-space--resetTopBottom {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.l-space--resetTop {
    margin-top: 0 !important
}

.l-space--resetBottom {
    margin-bottom: 0 !important
}

section[id] {
    scroll-margin-top: 5rem
}

@media(min-width: 1024px) {
    section[id] {
        scroll-margin-top: 7rem
    }
}

@media(max-width: 1023.98px) {
    .l-appcontainer__list {
        scroll-margin-top: 5rem
    }
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth
}

body {
    overflow-x: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

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

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

.align--center-mobile {
    text-align: center !important
}

@media(min-width: 1024px) {
    .align--center-mobile {
        text-align: left !important;
        text-align: initial !important
    }
}

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

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

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

.is--hide {
    display: none !important
}

.is--show {
    display: block !important
}

.is--hidden {
    visibility: hidden !important
}

.is--visible {
    visibility: visible !important
}

.is--fixed {
    position: fixed !important
}

[hidden] {
    display: none !important
}

[disabled] {
    cursor: not-allowed
}

@media(min-width: 1024px) {
    .mobile-only {
        display: none !important
    }
}

@media(max-width: 1023.98px) {
    .desktop-only {
        display: none !important
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

body {
    padding-top: 5rem !important
}

body {
    background-color: #fff
}

@media(min-width: 1024px) {
    body {
        padding-top: 7.3rem !important
    }
}

body.is--breadcrumbs,
body.is--submenu {
    padding-top: 9.8rem !important
}

@media(min-width: 1024px) {

    body.is--breadcrumbs,
    body.is--submenu {
        padding-top: 12.9rem !important
    }
}

body.is--logoBar.is--breadcrumbs,
body.is--logoBar.is--submenu {
    padding-top: 13.8rem !important
}

@media(min-width: 1024px) {

    body.is--logoBar.is--breadcrumbs,
    body.is--logoBar.is--submenu {
        padding-top: 18.9rem !important
    }
}

body.is--logoBar {
    padding-top: 9rem !important
}

@media(min-width: 1024px) {
    body.is--logoBar {
        padding-top: 13.3rem !important
    }
}

body.is--scroll {
    overflow: hidden
}

body.is--DAM {
    padding: 0 !important
}

body.is--DAM {
    display: flex;
    flex-direction: column
}

body.is--DAM main {
    flex: 1
}

@media(min-width: 1024px) {
    .is--not-M {
        display: none
    }
}

.is--M {
    display: none
}

@media(min-width: 1024px) {
    .is--M {
        display: inline;
        display: initial
    }
}

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

button,
input[type=submit] {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: inherit;
    cursor: pointer;
    margin: 0;
    padding: 0;
    font: inherit
}

a,
button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a.link:not(:disabled),
button.link:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {

    a.link:not(:disabled):hover,
    button.link:not(:disabled):hover {
        background-size: 100% 1px
    }
}

a.link:disabled,
button.link:disabled {
    cursor: auto
}

.colorBg--0.colorBg,
.colorBg--0 .colorBg {
    background-color: #ffffff !important
}

.colorThisBg--0 {
    background-color: #ffffff
}

.colorTxt--0,
.colorTxtInner--0 .colorTxt {
    color: #ffffff !important
}

.colorBg--1.colorBg,
.colorBg--1 .colorBg {
    background-color: #f7f7f7 !important
}

.colorThisBg--1 {
    background-color: #f7f7f7
}

.colorTxt--1,
.colorTxtInner--1 .colorTxt {
    color: #f7f7f7 !important
}

.colorBg--2.colorBg,
.colorBg--2 .colorBg {
    background-color: #ebebeb !important
}

.colorBg--3.colorBg,
.colorBg--3 .colorBg {
    background-color: #f2f3ed !important
}
.colorThisBg--2 {
    background-color: #ebebeb
}

.colorTxt--2,
.colorTxtInner--2 .colorTxt {
    color: #ebebeb !important
}
.colorBg--22.colorBg,
.colorBg--22 .colorBg {
    background-color: #f5f5f5 !important
}

.colorThisBg--22 {
    background-color: #f5f5f5
}

.colorTxt--22,
.colorTxtInner--22 .colorTxt {
    color: #f5f5f5 !important
}
.colorBg--3.colorBg,
.colorBg--3 .colorBg {
    background-color: #f2f3ed !important
}

.colorThisBg--3 {
    background-color: #f2f3ed
}

.colorTxt--3,
.colorTxtInner--3 .colorTxt {
    color: #f2f3ed !important
}

.colorBg--4.colorBg,
.colorBg--4 .colorBg {
    background-color: #c0c0c0 !important
}

.colorBg--44.colorBg,
.colorBg--44 .colorBg {
    background-color: #212121 !important
}


.colorThisBg--4 {
    background-color: #c0c0c0
}

.colorTxt--4,
.colorTxtInner--4 .colorTxt {
    color: #c0c0c0 !important
}

.colorBg--5.colorBg,
.colorBg--5 .colorBg {
    background-color: #a7a7a7 !important
}

.colorThisBg--5 {
    background-color: #a7a7a7
}

.colorTxt--5,
.colorTxtInner--5 .colorTxt {
    color: #a7a7a7 !important
}

.colorBg--6.colorBg,
.colorBg--6 .colorBg {
    background-color: #8d8d8d !important
}

.colorThisBg--6 {
    background-color: #8d8d8d
}

.colorTxt--6,
.colorTxtInner--6 .colorTxt {
    color: #8d8d8d !important
}

.colorBg--7.colorBg,
.colorBg--7 .colorBg {
    background-color: #737373 !important
}

.colorThisBg--7 {
    background-color: #737373
}

.colorTxt--7,
.colorTxtInner--7 .colorTxt {
    color: #737373 !important
}

.colorBg--8.colorBg,
.colorBg--8 .colorBg {
    background-color: #545454 !important
}

.colorThisBg--8 {
    background-color: #545454
}

.colorTxt--8,
.colorTxtInner--8 .colorTxt {
    color: #545454 !important
}

.colorBg--9.colorBg,
.colorBg--9 .colorBg {
    background-color: #1f1f1f !important
}

.colorThisBg--9 {
    background-color: #1f1f1f
}

.colorTxt--9,
.colorTxtInner--9 .colorTxt {
    color: #1f1f1f !important
}

.color200Bg--1.colorBg,
.color200Bg--1 .colorBg {
    background-color: #d2dfeb !important
}

.colorThis200Bg--1 {
    background-color: #d2dfeb !important
}

.color200Txt--1,
.color200TxtInner--1 .colorTxt {
    color: #d2dfeb !important
}

.color200Bg--2.colorBg,
.color200Bg--2 .colorBg {
    background-color: #d9e7e8 !important
}

.colorThis200Bg--2 {
    background-color: #d9e7e8 !important
}

.color200Txt--2,
.color200TxtInner--2 .colorTxt {
    color: #d9e7e8 !important
}

.color200Bg--3.colorBg,
.color200Bg--3 .colorBg {
    background-color: #dbe8d9 !important
}

.colorThis200Bg--3 {
    background-color: #dbe8d9 !important
}

.color200Txt--3,
.color200TxtInner--3 .colorTxt {
    color: #dbe8d9 !important
}

.color200Bg--4.colorBg,
.color200Bg--4 .colorBg {
    background-color: #e6e8d9 !important
}

.colorThis200Bg--4 {
    background-color: #e6e8d9 !important
}

.color200Txt--4,
.color200TxtInner--4 .colorTxt {
    color: #e6e8d9 !important
}

.color200Bg--5.colorBg,
.color200Bg--5 .colorBg {
    background-color: #f3e9d5 !important
}

.colorThis200Bg--5 {
    background-color: #f3e9d5 !important
}

.color200Txt--5,
.color200TxtInner--5 .colorTxt {
    color: #f3e9d5 !important
}

.color200Bg--6.colorBg,
.color200Bg--6 .colorBg {
    background-color: #f2e0d6 !important
}

.colorThis200Bg--6 {
    background-color: #f2e0d6 !important
}

.color200Txt--6,
.color200TxtInner--6 .colorTxt {
    color: #f2e0d6 !important
}

.color200Bg--7.colorBg,
.color200Bg--7 .colorBg {
    background-color: #f9d7d7 !important
}

.colorThis200Bg--7 {
    background-color: #f9d7d7 !important
}

.color200Txt--7,
.color200TxtInner--7 .colorTxt {
    color: #f9d7d7 !important
}

.color200Bg--8.colorBg,
.color200Bg--8 .colorBg {
    background-color: #f2dce8 !important
}

.colorThis200Bg--8 {
    background-color: #f2dce8 !important
}

.color200Txt--8,
.color200TxtInner--8 .colorTxt {
    color: #f2dce8 !important
}

.color200Bg--9.colorBg,
.color200Bg--9 .colorBg {
    background-color: #e4ddf1 !important
}

.colorThis200Bg--9 {
    background-color: #e4ddf1 !important
}

.color200Txt--9,
.color200TxtInner--9 .colorTxt {
    color: #e4ddf1 !important
}

.color700Bg--1.colorBg,
.color700Bg--1 .colorBg {
    background-color: #7297b3 !important
}

.colorThis700Bg--1 {
    background-color: #7297b3 !important
}

.color700Txt--1,
.color700TxtInner--1 .colorTxt {
    color: #7297b3 !important
}

.color700Bg--2.colorBg,
.color700Bg--2 .colorBg {
    background-color: #87a9ac !important
}

.colorThis700Bg--2 {
    background-color: #87a9ac !important
}

.color700Txt--2,
.color700TxtInner--2 .colorTxt {
    color: #87a9ac !important
}

.color700Bg--3.colorBg,
.color700Bg--3 .colorBg {
    background-color: #8cac87 !important
}

.colorThis700Bg--3 {
    background-color: #8cac87 !important
}

.color700Txt--3,
.color700TxtInner--3 .colorTxt {
    color: #8cac87 !important
}

.color700Bg--4.colorBg,
.color700Bg--4 .colorBg {
    background-color: #a7ac87 !important
}

.colorThis700Bg--4 {
    background-color: #a7ac87 !important
}

.color700Txt--4,
.color700TxtInner--4 .colorTxt {
    color: #a7ac87 !important
}

.color700Bg--5.colorBg,
.color700Bg--5 .colorBg {
    background-color: #c3ae7b !important
}

.colorThis700Bg--5 {
    background-color: #c3ae7b !important
}

.color700Txt--5,
.color700TxtInner--5 .colorTxt {
    color: #c3ae7b !important
}

.color700Bg--6.colorBg,
.color700Bg--6 .colorBg {
    background-color: #c59773 !important
}

.colorThis700Bg--6 {
    background-color: #c59773 !important
}

.color700Txt--6,
.color700TxtInner--6 .colorTxt {
    color: #c59773 !important
}

.color700Bg--7.colorBg,
.color700Bg--7 .colorBg {
    background-color: #cb8585 !important
}

.colorThis700Bg--7 {
    background-color: #cb8585 !important
}

.color700Txt--7,
.color700TxtInner--7 .colorTxt {
    color: #cb8585 !important
}

.color700Bg--8.colorBg,
.color700Bg--8 .colorBg {
    background-color: #c18fac !important
}

.colorThis700Bg--8 {
    background-color: #c18fac !important
}

.color700Txt--8,
.color700TxtInner--8 .colorTxt {
    color: #c18fac !important
}

.color700Bg--9.colorBg,
.color700Bg--9 .colorBg {
    background-color: #a090bf !important
}

.colorThis700Bg--9 {
    background-color: #a090bf !important
}

.color700Txt--9,
.color700TxtInner--9 .colorTxt {
    color: #a090bf !important
}

.color800Bg--1.colorBg,
.color800Bg--1 .colorBg {
    background-color: #577388 !important
}

.colorThis800Bg--1 {
    background-color: #577388 !important
}

.color800Txt--1,
.color800TxtInner--1 .colorTxt {
    color: #577388 !important
}

.color800Bg--2.colorBg,
.color800Bg--2 .colorBg {
    background-color: #678183 !important
}

.colorThis800Bg--2 {
    background-color: #678183 !important
}

.color800Txt--2,
.color800TxtInner--2 .colorTxt {
    color: #678183 !important
}

.color800Bg--3.colorBg,
.color800Bg--3 .colorBg {
    background-color: #6b8367 !important
}

.colorThis800Bg--3 {
    background-color: #6b8367 !important
}

.color800Txt--3,
.color800TxtInner--3 .colorTxt {
    color: #6b8367 !important
}

.color800Bg--4.colorBg,
.color800Bg--4 .colorBg {
    background-color: #7f8367 !important
}

.colorThis800Bg--4 {
    background-color: #7f8367 !important
}

.color800Txt--4,
.color800TxtInner--4 .colorTxt {
    color: #7f8367 !important
}

.color800Bg--5.colorBg,
.color800Bg--5 .colorBg {
    background-color: #95855e !important
}

.colorThis800Bg--5 {
    background-color: #95855e !important
}

.color800Txt--5,
.color800TxtInner--5 .colorTxt {
    color: #95855e !important
}

.color800Bg--6.colorBg,
.color800Bg--6 .colorBg {
    background-color: #997356 !important
}

.colorThis800Bg--6 {
    background-color: #997356 !important
}

.color800Txt--6,
.color800TxtInner--6 .colorTxt {
    color: #997356 !important
}

.color800Bg--7.colorBg,
.color800Bg--7 .colorBg {
    background-color: #9b6565 !important
}

.colorThis800Bg--7 {
    background-color: #9b6565 !important
}

.color800Txt--7,
.color800TxtInner--7 .colorTxt {
    color: #9b6565 !important
}

.color800Bg--8.colorBg,
.color800Bg--8 .colorBg {
    background-color: #946d83 !important
}

.colorThis800Bg--8 {
    background-color: #946d83 !important
}

.color800Txt--8,
.color800TxtInner--8 .colorTxt {
    color: #946d83 !important
}

.color800Bg--9.colorBg,
.color800Bg--9 .colorBg {
    background-color: #7a6e92 !important
}

.colorThis800Bg--9 {
    background-color: #7a6e92 !important
}

.color800Txt--9,
.color800TxtInner--9 .colorTxt {
    color: #7a6e92 !important
}

body {
    --color-basic-0: #ffffff;
    --color-basic-1: #f7f7f7;
    --color-basic-2: #ebebeb;
    --color-basic-3: #dedede;
    --color-basic-4: #c0c0c0;
    --color-basic-5: #a7a7a7;
    --color-basic-6: #8d8d8d;
    --color-basic-7: #737373;
    --color-basic-8: #545454;
    --color-basic-9: #1f1f1f;
    --color-other-1: transparent;
    --color-other-2: #fff;
    --color-other-3: #000;
    --color-other-4: #63ace9;
    --color-other-5: #67c058;
    --color-other-6: #f0a800;
    --color-other-7: #ff5757;
    --color-other-8: #e6cd91;
    --color-other-9: #3c3c3c;
    --color-other-10: #e43f3f;
    --color-200-1: #d2dfeb;
    --color-200-2: #d9e7e8;
    --color-200-3: #dbe8d9;
    --color-200-4: #e6e8d9;
    --color-200-5: #f3e9d5;
    --color-200-6: #f2e0d6;
    --color-200-7: #f9d7d7;
    --color-200-8: #f2dce8;
    --color-200-9: #e4ddf1;
    --color-700-1: #7297b3;
    --color-700-2: #87a9ac;
    --color-700-3: #8cac87;
    --color-700-4: #a7ac87;
    --color-700-5: #c3ae7b;
    --color-700-6: #c59773;
    --color-700-7: #cb8585;
    --color-700-8: #c18fac;
    --color-700-9: #a090bf;
    --color-800-1: #577388;
    --color-800-2: #678183;
    --color-800-3: #6b8367;
    --color-800-4: #7f8367;
    --color-800-5: #95855e;
    --color-800-6: #997356;
    --color-800-7: #9b6565;
    --color-800-8: #946d83;
    --color-800-9: #7a6e92
}

.colorBg {
    color: #1f1f1f
}

.colorBg[class*=color800Bg--].colorBg *,
[class*=color800Bg--] .colorBg.colorBg *,
.colorBg[class*=color700Bg--].colorBg *,
[class*=color700Bg--] .colorBg.colorBg *,
.colorBg.colorBg--6.colorBg *,
.colorBg--6 .colorBg.colorBg *,
.colorBg.colorBg--7.colorBg *,
.colorBg--7 .colorBg.colorBg *,
.colorBg.colorBg--8.colorBg *,
.colorBg--8 .colorBg.colorBg *,
.colorBg.colorBg--9.colorBg *,
.colorBg--9 .colorBg.colorBg * {
    color: #fff !important
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

input {
    border-radius: 0;
    -webkit-appearance: none;
    border: none
}

input {
    font: inherit
}

textarea {
    font: inherit
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    
}
img1 {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.image--toLeft img {
    -o-object-position: left;
    object-position: left
}

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

.image--toTop img {
    -o-object-position: top;
    object-position: top
}

.image--toBottom img {
    -o-object-position: bottom;
    object-position: bottom
}

.media-error {
    display: block;
    position: relative
}

.media-error img {
    display: block
}

.media-error::before,
.media-error::after {
    content: "";
    position: absolute
}

.media-error::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ebebeb;
    background-color: var(--backgroundColor, #ebebeb)
}

.media-error::after {
    width: 10rem;
    height: 10rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("placeholders/image.svg") no-repeat 50% 50%/contain;
    background: var(--typeIcon, url("placeholders/image.svg")) no-repeat 50% 50%/contain;
    opacity: .5
}

.type-article {
    --typeIcon: url("placeholders/article.svg")
}

.type-video {
    --typeIcon: url("placeholders/video.svg")
}

.type-casestudy {
    --typeIcon: url("placeholders/casestudy.svg")
}

.type-author {
    --typeIcon: url("placeholders/author.svg")
}

.icon {
    display: inline-block
}

.icon svg {
    width: 100%;
    height: 100%
}

svg {
    display: block;
    fill: currentColor
}

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

.layer--root {
    z-index: 0
}

.layer--overlay {
    z-index: 600
}

.layer--sticky {
    z-index: 400
}

.layer--ui {
    z-index: 200
}

.layer--hidden {
    z-index: -1
}

@font-face {
    font-family: "Baskervville";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Baskervville/regular_normal.woff2") format("woff2")
}

@font-face {
    font-family: "Baskervville";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Baskervville/regular_italic.woff2") format("woff2")
}

html {
    font-size: 62.5%
}

@media(max-width: 374.98px) {
    html {
        font-size: 46.875%
    }
}

@media screen and (max-height: 600px)and (max-width: 1920px)and (orientation: landscape) {
    html {
        font-size: 46.875%
    }
}

@media(min-width: 1024px)and (max-width: 1359.98px) {
    html {
        font-size: 46.875%
    }
}

@media screen and (min-width: 2560px) {
    html {
        font-size: 78.125%
    }
}

body {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    color: #1f1f1f;
    background-color: #fff
}

@media(min-width: 1024px) {
    body {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

i,
em {
    font-style: italic;
    font-weight: 400
}

b,
strong {
    font-weight: 700
}

pre {
    white-space: pre-wrap
}

cite {
    font-style: normal
}

h1,
.h1 {
    margin: 0 0 1.6rem;
    line-height: 1.2;
    font-size: 4.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 5.6rem
}

h1.uppercase,
.h1.uppercase {
    text-transform: uppercase
}

@media(min-width: 1024px) {

    h1,
    .h1 {
        font-size: 6.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 8rem
    }
}

@media(min-width: 1024px) {

    h1,
    .h1 {
        margin-bottom: 3.2rem
    }
}

h2,
.h2 {
    margin: 0 0 1.6rem;
    line-height: 1.2;
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem
}

h2.uppercase,
.h2.uppercase {
    text-transform: uppercase
}

@media(min-width: 1024px) {

    h2,
    .h2 {
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem
    }
}

@media(min-width: 1024px) {

    h2,
    .h2 {
        margin-bottom: 3.2rem
    }
}

h3,
.h3 {
    margin: 0 0 1.6rem;
    line-height: 1.2;
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

h3.uppercase,
.h3.uppercase {
    text-transform: uppercase
}

@media(min-width: 1024px) {

    h3,
    .h3 {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem
    }
}

@media(min-width: 1024px) {

    h3,
    .h3 {
        margin-bottom: 3.2rem
    }
}

h4,
.h4 {
    margin: 0 0 1.6rem;
    line-height: 1.2;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

h4.uppercase,
.h4.uppercase {
    text-transform: uppercase
}

@media(min-width: 1024px) {

    h4,
    .h4 {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

@media(min-width: 1024px) {

    h4,
    .h4 {
        margin-bottom: 3.2rem
    }
}

small {
    font-size: 1rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.4rem
}

@media(min-width: 1024px) {
    small {
        font-size: 1.2rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 1.6rem
    }
}

.highlighted {
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 2.2rem;
    font-weight: 500;
    color: #ebebeb
}

sup {
    position: relative;
    top: -0.6em;
    font-size: .6em
}

sub {
    position: relative;
    top: .25em;
    font-size: .6em
}

:root {
    --swiper-theme-color: var(--primaryColor)
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    touch-action: pan-y
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 0;
    width: 10%;
    height: 100%;
    z-index: 5;
    cursor: pointer;
    display: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.swiper-initialized .swiper-button-prev,
.swiper-initialized .swiper-button-next {
    display: block
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: "";
    position: absolute;
    width: 19px;
    height: 33px;
    top: 50%;
    margin-top: -16px
}

@media(hover: hover) {

    .swiper-button-prev:hover::after,
    .swiper-button-next:hover::after {
        opacity: .8
    }
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-disabled::after,
.swiper-button-next.swiper-button-disabled::after {
    opacity: .35
}

.swiper-button-prev::after {
    transform: scaleX(-1)
}

.swiper-container-rtl .swiper-button-prev::after {
    transform: none
}

.swiper-container-rtl .swiper-button-next::after {
    transform: scaleX(-1)
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0;
    right: auto
}

.swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after {
    left: 0;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0;
    left: auto
}

.swiper-button-next::after,
.swiper-container-rtl .swiper-button-prev::after {
    right: 0;
    left: auto
}

.swiper-button-b1::after {
    filter: invert(98%) sepia(98%) saturate(7%) hue-rotate(23deg) brightness(103%) contrast(94%)
}

.swiper-button-b2::after {
    filter: invert(100%) sepia(0%) saturate(4648%) hue-rotate(127deg) brightness(142%) contrast(84%)
}

.swiper-button-lock {
    display: none
}

.swiper-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.Heading--section {
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .Heading--section {
        margin-bottom: 6.4rem
    }
}

.Heading--listing {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    font-weight: 500;
    text-align: center;
    margin-top: 2.4rem
}

@media(min-width: 1024px) {
    .Heading--listing {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem;
        margin-top: 4rem
    }
}

.is--submenu .Heading--listing {
    margin-top: .8rem
}

#CookiebotWidget:not(.CookiebotWidget-open) {
    box-shadow: none !important
}

#CookiebotWidget .CookiebotWidget-logo {
    transform: scale(0.5) translate(-50%, 50%);
    opacity: .5
}

#CybotCookiebotDialog {
    overflow: visible;
    overflow: initial
}

#CybotCookiebotDialog::before {
    content: "";
    position: absolute;
    top: -2000px;
    right: 0;
    bottom: 0;
    left: 0
}

#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper {
    position: relative
}

.c-AboutLineList__item {
    display: flex;
    gap: .8rem;
    align-items: center;
    padding: 1.2rem 0
}

@media(min-width: 1024px) {
    .c-AboutLineList__item {
        padding: 1.6rem 0
    }
}

.c-AboutLineList__item .img {
    max-width: 3.2rem;
    margin: 0 .8rem
}

.c-AboutLineList__content {
    max-width: 80%
}

.c-AboutLineList__title {
    margin-bottom: .4rem;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.c-AboutLineList--underline .c-AboutLineList__item {
    border-bottom: 1px solid;
    border-color: #a7a7a7
}

[class*=color800Bg--].colorBg .c-AboutLineList--underline .c-AboutLineList__item,
[class*=color800Bg--] .colorBg .c-AboutLineList--underline .c-AboutLineList__item,
[class*=color700Bg--].colorBg .c-AboutLineList--underline .c-AboutLineList__item,
[class*=color700Bg--] .colorBg .c-AboutLineList--underline .c-AboutLineList__item,
.colorBg--6.colorBg .c-AboutLineList--underline .c-AboutLineList__item,
.colorBg--6 .colorBg .c-AboutLineList--underline .c-AboutLineList__item,
.colorBg--7.colorBg .c-AboutLineList--underline .c-AboutLineList__item,
.colorBg--7 .colorBg .c-AboutLineList--underline .c-AboutLineList__item,
.colorBg--8.colorBg .c-AboutLineList--underline .c-AboutLineList__item,
.colorBg--8 .colorBg .c-AboutLineList--underline .c-AboutLineList__item,
.colorBg--9.colorBg .c-AboutLineList--underline .c-AboutLineList__item,
.colorBg--9 .colorBg .c-AboutLineList--underline .c-AboutLineList__item {
    border-color: #fff
}

.c-AboutLineList--underline .img {
    max-width: 3.2rem;
    margin: 0 .8rem
}

[class*=color800Bg--].colorBg .c-AboutLineList--underline .img,
[class*=color800Bg--] .colorBg .c-AboutLineList--underline .img,
[class*=color700Bg--].colorBg .c-AboutLineList--underline .img,
[class*=color700Bg--] .colorBg .c-AboutLineList--underline .img,
.c-AboutLineList--underline .img.colorBg--6,
.colorBg--6 .c-AboutLineList--underline .img,
.c-AboutLineList--underline .img.colorBg--7,
.colorBg--7 .c-AboutLineList--underline .img,
.c-AboutLineList--underline .img.colorBg--8,
.colorBg--8 .c-AboutLineList--underline .img,
.c-AboutLineList--underline .img.colorBg--9,
.colorBg--9 .c-AboutLineList--underline .img {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-AboutLineList--big-icons .c-AboutLineList__item {
    padding: 1.6rem 0
}

.c-AboutLineList--big-icons .c-AboutLineList__item .img {
    max-width: 4.8rem
}

.c-AccordionItem {
    overflow: hidden
}

.c-AccordionItem .l-wrapper {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .c-AccordionItem .l-wrapper {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }
}

.c-AccordionItem__button {
    width: 100%;
    padding: 1.6rem 0;
    text-align: left;
    border-bottom: 1px solid;
    border-color: #1f1f1f;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

[class*=color800Bg--].colorBg .c-AccordionItem__button,
[class*=color800Bg--] .colorBg .c-AccordionItem__button,
[class*=color700Bg--].colorBg .c-AccordionItem__button,
[class*=color700Bg--] .colorBg .c-AccordionItem__button,
.colorBg--6.colorBg .c-AccordionItem__button,
.colorBg--6 .colorBg .c-AccordionItem__button,
.colorBg--7.colorBg .c-AccordionItem__button,
.colorBg--7 .colorBg .c-AccordionItem__button,
.colorBg--8.colorBg .c-AccordionItem__button,
.colorBg--8 .colorBg .c-AccordionItem__button,
.colorBg--9.colorBg .c-AccordionItem__button,
.colorBg--9 .colorBg .c-AccordionItem__button {
    border-color: #fff
}

.c-AccordionItem__title {
    max-width: 80%;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    transition: text-shadow .3s
}

@media(min-width: 1024px) {
    .c-AccordionItem__title {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem
    }
}

.c-AccordionItem__content {
/*    max-height: 0;*/
    transition: max-height .3s
}

.c-AccordionItem__content .l-wrapper p {
    margin-bottom: 4.8rem
}

@media(min-width: 1024px) {
    .c-AccordionItem__content .l-wrapper p {
        margin-bottom: 8rem
    }
}

.c-AccordionItem__content .l-wrapper ul,
.c-AccordionItem__content .l-wrapper ol {
    padding-left: 2.4rem;
    margin: 1.6rem 0;
    line-height: 1.5625
}

.c-AccordionItem__content .l-wrapper ul {
    list-style-type: none
}

.c-AccordionItem__content .l-wrapper ul li {
    position: relative
}

.c-AccordionItem__content .l-wrapper ul li:before {
    position: absolute;
    left: -2.5rem;
    content: "— "
}

.c-AccordionItem__content .l-wrapper ol {
    list-style-type: decimal
}

.c-AccordionItem__content .l-wrapper a:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .c-AccordionItem__content .l-wrapper a:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.c-AccordionItem__content .l-wrapper a:disabled {
    cursor: auto
}

.c-AccordionItem__content .l-wrapper .c-Wysiwyg__heading {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

@media(min-width: 1024px) {
    .c-AccordionItem__content .l-wrapper .c-Wysiwyg__heading {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem;
        margin-bottom: 2.4rem
    }
}

.c-AccordionItem__content .l-wrapper .c-Wysiwyg__introText {
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

@media(min-width: 1024px) {
    .c-AccordionItem__content .l-wrapper .c-Wysiwyg__introText {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem;
        margin-bottom: 2.4rem
    }
}

.c-AccordionItem__content .l-wrapper .c-Wysiwyg__text {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .c-AccordionItem__content .l-wrapper .c-Wysiwyg__text {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.c-AccordionItem__content .l-wrapper .c-Wysiwyg__textBigger {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .c-AccordionItem__content .l-wrapper .c-Wysiwyg__textBigger {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.c-AccordionItem__content .l-wrapper table th,
.c-AccordionItem__content .l-wrapper table td {
    border: 1px solid #1f1f1f;
    padding: .8rem;
    color: #1f1f1f
}

.c-AccordionItem__content .l-wrapper table th {
    background-color: #ebebeb;
    font-weight: 500
}

.c-AccordionItem__arrow {
    width: 3px;
    display: inline-block;
    position: relative;
    margin: 0 1.6rem 0 3.2rem
}

.c-AccordionItem__arrow:before,
.c-AccordionItem__arrow:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 7px;
    height: 2px;
    background-color: #1f1f1f;
    border-radius: 25px;
    transition: transform .3s
}

[class*=color800Bg--].colorBg .c-AccordionItem__arrow:before,
[class*=color800Bg--] .colorBg .c-AccordionItem__arrow:before,
[class*=color700Bg--].colorBg .c-AccordionItem__arrow:before,
[class*=color700Bg--] .colorBg .c-AccordionItem__arrow:before,
.colorBg--6.colorBg .c-AccordionItem__arrow:before,
.colorBg--6 .colorBg .c-AccordionItem__arrow:before,
.colorBg--7.colorBg .c-AccordionItem__arrow:before,
.colorBg--7 .colorBg .c-AccordionItem__arrow:before,
.colorBg--8.colorBg .c-AccordionItem__arrow:before,
.colorBg--8 .colorBg .c-AccordionItem__arrow:before,
.colorBg--9.colorBg .c-AccordionItem__arrow:before,
.colorBg--9 .colorBg .c-AccordionItem__arrow:before,
[class*=color800Bg--].colorBg .c-AccordionItem__arrow:after,
[class*=color800Bg--] .colorBg .c-AccordionItem__arrow:after,
[class*=color700Bg--].colorBg .c-AccordionItem__arrow:after,
[class*=color700Bg--] .colorBg .c-AccordionItem__arrow:after,
.colorBg--6.colorBg .c-AccordionItem__arrow:after,
.colorBg--6 .colorBg .c-AccordionItem__arrow:after,
.colorBg--7.colorBg .c-AccordionItem__arrow:after,
.colorBg--7 .colorBg .c-AccordionItem__arrow:after,
.colorBg--8.colorBg .c-AccordionItem__arrow:after,
.colorBg--8 .colorBg .c-AccordionItem__arrow:after,
.colorBg--9.colorBg .c-AccordionItem__arrow:after,
.colorBg--9 .colorBg .c-AccordionItem__arrow:after {
    background-color: #fff
}

.c-AccordionItem__arrow:before {
    left: 0;
    transform: rotate(-45deg)
}

.c-AccordionItem__arrow:after {
    right: 0;
    transform: rotate(45deg)
}

.c-AccordionItem.is--active .c-AccordionItem__arrow:before {
    transform: rotate(45deg)
}

.c-AccordionItem.is--active .c-AccordionItem__arrow:after {
    transform: rotate(-45deg)
}

.c-AccordionItem.is--active .c-AccordionItem__title {
    text-shadow: 0px 0px 0 currentColor, 0px 0px 0 currentColor, 0px 0px 0 currentColor
}

@media(min-width: 1024px) {
    .m-AboutLine .c-AccordionItem.is--active .c-AccordionItem__title {
        text-shadow: none
    }
}

.c-AccordionItem.is--active .c-AccordionItem__content {
/*    max-height: 0*/
}

.c-Button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    font-weight: 500;
    min-height: 4rem;
    padding: .4rem 2.4rem;
    transition: background-color .3s, border-color .3s, color .3s;
    outline-offset: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    position: relative;
    max-width: 38.4rem
}

@media(min-width: 1024px) {
    .c-Button {
/*        min-height: 6rem;*/
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.c-Button .c-Button__underline {
    display: inline-block;
    position: absolute;
    z-index: 0;
    bottom: 0;
    height: 2px;
    background-color: inherit;
    width: 100%;
    transform-origin: bottom center;
    transition: height .3s, bottom .3s
}

.c-Button .c-Button__border {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid;
    transition: border-color .3s
}

.c-Button .c-Button__label {
    position: relative;
    text-align: center
}

.c-Button--noText {
    padding: 0;
    width: 4rem
}

@media(min-width: 1024px) {
    .c-Button--noText {
        padding: 0;
        width: 6rem
    }
}

.c-Button--icon .c-Button__label {
    margin-right: 1em
}

.c-Button--icon::after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: filter .3s;
    flex-shrink: 0
}

.c-Button--icon-arrow::after {
    background-image: url("arrow.svg")
}

.c-Button--icon-arrow-down::after {
    background-image: url("arrow.svg");
    transform: rotate(90deg)
}

.c-Button--icon-arrow-up::after {
    background-image: url("arrow.svg");
    transform: rotate(-90deg)
}

.c-Button--icon-mail .c-Button__label {
    margin-right: .8em
}

.c-Button--icon-mail::after {
    height: 20px;
    width: 16px;
    background-image: url("mail.svg");
    background-position-y: 3px
}

@media(min-width: 1024px) {
    .c-Button--icon-mail::after {
        height: 26px;
        width: 22px;
        background-position-y: 3px
    }
}

.c-Button--icon-file .c-Button__label {
    margin-right: 1em
}

.c-Button--icon-file::after {
    height: 20px;
    width: 16px;
    background-image: url("file.svg")
}

.c-Button--icon-pin .c-Button__label {
    margin-right: .4em
}

.c-Button--icon-pin::after {
    height: 14px;
    width: 18px;
    background-image: url("pin.svg");
    background-position-y: top
}

@media(min-width: 1024px) {
    .c-Button--icon-pin::after {
        height: 20px;
        width: 24px
    }
}

.c-Button--icon-del::after {
    background-image: url("x.svg")
}

.c-Button--icon-edit::after {
    width: 20px;
    height: 20px;
    margin-left: -0.8rem;
    /*background-image: url("edit.svg")*/
}

.c-Button--icon-download .c-Button__label {
    margin-right: .8em
}

.c-Button--icon-download::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("download.svg") no-repeat;
    background-size: cover
}

.c-Button--icon-delete {
    color: #e43f3f;
    border-color: #e43f3f
}

.c-Button--icon-delete::after {
    height: 1.7rem;
    background-image: url("common/trashcan.svg");
    background-size: auto 1.7rem
}

.c-Button--icon-phone .c-Button__label {
    margin-right: .8em
}

.c-Button--icon-phone::after {
    height: 20px;
    width: 16px;
    background-image: url("phone.svg");
    background-position-y: 3px
}

@media(min-width: 1024px) {
    .c-Button--icon-phone::after {
        height: 26px;
        width: 22px;
        background-position-y: 3px
    }
}

.c-Button--icon-search::after {
    width: 24px;
    height: 24px;
    background-image: url("zoom.svg")
}

.c-Button--icon-config::after {
    width: 24px;
    height: 24px;
    background-image: url("config.svg")
}

.c-Button--icon-basket::after {
    width: 20px;
    height: 20px;
    background-image: url("basket-plus.svg")
}

.c-Button--icon-resource .c-Button__label {
    margin-right: .8em
}

.c-Button--icon-resource::after {
    height: 20px;
    width: 16px;
    background-image: url("storage.svg")
}

@media(min-width: 1024px) {
    .c-Button--icon-resource::after {
        height: 26px;
        width: 22px
    }
}

.c-Button--icon-loader::after {
    height: 22px;
    width: 18px;
    background-image: url("loader.svg")
}

.c-Button--m {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    min-height: 5rem;
    padding-left: 2.8rem;
    padding-right: 2.8rem
}

.c-Button--m.c-Button--noText {
    padding: 0;
    width: 5rem
}

.c-Button--s {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    min-height: 4rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.c-Button--s.c-Button--noText {
    padding: 0;
    width: 4rem
}

.c-Button--primary {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    background-color: #1f1f1f;
    color: #fff
}

.c-Button--primary .c-Button__label {
    transition: color .3s
}

.c-Button--primary .c-Button__underline {
    background-color: #545454
}

.c-Button--primary .c-Button__border {
    border-color: rgba(0, 0, 0, 0)
}

@media(hover: hover) {
    .c-Button--primary:hover .c-Button__label {
        color: #fff
    }

    .c-Button--primary:hover::after {
        filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(8deg) brightness(103%) contrast(102%)
    }

    .c-Button--primary:hover .c-Button__underline {
        height: 100%;
        bottom: 0
    }

    .c-Button--primary:hover .c-Button__border {
        border-color: #545454
    }
}

.c-Button--primary:active,
.c-Button--primary.focus-visible {
    outline: 2px solid #e6cd91
}

.c-Button--primary:active,
.c-Button--primary:focus-visible {
    outline: 2px solid #e6cd91
}

.c-Button--primary::after {
    filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(8deg) brightness(103%) contrast(102%)
}

.c-Button--primary .c-Button__border {
    border-color: #1f1f1f
}

.c-Button--primary[disabled],
.c-Button--primary.is--disabled {
    background-color: #dedede !important
}

.c-Button--primary[disabled] .c-Button__underline,
.c-Button--primary[disabled] .c-Button__border,
.c-Button--primary.is--disabled .c-Button__underline,
.c-Button--primary.is--disabled .c-Button__border {
    display: none
}

.c-Button--primary[disabled] .c-Button__label,
.c-Button--primary.is--disabled .c-Button__label {
    color: #737373 !important
}

.c-Button--primary[disabled]::after,
.c-Button--primary.is--disabled::after {
    filter: invert(46%) sepia(37%) saturate(0%) hue-rotate(278deg) brightness(89%) contrast(78%)
}

[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert),
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert),
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert),
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert),
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert),
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert),
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert),
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert),
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert),
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert),
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert),
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert),
.c-Button--primary.c-Button--invert:not(.disable-invert) {
    background-color: #fff !important
}

[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__label,
.c-Button--primary.c-Button--invert:not(.disable-invert) .c-Button__label {
    color: #1f1f1f !important
}

[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert)::after,
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert)::after,
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert)::after,
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert)::after,
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert)::after,
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert)::after,
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert)::after,
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert)::after,
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert)::after,
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert)::after,
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert)::after,
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert)::after,
.c-Button--primary.c-Button--invert:not(.disable-invert)::after {
    filter: invert(13%) sepia(8%) saturate(0%) hue-rotate(246deg) brightness(104%) contrast(104%) !important
}

[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__border,
.c-Button--primary.c-Button--invert:not(.disable-invert) .c-Button__border {
    border-color: #fff !important
}

[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert) .c-Button__underline,
.c-Button--primary.c-Button--invert:not(.disable-invert) .c-Button__underline {
    background-color: #dedede !important
}

@media(hover: hover) {

    [class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert):hover,
    [class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert):hover,
    [class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert):hover,
    [class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert):hover,
    .colorBg--6.colorBg .c-Button--primary:not(.disable-invert):hover,
    .colorBg--6 .colorBg .c-Button--primary:not(.disable-invert):hover,
    .colorBg--7.colorBg .c-Button--primary:not(.disable-invert):hover,
    .colorBg--7 .colorBg .c-Button--primary:not(.disable-invert):hover,
    .colorBg--8.colorBg .c-Button--primary:not(.disable-invert):hover,
    .colorBg--8 .colorBg .c-Button--primary:not(.disable-invert):hover,
    .colorBg--9.colorBg .c-Button--primary:not(.disable-invert):hover,
    .colorBg--9 .colorBg .c-Button--primary:not(.disable-invert):hover,
    .c-Button--primary.c-Button--invert:not(.disable-invert):hover {
        color: #1f1f1f !important
    }

    [class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert):hover::after,
    [class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert):hover::after,
    [class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert):hover::after,
    [class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert):hover::after,
    .colorBg--6.colorBg .c-Button--primary:not(.disable-invert):hover::after,
    .colorBg--6 .colorBg .c-Button--primary:not(.disable-invert):hover::after,
    .colorBg--7.colorBg .c-Button--primary:not(.disable-invert):hover::after,
    .colorBg--7 .colorBg .c-Button--primary:not(.disable-invert):hover::after,
    .colorBg--8.colorBg .c-Button--primary:not(.disable-invert):hover::after,
    .colorBg--8 .colorBg .c-Button--primary:not(.disable-invert):hover::after,
    .colorBg--9.colorBg .c-Button--primary:not(.disable-invert):hover::after,
    .colorBg--9 .colorBg .c-Button--primary:not(.disable-invert):hover::after,
    .c-Button--primary.c-Button--invert:not(.disable-invert):hover::after {
        filter: invert(13%) sepia(8%) saturate(0%) hue-rotate(246deg) brightness(104%) contrast(104%) !important
    }

    [class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    [class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    [class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    [class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    .colorBg--6.colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    .colorBg--6 .colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    .colorBg--7.colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    .colorBg--7 .colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    .colorBg--8.colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    .colorBg--8 .colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    .colorBg--9.colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    .colorBg--9 .colorBg .c-Button--primary:not(.disable-invert):hover .c-Button__border,
    .c-Button--primary.c-Button--invert:not(.disable-invert):hover .c-Button__border {
        border-color: #dedede !important
    }
}

[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert)[disabled],
[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert).is--disabled,
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert)[disabled],
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert).is--disabled,
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert)[disabled],
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert).is--disabled,
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert)[disabled],
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert).is--disabled,
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert)[disabled],
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert).is--disabled,
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert)[disabled],
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert).is--disabled,
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert)[disabled],
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert).is--disabled,
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert)[disabled],
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert).is--disabled,
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert)[disabled],
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert).is--disabled,
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert)[disabled],
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert).is--disabled,
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert)[disabled],
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert).is--disabled,
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert)[disabled],
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert).is--disabled,
.c-Button--primary.c-Button--invert:not(.disable-invert)[disabled],
.c-Button--primary.c-Button--invert:not(.disable-invert).is--disabled {
    background-color: #737373 !important
}

[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert).is--disabled .c-Button__label,
.c-Button--primary.c-Button--invert:not(.disable-invert)[disabled] .c-Button__label,
.c-Button--primary.c-Button--invert:not(.disable-invert).is--disabled .c-Button__label {
    color: #dedede !important
}

[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
[class*=color800Bg--].colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
[class*=color800Bg--] .colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
[class*=color700Bg--].colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
[class*=color700Bg--] .colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
.colorBg--6.colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
.colorBg--6 .colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
.colorBg--7.colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
.colorBg--7 .colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
.colorBg--8.colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
.colorBg--8 .colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
.colorBg--9.colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert)[disabled]::after,
.colorBg--9 .colorBg .c-Button--primary:not(.disable-invert).is--disabled::after,
.c-Button--primary.c-Button--invert:not(.disable-invert)[disabled]::after,
.c-Button--primary.c-Button--invert:not(.disable-invert).is--disabled::after {
    filter: invert(99%) sepia(0%) saturate(305%) hue-rotate(19deg) brightness(114%) contrast(74%) !important
}

.c-Button--secondary {
    background-color: rgba(0, 0, 0, 0);
    color: #1f1f1f
}

.c-Button--secondary .c-Button__label {
    transition: color .3s
}

.c-Button--secondary .c-Button__underline {
    background-color: #545454
}

.c-Button--secondary .c-Button__border {
    border-color: rgba(0, 0, 0, 0)
}

@media(hover: hover) {
    .c-Button--secondary:hover .c-Button__label {
        color: #fff
    }

    .c-Button--secondary:hover::after {
        filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(8deg) brightness(103%) contrast(102%)
    }

    .c-Button--secondary:hover .c-Button__underline {
        height: 100%;
        bottom: 0
    }

    .c-Button--secondary:hover .c-Button__border {
        border-color: #545454
    }
}

.c-Button--secondary:active,
.c-Button--secondary.focus-visible {
    outline: 2px solid #e6cd91
}

.c-Button--secondary:active,
.c-Button--secondary:focus-visible {
    outline: 2px solid #e6cd91
}

.c-Button--secondary::after {
    filter: invert(13%) sepia(8%) saturate(0%) hue-rotate(246deg) brightness(104%) contrast(104%)
}

.c-Button--secondary .c-Button__border {
    border-color: #1f1f1f
}

.c-Button--secondary[disabled],
.c-Button--secondary.is--disabled {
    background-color: rgba(0, 0, 0, 0) !important
}

.c-Button--secondary[disabled] .c-Button__underline,
.c-Button--secondary.is--disabled .c-Button__underline {
    display: none
}

.c-Button--secondary[disabled] .c-Button__label,
.c-Button--secondary.is--disabled .c-Button__label {
    color: #a7a7a7 !important
}

.c-Button--secondary[disabled]::after,
.c-Button--secondary.is--disabled::after {
    filter: invert(75%) sepia(0%) saturate(20%) hue-rotate(172deg) brightness(90%) contrast(87%)
}

.c-Button--secondary[disabled] .c-Button__border,
.c-Button--secondary.is--disabled .c-Button__border {
    border-color: #a7a7a7
}

[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__label,
.c-Button--secondary.c-Button--invert:not(.disable-invert) .c-Button__label {
    color: #fff !important
}

[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert)::after,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert)::after,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert)::after,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert)::after,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert)::after,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert)::after,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert)::after,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert)::after,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert)::after,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert)::after,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert)::after,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert)::after,
.c-Button--secondary.c-Button--invert:not(.disable-invert)::after {
    filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(8deg) brightness(103%) contrast(102%) !important
}

[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__underline,
.c-Button--secondary.c-Button--invert:not(.disable-invert) .c-Button__underline {
    background-color: #dedede !important
}

[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert) .c-Button__border,
.c-Button--secondary.c-Button--invert:not(.disable-invert) .c-Button__border {
    border-color: #fff !important
}

@media(hover: hover) {

    [class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    [class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    [class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    [class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    .colorBg--6.colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    .colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    .colorBg--7.colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    .colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    .colorBg--8.colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    .colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    .colorBg--9.colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    .colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__label,
    .c-Button--secondary.c-Button--invert:not(.disable-invert):hover .c-Button__label {
        color: #1f1f1f !important
    }

    [class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    [class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    [class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    [class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    .colorBg--6.colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    .colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    .colorBg--7.colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    .colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    .colorBg--8.colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    .colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    .colorBg--9.colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    .colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert):hover::after,
    .c-Button--secondary.c-Button--invert:not(.disable-invert):hover::after {
        filter: invert(13%) sepia(8%) saturate(0%) hue-rotate(246deg) brightness(104%) contrast(104%) !important
    }

    [class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    [class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    [class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    [class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    .colorBg--6.colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    .colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    .colorBg--7.colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    .colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    .colorBg--8.colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    .colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    .colorBg--9.colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    .colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert):hover .c-Button__border,
    .c-Button--secondary.c-Button--invert:not(.disable-invert):hover .c-Button__border {
        border-color: #dedede !important
    }
}

[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert)[disabled],
[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert)[disabled],
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert)[disabled],
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert)[disabled],
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert)[disabled],
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert)[disabled],
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert)[disabled],
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert)[disabled],
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert)[disabled],
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert)[disabled],
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert)[disabled],
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert)[disabled],
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled,
.c-Button--secondary.c-Button--invert:not(.disable-invert)[disabled],
.c-Button--secondary.c-Button--invert:not(.disable-invert).is--disabled {
    background-color: rgba(0, 0, 0, 0) !important
}

[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__label,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__label,
.c-Button--secondary.c-Button--invert:not(.disable-invert)[disabled] .c-Button__label,
.c-Button--secondary.c-Button--invert:not(.disable-invert).is--disabled .c-Button__label {
    color: #a7a7a7 !important
}

[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert)[disabled]::after,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled::after,
.c-Button--secondary.c-Button--invert:not(.disable-invert)[disabled]::after,
.c-Button--secondary.c-Button--invert:not(.disable-invert).is--disabled::after {
    filter: invert(75%) sepia(0%) saturate(20%) hue-rotate(172deg) brightness(90%) contrast(87%) !important
}

[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
[class*=color800Bg--].colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
[class*=color800Bg--] .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
[class*=color700Bg--].colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
[class*=color700Bg--] .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
.colorBg--6.colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
.colorBg--6 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
.colorBg--7.colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
.colorBg--7 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
.colorBg--8.colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
.colorBg--8 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
.colorBg--9.colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert)[disabled] .c-Button__border,
.colorBg--9 .colorBg .c-Button--secondary:not(.disable-invert).is--disabled .c-Button__border,
.c-Button--secondary.c-Button--invert:not(.disable-invert)[disabled] .c-Button__border,
.c-Button--secondary.c-Button--invert:not(.disable-invert).is--disabled .c-Button__border {
    border-color: #a7a7a7 !important
}

.c-Button--tertiary {
    min-height: 3rem;
    padding: .2rem 0 .4rem 0;
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.c-Button--tertiary .c-Button__label {
    transition: color .3s
}

.c-Button--tertiary .c-Button__underline {
    background-color: #545454
}

.c-Button--tertiary .c-Button__border {
    border-color: rgba(0, 0, 0, 0)
}

@media(hover: hover) {
    .c-Button--tertiary:hover .c-Button__label {
        color: #fff
    }

    .c-Button--tertiary:hover::after {
        filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(8deg) brightness(103%) contrast(102%)
    }

    .c-Button--tertiary:hover .c-Button__underline {
        height: 100%;
        bottom: 0
    }

    .c-Button--tertiary:hover .c-Button__border {
        border-color: #545454
    }
}

.c-Button--tertiary:active,
.c-Button--tertiary.focus-visible {
    outline: 2px solid #e6cd91
}

.c-Button--tertiary:active,
.c-Button--tertiary:focus-visible {
    outline: 2px solid #e6cd91
}

.c-Button--tertiary .c-Button__label {
    color: #1f1f1f
}

.c-Button--tertiary::after {
    filter: invert(13%) sepia(8%) saturate(0%) hue-rotate(246deg) brightness(104%) contrast(104%)
}

.c-Button--tertiary .c-Button__border {
    display: none
}

.c-Button--tertiary[disabled],
.c-Button--tertiary.is--disabled,
.c-Button--tertiary.c-Button--invert.is--disabled,
[class*=color800Bg--].colorBg .c-Button--tertiary[disabled],
[class*=color800Bg--] .colorBg .c-Button--tertiary[disabled],
[class*=color700Bg--].colorBg .c-Button--tertiary[disabled],
[class*=color700Bg--] .colorBg .c-Button--tertiary[disabled],
.colorBg--6.colorBg .c-Button--tertiary[disabled],
.colorBg--6 .colorBg .c-Button--tertiary[disabled],
.colorBg--7.colorBg .c-Button--tertiary[disabled],
.colorBg--7 .colorBg .c-Button--tertiary[disabled],
.colorBg--8.colorBg .c-Button--tertiary[disabled],
.colorBg--8 .colorBg .c-Button--tertiary[disabled],
.colorBg--9.colorBg .c-Button--tertiary[disabled],
.colorBg--9 .colorBg .c-Button--tertiary[disabled],
[class*=color800Bg--].colorBg .c-Button--tertiary.is--disabled,
[class*=color800Bg--] .colorBg .c-Button--tertiary.is--disabled,
[class*=color700Bg--].colorBg .c-Button--tertiary.is--disabled,
[class*=color700Bg--] .colorBg .c-Button--tertiary.is--disabled,
.colorBg--6.colorBg .c-Button--tertiary.is--disabled,
.colorBg--6 .colorBg .c-Button--tertiary.is--disabled,
.colorBg--7.colorBg .c-Button--tertiary.is--disabled,
.colorBg--7 .colorBg .c-Button--tertiary.is--disabled,
.colorBg--8.colorBg .c-Button--tertiary.is--disabled,
.colorBg--8 .colorBg .c-Button--tertiary.is--disabled,
.colorBg--9.colorBg .c-Button--tertiary.is--disabled,
.colorBg--9 .colorBg .c-Button--tertiary.is--disabled {
    background-color: rgba(0, 0, 0, 0) !important
}

.c-Button--tertiary[disabled] .c-Button__label,
.c-Button--tertiary.is--disabled .c-Button__label,
.c-Button--tertiary.c-Button--invert.is--disabled .c-Button__label,
[class*=color800Bg--].colorBg .c-Button--tertiary[disabled] .c-Button__label,
[class*=color800Bg--] .colorBg .c-Button--tertiary[disabled] .c-Button__label,
[class*=color700Bg--].colorBg .c-Button--tertiary[disabled] .c-Button__label,
[class*=color700Bg--] .colorBg .c-Button--tertiary[disabled] .c-Button__label,
.colorBg--6.colorBg .c-Button--tertiary[disabled] .c-Button__label,
.colorBg--6 .colorBg .c-Button--tertiary[disabled] .c-Button__label,
.colorBg--7.colorBg .c-Button--tertiary[disabled] .c-Button__label,
.colorBg--7 .colorBg .c-Button--tertiary[disabled] .c-Button__label,
.colorBg--8.colorBg .c-Button--tertiary[disabled] .c-Button__label,
.colorBg--8 .colorBg .c-Button--tertiary[disabled] .c-Button__label,
.colorBg--9.colorBg .c-Button--tertiary[disabled] .c-Button__label,
.colorBg--9 .colorBg .c-Button--tertiary[disabled] .c-Button__label,
[class*=color800Bg--].colorBg .c-Button--tertiary.is--disabled .c-Button__label,
[class*=color800Bg--] .colorBg .c-Button--tertiary.is--disabled .c-Button__label,
[class*=color700Bg--].colorBg .c-Button--tertiary.is--disabled .c-Button__label,
[class*=color700Bg--] .colorBg .c-Button--tertiary.is--disabled .c-Button__label,
.colorBg--6.colorBg .c-Button--tertiary.is--disabled .c-Button__label,
.colorBg--6 .colorBg .c-Button--tertiary.is--disabled .c-Button__label,
.colorBg--7.colorBg .c-Button--tertiary.is--disabled .c-Button__label,
.colorBg--7 .colorBg .c-Button--tertiary.is--disabled .c-Button__label,
.colorBg--8.colorBg .c-Button--tertiary.is--disabled .c-Button__label,
.colorBg--8 .colorBg .c-Button--tertiary.is--disabled .c-Button__label,
.colorBg--9.colorBg .c-Button--tertiary.is--disabled .c-Button__label,
.colorBg--9 .colorBg .c-Button--tertiary.is--disabled .c-Button__label {
    color: #a7a7a7 !important
}

.c-Button--tertiary[disabled]::after,
.c-Button--tertiary.is--disabled::after,
.c-Button--tertiary.c-Button--invert.is--disabled::after,
[class*=color800Bg--].colorBg .c-Button--tertiary[disabled]::after,
[class*=color800Bg--] .colorBg .c-Button--tertiary[disabled]::after,
[class*=color700Bg--].colorBg .c-Button--tertiary[disabled]::after,
[class*=color700Bg--] .colorBg .c-Button--tertiary[disabled]::after,
.colorBg--6.colorBg .c-Button--tertiary[disabled]::after,
.colorBg--6 .colorBg .c-Button--tertiary[disabled]::after,
.colorBg--7.colorBg .c-Button--tertiary[disabled]::after,
.colorBg--7 .colorBg .c-Button--tertiary[disabled]::after,
.colorBg--8.colorBg .c-Button--tertiary[disabled]::after,
.colorBg--8 .colorBg .c-Button--tertiary[disabled]::after,
.colorBg--9.colorBg .c-Button--tertiary[disabled]::after,
.colorBg--9 .colorBg .c-Button--tertiary[disabled]::after,
[class*=color800Bg--].colorBg .c-Button--tertiary.is--disabled::after,
[class*=color800Bg--] .colorBg .c-Button--tertiary.is--disabled::after,
[class*=color700Bg--].colorBg .c-Button--tertiary.is--disabled::after,
[class*=color700Bg--] .colorBg .c-Button--tertiary.is--disabled::after,
.colorBg--6.colorBg .c-Button--tertiary.is--disabled::after,
.colorBg--6 .colorBg .c-Button--tertiary.is--disabled::after,
.colorBg--7.colorBg .c-Button--tertiary.is--disabled::after,
.colorBg--7 .colorBg .c-Button--tertiary.is--disabled::after,
.colorBg--8.colorBg .c-Button--tertiary.is--disabled::after,
.colorBg--8 .colorBg .c-Button--tertiary.is--disabled::after,
.colorBg--9.colorBg .c-Button--tertiary.is--disabled::after,
.colorBg--9 .colorBg .c-Button--tertiary.is--disabled::after {
    filter: invert(75%) sepia(0%) saturate(20%) hue-rotate(172deg) brightness(90%) contrast(87%) !important
}

.c-Button--tertiary[disabled] .c-Button__underline,
.c-Button--tertiary.is--disabled .c-Button__underline,
.c-Button--tertiary.c-Button--invert.is--disabled .c-Button__underline,
[class*=color800Bg--].colorBg .c-Button--tertiary[disabled] .c-Button__underline,
[class*=color800Bg--] .colorBg .c-Button--tertiary[disabled] .c-Button__underline,
[class*=color700Bg--].colorBg .c-Button--tertiary[disabled] .c-Button__underline,
[class*=color700Bg--] .colorBg .c-Button--tertiary[disabled] .c-Button__underline,
.colorBg--6.colorBg .c-Button--tertiary[disabled] .c-Button__underline,
.colorBg--6 .colorBg .c-Button--tertiary[disabled] .c-Button__underline,
.colorBg--7.colorBg .c-Button--tertiary[disabled] .c-Button__underline,
.colorBg--7 .colorBg .c-Button--tertiary[disabled] .c-Button__underline,
.colorBg--8.colorBg .c-Button--tertiary[disabled] .c-Button__underline,
.colorBg--8 .colorBg .c-Button--tertiary[disabled] .c-Button__underline,
.colorBg--9.colorBg .c-Button--tertiary[disabled] .c-Button__underline,
.colorBg--9 .colorBg .c-Button--tertiary[disabled] .c-Button__underline,
[class*=color800Bg--].colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
[class*=color800Bg--] .colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
[class*=color700Bg--].colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
[class*=color700Bg--] .colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
.colorBg--6.colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
.colorBg--6 .colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
.colorBg--7.colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
.colorBg--7 .colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
.colorBg--8.colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
.colorBg--8 .colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
.colorBg--9.colorBg .c-Button--tertiary.is--disabled .c-Button__underline,
.colorBg--9 .colorBg .c-Button--tertiary.is--disabled .c-Button__underline {
    background-color: #a7a7a7 !important
}

@media(hover: hover) {

    .c-Button--tertiary[disabled]:hover .c-Button__underline,
    .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    .c-Button--tertiary.c-Button--invert.is--disabled:hover .c-Button__underline,
    [class*=color800Bg--].colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    [class*=color800Bg--] .colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    [class*=color700Bg--].colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    [class*=color700Bg--] .colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    .colorBg--6.colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    .colorBg--6 .colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    .colorBg--7.colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    .colorBg--7 .colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    .colorBg--8.colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    .colorBg--8 .colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    .colorBg--9.colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    .colorBg--9 .colorBg .c-Button--tertiary[disabled]:hover .c-Button__underline,
    [class*=color800Bg--].colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    [class*=color800Bg--] .colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    [class*=color700Bg--].colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    [class*=color700Bg--] .colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    .colorBg--6.colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    .colorBg--6 .colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    .colorBg--7.colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    .colorBg--7 .colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    .colorBg--8.colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    .colorBg--8 .colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    .colorBg--9.colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline,
    .colorBg--9 .colorBg .c-Button--tertiary.is--disabled:hover .c-Button__underline {
        height: 2px
    }
}

[class*=color800Bg--] .c-Button--tertiary .c-Button__label,
[class*=color700Bg--] .c-Button--tertiary .c-Button__label,
.colorBg--6 .c-Button--tertiary .c-Button__label,
.colorBg--7 .c-Button--tertiary .c-Button__label,
.colorBg--8 .c-Button--tertiary .c-Button__label,
.colorBg--9 .c-Button--tertiary .c-Button__label,
.c-Button--tertiary.c-Button--invert .c-Button__label {
    color: #fff !important
}

[class*=color800Bg--] .c-Button--tertiary::after,
[class*=color700Bg--] .c-Button--tertiary::after,
.colorBg--6 .c-Button--tertiary::after,
.colorBg--7 .c-Button--tertiary::after,
.colorBg--8 .c-Button--tertiary::after,
.colorBg--9 .c-Button--tertiary::after,
.c-Button--tertiary.c-Button--invert::after {
    filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(8deg) brightness(103%) contrast(102%) !important
}

[class*=color800Bg--] .c-Button--tertiary .c-Button__underline,
[class*=color700Bg--] .c-Button--tertiary .c-Button__underline,
.colorBg--6 .c-Button--tertiary .c-Button__underline,
.colorBg--7 .c-Button--tertiary .c-Button__underline,
.colorBg--8 .c-Button--tertiary .c-Button__underline,
.colorBg--9 .c-Button--tertiary .c-Button__underline,
.c-Button--tertiary.c-Button--invert .c-Button__underline {
    background-color: #fff !important
}

@media(hover: hover) {

    [class*=color800Bg--] .c-Button--tertiary:hover .c-Button__label,
    [class*=color700Bg--] .c-Button--tertiary:hover .c-Button__label,
    .colorBg--6 .c-Button--tertiary:hover .c-Button__label,
    .colorBg--7 .c-Button--tertiary:hover .c-Button__label,
    .colorBg--8 .c-Button--tertiary:hover .c-Button__label,
    .colorBg--9 .c-Button--tertiary:hover .c-Button__label,
    .c-Button--tertiary.c-Button--invert:hover .c-Button__label {
        color: #1f1f1f !important
    }

    [class*=color800Bg--] .c-Button--tertiary:hover::after,
    [class*=color700Bg--] .c-Button--tertiary:hover::after,
    .colorBg--6 .c-Button--tertiary:hover::after,
    .colorBg--7 .c-Button--tertiary:hover::after,
    .colorBg--8 .c-Button--tertiary:hover::after,
    .colorBg--9 .c-Button--tertiary:hover::after,
    .c-Button--tertiary.c-Button--invert:hover::after {
        filter: invert(13%) sepia(8%) saturate(0%) hue-rotate(246deg) brightness(104%) contrast(104%) !important
    }
}

.c-Button--tertiary.c-Button--noText {
    width: 3rem
}

.c-Button--noicon::after {
    display: none
}

.c-Button--contact {
    padding: 0 0 0 3.2rem;
    border: none;
    min-height: auto;
    background-position: 3.2rem 100%
}

.c-Button--contact:after {
    position: absolute;
    left: 0
}

@media screen and (max-height: 600px)and (orientation: landscape) {
    .c-Button--contact:after {
        transform: scale(0.7)
    }
}

.c-Button--contact .c-Button__underline,
.c-Button--contact .c-Button__border {
    display: none
}

.c-Button--contact .c-Button__label {
    margin-right: 0
}

.c-Button--contact:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .c-Button--contact:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.c-Button--contact:disabled {
    cursor: auto
}

.c-Button--wide {
    width: 100%
}

a.c-Button *,
button.c-Button * {
    pointer-events: none
}

a.withArrow,
button.withArrow {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem
}

a.withArrow span,
button.withArrow span {
    text-align: left
}

a.withArrow::after,
button.withArrow::after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    flex-shrink: 0;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: filter .3s;
    background-image: url("arrow.svg")
}

a.withArrow.is--collapsed::after,
button.withArrow.is--collapsed::after {
    transform: rotate(-90deg)
}

a[disabled],
button[disabled] {
    opacity: .5
}

.c-ButtonDropdown {
    display: flex;
    gap: 1.2rem;
    align-items: center;
    position: relative;
    cursor: pointer;
    flex-basis: 33%
}

@media(min-width: 480px) {
    .c-ButtonDropdown {
        gap: 2rem;
        flex-basis: initial
    }
}

.c-ButtonDropdown::after {
    content: "";
    display: block;
    height: .96rem;
    width: .96rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("arrow.svg");
    transform: rotateX(0deg) rotate(90deg);
    transition: transform .3s
}

.c-ButtonDropdown.is--active::after {
    transform: rotateX(180deg) rotate(90deg)
}

.c-CheckboxButton {
    display: flex;
    transition: background-color .3s
}

@media(hover: hover) {
    .c-CheckboxButton:hover {
        background-color: #ebebeb
    }
}

.c-CheckboxButton:disabled {
    opacity: .5
}

.c-CheckboxButton__label {
    position: relative;
    padding: 1.6rem 3.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    white-space: nowrap;
    transition: background-color .3s, padding .3s
}

.is--checked .c-CheckboxButton__label {
    background-color: #000000;color: #ffffff;
    padding-right: 3rem
}

.c-CheckboxButton__label_x {
    position: relative;
    padding: 1.6rem 3.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    white-space: nowrap;
    transition: background-color .3s, padding .3s
}

.is--checked .c-CheckboxButton__label_x {
    background-color: #000000;color: #ffffff;
    padding-right: 3rem
}

.c-CheckboxButton__icon {
    height: 2.4rem;
    min-width: 3.2rem;
    -o-object-fit: contain;
    object-fit: contain
}

[class*=color800Bg--].colorBg .c-CheckboxButton__icon,
[class*=color800Bg--] .colorBg .c-CheckboxButton__icon,
[class*=color700Bg--].colorBg .c-CheckboxButton__icon,
[class*=color700Bg--] .colorBg .c-CheckboxButton__icon,
.c-CheckboxButton__icon.colorBg--6,
.colorBg--6 .c-CheckboxButton__icon,
.c-CheckboxButton__icon.colorBg--7,
.colorBg--7 .c-CheckboxButton__icon,
.c-CheckboxButton__icon.colorBg--8,
.colorBg--8 .c-CheckboxButton__icon,
.c-CheckboxButton__icon.colorBg--9,
.colorBg--9 .c-CheckboxButton__icon {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-CheckboxButton__close {
    position: absolute;
    right: 0;
    transition: opacity .3s;
    transform: translateX(-0.8rem);
    display: block;
    height: 100%;
    opacity: 0;
    width: 1.6rem
}

@media(min-width: 1024px) {
    .c-CheckboxButton__close {
        width: 2.4rem
    }
}

.is--checked .c-CheckboxButton__close {
    opacity: 1
}

.c-CheckboxButton__close::after,
.c-CheckboxButton__close::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: .75em;
    height: 2px;
    background-color: #1f1f1f
}

.c-CheckboxButton--darkBg .c-CheckboxButton__close::after,
.c-CheckboxButton--darkBg .c-CheckboxButton__close::before {
    background-color: #fff
}

.c-CheckboxButton__close::after {
    transform: translateY(-50%) rotate(45deg)
}

.c-CheckboxButton__close::before {
    transform: translateY(-50%) rotate(-45deg)
}

.c-CheckboxButton--darkBg {
    color: #dedede
}

.c-CheckboxButton--darkBg img {
    filter: invert(99%) sepia(0%) saturate(305%) hue-rotate(19deg) brightness(114%) contrast(74%)
}

@media(hover: hover) {
    .c-CheckboxButton--darkBg:hover {
        background-color: #3c3c3c
    }
}

.c-CheckboxButton--darkBg.is--checked .c-CheckboxButton__label {
    background-color: #3c3c3c
}

.c-CheckboxButton--tag .c-CheckboxButton__label {
    height: 2.8rem;
    padding: .4rem 0rem .4rem 1.2rem;
    background-color: #ebebeb;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    white-space: wrap;
    text-align: left;
    line-height: 1.25
}

.c-CheckboxButton--tag .c-CheckboxButton__close {
    position: relative;
    margin-left: .8rem;
    transform: none;
    opacity: 1
}

.c-CheckboxButton--tag .c-CheckboxButton__close::after,
.c-CheckboxButton--tag .c-CheckboxButton__close::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.2rem;
    height: 2px;
    background-color: #1f1f1f
}

.c-CheckboxButton--tag .c-CheckboxButton__color {
    display: inline-block;
    height: 100%;
    aspect-ratio: 1/1;
    background-size: 150%;
    background-position: center center
}

.c-CheckboxField {
    display: flex
}

.c-CheckboxField input {
    display: none
}

.c-CheckboxField label {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: 3.2rem;
    line-height: 1.1
}

.c-CheckboxField label:before {
    content: "";
    border: 1px solid;
    border-color: #1f1f1f;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 2.4rem;
    height: 2.4rem
}

.c-CheckboxField label:after {
    content: "";
    display: block;
    position: absolute;
    opacity: 0;
    top: 45%;
    left: 1.2rem;
    width: 7px;
    height: 13px;
    border-style: solid;
    border-width: 0 3px 3px 0;
    border-color: #1f1f1f;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: opacity .3s
}

.c-CheckboxField input:checked+label:after {
    opacity: 1
}

.c-CheckboxField__download {
    border: 2px solid;
    border-color: #1f1f1f;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    position: absolute;
    right: 0;
    transition: background-color .3s
}

.c-CheckboxField__download::before {
    content: "";
    background-image: url("download.svg");
    background-size: contain;
    display: inline-block;
    width: 1.92rem;
    height: 1.92rem;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all .3s
}

@media(hover: hover) {
    .c-CheckboxField__download:hover {
        background-color: #000
    }

    .c-CheckboxField__download:hover::before {
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
    }
}

.c-CheckboxField--is-disabled {
    opacity: .3
}

.c-CheckboxField--resourceLayer {
    margin: .4rem 0;
    width: 100%
}

.c-CheckboxField--resourceLayer label {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 3.6rem;
    padding-right: 3.6rem;
    width: 100%
}

.c-CheckboxField--resourceLayer label:before {
    width: 2.8rem;
    height: 2.8rem
}

.c-CheckboxField--resourceLayer label:after {
    content: "";
    left: 1.4rem;
    width: 7px;
    height: 13px;
    transform: translate(-50%, -50%) rotate(45deg)
}

.c-CheckboxField--resourceLayer input:checked+label .c-CheckboxField__text {
    font-weight: 700
}

.c-CheckboxField--resourceLayer.c-CheckboxField--is-disabled {
    opacity: 1
}

.c-CheckboxField--resourceLayer.c-CheckboxField--is-disabled input+label:before,
.c-CheckboxField--resourceLayer.c-CheckboxField--is-disabled input+label:after {
    opacity: .3
}

.c-CheckboxField--resourceLayer .c-CheckboxField__text {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.c-CheckboxField--resourceLayer .c-CheckboxField__additionalText {
    font-size: 1rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.4rem
}

.c-FiltersAppDAM .c-CheckboxField span,
.c-CollectionsFiltersAppDAM .c-CheckboxField span {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    line-height: 1.25
}

.c-FiltersAppDAM .c-CheckboxField span:first-of-type,
.c-CollectionsFiltersAppDAM .c-CheckboxField span:first-of-type {
    margin-right: .4rem
}

.c-DealersFilter {
    margin-bottom: 3.2rem;
    max-width: 44rem
}

.c-DealersFilter__filter {
    box-shadow: 0 .4rem .7rem rgba(0, 0, 0, .35);
    background-color: #fff;
    padding: 3.2rem 4rem;
    min-width: 32rem;
    max-width: calc(100vw - 3.2rem)
}

.c-DealersFilter__filter-title {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 700;
    margin-bottom: 1.44rem
}

.c-DealersFilter__dealer-categories {
    margin-bottom: 3.2rem
}

.c-DealersFilter__dealer-categories>li {
    margin-bottom: 2rem
}

.c-DealersFilter__dealer-categories>li:last-child {
    margin-bottom: 0
}

.c-DealersFilter__distance-title {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 700;
    margin-bottom: 1.2rem
}

.c-DealersFilter__range {
    margin-bottom: 1.2rem
}

.c-DealersFilter__selected-distance {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 700;
    text-align: right;
    margin-bottom: 1.2rem
}

.c-DealersFilter__dropdown {
    font-weight: 700
}

[class*=color800Bg--].colorBg .c-DealersFilter__dropdown::before,
[class*=color800Bg--].colorBg .c-DealersFilter__dropdown::after,
[class*=color800Bg--] .colorBg .c-DealersFilter__dropdown::before,
[class*=color800Bg--] .colorBg .c-DealersFilter__dropdown::after,
[class*=color700Bg--].colorBg .c-DealersFilter__dropdown::before,
[class*=color700Bg--].colorBg .c-DealersFilter__dropdown::after,
[class*=color700Bg--] .colorBg .c-DealersFilter__dropdown::before,
[class*=color700Bg--] .colorBg .c-DealersFilter__dropdown::after,
.c-DealersFilter__dropdown.colorBg--6::before,
.c-DealersFilter__dropdown.colorBg--6::after,
.colorBg--6 .c-DealersFilter__dropdown::before,
.colorBg--6 .c-DealersFilter__dropdown::after,
.c-DealersFilter__dropdown.colorBg--7::before,
.c-DealersFilter__dropdown.colorBg--7::after,
.colorBg--7 .c-DealersFilter__dropdown::before,
.colorBg--7 .c-DealersFilter__dropdown::after,
.c-DealersFilter__dropdown.colorBg--8::before,
.c-DealersFilter__dropdown.colorBg--8::after,
.colorBg--8 .c-DealersFilter__dropdown::before,
.colorBg--8 .c-DealersFilter__dropdown::after,
.c-DealersFilter__dropdown.colorBg--9::before,
.c-DealersFilter__dropdown.colorBg--9::after,
.colorBg--9 .c-DealersFilter__dropdown::before,
.colorBg--9 .c-DealersFilter__dropdown::after {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-DealerField {
    display: flex;
    width: 100%;
    text-align: left;
    align-items: stretch
}

@media(min-width: 1024px) {
    .c-DealerField {
        padding-right: 1.6rem
    }
}

.c-DealerField__text {
    width: 100%;
    margin-right: .4rem
}

@media(min-width: 480px) {
    .c-DealerField__text {
        margin-right: .8rem
    }
}

.c-DealerField__title {
    font-weight: 700;
    margin-bottom: 1.6rem
}

.c-DealerField__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    white-space: nowrap;
    margin-right: .4rem;
    font-weight: 700
}

@media(min-width: 480px) {
    .c-DealerField__info {
        margin-right: .8rem
    }
}

@media(min-width: 1024px) {
    .c-DealerField__info {
        margin-right: 2.8rem
    }
}

.c-DealerField__icons {
    display: flex
}

.c-DealerField__icon {
    position: relative;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 4rem;
    width: 4rem;
    -o-object-fit: contain;
    object-fit: contain
}

[class*=color800Bg--].colorBg .c-DealerField__icon,
[class*=color800Bg--] .colorBg .c-DealerField__icon,
[class*=color700Bg--].colorBg .c-DealerField__icon,
[class*=color700Bg--] .colorBg .c-DealerField__icon,
.c-DealerField__icon.colorBg--6,
.colorBg--6 .c-DealerField__icon,
.c-DealerField__icon.colorBg--7,
.colorBg--7 .c-DealerField__icon,
.c-DealerField__icon.colorBg--8,
.colorBg--8 .c-DealerField__icon,
.c-DealerField__icon.colorBg--9,
.colorBg--9 .c-DealerField__icon {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

@media(hover: hover) {
    .c-DealerField__icon:hover .c-DealerField__icon-tooltip {
        z-index: 2;
        display: block;
        margin: 0
    }
}

@media(min-width: 375px) {
    .c-DealerField__icon {
        height: 3.2rem;
        width: 3.2rem
    }
}

@media(min-width: 768px) {
    .c-DealerField__icon {
        height: 4.8rem;
        width: 4.8rem
    }
}

.c-DealerField__icon-tooltip {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(calc(-100% - 0.5rem)) translateY(-50%);
    margin-right: 1rem;
    padding: 1.2rem;
    background-color: #1f1f1f;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    font-weight: 700;
    text-align: center;
    display: none;
    z-index: -2;
    transition: margin-right .3s ease
}

@media(min-width: 1024px) {
    .c-DealerField__icon-tooltip {
        white-space: nowrap;
        min-width: 12rem;
        padding: 1.3rem 1.2rem;
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem
    }
}

.c-DealerField__icon-tooltip:before {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1rem;
    height: 1rem;
    transform: translateX(50%) translateY(-50%) rotate(45deg);
    background-color: #1f1f1f
}

.c-DealerField__arrow {
    position: relative;
    min-width: 3.2rem;
    min-height: 5rem;
    align-self: center;
    overflow: hidden
}

[class*=color800Bg--].colorBg .c-DealerField__arrow,
[class*=color800Bg--] .colorBg .c-DealerField__arrow,
[class*=color700Bg--].colorBg .c-DealerField__arrow,
[class*=color700Bg--] .colorBg .c-DealerField__arrow,
.c-DealerField__arrow.colorBg--6,
.colorBg--6 .c-DealerField__arrow,
.c-DealerField__arrow.colorBg--7,
.colorBg--7 .c-DealerField__arrow,
.c-DealerField__arrow.colorBg--8,
.colorBg--8 .c-DealerField__arrow,
.c-DealerField__arrow.colorBg--9,
.colorBg--9 .c-DealerField__arrow {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

@media(hover: hover) {
    .c-DealerField__arrow:hover {
        opacity: .3
    }
}

.c-DealerField__arrow::before {
    content: "";
    display: block;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    border-bottom: solid 2px;
    border-right: solid 2px;
    border-color: #1f1f1f;
    right: .8rem;
    transform: translateY(-50%) scale(1, 2.5) rotate(-45deg)
}

.c-Dropdown {
    text-align: center;
    margin: 3.2rem 0
}

@media(min-width: 1024px) {
    .c-Dropdown {
        margin: 8rem 0 4.8rem
    }
}

.c-Dropdown__button {
    position: relative;
    border-color: #1f1f1f;
    border: 1px solid;
    padding: 1.6rem 4.8rem 1.6rem 2.4rem
}

[class*=color800Bg--].colorBg .c-Dropdown__button,
[class*=color800Bg--] .colorBg .c-Dropdown__button,
[class*=color700Bg--].colorBg .c-Dropdown__button,
[class*=color700Bg--] .colorBg .c-Dropdown__button,
.colorBg--6.colorBg .c-Dropdown__button,
.colorBg--6 .colorBg .c-Dropdown__button,
.colorBg--7.colorBg .c-Dropdown__button,
.colorBg--7 .colorBg .c-Dropdown__button,
.colorBg--8.colorBg .c-Dropdown__button,
.colorBg--8 .colorBg .c-Dropdown__button,
.colorBg--9.colorBg .c-Dropdown__button,
.colorBg--9 .colorBg .c-Dropdown__button {
    border-color: #fff
}

.c-Dropdown__button span {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

.c-Dropdown__button span:before,
.c-Dropdown__button span:after {
    content: "";
    position: absolute;
    right: 2.4rem;
    border-color: #1f1f1f;
    border: 1px solid;
    border-width: 0 2px 2px 0;
    border-radius: 20%;
    display: inline-block;
    padding: 2px
}

[class*=color800Bg--].colorBg .c-Dropdown__button span:before,
[class*=color800Bg--] .colorBg .c-Dropdown__button span:before,
[class*=color700Bg--].colorBg .c-Dropdown__button span:before,
[class*=color700Bg--] .colorBg .c-Dropdown__button span:before,
.colorBg--6.colorBg .c-Dropdown__button span:before,
.colorBg--6 .colorBg .c-Dropdown__button span:before,
.colorBg--7.colorBg .c-Dropdown__button span:before,
.colorBg--7 .colorBg .c-Dropdown__button span:before,
.colorBg--8.colorBg .c-Dropdown__button span:before,
.colorBg--8 .colorBg .c-Dropdown__button span:before,
.colorBg--9.colorBg .c-Dropdown__button span:before,
.colorBg--9 .colorBg .c-Dropdown__button span:before,
[class*=color800Bg--].colorBg .c-Dropdown__button span:after,
[class*=color800Bg--] .colorBg .c-Dropdown__button span:after,
[class*=color700Bg--].colorBg .c-Dropdown__button span:after,
[class*=color700Bg--] .colorBg .c-Dropdown__button span:after,
.colorBg--6.colorBg .c-Dropdown__button span:after,
.colorBg--6 .colorBg .c-Dropdown__button span:after,
.colorBg--7.colorBg .c-Dropdown__button span:after,
.colorBg--7 .colorBg .c-Dropdown__button span:after,
.colorBg--8.colorBg .c-Dropdown__button span:after,
.colorBg--8 .colorBg .c-Dropdown__button span:after,
.colorBg--9.colorBg .c-Dropdown__button span:after,
.colorBg--9 .colorBg .c-Dropdown__button span:after {
    border-color: #fff
}

.c-Dropdown__button span:before {
    top: 35%;
    transform: rotate(-135deg)
}

.c-Dropdown__button span:after {
    bottom: 35%;
    transform: rotate(45deg)
}

.c-Dropdown__menu.rc-dropdown {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif
}

.c-Dropdown__menu.rc-dropdown .rc-menu {
    box-shadow: none;
    border-color: #1f1f1f;
    border: 1px solid;
    border-radius: 0;
    overflow: hidden
}

[class*=color800Bg--].colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
[class*=color800Bg--] .colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
[class*=color700Bg--].colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
[class*=color700Bg--] .colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
.colorBg--6.colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
.colorBg--6 .colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
.colorBg--7.colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
.colorBg--7 .colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
.colorBg--8.colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
.colorBg--8 .colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
.colorBg--9.colorBg .c-Dropdown__menu.rc-dropdown .rc-menu,
.colorBg--9 .colorBg .c-Dropdown__menu.rc-dropdown .rc-menu {
    border-color: #fff
}

.c-Dropdown__menu.rc-dropdown .rc-menu-item {
    position: relative;
    cursor: pointer;
    padding: .8rem 2.4rem;
    background: linear-gradient(to right, #ebebeb 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: background-position .3s
}

.c-Dropdown__menu.rc-dropdown .rc-menu-item:hover {
    background-position: left bottom
}

.c-Filters {
    font-weight: 500
}

.c-Filters--multiple .c-Filters__items {
    position: static;
    text-align: center
}

.c-Filters__triggers {
    display: flex;
    justify-content: center;
    gap: 2.4rem;
    border-bottom: 1px solid;
    border-color: #dedede
}

@media(min-width: 1024px) {
    .c-Filters__triggers {
        gap: 4.8rem
    }
}

.c-Filters__triggers .c-Filters__trigger {
    border: none
}

.c-Filters__trigger {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1.6rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid;
    border-color: #dedede
}

.c-Filters__trigger button:first-letter {
    text-transform: uppercase
}

.c-Filters__trigger.is--active .c-Filters__trigger-arrow:before {
    transform: rotate(45deg)
}

.c-Filters__trigger.is--active .c-Filters__trigger-arrow:after {
    transform: rotate(-45deg)
}

.c-Filters__trigger-label {
    color: #737373
}

.c-Filters__trigger-arrow {
    width: 2px;
    display: inline-block;
    position: relative;
    margin-left: 1.2rem;
    transform: translateY(-0.6rem)
}

.c-Filters__trigger-arrow:before,
.c-Filters__trigger-arrow:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 2px;
    background-color: #1f1f1f;
    border-radius: 25px;
    transition: transform .3s
}

[class*=color800Bg--].colorBg .c-Filters__trigger-arrow:before,
[class*=color800Bg--] .colorBg .c-Filters__trigger-arrow:before,
[class*=color700Bg--].colorBg .c-Filters__trigger-arrow:before,
[class*=color700Bg--] .colorBg .c-Filters__trigger-arrow:before,
.colorBg--6.colorBg .c-Filters__trigger-arrow:before,
.colorBg--6 .colorBg .c-Filters__trigger-arrow:before,
.colorBg--7.colorBg .c-Filters__trigger-arrow:before,
.colorBg--7 .colorBg .c-Filters__trigger-arrow:before,
.colorBg--8.colorBg .c-Filters__trigger-arrow:before,
.colorBg--8 .colorBg .c-Filters__trigger-arrow:before,
.colorBg--9.colorBg .c-Filters__trigger-arrow:before,
.colorBg--9 .colorBg .c-Filters__trigger-arrow:before,
[class*=color800Bg--].colorBg .c-Filters__trigger-arrow:after,
[class*=color800Bg--] .colorBg .c-Filters__trigger-arrow:after,
[class*=color700Bg--].colorBg .c-Filters__trigger-arrow:after,
[class*=color700Bg--] .colorBg .c-Filters__trigger-arrow:after,
.colorBg--6.colorBg .c-Filters__trigger-arrow:after,
.colorBg--6 .colorBg .c-Filters__trigger-arrow:after,
.colorBg--7.colorBg .c-Filters__trigger-arrow:after,
.colorBg--7 .colorBg .c-Filters__trigger-arrow:after,
.colorBg--8.colorBg .c-Filters__trigger-arrow:after,
.colorBg--8 .colorBg .c-Filters__trigger-arrow:after,
.colorBg--9.colorBg .c-Filters__trigger-arrow:after,
.colorBg--9 .colorBg .c-Filters__trigger-arrow:after {
    background-color: #fff
}

.c-Filters__trigger-arrow:before {
    left: 0;
    transform: rotate(-45deg)
}

.c-Filters__trigger-arrow:after {
    right: 0;
    transform: rotate(45deg)
}

.c-Filters__items {
    background-color: #ebebeb;
    z-index: 1;
    left: 0;
    max-height: 0;
    transition: max-height .3s;
    overflow: hidden;
    display: flex;
    justify-content: center
}

.c-Filters__items--brands {
    background-color: rgba(0, 0, 0, 0);
    border-top: 1px solid #ebebeb;
    margin-right: auto;
    margin-left: auto;
    max-height: none;
    max-height: initial;
    width: calc(100% - 3.2rem)
}

@media(min-width: 1024px) {
    .c-Filters__items--brands {
        width: calc(100% - 6.4rem)
    }
}

.c-Filters__items--brands .c-Filters__list {
    padding-top: 1.6rem;
    padding-bottom: 0
}

@media(max-width: 1023.98px) {
    .c-Filters__items--brands .c-Filters__list {
        -moz-column-count: auto;
        column-count: auto;
        -moz-column-count: initial;
        column-count: initial
    }
}

.c-Filters__items--brands .c-Filters__list-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 4rem
}

.c-Filters__items--brands .c-Filters__list-item {
    font-weight: 700
}

.c-Filters__items--brands .c-Filters__clear-button {
    padding-top: 0;
    top: 2rem
}

@media(min-width: 375px) {
    .c-Filters__items--brands .c-Filters__clear-button {
        top: 1.6rem
    }
}

@media(min-width: 1024px) {
    .c-Filters__items--brands .c-Filters__clear-button {
        top: 2rem;
        transform: translateX(0);
        padding-right: 6rem
    }
}

@media(min-width: 1360px) {
    .c-Filters__items--brands .c-Filters__clear-button {
        top: 1.6rem
    }
}

@media(min-width: 1024px) {
    .c-Filters__items--one-column .c-Filters__list {
        -moz-column-count: 1;
        column-count: 1
    }
}

@media(min-width: 1024px) {
    .c-Filters__items--two-columns .c-Filters__list {
        -moz-column-count: 2;
        column-count: 2
    }
}

.c-Filters__list {
    max-width: 68rem;
    margin: 0 auto;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem
}

@media(min-width: 1024px) {
    .c-Filters__list {
        -moz-column-count: 3;
        column-count: 3;
        padding-top: 0
    }
}

.c-Filters__list-item {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    display: list-item;
    margin: 0;
    padding-bottom: 1.6rem
}

.c-Filters__list-wrapper {
    display: inline-block;
    text-align: left
}

.c-Filters__checkbox {
    display: flex
}

.c-Filters__checkbox input {
    padding: 0;
    height: auto;
    height: initial;
    width: auto;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.c-Filters__checkbox label {
    position: relative;
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.c-Filters__checkbox label:before {
    content: "";
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid;
    border-color: #1f1f1f;
    padding: 10px;
    display: block;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    max-width: 24px;
    float: left
}

.c-Filters__checkbox label:after {
    content: "";
    display: block;
    position: absolute;
    opacity: 0;
    top: 3px;
    left: 8px;
    width: 7px;
    height: 13px;
    border-style: solid;
    border-width: 0 3px 3px 0;
    border-color: #1f1f1f;
    transform: rotate(45deg);
    transition: opacity .3s
}

.c-Filters__checkbox label span {
    display: flex;
    height: 100%;
    align-items: center;
    -webkit-hyphens: auto;
    hyphens: auto
}

.c-Filters__checkbox input:checked+label:after {
    opacity: 1
}

.c-Filters__checkbox input:disabled+label {
    opacity: .5;
    cursor: not-allowed
}

.c-Filters__clear-button {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    bottom: 1.6rem;
    position: relative;
    top: 1.6rem;
    padding-top: 1.6rem
}

@media(min-width: 1024px) {
    .c-Filters__clear-button {
        transform: translateX(-140%);
        top: 2.4rem
    }
}

.c-FilterProductLines {
    display: flex;
    padding-bottom: 4rem;
    padding-top: 2.4rem;
    flex-direction: column;
    overflow-x: auto;
    margin-bottom: 4rem
}

@media(min-width: 1024px) {
    .c-FilterProductLines {
        flex-direction: row
    }
}

.c-FilterProductLines__btn-reset {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    align-self: flex-start;
    padding-left: 3.2rem;
    margin-bottom: .8rem;
    white-space: nowrap
}

@media(min-width: 1024px) {
    .c-FilterProductLines__btn-reset {
        margin-right: 6.4rem;
        margin-bottom: 0
    }
}

.c-FilterProductLines__lines-list {
    display: grid;
    grid-template-rows: repeat(6, 1fr);
    grid-auto-flow: column
}

.c-FilterProductLines__line {
    border-right: 1px solid;
    border-color: silver
}

.c-FilterProductLines__checkbox-field {
    padding: .8rem 3.2rem;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.c-FilterProductLines__checkbox-field label {
    white-space: nowrap
}

.c-FinishesDropdown {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 500;
    margin-bottom: 3.2rem
}

@media(min-width: 768px) {
    .c-FinishesDropdown {
        margin-bottom: 0
    }
}

.c-FinishesDropdown__button {
    position: relative;
    border-color: #1f1f1f;
    border: 1px solid;
    padding: 1.2rem 1.6rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

[class*=color800Bg--].colorBg .c-FinishesDropdown__button,
[class*=color800Bg--] .colorBg .c-FinishesDropdown__button,
[class*=color700Bg--].colorBg .c-FinishesDropdown__button,
[class*=color700Bg--] .colorBg .c-FinishesDropdown__button,
.colorBg--6.colorBg .c-FinishesDropdown__button,
.colorBg--6 .colorBg .c-FinishesDropdown__button,
.colorBg--7.colorBg .c-FinishesDropdown__button,
.colorBg--7 .colorBg .c-FinishesDropdown__button,
.colorBg--8.colorBg .c-FinishesDropdown__button,
.colorBg--8 .colorBg .c-FinishesDropdown__button,
.colorBg--9.colorBg .c-FinishesDropdown__button,
.colorBg--9 .colorBg .c-FinishesDropdown__button {
    border-color: #fff
}

@media(min-width: 768px) {
    .c-FinishesDropdown__button {
        width: auto;
        min-width: 10.4rem
    }
}

@media(min-width: 1024px) {
    .c-FinishesDropdown__button {
        min-width: 13.6rem
    }
}

.c-FinishesDropdown__button .c-Filters__trigger-arrow {
    top: 3px
}

@media(min-width: 1360px) {
    .c-FinishesDropdown__button .c-Filters__trigger-arrow {
        top: 5px
    }
}

@media(min-width: 768px) {
    .c-FinishesDropdown__button--wide {
        min-width: 28.8rem
    }
}

@media(min-width: 1024px) {
    .c-FinishesDropdown__button--wide {
        min-width: 32rem
    }
}

.c-FinishesDropdown__title {
    margin-bottom: .8rem
}

.c-FinishesDropdown__title::first-letter {
    text-transform: uppercase
}

.c-FinishesDropdown__label {
    margin-right: 1.6rem
}

.c-FinishesDropdown .rc-dropdown-open .c-Filters__trigger-arrow:before {
    transform: rotate(45deg)
}

.c-FinishesDropdown .rc-dropdown-open .c-Filters__trigger-arrow:after {
    transform: rotate(-45deg)
}

.c-FinishesDropdown__menu.rc-dropdown {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 500
}

.c-FinishesDropdown__menu.rc-dropdown .rc-menu {
    box-shadow: none;
    border-color: #1f1f1f;
    border: 1px solid;
    border-radius: 0;
    overflow: hidden;
    margin-top: 0;
    top: -4px;
    left: 1px
}

[class*=color800Bg--].colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
[class*=color800Bg--] .colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
[class*=color700Bg--].colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
[class*=color700Bg--] .colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
.colorBg--6.colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
.colorBg--6 .colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
.colorBg--7.colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
.colorBg--7 .colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
.colorBg--8.colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
.colorBg--8 .colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
.colorBg--9.colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu,
.colorBg--9 .colorBg .c-FinishesDropdown__menu.rc-dropdown .rc-menu {
    border-color: #fff
}

.c-FinishesDropdown__menu.rc-dropdown .rc-menu-item {
    position: relative;
    cursor: pointer;
    padding: 1.6rem 1.6rem;
    background: linear-gradient(to right, #ebebeb 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: background-position .3s
}

.c-FinishesDropdown__menu.rc-dropdown .rc-menu-item:hover {
    background-position: left bottom
}

.c-FinishesDropdown__menu.rc-dropdown .rc-menu-item-selected {
    color: silver;
    background: rgba(0, 0, 0, 0);
    cursor: default
}

.m-FilterSubcategories {
    width: 100%;
    z-index: 99;
    background-color: #f2f2f2;
    transform-style: preserve-3d
}

.m-FilterSubcategories__subcategory-list {
    display: flex;
    overflow-x: auto
}

.c-InfoDealerMap {
    padding: 2.4rem;
    padding-right: 3.2rem;
    max-width: 37.6rem;
    background-color: #1f1f1f;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 400
}

.c-InfoDealerMap__title {
    font-weight: 700
}

.c-InfoDealerMap__title:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .c-InfoDealerMap__title:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.c-InfoDealerMap__title:disabled {
    cursor: auto
}

.c-InfoDealerMap__street {
    margin-top: .8rem;
    margin-bottom: .4rem
}

.c-InfoDealerMap__city {
    margin-bottom: .8rem
}

.c-InfoDealerMap__mail {
    margin-bottom: 1.04rem
}

.c-InfoDealerMap__mail,
.c-InfoDealerMap__phone {
    display: flex;
    align-items: center
}

.c-InfoDealerMap__mail a:not(:disabled),
.c-InfoDealerMap__phone a:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {

    .c-InfoDealerMap__mail a:not(:disabled):hover,
    .c-InfoDealerMap__phone a:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.c-InfoDealerMap__mail a:disabled,
.c-InfoDealerMap__phone a:disabled {
    cursor: auto
}

.c-InfoDealerMap__mail-icon,
.c-InfoDealerMap__phone-icon {
    margin-right: 1.36rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 2.4rem;
    width: 2rem;
    -o-object-fit: contain;
    object-fit: contain;
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-InfoDealerMap__mail-icon {
    background-image: url("mail.svg")
}

.c-InfoDealerMap__phone-icon {
    background-image: url("phone.svg")
}

.c-Input {
    margin-bottom: 2.4rem
}

.c-Input input,
.c-Input textarea,
.c-Input select,
.c-Input__select,
.c-Input__dropdownList {
    border: 1px solid #1f1f1f;
    padding: 1.4rem 1.6rem;
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0)
}

.c-Input input:focus,
.c-Input input:active,
.c-Input textarea:focus,
.c-Input textarea:active,
.c-Input select:focus,
.c-Input select:active,
.c-Input__select:focus,
.c-Input__select:active,
.c-Input__dropdownList:focus,
.c-Input__dropdownList:active {
    outline: none
}

.c-Input input::-moz-placeholder,
.c-Input textarea::-moz-placeholder,
.c-Input select::-moz-placeholder,
.c-Input__select::-moz-placeholder,
.c-Input__dropdownList::-moz-placeholder {
    letter-spacing: .1rem;
    color: #a7a7a7
}

.c-Input input::placeholder,
.c-Input input .c-Input__selectTrigger-placeholder,
.c-Input textarea::placeholder,
.c-Input textarea .c-Input__selectTrigger-placeholder,
.c-Input select::placeholder,
.c-Input select .c-Input__selectTrigger-placeholder,
.c-Input__select::placeholder,
.c-Input__select .c-Input__selectTrigger-placeholder,
.c-Input__dropdownList::placeholder,
.c-Input__dropdownList .c-Input__selectTrigger-placeholder {
    letter-spacing: .1rem;
    color: #a7a7a7
}

.colorBg--6 .c-Input input::-moz-placeholder,
.colorBg--7 .c-Input input::-moz-placeholder,
.colorBg--8 .c-Input input::-moz-placeholder,
.colorBg--9 .c-Input input::-moz-placeholder,
.colorBg--6 .c-Input textarea::-moz-placeholder,
.colorBg--7 .c-Input textarea::-moz-placeholder,
.colorBg--8 .c-Input textarea::-moz-placeholder,
.colorBg--9 .c-Input textarea::-moz-placeholder,
.colorBg--6 .c-Input select::-moz-placeholder,
.colorBg--7 .c-Input select::-moz-placeholder,
.colorBg--8 .c-Input select::-moz-placeholder,
.colorBg--9 .c-Input select::-moz-placeholder,
.colorBg--6 .c-Input__select::-moz-placeholder,
.colorBg--7 .c-Input__select::-moz-placeholder,
.colorBg--8 .c-Input__select::-moz-placeholder,
.colorBg--9 .c-Input__select::-moz-placeholder,
.colorBg--6 .c-Input__dropdownList::-moz-placeholder,
.colorBg--7 .c-Input__dropdownList::-moz-placeholder,
.colorBg--8 .c-Input__dropdownList::-moz-placeholder,
.colorBg--9 .c-Input__dropdownList::-moz-placeholder {
    color: #fff
}

.colorBg--6 .c-Input input::placeholder,
.colorBg--7 .c-Input input::placeholder,
.colorBg--8 .c-Input input::placeholder,
.colorBg--9 .c-Input input::placeholder,
.colorBg--6 .c-Input input .c-Input__selectTrigger-placeholder,
.colorBg--7 .c-Input input .c-Input__selectTrigger-placeholder,
.colorBg--8 .c-Input input .c-Input__selectTrigger-placeholder,
.colorBg--9 .c-Input input .c-Input__selectTrigger-placeholder,
.colorBg--6 .c-Input textarea::placeholder,
.colorBg--7 .c-Input textarea::placeholder,
.colorBg--8 .c-Input textarea::placeholder,
.colorBg--9 .c-Input textarea::placeholder,
.colorBg--6 .c-Input textarea .c-Input__selectTrigger-placeholder,
.colorBg--7 .c-Input textarea .c-Input__selectTrigger-placeholder,
.colorBg--8 .c-Input textarea .c-Input__selectTrigger-placeholder,
.colorBg--9 .c-Input textarea .c-Input__selectTrigger-placeholder,
.colorBg--6 .c-Input select::placeholder,
.colorBg--7 .c-Input select::placeholder,
.colorBg--8 .c-Input select::placeholder,
.colorBg--9 .c-Input select::placeholder,
.colorBg--6 .c-Input select .c-Input__selectTrigger-placeholder,
.colorBg--7 .c-Input select .c-Input__selectTrigger-placeholder,
.colorBg--8 .c-Input select .c-Input__selectTrigger-placeholder,
.colorBg--9 .c-Input select .c-Input__selectTrigger-placeholder,
.colorBg--6 .c-Input__select::placeholder,
.colorBg--7 .c-Input__select::placeholder,
.colorBg--8 .c-Input__select::placeholder,
.colorBg--9 .c-Input__select::placeholder,
.colorBg--6 .c-Input__select .c-Input__selectTrigger-placeholder,
.colorBg--7 .c-Input__select .c-Input__selectTrigger-placeholder,
.colorBg--8 .c-Input__select .c-Input__selectTrigger-placeholder,
.colorBg--9 .c-Input__select .c-Input__selectTrigger-placeholder,
.colorBg--6 .c-Input__dropdownList::placeholder,
.colorBg--7 .c-Input__dropdownList::placeholder,
.colorBg--8 .c-Input__dropdownList::placeholder,
.colorBg--9 .c-Input__dropdownList::placeholder,
.colorBg--6 .c-Input__dropdownList .c-Input__selectTrigger-placeholder,
.colorBg--7 .c-Input__dropdownList .c-Input__selectTrigger-placeholder,
.colorBg--8 .c-Input__dropdownList .c-Input__selectTrigger-placeholder,
.colorBg--9 .c-Input__dropdownList .c-Input__selectTrigger-placeholder {
    color: #fff
}

.colorBg--6 .c-Input input,
.colorBg--7 .c-Input input,
.colorBg--8 .c-Input input,
.colorBg--9 .c-Input input,
.colorBg--6 .c-Input textarea,
.colorBg--7 .c-Input textarea,
.colorBg--8 .c-Input textarea,
.colorBg--9 .c-Input textarea,
.colorBg--6 .c-Input select,
.colorBg--7 .c-Input select,
.colorBg--8 .c-Input select,
.colorBg--9 .c-Input select,
.colorBg--6 .c-Input__select,
.colorBg--7 .c-Input__select,
.colorBg--8 .c-Input__select,
.colorBg--9 .c-Input__select,
.colorBg--6 .c-Input__dropdownList,
.colorBg--7 .c-Input__dropdownList,
.colorBg--8 .c-Input__dropdownList,
.colorBg--9 .c-Input__dropdownList {
    border: 1px solid #fff;
    color: #fff
}

.c-Input input::-moz-placeholder,
.c-Input textarea::-moz-placeholder,
.c-Input select::-moz-placeholder,
.c-Input__select::-moz-placeholder,
.c-Input__dropdownList::-moz-placeholder {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

.c-Input input::placeholder,
.c-Input textarea::placeholder,
.c-Input select::placeholder,
.c-Input__select::placeholder,
.c-Input__dropdownList::placeholder {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1360px) {

    .c-Input input::-moz-placeholder,
    .c-Input textarea::-moz-placeholder,
    .c-Input select::-moz-placeholder,
    .c-Input__select::-moz-placeholder,
    .c-Input__dropdownList::-moz-placeholder {
        font-size: 1.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 2.2rem
    }

    .c-Input input::placeholder,
    .c-Input textarea::placeholder,
    .c-Input select::placeholder,
    .c-Input__select::placeholder,
    .c-Input__dropdownList::placeholder {
        font-size: 1.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 2.2rem
    }
}

.c-Input input.focus-visible,
.c-Input textarea.focus-visible,
.c-Input select.focus-visible,
.c-Input__select.focus-visible,
.c-Input__dropdownList.focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px
}

.c-Input input:focus-visible,
.c-Input textarea:focus-visible,
.c-Input select:focus-visible,
.c-Input__select:focus-visible,
.c-Input__dropdownList:focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px
}

.c-Input input .m-Search__input,
.c-Input textarea .m-Search__input,
.c-Input select .m-Search__input,
.c-Input__select .m-Search__input,
.c-Input__dropdownList .m-Search__input {
    border: none;
    padding-left: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    min-height: 4.8rem
}

.c-Input input .m-Search__input.focus-visible,
.c-Input textarea .m-Search__input.focus-visible,
.c-Input select .m-Search__input.focus-visible,
.c-Input__select .m-Search__input.focus-visible,
.c-Input__dropdownList .m-Search__input.focus-visible {
    box-shadow: none
}

.c-Input input .m-Search__input:focus-visible,
.c-Input textarea .m-Search__input:focus-visible,
.c-Input select .m-Search__input:focus-visible,
.c-Input__select .m-Search__input:focus-visible,
.c-Input__dropdownList .m-Search__input:focus-visible {
    box-shadow: none
}

.c-Input input .m-Search__input-wrapper,
.c-Input textarea .m-Search__input-wrapper,
.c-Input select .m-Search__input-wrapper,
.c-Input__select .m-Search__input-wrapper,
.c-Input__dropdownList .m-Search__input-wrapper {
    font: inherit;
    padding: 0;
    margin: 0
}

.c-Input input .m-Search__input-wrapper .c-MapSearch__input-icon,
.c-Input textarea .m-Search__input-wrapper .c-MapSearch__input-icon,
.c-Input select .m-Search__input-wrapper .c-MapSearch__input-icon,
.c-Input__select .m-Search__input-wrapper .c-MapSearch__input-icon,
.c-Input__dropdownList .m-Search__input-wrapper .c-MapSearch__input-icon {
    width: 2.4rem;
    height: 2.4rem
}

.c-Input input,
.c-Input textarea,
.c-Input select,
.c-Input__select {
    margin-top: .8rem;
    min-height: 5.6rem
}

.c-Input textarea {
    resize: vertical;
    min-height: 21rem
}

.c-Input label {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    line-height: 1.2
}

.c-Input input[type=checkbox],
.c-Input input[type=radio] {
    position: absolute;
    opacity: 0;
    left: -99999px
}

.c-Input input[type=checkbox]+label,
.c-Input input[type=radio]+label {
    padding-left: 4.2rem;
    padding-top: .3rem;
    position: relative;
    cursor: pointer
}

.c-Input input[type=checkbox]+label:before,
.c-Input input[type=radio]+label:before {
    content: "";
    margin-right: 10px;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid #1f1f1f;
    line-height: 1.25em;
    position: absolute;
    left: 0;
    top: 0;
    color: #a7a7a7
}

.colorBg--6 .c-Input input[type=checkbox]+label:before,
.colorBg--7 .c-Input input[type=checkbox]+label:before,
.colorBg--8 .c-Input input[type=checkbox]+label:before,
.colorBg--9 .c-Input input[type=checkbox]+label:before,
.colorBg--6 .c-Input input[type=radio]+label:before,
.colorBg--7 .c-Input input[type=radio]+label:before,
.colorBg--8 .c-Input input[type=radio]+label:before,
.colorBg--9 .c-Input input[type=radio]+label:before {
    border: 1px solid #fff
}

.c-Input input[type=checkbox]+label:after,
.c-Input input[type=radio]+label:after {
    position: absolute;
    left: 0;
    top: .1rem;
    transform: scale(1)
}

@media screen and (max-height: 600px)and (orientation: landscape) {

    .c-Input input[type=checkbox]+label:after,
    .c-Input input[type=radio]+label:after {
        transform: scale(0.75);
        top: .2rem;
        left: 0
    }
}

.c-Input input[type=checkbox]:checked+label:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4zNjIiIGhlaWdodD0iOS4xNDkiIHZpZXdCb3g9IjAgMCAxMy4zNjIgOS4xNDkiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiBub25lOw0KICAgICAgICBzdHJva2U6ICMwMDA7DQogICAgICAgIHN0cm9rZS13aWR0aDogMnB4Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9IlBhdGhfMTY4NyIgZGF0YS1uYW1lPSJQYXRoIDE2ODciIGNsYXNzPSJjbHMtMSIgZD0iTS0xNDYwLjIxLTkwODIuNzM4bDQuNzg4LDQuNyw3LjE3My03LjAzNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ2MC45MSA5MDg1Ljc5MSkiLz4NCjwvc3ZnPg0K");
    line-height: 1.3;
    text-indent: .4rem
}

.colorBg--6 .c-Input input[type=checkbox]:checked+label:after,
.colorBg--7 .c-Input input[type=checkbox]:checked+label:after,
.colorBg--8 .c-Input input[type=checkbox]:checked+label:after,
.colorBg--9 .c-Input input[type=checkbox]:checked+label:after {
    filter: invert(1)
}

.c-Input input[type=radio]+label {
    display: block;
    padding-top: .4rem
}

.c-Input input[type=radio]+label:before {
    content: "";
    border-radius: 50%
}

.c-Input input[type=radio]+label:not(:last-of-type) {
    margin-bottom: 2rem
}

.c-Input input[type=radio]:checked+label:after {
    content: "";
    width: .8rem;
    height: .8rem;
    background-color: #000;
    border-radius: 50%;
    top: .8rem;
    left: .8rem;
    position: absolute
}

.colorBg--6 .c-Input input[type=radio]:checked+label:after,
.colorBg--7 .c-Input input[type=radio]:checked+label:after,
.colorBg--8 .c-Input input[type=radio]:checked+label:after,
.colorBg--9 .c-Input input[type=radio]:checked+label:after {
    background-color: #fff
}

.c-Input__select {
    position: relative;
    outline: none;
    cursor: pointer;
    padding: 0;
    background-repeat: no-repeat;
    background-position: calc(100% - 2.1rem) center;
    display: flex
}

.c-Input__select.is--open+.c-Input__dropdownList {
    display: block
}

.c-Input__select:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi43MTIiIGhlaWdodD0iNy4yNjgiIHZpZXdCb3g9IjAgMCAxMi43MTIgNy4yNjgiPg0KICA8ZyBpZD0iR3JvdXBfMTUzNSIgZGF0YS1uYW1lPSJHcm91cCAxNTM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi43MTIpIHJvdGF0ZSg5MCkiPg0KICAgIDxwYXRoIGlkPSJJY29uX2lvbmljLWlvcy1hcnJvdy1mb3J3YXJkIiBkYXRhLW5hbWU9Ikljb24gaW9uaWMtaW9zLWFycm93LWZvcndhcmQiIGQ9Ik0xNi4zMjQsMTIuNTVsLTQuODEtNC44MDdhLjkuOSwwLDAsMSwwLTEuMjgzLjkxNi45MTYsMCwwLDEsMS4yODcsMGw1LjQ1LDUuNDQ2YS45MDcuOTA3LDAsMCwxLC4wMjYsMS4yNTNMMTIuOCwxOC42NDNhLjkwOS45MDksMCwwLDEtMS4yODctMS4yODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuMjQ2IC02LjE5NikiLz4NCiAgPC9nPg0KPC9zdmc+DQo=");
    display: flex;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    text-align: center;
    pointer-events: none;
    align-content: center;
    align-items: center;
    justify-content: center
}

.is--open .c-Input__select:after {
    transform: translateY(-50%) rotate(180deg)
}

.c-Input__selectTrigger {
    padding: 1.4rem 5rem 1.4rem 1.6rem;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1360px) {
    .c-Input__selectTrigger-placeholder {
        font-size: 1.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 2.2rem
    }
}

.c-Input__options {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 1.6rem
}

.c-Input__dropdownList {
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: -1px;
    transition: max-height .3s;
    border-bottom-width: 0
}

.c-Input__dropdownList-search {
    position: sticky;
    top: 0;
    padding-bottom: 1.2rem;
    z-index: 1
}

.c-Input__dropdownList-search input {
    border: none;
    padding-left: 0;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.c-Input__dropdownList-search input:focus,
.c-Input__dropdownList-search input:active {
    outline: none
}

.is--open .c-Input__dropdownList {
    top: -1px;
    border-bottom-width: 1px
}

.is--open .c-Input__dropdownList--long {
    max-height: 25rem;
    overflow-y: auto;
    margin-bottom: 5px
}

.c-Input__dropdownItem {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.c-Input__dropdownItem input[type=radio]+label {
    cursor: pointer;
    padding-left: 0
}

.c-Input__dropdownItem input[type=radio]+label:before,
.c-Input__dropdownItem input[type=radio]+label:after {
    display: none
}

.c-Input__dropdownItem input[type=radio]:checked+label {
    font-weight: 700
}

.c-Input__dropdownItem input[type=checkbox]:checked+label {
    font-weight: 700
}

.c-Input__dropdownItem:hover {
    font-weight: 700
}

.c-Input__dropdownItem-sublabel {
    font-size: .75em
}

.c-Input__dropdownItem--noResult:hover {
    font-weight: 400;
    cursor: default
}

.c-Input__labelBlock {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .8rem
}

.c-Input__labelBlock>* {
    line-height: 1.2
}

.c-Input__labelBlock .c-Input__rightLabelInfo {
    margin-left: 0;
    position: relative;
    right: auto;
    text-align: right
}

.c-Input__labelBlock--mTop {
    margin-top: 2.4rem
}

.c-Input__rightLabelInfo {
    max-width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 2rem
}

@media(min-width: 1024px) {
    .c-Input__rightLabelInfo {
        float: right;
        position: static
    }
}

.c-Input__comment {
    opacity: 0.5;
    margin-top: 1rem
}

.c-Input__message {
    color: #e43f3f;
    margin-top: .9rem;
    display: none;
    position: relative;
    padding-top: .2rem;
    padding-left: 3rem
}

.c-Input__message p::first-letter {
    text-transform: uppercase
}

@media(min-width: 1024px) {
    .c-Input__message {
        padding-top: .2rem
    }
}

.c-Input__message:before {
    display: block;
    content: "";
    background-image: url("svg/notification-info.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    left: 0%;
    top: 0
}

.c-Input.is--error .c-Input__message {
    display: block
}

@media(min-width: 1024px) {
    .m-Form__fieldset .c-Input:last-child {
        margin-bottom: 0
    }
}

.c-Input__inputInfo {
    padding-left: 4.2rem;
    margin-top: 2.7rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

.c-Input--noMargin {
    margin-bottom: 0
}

.c-Input--largeMb {
    margin-bottom: 3.6rem
}

@media(min-width: 1024px) {
    .c-Input--largeMb {
        margin-bottom: 4.4rem
    }
}

.c-Input__file input {
    position: absolute;
    opacity: 0;
    left: -99999px
}

.c-Input__file label {
    border: 2px dashed #000;
    padding: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    line-height: 1.8
}

.c-Input__file label.is--dragOver {
    background-color: #dedede
}

.c-Input__fileContainer {
    text-align: center;
    display: inline-block;
    max-width: 300px
}

.c-Input__fileButton {
    color: #fff;
    background-color: #000;
    padding: 1rem 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    line-height: 1.8
}

.c-Input__fileButton:after {
    content: "";
    display: inline-block;
    height: 2rem;
    width: 2rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("upload.svg")
}

.c-Input__fileList-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: .5rem
}

.c-Input__deleteButton {
    color: #000;
    display: inline-flex;
    align-items: center
}

.c-Input__deleteButton:after {
    content: "";
    display: inline-block;
    height: 2rem;
    width: 2rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("delete.svg");
    transform: translateY(-10%)
}

@media(min-width: 1024px) {
    .c-Input--halfWidth .c-Input__labelBlock>* {
        max-width: 75%
    }
}

.c-InputRange {
    -webkit-appearance: none;
    padding: 1.44rem 0;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent calc(50% - 1px), black calc(50% - 1px), black 50%, transparent 50%)
}

.c-InputRange:focus {
    outline: none
}

.c-InputRange::-webkit-slider-runnable-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    background-color: #1f1f1f
}

.c-InputRange::-webkit-slider-thumb {
    border: 1px solid;
    border-color: #1f1f1f;
    height: 2.88rem;
    width: 2.88rem;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -1.44rem
}

.c-InputRange:focus::-webkit-slider-runnable-track {
    background-color: #1f1f1f
}

.c-LeadFormTiles {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem
}

.c-LeadFormTiles--centered {
    justify-content: center
}

.c-LeadFormTiles__item {
    width: calc(50% - 1.2rem)
}

@media(min-width: 1024px) {
    .c-LeadFormTiles__item {
        width: calc(33% - 1.2rem)
    }
}

.c-LeadFormTiles__item button,
.c-LeadFormTiles__item a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.6rem;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 3rem 3rem 2rem
}

@media(min-width: 1024px) {

    .c-LeadFormTiles__item button,
    .c-LeadFormTiles__item a {
        gap: 2.8rem;
        padding: 6rem 3rem 3rem
    }
}

.c-LeadFormTiles__icon {
    width: 100%;
    max-width: 11.52rem
}

[class*=color800Bg--].colorBg .c-LeadFormTiles__icon,
[class*=color800Bg--] .colorBg .c-LeadFormTiles__icon,
[class*=color700Bg--].colorBg .c-LeadFormTiles__icon,
[class*=color700Bg--] .colorBg .c-LeadFormTiles__icon,
.c-LeadFormTiles__icon.colorBg--6,
.colorBg--6 .c-LeadFormTiles__icon,
.c-LeadFormTiles__icon.colorBg--7,
.colorBg--7 .c-LeadFormTiles__icon,
.c-LeadFormTiles__icon.colorBg--8,
.colorBg--8 .c-LeadFormTiles__icon,
.c-LeadFormTiles__icon.colorBg--9,
.colorBg--9 .c-LeadFormTiles__icon {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-LeadFormTiles__icon img {
    width: 100%
}

.c-LeadFormTiles__title {
    text-align: center
}

@media(min-width: 1024px) {
    .c-LeadFormTiles__title {
        gap: 2.8rem
    }
}

.c-Loader {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -45%);
    background: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    z-index: 5
}

.c-Loader__icon {
    display: none;
    position: absolute;
    top: 6.4rem;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 5px;
    width: 5px;
    color: #1f1f1f;
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
    animation: loader 5s infinite
}

.c-Loader--center {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 10
}

.c-Loader--center .c-Loader__icon {
    top: 50%
}

@keyframes loader {
    0% {
        box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px
    }

    8.33% {
        box-shadow: -10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px
    }

    16.66% {
        box-shadow: -10px -10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px
    }

    24.99% {
        box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px
    }

    33.32% {
        box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px
    }

    41.65% {
        box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px
    }

    49.98% {
        box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px
    }

    58.31% {
        box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px -10px 0 5px
    }

    66.64% {
        box-shadow: 10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px -10px 0 5px
    }

    74.97% {
        box-shadow: 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px
    }

    83.3% {
        box-shadow: -10px 10px 0 5px, -10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px
    }

    91.63% {
        box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px
    }

    100% {
        box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px
    }
}

.c-LocateMe {
    max-width: 91.2rem;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 1.6rem
}

.c-LocateMe__button {
    position: relative;
    padding-left: 4rem;
    min-height: 4rem
}

[class*=color800Bg--].colorBg .c-LocateMe__button::before,
[class*=color800Bg--].colorBg .c-LocateMe__button::after,
[class*=color800Bg--] .colorBg .c-LocateMe__button::before,
[class*=color800Bg--] .colorBg .c-LocateMe__button::after,
[class*=color700Bg--].colorBg .c-LocateMe__button::before,
[class*=color700Bg--].colorBg .c-LocateMe__button::after,
[class*=color700Bg--] .colorBg .c-LocateMe__button::before,
[class*=color700Bg--] .colorBg .c-LocateMe__button::after,
.c-LocateMe__button.colorBg--6::before,
.c-LocateMe__button.colorBg--6::after,
.colorBg--6 .c-LocateMe__button::before,
.colorBg--6 .c-LocateMe__button::after,
.c-LocateMe__button.colorBg--7::before,
.c-LocateMe__button.colorBg--7::after,
.colorBg--7 .c-LocateMe__button::before,
.colorBg--7 .c-LocateMe__button::after,
.c-LocateMe__button.colorBg--8::before,
.c-LocateMe__button.colorBg--8::after,
.colorBg--8 .c-LocateMe__button::before,
.colorBg--8 .c-LocateMe__button::after,
.c-LocateMe__button.colorBg--9::before,
.c-LocateMe__button.colorBg--9::after,
.colorBg--9 .c-LocateMe__button::before,
.colorBg--9 .c-LocateMe__button::after {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-LocateMe__button:before {
    position: absolute;
    left: 0;
    display: flex;
    content: "";
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
    width: 2.8rem;
    height: 2.8rem;
    background-image: url("geo-location.svg")
}

@media(hover: hover) {
    .c-LocateMe__button:hover .c-LocateMe__text:not(:disabled) {
        background-image: linear-gradient(currentColor, currentColor);
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        transition: background-size .3s
    }
}

@media(hover: hover)and (hover: hover) {
    .c-LocateMe__button:hover .c-LocateMe__text:not(:disabled):hover {
        background-size: 100% 1px
    }
}

@media(hover: hover) {
    .c-LocateMe__button:hover .c-LocateMe__text:disabled {
        cursor: auto
    }
}

.c-MapSearch {
    max-width: 91.2rem;
    align-self: center;
    width: 100%;
    position: relative;
    margin-bottom: 1.6rem;
    display: flex;
    align-items: center;
    padding-bottom: .8rem;
    border-bottom: solid 1px;
    border-color: silver;
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

@media(min-width: 1024px) {
    .c-MapSearch {
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem;
        padding-bottom: 1.6rem
    }
}

.c-MapSearch__input {
    width: 100%;
    outline: none;
    background-color: rgba(0, 0, 0, 0)
}

.c-MapSearch__input::-moz-placeholder {
    color: silver
}

.c-MapSearch__input::placeholder {
    color: silver
}

.c-MapSearch__input-icon {
    display: block;
    padding: 0 .8rem;
    width: 2.4rem;
    height: 2.4rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("search.svg")
}

@media(min-width: 1024px) {
    .c-MapSearch__input-icon {
        width: 3.2rem;
        height: 3.2rem
    }
}

.c-MapSearch__input-clear {
    position: relative;
    min-width: 2.08rem;
    min-height: 2.08rem
}

.c-MapSearch__input-clear::after,
.c-MapSearch__input-clear::before {
    position: absolute;
    content: "";
    width: 110%;
    height: 2px;
    background-color: #1f1f1f;
    left: 0;
    transform-origin: center center;
    transform: rotate(-45deg)
}

.c-MapSearch__input-clear::after {
    transform: rotate(45deg)
}

[class*=color800Bg--].colorBg .c-MapSearch__input-clear,
[class*=color800Bg--] .colorBg .c-MapSearch__input-clear,
[class*=color700Bg--].colorBg .c-MapSearch__input-clear,
[class*=color700Bg--] .colorBg .c-MapSearch__input-clear,
.c-MapSearch__input-clear.colorBg--6,
.colorBg--6 .c-MapSearch__input-clear,
.c-MapSearch__input-clear.colorBg--7,
.colorBg--7 .c-MapSearch__input-clear,
.c-MapSearch__input-clear.colorBg--8,
.colorBg--8 .c-MapSearch__input-clear,
.c-MapSearch__input-clear.colorBg--9,
.colorBg--9 .c-MapSearch__input-clear {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-MapSearch__results {
    background-color: #dedede;
    font-size: 2.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    width: 100%;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    transform: translateY(calc(100% + 4px));
    z-index: 2
}

.c-MapSearch__result {
    padding: .6rem 1.44rem;
    transition: background-color .3s
}

.c-MapSearch__result button {
    width: 100%;
    text-align: left
}

.c-MapSearch__result.is--active {
    background-color: #a7a7a7
}

@media(hover: hover) {
    .c-MapSearch__result:hover {
        background-color: #a7a7a7
    }
}

.c-Navigation {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 2.4rem;
    max-width: 60rem;
    margin-top: 2.4rem;
    margin-left: auto;
    margin-right: auto
}

.c-Navigation__button {
    cursor: pointer;
    display: inline-block;
    transition: opacity .3s
}

[class*=color800Bg--].colorBg .c-Navigation__button::before,
[class*=color800Bg--].colorBg .c-Navigation__button::after,
[class*=color800Bg--] .colorBg .c-Navigation__button::before,
[class*=color800Bg--] .colorBg .c-Navigation__button::after,
[class*=color700Bg--].colorBg .c-Navigation__button::before,
[class*=color700Bg--].colorBg .c-Navigation__button::after,
[class*=color700Bg--] .colorBg .c-Navigation__button::before,
[class*=color700Bg--] .colorBg .c-Navigation__button::after,
.c-Navigation__button.colorBg--6::before,
.c-Navigation__button.colorBg--6::after,
.colorBg--6 .c-Navigation__button::before,
.colorBg--6 .c-Navigation__button::after,
.c-Navigation__button.colorBg--7::before,
.c-Navigation__button.colorBg--7::after,
.colorBg--7 .c-Navigation__button::before,
.colorBg--7 .c-Navigation__button::after,
.c-Navigation__button.colorBg--8::before,
.c-Navigation__button.colorBg--8::after,
.colorBg--8 .c-Navigation__button::before,
.colorBg--8 .c-Navigation__button::after,
.c-Navigation__button.colorBg--9::before,
.c-Navigation__button.colorBg--9::after,
.colorBg--9 .c-Navigation__button::before,
.colorBg--9 .c-Navigation__button::after {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-Navigation__button::before {
    content: "";
    display: block;
    background-image: url("/newcss/next.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 12px
}

[class*=color800Bg--].colorBg .c-Navigation__button::before,
[class*=color800Bg--] .colorBg .c-Navigation__button::before,
[class*=color700Bg--].colorBg .c-Navigation__button::before,
[class*=color700Bg--] .colorBg .c-Navigation__button::before,
.c-Navigation__button::before.colorBg--6,
.colorBg--6 .c-Navigation__button::before,
.c-Navigation__button::before.colorBg--7,
.colorBg--7 .c-Navigation__button::before,
.c-Navigation__button::before.colorBg--8,
.colorBg--8 .c-Navigation__button::before,
.c-Navigation__button::before.colorBg--9,
.colorBg--9 .c-Navigation__button::before {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

@media(min-width: 1024px) {
    .c-Navigation__button::before {
        width: 42px;
        height: 16px
    }
}

.c-Navigation__button--prev::before {
    background-image: url("prev.svg")
}

.c-Navigation__button.swiper-button-disabled {
    opacity: .5;
    cursor: default
}

.c-Navigation--hide {
    display: none
}

.c-Pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .c-Pagination {
        margin-bottom: 8rem
    }
}

.c-Pagination__button {
    cursor: pointer;
    display: inline-block;
    transition: opacity .3s;
    padding: 0 .8rem;
    transform: scale(0.75);
    height: 40px;
    width: 40px
}

@media(min-width: 480px) {
    .c-Pagination__button {
        transform: none;
        width: auto
    }
}

@media(min-width: 1024px) {
    .c-Pagination__button {
        padding: 0 1.6rem
    }
}

[class*=color800Bg--].colorBg .c-Pagination__button,
[class*=color800Bg--] .colorBg .c-Pagination__button,
[class*=color700Bg--].colorBg .c-Pagination__button,
[class*=color700Bg--] .colorBg .c-Pagination__button,
.c-Pagination__button.colorBg--6,
.colorBg--6 .c-Pagination__button,
.c-Pagination__button.colorBg--7,
.colorBg--7 .c-Pagination__button,
.c-Pagination__button.colorBg--8,
.colorBg--8 .c-Pagination__button,
.c-Pagination__button.colorBg--9,
.colorBg--9 .c-Pagination__button {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-Pagination__button::before {
    transform-origin: center center;
    content: url("next_m.svg");
    display: flex;
    align-items: center;
    line-height: 0;
    transition: transform .3s
}

.c-Pagination__button--prev::before {
    content: url("prev_m.svg")
}

.c-Pagination__button:disabled {
    opacity: 0;
    cursor: default
}

@media(hover: hover) {
    .c-Pagination__button:hover:enabled::before {
        transform: translateX(15%)
    }

    .c-Pagination__button:hover:enabled.c-Pagination__button--prev::before {
        transform: translateX(-15%)
    }
}

.c-Pagination a.c-Pagination__button {
    display: flex
}

.c-Pagination__list {
    display: flex
}

.c-Pagination__pageNumb,
.c-Pagination__dots {
    position: relative;
    width: 4rem
}

@media(max-width: 479.98px) {

    .c-Pagination__pageNumb,
    .c-Pagination__dots {
        width: 3.5rem
    }
}

@media(max-width: 479.98px) {

    .m-DAM .c-Pagination__pageNumb,
    .m-DAM .c-Pagination__dots {
        width: 3rem
    }
}

.c-Pagination__pageNumb a,
.c-Pagination__pageNumb button,
.c-Pagination__pageNumb span,
.c-Pagination__dots a,
.c-Pagination__dots button,
.c-Pagination__dots span {
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    display: inline-flex;
    width: 100%;
    line-height: 3rem;
    align-items: center;
    justify-content: center
}

.c-Pagination__pageNumb::before,
.c-Pagination__dots::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 0px;
    background-color: rgba(0, 0, 0, 0);
    transition: height .3s, background-color .3s
}

.c-Pagination__pageNumb.is--active::before,
.c-Pagination__dots.is--active::before {
    height: 2px;
    background-color: silver
}

@media(hover: hover) {

    .c-Pagination__pageNumb:hover::before,
    .c-Pagination__dots:hover::before {
        background-color: #f7f7f7;
        height: 100%
    }
}

.c-Pagination__dots span {
    cursor: default
}

.c-Pagination__dots:before {
    content: none
}

.c-ProductLineCard {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    position: relative;
    padding: 1.6rem 1.6rem 1.6rem 1.6rem;
    aspect-ratio: 76/120;
    width: 100%;
}

@media(hover: hover) {
    .c-ProductLineCard:hover {
        background-color: rgba(0, 0, 0, .4) !important
    }

    .c-ProductLineCard:hover {
        transition: background-color .3s;
        cursor: pointer
    }

    .c-ProductLineCard:hover .c-ProductLineCard__about-icon {
        filter: invert(98%) sepia(98%) saturate(7%) hue-rotate(23deg) brightness(103%) contrast(94%)
    }

    .c-ProductLineCard:hover .c-ProductLineCard__subcategory-icon {
        opacity: 0
    }

    .c-ProductLineCard:hover .c-ProductLineCard__content {
        color: var(--color-basic-0)
    }

    .c-ProductLineCard:hover[class*=color].colorBg .c-ProductLineCard__label--new {
        background-color: #fff !important;
        color: #1f1f1f !important
    }
}

.c-ProductLineCard__title {
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    margin-bottom: .8rem
}

.c-ProductLineCard__brand {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-top: 1.8rem;
    margin-bottom: .64rem
}

.c-ProductLineCard__about {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    text-transform: uppercase;
    display: flex
}

.c-ProductLineCard__about-icon {
    margin-right: .64rem;
    width: 1.44rem;
    transition: filter .3s
}

[class*=color800Bg--].colorBg .c-ProductLineCard__about-icon,
[class*=color800Bg--] .colorBg .c-ProductLineCard__about-icon,
[class*=color700Bg--].colorBg .c-ProductLineCard__about-icon,
[class*=color700Bg--] .colorBg .c-ProductLineCard__about-icon,
.c-ProductLineCard__about-icon.colorBg--6,
.colorBg--6 .c-ProductLineCard__about-icon,
.c-ProductLineCard__about-icon.colorBg--7,
.colorBg--7 .c-ProductLineCard__about-icon,
.c-ProductLineCard__about-icon.colorBg--8,
.colorBg--8 .c-ProductLineCard__about-icon,
.c-ProductLineCard__about-icon.colorBg--9,
.colorBg--9 .c-ProductLineCard__about-icon {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-ProductLineCard__content {
    display: flex;
/*    height: 100%;*/
    flex-direction: column;
    justify-content: space-between;
    transition: color .3s
}

.c-ProductLineCard__subcategories {
    display: flex;
    flex-wrap: wrap;
    margin-top: 29.5rem;
}

.c-ProductLineCard__subcategory-icon {
    height: 6.6rem;
    width: 10.3rem;
    -o-object-fit: contain;
    object-fit: contain;
    transition: opacity .3s;
}

[class*=color800Bg--].colorBg .c-ProductLineCard__subcategory-icon,
[class*=color800Bg--] .colorBg .c-ProductLineCard__subcategory-icon,
[class*=color700Bg--].colorBg .c-ProductLineCard__subcategory-icon,
[class*=color700Bg--] .colorBg .c-ProductLineCard__subcategory-icon,
.c-ProductLineCard__subcategory-icon.colorBg--6,
.colorBg--6 .c-ProductLineCard__subcategory-icon,
.c-ProductLineCard__subcategory-icon.colorBg--7,
.colorBg--7 .c-ProductLineCard__subcategory-icon,
.c-ProductLineCard__subcategory-icon.colorBg--8,
.colorBg--8 .c-ProductLineCard__subcategory-icon,
.c-ProductLineCard__subcategory-icon.colorBg--9,
.colorBg--9 .c-ProductLineCard__subcategory-icon {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.c-ProductLineCard__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.c-ProductLineCard__label--new {
    display: inline-block;
    padding: .8rem 1.2rem;
    margin-top: 1.6rem;
    text-transform: uppercase;
    transition: all .3s
}

.colorBg--0.colorBg .c-ProductLineCard__label--new,
.colorBg--1.colorBg .c-ProductLineCard__label--new,
.colorBg--2.colorBg .c-ProductLineCard__label--new,
.colorBg--3.colorBg .c-ProductLineCard__label--new,
.colorBg--4.colorBg .c-ProductLineCard__label--new,
.colorBg--5.colorBg .c-ProductLineCard__label--new,
[class*=color100Bg--].colorBg .c-ProductLineCard__label--new,
[class*=color200Bg--].colorBg .c-ProductLineCard__label--new,
[class*=color300Bg--].colorBg .c-ProductLineCard__label--new,
[class*=color400Bg--].colorBg .c-ProductLineCard__label--new,
[class*=color500Bg--].colorBg .c-ProductLineCard__label--new {
    background-color: #1f1f1f !important;
    color: #fff !important
}

.colorBg--6.colorBg .c-ProductLineCard__label--new,
.colorBg--7.colorBg .c-ProductLineCard__label--new,
.colorBg--8.colorBg .c-ProductLineCard__label--new,
.colorBg--9.colorBg .c-ProductLineCard__label--new,
[class*=color600Bg--].colorBg .c-ProductLineCard__label--new,
[class*=color700Bg--].colorBg .c-ProductLineCard__label--new,
[class*=color800Bg--].colorBg .c-ProductLineCard__label--new,
[class*=color900Bg--].colorBg .c-ProductLineCard__label--new {
    background-color: #fff !important;
    color: #1f1f1f !important
}

.c-ProductsListingContent {
    display: grid;
/*    grid-template-columns: 1fr 1fr;*/
    grid-gap: 2rem;
    gap: 2rem;
    grid-auto-rows: minmax(24rem, 1fr);
    margin-bottom: 3.2rem
}
.c-ProductsListingContent1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.8rem;
    gap: 0.8rem;
    grid-auto-rows: minmax(24rem, 1fr);
    margin-bottom: 3.2rem
}
@media screen and (min-width: 600px) {
    .c-ProductsListingContent {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width: 1024px) {
    .c-ProductsListingContent {
        grid-template-columns: repeat(5, 1fr)
    }
}

.c-ProductsListingContent--lines>li {
    display: flex;

}

.c-ProductsListingMiddleController {
    margin: 2.4rem 0 3.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    min-height: 4rem
}

.c-ProductsListingMiddleController__alert {
    font-size: 80%;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    opacity: .75;
    font-style: italic
}

.c-ProductsListingMiddleController__sort {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem
}

@media(min-width: 1024px) {
    .c-ProductsListingMiddleController__sort {
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem;
        display: flex
    }
}

.c-ProductsListingMiddleController__sort-title {
    margin-right: .8rem
}

.c-ProductsListingMiddleController__sort-dropdown {
    font-weight: 700
}

.c-ProductsListingMiddleController__sort-overlay .c-ProductsListingMiddleController__sort-menu .c-ProductsListingMiddleController__sort-item {
    margin: .8rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    cursor: pointer
}

.c-ProductsListingMiddleController__prod-subcat {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem
}

@media(min-width: 1024px) {
    .c-ProductsListingMiddleController__prod-subcat {
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem
    }
}

.c-ProductsListingMiddleController__prod-subcat .c-CheckboxButton__label {
    padding-top: .8rem;
    padding-bottom: .8rem
}

.c-ProductsListingMiddleController__features {
    margin: .8rem auto 1.6rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid;
    border-color: #dedede;
    display: flex;
    justify-content: center
}

@media(min-width: 1024px) {
    .c-ProductsListingMiddleController__features {
        margin: 1.6rem auto 2.4rem;
        padding-bottom: 2.4rem
    }
}

.c-ProductsListingMiddleController__features-wrapper {
    padding: 0 1.6rem;
    position: relative;
    top: -1.6rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s
}

@media(min-width: 1024px) {
    .c-ProductsListingMiddleController__features-wrapper {
        top: -2.4rem
    }
}

.c-ProductsListingMiddleController__features-div {
    margin-top: 2.4rem
}

@media(min-width: 1024px) {
    .c-ProductsListingMiddleController__features-div {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 3.2rem;
        margin-left: -2.4rem
    }
}

.c-ProductsListingMiddleController__features-list {
    display: flex;
    justify-content: center;
    overflow-y: auto;
    padding-bottom: 2rem
}

.c-ProductsListingMiddleController__features-list>.c-ProductsListingMiddleController__feature {
    padding: 0 1.6rem;
    border-right: solid 1px;
    border-color: #dedede
}

@media(min-width: 1024px) {
    .c-ProductsListingMiddleController__features-list>.c-ProductsListingMiddleController__feature {
        padding: 0 3.2rem
    }
}

.c-ProductsListingMiddleController__features-list>.c-ProductsListingMiddleController__feature:last-child {
    border: none;
    padding-right: 0
}

.c-ProductsListingMiddleController__features-list>.c-ProductsListingMiddleController__feature:first-child {
    padding-left: 0
}

@media(max-width: 1023.98px) {

    .c-ProductsListingMiddleController__feature-title,
    .c-ProductsListingMiddleController__features-clear,
    .c-ProductsListingMiddleController__feature-checkbox {
        font-size: 1.2rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 1.6rem
    }
}

.c-ProductsListingMiddleController__feature-title {
    margin-bottom: 1.6rem;
    font-weight: 700
}

.c-ProductsListingMiddleController__features-clear {
    min-height: 40px;
    display: flex;
    align-items: center;
    position: relative
}

@media(min-width: 1024px) {
    .c-ProductsListingMiddleController__features-clear {
        position: static;
        align-items: start
    }
}

.c-ProductsListingMiddleController__feature-items {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.c-ProductsListingMiddleController__feature-items>.c-ProductsListingMiddleController__feature-item {
    margin-bottom: 2rem
}

.c-ProductsListingMiddleController__feature-items>.c-ProductsListingMiddleController__feature-item:last-child {
    margin: 0
}

.c-ProductsListingMiddleController__features-description {
    display: flex;
    margin: 3.2rem auto 3.2rem;
    max-width: 40rem;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem
}

@media(min-width: 1024px) {
    .c-ProductsListingMiddleController__features-description {
        max-width: 48rem
    }
}

.c-ProductsListingMiddleController__features-icon {
    margin-right: .8rem;
    width: 2.4rem;
    transform: rotate(180deg)
}

.c-ProductsListingMiddleController__features-dropdown {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    flex-basis: initial
}

@media(min-width: 1024px) {
    .c-ProductsListingMiddleController__features-dropdown {
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem
    }
}

@media(min-width: 1024px) {
    .c-ProductsListingMiddleController__features-dropdown:after {
        top: 40%
    }
}

@media(min-width: 1360px) {
    .c-ProductsListingMiddleController__features-dropdown:after {
        top: 50%
    }
}

.c-ProductsListingMiddleController__results-count {
    right: 0;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(max-width: 1023.98px) {
    .c-ProductsListingMiddleController__results-count {
        display: none
    }
}

.c-Scrollbar {
    position: relative;
    height: 40px;
    width: 100%;
    max-width: 60rem;
    margin: .8rem auto
}

@media(min-width: 1024px) {
    .c-Scrollbar {
        margin: 3.2rem auto 1.6rem
    }
}

.c-Scrollbar::before {
    content: "";
    background-color: #dedede;
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px
}

.m-Popup .m-GalleryC .c-Scrollbar {
    position: fixed;
    bottom: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 3.2rem)
}

.c-Scrollbar .swiper-scrollbar-drag {
    cursor: pointer;
    height: 100%;
    transform-origin: left center
}

.c-Scrollbar .swiper-scrollbar-drag::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
    background-color: #545454;
    transition: height .15s, top .15s
}

@media(hover: hover) {
    .c-Scrollbar .swiper-scrollbar-drag:hover::before {
        height: 7px
    }
}

.c-SubcategoryCard {
    display: block;
    aspect-ratio: 79/100;
    width: 100%
}

@media(hover: hover) {
    .c-SubcategoryCard:hover .c-SubcategoryCard__image--second {
        opacity: 1
    }
}

.c-SubcategoryCard__label {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.c-SubcategoryCard__label--new,
.c-SubcategoryCard__label--additional {
    padding: .8rem 1.2rem;
    color: #f7f7f7;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.c-SubcategoryCard__label--new {
    background-color: #545454;
    text-transform: uppercase
}

.c-SubcategoryCard__image {
    position: relative;
    padding-bottom: 100%;
    margin-bottom: .8rem;
    aspect-ratio: 1/1
}

.c-SubcategoryCard__image--first,
.c-SubcategoryCard__image--second {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: opacity .3s
}

.c-SubcategoryCard__image--second {
    opacity: 0
}

.c-SubcategoryCard__title {
    margin-bottom: .4rem;
    padding: 0 .8rem
}

.c-SubcategoryCard__categories-wrapper {
    text-transform: uppercase;
    display: flex;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    padding: 0 .8rem .8rem;
    flex-wrap: wrap
}

.c-SubcategoryCard__category {
    position: relative;
    padding-right: .8rem;
    margin-right: .8rem
}

.c-SubcategoryCard__category::after {
    content: "";
    display: block;
    height: .8rem;
    width: .8rem;
    filter: invert(46%) sepia(37%) saturate(0%) hue-rotate(278deg) brightness(89%) contrast(78%);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("arrow.svg");
    filter: invert(75%) sepia(0%) saturate(20%) hue-rotate(172deg) brightness(90%) contrast(87%);
    position: absolute;
    top: 50%;
    right: -0.8rem;
    transform: translate(-50%, -50%)
}

@media(max-width: 1023.98px) {
    .c-SubcategoryCard__category {
        display: none
    }
}

.c-SubcategoryCard__brand {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-top: .4rem;
    padding: 0 .8rem;
    margin-top: 0;
    margin-bottom: .8rem
}

@media(max-width: 1023.98px) {
    .c-SubcategoryCard__subcategory {
        font-size: 85%;
        line-height: 1.3;
        opacity: .75
    }
}

.c-SwiperStepper {
    cursor: pointer;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10
}

.c-SwiperStepper .swiper-pagination-bullet {
    padding: 2.4rem .8rem
}

@media(min-width: 1024px) {
    .c-SwiperStepper .swiper-pagination-bullet {
        padding: 3.2rem 1.6rem
    }
}

.c-SwiperStepper .swiper-pagination-bullet::before {
    content: "";
    display: inline-block;
    width: 3.2rem;
    height: 3px;
    background-color: #fff;
    transition: height .3s
}

@media(min-width: 1024px) {
    .c-SwiperStepper .swiper-pagination-bullet::before {
        width: 6.4rem
    }
}

@media(hover: hover) {
    .c-SwiperStepper .swiper-pagination-bullet:hover::before {
        height: 10px
    }
}

.c-SwiperStepper .swiper-pagination-bullet-active::before {
    height: 7px
}

.is--scroll:not(.menu-is-open) .c-SwiperStepper {
    opacity: .2
}

.c-Loader--swiper {
    background: none;
    opacity: .8;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none
}

.c-Loader--swiper .c-Loader__icon {
    top: 50%
   
}

.c-Wysiwyg p {
    margin-bottom: 4.8rem
}

@media(min-width: 1024px) {
    .c-Wysiwyg p {
        margin-bottom: 8rem
    }
}

.c-Wysiwyg ul,
.c-Wysiwyg ol {
    padding-left: 2.4rem;
    margin: 1.6rem 0;
    line-height: 1.5625
}

.c-Wysiwyg ul {
    list-style-type: none
}

.c-Wysiwyg ul li {
    position: relative
}

.c-Wysiwyg ul li:before {
    position: absolute;
    left: -2.5rem;
    content: "— "
}

.c-Wysiwyg ol {
    list-style-type: decimal
}

.c-Wysiwyg a:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .c-Wysiwyg a:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.c-Wysiwyg a:disabled {
    cursor: auto
}

.c-Wysiwyg .c-Wysiwyg__heading {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

@media(min-width: 1024px) {
    .c-Wysiwyg .c-Wysiwyg__heading {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem;
        margin-bottom: 2.4rem
    }
}

.c-Wysiwyg .c-Wysiwyg__introText {
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

@media(min-width: 1024px) {
    .c-Wysiwyg .c-Wysiwyg__introText {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem;
        margin-bottom: 2.4rem
    }
}

.c-Wysiwyg .c-Wysiwyg__text {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .c-Wysiwyg .c-Wysiwyg__text {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.c-Wysiwyg .c-Wysiwyg__textBigger {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .c-Wysiwyg .c-Wysiwyg__textBigger {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.c-Wysiwyg table th,
.c-Wysiwyg table td {
    border: 1px solid #1f1f1f;
    padding: .8rem;
    color: #1f1f1f
}

.c-Wysiwyg table th {
    background-color: #ebebeb;
    font-weight: 500
}

.m-404 {
    position: relative;
    display: flex
}

@media(max-width: 1023.98px) {
    .m-404 {
        flex-direction: column-reverse
    }
}

@media(min-width: 1024px) {
    .m-404 {
        min-height: calc(100vh - 6.1rem)
    }
}

.m-404__content {
    padding-top: 4rem;
    padding-bottom: 4rem;
    text-align: center;
    align-self: center
}

@media(min-width: 1024px) {
    .m-404__content {
        width: 50%;
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.m-404__content .l-wrapper {
    max-width: 60rem
}

.m-404__title {
    font-size: 7.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-weight: 700;
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .m-404__title {
        font-size: 10rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif
    }
}

.m-404__subtitle {
    margin-bottom: 1.6rem;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1024px) {
    .m-404__subtitle {
        margin-bottom: 4.8rem;
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem
    }
}

.m-404__text {
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .m-404__text {
        margin-bottom: 4.8rem;
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-404__image-wrapper {
    width: 100%;
    max-height: 60vw;
    height: 100vw;
    position: relative
}

.m-404__image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 1024px) {
    .m-404__image-wrapper {
        max-height: none;
        max-height: initial;
        width: 50%;
        height: auto;
        height: initial
    }
}

.m-AboutCollection {
    position: relative;
    overflow: hidden
}

.m-AboutCollection__before {
    background-color: #fff;
    position: absolute;
    top: -1px;
    width: 100%;
    height: calc(2rem + 1px)
}

@media(min-width: 1024px) {
    .m-AboutCollection__before {
        height: calc(5.4rem + 1px)
    }
}

@media(min-width: 1024px) {
    .m-AboutCollection--large-title .m-AboutCollection__before {
        height: calc(8rem + 1px)
    }
}

@media(min-width: 1024px) {
    .m-AboutCollection--large-title .m-AboutCollection__heading {
        font-size: 12.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-family: "Baskervville", serif;
        font-weight: 400;
        line-height: 1.3
    }
}

.m-AboutCollection__image {
    text-align: center
}

.m-AboutCollection__content {
    padding-bottom: 3.6rem
}

@media(min-width: 1024px) {
    .m-AboutCollection__content {
        padding-bottom: 8rem
    }
}

.m-AboutCollection__heading {
    position: relative;
    display: inline-block;
    transform-origin: top left;
    z-index: 1;
    margin: 0;
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    font-family: "Baskervville", serif;
    font-weight: 400;
    line-height: 1.3
}

@media(min-width: 1024px) {
    .m-AboutCollection__heading {
        font-size: 8.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-family: "Baskervville", serif;
        font-weight: 400;
        line-height: 1.3
    }
}

@media(min-width: 1920px) {
    .m-AboutCollection__heading {
        font-size: 8.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-family: "Baskervville", serif;
        font-weight: 400;
        line-height: 1.3
    }
}

.m-AboutCollection__heading--above {
    margin-bottom: 2rem
}

@media(min-width: 1024px) {
    .m-AboutCollection__heading--above {
        margin-bottom: 5.4rem
    }
}

.m-AboutCollection__text {
    padding-top: 3.6rem;
    padding-right: .8rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1024px) {
    .m-AboutCollection__text {
        padding-top: 8rem;
        padding-right: 8rem;
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem;
        line-height: 6.6rem
    }
}

.m-AboutCollection--image .m-AboutCollection__heading-wrapper {
    margin-top: -2rem
}

@media(min-width: 1024px) {
    .m-AboutCollection--image .m-AboutCollection__heading-wrapper {
        margin-top: -5.4rem
    }
}

.m-AboutCollection--image .m-AboutCollection__heading-wrapper--above {
    margin-top: 0 !important
}

.m-AboutCollection--image .m-AboutCollection__heading-wrapper--above {
    margin-bottom: -2rem
}

@media(min-width: 1024px) {
    .m-AboutCollection--image .m-AboutCollection__heading-wrapper--above {
        margin-bottom: -5.4rem
    }
}

@media(min-width: 1024px) {
    .m-AboutCollection--image.m-AboutCollection--large-title .m-AboutCollection__heading-wrapper {
        margin-top: -8rem
    }
}

@media(min-width: 1024px) {
    .m-AboutCollection--image.m-AboutCollection--large-title .m-AboutCollection__heading-wrapper.m-AboutCollection__heading-wrapper--above {
        margin-bottom: -8rem
    }
}

.m-AboutLine .l-wrapper {
    padding-top: 3.2rem
}

@media(min-width: 1024px) {
    .m-AboutLine .l-wrapper {
        padding-top: 6.4rem
    }
}

.m-AboutLine__content {
    display: flex;
    flex-direction: column-reverse
}

.m-AboutLine__content--reversed {
    flex-direction: column
}

@media(min-width: 1024px) {
    .m-AboutLine__content {
        margin-top: 4rem;
        flex-direction: row;
        gap: 16rem
    }
}

.m-AboutLine__content:first-child {
    margin-top: 0
}

.m-AboutLine__content-left {
    width: 100%
}

@media(min-width: 1024px) {
    .m-AboutLine__content-left {
        display: flex
    }
}

.m-AboutLine__content-left--single .m-AboutLine__text-wrapper {
    margin-right: 0
}

@media(min-width: 1024px) {
    .m-AboutLine__content-right {
/*        flex-basis: 35%;*/
        margin-bottom: 0rem
    }
}

.m-AboutLine__text-wrapper {
    width: 100%
}

@media(min-width: 1024px) {
    .m-AboutLine__text-wrapper {
        margin-right: 12.8rem
    }
}

@media(min-width: 1360px) {
    .m-AboutLine__text-wrapper {
        margin-right: 16rem
    }
}

.m-AboutLine__text {
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 2.2rem;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-AboutLine__text {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-AboutLine__text:last-child {
    margin-bottom: 0
}

.m-AboutLine__text p {
    margin-bottom: 4.8rem
}

@media(min-width: 1024px) {
    .m-AboutLine__text p {
        margin-bottom: 8rem
    }
}

.m-AboutLine__text ul,
.m-AboutLine__text ol {
    padding-left: 2.4rem;
    margin: 1.6rem 0;
    line-height: 1.5625
}

.m-AboutLine__text ul {
    list-style-type: none
}

.m-AboutLine__text ul li {
    position: relative
}

.m-AboutLine__text ul li:before {
    position: absolute;
    left: -2.5rem;
    content: "— "
}

.m-AboutLine__text ol {
    list-style-type: decimal
}

.m-AboutLine__text a:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .m-AboutLine__text a:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.m-AboutLine__text a:disabled {
    cursor: auto
}

.m-AboutLine__text .c-Wysiwyg__heading {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

@media(min-width: 1024px) {
    .m-AboutLine__text .c-Wysiwyg__heading {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem;
        margin-bottom: 2.4rem
    }
}

.m-AboutLine__text .c-Wysiwyg__introText {
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

@media(min-width: 1024px) {
    .m-AboutLine__text .c-Wysiwyg__introText {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem;
        margin-bottom: 2.4rem
    }
}

.m-AboutLine__text .c-Wysiwyg__text {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .m-AboutLine__text .c-Wysiwyg__text {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-AboutLine__text .c-Wysiwyg__textBigger {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .m-AboutLine__text .c-Wysiwyg__textBigger {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-AboutLine__text table th,
.m-AboutLine__text table td {
    border: 1px solid #1f1f1f;
    padding: .8rem;
    color: #1f1f1f
}

.m-AboutLine__text table th {
    background-color: #ebebeb;
    font-weight: 500
}

.m-AboutLine__text--big {
    font-size: 2rem;
    line-height: 1;
    margin-top: 2.2rem;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

@media(min-width: 1024px) {
    .m-AboutLine__text--big {
        font-size: 1.9rem;
        line-height: 1;top: .25em;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem
    }
}

.m-AboutLine__text--bigger {
    font-size: 3rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif
}

@media(min-width: 1024px) {
    .m-AboutLine__text--bigger {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem
    }
}

.m-AboutLine__imageWithCaption {
    margin-top: 3.2rem;
    display: flex;
    align-items: center;
    gap: 3.2rem
}

.m-AboutLine__imageWithCaption .img {
    max-width: 40%
}

@media(min-width: 1024px) {
    .m-AboutLine__imageWithCaption .img {
        max-width: 12rem
    }
}

@media(min-width: 1024px) {
    .m-AboutLine__imageWithCaption {
        margin-top: 0;
        flex-direction: column;
        align-items: flex-start;
        flex-shrink: 0
    }
}

.m-AboutLine__imageWithCaption-title {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.m-AboutLine__imageWithCaption-text {
    margin-top: .4rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

.m-AboutLine__images {
    position: relative;
    width: 100vw;
    transform: translateX(-50%);
    left: 50%;
    display: flex;
    gap: 1.6rem;
    justify-content: center;
    margin-top: 1.6rem
}

@media(min-width: 1024px) {
    .m-AboutLine__images {
        margin-top: 0;
        position: static;
        width: auto;
        width: initial;
        transform: translateX(0)
    }
}

.m-AboutLine__images picture {
    flex-grow: 1;
    flex-basis: 0
}

.m-AboutLine .c-AccordionItem {
    margin: .8rem 0
}

@media(min-width: 1024px) {
    .m-AboutLine .c-AccordionItem {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .m-AboutLine .c-AccordionItem__content {
        max-height: none;
        max-height: initial
    }
}

@media(min-width: 1024px) {
    .m-AboutLine .c-AccordionItem__button {
        border-bottom: none;
        cursor: default;
        padding-top: 0
    }
}

@media(min-width: 1024px) {
    .m-AboutLine .c-AccordionItem__title {
        max-width: none;
        max-width: initial
    }
}

@media(min-width: 1024px) {
    .m-AboutLine .c-AccordionItem__arrow {
        display: none
    }
}

.m-AboutLine .c-AccordionItem.is--active .c-AccordionItem__title {
    font-weight: 400
}

.m-Accordion {
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-Accordion {
        margin-bottom: 8rem
    }
}

.c-BarAppDAM {
    margin: 0 !important
}

.c-BarAppDAM {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    position: fixed;
    z-index: 8;
    bottom: 0;
    left: 0;
    right: 0
}

.c-BarAppDAM__container {
    padding: 2.4rem 0;
    display: flex;
    justify-content: space-between;
    gap: .8rem
}

.c-BarAppDAM__content {
    display: flex;
    align-items: center;
    gap: 2.4rem
}

@media(max-width: 1099.98px) {
    .c-BarAppDAM__content {
        flex-direction: column;
        align-items: flex-start;
        gap: .8rem
    }
}

.c-BarAppDAM__first {
    font-weight: 700
}

@media(min-width: 1100px) {
    .c-BarAppDAM__first {
        border-right: 1px solid #fff;
        padding-right: 2.4rem
    }
}

.c-BarAppDAM__btnClear {
    font-weight: 700
}

@media(min-width: 1100px) {
    .c-BarAppDAM__btnClear {
        border-left: 1px solid #fff;
        padding-left: 2.4rem
    }
}

.c-BarAppDAM__btns {
    display: flex;
    align-items: center;
    gap: 1.2rem
}

@media(max-width: 1099.98px) {
    .c-BarAppDAM__btns {
        flex-direction: column;
        align-items: flex-end
    }

    .c-BarAppDAM__btns>* {
        align-self: stretch
    }
}

.c-DownloadButtonsAppDAM {
    font-size: 1.3rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-bottom: 1.6rem
}

.c-DownloadButtonsAppDAM__disclaimer {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem
}

.c-DownloadButtonsAppDAM__disclaimer span {
    font-weight: 700;
    text-transform: uppercase
}

.c-DownloadButtonsAppDAM__title {
    font-weight: 700
}

.c-DownloadButtonsAppDAM .c-Button {
    align-self: flex-start
}

.c-CollectionsFiltersAppDAM .c-FiltersAppDAM__block {
    border: none
}

.c-CollectionsFiltersAppDAM .c-FiltersAppDAM__title {
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #dedede
}

.c-CollectionsFoldersAppDAM__wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 2.4rem
}

.c-CollectionsFoldersAppDAM__buttons {
    display: flex;
    gap: 1.6rem
}

.c-CollectionsFoldersAppDAM__button {
    display: inline-block;
    height: 20px;
    width: 20px;
    max-width: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: max-width .3s, margin-right .3s
}

.c-CollectionsFoldersAppDAM__button--download {
    background-image: url("download.svg")
}

.c-CollectionsFoldersAppDAM__button--create {
    background-image: url("add-folder.svg")
}

.c-CollectionsFoldersAppDAM__button--more {
    background-image: url("more.svg");
    margin-right: -6px
}

.c-CollectionsFoldersAppDAM__button.hidden {
    max-width: 0;
    margin-right: -1.6rem
}

.c-CollectionsFoldersAppDAM__more {
    position: absolute;
    right: 0;
    top: 3.6rem;
    max-width: 25.6rem;
    max-height: 0;
    z-index: 1;
    overflow: hidden;
    transition: max-height .3s
}

@media(min-width: 1100px) {
    .c-CollectionsFoldersAppDAM__more {
        transform: translateX(93%)
    }
}

.c-CollectionsFoldersAppDAM__more-buttons {
    background-color: #fff;
    border: 1px solid;
    border-color: #1f1f1f
}

.c-CollectionsFoldersAppDAM__more-buttons .c-CollectionsTopAppDAM__button {
    width: 100%;
    padding: .8rem 1.2rem;
    background: linear-gradient(to right, #ebebeb 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: background-position .3s
}

@media(hover: hover) {
    .c-CollectionsFoldersAppDAM__more-buttons .c-CollectionsTopAppDAM__button:hover {
        background-position: left bottom
    }
}

.c-CollectionsFoldersAppDAM__more-buttons .c-CollectionsTopAppDAM__button:after {
    content: none
}

.c-CollectionsFoldersAppDAM__more-buttons .c-CollectionsTopAppDAM__button span {
    display: inline-block
}

.c-CollectionsFoldersAppDAM .c-DropdownAppDAM {
    margin-bottom: 2.4rem
}

.c-CollectionsListingAppDAM__info {
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 2.2rem;
    color: #8d8d8d
}

@media(min-width: 1100px) {
    .c-CollectionsListingAppDAM__info {
        margin-top: 4.8rem;
        text-align: center
    }
}

.c-CollectionsTopAppDAM {
    padding: .4rem 0 1.6rem;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

@media(min-width: 1100px) {
    .c-CollectionsTopAppDAM {
        border-top: none;
        display: flex;
        padding-top: 0;
        padding-bottom: 0
    }
}

.c-CollectionsTopAppDAM__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    flex: 1
}

.c-CollectionsTopAppDAM__title {
    margin: 0;
    font-weight: 700
}

@media(min-width: 1100px) {
    .c-CollectionsTopAppDAM__title {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        width: 50%;
        flex: 1;
        text-align: center
    }
}

.c-CollectionsTopAppDAM__buttons {
    display: flex;
    gap: 1.6rem
}

@media(min-width: 1100px) {
    .c-CollectionsTopAppDAM__buttons {
        gap: 2.4rem;
        width: 50%;
        flex: 1;
        justify-content: flex-end
    }
}

.c-CollectionsTopAppDAM__button {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    display: flex;
    gap: .8rem;
    align-items: center;
    position: relative
}

.c-CollectionsTopAppDAM__button:before {
    content: "";
    display: block;
    height: 20px;
    min-width: 20px;
    width: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.c-CollectionsTopAppDAM__button::after {
    content: "";
    display: block;
    width: 0;
    height: 2.7rem;
    position: absolute;
    right: 130%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dedede;
    transition: .3s;
    z-index: -1
}

@media(hover: hover) {
    .c-CollectionsTopAppDAM__button:hover::after {
        width: 120%;
        right: -10%
    }
}

.c-CollectionsTopAppDAM__button:disabled::after {
    content: none
}

.c-CollectionsTopAppDAM__button--download:before {
    background-image: url("download.svg")
}

.c-CollectionsTopAppDAM__button--move:before {
    background-image: url("move.svg")
}

.c-CollectionsTopAppDAM__button--delete:before {
    background-image: url("delete.svg")
}

.c-CollectionsTopAppDAM__button--edit:before {
    background-image: url("edit-1.svg")
}

.c-CollectionsTopAppDAM__button span {
    display: none;
    text-align: left
}

@media(min-width: 1100px) {
    .c-CollectionsTopAppDAM__button span {
        display: inline-block
    }
}

.c-CollectionsTopAppDAM__button:disabled {
    opacity: .2
}

.c-CollectionsTopAppDAM .m-Breadcrumbs {
    position: static
}

@media(min-width: 1100px) {
    .c-CollectionsTopAppDAM .m-Breadcrumbs {
        width: 33%
    }
}

.c-CollectionsTopAppDAM .m-Breadcrumbs__btn-back {
    padding-left: 4px
}

.c-CollectionsTopAppDAM .m-Breadcrumbs__btn-back:before {
    left: 0;
    background-color: #dedede
}

.c-DropdownAppDAM {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 500
}

.c-DropdownAppDAM__button {
    position: relative;
    border-color: #1f1f1f;
    border: 1px solid;
    padding: 1.2rem 1.6rem;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    font-weight: 700;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

[class*=color800Bg--].colorBg .c-DropdownAppDAM__button,
[class*=color800Bg--] .colorBg .c-DropdownAppDAM__button,
[class*=color700Bg--].colorBg .c-DropdownAppDAM__button,
[class*=color700Bg--] .colorBg .c-DropdownAppDAM__button,
.colorBg--6.colorBg .c-DropdownAppDAM__button,
.colorBg--6 .colorBg .c-DropdownAppDAM__button,
.colorBg--7.colorBg .c-DropdownAppDAM__button,
.colorBg--7 .colorBg .c-DropdownAppDAM__button,
.colorBg--8.colorBg .c-DropdownAppDAM__button,
.colorBg--8 .colorBg .c-DropdownAppDAM__button,
.colorBg--9.colorBg .c-DropdownAppDAM__button,
.colorBg--9 .colorBg .c-DropdownAppDAM__button {
    border-color: #fff
}

@media(min-width: 768px) {
    .c-DropdownAppDAM__button {
        min-width: 16rem
    }
}

@media(min-width: 1100px) {
    .c-DropdownAppDAM__button {
        min-width: 24rem
    }
}

@media(min-width: 1360px) {
    .c-DropdownAppDAM__button {
        min-width: 20.8rem
    }
}

.c-DropdownAppDAM__button.withArrow:after {
    transition: transform .5s;
    transform: rotate(90deg)
}

.c-DropdownAppDAM__title {
    margin-bottom: .8rem
}

.c-DropdownAppDAM__title::first-letter {
    text-transform: uppercase
}

.c-DropdownAppDAM__label {
    margin-right: 1.6rem
}

.c-DropdownAppDAM .rc-dropdown-open.withArrow:after {
    transform: rotate(-90deg)
}

.c-DropdownAppDAM__menu.rc-dropdown {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 500
}

.c-DropdownAppDAM__menu.rc-dropdown .rc-menu {
    box-shadow: none;
    border-color: #1f1f1f;
    border: 1px solid;
    border-radius: 0;
    overflow: hidden;
    margin-top: 0;
    top: -4px;
    left: 0
}

[class*=color800Bg--].colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
[class*=color800Bg--] .colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
[class*=color700Bg--].colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
[class*=color700Bg--] .colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
.colorBg--6.colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
.colorBg--6 .colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
.colorBg--7.colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
.colorBg--7 .colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
.colorBg--8.colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
.colorBg--8 .colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
.colorBg--9.colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu,
.colorBg--9 .colorBg .c-DropdownAppDAM__menu.rc-dropdown .rc-menu {
    border-color: #fff
}

.c-DropdownAppDAM__menu.rc-dropdown .rc-menu-item {
    position: relative;
    cursor: pointer;
    padding: 1.6rem 1.6rem;
    background: linear-gradient(to right, #ebebeb 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: background-position .3s
}

.c-DropdownAppDAM__menu.rc-dropdown .rc-menu-item:hover {
    background-position: left bottom
}

.c-DropdownAppDAM__menu.rc-dropdown .rc-menu-item-selected {
    color: silver;
    background: rgba(0, 0, 0, 0);
    cursor: default
}

.c-FilesDownloadLayerAppDAM {
    text-align: left
}

.c-FilesDownloadLayerAppDAM .size {
    white-space: nowrap
}

.c-FilesDownloadLayerAppDAM__title {
    font-size: 2.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-weight: 700;
    margin-bottom: 2.08rem
}

.c-FilesDownloadLayerAppDAM__settings {
    margin-top: 1.2rem
}

@media(min-width: 1100px) {
    .c-FilesDownloadLayerAppDAM__settings {
        padding-bottom: 1.6rem;
        border-bottom: 1px solid #dedede
    }
}

.c-FilesDownloadLayerAppDAM__info,
.c-FilesDownloadLayerAppDAM__email-info {
    padding-left: 2.8rem
}

.c-FilesDownloadLayerAppDAM__info:before,
.c-FilesDownloadLayerAppDAM__email-info:before {
    position: absolute;
    left: 0;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.9rem;
    height: 1.9rem;
    background-image: url("info.svg")
}

.c-FilesDownloadLayerAppDAM__info {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    color: #8d8d8d;
    position: relative;
    margin-top: -1.6rem;
    margin-bottom: 1.6rem
}

.c-FilesDownloadLayerAppDAM__email-wrapper .c-FilesDownloadLayerAppDAM__info {
    color: #000;
    margin-bottom: 5.6rem
}

.c-FilesDownloadLayerAppDAM__info--error {
    color: #ff5757
}

.c-FilesDownloadLayerAppDAM__email {
    margin-top: 1.6rem;
    background-color: #f4f4f4;
    padding: 1.6rem;
    position: relative
}

.c-FilesDownloadLayerAppDAM__email-wrapper {
    position: relative
}

.c-FilesDownloadLayerAppDAM__email form {
    padding: 8rem 2.4rem 2.4rem
}

@media(min-width: 1100px) {
    .c-FilesDownloadLayerAppDAM__email form {
        padding: 3.2rem
    }
}

.c-FilesDownloadLayerAppDAM__email-close {
    position: absolute;
    z-index: 2;
    width: 2.4rem;
    height: 2.4rem;
    right: 2.4rem;
    top: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 1100px) {
    .c-FilesDownloadLayerAppDAM__email-close {
        right: 3.2rem;
        top: 3.2rem
    }
}

.c-FilesDownloadLayerAppDAM__email-close::before,
.c-FilesDownloadLayerAppDAM__email-close::after {
    content: "";
    display: inline-block;
    position: absolute;
    background-color: #000;
    height: 2px;
    border-radius: 1px;
    width: 2.4rem;
    transform-origin: center center
}

.c-FilesDownloadLayerAppDAM__email-close::before {
    transform: rotate(45deg)
}

.c-FilesDownloadLayerAppDAM__email-close::after {
    transform: rotate(-45deg)
}

.c-FilesDownloadLayerAppDAM__email-info,
.c-FilesDownloadLayerAppDAM__email-private {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem
}

.c-FilesDownloadLayerAppDAM__email-info {
    position: relative;
    padding-left: 3.2rem
}

.c-FilesDownloadLayerAppDAM__email-info:before {
    top: -2px;
    position: absolute;
    left: 0;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.9rem;
    height: 1.9rem;
    background-image: url("info.svg")
}

.c-FilesDownloadLayerAppDAM__email-btns {
    display: flex;
    gap: 1.6rem;
    margin-top: 2.4rem;
    margin-bottom: .8rem
}

@media(max-width: 1099.98px) {
    .c-FilesDownloadLayerAppDAM__email-btns {
        flex-direction: column;
        gap: .8rem
    }
}

.c-FilesDownloadLayerAppDAM__email-input {
    display: flex;
    align-items: flex-start;
    gap: 1.6rem
}

@media(max-width: 1099.98px) {
    .c-FilesDownloadLayerAppDAM__email-input {
        flex-direction: column;
        gap: .8rem;
        margin-bottom: 1.6rem
    }

    .c-FilesDownloadLayerAppDAM__email-input button {
        margin-top: -0.8rem
    }
}

@media(min-width: 1100px) {
    .c-FilesDownloadLayerAppDAM__email .c-Button {
        margin-top: 4%
    }
}

.c-FilesDownloadLayerAppDAM__email .c-Input--email {
    width: 100%;
    max-width: 44rem
}

.c-FilesDownloadLayerAppDAM__email .c-Input--cbox label {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem
}

.c-FilesDownloadLayerAppDAM__email .c-Input--cbox label:after {
    top: .6rem !important
}

@media(min-width: 1100px) {
    .c-FilesDownloadLayerAppDAM__checkboxes {
        display: flex;
        justify-content: space-between
    }
}

.c-FilesDownloadLayerAppDAM__checkboxes-wrapper {
    gap: 1.2rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.6rem
}

@media(min-width: 1100px) {
    .c-FilesDownloadLayerAppDAM__checkboxes-wrapper {
        flex-direction: row;
        gap: 2rem;
        margin-bottom: 0
    }
}

.c-FilesDownloadLayerAppDAM__checkboxes .c-Button {
    align-self: center
}

.c-FilesDownloadLayerAppDAM__items {
    margin-top: 3.2rem
}

.c-FilesDownloadLayerAppDAM__list-title {
    padding-right: .8rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    width: 55%
}

@media(min-width: 1100px) {
    .c-FilesDownloadLayerAppDAM__list-title {
        width: 30%
    }
}

.c-FilesDownloadLayerAppDAM__list-item {
    display: flex;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 1.6rem
}

@media(min-width: 1100px) {
    .c-FilesDownloadLayerAppDAM__list-item {
        margin-bottom: 3.2rem
    }
}

.c-FilesDownloadLayerAppDAM__list-item .c-CheckboxField {
    margin: 0
}

@media(min-width: 1100px) {
    .c-FilesDownloadLayerAppDAM__list-item .c-CheckboxField {
        margin-bottom: 2.4rem
    }
}

.c-FilesDownloadLayerAppDAM__list-item .c-FilesDownloadLayerAppDAM__checkboxes-wrapper {
    width: 45%
}

@media(min-width: 1100px) {
    .c-FilesDownloadLayerAppDAM__list-item .c-FilesDownloadLayerAppDAM__checkboxes-wrapper {
        width: 70%
    }
}

.c-FilesDownloadLayerAppDAM__thp {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    align-items: center
}

.c-FilesDownloadLayerAppDAM__thp p {
    max-width: 51.2rem
}

.c-FiltersAppDAM {
    background-color: #fff
}

@media(max-width: 1099.98px) {
    .c-FiltersAppDAM {
        display: flex;
        justify-content: center;
        flex-direction: column
    }
}

.c-FiltersAppDAM__title {
    font-weight: 700
}

.c-FiltersAppDAM__container {
    display: block;
    position: relative
}

@media(max-width: 1099.98px) {
    .c-FiltersAppDAM__container {
        display: none;
        position: fixed;
        z-index: 10;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: inherit;
        padding: 2rem;
        overflow-x: auto
    }
}

.c-FiltersAppDAM__container-bar {
    border-bottom: 1px solid #dedede;
    padding-bottom: 1.6rem
}

@media(min-width: 1100px) {
    .c-FiltersAppDAM__container-bar {
        display: none !important
    }
}

.c-FiltersAppDAM__btnOpenFilters {
    align-self: center;
    width: 100%
}

@media(min-width: 1100px) {
    .c-FiltersAppDAM__btnOpenFilters {
        display: none !important
    }
}

.c-FiltersAppDAM__btnClose {
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("close.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem
}

.c-FiltersAppDAM__btnClear,
.c-FiltersAppDAM__dividerText {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin: 1.2rem 0
}

.c-FiltersAppDAM__btnClear[disabled],
.c-FiltersAppDAM__dividerText[disabled] {
    opacity: .5
}

.c-FiltersAppDAM__btnMore {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    font-weight: 700;
    margin: 1.2rem 0 .4rem
}

.c-FiltersAppDAM__btnMore::after {
    transform: rotate(90deg)
}

.c-FiltersAppDAM__block {
    padding: 1.6rem 0;
    border-bottom: 1px solid #dedede
}

.c-FiltersAppDAM__block-title {
    font-weight: 700
}

.c-FiltersAppDAM__block-title::after {
    transform: rotate(-90deg)
}

.is--collapsed .c-FiltersAppDAM__block-title::after {
    transform: rotate(90deg)
}

.is--collapsed .c-FiltersAppDAM__block-content {
    display: none
}

@media(min-width: 1100px) {
    .c-FiltersAppDAM__tags {
        padding-bottom: 2.4rem;
        border-bottom: 1px solid #dedede
    }
}

.c-FiltersAppDAM__tags-list {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap
}

.c-FiltersAppDAM__tag .c-CheckboxButton__title {
    max-width: 19.2rem;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-FiltersAppDAM__list--wrap {
    gap: .8rem;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .4rem
}

.c-FiltersAppDAM__checkbox {
    min-height: 3.2rem;
    padding: .6rem 0
}

.c-FiltersAppDAM__checkbox label {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.c-FiltersAppDAM__checkbox.is--checked label span:first-of-type {
    font-weight: 700
}

@media(hover: hover) {
    .c-FiltersAppDAM__checkbox:hover label:after {
        opacity: .25
    }
}

.c-FiltersAppDAM__checkbox--margin {
    margin-left: 3.2rem
}

.c-FiltersAppDAM__solid-checkbox .c-CheckboxField__bg,
.c-FiltersAppDAM__round-checkbox .c-CheckboxField__bg {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover
}

.c-FiltersAppDAM__solid-checkbox label::before,
.c-FiltersAppDAM__solid-checkbox label::after,
.c-FiltersAppDAM__round-checkbox label::before,
.c-FiltersAppDAM__round-checkbox label::after {
    display: none
}

.c-FiltersAppDAM__solid-checkbox label {
    padding: 0;
    width: 2.8rem;
    height: 2.8rem;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0)
}

.c-FiltersAppDAM__solid-checkbox label .c-CheckboxField__bg {
    width: 100%
}

@media(hover: hover) {
    .c-FiltersAppDAM__solid-checkbox:hover label:after {
        opacity: .25
    }
}

.c-FiltersAppDAM__solid-checkbox input:checked+label {
    border: 2px solid #000
}

.c-FiltersAppDAM__round-checkbox label {
    padding: 0;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s, color .3s;
    border: 1px solid #000;
    overflow: hidden;
    border-color: #1f1f1f
}

.c-FiltersAppDAM__round-checkbox input[checked]+label {
    color: #fff;
    background-color: #1f1f1f
}

@media(hover: hover) {
    .c-FiltersAppDAM__round-checkbox:hover label {
        font-weight: 700;
        border-width: 2px
    }
}

.c-FiltersAppDAM__round-checkbox input:checked+label {
    background-color: #000
}

.c-FiltersAppDAM__round-checkbox input:checked+label .c-CheckboxField__bg {
    filter: invert(1)
}

.c-FiltersAppDAM__price-group {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin: 1.6rem 0 .8rem;
    font-weight: 700
}

.c-ListingAppDAM__top {
    margin-bottom: 20px
}

@media(min-width: 1100px) {
    .c-ListingAppDAM__top {
        display: flex;
        justify-content: space-between;
        gap: 1.6rem
    }
}

.c-ListingAppDAM__top-count {
    display: flex;
    align-items: center
}

.c-ListingAppDAM__top-separator {
    font-weight: 100;
    font-size: 1.3em;
    margin: 0 1.6rem
}

.c-ListingAppDAM__top-sort {
    display: flex;
    margin-top: 20px
}

@media(min-width: 1100px) {
    .c-ListingAppDAM__top-sort {
        margin-top: 0
    }
}

.c-ListingAppDAM__top-sort-title {
    margin-right: .8rem
}

@media(min-width: 1100px) {
    .c-ListingAppDAM__top-sort-menu {
        min-width: 130px;
        right: 10%
    }
}

.c-ListingAppDAM__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.28rem;
    gap: 1.28rem;
    grid-auto-rows: minmax(24rem, 1fr);
    margin-bottom: 3.2rem
}

@media screen and (min-width: 600px) {
    .c-ListingAppDAM__list {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.6rem 1.28rem
    }
}

@media(min-width: 1100px) {
    .c-ListingAppDAM__list {
        grid-template-columns: repeat(4, 1fr)
    }
}

.c-ListingAppDAM__item:hover .m-Downloads__btn {
    opacity: 1
}

.c-ListingAppDAM__item-image {
    position: relative;
    padding-bottom: 100%;
    margin-bottom: .8rem;
    aspect-ratio: 1/1
}

.c-ListingAppDAM__item-image-container,
.c-ListingAppDAM__item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-ListingAppDAM__item-image img {
    -o-object-fit: contain;
    object-fit: contain
}

.c-ListingAppDAM__item-icon {
    background-color: #f4f4f4
}

.c-ListingAppDAM__item-icon img {
    width: 40%;
    left: 50%;
    transform: translateX(-50%)
}

.c-ListingAppDAM__item-title,
.c-ListingAppDAM__item-type {
    padding: 0 .8rem
}

.c-ListingAppDAM__item-title {
    margin-bottom: .8rem;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: anywhere
}

.c-ListingAppDAM__item .m-Downloads__btn {
    margin: 0;
    position: absolute
}

.c-ListingAppDAM__item .m-Downloads__btn-add {
    top: 2px;
    right: 2px
}

.c-ListingAppDAM__item .m-Downloads__btn-select {
    bottom: 0;
    left: 0
}

.c-ListingAppDAM__item .m-Downloads__btn-download {
    right: 2px !important
}

.c-ListingAppDAM__item .m-Downloads__btn-download {
    bottom: 2px
}

.m-AppDAM__collections-listing .c-ListingAppDAM__item .m-Downloads__btn-add,
.m-AppDAM__collections-listing .c-ListingAppDAM__item .m-Downloads__btn-download {
    display: none
}

.c-PopupAppDAM__title {
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    font-weight: 700;
    margin-bottom: 2.08rem
}

.c-PopupAppDAM__info {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    margin-bottom: 2.08rem
}

.c-PopupAppDAM__input {
    margin: 0 auto
}

.c-PopupAppDAM__input input {
    margin-top: 3.2rem
}

.c-PopupAppDAM__input .c-Input__message {
    display: block;
    text-align: left
}

.c-PopupAppDAM__input .c-Input__message:before {
    top: .4rem
}

.c-PopupAppDAM__input,
.c-PopupAppDAM__buttons {
    max-width: 43.2rem
}

.c-PopupAppDAM__buttons {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    justify-content: center;
    align-items: center;
    margin: 3.2rem auto 0
}

@media(min-width: 375px) {
    .c-PopupAppDAM__buttons {
        flex-direction: row
    }
}

.c-PopupAppDAM__buttons .c-Button {
    width: 100%
}

.c-PopupAppDAM__buttons--extra {
    flex-direction: column
}

.c-PopupAppDAM__buttons--extra .c-Button {
    width: auto
}

.c-ResourceLayerAppDAM {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    scrollbar-color: #ebebeb #f7f7f7;
    scrollbar-width: thin;
    padding: 3.2rem 1.6rem
}

.c-ResourceLayerAppDAM::-webkit-scrollbar {
    width: 1px;
    height: 1px
}

.c-ResourceLayerAppDAM::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 100px
}

.c-ResourceLayerAppDAM::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 100px
}

@media(max-width: 1099.98px) {
    .c-ResourceLayerAppDAM {
        overflow-x: scroll
    }
}

@media(min-width: 1100px) {
    .c-ResourceLayerAppDAM {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0
    }
}

.c-ResourceLayerAppDAM__btnClose {
    position: fixed;
    z-index: 2;
    background-color: #fff;
    width: 4.8rem;
    height: 4.8rem;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 1100px) {
    .c-ResourceLayerAppDAM__btnClose {
        right: 1.6rem;
        top: 1.6rem;
        width: 4.8rem;
        height: 4.8rem
    }
}

.c-ResourceLayerAppDAM__btnClose::before,
.c-ResourceLayerAppDAM__btnClose::after {
    content: "";
    display: inline-block;
    position: absolute;
    background-color: #000;
    height: 2px;
    border-radius: 1px;
    width: 2rem;
    transform-origin: center center;
    transition: transform .3s
}

@media(min-width: 1100px) {

    .c-ResourceLayerAppDAM__btnClose::before,
    .c-ResourceLayerAppDAM__btnClose::after {
        width: 2.4rem
    }
}

.c-ResourceLayerAppDAM__btnClose::before {
    transform: rotate(45deg)
}

.c-ResourceLayerAppDAM__btnClose::after {
    transform: rotate(-45deg)
}

.c-ResourceLayerAppDAM__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 65.6rem;
    gap: .8rem;
    margin: 0 auto
}

@media(min-width: 1100px) {
    .c-ResourceLayerAppDAM__container {
        max-width: 112rem;
        flex-direction: row;
        gap: 8.8rem;
        height: 100%
    }
}

.c-ResourceLayerAppDAM__preview {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%
}

.c-ResourceLayerAppDAM__btnPreview {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    margin: .8rem auto;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    position: relative
}

@media(hover: hover) {
    .c-ResourceLayerAppDAM__btnPreview:hover {
        text-decoration: underline
    }
}

.c-ResourceLayerAppDAM__btnPreview::before {
    content: "";
    background-image: url("svg/preview3d.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 2.4rem;
    height: 2.4rem
}

.c-ResourceLayerAppDAM__btnPreview--2d::before {
    background-image: url("svg/preview2d.svg")
}

.c-ResourceLayerAppDAM__content {
    max-width: 44rem;
    margin: 0 10%;
    scrollbar-color: #ebebeb #f7f7f7;
    scrollbar-width: thin
}

.c-ResourceLayerAppDAM__content::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.c-ResourceLayerAppDAM__content::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 100px
}

.c-ResourceLayerAppDAM__content::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 100px
}

@media(min-width: 1100px) {
    .c-ResourceLayerAppDAM__content {
        max-width: 46.4rem;
        width: 100%;
        margin: 0;
        overflow-x: auto;
        max-height: 100%;
        padding: 4.8rem 0;
        padding-right: .8rem
    }
}

.c-ResourceLayerAppDAM__image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .8rem
}

.c-ResourceLayerAppDAM__image {
    max-width: 28rem;
    max-height: 28rem
}

@media(min-width: 1100px) {
    .c-ResourceLayerAppDAM__image {
        max-width: 35.2rem;
        max-height: 35.2rem
    }
}

.c-ResourceLayerAppDAM__image img {
    width: 73vw;
    max-width: 28rem;
    max-height: 28rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media(min-width: 1100px) {
    .c-ResourceLayerAppDAM__image img {
        max-width: 35.2rem;
        max-height: 35.2rem
    }
}

.c-ResourceLayerAppDAM__image--icon {
    padding: 6.4rem;
    background-color: #f4f4f4
}

@media(min-width: 1100px) {
    .c-ResourceLayerAppDAM__image--icon {
        padding: 8rem
    }
}

.c-ResourceLayerAppDAM__image--icon img {
    max-width: 15rem;
    max-height: 15rem
}

.c-ResourceLayerAppDAM__count {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 700
}

.c-ResourceLayerAppDAM__btn--prev,
.c-ResourceLayerAppDAM__btn--next {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 3.2rem;
    height: 1.6rem;
    position: relative;
    display: block
}

.c-ResourceLayerAppDAM__btn--prev:disabled,
.c-ResourceLayerAppDAM__btn--next:disabled {
    opacity: 0
}

.c-ResourceLayerAppDAM__btn--prev {
    background-image: url("prev.png");
    margin-right: .8rem
}

@media(min-width: 480px) {
    .c-ResourceLayerAppDAM__btn--prev {
        margin-right: 1.6rem
    }
}

.c-ResourceLayerAppDAM__btn--next {
    background-image: url("next.png");
    margin-left: .8rem
}

@media(min-width: 480px) {
    .c-ResourceLayerAppDAM__btn--next {
        margin-left: 1.6rem
    }
}

.c-ResourceLayerAppDAM__title {
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    font-weight: 700;
    word-break: break-word
}

.c-ResourceLayerAppDAM__type {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.c-ResourceLayerAppDAM__sizes {
    margin: 2.4rem 0
}

.c-ResourceLayerAppDAM__size {
    display: flex;
    align-items: center
}

.c-ResourceLayerAppDAM__info {
    margin: 2.4rem 0
}

.c-ResourceLayerAppDAM__info-title {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 700;
    margin-bottom: .8rem
}

.c-ResourceLayerAppDAM__info-description {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem
}

.c-ResourceLayerAppDAM__details-title {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 700;
    margin: 1.6rem 0
}

.c-ResourceLayerAppDAM__group {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    border-top: 1px solid silver;
    padding: .8rem
}

.c-ResourceLayerAppDAM__group-title {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    line-height: 1.6rem;
    margin: 1.2rem 0;
    padding-right: 2rem;
    text-align: left
}

.c-ResourceLayerAppDAM__group-title.withArrow:after {
    transition: transform .5s;
    transform: translateX(20px) rotate(-90deg)
}

.c-ResourceLayerAppDAM__group-title.withArrow.is--collapsed:after {
    transform: translateX(20px) rotate(90deg)
}

.c-ResourceLayerAppDAM__group-title.is--collapsed+* {
    display: none
}

.c-ResourceLayerAppDAM__group-details {
    display: flex;
    flex-direction: column
}

.c-ResourceLayerAppDAM__group-el img {
    max-width: 4rem
}

.c-ResourceLayerAppDAM__group-el button:disabled {
    opacity: 1
}

.c-ResourceLayerAppDAM__group:last-of-type {
    border-bottom: 1px solid silver
}

.c-ResourceLayerAppDAM__group--color .c-ResourceLayerAppDAM__group-details {
    flex-direction: row;
    flex-wrap: wrap;
    gap: .8rem
}

.c-ResourceLayerAppDAM__group--color .c-ResourceLayerAppDAM__group-el {
    border: 2px solid rgba(0, 0, 0, 0)
}

.c-ResourceLayerAppDAM__group--color .c-ResourceLayerAppDAM__group-el.is--selected {
    border-color: #000
}

.c-ResourceLayerAppDAM__copy {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    color: #737373;
    margin-top: 2.4rem
}

.c-ResourceLayerAppDAM__preview3d {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1000
}

.c-ResourceLayerAppDAM__buttons-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.2rem
}

@media(min-width: 1100px) {
    .c-ResourceLayerAppDAM__buttons-wrapper {
        flex-direction: row
    }
}

.c-ResourceLayerAppDAM__buttons-wrapper .m-FinishesDocs__link {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1100px) {
    .c-ResourceLayerAppDAM__buttons-wrapper .m-FinishesDocs__link {
        max-width: 50%
    }
}

.c-SearchAppDAM {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: .8rem;
    margin-top: .8rem;
    border-bottom: solid 1px;
    border-color: #dedede;
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

.c-SearchAppDAM__input {
    width: 100%;
    outline: none
}

.c-SearchAppDAM__input::-moz-placeholder {
    color: silver
}

.c-SearchAppDAM__input::placeholder {
    color: silver
}

.c-SearchAppDAM--small .c-SearchAppDAM__input {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

.c-SearchAppDAM__icon {
    display: block;
    padding: 0 .8rem;
    width: 2.4rem;
    height: 2.4rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("search.svg");
    transition: .3s
}

@media(hover: hover) {
    .c-SearchAppDAM__icon:not(:disabled):hover {
        transform: scale(1.25)
    }
}

.c-SearchAppDAM__icon--clear {
    position: relative;
    min-width: 2.08rem;
    min-height: 2.08rem;
    margin-left: 1.2rem;
    transition: .3s
}

.c-SearchAppDAM__icon--clear::after,
.c-SearchAppDAM__icon--clear::before {
    position: absolute;
    content: "";
    width: 110%;
    height: 2px;
    background-color: #1f1f1f;
    left: 0;
    transform-origin: center center;
    transform: rotate(-45deg)
}

.c-SearchAppDAM__icon--clear::after {
    transform: rotate(45deg)
}

[class*=color800Bg--].colorBg .c-SearchAppDAM__icon--clear,
[class*=color800Bg--] .colorBg .c-SearchAppDAM__icon--clear,
[class*=color700Bg--].colorBg .c-SearchAppDAM__icon--clear,
[class*=color700Bg--] .colorBg .c-SearchAppDAM__icon--clear,
.c-SearchAppDAM__icon--clear.colorBg--6,
.colorBg--6 .c-SearchAppDAM__icon--clear,
.c-SearchAppDAM__icon--clear.colorBg--7,
.colorBg--7 .c-SearchAppDAM__icon--clear,
.c-SearchAppDAM__icon--clear.colorBg--8,
.colorBg--8 .c-SearchAppDAM__icon--clear,
.c-SearchAppDAM__icon--clear.colorBg--9,
.colorBg--9 .c-SearchAppDAM__icon--clear {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

@media(hover: hover) {
    .c-SearchAppDAM__icon--clear:hover {
        transform: scale(1.25)
    }
}

.c-SearchAppDAM__noResults {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-top: 1.6rem;
    color: silver
}

.c-SearchAppDAM__suggestions {
    position: absolute;
    z-index: 1;
    width: 100vw;
    top: 28px;
    left: -1.6rem;
    background-color: #fff;
    border: solid 1px;
    border-color: #dedede
}

.c-SearchAppDAM__suggestions::after {
    content: "";
    position: absolute;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .4);
    z-index: -1
}

@media(min-width: 375px) {
    .c-SearchAppDAM__suggestions {
        top: 36px
    }
}

@media(min-width: 1100px) {
    .c-SearchAppDAM__suggestions {
        top: 27.5px;
        width: 100%;
        left: 0
    }

    .c-SearchAppDAM__suggestions::after {
        content: none
    }
}

@media(min-width: 1360px) {
    .c-SearchAppDAM__suggestions {
        top: 36px
    }
}

.c-SearchAppDAM__suggestions-item {
    padding: 1.6rem 2.4rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    width: 100%;
    cursor: pointer;
    background: linear-gradient(to right, #f7f7f7 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: background-position .3s
}

.c-SearchAppDAM__suggestions-item:hover {
    background-position: left bottom
}

.c-SearchAppDAM__suggestions-item.selected {
    background-position: left bottom
}

.c-SearchAppDAM__suggestions-content {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    text-align: left;
    flex: 1
}

.c-SearchAppDAM__suggestions-image {
    aspect-ratio: 1/1;
    width: 6.4rem;
    -o-object-fit: cover;
    object-fit: cover
}

.c-SearchAppDAM__suggestions-name {
    font-size: 1.3rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 700;
    margin-bottom: .8rem;
    word-break: break-word
}

.c-SearchAppDAM__suggestions-empty {
    font-size: 1.3rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    color: #8d8d8d;
    padding: 3.2rem 2.4rem
}

.c-TabsAppDAM {
    position: relative
}

@media(max-width: 1099.98px) {
    .c-TabsAppDAM {
        margin-left: -1.6rem;
        margin-right: -1.6rem
    }
}

.c-TabsAppDAM__tabs-container {
    position: relative
}

@media(min-width: 1100px) {
    .c-TabsAppDAM__tabs-container {
        display: flex;
        min-width: 100%;
        justify-content: space-between
    }
}

.c-TabsAppDAM__tabs-container:after {
    content: "";
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 4.8rem;
    width: 100%
}

@media(min-width: 1100px) {
    .c-TabsAppDAM__tabs-container:after {
        width: calc(100% - 4.8rem - .4rem)
    }

    .open-selection .c-TabsAppDAM__tabs-container:after {
        width: calc(100% - 4.8rem)
    }
}

.c-TabsAppDAM__tabs {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media(max-width: 1099.98px) {
    .c-TabsAppDAM__tabs {
        width: 100vw;
        overflow-x: scroll;
        overflow-y: hidden
    }
}

.c-TabsAppDAM__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    flex-grow: 1
}

.c-TabsAppDAM__tab>button {
    width: 100%;
    height: 4.8rem;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: all .2s
}

@media(hover: hover) {
    .c-TabsAppDAM__tab>button:hover:not([disabled]) {
        border-bottom-color: #000
    }
}

.c-TabsAppDAM__tab.is--selected {
    font-weight: 700
}

.c-TabsAppDAM__tab.is--selected>button {
    border-bottom-color: #000
}

.c-TabsAppDAM__tab-count {
    color: #a7a7a7;
    margin-left: .5rem;
    font-weight: 500;
    font-size: 85%
}

.c-TabsAppDAM__selectionBtn {
    display: flex;
    background-color: #ebebeb;
    flex-grow: 0;
    height: 4.8rem;
    width: 4.8rem;
    flex-basis: 4.8rem;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    justify-content: center;
    gap: .8rem
}

@media(min-width: 1100px) {
    .c-TabsAppDAM__selectionBtn-text {
        display: none !important
    }
}

.open-selection .c-TabsAppDAM__selectionBtn {
    background-color: #ebebeb;
    border-bottom-color: rgba(0, 0, 0, 0)
}

@media(max-width: 1099.98px) {
    .c-TabsAppDAM__selectionBtn.withArrow {
        justify-content: flex-end
    }
}

@media(min-width: 1100px) {
    .c-TabsAppDAM__selectionBtn {
        border: 1px solid #000
    }
}

.c-TabsAppDAM__selectionBtn::after {
    transform: rotate(90deg)
}

.open-selection .c-TabsAppDAM__selectionBtn::after {
    transform: rotate(-90deg)
}

.c-TabsAppDAM__selection {
    display: none;
    flex-direction: column;
    padding: 1.6rem;
    background-color: #ebebeb
}

.open-selection .c-TabsAppDAM__selection {
    display: flex
}

@media(max-width: 1099.98px) {
    .c-TabsAppDAM__selection {
        position: absolute;
        top: 9.6rem;
        width: 100%;
        z-index: 2
    }
}

@media(min-width: 1100px) {
    .c-TabsAppDAM__selection {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000
    }
}

.c-TabsAppDAM__selection-info {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    padding-left: 2.4rem;
    margin: .8rem 0;
    position: relative
}

.c-TabsAppDAM__selection-info:before {
    position: absolute;
    left: 0;
    display: flex;
    content: "";
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("notification-info-black.svg")
}

.c-TabsAppDAM__selection-list {
    margin: 1.6rem 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

@media(min-width: 1100px) {
    .c-TabsAppDAM__selection-list {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 3.2rem
    }
}

.c-TabsAppDAM__cbox {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.c-TabsAppDAM__cbox.is--checked {
    font-weight: 700
}

.c-TabsAppDAM__clearSelectionBtn {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    align-self: flex-end
}

.m-DAM .l-wrapper {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media(min-width: 1100px) {
    .m-DAM .l-wrapper {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }
}

@media(max-width: 1099.98px) {
    .m-AppDAM__container>* {
        margin: 20px 0
    }
}

@media(min-width: 1100px) {
    .m-AppDAM__container {
        display: grid;
        grid-gap: 20px;
        gap: 20px;
        padding-top: 4rem;
        border-top: 1px solid #dedede;
        grid-template-columns: minmax(200px, 1fr) 4fr
    }
}

@media(min-width: 1100px) {
    .m-AppDAM__container--collections {
        padding-top: 0rem
    }
}

@media(min-width: 1100px) {
    .m-AppDAM__tabs {
        grid-column: 2/3;
        grid-row: 2/3
    }
}

@media(min-width: 1100px) {
    .m-AppDAM__filters {
        grid-column: 1/2;
        grid-row: 2/50
    }
}

@media(min-width: 1100px) {
    .m-AppDAM__listing {
        grid-column: 2/3;
        grid-row: 3/50
    }

    .m-AppDAM__listing--noTabs {
        grid-row-start: 2
    }
}

@media(min-width: 1100px) {
    .m-AppDAM__collections-top {
        grid-column: span 2
    }
}

.m-Benefit--aligned-left .m-BenefitElementList {
    justify-content: start
}

.m-BenefitElementList {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

@media(min-width: 480px) {
    .m-BenefitElementList {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2.4rem;
        justify-content: center
    }
}

@media(min-width: 1024px) {
    .m-BenefitElementList {
        gap: 3.2rem
    }
}

.m-BenefitElementItem {
    display: flex;
    width: 100%
}

@media screen and (min-width: 600px) {
    .m-BenefitElementItem {
        width: calc(50% - 1.2rem)
    }
}

@media(min-width: 1024px) {
    .m-BenefitElementItem {
        width: calc(50% - 1.6rem)
    }
}

.m-BenefitElementItem__wrapper {
    width: 100%;
    padding: 4.4rem 2.4rem;
    display: flex;
    background-color: #ebebeb
}

@media(min-width: 1024px) {
    .m-BenefitElementItem__wrapper {
        padding: 4.4rem 0;
        align-items: center
    }
}

.m-BenefitElementItem__graph {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.2rem;
    text-align: center;
    font-size: 6.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 8rem;
    font-weight: 500
}

@media screen and (min-width: 600px) {
    .m-BenefitElementItem__graph {
        aspect-ratio: 10/6
    }
}

@media(min-width: 1024px) {
    .m-BenefitElementItem__graph {
        flex-basis: 50%;
        margin-bottom: 0;
        padding: 0 2.4rem;
        aspect-ratio: unset
    }
}

.m-BenefitElementItem__icon {
    min-height: 8.2rem;
    max-width: 16rem;
    max-height: 16rem;
    width: 100%;
    height: 100%
}

.m-BenefitElementItem__text {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1024px) {
    .m-BenefitElementItem__text {
        padding-right: 6.4rem;
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        flex-basis: 50%
    }
}

.m-BenefitElementItem__text p {
    display: inline-block
}

.m-BenefitElementItem__text p~p {
    margin-top: 1.6rem
}

.m-BenefitElementItem__text .align--center-mobile {
    display: block
}

.m-BenefitElementItem .c-Button {
    margin-top: 3.2rem;
    align-self: flex-start
}

.m-BenefitElementItem__content {
    width: 100%;
    align-items: center
}

@media(min-width: 1024px) {
    .m-BenefitElementItem__content {
        display: flex;
        flex-wrap: wrap
    }
}

@media(min-width: 1024px) {
    .m-BenefitElementItem--single {
        width: 100%;
/*        max-width: 122.6rem;*/
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 1024px) {
    .m-BenefitElementItem--single .m-BenefitElementItem__graph {
        max-width: 37.7rem
    }
}

@media(min-width: 1024px) {
    .m-BenefitElementItem--single .m-BenefitElementItem__text {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        flex-basis: calc(100% - 37.7rem)
    }
}

.m-BenefitElementItem a:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .m-BenefitElementItem a:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.m-BenefitElementItem a:disabled {
    cursor: auto
}

.m-BenefitElementItem--fullPic .m-BenefitElementItem__wrapper {
    padding: 0 0 4.4rem
}

@media(min-width: 1024px) {
    .m-BenefitElementItem--fullPic .m-BenefitElementItem__wrapper {
        padding: 0
    }
}

.m-BenefitElementItem--fullPic .m-BenefitElementItem__content {
    height: 100%;
    align-items: initial
}

@media screen and (min-width: 600px) {
    .m-BenefitElementItem--fullPic .m-BenefitElementItem__graph {
        margin-bottom: 4.8rem
    }
}

@media(min-width: 1024px) {
    .m-BenefitElementItem--fullPic .m-BenefitElementItem__graph {
        padding-left: 0;
        margin-bottom: 0
    }
}

.m-BenefitElementItem--fullPic .m-BenefitElementItem__icon {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%
}

.m-BenefitElementItem--fullPic .m-BenefitElementItem__text {
    padding: 0 2.4rem
}

@media(min-width: 1024px) {
    .m-BenefitElementItem--fullPic .m-BenefitElementItem__text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 4.4rem;
        padding-bottom: 4.4rem
    }
}

.m-Benefit2--aligned-left .m-Benefit2ElementList {
    justify-content: start
}

.m-Benefit2ElementList {
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem;
    margin: 0 auto 8rem;
    justify-content: center
}

.m-Benefit2ElementItem {
    flex-basis: 100%;
    color: #1f1f1f
}

.m-Benefit2ElementItem[class*=color800Bg--].colorBg *,
[class*=color800Bg--] .m-Benefit2ElementItem.colorBg *,
.m-Benefit2ElementItem[class*=color700Bg--].colorBg *,
[class*=color700Bg--] .m-Benefit2ElementItem.colorBg *,
.m-Benefit2ElementItem.colorBg--6.colorBg *,
.colorBg--6 .m-Benefit2ElementItem.colorBg *,
.m-Benefit2ElementItem.colorBg--7.colorBg *,
.colorBg--7 .m-Benefit2ElementItem.colorBg *,
.m-Benefit2ElementItem.colorBg--8.colorBg *,
.colorBg--8 .m-Benefit2ElementItem.colorBg *,
.m-Benefit2ElementItem.colorBg--9.colorBg *,
.colorBg--9 .m-Benefit2ElementItem.colorBg * {
    color: #fff !important
}

@media(min-width: 1024px) {
    .m-Benefit2ElementItem {
        flex-basis: calc(33.33333333% - 2.1333333333rem)
    }
}

.m-Benefit2--mulitColor .m-Benefit2ElementItem__graph-cont {
    color: #1f1f1f
}

.m-Benefit2--mulitColor .m-Benefit2ElementItem__graph-cont[class*=colorThis800Bg--],
.m-Benefit2--mulitColor .m-Benefit2ElementItem__graph-cont[class*=colorThis700Bg--],
.m-Benefit2--mulitColor .m-Benefit2ElementItem__graph-cont.colorThisBg--6,
.m-Benefit2--mulitColor .m-Benefit2ElementItem__graph-cont.colorThisBg--7,
.m-Benefit2--mulitColor .m-Benefit2ElementItem__graph-cont.colorThisBg--8,
.m-Benefit2--mulitColor .m-Benefit2ElementItem__graph-cont.colorThisBg--9 {
    color: #fff !important
}

.m-Benefit2ElementItem__graph-cont {
    padding-top: 60%;
    position: relative;
    overflow: hidden
}

.m-Benefit2ElementItem__graph {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 6.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 8rem;
    font-weight: 500;
    width: 101%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.m-Benefit2ElementItem__headingText {
    padding: 0 2rem
}

.m-Benefit2ElementItem__text {
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem;
    padding: 5.4rem
}

.m-Benefit2ElementItem__text p {
    margin-bottom: 0
}

.m-Benefit2ElementItem__text p~p {
    margin-top: 1.6rem;
    margin-bottom: 0
}

.m-Benefit2ElementItem__icon {
    min-height: 10rem
}

.m-Benefit2ElementItem--svg .m-Benefit2ElementItem__icon {
    max-width: 16rem;
    max-height: 16rem;
    height: 100%;
    width: 100%
}

.m-Benefit2ElementItem .c-Button {
    margin-top: 3.2rem
}

.m-Benefit3--aligned-left .m-Benefit3ElementList {
    justify-content: start
}

.m-Benefit3ElementList {
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem;
    justify-content: center
}

.m-Benefit3ElementItem {
    display: flex;
    width: 100%;
    background-color: #ebebeb
}

@media(min-width: 1024px) {
    .m-Benefit3ElementItem {
        width: calc(50% - 1.6rem)
    }
}

.m-Benefit3ElementItem__wrapper {
    flex-basis: 100%
}

@media(min-width: 1024px) {
    .m-Benefit3ElementItem__content {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column
    }
}

.m-Benefit3ElementItem__image {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    flex-basis: 100%;
    overflow: hidden;
    aspect-ratio: 10/6
}

@media(min-width: 1024px) {
    .m-Benefit3ElementItem__image {
        flex-basis: auto
    }
}

.m-Benefit3ElementItem__pict {
    max-width: 100%
}

.m-Benefit3ElementItem__textContent {
    display: flex;
    padding: 5rem;
    flex-wrap: wrap;
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

@media(min-width: 1024px) {
    .m-Benefit3ElementItem__textContent {
        flex-wrap: nowrap;
        min-height: 19rem;
        margin: auto 0
    }
}

@media(min-width: 1024px) {
    .m-Benefit3ElementItem__textContent--top {
        margin: 0
    }
}

@media(min-width: 1024px) {
    .m-Benefit3ElementItem__textContent--bottom {
        margin: auto 0 0
    }
}

.m-Benefit3ElementItem__graph,
.m-Benefit3ElementItem__text {
    width: 100%;
    max-width: 100%
}

.m-Benefit3ElementItem__graph {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    font-weight: 500
}

@media(min-width: 1024px) {
    .m-Benefit3ElementItem__graph {
        min-width: 42%;
        font-size: 5.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 1
    }
}

.m-Benefit3ElementItem__graph+.m-Benefit3ElementItem__text {
    margin-top: 3.2rem
}

@media(min-width: 1024px) {
    .m-Benefit3ElementItem__graph+.m-Benefit3ElementItem__text {
        margin-top: 0;
        padding: 0 0 0 6.4rem
    }
}

.m-Benefit3ElementItem__text {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.m-Benefit3ElementItem__text p {
    display: block;
    width: 100%;
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .m-Benefit3ElementItem__text {
        min-width: 58%;
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-Benefit3ElementItem__text .c-Button:only-child {
    margin: 0 auto
}

.m-Benefit3ElementItem__text *+.c-Button {
    margin-top: 3.2rem
}

.m-Benefit3ElementItem__text .align--center-mobile {
    width: 100%
}

.m-Benefit3ElementItem__text .align--center-mobile .c-Button {
    margin: 3.2rem auto 0
}

.m-Benefit3ElementItem__text .align--center-mobile:only-child {
    text-align: center !important
}

@media(min-width: 1024px) {
    .m-Benefit3ElementItem__text .align--center-mobile:only-child {
        text-align: left !important
    }
}

.m-Benefit3ElementItem__text .align--center-mobile:only-child .c-Button {
    margin-top: 0;
    margin-bottom: 0
}

.m-Benefit3ElementItem__text .c-Wysiwyg {
    width: 100%
}

.m-Benefit3ElementItem .m-BenefitElementItem__icon {
    max-width: 16rem;
    max-height: 16rem;
    width: 100%;
    height: 100%
}

.m-BetaLayer {
    background-color: #fff;
    position: absolute;
    max-width: 104rem;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    padding: 3.2rem 4.8rem
}

@media(min-width: 1024px) {
    .m-BetaLayer {
        padding: 4.8rem 6.4rem 6.4rem 0
    }
}

@media(min-width: 1024px) {
    .m-BetaLayer__container {
        display: flex
    }
}

.m-BetaLayer__image {
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 1023.98px) {
    .m-BetaLayer__image {
        display: none
    }
}

.m-BetaLayer__image img {
    max-width: 180px
}

@media(min-width: 1024px) {
    .m-BetaLayer__content {
        width: 70%
    }
}

.m-BetaLayer__title {
    font-size: 2.8rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.2rem;
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-BetaLayer__title {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem;
        margin-bottom: 3.2rem
    }
}

.m-BetaLayer__text {
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-BetaLayer__text {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-BetaLayer--info {
    padding: 4.8rem
}

@media(min-width: 1024px) {
    .m-BetaLayer--info {
        padding: 8rem 8rem 6.4rem
    }
}

.m-BetaLayer--info .m-Popup__close {
    top: .8rem;
    right: .8rem
}

@media(min-width: 1024px) {
    .m-BetaLayer--info .m-Popup__close {
        top: 1.6rem;
        right: 1.6rem
    }
}

.m-BetaLayer--info .m-BetaLayer__title {
    font-weight: 500
}

@media(min-width: 1024px) {
    .m-BetaLayer--info .m-BetaLayer__title {
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem
    }
}

.m-BetaLayer--info .m-BetaLayer__content {
    text-align: center;
    width: 100%
}

.m-BetaLayer--wide {
    width: 100%;
    max-width: 112.8rem
}

.m-BigFeature {
    position: relative
}

@media(min-width: 1024px) {
    .m-BigFeature {
        min-height: 80rem;
        display: flex;
        align-items: center
    }
}

.m-BigFeature .l-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media(min-width: 1024px) {
    .m-BigFeature .l-wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.m-BigFeature__content {
    padding-right: 5%
}

@media(min-width: 1024px) {
    .m-BigFeature__content {
        padding-right: 60%
    }
}

.m-BigFeature__heading {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-BigFeature__heading {
        margin-bottom: 3.2rem
    }
}

.m-BigFeature__title {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-BigFeature__title {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem;
        margin-bottom: 3.2rem
    }
}

.m-BigFeature__text {
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-BigFeature__text {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-BigFeature__author {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-BigFeature__author {
        margin-bottom: 3.2rem
    }
}

.m-BigFeature__author-name {
    display: block;
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem;
    font-weight: 500;
    margin-bottom: .8rem
}

.m-BigFeature__image {
    display: flex;
    width: 100%;
    max-height: 50vh;
    position: relative;
    justify-content: center
}

@media(min-width: 1024px) {
    .m-BigFeature__image {
        width: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        right: 0;
        max-height: none;
        max-height: initial
    }
}

.m-BigFeature__image picture {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-BigFeature__image img {
    max-height: 100%
}

.m-Breadcrumbs {
    position: fixed;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    left: 0;
    right: 0;
    top: 5rem;
    height: 4.8rem;
    background-color: #fff
}

@media(min-width: 1024px) {
    .m-Breadcrumbs {
        top: 7.3rem;
        height: 5.6rem
    }
}

.is--logoBar .m-Breadcrumbs {
    top: 9rem
}

@media(min-width: 1024px) {
    .is--logoBar .m-Breadcrumbs {
        top: 13.3rem
    }
}

.m-Breadcrumbs__btn-back {
    display: flex;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 4.8rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    transition: color .3s
}

@media(min-width: 1024px) {
    .m-Breadcrumbs__btn-back {
        height: 5.6rem
    }
}

.m-Breadcrumbs__btn-back::after {
    content: "";
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("arrow.svg");
    transform: rotate(180deg);
    margin-right: 1.2rem;
    order: -1;
    z-index: 1
}

.m-Breadcrumbs__btn-back span {
    position: relative
}

.m-Breadcrumbs__btn-back img {
    transition: filter .3s, max-width .3s
}

.m-Breadcrumbs__btn-back::before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #f7f7f7;
    z-index: 0
}

@media(hover: hover) {
    .m-Breadcrumbs__btn-back::before {
        transition: all .3s
    }

    .m-Breadcrumbs__btn-back:hover::before {
        transform: scaleY(1)
    }
}

.m-Breadcrumbs__btn-back::before {
    left: -0.8rem;
    right: -0.8rem;
    transform: scaleX(0);
    transform-origin: left center
}

@media(hover: hover) {
    .m-Breadcrumbs__btn-back:hover::before {
        transform: scaleX(1)
    }
}

.m-CarouselHP {
    overflow: hidden
}

.m-CarouselHP__swiper {
    overflow: visible
}

@media(min-width: 1024px) {
    .m-CarouselHP__swiper.is--centered {
        margin: 1.6rem auto
    }
}

.m-CarouselHP__swiper.is--centered:not(.swiper-initialized) .m-CarouselHP__list {
    justify-content: center
}

@media(hover: hover) {
    .m-CarouselHP__items:hover .m-CarouselHP__slide:not(:hover) .m-CarouselHP__image {
        filter: grayscale(15%)
    }

    .m-CarouselHP__items:hover .m-CarouselHP__slide:not(:hover) .m-CarouselHP__image::after {
        opacity: .5
    }
}

.m-CarouselHP__slide {
    text-align: center;
    max-width: 12.5rem;
    padding-right: 1.6rem
}

.m-CarouselHP__slide:last-of-type {
    padding-right: 0
}

@media(min-width: 1024px) {
    .m-CarouselHP__slide {
        padding-right: 3.2rem;
        max-width: 25.5rem
    }
}

.m-CarouselHP__title {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    margin-top: 3.2rem
}

@media(min-width: 1024px) {
    .m-CarouselHP__title {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-CarouselHP__image {
    position: relative;
    min-height: 16rem;
    max-width: 16rem;
    margin: 0 auto;
    background-color: #fff
}

.m-CarouselHP__image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    opacity: 0;
    transition: .3s
}

.m-CarouselHP__image img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-Categories {
    overflow: hidden
}

.m-Categories__swiper {
    overflow: visible
}

.m-Categories__swiper.is--centered {
    margin: 0 auto
}

.m-Categories__swiper:not(.swiper-initialized) .m-Categories__list {
    justify-content: center
}

.m-Categories__list {
    margin-bottom: 4.8rem
}

.m-Categories__slide {
    width: 34.5rem;
    padding-top: 6.4rem;
    margin-right: 1.6rem;
    box-sizing: border-box
}

@media(min-width: 1024px) {
    .m-Categories__slide {
        margin-right: 3.2rem
    }
}

.m-Categories__slide::after {
    content: "";
    display: block;
    position: absolute;
    top: 3.2rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #1f1f1f;
    transform: translateY(-1px)
}

.m-Categories__slide:not(.m-Categories__groupName)::after {
    width: calc(100% + 1.6rem);
    left: -1.6rem
}

@media(min-width: 1024px) {
    .m-Categories__slide:not(.m-Categories__groupName)::after {
        width: calc(100% + 3.2rem);
        left: -3.2rem
    }
}

.m-Categories__groupName::before {
    content: attr(data-group);
    display: inline-block;
    position: absolute;
    top: 3.2rem;
    border-bottom: 3px solid #1f1f1f;
    padding: .8rem 1.6rem;
    transform: translateY(-100%);
    font-size: 1.6rem;
    width:100px;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

.m-Categories__image {
    position: relative;
    width: 34.5rem;
    height: 34.5rem
}

.m-Categories__image img {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-Categories__image .img:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .3s
}

@media(hover: hover) {
    .m-Categories__image:hover .img:nth-of-type(2) {
        opacity: 1
    }
}

.m-Categories__image,
.m-Categories__subheading {
    margin-bottom: 1.6rem
}

.m-Categories__subheading {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(max-width: 1023.98px) {
    .m-Categories__btn {
        width: 100%
    }
}

.m-Chessboard.l-section--marginTop[class*=color800Bg--],
.m-Chessboard.l-section--marginTop[class*=color700Bg--],
.m-Chessboard.l-section--marginTop.colorBg--6,
.m-Chessboard.l-section--marginTop.colorBg--7,
.m-Chessboard.l-section--marginTop.colorBg--8,
.m-Chessboard.l-section--marginTop.colorBg--9 {
    margin-top: 0;
    padding-top: 3.2rem
}

@media(min-width: 1024px) {

    .m-Chessboard.l-section--marginTop[class*=color800Bg--],
    .m-Chessboard.l-section--marginTop[class*=color700Bg--],
    .m-Chessboard.l-section--marginTop.colorBg--6,
    .m-Chessboard.l-section--marginTop.colorBg--7,
    .m-Chessboard.l-section--marginTop.colorBg--8,
    .m-Chessboard.l-section--marginTop.colorBg--9 {
        margin-top: 0;
        padding-top: 8rem
    }
}

.m-Chessboard.l-section--marginBottom[class*=color800Bg--],
.m-Chessboard.l-section--marginBottom[class*=color700Bg--],
.m-Chessboard.l-section--marginBottom.colorBg--6,
.m-Chessboard.l-section--marginBottom.colorBg--7,
.m-Chessboard.l-section--marginBottom.colorBg--8,
.m-Chessboard.l-section--marginBottom.colorBg--9 {
    margin-bottom: 0;
    padding-bottom: 3.2rem
}

@media(min-width: 1024px) {

    .m-Chessboard.l-section--marginBottom[class*=color800Bg--],
    .m-Chessboard.l-section--marginBottom[class*=color700Bg--],
    .m-Chessboard.l-section--marginBottom.colorBg--6,
    .m-Chessboard.l-section--marginBottom.colorBg--7,
    .m-Chessboard.l-section--marginBottom.colorBg--8,
    .m-Chessboard.l-section--marginBottom.colorBg--9 {
        margin-bottom: 0;
        padding-bottom: 8rem
    }
}

.m-Chessboard .l-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2.4rem;
    gap: 2.4rem
}

@media(min-width: 1024px) {
    .m-Chessboard .l-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 0
    }
}

.m-Chessboard__content>:last-child {
    margin-bottom: 0
}

@media(max-width: 1023.98px) {
    .m-Chessboard__content {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media(min-width: 1024px) {
    .m-Chessboard__content {
        min-height: 30vh;
        padding-right: 6.4rem
    }
}

@media(min-width: 1024px) {
    .m-Chessboard__content--paddingTop {
        padding-top: 6.4rem
    }
}

.m-Chessboard__content--paddingBottom {
    padding-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-Chessboard__content--paddingBottom {
        padding-bottom: 6.4rem
    }
}

@media(max-width: 1023.98px) {
    .m-Chessboard__image-wrapper {
        order: -1
    }
}

@media(min-width: 1024px) {
    .m-Chessboard.is--mirror .m-Chessboard__image-wrapper {
        order: -1
    }

    .m-Chessboard.is--mirror .m-Chessboard__content {
        padding-right: 0;
        padding-left: 6.4rem
    }
}

.m-Chessboard__title {
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-Chessboard__title {
        margin-bottom: 3.2rem
    }
}
.m-Sustainability {
    height: 30.4rem;
}
@media(min-width: 1024px) {
.m-Sustainability {
    height: 30.4rem;
}
}
.m-Chessboard__text {
    margin-bottom: 2.4rem;
    line-height: 3.4rem;
    font-size: 12px
}

@media(min-width: 1024px) {
    .m-Chessboard__text {
        margin-bottom: 3.2rem;
        line-height: 3.4rem;
    }
}

@media(min-width: 1024px) {
    .m-Chessboard--fullWidth {
        position: relative
    }
}

.m-Chessboard--fullWidth .m-Chessboard__image-wrapper {
    text-align: center
}

@media(min-width: 1024px) {
    .m-Chessboard--fullWidth .m-Chessboard__image-wrapper {
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0
    }
}

@media(min-width: 1024px) {
    .m-Chessboard--fullWidth .m-Chessboard__image-wrapper img {
        height: auto;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .m-Chessboard--fullWidth.is--mirror .m-Chessboard__content {
        grid-column-start: 2
    }
}

@media(min-width: 1024px) {
    .m-Chessboard--fullWidth.is--mirror .m-Chessboard__image-wrapper {
        right: auto;
        right: initial;
        left: 0
    }
}

.m-Configurations {
    overflow: hidden
}

.m-Configurations__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.4rem
}

@media(max-width: 1023.98px) {
    .m-Configurations__header {
        flex-direction: column
    }
}

.m-Configurations__header .Heading {
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .m-Configurations__header {
        margin-bottom: 6.4rem;
        align-items: center
    }
}

.m-Configurations__available {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    margin-top: .8rem
}

.m-Configurations__swiper {
    overflow: visible
}

@media(hover: hover) {
    .m-Configurations__items:hover .m-Configurations__slide:not(:hover) .m-Configurations__image {
        filter: grayscale(15%)
    }

    .m-Configurations__items:hover .m-Configurations__slide:not(:hover) .m-Configurations__image::after {
        background-color: rgba(255, 255, 255, .5)
    }
}

.m-Configurations__slide {
    padding-right: 1.6rem;
    padding-bottom: 5.6rem;
    width: 36rem;
    max-width: 36rem;
    height: auto
}

.m-Configurations__slide--noButton {
    padding-bottom: 0
}

.m-Configurations__image {
    position: relative;
    width: 100%;
    max-width: 36rem;
    margin: 0 auto 1.6rem
}

.m-Configurations__image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    transition: .3s
}

.m-Configurations__image img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(hover: hover) {
    .m-Configurations__image:hover .m-Configurations__button {
        opacity: 1
    }
}

.m-Configurations__name {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-bottom: .8rem;
    color: #7297b3
}

.m-Configurations__description {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    margin-bottom: 1.6rem
}

.m-Configurations__brand {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-top: .4rem
}

.m-Configurations__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    font-weight: 500;
    min-height: 4rem;
    padding: .2rem 2rem;
    outline-offset: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background-color: #1f1f1f;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .3s
}

.m-Configurations__button::after {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-left: .8rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://www.nowystyl.com/images/buttons/search_white.svg")
}

.m-Configurations__more {
    position: absolute;
    bottom: 0
}

.m-ContactCTA {
    background-color: #ebebeb
}

@media(min-width: 1024px) {
    .m-ContactCTA.colorBg {
        background-color: transparent !important;
        background-color: initial !important
    }
}

.m-ContactCTA__content {
    margin: 0 auto;
/*    padding-top: 3.2rem;*/
/*    padding-bottom: 3.2rem;*/
    text-align: center;
/*    background-color: #ebebeb*/
}

@media(min-width: 1024px) {
    .m-ContactCTA__content {
        max-width: 129rem;
/*        padding: 8rem 12.8rem*/
    }
}

@media(min-width: 1920px) {
    .m-ContactCTA__content {
        max-width: 67.2vw
    }
}

.m-ContactCTA__heading {
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    font-weight: 500
}

@media(min-width: 1024px) {
    .m-ContactCTA__heading {
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem
    }
}

.m-ContactCTA__description {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-ContactCTA__description {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-ContactCTA__buttons {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    justify-content: center;
    align-items: center
}

@media(min-width: 480px) {
    .m-ContactCTA__buttons {
        flex-direction: row;
        align-items: stretch
    }
}

@media(min-width: 480px) {
    .m-ContactCTA__buttons .c-Button {
        max-width: 21.6rem
    }
}

@media(min-width: 768px) {
    .m-ContactCTA__buttons .c-Button {
        max-width: 24rem
    }
}

@media(min-width: 768px) {
    .m-ContactCTA__buttons .c-Button {
        max-width: 28rem
    }
}

@media(max-width: 479.98px) {
    .m-ContactCTA__buttons .c-Button {
        width: 100%
    }
}

.m-ContactCTA--DAM-listing {
    background-color: transparent !important;
    background-color: initial !important
}

.m-ContactCTA--DAM-listing.colorBg {
    background-color: transparent !important;
    background-color: initial !important
}

.m-ContactCTA--DAM-listing .m-ContactCTA__content {
    padding-left: 3.2rem;
    padding-right: 3.2rem
}

@media(min-width: 1024px) {
    .m-ContactCTA--DAM-listing .m-ContactCTA__content {
        padding-left: 6.4rem;
        padding-right: 6.4rem
    }
}

@media(min-width: 1024px) {
    .m-ContactCTA--DAM-listing {
        padding: 0 6%
    }
}

.is--DAM .m-ContactCTA .l-wrapper {
    padding-left: 3.2rem;
    padding-right: 3.2rem
}

.m-DealersMap {
    padding-bottom: 3.2rem
}

.m-DealersMap .l-wrapper {
    display: flex;
    flex-direction: column
}

.m-DealersMap__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    margin-top: 3.2rem
}

@media(min-width: 1024px) {
    .m-DealersMap__content {
        grid-template-columns: .64fr 1fr
    }
}

.m-DealersMap__container {
    position: relative
}

.m-DealersMap__map {
    width: 100%;
    height: 60vh;
    order: -1;
    max-width: calc(100vw - 3.2rem)
}

@media(min-width: 1024px) {
    .m-DealersMap__map {
        height: 100%;
        order: initial
    }
}

.m-DealersMap__dealers-list {
    margin-bottom: 1.6rem;
    scrollbar-color: #1f1f1f silver;
    scrollbar-width: thin
}

@media(max-width: 1023.98px) {
    .m-DealersMap__dealers-list {
        max-width: calc(100vw - 3.2rem)
    }
}

.m-DealersMap__dealers-list>li {
    border-bottom: solid 1px;
    border-color: silver
}

@media(max-width: 1023.98px) {
    .m-DealersMap__dealers-list>li {
        max-width: calc(100vw - 3.2rem)
    }
}

.m-DealersMap__dealers-list>li:first-child {
    border-top: solid 1px;
    border-color: silver
}

@media(min-width: 1024px) {
    .m-DealersMap__dealers-list {
        height: 72.8rem;
        max-height: 72.8rem;
        overflow-y: auto
    }
}

.m-DealersMap__dealers-list::-webkit-scrollbar {
    width: .8rem;
    height: .8rem
}

.m-DealersMap__dealers-list::-webkit-scrollbar-thumb {
    background: #1f1f1f;
    border-radius: 100px
}

.m-DealersMap__dealers-list::-webkit-scrollbar-track {
    background: silver;
    border-radius: 100px
}

.m-DealersMap__dealers-list::-webkit-scrollbar-thumb {
    border-radius: 0;
    border-radius: initial
}

.m-DealersMap__dealers-list::-webkit-scrollbar-track {
    border-radius: 0;
    border-radius: initial
}

.m-DealersMap__dealer {
    padding: 1.6rem 0
}

.m-DealersMap__map-is-absolute {
    position: absolute;
    width: 100%
}

.m-DealersMap .c-Pagination {
    margin: 0
}

.m-DealersMap .gm-style .gm-style-iw-c {
    max-height: none !important;
    max-height: initial !important;
    max-width: 32rem !important
}

.m-DealersMap .gm-style .gm-style-iw-c {
    border-radius: 0;
    padding: 0
}

.m-DealersMap .gm-style .gm-style-iw-c .gm-style-iw-d {
    overflow: visible !important;
    max-height: none !important;
    max-height: initial !important
}

.m-DealersMap .gm-style .gm-style-iw-tc::after {
    background-color: #1f1f1f
}

.m-DealersMap .gm-style .gm-style-iw-ch {
    padding: 0
}

.m-DealersMap .gm-style .gm-ui-hover-effect {
    position: absolute !important;
    width: 30px !important;
    height: 30px !important
}

.m-DealersMap .gm-style .gm-ui-hover-effect {
    right: 0
}

.m-DealersMap .gm-style .gm-ui-hover-effect span {
    margin: 4px !important
}

.m-DealersMap .gm-style button span {
    background-color: #fff
}

.m-Designer {
    position: relative
}

@media(min-width: 1024px) {
    .m-Designer {
        min-height: 80rem
    }
}

.m-Designer .l-wrapper {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-Designer .l-wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.m-Designer__content {
    padding-right: 5%
}

@media(min-width: 1024px) {
    .m-Designer__content {
        padding-right: 60%
    }
}

.m-Designer__heading {
    margin-bottom: 1em
}

.m-Designer__title {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-Designer__title {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem
    }
}

.m-Designer__image {
    margin-bottom: 3.2rem
}

.m-Designer__image img {
    max-height: 32rem;
    width: auto
}

.m-Designer__image--play {
    position: relative
}

.m-Designer__image--play::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    height: 12rem;
    width: 12rem;
    border-radius: 50%;
    background-color: rgba(31, 31, 31, .5);
    background-image: url("play.svg");
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .3s
}

@media(hover: hover) {
    .m-Designer__image--play:hover::after {
        background-color: rgba(31, 31, 31, .8);
        height: 13rem;
        width: 13rem
    }
}

.m-Designer__text {
    margin-bottom: 3.2rem
}

.m-Designer__bgImage {
    width: 100%;
    max-height: 60vw;
    position: relative;
    height: 100vw
}

@media(min-width: 1024px) {
    .m-Designer__bgImage {
        width: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        right: 0;
        max-height: none;
        max-height: initial;
        width: 50%;
        height: auto;
        height: initial
    }
}

.m-Designer__bgImage img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(hover: hover) {
    .m-Designer__bgImage--play:hover .m-Designer__video {
        background-color: rgba(31, 31, 31, .7);
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.m-Designer__video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    background-image: url("play.svg");
    background-size: 1.6em;
    background-repeat: no-repeat;
    background-position: 4% center;
    padding: 2rem 0 2rem calc(4% + 4rem);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all .3s
}

@media(min-width: 1024px) {
    .m-Designer__video {
        padding: 2.4rem 0 2.4rem calc(4% + 5rem);
        bottom: 0;
        top: auto;
        top: initial;
        background-color: rgba(31, 31, 31, .5)
    }
}

.m-Designer__video-title {
    font-weight: 500
}

.m-Designer__video-duration {
    display: none
}

@media(min-width: 1024px) {
    .m-Designer__video-duration {
        display: inline-block;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem;
        color: #dedede;
        margin-left: 1em
    }
}

@media(min-width: 1024px) {
    .m-Designer.is--mirror .m-Designer__content {
        padding-right: 0;
        padding-left: 5%
    }
}

@media(min-width: 1024px)and (min-width: 1024px) {
    .m-Designer.is--mirror .m-Designer__content {
        padding-left: 60%
    }
}

@media(min-width: 1024px) {
    .m-Designer.is--mirror .m-Designer__bgImage {
        left: 0;
        right: 50%
    }
}

.m-Designer--Kusch .l-wrapper {
    padding-top: 3.6rem;
    padding-bottom: 3.6rem
}

@media(min-width: 1024px) {
    .m-Designer--Kusch .l-wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.m-Designer--Kusch .m-Designer__content {
    padding: 0;
    position: relative
}

@media(min-width: 1024px) {
    .m-Designer--Kusch .m-Designer__content {
        display: flex;
        gap: 9.6rem
    }
}

@media(min-width: 1024px) {
    .m-Designer--Kusch .m-Designer__content-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-basis: 48%;
        padding-top: 8rem;
        padding-right: 12.8rem
    }
}

.m-Designer--Kusch .m-Designer__content .c-Button {
    margin-top: 3.6rem
}

@media(min-width: 1024px) {
    .m-Designer--Kusch .m-Designer__content .c-Button {
        margin-top: 4rem
    }
}

@media(max-width: 1023.98px) {
    .m-Designer--Kusch .m-Designer__header--Kusch {
        display: flex;
        flex-direction: column-reverse
    }
}

.m-Designer--Kusch .m-Designer__header--Kusch .m-Designer__heading {
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    font-family: "Baskervville", serif;
    font-weight: 400;
    line-height: 1.3
}

@media(min-width: 1024px) {
    .m-Designer--Kusch .m-Designer__header--Kusch .m-Designer__heading {
        font-size: 8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-family: "Baskervville", serif;
        font-weight: 400;
        line-height: 1.3
    }
}

.m-Designer--Kusch .m-Designer__heading {
    margin-bottom: .8rem
}

@media(min-width: 1024px) {
    .m-Designer--Kusch .m-Designer__heading {
        margin-bottom: 1.6rem
    }
}

.m-Designer--Kusch .m-Designer__title {
    font-family: "Baskervville", serif;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 2rem
}

@media(min-width: 1024px) {
    .m-Designer--Kusch .m-Designer__title {
        font-size: 6.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 8rem;
        font-family: "Baskervville", serif;
        font-weight: 400;
        line-height: 1.3;
        margin-bottom: 4rem
    }
}

.m-Designer--Kusch .m-Designer__image {
    margin-bottom: 3.6rem
}

@media(min-width: 1024px) {
    .m-Designer--Kusch .m-Designer__image {
        flex-basis: 52%;
        margin-bottom: 0
    }
}

.m-Designer--Kusch .m-Designer__image .img {
    aspect-ratio: 1;
    align-content: center;
    text-align: center
}

@supports not (aspect-ratio: 1) {
    .m-Designer--Kusch .m-Designer__image .img {
        position: relative
    }

    .m-Designer--Kusch .m-Designer__image .img::before {
        content: "";
        float: left;
        padding-top: calc((1 / 1)*100%)
    }

    .m-Designer--Kusch .m-Designer__image .img::after {
        content: "";
        display: block;
        clear: both
    }

    .m-Designer--Kusch .m-Designer__image .img img {
        top: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.m-Designer--Kusch .m-Designer__image .img img {
    max-height: 67.2rem;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 1024px) {
    .m-Designer--Kusch .m-Designer__image .img img {
        max-height: 185rem
    }
}

.m-Designer--Kusch .m-Designer__text {
    margin-bottom: 0
}

.m-DesignWeekBoxes {
    padding: 3.6rem 0
}

@media(min-width: 1024px) {
    .m-DesignWeekBoxes {
        padding: 8rem 0
    }
}

.m-DesignWeekBoxes .l-wrapper {
    position: relative;
    padding-right: 8rem;
    display: flex;
    flex-direction: column;
    gap: 3.6rem
}

@media(min-width: 1024px) {
    .m-DesignWeekBoxes .l-wrapper {
        flex-direction: row-reverse;
        padding-right: 17.6rem
    }
}

@media(min-width: 1024px) {

    .m-DesignWeekBoxes__content-wrapper,
    .m-DesignWeekBoxes__image-vertical {
        width: 50%
    }
}

.m-DesignWeekBoxes__heading {
    padding: 1.6rem 0;
    margin: 0;
    position: absolute;
    z-index: 10;
    top: 0;
    margin-top: -5px;
    left: calc(100% - 3.75rem);
    transform: rotate(90deg) translateX(-3.5rem);
    transform-origin: left center;
    white-space: nowrap;
    line-height: 1;
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

@media(min-width: 1024px) {
    .m-DesignWeekBoxes__heading {
        margin-top: 8rem;
        padding-top: 4.8rem;
        font-size: 6.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 8rem;
        transform: rotate(90deg) translateX(-15rem);
        left: calc(100% - 7rem)
    }
}

@media(min-width: 1920px) {
    .m-DesignWeekBoxes__heading {
        margin-top: 16rem
    }
}

.m-DesignWeekBoxes__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.6rem
}

@media(min-width: 1024px) {
    .m-DesignWeekBoxes__content {
        gap: 4rem
    }
}

@media(min-width: 1360px) {
    .m-DesignWeekBoxes__content {
        padding: 0 5vw
    }
}

@media(min-width: 1920px) {
    .m-DesignWeekBoxes__content {
        padding: 0 16rem
    }
}

.m-DesignWeekBoxes__content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3.6rem
}

@media(min-width: 1024px) {
    .m-DesignWeekBoxes__content-wrapper {
        justify-content: space-between
    }
}

@media(min-width: 1920px) {
    .m-DesignWeekBoxes__content-wrapper {
        padding-top: 8rem
    }
}

.m-DesignWeekBoxes__text {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

.m-DesignWeekBoxes__image-vertical {
    aspect-ratio: .75;
    position: relative;
    overflow: hidden
}

.m-DesignWeekBoxes__image-vertical img {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.m-DesignWeekBoxes__image--top img {
    top: 0;
    transform: none
}

.m-DesignWeekBoxes__image--bottom img {
    top: auto;
    top: initial;
    bottom: 0;
    transform: none
}

@media(min-width: 1024px) {
    .m-DesignWeekBoxes.title--center .l-wrapper {
        flex-direction: row;
        padding-right: 3.2rem;
        gap: 17.6rem
    }
}

@media(min-width: 1024px) {
    .m-DesignWeekBoxes.title--center .m-DesignWeekBoxes__heading {
        left: calc(50% + 2rem)
    }
}

.m-DesignWeekBoxes.title--left .l-wrapper {
    flex-direction: column;
    padding-right: 1.6rem;
    padding-left: 8rem
}

@media(min-width: 1024px) {
    .m-DesignWeekBoxes.title--left .l-wrapper {
        flex-direction: row;
        padding-right: 3.2rem;
        padding-left: 17.6rem
    }
}

.m-DesignWeekBoxes.title--left .m-DesignWeekBoxes__heading {
    transform: rotate(90deg) translateX(-3.5rem);
    left: 3.75rem
}

@media(min-width: 1024px) {
    .m-DesignWeekBoxes.title--left .m-DesignWeekBoxes__heading {
        transform: rotate(90deg) translateX(-15rem);
        left: 10rem
    }
}

.m-Downloads .m-Tabs__wrapper {
    justify-content: flex-start;
    position: relative
}

.m-Downloads .m-Tabs__wrapper::after {
    content: "";
    width: 100%;
    height: 0px;
    background-color: #1f1f1f;
    position: absolute;
    bottom: 0
}

.m-Downloads__wrapper {
    padding-top: 2.4rem
}

@media(min-width: 1024px) {
    .m-Downloads__wrapper {
        padding-top: 6.4rem
    }
}

.m-Downloads__components {
    padding: 2.4rem 0
}

.m-Downloads__buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6rem
}

.m-Downloads__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.6rem;
    gap: 1.6rem
}

@media screen and (min-width: 600px) {
    .m-Downloads__container {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width: 1024px) {
    .m-Downloads__container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 3.2rem
    }
}

@media screen and (min-width: 1360px) {
    .m-Downloads__container {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }
}

@media(hover: hover) {
    .m-Downloads__container {
        gap: 0;
        margin-left: -0.8rem;
        margin-right: -0.8rem
    }
}

@media(hover: hover)and (min-width: 1024px) {
    .m-Downloads__container {
        margin-left: -1.6rem;
        margin-right: -1.6rem
    }
}

.m-Downloads .m-Tabs .swiper-wrapper {
    display: flex;
    width: auto;
    width: initial
}

.m-Downloads .m-Tabs .c-Navigation__button {
    bottom: 1px
}

.m-Downloads__item {
    position: relative;
    transition: opacity .3s;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden
}

.m-Downloads__item .m-Downloads__image {
    transition: background-color .3s;
    background-color: rgba(0, 0, 0, 0)
}

.m-Downloads__item.is--selected .m-Downloads__image {
    background-color: #ebebeb
}

.m-Downloads__item.is--hover {
    opacity: .5
}

@media(hover: hover) {
    .m-Downloads__item {
        padding: .8rem
    }
}

@media(hover: hover)and (min-width: 1024px) {
    .m-Downloads__item {
        padding: 1.6rem
    }
}

@media(hover: hover) {
    .m-Downloads__item:hover {
        opacity: 1
    }

    .m-Downloads__item:hover .m-Downloads__btn {
        opacity: 1
    }

    .m-Downloads__item:hover .m-Downloads__image {
        background-color: #ebebeb
    }
}

.m-Downloads__image {
    cursor: pointer;
    width: 100%;
    padding-top: 100%;
    position: relative
}

.m-Downloads__image.no-cursor {
    cursor: auto
}

.m-Downloads__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.m-Downloads__item--image .m-Downloads__image {
    padding-top: 60%
}

.m-Downloads__item--packshot .m-Downloads__image {
    padding-top: 100%
}

.m-Downloads__btn-select,
.m-Downloads__btn-checkbox-square,
.m-Downloads__btn-download,
.m-Downloads__btn-zoom,
.m-Downloads__btn-add {
    cursor: pointer;
    display: inline-block;
    width: 28px;
    min-width: 28px;
    height: 28px;
    background-color: #fff;
    outline: 2px solid #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75% auto;
    position: relative
}

@media(max-width: 1023.98px) {

    .m-Downloads__btn-select,
    .m-Downloads__btn-checkbox-square,
    .m-Downloads__btn-download,
    .m-Downloads__btn-zoom,
    .m-Downloads__btn-add {
        width: 32px;
        min-width: 32px;
        height: 32px
    }
}

.m-Downloads__btn-select,
.m-Downloads__btn-checkbox-square {
    border: 1px solid #1f1f1f;
    position: relative;
    margin-right: auto
}

.m-Downloads__btn-select:after,
.m-Downloads__btn-checkbox-square:after {
    content: "";
    display: block;
    position: absolute;
    opacity: 0;
    top: 3px;
    left: 10px;
    width: 12px;
    height: 18px;
    border-style: solid;
    border-width: 0 3px 3px 0;
    border-color: #1f1f1f;
    transform: rotate(45deg);
    transition: opacity .3s
}

@media(min-width: 1024px) {

    .m-Downloads__btn-select:after,
    .m-Downloads__btn-checkbox-square:after {
        width: 12px;
        height: 20px;
        top: 0px;
        left: 7px
    }
}

.m-Finishes .is--selected .m-Downloads__btn-select,
.is--selected .m-Downloads__btn-select:after,
.is--selected .m-Downloads__btn-select,
.m-Finishes .is--selected .m-Downloads__btn-checkbox-square,
.is--selected .m-Downloads__btn-checkbox-square:after,
.is--selected .m-Downloads__btn-checkbox-square {
    opacity: 1
}

.m-Downloads__btn-select {
    white-space: nowrap
}

.m-Downloads__btn-checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.m-Downloads__btn-checkbox-label {
    margin-left: 1em;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 500
}

.m-Downloads__btn-clear {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 500
}

.m-Downloads__btn-clear:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .m-Downloads__btn-clear:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.m-Downloads__btn-clear:disabled {
    cursor: auto
}

@media(hover: hover) {

    .m-Downloads__btn-download,
    .m-Downloads__btn-zoom,
    .m-Downloads__btn-add {
        transition: filter .3s
    }

    .m-Downloads__btn-download:hover,
    .m-Downloads__btn-zoom:hover,
    .m-Downloads__btn-add:hover {
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
    }
}

.m-Downloads__btn-download {
    background-image: url("download.svg")
}

.m-Downloads__btn-zoom {
    background-image: url("zoom.svg")
}

.m-Downloads__btn-add {
    background-image: url("add.svg")
}

.m-Downloads__btn {
    margin-top: -28px
}

@media(max-width: 1023.98px) {
    .m-Downloads__btn {
        margin-top: -32px
    }
}

@media(min-width: 1024px) {
    .m-Downloads__btn {
        transition: opacity .3s;
        opacity: 0
    }
}

.m-Downloads__btn.m-Downloads__btn-download {
    right: 0
}

.m-Downloads__loadMore {
    text-align: center;
    margin: 3.2rem auto
}

.m-Downloads__item-details {
    padding: 1.2rem .8rem;
    width: 100%;
    height: 100%
}

.m-Downloads__detail-name {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    font-weight: 500;
    display: block;
    margin-bottom: .5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.m-Downloads__detail-type {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    display: block;
    margin-bottom: .5em
}

.m-Downloads__detail-file {
    font-size: 1rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.4rem;
    display: block;
    color: #737373;
    font-weight: 500
}

.m-Downloads .m-GalleryC__bar {
    justify-content: flex-end
}

.m-Downloads .m-Popup__close {
    z-index: 99
}

.m-DownloadsDetails {
    padding: 1.6rem 0;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 99;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem
}

@media(min-width: 1024px) {
    .m-DownloadsDetails {
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem
    }
}

.m-DownloadsDetails .l-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.6rem 2.4rem
}

@media(min-width: 1024px) {
    .m-DownloadsDetails .l-wrapper {
        justify-content: flex-end;
        align-items: center;
        gap: 4rem
    }
}

.m-DownloadsDetails-block:first-of-type {
    flex-grow: 2
}

@media(min-width: 1024px) {
    .m-DownloadsDetails-block:first-of-type {
        display: flex;
        gap: 1.6rem
    }
}

.m-DownloadsDetails-block:last-of-type {
    align-self: center
}

.m-DownloadsDetails-selected {
    margin-right: auto;
    width: 100%;
    display: block;
    margin: .6em 0
}

@media(max-width: 1023.98px) {
    .m-DownloadsDetails-selected {
        font-weight: 100
    }
}

@media(min-width: 1024px) {
    .m-DownloadsDetails-selected {
        width: auto
    }
}

.m-DownloadsDetails-all,
.m-DownloadsDetails-clear {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: .8em;
    margin-left: 2.4rem
}

.m-DownloadsDetails-all:not(:disabled),
.m-DownloadsDetails-clear:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {

    .m-DownloadsDetails-all:not(:disabled):hover,
    .m-DownloadsDetails-clear:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.m-DownloadsDetails-all:disabled,
.m-DownloadsDetails-clear:disabled {
    cursor: auto
}

.m-DownloadsDetails-clear {
    margin-left: 0
}

@media(min-width: 1024px) {
    .m-DownloadsDetails-clear {
        margin-top: 0;
        margin-left: .8rem
    }

    .m-DownloadsDetails-clear::before {
        content: "|";
        margin-right: 1.6rem
    }
}

.m-DownloadsDetails-download {
    height: auto;
    white-space: nowrap;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem
}

@media(min-width: 1024px) {
    .m-DownloadsDetails-download {
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem
    }
}

.m-DownloadsDetails__sendMessage {
    color: #fff;
    background-color: #ff5757;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    padding: .25em .5em;
    margin-top: .5em
}

.m-FeaturedProducts {
    overflow: hidden
}

.m-FeaturedProducts__swiper {
    overflow: visible
}

.m-FeaturedProducts__dafl {
    position: relative;
    text-align: center;
    color: #fff;
    width: 35.5rem;
    max-width: 35.5rem;
    margin-right: 2.1rem
}


@media(min-width: 1024px) {
    .m-FeaturedProducts__dafl {
    width: 65.5rem;
    max-width: 65.5rem;
    margin-right: 4.9rem
    }

}

.m-FeaturedProducts__xiaofl {
    position: relative;
    text-align: center;
    color: #000;
    width: 15.5rem;
    max-width: 15.5rem;
    margin-right: 3.1rem
}
.m-FeaturedProducts__xiaofl_txt {
   margin-top: 1.9rem;
    font-size: 2.0rem;
}

@media(min-width: 1024px) {
    .m-FeaturedProducts__xiaofl {
    width: 23.5rem;
    max-width: 23.5rem;
    margin-right: 1.9rem
    }
    .m-FeaturedProducts__xiaofl_txt {
    font-size: 2.3rem;
    margin-top: 1.9rem;
    }
}

.m-FeaturedProducts__slide {
    position: relative;
    text-align: center;
    color: #fff;
    width: 35.5rem;
    max-width: 35.5rem;
    margin-right: 2.1rem
}

@media(min-width: 1024px) {
    .m-FeaturedProducts__slide {
    width: 45.5rem;
    max-width: 45.5rem;
    margin-right: 1.9rem
    }
}

.m-FeaturedProducts__slide.is--overlay .m-FeaturedProducts__image::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4)
}

.m-FeaturedProducts__slide.is--overlay-light .m-FeaturedProducts__image::after {
    background-color: rgba(0, 0, 0, .2)
}

.m-FeaturedProducts__content {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 12.8rem 3.6rem
}

.m-FeaturedProducts__content_d {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 12.8rem 3.6rem
}
@media(min-width: 1024px) {
    .m-FeaturedProducts__content {
        padding: 19rem 4.8rem
    }
}
@media(min-width: 1024px) {
    .m-FeaturedProducts__content_d {
        padding: 25rem 4.8rem
    }
}
.m-FeaturedProducts__title,
.m-FeaturedProducts__description {
    font-weight: 500;
    margin-bottom: 1.6rem
}

.m-FeaturedProducts__title {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

@media(min-width: 1024px) {
    .m-FeaturedProducts__title {
        font-size: 3.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem
    }
}

.m-FeaturedProducts__description {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1024px) {
    .m-FeaturedProducts__description {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-FeaturedProducts__image {
    position: relative;
    margin: 0 auto
}

.m-FeaturedProducts__image img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-FeaturedProducts .c-Navigation__button::before {
    filter: initial
}

.m-FeaturesOne {
    position: relative;
    display: flex;
    color: #000
}

@media(max-width: 1023.98px) {
    .m-FeaturesOne {
        flex-direction: column-reverse
    }
}

@media(min-width: 1024px) {
    .m-FeaturesOne {
        min-height: 65rem;
        align-items: center
    }
}

.m-FeaturesOne[class*=color800Bg--] *,
.m-FeaturesOne[class*=color700Bg--] *,
.m-FeaturesOne.colorBg--6 *,
.m-FeaturesOne.colorBg--7 *,
.m-FeaturesOne.colorBg--8 *,
.m-FeaturesOne.colorBg--9 * {
    color: #fff !important
}

.m-FeaturesOne__background {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

@media(min-width: 1024px) {
    .m-FeaturesOne.oneQuarterBg .m-FeaturesOne__background {
        width: 25%
    }

    .m-FeaturesOne.twoQuatresBg .m-FeaturesOne__background {
        width: 50%
    }

    .m-FeaturesOne.threeQuatresBg .m-FeaturesOne__background {
        width: 68%
    }
}

.m-FeaturesOne .l-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative
}

@media(min-width: 1024px) {
    .m-FeaturesOne .l-wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.m-FeaturesOne__controller {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-bottom: 1.6rem
}


@media(min-width: 1024px) {
    .m-FeaturesOne__controller {
        margin-bottom: 0rem
    }
}
.m-FeaturesOne__controller1 {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-FeaturesOne__controller1 {
        margin-left: 10.2rem;
        margin-top: 50.2rem
    }
}


.m-FeaturesOne__btn--prev,
.m-FeaturesOne__btn--next {text-align: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 3.2rem;
    height: 1.6rem;
    position: relative;
    display: block;
    transition: transform .3s
}

[class*=color800Bg--] .m-FeaturesOne__btn--prev,
[class*=color700Bg--] .m-FeaturesOne__btn--prev,
.colorBg--6 .m-FeaturesOne__btn--prev,
.colorBg--7 .m-FeaturesOne__btn--prev,
.colorBg--8 .m-FeaturesOne__btn--prev,
.colorBg--9 .m-FeaturesOne__btn--prev,
[class*=color800Bg--] .m-FeaturesOne__btn--next,
[class*=color700Bg--] .m-FeaturesOne__btn--next,
.colorBg--6 .m-FeaturesOne__btn--next,
.colorBg--7 .m-FeaturesOne__btn--next,
.colorBg--8 .m-FeaturesOne__btn--next,
.colorBg--9 .m-FeaturesOne__btn--next {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.m-FeaturesOne__btn--prev {
    background-image: url("prev.png");
    margin-right: 1.6rem
}

@media(hover: hover) {
    .m-FeaturesOne__btn--prev:hover {
        transform: translate(-30%) scale(1.2)
    }
}

.m-FeaturesOne__btn--next {
    background-image: url("next.png");
    margin-left: 1.6rem
}

@media(hover: hover) {
    .m-FeaturesOne__btn--next:hover {
        transform: translate(30%) scale(1.2)
    }
}

.m-FeaturesOne .swiper-button-disabled {
    opacity: .3
}

.m-FeaturesOne__content {
    position: relative
}

.m-FeaturesOne__content-el {
    padding-right: 5%;
    position: absolute
}

@media(min-width: 1024px) {
    .m-FeaturesOne__content-el {
        padding-right: 70%
    }
}

.m-FeaturesOne__content-el>* {
    opacity: 0
}

.m-FeaturesOne__content-el.is--active {
    z-index: 1
}

.m-FeaturesOne__content-el.is--active>* {
    opacity: 1
}

.m-FeaturesOne__video {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-FeaturesOne__video .m-Video__container {
    width: calc(100% - 2px);
    max-height: min(100vh - 7.3rem, 92.4rem)
}

.naturalPicturesHeight .m-FeaturesOne__video {
    display: flex;
    align-items: center
}

.naturalPicturesHeight .m-FeaturesOne__video>* {
    max-height: min(100vh - 7.3rem, 92.4rem)
}

.m-FeaturesOne__heading {
    margin: 0
}

.m-FeaturesOne__subtitle {
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-FeaturesOne__subtitle {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        margin-bottom: 3.2rem
    }
}

.m-FeaturesOne__new {
    margin-bottom: 1.6rem;
     font-size: 1.7rem;
     font-family: "Gotham A", "Gotham B", sans-serif;
     line-height: 3.1rem;
}

@media(min-width: 1024px) {
    .m-FeaturesOne__new {
        margin-bottom: 3.2rem;
        font-size: 3rem;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem;
    }
}

.m-FeaturesOne__title {
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-FeaturesOne__title {
        margin-bottom: 3.2rem
    }
}

.m-FeaturesOne__text {
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-FeaturesOne__text {
        font-size: 2.2rem;
        margin-bottom: 3.2rem
        
    }
}

@media(min-width: 1024px) {
    .m-FeaturesOne__list {
        display: flex;
        align-items: center
    }
}

.m-FeaturesOne__related {
    display: flex;
    margin-top: 3.2rem
}

.m-FeaturesOne__related-img {
    width: 100%;
    max-width: 50%;
    align-self: flex-start;
    margin-right: 2.4rem
}

@media(min-width: 1024px) {
    .m-FeaturesOne__related-img {
        margin-right: 3.2rem
    }
}

.m-FeaturesOne__related-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.m-FeaturesOne__related-title {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-bottom: .8rem;
    text-transform: uppercase
}

.m-FeaturesOne__related-text {
    margin-bottom: .8rem;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem
}

@media(min-width: 1024px) {
    .m-FeaturesOne__related-text {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-FeaturesOne__related-link {
    align-self: flex-start
}

.m-FeaturesOne__swiper {
    width: 100%;
    max-height: 40vw;
    position: relative;
    height: 100vw
}
.m-FeaturesOne__swiper2 {
    width: 100%;
    position: relative;
    height: 100vw
}
.m-FeaturesOne__swiper3 {
    width: 100%;
    max-height: 60vw;
    position: relative;
    height: 100vw
}
@media(min-width: 1024px) {
    .m-FeaturesOne__swiper {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0%;
        max-height: none;
        max-height: initial;
        width: 100%;
        height: auto;
        height: initial
    }
            .m-FeaturesOne__swiper2 {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 40%;
        max-height: none;
        max-height: initial;
        width: 60%;
        height: auto;
        height: initial
    }
        .m-FeaturesOne__swiper3 {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 40%;
        max-height: none;
        max-height: initial;
        width: 60%;
        height: auto;
        height: initial
    }
}

.m-FeaturesOne__slide {
    overflow: hidden
}

.m-FeaturesOne__slide img,
.m-FeaturesOne__slide .m-Video__container video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.naturalPicturesHeight .m-FeaturesOne__slide img,
.naturalPicturesHeight .m-FeaturesOne__slide .m-Video__container video {
    -o-object-fit: contain;
    object-fit: contain
}

.m-FeaturesOne.naturalPicturesHeight .m-Video__poster img {
    -o-object-fit: cover;
    object-fit: cover
}

.m-FeaturesOne.is--mirror .m-FeaturesOne__content-el {
    padding-right: 5%
}

@media(min-width: 1024px) {
    .m-FeaturesOne.is--mirror .m-FeaturesOne__background {
        right: 0
    }

    .m-FeaturesOne.is--mirror .m-FeaturesOne__content3,
    .m-FeaturesOne.is--mirror .m-FeaturesOne__controller3 {
        padding-left: 41%
    }
    .m-FeaturesOne.is--mirror .m-FeaturesOne__content,
    .m-FeaturesOne.is--mirror .m-FeaturesOne__controller {
        padding-left:0%
        
    }
    .m-FeaturesOne.is--mirror .m-FeaturesOne__content,
    .m-FeaturesOne.is--mirror .m-FeaturesOne__controller1 {
        padding-left:75%
        
    }

    .m-FeaturesOne.is--mirror .m-FeaturesOne__swiper3 {
        left: 0;
        right: 23%
    }
    .m-FeaturesOne.is--mirror .m-FeaturesOne__swiper2 {
        left: 0;
        right: 23%
    }
    .m-FeaturesOne.is--mirror .m-FeaturesOne__swiper {
        left: 0;
        right: 60%
    }
}

.m-FeaturesOne[class*=color800Bg--] .c-Button .c-Button__label,
.m-FeaturesOne[class*=color700Bg--] .c-Button .c-Button__label,
.m-FeaturesOne.colorBg--6 .c-Button .c-Button__label,
.m-FeaturesOne.colorBg--7 .c-Button .c-Button__label,
.m-FeaturesOne.colorBg--8 .c-Button .c-Button__label,
.m-FeaturesOne.colorBg--9 .c-Button__label {
    color: #fff !important
}

.m-FeaturesOne[class*=color800Bg--] .c-Button::after,
.m-FeaturesOne[class*=color700Bg--] .c-Button::after,
.m-FeaturesOne.colorBg--6 .c-Button::after,
.m-FeaturesOne.colorBg--7 .c-Button::after,
.m-FeaturesOne.colorBg--8 .c-Button::after,
.m-FeaturesOne.colorBg--9::after {
    filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(8deg) brightness(103%) contrast(102%) !important
}

.m-FeaturesOne[class*=color800Bg--] .c-Button .c-Button__underline,
.m-FeaturesOne[class*=color700Bg--] .c-Button .c-Button__underline,
.m-FeaturesOne.colorBg--6 .c-Button .c-Button__underline,
.m-FeaturesOne.colorBg--7 .c-Button .c-Button__underline,
.m-FeaturesOne.colorBg--8 .c-Button .c-Button__underline,
.m-FeaturesOne.colorBg--9 .c-Button__underline {
    background-color: #dedede !important
}

.m-FeaturesOne[class*=color800Bg--] .c-Button .c-Button__border,
.m-FeaturesOne[class*=color700Bg--] .c-Button .c-Button__border,
.m-FeaturesOne.colorBg--6 .c-Button .c-Button__border,
.m-FeaturesOne.colorBg--7 .c-Button .c-Button__border,
.m-FeaturesOne.colorBg--8 .c-Button .c-Button__border,
.m-FeaturesOne.colorBg--9 .c-Button__border {
    border-color: #fff !important
}

@media(hover: hover) {

    .m-FeaturesOne[class*=color800Bg--] .c-Button:hover .c-Button__label,
    .m-FeaturesOne[class*=color700Bg--] .c-Button:hover .c-Button__label,
    .m-FeaturesOne.colorBg--6 .c-Button:hover .c-Button__label,
    .m-FeaturesOne.colorBg--7 .c-Button:hover .c-Button__label,
    .m-FeaturesOne.colorBg--8 .c-Button:hover .c-Button__label,
    .m-FeaturesOne.colorBg--9:hover .c-Button__label {
        color: #1f1f1f !important
    }

    .m-FeaturesOne[class*=color800Bg--] .c-Button:hover::after,
    .m-FeaturesOne[class*=color700Bg--] .c-Button:hover::after,
    .m-FeaturesOne.colorBg--6 .c-Button:hover::after,
    .m-FeaturesOne.colorBg--7 .c-Button:hover::after,
    .m-FeaturesOne.colorBg--8 .c-Button:hover::after,
    .m-FeaturesOne.colorBg--9:hover::after {
        filter: invert(13%) sepia(8%) saturate(0%) hue-rotate(246deg) brightness(104%) contrast(104%) !important
    }

    .m-FeaturesOne[class*=color800Bg--] .c-Button:hover .c-Button__border,
    .m-FeaturesOne[class*=color700Bg--] .c-Button:hover .c-Button__border,
    .m-FeaturesOne.colorBg--6 .c-Button:hover .c-Button__border,
    .m-FeaturesOne.colorBg--7 .c-Button:hover .c-Button__border,
    .m-FeaturesOne.colorBg--8 .c-Button:hover .c-Button__border,
    .m-FeaturesOne.colorBg--9:hover .c-Button__border {
        border-color: #dedede !important
    }
}

.m-Finishes {
    margin-top: 4rem
}

@media(min-width: 1024px) {
    .m-Finishes {
        margin-top: 8rem
    }
}

.m-Finishes__wrapper {
    padding-bottom: 4.8rem
}

.m-Finishes__heading {
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-Finishes__heading {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem
    }
}

@media(min-width: 768px) {
    .m-Finishes__filters {
        display: flex;
        margin-bottom: 3.2rem
    }
}

.m-Finishes__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.6rem;
    gap: 1.6rem
}

@media screen and (min-width: 600px) {
    .m-Finishes__container {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width: 1024px) {
    .m-Finishes__container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 3.2rem
    }
}

@media screen and (min-width: 1360px) {
    .m-Finishes__container {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }
}

@media(hover: hover) {
    .m-Finishes__container {
        gap: 0;
        margin-left: -0.8rem;
        margin-right: -0.8rem
    }
}

@media(hover: hover)and (min-width: 1024px) {
    .m-Finishes__container {
        margin-left: -1.6rem;
        margin-right: -1.6rem
    }
}

.m-Finishes__item {
    position: relative;
    transition: opacity .3s;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start
}

@media(max-width: 1023.98px) {
    .m-Finishes__item {
        background-color: #ebebeb
    }
}

.m-Finishes__item.is--hover {
    opacity: .5
}

@media(hover: hover) {
    .m-Finishes__item {
        padding: .8rem
    }
}

@media(hover: hover)and (min-width: 1024px) {
    .m-Finishes__item {
        padding: 1.6rem
    }
}

@media(hover: hover) {
    .m-Finishes__item:hover {
        opacity: 1
    }

    .m-Finishes__item:hover .m-Downloads__btn {
        opacity: 1
    }
}

.m-Finishes__image {
    cursor: pointer;
    width: 100%;
    height: 8rem;
    position: relative
}

.m-Finishes__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 1023.98px) {
    .m-Finishes__image {
        height: 9.6rem
    }
}

.m-Finishes .m-Downloads__btn {
    margin: -baseUnit(4.25) 0 0 0
}

@media(min-width: 1024px) {
    .m-Finishes .m-Downloads__btn {
        margin: 0;
        position: absolute;
        top: 5.6rem;
        transition: opacity .3s;
        opacity: 0
    }

    .m-Finishes .m-Downloads__btn.m-Downloads__btn-download {
        right: 1.9rem
    }
}

@media(min-width: 1360px) {
    .m-Finishes .m-Downloads__btn {
        top: 6.8rem
    }

    .m-Finishes .m-Downloads__btn.m-Downloads__btn-download {
        right: 1.8rem
    }
}

.m-Finishes__code {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 500;
    margin-top: 7px;
    padding: 0 .8rem .8rem .8rem;
    line-height: 1.3;
    flex-grow: 2
}

@media(min-width: 1024px) {
    .m-Finishes__code {
        padding-left: 2px
    }
}

.m-Finishes .m-Popup .m-GalleryC__bar {
    background-color: #fff
}

[class*=color800Bg--].colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
[class*=color800Bg--] .colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
[class*=color700Bg--].colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
[class*=color700Bg--] .colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
.colorBg--6.colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
.colorBg--6 .colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
.colorBg--7.colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
.colorBg--7 .colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
.colorBg--8.colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
.colorBg--8 .colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
.colorBg--9.colorBg .m-Finishes .m-Popup .m-GalleryC__bar,
.colorBg--9 .colorBg .m-Finishes .m-Popup .m-GalleryC__bar {
    background-color: #fff
}

.m-Finishes .m-Popup .m-GalleryC__btn--download {
    margin-left: 0
}

.m-Finishes .m-Popup .m-GalleryC__slideContainer {
    padding: 0 1.6rem
}

.m-Finishes .m-Popup .m-GalleryC__slideImage {
    margin: 0 !important
}

.m-Finishes .m-Popup .m-GalleryC__slideImage {
    justify-content: center
}

.m-Finishes .m-Popup__close {
    z-index: 99
}

.m-Finishes__gallery-title {
    width: 100%;
    max-height: 4.8rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    padding: 1.2rem 0 1.2rem 1.6rem;
    display: flex;
    flex-wrap: wrap
}

.m-Finishes__gallery-title-item {
    margin-right: 1.6rem
}

.m-Finishes__gallery-title--grey {
    color: silver
}

.m-FinishesDocs {
    margin-top: 2.4rem
}

@media(min-width: 1024px) {
    .m-FinishesDocs {
        margin-top: 6.4rem
    }
}

.m-FinishesDocs__heading {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 500;
    margin-bottom: 1.6rem
}

.m-FinishesDocs__buttons {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

@media(min-width: 1024px) {
    .m-FinishesDocs__buttons {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 4.8rem
    }
}

.m-FinishesDocs__link {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    display: flex;
    align-items: center;
    text-decoration: underline;
    min-height: 3.2rem
}

@media(min-width: 1024px) {
    .m-FinishesDocs__link {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-Form__wrapper {
    margin-bottom: 1.6rem;
    padding: 3.2rem 1.6rem
}

@media(min-width: 1024px) {
    .m-Form__wrapper {
        padding: 8rem 0
    }
}

.m-Form__content {
    margin: 0 auto;
    max-width: 91rem;
    display: flex;
    flex-direction: column
}

@media(min-width: 1024px) {
    .m-Form__content {
        display: block
    }
}

.m-Form__content a {
    font-weight: 500
}

.m-Form__content a:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .m-Form__content a:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.m-Form__content a:disabled {
    cursor: auto
}

.m-Form__title {
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 2.2rem;
    font-weight: 700;
    border-color: #1f1f1f;
    border-bottom: 1px solid;
    padding-bottom: 1.6rem;
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-Form__title {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem
    }
}

[class*=color800Bg--].colorBg .m-Form__title,
[class*=color800Bg--] .colorBg .m-Form__title,
[class*=color700Bg--].colorBg .m-Form__title,
[class*=color700Bg--] .colorBg .m-Form__title,
.colorBg--6.colorBg .m-Form__title,
.colorBg--6 .colorBg .m-Form__title,
.colorBg--7.colorBg .m-Form__title,
.colorBg--7 .colorBg .m-Form__title,
.colorBg--8.colorBg .m-Form__title,
.colorBg--8 .colorBg .m-Form__title,
.colorBg--9.colorBg .m-Form__title,
.colorBg--9 .colorBg .m-Form__title {
    border-color: #fff
}

@media(min-width: 1024px) {
    .m-Form__title {
        padding-bottom: 2rem;
        margin-bottom: 3.6rem
    }
}

.m-Form__heading {
    margin-bottom: 4rem
}

.m-Form__fieldsets-wrapper {
    position: relative
}

.m-Form__fieldset {
    position: relative
}

@media(min-width: 1024px) {
    .m-Form__fieldset {
        margin-bottom: 3.6rem
    }
}

.m-Form__fieldset--hidden {
    position: absolute
}

.m-Form__fieldset--mobile-last {
    order: 100
}

@media(min-width: 1024px) {
    .m-Form__fieldset--mobile-last {
        order: inherit
    }
}

@media(min-width: 1024px) {
    .m-Form__2cols {
        display: flex;
        flex-wrap: wrap;
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem
    }

    .m-Form__2cols .c-Input {
        width: calc(50% - 1.6rem)
    }
}

@media(min-width: 1024px) {
    .m-Form__2cols label {
        max-width: none
    }
}

.m-Form__rightLabelInfo {
    float: right;
    margin-right: 2rem
}

.m-Form__addInfo {
    padding-left: 4.2rem;
    margin-bottom: 4rem
}

.m-Form__clause {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

.m-Form__clause p {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1024px) {
    .m-Form__clause p {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-Form__clause ol {
    list-style: decimal outside;
    padding-left: 2.4rem;
    font-size: 1.5rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif
}

@media(min-width: 1024px) {
    .m-Form__clause ol {
        margin-left: 3.2rem;
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-Form__clause ol li {
    position: relative
}

.m-Form__clause ol li::marker {
    position: absolute;
    left: 0
}

.m-Form__clause--hidden {
    max-height: 0;
    overflow-y: hidden
}

.m-Form__fieldsetHeading {
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-Form__fieldsetHeading {
        margin-bottom: 4rem
    }
}

.m-Form__fieldsetLabel {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    margin-bottom: .8rem
}

.m-Form__clauseShowButton {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    padding-right: 2.5rem;
    position: relative;
    margin-top: 1.9rem
}

.m-Form__clauseShowButton:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi43MTIiIGhlaWdodD0iNy4yNjgiIHZpZXdCb3g9IjAgMCAxMi43MTIgNy4yNjgiPg0KICA8ZyBpZD0iR3JvdXBfMTUzNSIgZGF0YS1uYW1lPSJHcm91cCAxNTM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi43MTIpIHJvdGF0ZSg5MCkiPg0KICAgIDxwYXRoIGlkPSJJY29uX2lvbmljLWlvcy1hcnJvdy1mb3J3YXJkIiBkYXRhLW5hbWU9Ikljb24gaW9uaWMtaW9zLWFycm93LWZvcndhcmQiIGQ9Ik0xNi4zMjQsMTIuNTVsLTQuODEtNC44MDdhLjkuOSwwLDAsMSwwLTEuMjgzLjkxNi45MTYsMCwwLDEsMS4yODcsMGw1LjQ1LDUuNDQ2YS45MDcuOTA3LDAsMCwxLC4wMjYsMS4yNTNMMTIuOCwxOC42NDNhLjkwOS45MDksMCwwLDEtMS4yODctMS4yODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuMjQ2IC02LjE5NikiLz4NCiAgPC9nPg0KPC9zdmc+DQo=");
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(0.666)
}

.is--open .m-Form__clauseShowButton:after {
    transform: translateY(calc(-50% + 0.2rem)) scale(0.666) rotate(180deg)
}

.colorBg--6 .m-Form__clauseShowButton:after,
.colorBg--7 .m-Form__clauseShowButton:after,
.colorBg--8 .m-Form__clauseShowButton:after,
.colorBg--9 .m-Form__clauseShowButton:after {
    filter: invert(1)
}

.m-Form__submitArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    margin-top: 3.2rem;
    flex-direction: column
}

@media(min-width: 1024px) {
    .m-Form__submitArea {
        flex-direction: row
    }
}

.m-Form__captcha {
    transform: scale(0.8);
    position: relative;
    left: -30px
}

@media(min-width: 375px) {
    .m-Form__captcha {
        transform: scale(0.9);
        left: -14px
    }
}

@media(min-width: 480px) {
    .m-Form__captcha {
        transform: none;
        position: static;
        left: auto;
        left: initial
    }
}

.m-Form__internalHiddenList {
    max-height: 0;
    overflow-y: hidden;
    list-style-type: none;
    list-style-position: inside;
    transition: max-height .3s;
    margin-left: -1.8rem
}

.m-Form__internalHiddenList ol,
.m-Form__internalHiddenList ul {
    margin-left: 0;
    padding-left: 1.9rem
}

.m-Form__internalHiddenList ol {
    list-style-type: decimal
}

.m-FormContainer {
    position: relative
}

.m-FormContainer .c-Loader__icon {
    top: auto;
    bottom: 30rem
}

.m-Form__multiselect {
    position: relative;
    margin-bottom: 2.4rem
}

.m-Form__multiselect .c-Input__dropdownList {
    position: absolute;
    z-index: 10;
    overflow-y: auto
}

.m-Form__multiselect .c-Input__dropdownList .c-Input__message {
    display: none
}

.m-Form__multiselect.is--open .c-Input__dropdownList {
    max-height: 25rem
}

.m-Form .c-Button[disabled]:focus,
.m-Form .c-Button[disabled]:active,
.m-Form .c-Button.disabled:focus,
.m-Form .c-Button.disabled:active {
    outline: none
}

.m-Form .c-Input {
    scroll-margin-top: 6.5rem
}

@media(min-width: 1024px) {
    .m-Form .c-Input {
        scroll-margin-top: 8.5rem
    }
}

.m-FormSendInfo {
    margin-bottom: 3.2rem
}

.m-FormSendInfo__wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.m-FormSendInfo--lite .m-FormSendInfo__wrapper {
    max-width: 80rem;
    margin: 0 auto;
    text-align: center
}

.m-FormSendInfo--inverted .m-FormSendInfo__wrapper {
    flex-direction: row-reverse
}

.m-FormSendInfo__textContent {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4rem 6rem;
    width: 100%
}

@media(min-width: 1024px) {
    .m-FormSendInfo__textContent {
        padding: 7rem 16rem;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .m-FormSendInfo__img {
        flex-basis: 50%;
        display: flex;
        align-items: center
    }
}

@media(min-width: 1024px) {
    .m-FormSendInfo__img+.m-FormSendInfo__textContent {
        flex-basis: 50%;
        padding: 7rem 8rem
    }
}

.m-FormSendInfo__heading {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    margin-bottom: 6.4rem
}

.m-FormSendInfo__info {
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem;
    margin-bottom: 6.4rem
}

.m-FormSendInfo--lite .m-FormSendInfo__info {
    margin-bottom: 3.2rem
}

.m-FormSendInfo .c-Button {
    align-self: flex-start;
    cursor: pointer
}

.m-FormSendInfo--lite .c-Button {
    align-self: center;
    min-width: 16rem
}

.m-Footer {
    padding: 3.2rem 0;
    margin-top: auto
}

@media(min-width: 1024px) {
    .m-Footer {
        padding: 8rem 0
    }
}

.m-Footer__columns {
    width: 100%
}

@media(min-width: 1024px) {
    .m-Footer__columns {
        display: flex;
        gap: 2.8rem
    }
}

.m-Footer__column {
    margin-top: 3.2rem
}

@media(min-width: 1024px) {
    .m-Footer__column {
        margin-top: 0;
        flex: 1 1 0px
    }
}

.m-Footer__column:first-child {
    margin-top: 0
}

@media(min-width: 1024px) {
    .m-Footer__column--inner {
        margin-top: 3.2rem
    }
}

.m-Footer__title {
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem;
    padding-bottom: .8rem;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid;
    border-color: #8d8d8d;
    font-weight: 500
}

.m-Footer__link a,
.m-Footer__link button {
    font-size: 1.3rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    margin: .4rem 0;
    display: inline-block
}

.m-Footer__text {
    font-size: 1.5rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

.m-Footer__text a:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .m-Footer__text a:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.m-Footer__text a:disabled {
    cursor: auto
}

.m-Footer__social-links {
    display: flex;
    margin-top: 2.4rem;
    gap: 3.2rem
}

@media(min-width: 1024px) {
    .m-Footer__social-links {
        gap: 2.4rem
    }
}

.m-Footer__social-links .m-Footer__social-link {
    max-width: 4.8rem
}

.m-Footer__copy {
    text-align: center;
    color: #8d8d8d;
    padding-top: 1.6rem;
    margin-top: 4.8rem;
/*    border-top: 1px solid; */
    border-color: #8d8d8d
}

@media(min-width: 1024px) {
    .m-Footer__copy {
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem
    }
}

.m-Footer .c-Button {
    width: 100%;
    margin-bottom: 1.6rem
}

.m-FooterDAM {
    background-color: #1f1f1f;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    padding: 4.8rem 0
}

@media(min-width: 1024px) {
    .m-FooterDAM {
        padding: 6.4rem 0
    }
}

.m-FooterDAM__container {
    border-top: 1px solid #8d8d8d;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 1024px) {
    .m-FooterDAM__container {
        flex-direction: row
    }
}

.m-FooterDAM__container>* {
    display: inline-block;
    padding-top: 1.6rem
}

@media(min-width: 1024px) {
    .m-FooterDAM__container>* {
        margin-right: 2.4rem
    }

    .m-FooterDAM__container>*:last-child {
        margin-right: 0
    }
}

@media(max-width: 1023.98px) {
    .m-FooterDAM__copy {
        order: 2
    }
}

.m-Form__wrapper {
    margin-bottom: 1.6rem;
    padding: 3.2rem 1.6rem
}

@media(min-width: 1024px) {
    .m-Form__wrapper {
        padding: 8rem 0
    }
}

.m-Form__content {
    margin: 0 auto;
    max-width: 91rem;
    display: flex;
    flex-direction: column
}

@media(min-width: 1024px) {
    .m-Form__content {
        display: block
    }
}

.m-Form__content a {
    font-weight: 500
}

.m-Form__content a:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .m-Form__content a:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.m-Form__content a:disabled {
    cursor: auto
}

.m-Form__title {
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 2.2rem;
    font-weight: 700;
    border-color: #1f1f1f;
    border-bottom: 1px solid;
    padding-bottom: 1.6rem;
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-Form__title {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem
    }
}

[class*=color800Bg--].colorBg .m-Form__title,
[class*=color800Bg--] .colorBg .m-Form__title,
[class*=color700Bg--].colorBg .m-Form__title,
[class*=color700Bg--] .colorBg .m-Form__title,
.colorBg--6.colorBg .m-Form__title,
.colorBg--6 .colorBg .m-Form__title,
.colorBg--7.colorBg .m-Form__title,
.colorBg--7 .colorBg .m-Form__title,
.colorBg--8.colorBg .m-Form__title,
.colorBg--8 .colorBg .m-Form__title,
.colorBg--9.colorBg .m-Form__title,
.colorBg--9 .colorBg .m-Form__title {
    border-color: #fff
}

@media(min-width: 1024px) {
    .m-Form__title {
        padding-bottom: 2rem;
        margin-bottom: 3.6rem
    }
}

.m-Form__heading {
    margin-bottom: 4rem
}

.m-Form__fieldsets-wrapper {
    position: relative
}

.m-Form__fieldset {
    position: relative
}

@media(min-width: 1024px) {
    .m-Form__fieldset {
        margin-bottom: 3.6rem
    }
}

.m-Form__fieldset--hidden {
    position: absolute
}

.m-Form__fieldset--mobile-last {
    order: 100
}

@media(min-width: 1024px) {
    .m-Form__fieldset--mobile-last {
        order: inherit
    }
}

@media(min-width: 1024px) {
    .m-Form__2cols {
        display: flex;
        flex-wrap: wrap;
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem
    }

    .m-Form__2cols .c-Input {
        width: calc(50% - 1.6rem)
    }
}

@media(min-width: 1024px) {
    .m-Form__2cols label {
        max-width: none
    }
}

.m-Form__rightLabelInfo {
    float: right;
    margin-right: 2rem
}

.m-Form__addInfo {
    padding-left: 4.2rem;
    margin-bottom: 4rem
}

.m-Form__clause {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

.m-Form__clause p {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1024px) {
    .m-Form__clause p {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-Form__clause ol {
    list-style: decimal outside;
    padding-left: 2.4rem;
    font-size: 1.5rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif
}

@media(min-width: 1024px) {
    .m-Form__clause ol {
        margin-left: 3.2rem;
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-Form__clause ol li {
    position: relative
}

.m-Form__clause ol li::marker {
    position: absolute;
    left: 0
}

.m-Form__clause--hidden {
    max-height: 0;
    overflow-y: hidden
}

.m-Form__fieldsetHeading {
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-Form__fieldsetHeading {
        margin-bottom: 4rem
    }
}

.m-Form__fieldsetLabel {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    margin-bottom: .8rem
}

.m-Form__clauseShowButton {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    padding-right: 2.5rem;
    position: relative;
    margin-top: 1.9rem
}

.m-Form__clauseShowButton:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi43MTIiIGhlaWdodD0iNy4yNjgiIHZpZXdCb3g9IjAgMCAxMi43MTIgNy4yNjgiPg0KICA8ZyBpZD0iR3JvdXBfMTUzNSIgZGF0YS1uYW1lPSJHcm91cCAxNTM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi43MTIpIHJvdGF0ZSg5MCkiPg0KICAgIDxwYXRoIGlkPSJJY29uX2lvbmljLWlvcy1hcnJvdy1mb3J3YXJkIiBkYXRhLW5hbWU9Ikljb24gaW9uaWMtaW9zLWFycm93LWZvcndhcmQiIGQ9Ik0xNi4zMjQsMTIuNTVsLTQuODEtNC44MDdhLjkuOSwwLDAsMSwwLTEuMjgzLjkxNi45MTYsMCwwLDEsMS4yODcsMGw1LjQ1LDUuNDQ2YS45MDcuOTA3LDAsMCwxLC4wMjYsMS4yNTNMMTIuOCwxOC42NDNhLjkwOS45MDksMCwwLDEtMS4yODctMS4yODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuMjQ2IC02LjE5NikiLz4NCiAgPC9nPg0KPC9zdmc+DQo=");
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(0.666)
}

.is--open .m-Form__clauseShowButton:after {
    transform: translateY(calc(-50% + 0.2rem)) scale(0.666) rotate(180deg)
}

.colorBg--6 .m-Form__clauseShowButton:after,
.colorBg--7 .m-Form__clauseShowButton:after,
.colorBg--8 .m-Form__clauseShowButton:after,
.colorBg--9 .m-Form__clauseShowButton:after {
    filter: invert(1)
}

.m-Form__submitArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    margin-top: 3.2rem;
    flex-direction: column
}

@media(min-width: 1024px) {
    .m-Form__submitArea {
        flex-direction: row
    }
}

.m-Form__captcha {
    transform: scale(0.8);
    position: relative;
    left: -30px
}

@media(min-width: 375px) {
    .m-Form__captcha {
        transform: scale(0.9);
        left: -14px
    }
}

@media(min-width: 480px) {
    .m-Form__captcha {
        transform: none;
        position: static;
        left: auto;
        left: initial
    }
}

.m-Form__internalHiddenList {
    max-height: 0;
    overflow-y: hidden;
    list-style-type: none;
    list-style-position: inside;
    transition: max-height .3s;
    margin-left: -1.8rem
}

.m-Form__internalHiddenList ol,
.m-Form__internalHiddenList ul {
    margin-left: 0;
    padding-left: 1.9rem
}

.m-Form__internalHiddenList ol {
    list-style-type: decimal
}

.m-FormContainer {
    position: relative
}

.m-FormContainer .c-Loader__icon {
    top: auto;
    bottom: 30rem
}

.m-Form__multiselect {
    position: relative;
    margin-bottom: 2.4rem
}

.m-Form__multiselect .c-Input__dropdownList {
    position: absolute;
    z-index: 10;
    overflow-y: auto
}

.m-Form__multiselect .c-Input__dropdownList .c-Input__message {
    display: none
}

.m-Form__multiselect.is--open .c-Input__dropdownList {
    max-height: 25rem
}

.m-Form .c-Button[disabled]:focus,
.m-Form .c-Button[disabled]:active,
.m-Form .c-Button.disabled:focus,
.m-Form .c-Button.disabled:active {
    outline: none
}

.m-Form .c-Input {
    scroll-margin-top: 6.5rem
}

@media(min-width: 1024px) {
    .m-Form .c-Input {
        scroll-margin-top: 8.5rem
    }
}

.m-GalleryA {
    padding-bottom: 3rem;
    position: relative
}

@media(min-width: 1024px) {
    .m-GalleryA {
        padding-bottom: 8rem
    }
}

.m-GalleryA .c-Scrollbar {
    margin-top: 1.6rem
}

.m-GalleryA .l-wrapper {
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 1024px) {
    .m-GalleryA .l-wrapper {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.m-GalleryA__container {
    overflow: hidden;
    position: relative
}

@media(min-width: 1024px) {
    .m-GalleryA__container {
        overflow: visible
    }
}

@media(min-width: 1024px) {
    .m-GalleryA__container-static {
        position: static
    }
}

.m-GalleryA__list {
    align-items: center
}

.m-GalleryA__list .swiper-slide {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-GalleryA__list .swiper-slide.swiper-slide-single {
    cursor: default
}

.m-GalleryA__thumbsList--thumbsCentered {
    justify-content: center
}

.m-GalleryA__slide {
    min-height: 36rem
}

@media(min-width: 375px) {
    .m-GalleryA__slide {
        min-height: 27rem
    }
}

@media screen and (min-width: 420px) {
    .m-GalleryA__slide {
        min-height: 27.12rem
    }
}

@media(min-width: 480px) {
    .m-GalleryA__slide {
        min-height: 53.4rem
    }
}

@media screen and (min-width: 552px) {
    .m-GalleryA__slide {
        min-height: 58.6rem
    }
}

@media screen and (min-width: 624px) {
    .m-GalleryA__slide {
        min-height: 58.72rem
    }
}

@media(min-width: 1024px) {
    .m-GalleryA__slide {
        min-height: 90.6rem
    }
}

@media screen and (min-width: 1192px) {
    .m-GalleryA__slide {
        min-height: 92rem
    }
}

@media(min-width: 1360px) {
    .m-GalleryA__slide {
        min-height: 60rem
    }
}

.m-GalleryA__slideImage {
    height: 100%;
    width: 100%;
    transform: scale(0.7);
    transition: transform .3s
}

.swiper-slide-active .m-GalleryA__slideImage {
    transform: scale(1);
    cursor: zoom-in
}

.swiper-slide-single .m-GalleryA__slideImage {
    transform: scale(0.85);
    cursor: zoom-in
}

.m-GalleryA__slideImage picture {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-GalleryA__slideImage img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: min(100vh - 32.25rem, 92.4rem)
}

.m-GalleryA__swiper {
    cursor: pointer
}

@media(min-width: 1024px) {
    .m-GalleryA__swiper {
        overflow: visible;
        position: static
    }
}

@media(min-width: 1024px) {
    .m-GalleryA__navArrows {
        width: 120px;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: -8.7rem;
        right: 1.6rem;
        z-index: 2
    }
}

.m-GalleryA__navArrow:before {
    transform-origin: center center;
    display: none;
    align-items: center;
    line-height: 0;
    content: url("next.png")
}

[class*=color800Bg--].colorBg .m-GalleryA__navArrow:before,
[class*=color800Bg--] .colorBg .m-GalleryA__navArrow:before,
[class*=color700Bg--].colorBg .m-GalleryA__navArrow:before,
[class*=color700Bg--] .colorBg .m-GalleryA__navArrow:before,
.m-GalleryA__navArrow:before.colorBg--6,
.colorBg--6 .m-GalleryA__navArrow:before,
.m-GalleryA__navArrow:before.colorBg--7,
.colorBg--7 .m-GalleryA__navArrow:before,
.m-GalleryA__navArrow:before.colorBg--8,
.colorBg--8 .m-GalleryA__navArrow:before,
.m-GalleryA__navArrow:before.colorBg--9,
.colorBg--9 .m-GalleryA__navArrow:before {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

@media(min-width: 1024px) {
    .m-GalleryA__navArrow:before {
        display: flex
    }
}

@media(min-width: 1024px) {

    [class*=color800Bg--] .m-GalleryA__navArrow:before,
    [class*=color700Bg--] .m-GalleryA__navArrow:before,
    .colorBg--6 .m-GalleryA__navArrow:before,
    .colorBg--7 .m-GalleryA__navArrow:before,
    .colorBg--8 .m-GalleryA__navArrow:before,
    .colorBg--9 .m-GalleryA__navArrow:before {
        filter: invert(1)
    }
}

.m-GalleryA__navArrow--prev::before {
    content: url("prev.png")
}

.m-GalleryA__navArrow.swiper-button-disabled {
    cursor: default;
    opacity: .5
}

.m-GalleryA__navigationButton {
    z-index: 10;
    width: 25%;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    transition: opacity .3s
}

[class*=color800Bg--].colorBg .m-GalleryA__navigationButton,
[class*=color800Bg--] .colorBg .m-GalleryA__navigationButton,
[class*=color700Bg--].colorBg .m-GalleryA__navigationButton,
[class*=color700Bg--] .colorBg .m-GalleryA__navigationButton,
.m-GalleryA__navigationButton.colorBg--6,
.colorBg--6 .m-GalleryA__navigationButton,
.m-GalleryA__navigationButton.colorBg--7,
.colorBg--7 .m-GalleryA__navigationButton,
.m-GalleryA__navigationButton.colorBg--8,
.colorBg--8 .m-GalleryA__navigationButton,
.m-GalleryA__navigationButton.colorBg--9,
.colorBg--9 .m-GalleryA__navigationButton {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

@media(min-width: 1024px) {
    .m-GalleryA__navigationButton {
        bottom: 14.5rem
    }
}

.m-GalleryA__navigationButton::before {
    position: absolute;
    top: 50%;
    transform-origin: center center;
    transform: translateY(-50%);
    transition: transform .3s, opacity .3s;
    line-height: 0
}

.m-GalleryA__navigationButton--prev {
    left: 0
}

.m-GalleryA__navigationButton--prev::before {
    left: 3.2rem
}

@media(min-width: 1024px) {
    .m-GalleryA__navigationButton--prev::before {
        content: url("prev.png")
    }
}

.m-GalleryA__navigationButton--next {
    right: 0
}

@media(min-width: 1024px) {
    .m-GalleryA__navigationButton--next::before {
        content: url("next.png");
        right: 9.6rem
    }
}

.m-GalleryA__navigationButton:disabled {
    cursor: pointer;
    width: 0
}

.m-GalleryA__navigationButton:disabled::before {
    content: none
}

.m-GalleryA__navigationButton:hover {
    opacity: 1
}

.m-GalleryA__navigationButton:hover:before {
    transform: translate(40%, -50%) scale(1.2)
}

.m-GalleryB .c-Navigation {
    margin-right: 0;
    margin-top: 0
}

.m-GalleryB .c-Scrollbar {
    margin-top: 3.2rem
}

.m-GalleryB__container {
    overflow: hidden;
    position: relative;
    max-width: 100%;
}

@media(min-width: 1920px) {
    .m-GalleryB__container {
        max-width: 67vw
    }
}

@media(min-width: 1024px) {
    .is--vertical .m-GalleryB__container {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        max-height: 92rem
    }
}

@media(min-width: 1920px) {
    .is--vertical .m-GalleryB__container {
        max-height: 1230px
    }
}

.m-GalleryB__swiper,
.m-GalleryB__list {
    max-height: min(100vh - 25.8rem, 92.4rem)
}

.m-GalleryB__swiper {
    max-height: min(100vh - 25.8rem, 92.4rem)
}

@media(min-width: 1024px) {
    .is--vertical .m-GalleryB__swiper {
        width: calc(100% - 90px);
        margin: 0;
        align-self: flex-start
    }
}

.m-GalleryB__bar {
    position: relative;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem
}

@media(min-width: 1024px) {
    .m-GalleryB__bar {
        padding: 1.6rem 6.4rem
    }
}

.m-GalleryB__info span:first-of-type {
    font-weight: 700
}

.m-GalleryB__buttons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem
}

.m-GalleryB__button {
    cursor: pointer;
    display: inline-block;
    transition: opacity .3s
}

[class*=color800Bg--].colorBg .m-GalleryB__button::before,
[class*=color800Bg--].colorBg .m-GalleryB__button::after,
[class*=color800Bg--] .colorBg .m-GalleryB__button::before,
[class*=color800Bg--] .colorBg .m-GalleryB__button::after,
[class*=color700Bg--].colorBg .m-GalleryB__button::before,
[class*=color700Bg--].colorBg .m-GalleryB__button::after,
[class*=color700Bg--] .colorBg .m-GalleryB__button::before,
[class*=color700Bg--] .colorBg .m-GalleryB__button::after,
.m-GalleryB__button.colorBg--6::before,
.m-GalleryB__button.colorBg--6::after,
.colorBg--6 .m-GalleryB__button::before,
.colorBg--6 .m-GalleryB__button::after,
.m-GalleryB__button.colorBg--7::before,
.m-GalleryB__button.colorBg--7::after,
.colorBg--7 .m-GalleryB__button::before,
.colorBg--7 .m-GalleryB__button::after,
.m-GalleryB__button.colorBg--8::before,
.m-GalleryB__button.colorBg--8::after,
.colorBg--8 .m-GalleryB__button::before,
.colorBg--8 .m-GalleryB__button::after,
.m-GalleryB__button.colorBg--9::before,
.m-GalleryB__button.colorBg--9::after,
.colorBg--9 .m-GalleryB__button::before,
.colorBg--9 .m-GalleryB__button::after {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.m-GalleryB__button::before {
    transform-origin: center center;
    content: url("next.png");
    display: flex;
    align-items: center;
    line-height: 0
}

.m-GalleryB__button--prev::before {
    content: url("prev.png")
}

.m-GalleryB__button.swiper-button-disabled {
    opacity: .5;
    cursor: default
}

.m-GalleryB__list .swiper-slide {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-GalleryB__slideImage {
    height: 100%;
    width: 100%;
    cursor: zoom-in
}

.m-GalleryB__slideImage picture {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-GalleryB__thumbs {
    margin: 1.6rem 0
}

@media(max-width: 1023.98px) {
    .m-GalleryB__thumbs {
        visibility: hidden;
        position: absolute;
        z-index: -1;
        transform: translateY(-100%)
    }
}

@media(min-width: 1024px) {
    .m-GalleryB__thumbs.is--centered {
        margin: 1.6rem auto
    }
}

.is--vertical .m-GalleryB__thumbs {
    overflow: hidden;
    margin-top: 0;
    max-height: calc(.6*(100vw - 80px))
}

@media(min-width: 1920px) {
    .is--vertical .m-GalleryB__thumbs {
        max-height: 48vw
    }
}

.is--vertical .m-GalleryB__thumbsList {
    flex-direction: column
}

.m-GalleryB__thumbsList--thumbsCentered {
    justify-content: center
}

.m-GalleryB__thumb {
    cursor: pointer;
    display: block;
    height: 50px;
    width: 74px;
    margin-right: 1.6rem;
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: -2px;
    transition: outline .3s
}

.m-GalleryB__thumb:last-of-type {
    margin-right: 0
}

.is--vertical .m-GalleryB__thumb {
    margin-right: 0;
    margin-bottom: 1.6rem
}

.m-GalleryB__thumb.swiper-slide-thumb-active {
    outline-color: #1f1f1f
}

.m-GalleryB__thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-GalleryC__container {
    overflow: hidden;
    position: relative
}

.m-GalleryC__info {
    z-index: 9;
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 4.8rem;
    display: block;
    background-color: #fff;
    padding: .8rem 6.4rem .8rem 0
}

.m-GalleryC__info span {
    display: block;
    margin: 0 1.6rem .8rem 0
}

@media(max-width: 1023.98px) {
    .m-GalleryC__info {
        padding-top: 4.8rem;
        max-height: 100%;
        overflow-x: visible;
        overflow-y: auto;
        scrollbar-color: #ebebeb #f7f7f7;
        scrollbar-width: thin;
        left: -100%;
        right: 100%;
        transition: left .3s, right .3s
    }

    .m-GalleryC__info::-webkit-scrollbar {
        width: 1px;
        height: 1px
    }

    .m-GalleryC__info::-webkit-scrollbar-thumb {
        background: #ebebeb;
        border-radius: 100px
    }

    .m-GalleryC__info::-webkit-scrollbar-track {
        background: #f7f7f7;
        border-radius: 100px
    }

    .m-GalleryC__info.is--active {
        left: 0;
        right: 0
    }

    .m-GalleryC__info span {
        margin: 3.2rem 0
    }

    .m-GalleryC__info span:nth-child(1) {
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem
    }

    .m-GalleryC__info span:nth-child(2) {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }

    .m-GalleryC__info ul {
        margin: 3.2rem 0 3.2rem
    }

    .m-GalleryC__info li {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        margin: .8rem 0
    }
}

@media(min-width: 1024px) {
    .m-GalleryC__info {
        align-self: center;
        padding-left: 7.2rem;
        transform: translateY(-100%);
        transition: transform .3s
    }

    .m-GalleryC__info ul,
    .m-GalleryC__info li {
        display: inline
    }

    .m-GalleryC__info li::after {
        content: ", "
    }

    .m-GalleryC__info li:last-of-type::after {
        display: none
    }

    .m-GalleryC__info.is--active {
        transform: translateY(0)
    }
}

.m-GalleryC [data-info].is--active {
    color: #000 !important
}

.m-GalleryC [data-info].is--active * {
    color: #000 !important
}

.m-GalleryC__bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    height: 4.8rem;
    z-index: 15
}

@media(min-width: 1024px) {
    .m-GalleryC__bar {
        min-height: 4.8rem;
        height: auto
    }
}

.m-GalleryC__btn--info,
.m-GalleryC__btn--download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    background-color: #fff;
    z-index: 101;
    position: relative
}

.m-GalleryC__btn--info::before {
    content: "i";
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 2px solid #000;
    background-color: #fff;
    color: #000;
    font-weight: 700;
    border-radius: 50%;
    transition: color .3s, background-color .3s
}

.m-GalleryC__btn--info.is--active::before {
    color: #fff;
    background-color: #000
}

.m-GalleryC__btn--download {
    margin-left: 1.6rem
}

.m-GalleryC__btn--download::before {
    content: url("download.svg")
}

.m-GalleryC__button {
    z-index: 10;
    background-color: rgba(255, 255, 255, 0);
    transition: background-color .3s
}

.m-GalleryC__button::before {
    position: absolute;
    top: 50%;
    opacity: .5;
    transform-origin: center center;
    transform: translateY(-50%);
    transition: transform .3s, opacity .3s;
    line-height: 0
}

.m-GalleryC__button.swiper-button-next::before {
    content: url("next.svg");
    right: 3.2rem
}

.m-GalleryC__button.swiper-button-prev::before {
    content: url("prev.svg");
    left: 3.2rem
}

@media(hover: hover) {
    .m-GalleryC__button:hover {
        background-color: rgba(255, 255, 255, .3)
    }

    .m-GalleryC__button:hover::before {
        opacity: 1
    }

    .m-GalleryC__button:hover.swiper-button-next::before {
        transform: translate(40%, -50%) scale(1.2)
    }

    .m-GalleryC__button:hover.swiper-button-prev::before {
        transform: translate(-40%, -50%) scale(1.2)
    }
}

.m-GalleryC__swiper,
.m-GalleryC__list {
    cursor: pointer;
    max-height: min(100vh - 22.575rem, 92.4rem);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.m-GalleryC__list {
    align-items: center
}

.m-GalleryC__slide {
    max-width: 100vw
}

.m-GalleryC__slideContainer {
    height: 100%
}

.m-GalleryC__slideImage {
    height: 100%;
    display: flex;
    justify-content: center;
    cursor: zoom-in
}

.m-GalleryC__slideImage:before {
    padding-bottom: 60%;
    content: "";
    float: left
}

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

.m-GalleryC__slideImage picture {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 100%
}

.m-GalleryC__slideImage img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 100%
}

.m-GalleryC__thumbs {
    margin: 1.6rem 0
}

@media(max-width: 1023.98px) {
    .m-GalleryC__thumbs {
        visibility: hidden;
        position: absolute;
        z-index: -1;
        transform: translateY(-100%)
    }
}

@media(min-width: 1024px) {
    .m-GalleryC__thumbs.is--centered {
        margin: 1.6rem auto
    }
}

.m-GalleryC__thumb {
    cursor: pointer;
    display: block;
    height: 50px;
    width: 74px;
    margin-right: 1.6rem;
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: -2px;
    transition: outline .3s
}

.m-GalleryC__thumb:last-of-type {
    margin-right: 0
}

.m-GalleryC__thumb.swiper-slide-thumb-active {
    outline-color: #1f1f1f
}

.m-GalleryC__thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-GalleryC__thumb--square {
    height: 80px;
    width: 80px
}

.m-GalleryC__pagination {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    font-weight: 500;
    text-align: center;
    margin-top: .8rem
}

.m-GalleryC__zoom-container {
    display: none;
    position: absolute;
    top: 0;
    z-index: 999;
    height: 100vh;
    width: 100vw;
    flex-direction: column;
    justify-content: center;
    background-color: #f4f4f4
}

.m-GalleryC__zoom-image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    cursor: grab
}

.m-GalleryC__zoom-close.m-Popup__close {
    z-index: 999
}

.m-GalleryC__zoom-info {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    color: #1f1f1f;
    text-align: center;
    position: absolute;
    min-width: 25.6rem;
    left: 50%;
    bottom: 4.8rem;
    bottom: 6.4rem;
    transform: translateX(-50%);
    z-index: 10
}

@media(min-width: 375px) {
    .m-GalleryC__zoom-info {
        bottom: 4.8rem
    }
}

@media(min-width: 1024px) {
    .m-GalleryC__zoom-info {
        bottom: 9.6rem;
        bottom: 11.2rem
    }
}

@media(min-width: 1360px) {
    .m-GalleryC__zoom-info {
        bottom: 8rem
    }
}

.m-GalleryC__zoom-info::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url("loupe.svg");
    background-size: cover
}

@media(min-width: 480px) {
    .m-GalleryC__zoom-info::before {
        width: 17px;
        height: 17px
    }
}

@media(min-width: 1024px) {
    .m-GalleryC__zoom-info::before {
        width: 13px;
        height: 13px
    }
}

.m-GalleryC.has--zoom .m-GalleryC__zoom-info {
    display: flex
}

.m-GalleryC.has--zoom .m-GalleryC__slide-img {
    cursor: zoom-in
}

.m-GalleryC.is--zoom .m-GalleryC__zoom-container {
    display: flex
}

.m-GalleryC.is--zoom .m-GalleryC__zoom-container .c-Loader {
    z-index: 1
}

.m-GalleryC.is--zoom .m-GalleryC__zoom-container .c-Loader__icon {
    top: 50%
}

.m-Popup .m-GalleryC {
    height: 100%
}

.m-Popup .m-GalleryC .m-GalleryC__container {
    height: 100%
}

.m-Popup .m-GalleryC .m-GalleryC__swiper,
.m-Popup .m-GalleryC .m-GalleryC__list {
    max-height: none;
    max-height: initial
}

.m-Popup .m-GalleryC .m-GalleryC__swiper.swiper-initialized .m-GalleryC__slideImage,
.m-Popup .m-GalleryC .m-GalleryC__list.swiper-initialized .m-GalleryC__slideImage {
    cursor: pointer
}

.m-Popup .m-GalleryC .m-GalleryC__swiper {
    height: calc(100% - 40px)
}

@media(min-width: 1024px) {
    .m-Popup .m-GalleryC .m-GalleryC__swiper {
        height: calc(100% - 70px)
    }
}

@media(max-width: 1023.98px) {
    .m-Popup .m-GalleryC .m-GalleryC__info {
        padding-left: 1.6rem
    }
}

@media(min-width: 1024px) {
    .m-Popup .m-GalleryC .m-GalleryC__info {
        padding-right: 11.2rem
    }
}

@supports(-webkit-touch-callout: none) {
    .m-Popup .m-GalleryC .m-GalleryC__info {
        padding-left: env(safe-area-inset-left)
    }
}

@media screen and (orientation: portrait) {
    .m-Popup .m-GalleryC .m-GalleryC__info {
        padding-left: 1.6rem
    }
}

.m-Popup .m-GalleryC .m-GalleryC__bar {
    padding-left: 0;
    padding-right: 4.8rem
}

@media(min-width: 1024px) {
    .m-Popup .m-GalleryC .m-GalleryC__thumbs {
        margin: 1.6rem auto
    }
}

.m-Popup .m-GalleryC .m-GalleryC__thumb {
    margin-left: 1.6rem;
    margin-right: 0
}

.m-Popup .m-GalleryC .m-GalleryC__slideContainer {
    text-align: center
}

.m-Popup .m-GalleryC .m-GalleryC__slideImage {
    margin: 0 1.6rem;
    cursor: default
}

.m-Popup .m-GalleryC .m-Video video {
    max-height: none;
    max-height: initial
}

.m-GalleryC .c-Scrollbar {
    margin-top: 1.6rem
}

@media(min-width: 1024px) {
    .m-GalleryC .m-Video {
        padding-right: 14.4rem;
        padding-left: 14.4rem
    }
}

.m-GalleryC .m-Video__iframe {
    padding-top: 0
}

@media(min-width: 1024px) {
    .m-GalleryC .m-Video__iframe {
        padding-bottom: min(100vh - 22.575rem, 92.4rem)
    }
}

.m-GalleryC .m-Video__poster {
    left: 0;
    right: 0
}

.m-GalleryC .m-Video video {
    max-height: calc(100vh - 22.575rem);
    background-color: rgba(0, 0, 0, 0)
}

.m-Popup .m-GalleryC .m-Video__container {
    max-height: clamp(0px, 56.25%, 100vh - 19.35rem)
}

@media(min-width: 1024px) {
    .m-Popup .m-GalleryC .m-Video__container {
        max-height: none;
        max-height: initial
    }
}

.m-Popup .m-GalleryC .m-Video__container picture {
    height: 100%
}

.m-Popup .m-GalleryC--single .m-GalleryC__swiper {
    height: 100%
}

.m-Popup .m-GalleryC--finishes .m-GalleryC__swiper {
    height: calc(100% - 70px)
}

@media(min-width: 1024px) {
    .m-Popup .m-GalleryC--finishes .m-GalleryC__swiper {
        height: calc(100% - 100px)
    }
}

.m-HalfSliderDAM__container {
    display: flex;
    flex-direction: column
}

@media(min-width: 1024px) {
    .m-HalfSliderDAM__container {
        flex-direction: row
    }

    .m-HalfSliderDAM__container>* {
        width: 50%
    }

    .is--reversed .m-HalfSliderDAM__container {
        flex-direction: row-reverse
    }
}

.m-HalfSliderDAM__description {
    padding: 3.2rem
}

@media(min-width: 1024px) {
    .m-HalfSliderDAM__description {
        padding: 3.2rem 10%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }
}

.m-HalfSliderDAM__description .c-Button {
    margin-top: 1.6rem
}

@media(min-width: 1024px) {
    .m-HalfSliderDAM__description .c-Button {
        margin-top: 2.4rem
    }
}

.m-HalfSliderDAM__title {
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 2.2rem;
    font-weight: 500
}

@media(min-width: 1024px) {
    .m-HalfSliderDAM__title {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem
    }
}

.m-HalfSliderDAM__text {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    margin-top: 1.2rem;
    max-width: 80%
}

@media(min-width: 1024px) {
    .m-HalfSliderDAM__text {
        font-size: 1.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 2.2rem;
        line-height: 1.4;
        margin-top: 1.6rem;
        max-width: 90%
    }
}

.m-HalfSliderDAM__list {
    width: calc(100% + 2px)
}

.m-HalfSliderDAM__slide {
    aspect-ratio: 1.6666666667
}

.m-HalfSliderDAM__slide .img {
    position: relative;
    height: 100%
}

.m-HalfSliderDAM__slide .img img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.m-HalfSliderDAM .c-SwiperStepper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    opacity: .75
}

.m-HeaderDAM {
    padding: 2.4rem 0 2rem 0;
    width: 100%
}

.m-HeaderDAM+main {
    width: 100%
}

@media(min-width: 1100px) {
    .m-HeaderDAM {
        padding: 2.8rem 0 2.4rem 0
    }
}

.m-HeaderDAM__container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.is--DAM .m-HeaderDAM__container {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media(min-width: 1100px) {
    .is--DAM .m-HeaderDAM__container {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }
}

.m-HeaderDAM__l-side,
.m-HeaderDAM__r-side {
    position: relative;
    display: flex;
    align-items: center
}

.m-HeaderDAM__logo {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start
}

.m-HeaderDAM__logo img {
    height: 18px;
    width: auto
}

@media(min-width: 1360px) {
    .m-HeaderDAM__logo img {
        height: 22px;
        width: auto
    }
}

.m-HeaderDAM__logo-more {
    display: inline-flex;
    align-items: center;
    height: 100%;
    font-size: 16px;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-weight: 700;
    position: relative;
    margin-left: 1.8rem;
    padding-left: 1.8rem
}

.m-HeaderDAM__logo-more:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 1px;
    height: 2.7rem;
    top: calc(50% - 1.3rem);
    background-color: #000
}

@media(min-width: 375px) {
    .m-HeaderDAM__logo-more {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem;
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-weight: 700
    }
}

@media screen and (max-height: 600px)and (max-width: 1920px)and (orientation: landscape) {
    .m-HeaderDAM__logo-more {
        font-size: 2.15rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-size: 16px
    }
}

@media(min-width: 1024px) {
    .m-HeaderDAM__logo-more {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem;
        transform: translateY(-1px)
    }
}

.m-HeaderDAM__storage {
    position: relative;
    padding-right: 1.4rem
}

.m-HeaderDAM__storage::after {
    content: "";
    position: relative;
    display: inline-block;
    height: 2rem;
    width: 3rem;
    top: .4rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("storage.svg")
}

.m-HeaderDAM__storage::before {
    content: "";
    display: block;
    width: 1px;
    height: 2.7rem;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dedede;
    transition: .3s
}

@media(hover: hover) {
    .m-HeaderDAM__storage:hover::before {
        width: 74%;
        right: 30%
    }
}

.m-HeaderDAM__storage-counter {
    position: absolute;
    background-color: #000;
    line-height: 1.2rem;
    font-size: 1rem;
    z-index: 2;
    color: #fff;
    left: 35%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    border-radius: 8px;
    padding: .1rem .6rem .2rem
}

.m-HeaderDAM__storage-counter span {
    position: relative;
    display: block;
    margin-top: 1px;
    margin-left: -1px
}

@media(min-width: 375px) {
    .m-HeaderDAM__storage-counter span {
        margin: 0
    }
}

@media(min-width: 1024px) {
    .m-HeaderDAM__storage-counter span {
        margin-top: 1px;
        top: 1px
    }
}

@media(min-width: 1100px) {
    .m-HeaderDAM__storage-counter span {
        margin-top: 0;
        top: 1px
    }
}

@media(min-width: 1360px) {
    .m-HeaderDAM__storage-counter span {
        margin-top: 0;
        top: 0
    }
}

.m-HeaderDAM__btn--lang {
    min-height: 2.4rem;
    min-width: 4.8rem;
    padding: 0 2.4rem 0 1.6rem;
    position: relative;
    font-weight: 700
}

.m-HeaderDAM__btn--lang span {
    position: relative
}

.m-HeaderDAM__btn--lang::before {
    content: "";
    display: block;
    width: 1px;
    height: 2.7rem;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dedede;
    transition: .3s
}

.m-HeaderDAM__btn--lang::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    height: 10px;
    width: 10px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("arrow.svg");
    transform: rotate(90deg);
    transition: .3s
}

@media(hover: hover) {
    .m-HeaderDAM__btn--lang:hover::before {
        width: 90%;
        right: -5%
    }
}

.lang-is-open .m-HeaderDAM__btn--lang::after {
    transform: rotate(-90deg)
}

.m-HeaderDAM__lang-container {
    pointer-events: none;
    position: absolute;
    width: 300px;
    height: 400px;
    overflow: hidden;
    top: 100%;
    right: -1.6rem;
    z-index: 10
}

@media(min-width: 1100px) {
    .m-HeaderDAM__lang-container {
        right: -3.2rem
    }
}

.lang-is-open .m-HeaderDAM__lang-container {
    pointer-events: auto
}

.m-HeaderDAM__lang-dropdown {
    display: block;
    position: absolute;
    width: 200px;
    right: -300px;
    opacity: 0;
    top: 0;
    padding: 1.6rem;
    background-color: #fff;
    border: 1px solid #dedede;
    box-shadow: 0 .4rem .7rem rgba(0, 0, 0, .35);
    transition: right .3s, opacity .3s
}

.lang-is-open .m-HeaderDAM__lang-dropdown {
    opacity: 1;
    right: 1.6rem
}

@media(min-width: 1100px) {
    .lang-is-open .m-HeaderDAM__lang-dropdown {
        right: 3.2rem
    }
}

.m-HeaderDAM__lang-title {
    color: #8d8d8d;
    font-weight: 500;
    display: block;
    margin: .8rem 0
}

.m-HeaderDAM__lang-list li {
    display: block;
    margin: .8rem 0
}

.dam-cookie-counter,
.dam-tooltip {
    position: absolute;
    background-color: #000;
    line-height: 1.2rem;
    font-size: 1rem;
    z-index: 2;
    color: #fff
}

.dam-cookie-counter {
    top: 1.65rem;
    left: calc(100vw - 10.6rem);
    transform: translateX(-50%);
    font-weight: 700;
    border-radius: 8px;
    padding: .1rem .6rem .2rem
}

@media(min-width: 1024px) {
    .dam-cookie-counter {
        top: 2rem;
        left: calc(100vw - 12.8rem)
    }
}

@media(min-width: 1100px) {
    .dam-cookie-counter {
        top: 2.4rem;
        left: calc(100vw - 14.52rem)
    }
}

@media(min-width: 1920px) {
    .dam-cookie-counter {
        left: calc(100vw - 14.2rem)
    }
}

.dam-tooltip {
    top: 5.6rem;
    left: calc(100vw - 10.4rem);
    transform: translateX(-80%);
    padding: .5rem 1rem .6rem;
    text-align: right;
    white-space: nowrap
}

@media(min-width: 1100px) {
    .dam-tooltip {
        left: calc(100vw - 12.4rem)
    }
}

.m-Hero {
    height: calc(100svh - 5rem);
    position: relative
}

.is--breadcrumbs .m-Hero,
.is--submenu .m-Hero {
    height: calc(100svh - 9.8rem)
}

.is--logoBar .m-Hero {
    height: calc(100svh - 9rem)
}

.is--breadcrumbs.is--logoBar .m-Hero,
.is--submenu.is--logoBar .m-Hero {
    height: calc(100svh - 13.8rem)
}

@media(min-width: 1024px) {
    .m-Hero {
        height: calc(100svh - 7.3rem)
    }

    .is--breadcrumbs .m-Hero,
    .is--submenu .m-Hero {
        height: calc(100svh - 12.9rem)
    }

    .is--logoBar .m-Hero {
        height: calc(100svh - 13.3rem)
    }

    .is--breadcrumbs.is--logoBar .m-Hero,
    .is--submenu.is--logoBar .m-Hero {
        height: calc(100svh - 18.9rem)
    }
}

.m-Hero__swiper {
    height: 100%
}

.m-Hero__slide {
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0)
}

.m-Hero__slideBg,
.m-Hero__slideContent,
.m-Hero__slideOverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.m-Hero__slideBg img,
.m-Hero__slideBg video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-Hero__slideOverlay {
    display: none
}

.is--overlay .m-Hero__slideOverlay {
    display: block;
    background-color: rgba(0, 0, 0, .4)
}

.is--overlay-light .m-Hero__slideOverlay {
    background-color: rgba(0, 0, 0, .2)
}

.m-Hero__slideContent {
    color: #fff
}

.m-Hero__slideContent .l-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 90rem;
    width: 90%;
    text-align: center
}

.m-Hero__heading {
    font-weight: 500;
    -webkit-hyphens: none;
    hyphens: none
}

@media(max-width: 1023.98px) {
    .m-Hero__slide--home .m-Hero__heading {
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem
    }
}

.m-Hero__heading span {
    display: inline-block;
    margin-left: .35em
}

.m-Hero__heading span:first-of-type {
    margin-left: 0
}

.m-Hero__heading--Kusch {
    font-family: "Baskervville", serif;
    font-weight: 400;
    line-height: 1.3
}

@media(max-width: 1023.98px) {
    .m-Hero__slide--home .m-Hero__heading--Kusch {
        font-family: "Baskervville", serif;
        font-weight: 400;
        line-height: 1.3
    }
}

.m-Hero__subheading {
    margin-bottom: 2em
}

@media(max-width: 1023.98px) {
    .m-Hero__slide--home .m-Hero__subheading {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-Hero__subheading--Kusch {
    font-family: "Baskervville", serif;
    font-weight: 400;
    line-height: 1.3
}

.m-Hero__slide--home .m-Hero__subheading--Kusch {
    font-family: "Baskervville", serif;
    font-weight: 400;
    line-height: 1.3
}

.m-Hero__button {
    z-index: 10
}

.m-Hero__button::before {
    content: url("next.png");
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%);
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .5;
    transform-origin: center center;
    transition: transform .3s, opacity .3s;
    transform: translate(-50%, -50%)
}

.m-Hero__button.swiper-button-prev::before {
    content: url("prev.png")
}

@media(hover: hover) {
    .m-Hero__button:hover::before {
        opacity: 1;
        transform: translate(-20%, -50%) scale(1.2)
    }

    .m-Hero__button:hover.swiper-button-prev::before {
        transform: translate(-80%, -50%) scale(1.2)
    }
}

.is--scroll:not(.menu-is-open) .m-Hero__button {
    opacity: .2
}

.m-Hero__explore {
    position: absolute;
    bottom: 4rem;
    z-index: 10;
    right: 50%;
    transform: translate(50%);
    animation-name: hero-btn-explore;
    animation-duration: 1.6s;
    animation-iteration-count: infinite
}

@media(min-width: 768px) {
    .m-Hero__explore {
        bottom: 1.6rem
    }
}

.swiper-initialized .m-Hero__explore {
    right: 5rem
}

@media(min-width: 1024px) {
    .swiper-initialized .m-Hero__explore {
        right: 10rem
    }
}

.m-Hero__explore::before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform-origin: center center;
    transform: scaleY(0.6) rotate(-45deg)
}

@media(min-width: 1024px) {
    .m-Hero__explore::before {
        width: 4rem;
        height: 4rem;
        transform: scaleY(0.6) rotate(-45deg)
    }
}

.is--scroll:not(.menu-is-open) .m-Hero__explore {
    display: none
}

.m-Hero__logo {
    position: absolute;
    z-index: 2;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 4.8rem
}

@media(min-width: 1024px) {
    .m-Hero__logo {
        top: 8rem
    }
}

.m-Hero__logo .img {
    max-width: 12rem
}

@media(min-width: 1024px) {
    .m-Hero__logo .img {
        max-width: 18.4rem
    }
}

.m-Hero--Kusch .m-Hero__slideContent .l-wrapper {
    max-width: 135rem
}

@keyframes hero-btn-explore {
    0% {
        opacity: .1;
        transform: translate(50%, -40%)
    }

    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    100% {
        transform: translate(50%, 0%);
        opacity: .1
    }
}

.m-HorizontalBoxes {
    padding: 3.6rem 0;
    overflow-x: hidden
}

@media(min-width: 1024px) {
    .m-HorizontalBoxes {
        padding: 8rem 0
    }
}

.m-HorizontalBoxes__heading {
    margin-bottom: 3.6rem;
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

.m-HorizontalBoxes__heading>div {
    -webkit-hyphens: none;
    hyphens: none;
    display: inline-block;
    transform-origin: top left
}

@media(min-width: 1024px) {
    .m-HorizontalBoxes__heading {
        margin-bottom: 8rem;
        font-size: 6.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 8rem
    }
}

.m-HorizontalBoxes__heading span {
    display: block
}

.m-HorizontalBoxes__images {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem
}

@media(min-width: 1024px) {
    .m-HorizontalBoxes__images {
        gap: 12.8rem
    }
}

.m-HorizontalBoxes__images--odd,
.m-HorizontalBoxes__images--even {
    overflow: hidden;
    flex-basis: calc(50% - .8rem);
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

@media(min-width: 1024px) {

    .m-HorizontalBoxes__images--odd,
    .m-HorizontalBoxes__images--even {
        flex-basis: calc(50% - 6.4rem);
        gap: 12.8rem
    }
}

.m-HorizontalBoxes__images--even {
    margin-top: 6.4rem
}

@media(min-width: 1024px) {
    .m-HorizontalBoxes__images--even {
        margin-top: 8rem
    }
}

.m-HorizontalBoxes__gallery {
    height: calc(100% - 9.6rem);
    top: 50%;
    transform: translateY(-50%);
    padding: 0 1.6rem
}

.m-HorizontalBoxes__gallery-slide {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-HorizontalBoxes__gallery-slide img {
    max-height: calc(100vh - 9.6rem)
}

@media(min-width: 1024px) {
    .m-IconsGrid--centered .m-IconsGrid__list {
        justify-content: center
    }
}

.m-IconsGrid__wrapper {
    padding: 4rem 3.2rem
}

@media(min-width: 1024px) {
    .m-IconsGrid__wrapper {
        padding: 8rem 16rem
    }
}

.m-IconsGrid__heading {
    font-weight: 500;
    margin-bottom: 4rem
}

@media(min-width: 1024px) {
    .m-IconsGrid__heading {
        margin-bottom: 6.4rem
    }
}

.m-IconsGrid__list {
    display: flex;
    flex-direction: column;
    gap: 3.2rem
}

@media(min-width: 1024px) {
    .m-IconsGrid__list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6.4rem 4rem
    }
}

@media(min-width: 1024px) {
    .m-IconsGrid__list--twoColumns {
        max-width: 80rem;
        margin: 0 auto
    }
}

.m-IconsGrid__item {
    overflow: hidden;
    display: flex;
    gap: 3.2rem;
    align-items: center
}

@media(min-width: 1024px) {
    .m-IconsGrid__item {
        width: calc(33% - 2.4rem)
    }
}

@media(min-width: 1024px) {
    .m-IconsGrid__list--twoColumns .m-IconsGrid__item {
        width: calc(50% - 2rem)
    }
}

.m-IconsGrid__icon {
    flex-basis: 22%;
    max-width: 6.4rem
}

@media(min-width: 1024px) {
    .m-IconsGrid__icon {
        flex-basis: 35%
    }
}

.colorBg--6 .m-IconsGrid__icon,
.colorBg--7 .m-IconsGrid__icon,
.colorBg--8 .m-IconsGrid__icon,
.colorBg--9 .m-IconsGrid__icon,
[class*=color700Bg--] .m-IconsGrid__icon,
[class*=color800Bg--] .m-IconsGrid__icon {
    filter: invert(1)
}

.m-IconsGrid__desc {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    flex: 1;
    flex-basis: 88%
}

@media(min-width: 1024px) {
    .m-IconsGrid__desc {
        flex-basis: 65%
    }
}

.m-Image {
    background-color: rgba(0, 0, 0, 0)
}

.m-Image__container {
    display: flex;
    align-items: center;
    justify-content: center
}

.m-Image__container img {
    max-height: 78.5rem
}

.m-JobOffer {
    min-height: 20rem;
    position: relative;
    margin-bottom: .8rem
}

.m-JobOffer .m-Projects__info {
    margin-top: 4.8rem
}

.m-JobOffer__top-info {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .8rem
}

.m-JobOffer__top-info * {
    font-family: "Gotham A", "Gotham B", sans-serif !important;
    font-weight: normal !important
}

.m-JobOffer__info {
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-JobOffer__info {
        margin-bottom: 3.2rem
    }
}

.m-JobOffer__info * {
    font-family: "Gotham A", "Gotham B", sans-serif !important
}

.m-JobOffer__info p,
.m-JobOffer__info div {
    font-family: "Gotham A", "Gotham B", sans-serif !important
}

.m-JobOffer__info p,
.m-JobOffer__info div {
    line-height: 1.2;
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem;
    margin: 1.6rem 0
}

.m-JobOffer__info p.uppercase,
.m-JobOffer__info div.uppercase {
    text-transform: uppercase
}

@media(min-width: 1024px) {

    .m-JobOffer__info p,
    .m-JobOffer__info div {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem
    }
}

@media(min-width: 1024px) {

    .m-JobOffer__info p,
    .m-JobOffer__info div {
        margin: 3.2rem 0
    }
}

.m-JobOffer__info p.m-JobOffer__info-p,
.m-JobOffer__info div.m-JobOffer__info-p {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {

    .m-JobOffer__info p.m-JobOffer__info-p,
    .m-JobOffer__info div.m-JobOffer__info-p {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-JobOffer__info p.m-JobOffer__info-p span,
.m-JobOffer__info p.m-JobOffer__info-p p,
.m-JobOffer__info div.m-JobOffer__info-p span,
.m-JobOffer__info div.m-JobOffer__info-p p {
    text-align: left !important
}

.m-JobOffer__info p.m-JobOffer__info-p span,
.m-JobOffer__info p.m-JobOffer__info-p p,
.m-JobOffer__info div.m-JobOffer__info-p span,
.m-JobOffer__info div.m-JobOffer__info-p p {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {

    .m-JobOffer__info p.m-JobOffer__info-p span,
    .m-JobOffer__info p.m-JobOffer__info-p p,
    .m-JobOffer__info div.m-JobOffer__info-p span,
    .m-JobOffer__info div.m-JobOffer__info-p p {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-JobOffer__info p *,
.m-JobOffer__info div * {
    line-height: 1.2;
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem;
    font-weight: normal
}

.m-JobOffer__info p *.uppercase,
.m-JobOffer__info div *.uppercase {
    text-transform: uppercase
}

@media(min-width: 1024px) {

    .m-JobOffer__info p *,
    .m-JobOffer__info div * {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem
    }
}

.m-JobOffer__bottom {
    margin-bottom: 0 !important
}

.m-JobOffer__bottom {
    text-align: center
}

.m-JobOffer__bottom .c-Button {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    padding: .8rem 4.8rem
}

@media(min-width: 1024px) {
    .m-JobOffer__bottom .c-Button {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        padding: 2.1rem 9.6rem
    }
}

.m-JobOffer__clause {
    margin-top: 3.2rem
}

@media(min-width: 1024px) {
    .m-JobOffer__clause {
        margin-top: 6.4rem
    }
}

.m-JobOffer__clause * {
    font-family: "Gotham A", "Gotham B", sans-serif !important;
    text-align: center !important;
    font-weight: normal !important
}

.m-JobOffer__clause p {
    margin-bottom: 0
}

.m-JobOffer .m-RichText {
    margin: 3.2rem auto
}

@media(min-width: 1024px) {
    .m-JobOffer .m-RichText {
        margin: 6.4rem auto
    }
}

.m-JobOffers {
    margin: 1.6rem auto;
    min-height: 20rem;
    position: relative;
    display: flex
}

.m-JobOffers .c-Filters {
    font-weight: 400
}

.m-JobOffers .c-Filters__items--grid {
    justify-content: flex-start
}

@media(min-width: 1024px) {
    .m-JobOffers .c-Filters__items--grid {
        justify-content: center
    }
}

.m-JobOffers .c-Filters__items--grid .c-Filters__list {
    display: grid;
    grid-template-rows: repeat(15, 0fr);
    grid-auto-flow: column;
    grid-column-gap: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem
}

@media(min-width: 1024px) {
    .m-JobOffers .c-Filters__items--grid .c-Filters__list {
        grid-template-rows: repeat(10, 0fr)
    }
}

.m-JobOffers .c-Filters__items--grid .c-Filters__checkbox label span {
    -webkit-hyphens: none;
    hyphens: none
}

@media(min-width: 1024px) {
    .m-JobOffers .c-Filters__clear-button {
        transform: none;
        top: 0;
        padding-top: .8rem
    }
}

.m-JobOffers .c-Filters__list {
    -moz-column-count: auto;
    column-count: auto;
    -moz-column-count: initial;
    column-count: initial;
    max-width: none;
    max-width: initial
}

.m-JobOffers .c-Filters__list-wrapper {
    margin-bottom: 1.6rem;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 1024px) {
    .m-JobOffers .c-Filters__list-wrapper {
        display: flex;
        align-items: flex-start;
        gap: 6.4rem;
        margin-top: 3.2rem
    }
}

.m-JobOffers .c-Filters__list-wrapper--open {
    overflow-y: hidden;
    overflow-x: auto
}

.m-JobOffers .c-Filters__list-item {
    display: flex;
    padding: .8rem 0rem;
    min-width: 24rem
}

@media(min-width: 375px) {
    .m-JobOffers .c-Filters__list-item {
        min-width: 23.2rem
    }
}

.m-JobOffers .c-Filters__list-item label {
    display: flex;
    align-items: center
}

.m-JobOffers .c-Filters__list-item label:after {
    top: calc(50% - 7px)
}

.m-JobOffers .c-Filters__list-item label span {
    height: auto;
    display: inline-block;
    margin-top: 3px;
    -webkit-hyphens: none;
    hyphens: none
}

.m-JobOffers__wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-bottom: 4.8rem
}

@media(min-width: 1024px) {
    .m-JobOffers__wrapper {
        gap: 0
    }
}

.m-JobOffers__item {
    padding: 1.6rem 2.4rem;
    display: flex;
    flex-direction: column;
    gap: .8rem
}

@media(min-width: 1024px) {
    .m-JobOffers__item {
        flex-direction: row;
        align-items: center;
        gap: 3.2rem;
        padding: 4rem 3.2rem;
        border-bottom: 1px solid;
        border-color: silver
    }

    .m-JobOffers__item.colorBg {
        background-color: transparent !important;
        background-color: initial !important
    }

    [class*=color800Bg--].colorBg .m-JobOffers__item,
    [class*=color800Bg--] .colorBg .m-JobOffers__item,
    [class*=color700Bg--].colorBg .m-JobOffers__item,
    [class*=color700Bg--] .colorBg .m-JobOffers__item,
    .colorBg--6.colorBg .m-JobOffers__item,
    .colorBg--6 .colorBg .m-JobOffers__item,
    .colorBg--7.colorBg .m-JobOffers__item,
    .colorBg--7 .colorBg .m-JobOffers__item,
    .colorBg--8.colorBg .m-JobOffers__item,
    .colorBg--8 .colorBg .m-JobOffers__item,
    .colorBg--9.colorBg .m-JobOffers__item,
    .colorBg--9 .colorBg .m-JobOffers__item {
        border-color: #fff
    }
}

@media(min-width: 1024px)and (hover: hover) {
    .m-JobOffers__item:hover {
        background-color: #f7f7f7 !important
    }
}

.m-JobOffers__item-title,
.m-JobOffers__item-location {
    font-size: 1.9rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 1.625
}

@media(min-width: 375px) {

    .m-JobOffers__item-title,
    .m-JobOffers__item-location {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-JobOffers__item-title {
    margin-bottom: .8rem
}

@media(min-width: 1024px) {
    .m-JobOffers__item-title {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        margin-bottom: 0;
        width: 50%
    }

    .m-JobOffers__wrapper--noCategory .m-JobOffers__item-title {
        width: 60%
    }
}

.m-JobOffers__item-type {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 375px) {
    .m-JobOffers__item-type {
        font-size: 1.2rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 1.6rem
    }
}

@media(min-width: 1024px) {
    .m-JobOffers__item-type {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-JobOffers__item-location {
    margin-top: .8rem
}

@media(min-width: 1024px) {
    .m-JobOffers__item-location {
        margin-top: 0
    }
}

.m-JobOffers__item-location::before {
    content: "";
    display: inline-block;
    margin-right: .4rem;
    height: 10px;
    width: 14px;
    background-image: url("pin.svg");
    background-position-y: top;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

@media(min-width: 375px) {
    .m-JobOffers__item-location::before {
        height: 14px;
        width: 18px
    }
}

@media(min-width: 1024px) {
    .m-JobOffers__item-location::before {
        content: none
    }
}

@media(min-width: 1024px) {

    .m-JobOffers__item-type,
    .m-JobOffers__item-location {
        width: 16.66%
    }

    .m-JobOffers__wrapper--noCategory .m-JobOffers__item-type,
    .m-JobOffers__wrapper--noCategory .m-JobOffers__item-location {
        width: 20%
    }
}

.m-JobOffers__header {
    background-color: #ebebeb;
    border: none;
    padding: 2rem 3.2rem
}

.m-JobOffers__header-title {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(hover: hover) {
    .m-JobOffers__header:hover {
        background-color: #ebebeb !important
    }
}

.m-JobOffers .c-ProductsListingMiddleController {
    margin-bottom: 2.4rem;
    gap: 3.2rem
}

.m-JobOffers .c-ProductsListingMiddleController__results-count {
    display: block;
    text-align: right
}

.m-JobOffers .c-ProductsListingMiddleController__sort,
.m-JobOffers .c-ProductsListingMiddleController__results-count {
    max-width: 50%
}

.m-JobOffers .c-ProductsListingMiddleController__sort-title,
.m-JobOffers .c-ProductsListingMiddleController__sort-dropdown {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

.m-JobOffers .m-Projects__info {
    margin: 4.8rem auto;
    max-width: 72.8rem
}

.m-Knowledge {
    position: relative;
    min-height: 50vh
}

.m-Knowledge__articles {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media(min-width: 480px) {
    .m-Knowledge__articles {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6.4rem 2%
    }
}

@media(min-width: 480px) {
    .m-Knowledge__article {
        width: 100%;
        flex-basis: 49%
    }
}

@media(min-width: 1024px) {
    .m-Knowledge__article {
        flex-basis: 32%
    }
}

.m-Knowledge__article-image {
    margin-bottom: 1.6rem;
    text-align: center;
    aspect-ratio: 1.6666666667;
    position: relative
}

@media(min-width: 1024px) {
    .m-Knowledge__article-image {
        text-align: left
    }
}

.m-Knowledge__article-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-Knowledge__article-image .c-Loader__icon {
    top: 50%
}

.m-Knowledge__article-type {
    font-size: 1.5rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    color: #737373;
    margin-bottom: .8rem
}

@media(min-width: 1024px) {
    .m-Knowledge__article-type {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem;
        margin-bottom: 1.2rem
    }
}

.m-Knowledge__article-title {
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    margin: 0
}

.m-Knowledge__article-sneakpeak {
    margin-top: 2.4rem;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .m-Knowledge__article-sneakpeak {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        margin-bottom: 0;
        margin-top: 3.2rem
    }
}

@media(min-width: 1024px) {

    .m-Knowledge__article--main,
    .m-Knowledge__article--main-reversed {
        width: 100%
    }
}

.m-Knowledge__article--main .m-Knowledge__article-wrapper,
.m-Knowledge__article--main-reversed .m-Knowledge__article-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media(min-width: 1024px) {

    .m-Knowledge__article--main .m-Knowledge__article-wrapper,
    .m-Knowledge__article--main-reversed .m-Knowledge__article-wrapper {
        flex-direction: row;
        align-items: stretch
    }
}

.m-Knowledge__article--main .m-Knowledge__article-image,
.m-Knowledge__article--main-reversed .m-Knowledge__article-image {
    width: 100vw;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {

    .m-Knowledge__article--main .m-Knowledge__article-image,
    .m-Knowledge__article--main-reversed .m-Knowledge__article-image {
        margin-bottom: 0
    }
}

.m-Knowledge__article--main .m-Knowledge__article-image img,
.m-Knowledge__article--main-reversed .m-Knowledge__article-image img {
    aspect-ratio: unset
}

@media(min-width: 1024px) {

    .m-Knowledge__article--main .m-Knowledge__article-content,
    .m-Knowledge__article--main-reversed .m-Knowledge__article-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 6.4rem;
        width: 100%
    }
}

.m-Knowledge__article--main .m-Knowledge__article-title,
.m-Knowledge__article--main-reversed .m-Knowledge__article-title {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    font-weight: 500
}

@media(min-width: 1024px) {

    .m-Knowledge__article--main .m-Knowledge__article-title,
    .m-Knowledge__article--main-reversed .m-Knowledge__article-title {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem
    }
}

@media(min-width: 1024px) {

    .m-Knowledge__article--main .m-Knowledge__article-type,
    .m-Knowledge__article--main-reversed .m-Knowledge__article-type {
        margin-top: 0;
        margin-bottom: 3.2rem
    }
}

@media(min-width: 1024px) {
    .m-Knowledge__article--main-reversed .m-Knowledge__article-wrapper {
        flex-direction: row-reverse
    }
}

@media(min-width: 1024px) {
    .m-Knowledge__article--main-reversed .m-Knowledge__article-content {
        margin-left: 0;
        margin-right: 6.4rem
    }
}

.m-KnowledgeRotator {
    position: relative;
    display: flex
}

@media(max-width: 1023.98px) {
    .m-KnowledgeRotator {
        flex-direction: column-reverse
    }
}

@media(min-width: 1024px) {
    .m-KnowledgeRotator {
        min-height: 80rem;
        align-items: center
    }
}

.m-KnowledgeRotator .l-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media(min-width: 1024px) {
    .m-KnowledgeRotator .l-wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.m-KnowledgeRotator__content {
    padding-right: 5%
}

@media(min-width: 1024px) {
    .m-KnowledgeRotator__content {
        padding-right: 60%
    }
}

.m-KnowledgeRotator__content>:last-child {
    margin-bottom: 0
}

.m-KnowledgeRotator__heading {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-KnowledgeRotator__heading {
        margin-bottom: 3.2rem
    }
}

.m-KnowledgeRotator__title {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-KnowledgeRotator__title {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem;
        margin-bottom: 3.2rem
    }
}

.m-KnowledgeRotator__text {
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-KnowledgeRotator__text {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-KnowledgeRotator__swiper {
    width: 100%;
    max-height: 60vw;
    position: relative;
    height: 100vw
}

@media(min-width: 1024px) {
    .m-KnowledgeRotator__swiper {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        max-height: none;
        max-height: initial;
        width: 50%;
        height: auto;
        height: initial
    }
}

.m-KnowledgeRotator__slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 1024px) {
    .m-KnowledgeRotator.is--mirror .m-KnowledgeRotator__content {
        padding-right: 0;
        padding-left: 5%
    }
}

@media(min-width: 1024px)and (min-width: 1024px) {
    .m-KnowledgeRotator.is--mirror .m-KnowledgeRotator__content {
        padding-left: 60%
    }
}

@media(min-width: 1024px) {
    .m-KnowledgeRotator.is--mirror .m-KnowledgeRotator__swiper {
        left: 0;
        right: 50%
    }
}

.m-LeadForm,
.m-SingleLeadForm {
    min-height: 40rem;
    position: relative;
    margin: 4rem auto
}

@media(min-width: 1024px) {

    .m-LeadForm,
    .m-SingleLeadForm {
        margin: 8rem auto
    }
}

.m-LeadForm__req-label,
.m-SingleLeadForm__req-label {
    position: absolute;
    right: 0;
    top: -1px
}

@media(min-width: 1024px) {

    .m-LeadForm__req-label,
    .m-SingleLeadForm__req-label {
        top: -3px
    }
}

.m-LeadForm__select,
.m-SingleLeadForm__select {
    max-width: 35.2rem;
    margin: 0 auto 3.2rem
}

.m-LeadForm__select .c-Input__selectTrigger,
.m-LeadForm__select-title,
.m-SingleLeadForm__select .c-Input__selectTrigger,
.m-SingleLeadForm__select-title {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1360px) {

    .m-LeadForm__select .c-Input__selectTrigger,
    .m-LeadForm__select-title,
    .m-SingleLeadForm__select .c-Input__selectTrigger,
    .m-SingleLeadForm__select-title {
        font-size: 1.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 2.2rem;
        line-height: 1.6
    }
}

.m-LeadForm__select .c-Input__dropdownItem,
.m-SingleLeadForm__select .c-Input__dropdownItem {
    text-align: left
}

.m-LeadForm__select .c-Input__dropdownItem a,
.m-LeadForm__select .c-Input__dropdownItem button,
.m-SingleLeadForm__select .c-Input__dropdownItem a,
.m-SingleLeadForm__select .c-Input__dropdownItem button {
    text-align: left
}

.m-LeadForm__select-title,
.m-SingleLeadForm__select-title {
    text-align: center;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {

    .m-LeadForm__select-title,
    .m-SingleLeadForm__select-title {
        margin-bottom: 4.8rem
    }
}

@media(min-width: 1024px) {

    .m-LeadForm .m-Form__fieldset .m-Form__2cols .c-Input:last-child,
    .m-SingleLeadForm .m-Form__fieldset .m-Form__2cols .c-Input:last-child {
        margin-bottom: 2.4rem
    }
}

.m-LogoBar {
    text-align: right;
    max-height: 4rem;
    transition: max-height .3s;
    overflow: hidden
}

@media(min-width: 1024px) {
    .m-LogoBar {
        max-height: 6rem
    }
}

.m-LogoBar__link {
    display: inline-block;
    transition: transform .3s
}

.m-LogoBar__link:hover {
    transform: scale(1.05)
}

.m-LogoBar .img {
    display: inline-block;
    padding-top: .8rem;
    padding-bottom: .8rem
}

@media(min-width: 1024px) {
    .m-LogoBar .img {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
}

.m-LogoBar .img img {
    max-height: 2.4rem
}

@media(min-width: 1024px) {
    .m-LogoBar .img img {
        max-height: 3.6rem
    }
}

.m-Header--dark .m-LogoBar {
    background-color: #1f1f1f
}

.m-MainMenu {
    position: fixed;
    z-index: 100;
    top: 0;
    height: 100%;
    opacity: 0;
    left: -100%;
    right: 100%;
    transition: left .5s, right .5s, opacity .5s;
    padding-top: 5rem
}

@media(min-width: 1024px) {
    .m-MainMenu {
        padding-top: 7.3rem;
        left: -34rem
    }

    .m-MainMenu::before {
        content: "";
        position: absolute;
        left: 0;
        height: 100vh;
        width: calc(100vw + 34rem);
        background-image: linear-gradient(to left, transparent 0, rgba(0, 0, 0, 0.4) 34rem);
        z-index: -1;
        opacity: 0;
        transform: scaleX(0);
        transition: opacity .5s, transform .5s;
        transform-origin: left center
    }
}

.is--logoBar .m-MainMenu {
    top: 4rem;
    height: calc(100% - 4rem)
}

@media(min-width: 1024px) {
    .is--logoBar .m-MainMenu {
        top: 6rem;
        height: calc(100% - 6rem)
    }
}

.menu-is-open .m-MainMenu {
    left: 0;
    right: 0;
    opacity: 1
}

@media(min-width: 1024px) {
    .menu-is-open .m-MainMenu::before {
        opacity: 1;
        transform: scaleX(1)
    }
}

.m-MainMenu__container {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    overflow-x: visible;
    overflow-y: auto;
    scrollbar-color: #ebebeb #f7f7f7;
    scrollbar-width: thin
}

@media(min-width: 1024px) {
    .m-MainMenu__container {
        display: inline-flex;
        width: auto
    }
}

.m-MainMenu__container::-webkit-scrollbar {
    width: 1px;
    height: 1px
}

.m-MainMenu__container::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 100px
}

.m-MainMenu__container::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 100px
}

.m-MainMenu__url {
    position: relative;
    min-height: 5.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 500;
    transition: color .3s
}

.m-MainMenu__url span {
    position: relative
}

.m-MainMenu__url img {
    transition: filter .3s, max-width .3s
}

.m-MainMenu__url::before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #f7f7f7;
    z-index: 0
}

@media(hover: hover) {
    .m-MainMenu__url::before {
        transition: all .3s
    }

    .m-MainMenu__url:hover::before {
        transform: scaleY(1)
    }
}

.m-MainMenu__url::before {
    left: -0.8rem;
    right: -0.8rem;
    transform: scaleX(0);
    transform-origin: left center
}

@media(hover: hover) {
    .m-MainMenu__url:hover::before {
        transform: scaleX(1)
    }
}

.m-MainMenu__url span {
    text-align: left
}

.m-MainMenu__url.is--active {
    background-color: #ebebeb;
    box-shadow: -0.8rem 0 0 0 #ebebeb, .8rem 0 0 0 #ebebeb
}

.m-MainMenu__url img {
    position: inherit;
    height: 3.2rem;
    min-width: 4rem;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: .2em
}

.m-MainMenu__url--main,
.m-MainMenu__url--back {
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem
}

.m-MainMenu__url--more::after,
.m-MainMenu__url--back::after {
    content: "";
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("arrow.svg")
}

.m-MainMenu__url--more::after {
    margin-left: 1.6rem
}

.m-MainMenu__url--back {
    width: 100%;
    border-bottom: 1px solid #dedede;
    margin-bottom: 1rem
}

.m-MainMenu__url--back::after {
    transform: rotate(180deg);
    margin-right: 1.6rem;
    order: -1
}

@media(min-width: 1024px) {
    .m-MainMenu__url--back {
        display: none
    }
}

.m-MainMenu__url--category,
.m-MainMenu__url--lines {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    border: 1px solid #1f1f1f;
    width: calc(100% + .8rem);
    margin: .8rem -0.4rem;
    padding-left: 1.2rem;
    padding-right: .8rem
}

.m-MainMenu__url--category::before,
.m-MainMenu__url--lines::before {
    left: 0rem;
    right: 1px
}

@media(min-width: 1024px) {

    .m-MainMenu__url--category,
    .m-MainMenu__url--lines {
        width: calc(100% + 1.6rem);
        margin-left: -0.8rem;
        margin-right: -0.8rem;
        padding-left: 1.6rem
    }
}

.m-MainMenu__url--dark {
    background-color: #1f1f1f;
    color: #fff
}

.m-MainMenu__url--dark::before {
    background-color: #545454
}

.m-MainMenu__lvl1,
.m-MainMenu__lvl2,
.m-MainMenu__lvl3,
.m-MainMenu__lang,
.m-MainMenu__copy {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media(min-width: 1024px) {

    .m-MainMenu__lvl1,
    .m-MainMenu__lvl2,
    .m-MainMenu__lvl3,
    .m-MainMenu__lang,
    .m-MainMenu__copy {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }
}

.m-MainMenu__lvl1,
.m-MainMenu__lvl2,
.m-MainMenu__lvl3 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

@media(min-width: 1024px) {

    .m-MainMenu__lvl1,
    .m-MainMenu__lvl2,
    .m-MainMenu__lvl3 {
        width: 34rem
    }
}

.m-MainMenu__lvl1 {
    position: relative
}

.m-MainMenu__lvl1::before {
    content: "";
    display: block;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    top: 0;
    left: 1.6rem;
    right: 1.6rem
}

@media(min-width: 1024px) {
    .m-MainMenu__lvl1::before {
        left: 3.2rem;
        right: 3.2rem
    }
}

.m-MainMenu__lvl1:first-of-type::before {
    display: none
}

.m-MainMenu__lvl2,
.m-MainMenu__lvl3 {
    position: fixed;
    top: 5rem;
    border-left: 1px solid silver;
    z-index: 2;
    background-color: #fff;
    bottom: 0;
    overflow-x: visible;
    overflow-y: auto;
    scrollbar-color: #ebebeb #f7f7f7;
    scrollbar-width: thin
}

@media(min-width: 1024px) {

    .m-MainMenu__lvl2,
    .m-MainMenu__lvl3 {
        top: 7.3rem
    }
}

.m-MainMenu__lvl2::-webkit-scrollbar,
.m-MainMenu__lvl3::-webkit-scrollbar {
    width: 1px;
    height: 1px
}

.m-MainMenu__lvl2::-webkit-scrollbar-thumb,
.m-MainMenu__lvl3::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 100px
}

.m-MainMenu__lvl2::-webkit-scrollbar-track,
.m-MainMenu__lvl3::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 100px
}

.is--logoBar .m-MainMenu__lvl2,
.is--logoBar .m-MainMenu__lvl3 {
    top: 9rem
}

@media(min-width: 1024px) {

    .is--logoBar .m-MainMenu__lvl2,
    .is--logoBar .m-MainMenu__lvl3 {
        top: 13.3rem;
        height: calc(100% - 6rem)
    }
}

.m-MainMenu__lvl2 {
    opacity: 0;
    left: -100%;
    right: 100%;
    transition: left .5s, right .5s, opacity .5s
}

@media(min-width: 1024px) {
    .m-MainMenu__lvl2 {
        transition: left .5s .05s, right .5s .05s, opacity .175s;
        left: -34rem
    }
}

.m-MainMenu__lvl2.is--open {
    left: 0;
    right: 0;
    opacity: 1
}

@media(min-width: 1024px) {
    .m-MainMenu__lvl2.is--open {
        left: 34rem;
        transition: left .5s, right .5s, opacity .25s .3s
    }
}

.m-MainMenu__lvl3 {
    opacity: 0;
    left: -100%;
    right: 100%;
    transition: left .5s, right .5s, opacity .5s
}

@media(min-width: 1024px) {
    .m-MainMenu__lvl3 {
        transition: left .5s .05s, right .5s .05s, opacity .175s;
        left: -34rem
    }
}

.m-MainMenu__lvl3.is--open {
    left: 0;
    right: 0;
    opacity: 1;
    z-index: 3
}

@media(min-width: 1024px) {
    .m-MainMenu__lvl3.is--open {
        left: 68rem;
        transition: left .5s, right .5s, opacity .25s .3s
    }
}

.m-MainMenu__lang {
    position: relative;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.m-MainMenu__lang::before {
    content: "";
    display: block;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    top: 0;
    left: 1.6rem;
    right: 1.6rem
}

.m-MainMenu__lang>li {
    display: inline-block;
    margin-right: 1rem;
    border-right: 1px solid #ebebeb
}

.m-MainMenu__lang>li:last-of-type {
    border-right: none
}

.m-MainMenu__lang-url {
    padding: 1.6rem 0;
    margin-right: 1.6rem
}

.m-MainMenu__lang-url.is--active {
    font-weight: 700;
    text-decoration: underline
}

.m-MainMenu__copy {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    padding-left: 9.6rem;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.4rem
}

@media(min-width: 1024px) {
    .m-MainMenu__copy {
        flex-direction: column;
        align-items: flex-end
    }
}

.m-MainMenu__copy-eu {
    display: flex;
    align-items: center
}

.m-MainMenu__copy-eu img {
    width: 2.7rem;
    height: 1.8rem;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: .5em
}

@media(min-width: 1024px) {
    .m-MainMenu__copy-eu {
        margin-bottom: 1em
    }
}

.m-Header--dark .m-MainMenu .m-MainMenu__container,
.m-Header--dark .m-MainMenu .m-MainMenu__lvl2,
.m-Header--dark .m-MainMenu .m-MainMenu__lvl3 {
    background-color: #1f1f1f;
    scrollbar-color: #545454 #f7f7f7;
    scrollbar-width: thin
}

.m-Header--dark .m-MainMenu .m-MainMenu__container::-webkit-scrollbar,
.m-Header--dark .m-MainMenu .m-MainMenu__lvl2::-webkit-scrollbar,
.m-Header--dark .m-MainMenu .m-MainMenu__lvl3::-webkit-scrollbar {
    width: 1px;
    height: 1px
}

.m-Header--dark .m-MainMenu .m-MainMenu__container::-webkit-scrollbar-thumb,
.m-Header--dark .m-MainMenu .m-MainMenu__lvl2::-webkit-scrollbar-thumb,
.m-Header--dark .m-MainMenu .m-MainMenu__lvl3::-webkit-scrollbar-thumb {
    background: #545454;
    border-radius: 100px
}

.m-Header--dark .m-MainMenu .m-MainMenu__container::-webkit-scrollbar-track,
.m-Header--dark .m-MainMenu .m-MainMenu__lvl2::-webkit-scrollbar-track,
.m-Header--dark .m-MainMenu .m-MainMenu__lvl3::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 100px
}

.m-Header--dark .m-MainMenu .m-MainMenu__lvl1::before,
.m-Header--dark .m-MainMenu .m-MainMenu__lang::before {
    background-color: #545454
}

.m-Header--dark .m-MainMenu .m-MainMenu__lang,
.m-Header--dark .m-MainMenu .m-MainMenu__copy-eu,
.m-Header--dark .m-MainMenu .m-MainMenu__copy-co {
    color: #f7f7f7
}

.m-Header--dark .m-MainMenu .m-MainMenu__lang li,
.m-Header--dark .m-MainMenu .m-MainMenu__copy-eu li,
.m-Header--dark .m-MainMenu .m-MainMenu__copy-co li {
    border-color: #545454
}

.m-Header--dark .m-MainMenu .m-MainMenu__url {
    color: #f7f7f7;
    transition: color .3s
}

.m-Header--dark .m-MainMenu .m-MainMenu__url span {
    position: relative
}

.m-Header--dark .m-MainMenu .m-MainMenu__url img {
    transition: filter .3s, max-width .3s
}

.m-Header--dark .m-MainMenu .m-MainMenu__url::before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #f7f7f7;
    background-color: #3c3c3c;
    z-index: 0
}

@media(hover: hover) {
    .m-Header--dark .m-MainMenu .m-MainMenu__url::before {
        transition: all .3s
    }

    .m-Header--dark .m-MainMenu .m-MainMenu__url:hover {
        color: #fff
    }

    .m-Header--dark .m-MainMenu .m-MainMenu__url:hover::before {
        transform: scaleY(1)
    }

    .m-Header--dark .m-MainMenu .m-MainMenu__url:hover img {
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
    }
}

.m-Header--dark .m-MainMenu .m-MainMenu__url::before {
    left: -0.8rem;
    right: -0.8rem;
    transform: scaleX(0);
    transform-origin: left center
}

@media(hover: hover) {
    .m-Header--dark .m-MainMenu .m-MainMenu__url:hover::before {
        transform: scaleX(1)
    }
}

.m-Header--dark .m-MainMenu .m-MainMenu__url.is--active {
    background-color: #3c3c3c;
    box-shadow: -0.8rem 0 0 0 #3c3c3c, .8rem 0 0 0 #3c3c3c
}

.m-Header--dark .m-MainMenu .m-MainMenu__url--more::after,
.m-Header--dark .m-MainMenu .m-MainMenu__url--back::after {
    filter: invert(1)
}

.m-Header--dark .m-MainMenu .m-MainMenu__url img {
    filter: invert(1)
}

.m-Header--dark .m-MainMenu .m-MainMenu__lvl2,
.m-Header--dark .m-MainMenu .m-MainMenu__lvl3,
.m-Header--dark .m-MainMenu .m-MainMenu__url--back {
    border-color: #545454
}

.m-Header--dark .m-MainMenu .m-MainMenu__url--category,
.m-Header--dark .m-MainMenu .m-MainMenu__url--lines {
    border: 1px solid #f7f7f7
}

.m-Header--dark .m-MainMenu .m-MainMenu__url--category::before,
.m-Header--dark .m-MainMenu .m-MainMenu__url--lines::before {
    left: 0;
    right: 0
}

.m-Header--dark .m-MainMenu .m-MainMenu__url--category.m-MainMenu__url--dark,
.m-Header--dark .m-MainMenu .m-MainMenu__url--lines.m-MainMenu__url--dark {
    background-color: #f7f7f7;
    color: #1f1f1f
}

.m-Header--dark .m-MainMenu .m-MainMenu__url--category.m-MainMenu__url--dark::before,
.m-Header--dark .m-MainMenu .m-MainMenu__url--lines.m-MainMenu__url--dark::before {
    background-color: #ebebeb
}

.m-MatchingProducts {
    overflow: hidden
}

.m-MatchingProducts__swiper {
    overflow: visible;
    margin-top: 3.2rem
}

@media(hover: hover) {
    .m-MatchingProducts__items:not(.single-item):hover .m-MatchingProducts__slide:not(:hover) .m-MatchingProducts__image {
        filter: grayscale(15%)
    }

    .m-MatchingProducts__items:not(.single-item):hover .m-MatchingProducts__slide:not(:hover) .m-MatchingProducts__image::after {
        background-color: rgba(255, 255, 255, .5)
    }
}

.m-MatchingProducts__slide {
    width: 20rem;
    max-width: 20rem;
    padding-right: .8rem
}

@media(min-width: 1024px) {
    .m-MatchingProducts__slide {
        width: 36rem;
        max-width: 36rem
    }
}

.m-MatchingProducts__image {
    position: relative;
    max-width: 36rem;
    margin: 0 auto
}

.m-MatchingProducts__image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    transition: .3s
}

.m-MatchingProducts__image img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-MatchingProducts__name {
    margin-top: 1.6rem
}

.m-MatchingProducts__brand {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    margin-top: .4rem
}

.m-MatchingProducts__category {
    position: relative;
    padding-right: .8rem;
    margin-right: .8rem
}

.m-MatchingProducts__category-wrapper {
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.4rem;
    margin-top: .8rem
}

@media(min-width: 1024px) {
    .m-MatchingProducts__category-wrapper {
        font-size: 1.2rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 1.6rem
    }
}

.m-MatchingProducts__category::after {
    content: "";
    display: block;
    height: .8rem;
    width: .8rem;
    filter: invert(46%) sepia(37%) saturate(0%) hue-rotate(278deg) brightness(89%) contrast(78%);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("arrow.svg");
    filter: invert(75%) sepia(0%) saturate(20%) hue-rotate(172deg) brightness(90%) contrast(87%);
    position: absolute;
    top: 50%;
    right: -0.8rem;
    transform: translate(-50%, -50%)
}

.m-OurProjects {
    overflow: hidden
}

.m-OurProjects .c-Navigation {
    margin-right: 0;
    margin-top: 0
}

.m-OurProjects .c-Scrollbar {
    margin-top: 3.2rem
}

.m-OurProjects__bar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.m-OurProjects__info span {
    display: block
}

.m-OurProjects__info span:first-of-type {
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem;
    margin-bottom: .4rem
}

.m-OurProjects__info span:last-of-type {
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    opacity: .5
}

.m-OurProjects__list .swiper-slide {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-OurProjects__slideImage {
    height: 100%;
    width: 100%
}

.m-OurProjects__slideImage picture {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-OurProjects__slideImage img {
    max-height: 60vw
}

.m-People__cards-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem
}

.m-People--cardsToCenter .m-People__cards-list {
    justify-content: center
}

.m-People__card {
    width: 100%;
    max-width: 44rem
}

@media(min-width: 480px) {
    .m-People__card {
        width: calc(50% - 1.2rem)
    }
}

@media(min-width: 752px) {
    .m-People__card {
        width: calc(33.3333333333% - 1.6rem)
    }
}

@media(min-width: 1024px) {
    .m-People__card {
        width: calc(25% - 1.8rem)
    }
}

.m-People__image-wrapper {
    position: relative;
    padding-bottom: 100%
}

.m-People__image-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-People__card-text {
    padding: 2.4rem 4.8rem
}

.m-People__card-text>*:last-child {
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .m-People__card-text {
        padding: 3.2rem 6.4rem
    }
}

.m-People__card-title {
    font-weight: 700
}

@media(min-width: 1024px) {
    .m-People__card-title {
        margin-bottom: 1.6rem
    }
}

@media(min-width: 1024px) {
    .m-PolicyHeader .Heading {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem
    }
}

.m-PolicyHeader.is--centered {
    text-align: center
}

.m-PolicyHeader.is--bolded {
    font-weight: 500
}

.m-Popup {
    background-color: #fff;
    position: fixed;
    top: 100vh;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: top .3s, opacity .3s
}

.m-Popup.is--active {
    opacity: 1;
    top: 0;
    z-index: 700
}

.m-Popup__close {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    width: 4.8rem;
    height: 4.8rem;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s
}

.m-Popup__close::before,
.m-Popup__close::after {
    content: "";
    display: inline-block;
    position: absolute;
    background-color: #000;
    height: 2px;
    border-radius: 1px;
    width: 3.6rem;
    transform-origin: center center;
    transition: transform .3s
}

.m-Popup__close::before {
    transform: rotate(45deg)
}

.m-Popup__close::after {
    transform: rotate(-45deg)
}

@media(hover: hover) {
    .m-Popup__close:hover {
        background-color: #ebebeb
    }

    .m-Popup__close:hover::before {
        transform: rotate(45deg) scaleX(1.25)
    }

    .m-Popup__close:hover::after {
        transform: rotate(-45deg) scaleX(1.25)
    }
}

.m-Popup__forge-btns {
    position: absolute;
    z-index: 2;
    padding: .25rem;
    gap: 1px;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-Popup__forge-btns button {
    position: relative;
    background-color: #fff;
    padding: .5rem .75rem;
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    transition: color .3s
}

.m-Popup__forge-btns button span {
    position: relative
}

.m-Popup__forge-btns button.is--active::before {
    height: 3px
}

.m-Popup__forge-btns button::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #000;
    transition: height .3s;
    z-index: 0
}

@media(hover: hover) {
    .m-Popup__forge-btns button:hover {
        color: #fff
    }

    .m-Popup__forge-btns button:hover::before {
        height: 100%
    }
}

.m-Popup__container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.m-Popup .m-Video {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-Popup .m-Video video {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.m-Popup--long .m-Popup__container {
    overflow-y: auto
}

.m-Popup--transparentBg {
    background-color: rgba(0, 0, 0, .3)
}

@media(max-width: 479.98px) {
    .m-Popup--DAM .m-BetaLayer {
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        transform: none;
        transform: initial
    }
}

.m-Popup--DAM .m-BetaLayer--info {
    padding: 0
}

.m-Popup--DAM .m-BetaLayer__container {
    overflow-y: auto;
    max-height: 80vh;
    padding: 6.4rem 9.6rem 6.4rem 4.8rem
}

@media(max-width: 479.98px) {
    .m-Popup--DAM .m-BetaLayer__container {
        padding: 4.8rem 4.8rem 4.8rem 3.2rem;
        max-height: 100%
    }
}

.m-Popup--DAM .m-Popup__close {
    width: 4rem;
    height: 4rem
}

.m-Popup--DAM .m-Popup__close::before,
.m-Popup--DAM .m-Popup__close::after {
    width: 1.8rem
}

.m-Popup .m-FormContainer {
    margin: 9.6rem 0
}

.m-ProductsListing {
    padding-top: 1.6rem;
    position: relative;
    min-height: 278rem
}

@media screen and (min-width: 600px) {
    .m-ProductsListing {
        min-height: 248rem
    }
}

@media(min-width: 1024px) {
    .m-ProductsListing {
        min-height: 177.6rem
    }
}

.m-ProductsListing__main-title {
    position: fixed;
    z-index: 200;
    top: 0;
    height: 4.8rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-ProductsListing__main-title {
    text-align: center;
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    line-height: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 12rem);
    font-weight: 700
}

@media(min-width: 1024px) {
    .m-ProductsListing__main-title {
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem;
        width: calc(100% - 50rem);
        height: 7.2rem
    }
}

.m-ProductsListing__level-controller {
    display: flex;
    justify-content: center;
    gap: 2.4rem;
    margin-bottom: 1.6rem
}

@media(min-width: 768px) {
    .m-ProductsListing__level-controller {
        gap: 4rem
    }
}

.m-ProductsListing__level-controller .c-ButtonDropdown {
    gap: 1.2rem;
    flex-basis: initial
}

.m-ProductsListing__filters {
    height: 0;
    margin-top: -1px;
    overflow: hidden;
    transition: height .3s
}

.m-ProductsListing__filters .l-wrapper {
    display: flex;
    justify-content: center;
    position: relative
}

.m-ProductsListing__filters:before {
    content: "";
    height: 1px;
    display: block;
    background-color: #ebebeb;
    position: absolute;
    left: 1.6rem;
    right: 1.6rem
}

@media(min-width: 1024px) {
    .m-ProductsListing__filters:before {
        left: 3.2rem;
        right: 3.2rem
    }
}

.m-ProductsListing__categories {
    display: flex;
    overflow-x: auto
}

.m-Process .l-wrapper {
    display: flex;
    justify-content: center
}

.m-Process__field {
    position: relative;
    display: flex;
    align-items: center;
    padding: 3.2rem 2.4rem 3.2rem 0;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .m-Process__field {
        padding: 7.2rem 6.4rem 7.2rem 0;
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-Process__field:after {
    content: "";
    position: absolute;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-color: inherit;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(50%) scale(2.5, 1) rotate(45deg);
    z-index: 1
}

@media(min-width: 1024px) {
    .m-Process__field:after {
        width: 4.8rem;
        height: 4.8rem
    }
}

.m-Process__field:last-child:after {
    display: none
}

.m-Process__description {
    padding-left: 2.4rem;
    max-width: 80rem
}

@media(min-width: 1024px) {
    .m-Process__description {
        padding-left: 6.4rem
    }
}

.m-Process__icon-wrapper {
    position: relative;
    min-height: 6.4rem;
    min-width: 33%
}

@media(min-width: 1024px) {
    .m-Process__icon-wrapper {
        min-width: 37.6rem;
        min-height: 12rem
    }
}

.m-Process__icon-wrapper+.m-Process__description {
    padding-left: 0
}

.m-Process__icon-wrapper img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.m-ProjectHeading {
    margin: 2.4rem 0
}

@media(min-width: 1024px) {
    .m-ProjectHeading .l-wrapper {
        display: flex;
        align-items: flex-end
    }
}

.m-ProjectHeading__title {
    font-weight: 700;
    margin-bottom: .4rem
}

@media(min-width: 1024px) {
    .m-ProjectHeading__title {
        margin-bottom: 0;
        margin-right: 1.6rem
    }
}

.m-ProjectHeading__subtitle {
    margin-bottom: 0rem
}

@media(min-width: 1024px) {
    .m-ProjectHeading__subtitle {
        margin-bottom: 2px
    }
}

.m-Projects {
    position: relative;
    min-height: 50vh;
    margin-top: 1.6rem
}

.m-Projects__results {
    text-align: right;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    margin-top: 2.4rem
}

@media(min-width: 1024px) {
    .m-Projects__results {
        margin-top: 3.2rem
    }
}

.m-Projects__items {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin: 2.4rem auto
}

@media(min-width: 1024px) {
    .m-Projects__items {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6.4rem 2%;
        margin: 3.2rem auto
    }
}

@media(min-width: 1024px) {
    .m-Projects__item {
        flex-basis: 32%
    }
}

@media(min-width: 1024px) {
    .m-Projects__item--promoted {
        flex-basis: 66%
    }
}

.m-Projects__item .c-Button__label {
    white-space: nowrap
}

.m-Projects__image {
    margin-bottom: 1.6rem;
    text-align: center;
    aspect-ratio: 1.6666666667;
    position: relative
}

@media(min-width: 1024px) {
    .m-Projects__image {
        text-align: left
    }
}

.m-Projects__image img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-Projects__image .c-Loader__icon {
    top: 50%
}

@media(min-width: 768px) {
    .m-Projects__content-wrapper {
        display: flex;
        justify-content: space-between;
        gap: 1.6rem
    }
}

.m-Projects__content-wrapper .c-Button {
    align-self: flex-start;
    margin: 2.4rem auto 4.8rem 0
}

@media(min-width: 768px) {
    .m-Projects__content-wrapper .c-Button {
        margin: .8rem 0 4.8rem auto
    }
}

@media(min-width: 1024px) {
    .m-Projects__content-wrapper .c-Button {
        margin-bottom: 0
    }
}

.m-Projects__location {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    color: #737373;
    margin-bottom: .8rem
}

@media(min-width: 1024px) {
    .m-Projects__location {
        margin-bottom: 1.2rem
    }
}

.m-Projects__title {
    display: inline-block;
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    margin: 0;
    font-weight: 500
}

@media(min-width: 1024px) {
    .m-Projects__item--promoted .m-Projects__title {
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem
    }
}

.m-Projects__info {
    text-align: center;
    margin-bottom: 4.8rem
}

.m-Projects__info-text {
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem;
    margin-bottom: 4.8rem
}

.m-Quote .l-wrapper {
    display: flex;
    justify-content: center
}

.m-Quote__container {
    display: flex;
    flex-direction: column
}

@media(min-width: 1024px) {
    .m-Quote__container {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }
}

.m-Quote__img-wrapper {
    position: relative;
    width: 50%;
    aspect-ratio: 1/1;
    left: 50%;
    margin-top: -15%
}

@media(min-width: 1024px) {
    .m-Quote__img-wrapper {
        width: 30%;
        max-width: 48rem;
        left: 0;
        margin-right: -9.6rem;
        margin-top: 0;
        margin-top: initial
    }
}

@media(min-width: 1024px) {
    .l-wrapper--maxWidthSmall .m-Quote__img-wrapper {
        width: 45%
    }
}

.m-Quote__img-wrapper img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-Quote__img-wrapper~.m-Quote__content {
    display: block;
    padding-top: 25%;
    text-align: center
}

@media(min-width: 1024px) {
    .m-Quote__img-wrapper~.m-Quote__content {
        padding: 9.6rem;
        text-align: left;
        padding-left: 19.2rem
    }
}

.m-Quote__img-wrapper~.m-Quote__content .m-Quote__text-wrapper {
    text-align: left
}

.m-Quote__img-wrapper~.m-Quote__content .m-Quote__text {
    max-width: 75.2rem
}

.m-Quote__img-wrapper~.m-Quote__content .m-Quote__icon {
    margin: 0;
    margin-bottom: 3.2rem;
    width: auto;
    width: initial
}

@media(min-width: 1024px) {
    .m-Quote__img-wrapper~.m-Quote__content .m-Quote__icon {
        margin-bottom: 6.4rem
    }
}

.m-Quote__content {
    padding: 2.4rem;
    background-color: #ebebeb
}

@media(min-width: 1024px) {
    .m-Quote__content {
        padding: 6.4rem 6.4rem 6.4rem 0;
        display: flex;
        align-items: center
    }
}

.m-Quote__icon {
    height: 6.4rem;
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-Quote__icon {
        width: 15.2rem;
        margin: 0 11.2rem;
        height: 12rem
    }
}

.colorBg--6 .m-Quote__icon,
.colorBg--7 .m-Quote__icon,
.colorBg--8 .m-Quote__icon,
.colorBg--9 .m-Quote__icon,
[class*=color700Bg--] .m-Quote__icon,
[class*=color800Bg--] .m-Quote__icon {
    filter: invert(1)
}

.m-Quote__text {
    width: 100%;
    max-width: 75.2rem;
    margin-bottom: 1.6rem;
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

@media(min-width: 1024px) {
    .m-Quote__text {
        margin-bottom: 3.2rem;
        max-width: 78.4rem
    }
}

.m-Quote__name {
    margin-bottom: .8rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 700
}

@media(min-width: 1024px) {
    .m-Quote__description {
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem
    }
}

.m-Quote--Kusch .m-Quote__content {
    padding: 3.6rem 0;
    background-color: transparent;
    background-color: initial
}

@media(min-width: 1024px) {
    .m-Quote--Kusch .m-Quote__content {
        padding: 8rem 0
    }
}

.m-Quote--Kusch .m-Quote__text {
    max-width: none;
    max-width: initial;
    font-weight: 400;
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-Quote--Kusch .m-Quote__text {
        margin-bottom: 4rem;
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem;
        line-height: 1.75
    }
}

.m-Quote--Kusch .m-Quote__text--Kusch {
    font-size: 2.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-family: "Baskervville", serif;
    font-weight: 400;
    line-height: 1.3;
    line-height: 1.35
}

@media(min-width: 1024px) {
    .m-Quote--Kusch .m-Quote__text--Kusch {
        font-size: 3.6rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-family: "Baskervville", serif;
        font-weight: 400;
        line-height: 1.3;
        line-height: 1.56
    }
}

.m-Quote--Kusch .m-Quote__text-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 75.2rem
}

@media(min-width: 1024px) {
    .m-Quote--Kusch .m-Quote__text-wrapper {
        max-width: 92rem
    }
}

.m-Quote--Kusch .m-Quote__name,
.m-Quote--Kusch .m-Quote__description {
    text-align: right;
    font-weight: 400
}

.m-Quote--Kusch .m-Quote__name {
    display: inline-block;
    position: relative;
    align-self: end;
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

@media(min-width: 1024px) {
    .m-Quote--Kusch .m-Quote__name {
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem
    }
}

.m-Quote--Kusch .m-Quote__name span {
    position: relative;
    padding-left: .4rem
}

@media(min-width: 1024px) {
    .m-Quote--Kusch .m-Quote__name span {
        padding-left: 1.6rem
    }
}

.m-Quote--Kusch .m-Quote__name span:before {
    position: absolute;
    left: -2.5rem;
    content: "— "
}

.m-Quote--Kusch .m-Quote__description {
    margin-top: .8rem
}

@media(min-width: 1024px) {
    .m-Quote--Kusch .m-Quote__description {
        margin-top: 1.6rem;
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-ReportListElement {
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-ReportListElement {
        margin-bottom: 8rem
    }
}

.m-ReportListElement__wrapper {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

@media(min-width: 768px) {
    .m-ReportListElement__content {
        width: 70%;
        padding-bottom: 8rem
    }
}

@media(min-width: 1024px) {
    .m-ReportListElement__content {
        width: 60%
    }
}

.m-ReportListElement__content-wrapper {
    padding-top: 4rem
}

@media(min-width: 768px) {
    .m-ReportListElement__content-wrapper {
        padding-top: 8rem;
        margin: 0 auto;
        max-width: 85%;
        display: flex;
        gap: 12rem
    }
}

.m-ReportListElement__heading {
    font-weight: 500;
    margin: 0
}

.m-ReportListElement__text {
    margin-top: 2.4rem
}

.m-ReportListElement__text p {
    margin-bottom: 4.8rem
}

@media(min-width: 1024px) {
    .m-ReportListElement__text p {
        margin-bottom: 8rem
    }
}

.m-ReportListElement__text ul,
.m-ReportListElement__text ol {
    padding-left: 2.4rem;
    margin: 1.6rem 0;
    line-height: 1.5625
}

.m-ReportListElement__text ul {
    list-style-type: none
}

.m-ReportListElement__text ul li {
    position: relative
}

.m-ReportListElement__text ul li:before {
    position: absolute;
    left: -2.5rem;
    content: "— "
}

.m-ReportListElement__text ol {
    list-style-type: decimal
}

.m-ReportListElement__text a:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .m-ReportListElement__text a:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.m-ReportListElement__text a:disabled {
    cursor: auto
}

.m-ReportListElement__text .c-Wysiwyg__heading {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

@media(min-width: 1024px) {
    .m-ReportListElement__text .c-Wysiwyg__heading {
        font-size: 4.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 5.6rem;
        margin-bottom: 2.4rem
    }
}

.m-ReportListElement__text .c-Wysiwyg__introText {
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

@media(min-width: 1024px) {
    .m-ReportListElement__text .c-Wysiwyg__introText {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem;
        margin-bottom: 2.4rem
    }
}

.m-ReportListElement__text .c-Wysiwyg__text {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .m-ReportListElement__text .c-Wysiwyg__text {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem
    }
}

.m-ReportListElement__text .c-Wysiwyg__textBigger {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .m-ReportListElement__text .c-Wysiwyg__textBigger {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-ReportListElement__text table th,
.m-ReportListElement__text table td {
    border: 1px solid #1f1f1f;
    padding: .8rem;
    color: #1f1f1f
}

.m-ReportListElement__text table th {
    background-color: #ebebeb;
    font-weight: 500
}

@media(min-width: 1024px) {
    .m-ReportListElement__text {
        margin-top: 3.2rem
    }
}

.m-ReportListElement .c-Button {
    margin-top: 3.2rem
}

@media(min-width: 1024px) {
    .m-ReportListElement .c-Button {
        margin-top: 4rem
    }
}

.m-ReportListElement__cover {
    text-align: center;
    margin: 4rem auto 0;
    position: relative;
    overflow: hidden;
    min-height: 32rem
}

@media(min-width: 768px) {
    .m-ReportListElement__cover {
        margin: 0;
        max-width: 30%;
        width: 100%;
        display: flex;
        align-items: flex-end
    }
}

@media(min-width: 1024px) {
    .m-ReportListElement__cover {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        max-width: 40%
    }
}

.m-ReportListElement__cover .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.m-RichText__container {
    max-width: 91.2rem;
    margin: 0 auto
}

.m-Search__input-icon {
    display: block;
    padding: 0 .8rem;
    width: 2.4rem;
    height: 2.4rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("search.svg");
    transition: .3s
}

@media(min-width: 1024px) {
    .m-Search__input-icon {
        width: 3.2rem;
        height: 3.2rem
    }
}

@media(hover: hover) {
    .m-Search__input-icon:hover {
        transform: scale(1.25)
    }
}

.m-Search .l-wrapper {
    padding-top: 6.4rem
}

@media(min-width: 1024px) {
    .m-Search .l-wrapper {
        padding-top: 8rem
    }
}

.m-Search__input-wrapper {
    display: flex;
    align-items: center;
    padding-bottom: .8rem;
    margin-bottom: 3.2rem;
    border-bottom: solid 1px;
    border-color: silver;
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

@media(min-width: 1024px) {
    .m-Search__input-wrapper {
        padding-bottom: 1.6rem;
        margin-bottom: 4.8rem
    }
}

.m-Search__input-wrapper input.focus-visible {
    box-shadow: none
}

.m-Search__input-wrapper input:focus-visible {
    box-shadow: none
}

.m-Search__input {
    width: 100%;
    outline: none
}

.m-Search__input::-moz-placeholder {
    color: silver
}

.m-Search__input::placeholder {
    color: silver
}

.m-Search__start-links {
    display: flex;
    flex-direction: column;
    gap: 3.2rem
}

@media(min-width: 1024px) {
    .m-Search__start-links {
        flex-direction: row
    }
}

.m-Search__popular-searches,
.m-Search__quick-inks {
    flex: 1
}

.m-Search__list-title {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-Search__list-title {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem;
        margin-bottom: 3.2rem
    }
}

.m-Search__links-list>* {
    margin-bottom: 1.6rem
}

.m-Search__links-list>*:last-child {
    margin: 0
}

.m-Search__void-result,
.m-Search__link {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1024px) {

    .m-Search__void-result,
    .m-Search__link {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-SearchResults {
    margin-top: -1.36rem
}

.m-SearchResults__search-param {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    margin-bottom: 4rem;
    text-align: center
}

.m-SearchResults__results {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: .8rem;
    gap: .8rem;
    grid-auto-rows: minmax(24rem, 1fr);
    margin-bottom: 3.2rem
}

@media(min-width: 480px) {
    .m-SearchResults__results {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 752px) {
    .m-SearchResults__results {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width: 1024px) {
    .m-SearchResults__results {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(min-width: 1024px) {
    .m-SearchResults__results {
        margin-bottom: 8rem
    }
}

.m-SearchResults__void-result {
    text-align: right;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1024px) {
    .m-SearchResults__void-result {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-Showrooms {
    position: relative;
    min-height: 50vh;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-Showrooms {
        margin-bottom: 8rem
    }
}

.m-Showrooms__heading {
    font-weight: 500;
    margin-top: 2.4rem
}

@media(min-width: 1024px) {
    .m-Showrooms__heading {
        margin-top: 6.4rem
    }
}

.m-Showrooms__items {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin-top: 2.4rem
}

@media(min-width: 480px) {
    .m-Showrooms__items {
        margin-top: 6.4rem;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6.4rem 2%
    }
}

@media(min-width: 480px) {
    .m-Showrooms__item {
        width: 100%;
        flex-basis: 49%
    }
}

@media(min-width: 1024px) {
    .m-Showrooms__item {
        flex-basis: 32%
    }
}

.m-Showrooms__item .c-Loader__icon {
    top: 50%
}

.m-Showrooms__image {
    margin-bottom: 1.6rem;
    text-align: center;
    aspect-ratio: 1.6666666667;
    position: relative
}

@media(min-width: 1024px) {
    .m-Showrooms__image {
        text-align: left
    }
}

.m-Showrooms__image img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    height: initial
}

.m-Showrooms__country {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    color: #737373;
    margin-bottom: .8rem
}

@media(min-width: 1024px) {
    .m-Showrooms__country {
        margin-bottom: 1.2rem
    }
}

.m-Showrooms__city {
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    margin: 0;
    font-weight: 500
}

.m-Showrooms .c-Filters__list {
    padding-top: 4rem
}

.m-SideBySide {
    position: relative
}

.m-SideBySide__wrapper {
    width: 100%
}

@media(max-width: 1023.98px) {
    .m-SideBySide.m-SideBySide--additionalIndent .m-SideBySide__wrapper {
        max-width: none;
        padding: 0
    }
}

@media(min-width: 1024px) {
    .m-SideBySide {
        min-height: 80rem;
        display: flex;
        align-items: center
    }

    .m-SideBySide.m-SideBySide--additionalIndent {
        background-color: inherit !important
    }

    .m-SideBySide.m-SideBySide--additionalIndent .m-SideBySide__wrapper {
        display: flex
    }

    .m-SideBySide.m-SideBySide--additionalIndent .m-SideBySide__view-wrapper {
        position: relative;
        top: auto;
        top: initial;
        left: auto;
        left: initial;
        min-width: 50%
    }

    .m-SideBySide.m-SideBySide--additionalIndent .m-SideBySide__content {
        order: -1;
        width: 100%;
        padding-left: 15.2rem;
        padding-right: 4.8rem
    }

    .m-SideBySide.m-SideBySide--additionalIndent .m-SideBySide__content .m-SideBySide__content-wrapper {
        padding: 0
    }

    .m-SideBySide.m-SideBySide--additionalIndent .m-SideBySide__item-icon {
        width: 4.8rem;
        height: 4.8rem
    }

    .m-SideBySide.m-SideBySide--additionalIndent.is--mirror .m-SideBySide__content {
        order: 0
    }

    .m-SideBySide.m-SideBySide--additionalIndent.is--mirror .m-SideBySide__view-wrapper {
        right: auto;
        right: initial
    }
}

.m-SideBySide__content {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media(min-width: 1024px) {
    .m-SideBySide__content {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.m-SideBySide__content-wrapper {
    padding-right: 5%
}

@media(min-width: 1024px) {
    .m-SideBySide__content-wrapper {
        padding-right: 60%
    }
}

.m-SideBySide__content-wrapper>:last-child {
    margin-bottom: 0
}

.m-SideBySide__title {
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-SideBySide__title {
        margin-bottom: 6.4rem
    }
}

.m-SideBySide__description {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-SideBySide__description {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        margin-bottom: 6.4rem
    }
}

.m-SideBySide__items-list {
    display: grid;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    margin-bottom: 4rem
}

@media(min-width: 1024px) {
    .m-SideBySide__items-list {
        margin-bottom: 9.6rem
    }
}

.m-SideBySide__item {
    display: flex
}

.m-SideBySide__item-icon {
    width: 6.4rem;
    height: 6.4rem;
    margin-right: 2.4rem
}

.colorBg--6 .m-SideBySide__item-icon,
.colorBg--7 .m-SideBySide__item-icon,
.colorBg--8 .m-SideBySide__item-icon,
.colorBg--9 .m-SideBySide__item-icon,
[class*=color700Bg--] .m-SideBySide__item-icon,
[class*=color800Bg--] .m-SideBySide__item-icon {
    filter: invert(1)
}

@media(min-width: 1024px) {
    .m-SideBySide__item-icon {
        width: 7.2rem;
        height: 7.2rem;
        margin-right: 3.2rem
    }
}

.m-SideBySide__item-text>:last-child {
    margin-bottom: 0
}

.m-SideBySide__item-title {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 700;
    margin-bottom: .8rem
}

@media(min-width: 1024px) {
    .m-SideBySide--twoCols .m-SideBySide__items-list {
        grid-template-columns: 1fr 1fr
    }

    .m-SideBySide--twoCols .m-SideBySide__item-icon {
        width: 4.8rem;
        height: 4.8rem
    }
}

.m-SideBySide__view-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center
}

.m-SideBySide__view-wrapper .m-SideBySide__view-text {
    padding-bottom: 0;
    padding-top: 4rem;
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

@media(min-width: 1024px) {
    .m-SideBySide__view-wrapper .m-SideBySide__view-text {
        padding: 0;
        align-self: center;
        max-width: 70%;
        font-size: 6.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 8rem
    }
}

.m-SideBySide__view-wrapper picture {
    width: 100%
}

.m-SideBySide__view-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 1024px) {
    .m-SideBySide__view-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        max-height: none;
        max-height: initial;
        width: 50%;
        height: auto;
        height: initial
    }
}

@media(min-width: 1024px) {
    .m-SideBySide.is--mirror .m-SideBySide__content-wrapper {
        padding-right: 0;
        padding-left: 5%
    }
}

@media(min-width: 1024px)and (min-width: 1024px) {
    .m-SideBySide.is--mirror .m-SideBySide__content-wrapper {
        padding-left: 60%
    }
}

@media(min-width: 1024px) {
    .m-SideBySide.is--mirror .m-SideBySide__view-wrapper {
        left: 0;
        right: 50%
    }
}

.m-SimpleHeadlineDAM {
    padding: 3.2rem 0 2.4rem
}

@media(min-width: 1024px) {
    .m-SimpleHeadlineDAM {
        padding: 6.4rem 0 4rem 0
    }
}

.m-SimpleHeadlineDAM__title {
    margin-bottom: 0;
    font-weight: 500
}

.m-SimpleHeadlineDAM__text {
    margin-top: .8rem;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    max-width: 80%
}

@media(min-width: 1024px) {
    .m-SimpleHeadlineDAM__text {
        margin-top: 1.6rem;
        font-size: 1.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 2.2rem;
        line-height: 1.4
    }

    .m-SimpleHeadlineDAM--shorter .m-SimpleHeadlineDAM__text {
        max-width: 50%
    }
}

.m-ShowroomMap {
    margin-bottom: 1.6rem
}

.m-ShowroomMap__container {
    position: relative
}

@media(min-width: 1024px) {
    .m-ShowroomMap__container {
        padding-left: 16rem
    }
}

.m-ShowroomMap__map {
    height: 38.8rem
}

@media screen and (max-height: 700px)and (orientation: landscape) {
    .m-ShowroomMap__map {
        height: 48rem
    }
}

@media(min-width: 1024px) {
    .m-ShowroomMap__map {
        height: 71.5rem
    }
}

.m-ShowroomMap__details {
    padding: 4.05rem 2.4rem
}

.m-ShowroomMap__detailsHeading {
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-ShowroomMap__detailsHeading {
        margin-bottom: 4.8rem
    }
}

@media(min-width: 1024px) {
    .m-ShowroomMap__details {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 44rem;
        padding: 9.7rem 4.8rem 9.9rem
    }
}

.m-ShowroomMap__address {
    margin: 0 0 2.4rem
}

@media(min-width: 1024px) {
    .m-ShowroomMap__address {
        margin: 3.2rem 0 3.2rem
    }
}

.m-ShowroomMap__contact {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: start;
    margin: 3.2rem 0 1.6rem
}

.m-ShowroomMap__contact .c-Button {
    margin-bottom: 1.4rem
}

.m-ShowroomMap__error-info {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 2.2rem
}

.m-Submenu {
    position: fixed;
    z-index: 20;
    left: 0;
    right: 0;
    top: 5rem;
    transition: top .5s, opacity .1s;
    background-color: #ebebeb
}

@media(min-width: 1024px) {
    .m-Submenu {
        top: 7.3rem;
        background-color: #fff
    }
}

.is--logoBar .m-Submenu {
    top: 9rem
}

@media(min-width: 1024px) {
    .is--logoBar .m-Submenu {
        top: 13.3rem
    }
}

.m-Submenu.is--compressed .m-Submenu__container {
    max-height: 4rem
}

.m-Submenu.is--compressed .m-Submenu__url {
    max-height: 4rem
}

.m-Submenu.is--compressed .m-Submenu__url img {
    max-width: 0
}

.m-Submenu.is--compressed .m-Submenu__url:hover:before {
    transform: scaleX(1)
}

.m-Submenu.is--compressed .m-Submenu__category {
    max-height: 4rem
}

.m-Submenu.is--compressed .m-Submenu__category .m-Submenu__url {
    gap: 0
}

.m-Submenu.is--compressed .m-Submenu__category .m-Submenu__url:before {
    top: -1px
}

.m-Submenu.is--compressed .m-Submenu__subcategory {
    margin-top: -1.6rem
}

.m-Submenu.is--compressed .m-Submenu__subcategory .m-Submenu__url {
    gap: 0
}

.m-Submenu.is--compressed .m-Submenu__subcategory .m-Submenu__url:before {
    top: 0;
    height: calc(100% + 4px)
}

.m-Submenu.is--collapsed {
    top: 5rem
}

.m-Submenu.is--collapsed .m-Submenu__url {
    max-height: 0
}

.m-Submenu.is--collapsed .m-Submenu__container {
    max-height: 0
}

.m-Submenu.is--collapsed .m-Submenu__category,
.m-Submenu.is--collapsed .m-Submenu__subcategory {
    max-height: 0
}

@media(min-width: 1024px) {
    .m-Submenu.is--collapsed {
        top: 7.3rem
    }
}

.m-Submenu.transition {
    opacity: 0
}

@media(min-width: 1024px) {
    .m-Submenu__container {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        overflow: hidden
    }
}

.m-Submenu__category,
.m-Submenu__subcategory {
    position: fixed;
    z-index: 20;
    background-color: #ebebeb;
    overflow: hidden
}

@media(max-width: 1023.98px) {

    .m-Submenu__category,
    .m-Submenu__subcategory {
        padding-top: 4.8rem;
        height: calc(100% - 5rem);
        top: 5rem;
        opacity: 0;
        left: -100%;
        right: 100%;
        transition: left .5s, right .5s, opacity .5s
    }
}

@media(min-width: 1024px) {

    .m-Submenu__category,
    .m-Submenu__subcategory {
        top: 7.3rem;
        display: inline-flex
    }

    .m-Submenu__category li,
    .m-Submenu__subcategory li {
        display: inline-block;
        width: auto
    }
}

@media(max-width: 1023.98px) {

    .is--logoBar .m-Submenu__category,
    .is--logoBar .m-Submenu__subcategory {
        height: calc(100% - 9rem);
        top: 9rem
    }
}

@media(min-width: 1024px) {

    .is--logoBar .m-Submenu__category,
    .is--logoBar .m-Submenu__subcategory {
        top: 13.3rem
    }
}

@media(max-width: 1023.98px) {
    .m-Submenu__category.is--open {
        left: 0;
        right: 0;
        opacity: 1
    }
}

@media(min-width: 1024px) {
    .m-Submenu__category {
        background-color: #fff
    }

    .m-Submenu__category .m-Submenu__url--more.is--open,
    .m-Submenu__category .m-Submenu__url--more.is--active {
        z-index: 99
    }

    .m-Submenu__category .m-Submenu__url--more.is--open::before,
    .m-Submenu__category .m-Submenu__url--more.is--active::before {
        background-color: #ebebeb
    }
}

.m-Submenu .dark-btn {
    color: #fff;
    background-color: #1f1f1f
}

.m-Submenu .dark-btn img {
    filter: invert(100%) sepia(0%) saturate(4648%) hue-rotate(127deg) brightness(142%) contrast(84%)
}

.m-Submenu .dark-btn .m-Submenu__dots span {
    background-color: #fff
}

.m-Submenu .dark-btn:before {
    background-color: #3c3c3c
}

@media(max-width: 1023.98px) {
    .m-Submenu__subcategory {
        overflow-x: visible;
        overflow-y: auto;
        scrollbar-color: #ebebeb #f7f7f7;
        scrollbar-width: thin;
        background-color: #1f1f1f
    }

    .m-Submenu__subcategory::-webkit-scrollbar {
        width: 1px;
        height: 1px
    }

    .m-Submenu__subcategory::-webkit-scrollbar-thumb {
        background: #ebebeb;
        border-radius: 100px
    }

    .m-Submenu__subcategory::-webkit-scrollbar-track {
        background: #f7f7f7;
        border-radius: 100px
    }

    .m-Submenu__subcategory .m-Submenu__url:not(.m-Submenu__url--back) {
        color: #fff
    }

    .m-Submenu__subcategory .m-Submenu__url:not(.m-Submenu__url--back) img {
        filter: invert(100%) sepia(0%) saturate(4648%) hue-rotate(127deg) brightness(142%) contrast(84%)
    }

    .m-Submenu__subcategory .m-Submenu__url:not(.m-Submenu__url--back)::before {
        background-color: #1f1f1f
    }

    .m-Submenu__subcategory .m-Submenu__url:not(.m-Submenu__url--back).is--active,
    .m-Submenu__subcategory .m-Submenu__url:not(.m-Submenu__url--back).is--open {
        color: #fff
    }

    .m-Submenu__subcategory .m-Submenu__url:not(.m-Submenu__url--back).is--active::before,
    .m-Submenu__subcategory .m-Submenu__url:not(.m-Submenu__url--back).is--open::before {
        background-color: #3c3c3c
    }

    .m-Submenu__subcategory .m-Submenu__url:not(.m-Submenu__url--back).is--active img,
    .m-Submenu__subcategory .m-Submenu__url:not(.m-Submenu__url--back).is--open img {
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
    }

    .m-Submenu__subcategory .m-Submenu__url--back::before {
        transform: scaleX(1)
    }
}

@media(min-width: 1024px) {
    .m-Submenu__subcategory {
        background-color: rgba(0, 0, 0, 0);
        color: #a7a7a7;
        z-index: -1;
        justify-content: center;
        flex-wrap: wrap;
        top: 12.9rem;
        max-height: 0;
        left: 0;
        right: 0;
        transition: max-height .5s
    }

    .m-Submenu__subcategory::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #1f1f1f
    }

    .m-Submenu__subcategory.is--open::before {
        transform: scaleY(1)
    }

    .m-Submenu__subcategory .m-Submenu__url {
        transition: color .3s
    }

    .m-Submenu__subcategory .m-Submenu__url span {
        position: relative
    }

    .m-Submenu__subcategory .m-Submenu__url img {
        transition: filter .3s, max-width .3s
    }

    .m-Submenu__subcategory .m-Submenu__url::before {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        background-color: #f7f7f7;
        background-color: #3c3c3c;
        z-index: 0
    }
}

@media(min-width: 1024px)and (hover: hover) {
    .m-Submenu__subcategory .m-Submenu__url::before {
        transition: all .3s
    }

    .m-Submenu__subcategory .m-Submenu__url:hover {
        color: #fff
    }

    .m-Submenu__subcategory .m-Submenu__url:hover::before {
        transform: scaleY(1)
    }

    .m-Submenu__subcategory .m-Submenu__url:hover img {
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
    }
}

@media(min-width: 1024px) {
    .m-Submenu__subcategory .m-Submenu__url::before {
        left: -0.8rem;
        right: -0.8rem;
        transform: scaleX(0);
        transform-origin: left center
    }
}

@media(min-width: 1024px)and (hover: hover) {
    .m-Submenu__subcategory .m-Submenu__url:hover::before {
        transform: scaleX(1)
    }
}

@media(min-width: 1024px) {
    .m-Submenu__subcategory .m-Submenu__url::before {
        left: -0.4rem;
        right: -0.4rem
    }
}

@media(min-width: 1024px) {
    .m-Submenu__subcategory .m-Submenu__url img {
        filter: invert(75%) sepia(0%) saturate(20%) hue-rotate(172deg) brightness(90%) contrast(87%);
        transition: filter .3s, -0.01s max-width .3s
    }
}

@media(min-width: 1024px) {

    .m-Submenu__subcategory .m-Submenu__url.is--active,
    .m-Submenu__subcategory .m-Submenu__url.is--open {
        color: #fff
    }

    .m-Submenu__subcategory .m-Submenu__url.is--active::before,
    .m-Submenu__subcategory .m-Submenu__url.is--open::before {
        height: 100%;
        top: 0;
        transform: scaleX(1)
    }

    .m-Submenu__subcategory .m-Submenu__url.is--active img,
    .m-Submenu__subcategory .m-Submenu__url.is--open img {
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
    }
}

@media(min-width: 1024px) {
    .is--logoBar .m-Submenu__subcategory {
        top: 18.9rem
    }
}

@media(max-width: 1023.98px) {
    .m-Submenu__category.is--open .m-Submenu__subcategory.is--open {
        left: 0;
        right: 0;
        opacity: 1
    }
}

.m-Submenu__url {
    position: relative;
    display: flex;
    gap: .8rem;
    align-items: center;
    justify-content: flex-start;
    height: 4.8rem;
    width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    transition: color .3s
}

@media(min-width: 1024px) {
    .m-Submenu__url {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        height: 5.6rem;
        display: inline-flex;
        width: auto
    }
}

.m-Submenu__url span {
    position: relative
}

.m-Submenu__url img {
    transition: filter .3s, max-width .3s
}

.m-Submenu__url::before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #f7f7f7;
    z-index: 0
}

@media(hover: hover) {
    .m-Submenu__url::before {
        transition: all .3s
    }

    .m-Submenu__url:hover::before {
        transform: scaleY(1)
    }
}

.m-Submenu__url::before {
    left: -0.8rem;
    right: -0.8rem;
    transform: scaleX(0);
    transform-origin: left center
}

@media(hover: hover) {
    .m-Submenu__url:hover::before {
        transform: scaleX(1)
    }
}

.m-Submenu__url::before {
    left: -0.4rem;
    right: -0.4rem
}

.m-Submenu__url img {
    position: inherit;
    height: 3.2rem;
    max-width: 4rem;
    -o-object-fit: contain;
    object-fit: contain;
    transition: filter .3s, -0.01s max-width .3s
}

.m-Submenu__url[disabled] {
    opacity: .3
}

@media(max-width: 1023.98px) {
    .m-Submenu__url {
        border-bottom: 1px solid rgba(167, 167, 167, .2)
    }
}

.m-Submenu__url--open {
    background-color: #ebebeb;
    position: relative;
    z-index: 21;
    border-bottom: 1px solid silver
}

.is--subcategory .m-Submenu__url--open {
    background-color: #1f1f1f;
    color: #fff
}

.is--subcategory .m-Submenu__url--open img {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.m-Submenu__url--about.is--active {
    z-index: 99
}

.m-Submenu__url--about.is--active::before {
    background-color: #ebebeb
}

@media(max-width: 1023.98px) {

    .m-Submenu__url--more::after,
    .m-Submenu__url--back::after {
        content: "";
        position: relative;
        display: inline-block;
        height: 10px;
        width: 3.2rem;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("arrow.svg")
    }
}

@media(max-width: 1023.98px) {
    .m-Submenu__url--back {
        border-bottom: 1px solid silver
    }

    .m-Submenu__url--back::after {
        transform: rotate(180deg);
        order: -1
    }
}

.m-Submenu__url--breadcrumbs {
    margin-right: auto;
    padding-left: 0;
    position: relative;
    z-index: 21
}

.m-Submenu__url--breadcrumbs::after {
    content: "";
    position: relative;
    display: inline-block;
    height: 10px;
    width: 1.6rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("arrow.svg");
    transform: rotate(180deg);
    order: -1;
    z-index: 1
}

@media(max-width: 1023.98px) {
    .m-Submenu__url--breadcrumbs {
        padding-left: 1.6rem;
        background-color: #fff
    }
}

.m-Submenu__url--contact {
    margin-left: auto;
    padding-right: 0;
    position: relative;
    z-index: 21
}

.m-Submenu__url.is--active::before,
.m-Submenu__url.is--open::before {
    height: 100%;
    top: 0;
    transform: scaleX(1)
}

.m-Submenu__dots {
    margin-left: auto;
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 1.2rem
}

.m-Submenu__dots span {
    display: block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: #1f1f1f
}

.is--subcategory .m-Submenu__dots span {
    background-color: #fff
}

@media(min-width: 1024px) {
    .m-Submenu__dots {
        display: none
    }
}

.m-Tabs {
    white-space: nowrap;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    margin-bottom: 1.6rem;
    transition: background-color .5s
}

@media(min-width: 1024px) {
    .m-Tabs {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-Tabs.is--sticky {
    z-index: 99;
    background-color: #1f1f1f;
    transform-style: preserve-3d;
    color: #f7f7f7;
    transition: background-color .2s
}

.m-Tabs.is--sticky .c-Navigation__button {
    background-image: linear-gradient(to left, #1f1f1f 60%, rgba(31, 31, 31, 0) 98%)
}

.m-Tabs.is--sticky .c-Navigation__button:before {
    filter: invert(1)
}

.m-Tabs.is--sticky .m-Tabs__tab {
    transition: background-color .3s
}

.m-Tabs.is--sticky .m-Tabs__tab:hover {
    background-color: #545454
}

.m-Tabs.is--sticky .m-Tabs__tab::after {
    content: none
}

.m-Tabs.is--sticky .m-Tabs__tab.is--activeTab {
    font-weight: 400;
    background-color: #545454
}

.m-Tabs.is--sticky .m-Tabs__action {
    transition: color .3s
}

@media(min-width: 1024px) {
    .m-Tabs.is--sticky .m-Tabs__action-text {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
}

.m-Tabs__wrapper {
    display: flex;
    position: relative;
    overflow: hidden
}

.m-Tabs__list {
    display: flex;
    width: auto;
    width: initial;
    scrollbar-color: #ebebeb #f7f7f7;
    scrollbar-width: thin
}

.m-Tabs__list::-webkit-scrollbar {
    width: 0;
    height: 0
}

.m-Tabs__list::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 100px
}

.m-Tabs__list::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 100px
}

.m-Tabs__list>*:last-child {
    margin: 0
}

.m-Tabs__tab {
    position: relative;
    transition: font-weight .3s;
    flex-shrink: 1
}

[class*=color800Bg--].colorBg .m-Tabs__tab,
[class*=color800Bg--] .colorBg .m-Tabs__tab,
[class*=color700Bg--].colorBg .m-Tabs__tab,
[class*=color700Bg--] .colorBg .m-Tabs__tab,
.colorBg--6.colorBg .m-Tabs__tab,
.colorBg--6 .colorBg .m-Tabs__tab,
.colorBg--7.colorBg .m-Tabs__tab,
.colorBg--7 .colorBg .m-Tabs__tab,
.colorBg--8.colorBg .m-Tabs__tab,
.colorBg--8 .colorBg .m-Tabs__tab,
.colorBg--9.colorBg .m-Tabs__tab,
.colorBg--9 .colorBg .m-Tabs__tab {
    border-color: #fff
}

.m-Tabs__tab::after {
    content: "";
    height: 1px;
    background-color: #1f1f1f;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: height .3s
}

@media(hover: hover) {
    .m-Tabs__tab:hover::after {
        height: 3px
    }
}

.m-Tabs__tab--last {
    opacity: 0;
    padding: 0 1.6rem
}

@media(min-width: 1024px) {
    .m-Tabs__tab--last {
        padding: 0 3.2rem
    }
}

.m-Tabs .c-Navigation__button {
    z-index: 99;
    position: absolute;
    padding: 0 1rem 0 2rem;
    top: 0px;
    right: -1px;
    bottom: 1px;
    background-image: linear-gradient(to left, white 60%, rgba(255, 255, 255, 0.2) 100%);
    display: flex;
    align-items: center
}

.m-Tabs .c-Navigation__button:before {
    width: 7px;
    height: 16px;
    content: "";
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAACXBIWXMAAADsAAAA7AF5KHG9AAAF8mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuN2E3YTIzNiwgMjAyMS8wOC8xMi0wMDoyNToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0xMS0yM1QxNToyNjoxMyswMTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMTEtMjNUMTU6Mzc6MDcrMDE6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMTEtMjNUMTU6Mzc6MDcrMDE6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZWQyZjU2MTMtMzIxYi0zMzRjLWE1YTQtYzg3Y2U1NTI1Yzk4IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MDg1MDkzNWEtMDI4NS1iMjQ2LWJjNWUtMjYzZmU1ZTBlMzIwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YzBkOTY4N2UtOTVjYS0zMjQ5LWI0ZWQtMDM5MTUwMmViNDc3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMGQ5Njg3ZS05NWNhLTMyNDktYjRlZC0wMzkxNTAyZWI0NzciIHN0RXZ0OndoZW49IjIwMjItMTEtMjNUMTU6MjY6MTMrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZWQyZjU2MTMtMzIxYi0zMzRjLWE1YTQtYzg3Y2U1NTI1Yzk4IiBzdEV2dDp3aGVuPSIyMDIyLTExLTIzVDE1OjM3OjA3KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ct90GQAAAKZJREFUKBWNwdsuQ0EUANAVD0jFqcnphYT/fxH0aGhJtNQ0Pkqy+YHp7lr+VSzRO8IjAm+4kugwILBBkSh4QWCPIlHwisAOE4mCFQJbzCQu8Y7AJ2YSF1gj8IWpxAgLBLa4lTjFAwIfJw77RTjCGe4RqLjTcI4BgR3mGkZYIVBxraHDEoGKGw1jDAjsMdcwxgKBH0w0dBgQqOgd8ITABr3EN54xlfgD8lcw6RQmgGkAAAAASUVORK5CYII=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

@media(min-width: 375px) {
    .m-Tabs .c-Navigation__button:before {
        width: 9px;
        height: 18px;
        background-position: top
    }
}

.m-Tabs .c-Navigation__button--prev {
    right: auto;
    right: initial;
    left: -1px;
    transform: rotate(-180deg)
}

.m-Tabs .c-Navigation__button.swiper-button-disabled {
    display: none
}

.m-Tabs .is--activeTab {
    font-weight: 700
}

.m-Tabs .is--activeTab::after {
    height: 3px
}

.m-Tabs__action {
    transition: color .3s
}

.m-Tabs__action-text {
    display: block;
    padding: .8rem
}

@media(min-width: 1024px) {
    .m-Tabs__action-text {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.m-ComponentsTabs {
    overflow: hidden
}

.m-ComponentsTabs.has--stickyTabs {
    position: relative;
    padding-top: 5.8rem
}

.m-ComponentsTabs.has--stickyTabs .m-Tabs {
    position: absolute;
    top: 0
}

.m-ComponentsTabs.has--stickyTabs .m-Tabs.is--sticky {
    position: fixed;
    top: 5rem
}

@media(min-width: 1024px) {
    .m-ComponentsTabs.has--stickyTabs .m-Tabs.is--sticky {
        top: 7.3rem
    }
}

.m-ComponentsTabs__components {
    position: relative;
    height: 400px
}

.m-ComponentsTabs__components>* {
    opacity: 0;
    top: 0;
    width: 100%
}

.m-TabsAccordion~.m-ComponentsTabs__components {
    height: auto
}

.m-TabsAccordion~.m-ComponentsTabs__components>* {
    opacity: 1;
    top: auto
}

.m-ComponentsTabs__tab-container {
    display: flex;
    flex-direction: column
}

.m-TabsAccordion {
    padding-top: 5rem;
    padding-bottom: 1rem
}

@media(min-width: 1024px) {
    .m-TabsAccordion {
        padding-bottom: 5.6rem;
        padding-top: 7rem
    }
}

.m-TabsAccordion .l-wrapper {
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 1024px) {
    .m-TabsAccordion .l-wrapper {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.m-TabsAccordion .l-wrapper .Heading {
    padding: 0 1.6rem
}

.m-TabsAccordion__wrapper {
    position: relative;
    min-height: 6.3rem
}

@media(min-width: 1024px) {
    .m-TabsAccordion__wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #000;
        min-height: auto
    }
}

@media(min-width: 1024px) {

    .colorBg--6 .m-TabsAccordion__wrapper,
    .colorBg--7 .m-TabsAccordion__wrapper,
    .colorBg--8 .m-TabsAccordion__wrapper,
    .colorBg--9 .m-TabsAccordion__wrapper,
    [class*=color700Bg--] .m-TabsAccordion__wrapper,
    [class*=color800Bg--] .m-TabsAccordion__wrapper {
        border-bottom: 1px solid #fff
    }
}

@media(min-width: 1024px) {
    .m-TabsAccordion__list {
        display: flex;
        flex-wrap: wrap
    }
}

.m-TabsAccordion__list.is--opened {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5
}

.m-TabsAccordion__list.is--opened .m-TabsAccordion__tab {
    display: block
}

.m-TabsAccordion__list.is--opened .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:before,
.m-TabsAccordion__list.is--opened .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:after {
    display: none
}

.m-TabsAccordion__list.is--init-opened {
    cursor: default
}

.m-TabsAccordion__list.is--init-opened .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action {
    cursor: default
}

.m-TabsAccordion__list.is--init-opened .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:before {
    display: none
}

.m-TabsAccordion__action {
    padding: 1.3rem 4rem 1.3rem 1.6rem;
    width: 100%;
    text-align: left;
    position: relative;
    height: 100%;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem
}

@media(min-width: 1024px) {
    .m-TabsAccordion__action {
        padding: .9rem 1.6rem
    }
}

.m-TabsAccordion__tab {
    position: relative;
    display: none
}

@media(min-width: 1024px) {
    .m-TabsAccordion__tab {
        display: block
    }
}

.m-TabsAccordion__tab.is--activeTab {
    display: block
}

.m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action {
    font-weight: 700
}

.m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:before {
    content: "";
    display: block;
    background-image: url("arrow.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: .7rem;
    height: 1.1rem;
    position: absolute;
    right: 2rem;
    top: 50%;
    z-index: 5;
    filter: invert(0);
    transform: translateY(-50%) rotate(90deg)
}

@media(min-width: 1024px) {
    .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:before {
        display: none
    }
}

.colorBg--6 .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:before,
.colorBg--7 .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:before,
.colorBg--8 .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:before,
.colorBg--9 .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:before,
[class*=color700Bg--] .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:before,
[class*=color800Bg--] .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:before {
    filter: invert(1)
}

.m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #000
}

.colorBg--6 .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:after,
.colorBg--7 .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:after,
.colorBg--8 .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:after,
.colorBg--9 .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:after,
[class*=color700Bg--] .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:after,
[class*=color800Bg--] .m-TabsAccordion__tab.is--activeTab .m-TabsAccordion__action:after {
    background-color: #fff
}

.m-TabsAccordion__tab::after {
    content: "";
    height: 0px;
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: height .3s
}

@media(max-width: 1023.98px) {
    .m-TabsAccordion__tab::after {
        height: 1px
    }
}

.colorBg--6 .m-TabsAccordion__tab::after,
.colorBg--7 .m-TabsAccordion__tab::after,
.colorBg--8 .m-TabsAccordion__tab::after,
.colorBg--9 .m-TabsAccordion__tab::after,
[class*=color700Bg--] .m-TabsAccordion__tab::after,
[class*=color800Bg--] .m-TabsAccordion__tab::after {
    background-color: #fff
}

@media(hover: hover) {
    .m-TabsAccordion__tab:hover::after {
        height: 3px
    }
}

.m-TextImage__wrapper {
    display: grid;
    grid-template-columns: 1fr
}

@media(min-width: 1024px) {
    .m-TextImage__wrapper {
        grid-template-columns: 1fr 66.66%
    }
}

.m-TextImage__content>:last-child {
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .m-TextImage__content {
        padding-right: 6.4rem
    }
}

.m-TextImage__text {
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-TextImage__text {
        font-size: 1.6rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.6rem;
        margin-bottom: 3.2rem
    }
}

@media(min-width: 1024px) {
    .m-TextImage__heading {
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem
    }
}

.m-TextImage__image {
    padding-bottom: 2.4rem
}

.m-TextImage__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 1024px) {
    .m-TextImage__image {
        min-height: 50vh;
        order: 2;
        padding-bottom: 0
    }
}

@media(min-width: 1024px) {
    .m-TextImage.is--mirror .m-TextImage__wrapper {
        grid-template-columns: 66.66% 1fr
    }
}

@media(min-width: 1024px) {
    .m-TextImage.is--mirror .m-TextImage__image {
        order: 0
    }
}

.m-TextImage.is--mirror .m-TextImage__content {
    padding-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .m-TextImage.is--mirror .m-TextImage__content {
        padding-bottom: 0;
        padding-left: 6.4rem;
        padding-right: 0
    }
}

.m-TextBox__wrapper {
    padding: 3.2rem 1.6rem 4.3rem
}

@media(min-width: 1024px) {
    .m-TextBox__wrapper {
        padding: 8rem 15.7rem
    }
}

@media(min-width: 1024px) {
    .m-TextBox__content {
        display: flex;
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }
}

.m-TextBox__col {
    margin-bottom: 4rem
}

@media(min-width: 1024px) {
    .m-TextBox__col {
        flex: 1 0 0;
        margin-bottom: 0
    }
}

.m-TextBox__col:last-child {
    margin-bottom: 0
}

.m-TextBox .m-RichText .l-wrapper {
    padding: 0
}

.m-TextBox .m-RichText p {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-TextBox .m-RichText p {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-TextBox .m-RichText p:last-child {
    margin-bottom: 0
}

.m-TextBox .c-Wysiwyg a:not(:hover) {
    background-color: rgba(0, 0, 0, 0)
}

.m-TextImageSecond {
    position: relative;
    display: flex
}

@media(max-width: 1023.98px) {
    .m-TextImageSecond {
        flex-direction: column-reverse
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond {
        min-height: 80rem;
        align-items: center
    }
}

.m-TextImageSecond .l-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media(min-width: 1024px) {
    .m-TextImageSecond .l-wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.m-TextImageSecond__content {
    padding-right: 5%
}

@media(min-width: 1024px) {
    .m-TextImageSecond__content {
        padding-right: 74%
    }
}

.m-TextImageSecond__content>:last-child {
    margin-bottom: 0
}

.m-TextImageSecond__icon {
    margin-bottom: 2.4rem;
    width: 7.2rem;
    height: 7.2rem
}

@media(min-width: 1024px) {
    .m-TextImageSecond__icon {
        margin-bottom: 7.2rem;
        width: 10.4rem;
        height: 10.4rem
    }
}

.m-TextImageSecond__title {
    margin-bottom: 1.6rem
}

.m-TextImageSecond__title>div {
    -webkit-hyphens: none;
    hyphens: none;
    display: inline-block;
    transform-origin: top left
}

@media(min-width: 1024px) {
    .m-TextImageSecond__title {
        margin-bottom: 3.2rem
    }
}

.m-TextImageSecond__text {
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-TextImageSecond__text {
        margin-bottom: 3.2rem;
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-TextImageSecond__image-wrapper {
    width: 100%;
    max-height: 60vw;
    height: 100vw;
    position: relative
}

.m-TextImageSecond__image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 1024px) {
    .m-TextImageSecond__image-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 33.33%;
        max-height: none;
        max-height: initial;
        width: 66.66%;
        height: auto;
        height: initial
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond.is--mirror .m-TextImageSecond__content {
        padding-right: 0;
        padding-left: 5%
    }
}

@media(min-width: 1024px)and (min-width: 1024px) {
    .m-TextImageSecond.is--mirror .m-TextImageSecond__content {
        padding-left: 74%
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond.is--mirror .m-TextImageSecond__image-wrapper {
        left: 0;
        right: 66.66%
    }
}

.m-TextImageSecond--Kusch {
    overflow-x: hidden;
    min-height: 0;
    min-height: initial
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch {
        flex-direction: column;
        padding-top: 8rem;
        padding-bottom: 8rem;
        min-height: 96rem
    }
}

@media(max-width: 1023.98px) {
    .m-TextImageSecond--Kusch .l-wrapper {
        padding-top: 3.6rem;
        padding-bottom: 3.6rem
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch .l-wrapper {
        flex: 1;
        display: flex;
        flex-direction: column;
        position: relative;
        padding-top: 0;
        padding-bottom: 0
    }
}

.m-TextImageSecond--Kusch .m-TextImageSecond__image-wrapper {
    max-height: calc(100vw - 3.2rem);
    aspect-ratio: 1
}

@media(max-width: 1023.98px) {
    .m-TextImageSecond--Kusch .m-TextImageSecond__image-wrapper {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch .m-TextImageSecond__image-wrapper {
        max-height: none;
        max-height: initial;
        aspect-ratio: unset;
        width: 55%;
        left: 45%;
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.m-TextImageSecond--Kusch.no-title {
    padding-top: 3.6rem
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch.no-title {
        flex-direction: column-reverse
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch.no-title .m-TextImageSecond__content {
        flex-direction: column-reverse
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch.m-TextImageSecond--squareImage .m-TextImageSecond__cover {
        content: "";
        position: absolute;
        width: 100%;
        height: calc(100% + 2px);
        z-index: 1;
        top: -1px;
        left: calc(100% - 3.2rem)
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch.m-TextImageSecond--squareImage.is--mirror .m-TextImageSecond__cover {
        left: auto;
        left: initial;
        right: calc(100% - 3.2rem)
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch .m-TextImageSecond__content {
        padding-right: calc(55% + 12.8rem);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch.is--mirror .m-TextImageSecond__content {
        padding-left: calc(55% + 12.8rem)
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch.is--mirror .m-TextImageSecond__image-wrapper {
        right: 45%;
        left: auto;
        left: initial
    }
}

.m-TextImageSecond--Kusch .m-TextImageSecond__title {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch .m-TextImageSecond__title {
        font-size: 6.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 8rem;
        margin-top: 8rem;
        margin-bottom: 4rem
    }
}

.m-TextImageSecond--Kusch .m-TextImageSecond__title--Kusch {
    font-family: "Baskervville", serif;
    font-weight: 400;
    line-height: 1.3;
    transform-origin: left center
}

.m-TextImageSecond--Kusch .m-TextImageSecond__text {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    margin-bottom: 0
}

.m-TextImageSecond--Kusch .m-TextImageSecond__text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.6rem
}

@media(min-width: 1024px) {
    .m-TextImageSecond--Kusch .m-TextImageSecond__text-wrapper {
        gap: 4rem
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond.m-TextImageSecond--half {
        min-height: 57.6rem
    }
}

.m-TextImageSecond.m-TextImageSecond--half .m-TextImageSecond__content {
    padding-right: 0
}

@media(min-width: 1024px) {
    .m-TextImageSecond.m-TextImageSecond--half .m-TextImageSecond__content {
        padding-right: 61%
    }
}

@media(min-width: 1024px) {
    .m-TextImageSecond.m-TextImageSecond--half .m-TextImageSecond__image-wrapper {
        left: 50%;
        width: 50%
    }
}

.m-HalfSliderDAM+.m-TileSectionDAM {
    padding-top: 2rem
}

@media(min-width: 1024px) {
    .m-HalfSliderDAM+.m-TileSectionDAM {
        padding-top: 4rem
    }
}

.m-TileSectionDAM__list {
    display: grid;
    grid-gap: 2rem;
    gap: 2rem;
    grid-template-columns: 1fr 1fr
}

@media(min-width: 480px) {
    .m-TileSectionDAM__list {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width: 1024px) {
    .m-TileSectionDAM__list {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.m-TileSectionDAM__element-link {
    aspect-ratio: 1/1;
    display: block;
    position: relative
}

[class*=color800Bg--].colorBg .m-TileSectionDAM__element-link img,
[class*=color800Bg--] .colorBg .m-TileSectionDAM__element-link img,
[class*=color700Bg--].colorBg .m-TileSectionDAM__element-link img,
[class*=color700Bg--] .colorBg .m-TileSectionDAM__element-link img,
.m-TileSectionDAM__element-link img.colorBg--6,
.colorBg--6 .m-TileSectionDAM__element-link img,
.m-TileSectionDAM__element-link img.colorBg--7,
.colorBg--7 .m-TileSectionDAM__element-link img,
.m-TileSectionDAM__element-link img.colorBg--8,
.colorBg--8 .m-TileSectionDAM__element-link img,
.m-TileSectionDAM__element-link img.colorBg--9,
.colorBg--9 .m-TileSectionDAM__element-link img {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.m-TileSectionDAM__element .img {
    max-width: 7.2rem;
    max-height: 7.2rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-TileSectionDAM__element .img img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

@media(min-width: 480px)and (max-width: 600px) {
    .m-TileSectionDAM__element .img {
        top: 40%
    }
}

@media(min-width: 1024px) {
    .m-TileSectionDAM__element .img {
        max-width: 13.6rem;
        max-height: 13.6rem
    }
}

.m-TileSectionDAM__element p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40%;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 1.6rem;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem;
    line-height: 1.3
}

@media(min-width: 480px)and (max-width: 600px) {
    .m-TileSectionDAM__element p {
        line-height: 1.2
    }
}

@media(min-width: 1024px) {
    .m-TileSectionDAM__element p {
        font-size: 1.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 2.2rem;
        line-height: 1.4
    }
}

.m-TileSectionDAM__subscribe {
    grid-column-start: 1;
    grid-column-end: 3
}

@media(min-width: 480px) {
    .m-TileSectionDAM__subscribe {
        grid-column-start: 1;
        grid-column-end: 4
    }
}

@media(min-width: 768px) {
    .m-TileSectionDAM__subscribe {
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column-start: 3;
        grid-column-end: 4
    }
}

@media(min-width: 1024px) {
    .m-TileSectionDAM__subscribe {
        grid-column-start: 4;
        grid-column-end: 5
    }
}

.m-TileSectionDAM__subscribe-left {
    aspect-ratio: 1.6666666667
}

@media(min-width: 768px) {
    .m-TileSectionDAM__subscribe-left {
        aspect-ratio: auto;
        height: calc(50% + 1rem)
    }
}

.m-TileSectionDAM__subscribe-left img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.m-TileSectionDAM__subscribe-right {
    padding: 2.4rem 3.2rem
}

@media(min-width: 768px) {
    .m-TileSectionDAM__subscribe-right {
        padding: 2.4rem;
        height: calc(50% - 1rem)
    }
}

@media(min-width: 1024px) {
    .m-TileSectionDAM__subscribe-right {
        padding: 3.2rem 10%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }
}

.m-TileSectionDAM__subscribe-right p {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.2rem
}

@media(min-width: 1024px) {
    .m-TileSectionDAM__subscribe-right p {
        font-size: 1.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 2.2rem;
        line-height: 1.4
    }
}

.m-TileSectionDAM__subscribe-right .c-Button {
    margin-top: 1.6rem
}

@media(min-width: 1024px) {
    .m-TileSectionDAM__subscribe-right .c-Button {
        margin-top: 2.4rem
    }
}

.m-Timeline {
    background-color: #fff;
    position: relative;
    display: flex
}

@media(max-width: 1023.98px) {
    .m-Timeline {
        flex-direction: column-reverse
    }
}

@media(min-width: 1024px) {
    .m-Timeline {
        min-height: 80rem;
        align-items: center
    }
}

.m-Timeline .l-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: inherit
}

@media(min-width: 1024px) {
    .m-Timeline .l-wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.m-Timeline__content {
    padding-right: 5%;
    background-color: inherit
}

@media(min-width: 1024px) {
    .m-Timeline__content {
        padding-right: 60%
    }
}

.m-Timeline__content>:last-child {
    margin-bottom: 0
}

.m-Timeline__title {
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .m-Timeline__title {
        margin-bottom: 3.2rem
    }
}

.m-Timeline__items-list {
    margin-bottom: 4rem;
    background-color: inherit
}

@media(min-width: 1024px) {
    .m-Timeline__items-list {
        margin-bottom: 9.6rem
    }
}

.m-Timeline__item {
    position: relative;
    padding: 0 0 4rem 4rem;
    border-left: 2px solid;
    border-color: #1f1f1f;
    background-color: inherit;
    margin-left: 6px
}

[class*=color800Bg--].colorBg .m-Timeline__item,
[class*=color800Bg--] .colorBg .m-Timeline__item,
[class*=color700Bg--].colorBg .m-Timeline__item,
[class*=color700Bg--] .colorBg .m-Timeline__item,
.colorBg--6.colorBg .m-Timeline__item,
.colorBg--6 .colorBg .m-Timeline__item,
.colorBg--7.colorBg .m-Timeline__item,
.colorBg--7 .colorBg .m-Timeline__item,
.colorBg--8.colorBg .m-Timeline__item,
.colorBg--8 .colorBg .m-Timeline__item,
.colorBg--9.colorBg .m-Timeline__item,
.colorBg--9 .colorBg .m-Timeline__item {
    border-color: #fff
}

.m-Timeline__item::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid;
    border-color: #1f1f1f;
    border-radius: 50%;
    position: absolute;
    left: 0;
    transform: translateX(calc(-50% - 1px));
    background-color: inherit
}

[class*=color800Bg--].colorBg .m-Timeline__item::before,
[class*=color800Bg--] .colorBg .m-Timeline__item::before,
[class*=color700Bg--].colorBg .m-Timeline__item::before,
[class*=color700Bg--] .colorBg .m-Timeline__item::before,
.colorBg--6.colorBg .m-Timeline__item::before,
.colorBg--6 .colorBg .m-Timeline__item::before,
.colorBg--7.colorBg .m-Timeline__item::before,
.colorBg--7 .colorBg .m-Timeline__item::before,
.colorBg--8.colorBg .m-Timeline__item::before,
.colorBg--8 .colorBg .m-Timeline__item::before,
.colorBg--9.colorBg .m-Timeline__item::before,
.colorBg--9 .colorBg .m-Timeline__item::before {
    border-color: #fff
}

.m-Timeline__item-title {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 700;
    margin-bottom: .8rem
}

.m-Timeline__image-wrapper {
    width: 100%;
    max-height: 60vw;
    position: relative;
    height: 100vw
}

.m-Timeline__image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 1024px) {
    .m-Timeline__image-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        max-height: none;
        max-height: initial;
        width: 50%;
        height: auto;
        height: initial
    }
}

@media(min-width: 1024px) {
    .m-Timeline.is--mirror .m-Timeline__content {
        padding-right: 0;
        padding-left: 5%
    }
}

@media(min-width: 1024px)and (min-width: 1024px) {
    .m-Timeline.is--mirror .m-Timeline__content {
        padding-left: 60%
    }
}

@media(min-width: 1024px) {
    .m-Timeline.is--mirror .m-Timeline__image-wrapper {
        left: 0;
        right: 50%
    }
}

.m-TopMenu {
    position: fixed;
    z-index: 110;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    background-color: #fff
}

.m-TopMenu__container {
    position: relative;
    height: 5rem
}

@media(min-width: 1024px) {
    .m-TopMenu__container {
        height: 7.3rem
    }
}

.m-TopMenu__content {
    position: relative;
    height: 100%;
    border-bottom: 1px solid #dedede;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(min-width: 1024px) {
    .m-TopMenu__content {
        padding-top: 2.3rem;
        padding-bottom: 2.3rem
    }
}

.menu-is-open .m-TopMenu__content {
    border-bottom-color: rgba(0, 0, 0, 0)
}

.m-TopMenu__homeIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4.8rem;
    display: flex;
    align-items: center;
    left: 4rem;
    width: 40px;
    height: 40px
}

.m-TopMenu__homeIcon img {
    max-width: 2.2rem
}

.menu-is-open .m-TopMenu__homeIcon {
    display: none
}

.m-TopMenu__logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.m-TopMenu__logo img {
    width: auto;
    height: 2.3rem
}

@media(min-width: 1024px) {
    .m-TopMenu__logo img {
        height: 2.8rem
    }
}




@media(max-width: 1023.98px) {
    .m-TopMenu--line .m-TopMenu__logo {
        transform: translateX(-50%) scale(0);
        transition: transform .3s
    }

    .menu-is-open .m-TopMenu--line .m-TopMenu__logo {
        transform: translateX(-50%) scale(1)
    }
}

@media(min-width: 1024px) {
    .m-TopMenu--line .m-TopMenu__logo {
        left: 4.8rem;
        transform: none
    }

    .m-TopMenu--line .m-TopMenu__logo img {
        height: 2.2rem
    }
}

.m-TopMenu--line .m-TopMenu__logo--large {
    height: 2.4rem
}

@media(min-width: 1024px) {
    .m-TopMenu--line .m-TopMenu__logo--large img {
        height: 2.8rem
    }
}

.m-TopMenu__logo--large {
    margin-top: 2px
}

@media(min-width: 1024px) {
    .m-TopMenu__logo--large {
        margin-top: 0
    }
}

.m-TopMenu__logo--large img {
    height: 2.8rem
}

@media(min-width: 1024px) {
    .m-TopMenu__logo--large img {
        height: 3.6rem
    }
}

.m-TopMenu__dh {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(1);
    text-align: center;
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    line-height: 2rem;
    font-weight: 700;
    transition: transform .3s;
    color: #000000;
}

@media(min-width: 1024px) {
    .m-TopMenu__dh {
        font-size: 1.8rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem;
        color: #000000;
    }
}

@media(max-width: 1023.98px) {
    .menu-is-open .m-TopMenu__dh {
        transform: translateX(-50%) scale(0)
    }
}



.m-TopMenu__line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(1);
    text-align: center;
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem;
    line-height: 2rem;
    font-weight: 700;
    transition: transform .3s
}

@media(min-width: 1024px) {
    .m-TopMenu__line {
        font-size: 3.2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.4rem
    }
}

@media(max-width: 1023.98px) {
    .menu-is-open .m-TopMenu__line {
        transform: translateX(-50%) scale(0)
    }
}

.m-TopMenu__btn-group {
    display: flex
}

.m-TopMenu__btn--menu {
    cursor: pointer;
    margin-left: -5px
}

.m-TopMenu__btn--menu span {
    display: block;
    background-color: #1f1f1f;
    width: 2rem;
    height: 2px;
    border-radius: 3px;
    margin: 5px;
    transition: all .3s
}

.m-TopMenu__btn--menu span:nth-of-type(2) {
    width: 1.5rem
}

@media(hover: hover) {
    .m-TopMenu__btn--menu:hover span:nth-of-type(2) {
        width: 2rem
    }
}

.menu-is-open .m-TopMenu__btn--menu span {
    transform-origin: center;
    width: 20px
}

.menu-is-open .m-TopMenu__btn--menu span:nth-of-type(2) {
    opacity: 0
}

.menu-is-open .m-TopMenu__btn--menu span:nth-of-type(1) {
    transform: translateY(7px) rotate(45deg)
}

.menu-is-open .m-TopMenu__btn--menu span:nth-of-type(3) {
    transform: translateY(-7px) rotate(-45deg)
}

.m-TopMenu__btn--search {
    display: block;
    padding: 0 .8rem;
    width: 2.4rem;
    height: 3rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("search.svg");
    transition: .3s
}

@media(hover: hover) {
    .m-TopMenu__btn--search:hover {
        transform: scale(1.25)
    }
}

.m-TopMenu__btn--lang {
    min-height: 2.4rem;
    padding: 0 2.4rem 0 3.2rem;
    margin-left: 3.2rem;
    position: relative;
    font-weight: 700
}

.m-TopMenu__btn--lang span {
    position: relative
}

.m-TopMenu__btn--lang::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dedede;
    transition: .3s
}

.m-TopMenu__btn--lang::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    height: 10px;
    width: 10px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("arrow.svg");
    transform: rotate(90deg)
}

@media(hover: hover) {
    .m-TopMenu__btn--lang:hover::before {
        width: 80%;
        right: -4px
    }
}

.m-TopMenu__lang-dropdown {
    display: none
}

@media(min-width: 1024px) {
    .m-TopMenu__lang-dropdown {
        display: block;
        position: absolute;
        right: -240px;
        opacity: 0;
        top: 100%;
        z-index: 10;
        padding: 1.6rem;
        background-color: #fff;
        border: 1px solid #dedede;
        box-shadow: 0 .4rem .7rem rgba(0, 0, 0, .35);
        transition: right .3s, opacity .3s
    }

    .lang-is-open .m-TopMenu__lang-dropdown {
        right: -5px;
        opacity: 1
    }
}

.m-TopMenu__lang-title {
    color: #8d8d8d;
    font-weight: 500;
    display: block;
    margin: .8rem 0
}

.m-TopMenu__lang-list li {
    display: block;
    margin: .8rem 0
}

.m-TopMenu--Kusch .m-TopMenu__line {
    font-family: "Baskervville", serif;
    font-weight: 400;
    line-height: 1.3
}

.m-Header--dark .m-TopMenu {
    background-color: #1f1f1f
}

.m-Header--dark .m-TopMenu .m-TopMenu__line {
    color: #f7f7f7
}

.m-Header--dark .m-TopMenu .m-TopMenu__logo,
.m-Header--dark .m-TopMenu .m-TopMenu__btn--search,
.m-Header--dark .m-TopMenu .m-TopMenu__btn--lang::after {
    filter: invert(1)
}

.m-Header--dark .m-TopMenu .m-TopMenu__content {
    border-bottom: 1px solid #545454
}

.m-Header--dark .m-TopMenu .m-TopMenu__btn--menu span {
    background-color: #f7f7f7
}

.m-Header--dark .m-TopMenu .m-TopMenu__lang-dropdown {
    background-color: #1f1f1f;
    border: 1px solid #545454
}

.m-Header--dark .m-TopMenu .m-TopMenu__lang-dropdown .link {
    color: #f7f7f7
}

.m-Header--dark .m-TopMenu .m-TopMenu__btn--lang span {
    color: #dedede
}

.m-Header--dark .m-TopMenu .m-TopMenu__btn--lang::before {
    background-color: #545454
}

.m-Video__container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-Video__container video {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0)
}

.m-Video--module .m-Video__container video {
    max-height: 78.5rem
}

.m-Video--iframe {
    display: flex;
    align-items: center
}

.m-Video--iframe>* {
    height: auto
}

.m-Video--iframe .m-Video__container {
    display: block
}

.m-Video__iframe {
    position: relative;
    padding-bottom: clamp(0px, 56.25%, 100vh - 19.35rem);
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.m-Video__iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.m-Video__poster {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.6rem;
    right: 1.6rem;
    z-index: 1
}

@media(min-width: 1024px) {
    .m-Video__poster {
        left: 3.2rem;
        right: 3.2rem
    }
}

.m-FeaturesOne .m-Video__poster {
    left: 0;
    right: 0;
    width: 101%
}

.m-Video__poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-Video__poster--play::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    height: 12rem;
    width: 12rem;
    border-radius: 50%;
    background-color: rgba(31, 31, 31, .5);
    background-image: url("play.svg");
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .3s
}

@media(hover: hover) {
    .m-Video__poster--play:hover::after {
        background-color: rgba(31, 31, 31, .8);
        height: 13rem;
        width: 13rem
    }
}

@media(hover: hover) {
    .m-Video__poster:hover .m-Video__poster-bar {
        background-color: rgba(31, 31, 31, .7);
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.m-Video__poster-title {
    font-weight: 500
}

.m-Video__poster-duration {
    display: none
}

@media(min-width: 1024px) {
    .m-Video__poster-duration {
        display: inline-block;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem;
        color: #dedede;
        margin-left: 1em
    }
}

.m-Video__poster-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    background-image: url("play.svg");
    background-size: 1.6em;
    background-repeat: no-repeat;
    background-position: 4% center;
    padding: 2rem 0 2rem calc(4% + 4rem);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all .3s
}

@media(min-width: 1024px) {
    .m-Video__poster-bar {
        padding: 2.4rem 0 2.4rem calc(4% + 5rem);
        bottom: 0;
        top: auto;
        top: initial;
        background-color: rgba(31, 31, 31, .5)
    }
}

.m-UpstreamList__title {
    text-align: center;
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-UpstreamList__title {
        margin-bottom: 8rem
    }
}

.m-UpstreamListElement {
    margin-bottom: 3.2rem
}

@media(min-width: 1024px) {
    .m-UpstreamListElement {
        margin-bottom: 8rem
    }
}

.m-UpstreamListElement__wrapper {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

@media(min-width: 768px) {
    .m-UpstreamListElement__content {
        width: 70%
    }
}

@media(min-width: 1024px) {
    .m-UpstreamListElement__content {
        width: 60%
    }
}

.m-UpstreamListElement__content-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media(min-width: 768px) {
    .m-UpstreamListElement__content-wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem;
        margin: 0 auto;
        max-width: 85%;
        display: flex;
        gap: 12rem
    }
}

.m-UpstreamListElement__heading {
    font-weight: 500;
    margin: 0
}

.m-UpstreamListElement__text,
.m-UpstreamListElement .c-Wysiwyg {
    margin-top: 2.4rem
}

@media(min-width: 1024px) {

    .m-UpstreamListElement__text,
    .m-UpstreamListElement .c-Wysiwyg {
        margin-top: 3.2rem
    }
}

@media(min-width: 1024px) {
    .m-UpstreamListElement__text {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem
    }
}

.m-UpstreamListElement .c-Button {
    margin-top: 3.2rem
}

@media(min-width: 1024px) {
    .m-UpstreamListElement .c-Button {
        margin-top: 4rem
    }
}

.m-UpstreamListElement__cover {
    text-align: center;
    margin: 4rem auto 0;
    max-width: 70%
}

@media(min-width: 768px) {
    .m-UpstreamListElement__cover {
        margin: 0;
        max-width: 30%
    }
}

@media(min-width: 1024px) {
    .m-UpstreamListElement__cover {
        font-size: 2rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3rem;
        display: flex;
        align-items: center;
        max-width: 40%
    }
}

.m-WhereToBuy .l-wrapper {
    display: flex;
    justify-content: center
}

.m-WhereToBuy__container {
    padding: 3.2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

@media(min-width: 1024px) {
    .m-WhereToBuy__container {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 4.8rem;
        max-width: 63.85vw
    }
}

.m-WhereToBuy__text {
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    font-weight: 700
}

@media(min-width: 1024px) {
    .m-WhereToBuy__text {
        font-size: 2.4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 3.4rem;
        max-width: 75%;
        margin: 0
    }
}

.m-WhereToBuyLayer {
    color: #1f1f1f;
    min-height: 72.8rem
}

@media(min-width: 768px) {
    .m-WhereToBuyLayer__wrapper {
        display: flex
    }
}

.m-WhereToBuyLayer__buttonBack {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 2.6rem;
    padding-left: 2.3rem;
    position: relative;
    margin-bottom: 4rem
}

.m-WhereToBuyLayer__buttonBack:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {
    .m-WhereToBuyLayer__buttonBack:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.m-WhereToBuyLayer__buttonBack:disabled {
    cursor: auto
}

[class*=color800Bg--].colorBg .m-WhereToBuyLayer__buttonBack::before,
[class*=color800Bg--].colorBg .m-WhereToBuyLayer__buttonBack::after,
[class*=color800Bg--] .colorBg .m-WhereToBuyLayer__buttonBack::before,
[class*=color800Bg--] .colorBg .m-WhereToBuyLayer__buttonBack::after,
[class*=color700Bg--].colorBg .m-WhereToBuyLayer__buttonBack::before,
[class*=color700Bg--].colorBg .m-WhereToBuyLayer__buttonBack::after,
[class*=color700Bg--] .colorBg .m-WhereToBuyLayer__buttonBack::before,
[class*=color700Bg--] .colorBg .m-WhereToBuyLayer__buttonBack::after,
.m-WhereToBuyLayer__buttonBack.colorBg--6::before,
.m-WhereToBuyLayer__buttonBack.colorBg--6::after,
.colorBg--6 .m-WhereToBuyLayer__buttonBack::before,
.colorBg--6 .m-WhereToBuyLayer__buttonBack::after,
.m-WhereToBuyLayer__buttonBack.colorBg--7::before,
.m-WhereToBuyLayer__buttonBack.colorBg--7::after,
.colorBg--7 .m-WhereToBuyLayer__buttonBack::before,
.colorBg--7 .m-WhereToBuyLayer__buttonBack::after,
.m-WhereToBuyLayer__buttonBack.colorBg--8::before,
.m-WhereToBuyLayer__buttonBack.colorBg--8::after,
.colorBg--8 .m-WhereToBuyLayer__buttonBack::before,
.colorBg--8 .m-WhereToBuyLayer__buttonBack::after,
.m-WhereToBuyLayer__buttonBack.colorBg--9::before,
.m-WhereToBuyLayer__buttonBack.colorBg--9::after,
.colorBg--9 .m-WhereToBuyLayer__buttonBack::before,
.colorBg--9 .m-WhereToBuyLayer__buttonBack::after {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.m-WhereToBuyLayer__buttonBack::before {
    content: "";
    display: inline-block;
    height: 1rem;
    width: .6rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("arrow.svg");
    transform: translateY(-50%) rotate(180deg);
    position: absolute;
    left: 0;
    top: 50%;
    transition: transform .3s ease
}

.m-WhereToBuyLayer__buttonBack:hover:before {
    transform: translateY(-50%) translateX(-0.5rem) rotate(180deg)
}

.m-WhereToBuyLayer__icons {
    display: flex;
    margin-bottom: 4.8rem
}

.m-WhereToBuyLayer__icon {
    position: relative;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 4.8rem;
    width: 5.6rem;
    -o-object-fit: contain;
    object-fit: contain
}

[class*=color800Bg--].colorBg .m-WhereToBuyLayer__icon,
[class*=color800Bg--] .colorBg .m-WhereToBuyLayer__icon,
[class*=color700Bg--].colorBg .m-WhereToBuyLayer__icon,
[class*=color700Bg--] .colorBg .m-WhereToBuyLayer__icon,
.m-WhereToBuyLayer__icon.colorBg--6,
.colorBg--6 .m-WhereToBuyLayer__icon,
.m-WhereToBuyLayer__icon.colorBg--7,
.colorBg--7 .m-WhereToBuyLayer__icon,
.m-WhereToBuyLayer__icon.colorBg--8,
.colorBg--8 .m-WhereToBuyLayer__icon,
.m-WhereToBuyLayer__icon.colorBg--9,
.colorBg--9 .m-WhereToBuyLayer__icon {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.m-WhereToBuyLayer__icon--professional {
    background-image: url("chair-and-desk.svg")
}

.m-WhereToBuyLayer__icon--basic {
    background-image: url("chair.svg")
}

.m-WhereToBuyLayer__icon--service {
    background-image: url("service.svg")
}

@media(hover: hover) {
    .m-WhereToBuyLayer__icon:hover .m-WhereToBuyLayer__icon-tooltip {
        z-index: 2;
        opacity: 1;
        margin: 0
    }
}

.m-WhereToBuyLayer__icon-tooltip {
    position: absolute;
    top: -100%;
    left: 50%;
    margin-right: 1rem;
    padding: 1.2rem;
    background-color: #1f1f1f;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    line-height: 1.6rem;
    font-weight: 700;
    text-align: center;
    opacity: 0;
    z-index: -2;
    transition: margin-right .3s ease
}

@media(min-width: 1024px) {
    .m-WhereToBuyLayer__icon-tooltip {
        white-space: nowrap;
        padding: 1.3rem 1.2rem;
        font-size: 1.4rem;
        line-height: 1;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        line-height: 2.2rem
    }
}

.m-WhereToBuyLayer__icon-tooltip:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-style: solid;
    border-width: 1rem 1rem 0 0;
    border-color: #1f1f1f;
    border-right-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    transform: translateY(calc(100% - 1px))
}

.m-WhereToBuyLayer__title {
    font-size: 2.4rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3.4rem
}

.m-WhereToBuyLayer__address {
    margin-bottom: 2rem;
    font-size: 2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 3rem
}

.m-WhereToBuyLayer__addressDetails .mail:before,
.m-WhereToBuyLayer__addressDetails .phone:before,
.m-WhereToBuyLayer__addressDetails .info:before,
.m-WhereToBuyLayer__addressDetails .shop:before {
    position: absolute;
    left: 0;
    display: flex;
    content: "";
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover
}

.m-WhereToBuyLayer__addressDetails .mail:before {
    width: 2.4rem;
    height: 2rem;
    background-image: url("mail.svg")
}

.m-WhereToBuyLayer__addressDetails .info:before {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("notification-info-black.svg")
}

.m-WhereToBuyLayer__addressDetails .shop:before {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("e-commerce.svg")
}

.m-WhereToBuyLayer__addressDetails .phone:before {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("phone.svg")
}

.m-WhereToBuyLayer__addressDetailsElem,
.m-WhereToBuyLayer__directions {
    margin-bottom: 2rem;
    position: relative;
    padding-left: 4rem
}

[class*=color800Bg--].colorBg .m-WhereToBuyLayer__addressDetailsElem::before,
[class*=color800Bg--].colorBg .m-WhereToBuyLayer__addressDetailsElem::after,
[class*=color800Bg--] .colorBg .m-WhereToBuyLayer__addressDetailsElem::before,
[class*=color800Bg--] .colorBg .m-WhereToBuyLayer__addressDetailsElem::after,
[class*=color700Bg--].colorBg .m-WhereToBuyLayer__addressDetailsElem::before,
[class*=color700Bg--].colorBg .m-WhereToBuyLayer__addressDetailsElem::after,
[class*=color700Bg--] .colorBg .m-WhereToBuyLayer__addressDetailsElem::before,
[class*=color700Bg--] .colorBg .m-WhereToBuyLayer__addressDetailsElem::after,
.m-WhereToBuyLayer__addressDetailsElem.colorBg--6::before,
.m-WhereToBuyLayer__addressDetailsElem.colorBg--6::after,
.colorBg--6 .m-WhereToBuyLayer__addressDetailsElem::before,
.colorBg--6 .m-WhereToBuyLayer__addressDetailsElem::after,
.m-WhereToBuyLayer__addressDetailsElem.colorBg--7::before,
.m-WhereToBuyLayer__addressDetailsElem.colorBg--7::after,
.colorBg--7 .m-WhereToBuyLayer__addressDetailsElem::before,
.colorBg--7 .m-WhereToBuyLayer__addressDetailsElem::after,
.m-WhereToBuyLayer__addressDetailsElem.colorBg--8::before,
.m-WhereToBuyLayer__addressDetailsElem.colorBg--8::after,
.colorBg--8 .m-WhereToBuyLayer__addressDetailsElem::before,
.colorBg--8 .m-WhereToBuyLayer__addressDetailsElem::after,
.m-WhereToBuyLayer__addressDetailsElem.colorBg--9::before,
.m-WhereToBuyLayer__addressDetailsElem.colorBg--9::after,
.colorBg--9 .m-WhereToBuyLayer__addressDetailsElem::before,
.colorBg--9 .m-WhereToBuyLayer__addressDetailsElem::after,
[class*=color800Bg--].colorBg .m-WhereToBuyLayer__directions::before,
[class*=color800Bg--].colorBg .m-WhereToBuyLayer__directions::after,
[class*=color800Bg--] .colorBg .m-WhereToBuyLayer__directions::before,
[class*=color800Bg--] .colorBg .m-WhereToBuyLayer__directions::after,
[class*=color700Bg--].colorBg .m-WhereToBuyLayer__directions::before,
[class*=color700Bg--].colorBg .m-WhereToBuyLayer__directions::after,
[class*=color700Bg--] .colorBg .m-WhereToBuyLayer__directions::before,
[class*=color700Bg--] .colorBg .m-WhereToBuyLayer__directions::after,
.m-WhereToBuyLayer__directions.colorBg--6::before,
.m-WhereToBuyLayer__directions.colorBg--6::after,
.colorBg--6 .m-WhereToBuyLayer__directions::before,
.colorBg--6 .m-WhereToBuyLayer__directions::after,
.m-WhereToBuyLayer__directions.colorBg--7::before,
.m-WhereToBuyLayer__directions.colorBg--7::after,
.colorBg--7 .m-WhereToBuyLayer__directions::before,
.colorBg--7 .m-WhereToBuyLayer__directions::after,
.m-WhereToBuyLayer__directions.colorBg--8::before,
.m-WhereToBuyLayer__directions.colorBg--8::after,
.colorBg--8 .m-WhereToBuyLayer__directions::before,
.colorBg--8 .m-WhereToBuyLayer__directions::after,
.m-WhereToBuyLayer__directions.colorBg--9::before,
.m-WhereToBuyLayer__directions.colorBg--9::after,
.colorBg--9 .m-WhereToBuyLayer__directions::before,
.colorBg--9 .m-WhereToBuyLayer__directions::after {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.m-WhereToBuyLayer__addressDetailsElem a:not(:disabled),
.m-WhereToBuyLayer__directions a:not(:disabled) {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s
}

@media(hover: hover) {

    .m-WhereToBuyLayer__addressDetailsElem a:not(:disabled):hover,
    .m-WhereToBuyLayer__directions a:not(:disabled):hover {
        background-size: 100% 1px
    }
}

.m-WhereToBuyLayer__addressDetailsElem a:disabled,
.m-WhereToBuyLayer__directions a:disabled {
    cursor: auto
}

.m-WhereToBuyLayer__directions:before {
    position: absolute;
    left: 0;
    display: flex;
    content: "";
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("directions.svg")
}

.m-WhereToBuyLayer__openHours {
    margin-bottom: 2rem;
    line-height: 2.1rem;
    text-transform: capitalize
}

.m-WhereToBuyLayer__openHours td:first-child {
    width: 17rem
}

.m-WhereToBuyLayer__importantInfo {
    color: #737373;
    padding-left: 3rem;
    position: relative;
    max-width: 47rem
}

[class*=color800Bg--].colorBg .m-WhereToBuyLayer__importantInfo::before,
[class*=color800Bg--].colorBg .m-WhereToBuyLayer__importantInfo::after,
[class*=color800Bg--] .colorBg .m-WhereToBuyLayer__importantInfo::before,
[class*=color800Bg--] .colorBg .m-WhereToBuyLayer__importantInfo::after,
[class*=color700Bg--].colorBg .m-WhereToBuyLayer__importantInfo::before,
[class*=color700Bg--].colorBg .m-WhereToBuyLayer__importantInfo::after,
[class*=color700Bg--] .colorBg .m-WhereToBuyLayer__importantInfo::before,
[class*=color700Bg--] .colorBg .m-WhereToBuyLayer__importantInfo::after,
.m-WhereToBuyLayer__importantInfo.colorBg--6::before,
.m-WhereToBuyLayer__importantInfo.colorBg--6::after,
.colorBg--6 .m-WhereToBuyLayer__importantInfo::before,
.colorBg--6 .m-WhereToBuyLayer__importantInfo::after,
.m-WhereToBuyLayer__importantInfo.colorBg--7::before,
.m-WhereToBuyLayer__importantInfo.colorBg--7::after,
.colorBg--7 .m-WhereToBuyLayer__importantInfo::before,
.colorBg--7 .m-WhereToBuyLayer__importantInfo::after,
.m-WhereToBuyLayer__importantInfo.colorBg--8::before,
.m-WhereToBuyLayer__importantInfo.colorBg--8::after,
.colorBg--8 .m-WhereToBuyLayer__importantInfo::before,
.colorBg--8 .m-WhereToBuyLayer__importantInfo::after,
.m-WhereToBuyLayer__importantInfo.colorBg--9::before,
.m-WhereToBuyLayer__importantInfo.colorBg--9::after,
.colorBg--9 .m-WhereToBuyLayer__importantInfo::before,
.colorBg--9 .m-WhereToBuyLayer__importantInfo::after {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(7deg) brightness(108%) contrast(102%)
}

.m-WhereToBuyLayer__importantInfo:before {
    position: absolute;
    left: 0;
    display: flex;
    content: "";
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("notification-info-black.svg");
    background-size: contain;
    filter: invert(0.5)
}

.m-WideBannerDAM .l-wrapper {
    position: relative;
    overflow: hidden
}

.m-WideBannerDAM__bg {
    position: absolute;
    left: 0;
    right: 0;
    height: auto;
    top: 50%;
    transform: translateY(-50%)
}

.m-WideBannerDAM__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.m-WideBannerDAM__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none
}

.is--overlay .m-WideBannerDAM__overlay {
    display: block;
    background-color: rgba(0, 0, 0, .4)
}

.m-WideBannerDAM__title {
    font-weight: 500;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 4.4rem 5%;
    position: relative;
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 4.4rem;
    line-height: 1.25
}

@media(min-width: 1024px) {
    .m-WideBannerDAM__title {
        font-size: 4rem;
        line-height: 1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        line-height: 4.8rem;
        line-height: 1.25;
        padding: 12.8rem 5%
    }
}