.gform_wrapper .gform_submit,
.login-cart__sidebar .btn--gold,
.login-cart__sidebar .checkout-button,
.woocommerce-cart .coupon .button,
button,
form .upload__button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #e2e8ee;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #424242;
    display: inline-block;
    font-family: IBM Plex Sans, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2;
    overflow: visible;
    padding: 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
    width: -moz-max-content;
    width: max-content
}

.gform_wrapper .gform_submit:focus,
.gform_wrapper .gform_submit:hover,
.login-cart__sidebar .btn--gold:focus,
.login-cart__sidebar .btn--gold:hover,
.login-cart__sidebar .checkout-button:focus,
.login-cart__sidebar .checkout-button:hover,
.woocommerce-cart .coupon .button:focus,
.woocommerce-cart .coupon .button:hover,
button:focus,
button:hover,
form .upload__button:focus,
form .upload__button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    cursor: pointer
}

.gform_wrapper .gform_submit:hover,
.login-cart__sidebar .btn--gold:hover,
.login-cart__sidebar .checkout-button:hover,
.woocommerce-cart .coupon .button:hover,
button:hover,
form .upload__button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background-color: #fff;
    color: #424242
}

.gform_wrapper .gform_submit:active,
.login-cart__sidebar .btn--gold:active,
.login-cart__sidebar .checkout-button:active,
.woocommerce-cart .coupon .button:active,
button:active,
form .upload__button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
    opacity: 1
}

.gform_wrapper .gform_submit:disabled,
.login-cart__sidebar .btn--gold:disabled,
.login-cart__sidebar .checkout-button:disabled,
.woocommerce-cart .coupon .button:disabled,
button:disabled,
form .upload__button:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
    opacity: .5
}

.gform_wrapper .gform_submit:disabled:hover,
.login-cart__sidebar .btn--gold:disabled:hover,
.login-cart__sidebar .checkout-button:disabled:hover,
.woocommerce-cart .coupon .button:disabled:hover,
button:disabled:hover,
form .upload__button:disabled:hover,
input[type=button]:disabled:hover,
input[type=reset]:disabled:hover,
input[type=submit]:disabled:hover {
    cursor: not-allowed
}

.gform_wrapper .gform_submit::-moz-placeholder,
.login-cart__sidebar .btn--gold::-moz-placeholder,
.login-cart__sidebar .checkout-button::-moz-placeholder,
.woocommerce-cart .coupon .button::-moz-placeholder,
button::-moz-placeholder,
form .upload__button::-moz-placeholder,
input[type=button]::-moz-placeholder,
input[type=reset]::-moz-placeholder,
input[type=submit]::-moz-placeholder {
    color: #424242
}

.gform_wrapper .gform_submit::placeholder,
.login-cart__sidebar .btn--gold::placeholder,
.login-cart__sidebar .checkout-button::placeholder,
.woocommerce-cart .coupon .button::placeholder,
button::placeholder,
form .upload__button::placeholder,
input[type=button]::placeholder,
input[type=reset]::placeholder,
input[type=submit]::placeholder {
    color: #424242
}

.gform_wrapper .gform_submit,
form .upload__button {
    color: #424242
}

.btn--primary,
.gform_wrapper .gform_submit,
form .upload__button {
    background-color: #e2e8ee;
    border-radius: 0;
    color: #000;
    font-size: .875rem;
    font-weight: 600;
    padding: 24px 20px;
    text-transform: uppercase
}

.btn--primary:hover,
.gform_wrapper .gform_submit:hover,
form .upload__button:hover {
    color: #000
}

.btn--gold,
.login-cart__sidebar .btn--gold,
.login-cart__sidebar .checkout-button,
.woocommerce-cart .coupon .button {
    background-color: var(--clr-copper);
    border-color: var(--clr-copper);
    color: #fff
}

.btn--gold:after,
.login-cart__sidebar .btn--gold:after,
.login-cart__sidebar .checkout-button:after,
.woocommerce-cart .coupon .button:after {
    color: #fff
}

.btn--chevron {
    border-radius: 0;
    color: #424242;
    font-size: .875rem;
    font-weight: 400;
    padding: 12px 16px;
    text-transform: none
}

.btn--chevron:after {
    content: "";
    font-weight: 400;
    margin-left: 8px
}

.btn--lg {
    font-size: 1.25rem;
    padding: .75rem 1.5rem
}

.btn--sm {
    color: var(--clr-copper);
    font-size: 1rem;
    font-weight: 600;
    line-height: 32px;
    text-decoration: underline
}


.gform_wrapper p .gform_submit:nth-child(n+2),
.login-cart__sidebar p .btn--gold:nth-child(n+2),
.login-cart__sidebar p .checkout-button:nth-child(n+2),
.woocommerce-cart .coupon p .button:nth-child(n+2),
form p .upload__button:nth-child(n+2),
p .btn:nth-child(n+2),
p .gform_wrapper .gform_submit:nth-child(n+2),
p .login-cart__sidebar .btn--gold:nth-child(n+2),
p .login-cart__sidebar .checkout-button:nth-child(n+2),
p .woocommerce-cart .coupon .button:nth-child(n+2),
p form .upload__button:nth-child(n+2) {
    margin-left: 16px
}

form fieldset { border: 1px solid #e2e8ee; border-radius: 5px; font-size: .875rem; margin: 15px 0; padding: 15px }
form fieldset legend { padding: 0 5px; }
form label { cursor: pointer; }
form input[type=email],
form input[type=number],
form input[type=password],
form input[type=tel],
form input[type=text],
form select,
form textarea {
    background: #f7f8fa;
    border: none;
    border-bottom: 1px solid #e2e8ee;
    border-radius: 3px;
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px;
    width: 100%
}

form select,
form textarea {
    background: #f7f8fa;
    border: none;
    border-bottom: 1px solid #e2e8ee;
    border-radius: 3px;
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px;
    width: 100%
}

form input[type=email]::-moz-placeholder,
form input[type=number]::-moz-placeholder,
form input[type=password]::-moz-placeholder,
form input[type=tel]::-moz-placeholder,
form input[type=text]::-moz-placeholder,
form select::-moz-placeholder,
form textarea::-moz-placeholder {
    color: #000
}

form input[type=email]::placeholder,
form input[type=number]::placeholder,
form input[type=password]::placeholder,
form input[type=tel]::placeholder,
form input[type=text]::placeholder,
form select::placeholder,
form textarea::placeholder {
    color: #000
}

form input[type=email]:focus,
form input[type=number]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=text]:focus,
form select:focus,
form textarea:focus {
    border-color: #000;
    outline: none
}

form input[type=checkbox],
form input[type=radio] {
    display: none
}

form input[type=checkbox]+label,
form input[type=radio]+label {
    padding-left: 32px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

form input[type=checkbox]+label:before,
form input[type=radio]+label:before {
    background: #fff;
    border: 1px solid #e2e8ee;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

form input[type=checkbox]+label:after,
form input[type=radio]+label:after {
    background: var(--clr-dark);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease-in-out;
    width: 20px
}

form input[type=checkbox]:checked+label:after,
form input[type=radio]:checked+label:after {
    transform: translateY(-50%) scale(.6)
}

form input[type=checkbox]:checked+label:before,
form input[type=radio]:checked+label:before {
    border: 1px solid #e2e8ee
}

form input[type=radio]+label {
    padding-left: 25px;
    position: relative
}

form input[type=radio]+label:after,
form input[type=radio]+label:before {
    border-radius: 100%
}

form .ginput_container_select,
form .select {
    position: relative
}

form .ginput_container_select select:hover,
form .select select:hover {
    cursor: pointer
}

form .ginput_container_select select:disabled,
form .select select:disabled {
    opacity: .5
}

form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    line-height: 1.4;
    min-height: 100px;
    resize: none;
    width: 100%
}

form textarea::-moz-placeholder {
    color: #000
}

form textarea::placeholder {
    color: #000
}

form textarea:focus {
    border-color: #000;
    outline: none
}

form .upload__select {
    display: none
}

form .upload__result {
    color: #000;
    font-size: .875rem;
    margin-left: 20px
}

.gform_wrapper {
    margin-bottom: 24px
}

.gform_wrapper .validation_error {
    background-color: #f65e4a;
    border-left: 5px solid #f43319;
    color: #fff;
    margin-bottom: 24px;
    padding: 10px
}

.gform_wrapper .gform_title {
    margin-bottom: 0
}

.gform_wrapper .gform_body {
    padding-bottom: 24px
}

.gform_wrapper .gform_body .ginput_container_consent {
    display: contents
}

.gform_wrapper .gform_fields {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0
}

.gform_wrapper .gfield {
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.gform_wrapper .gfield_visibility_hidden {
    display: none
}

.gform_wrapper .gfield_required {
    color: #f43319;
    padding-left: 1px
}

.gform_wrapper .gfield_description {
    font-size: .875rem;
    padding-top: 3px
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .gfield_error .validation_message {
    color: #f43319
}

.form__hide {
    display: none !important
}

img {
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

svg {
    max-height: 100%
}

.figure,
figure {
    margin: 0 0 24px;
    max-width: 100%;
    text-align: center
}

.figure img,
figure img {
    height: auto;
    max-width: 100%
}

.figure figcaption,
figure figcaption {
    font-size: .875rem;
    font-style: italic;
    padding-top: 3px
}

figure.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

figure.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

figure.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.square-image {
    -o-object-position: center;
    object-position: center;
    position: relative;
    width: 100%
}

.square-image>img,
.square-image>source {
    display: block;
    margin: auto;
    -o-object-position: center;
    object-position: center
}

.screen-image {
    position: relative;
    width: 100%
}

.screen-image,
.screen-image>img,
.screen-image>source {
    aspect-ratio: 16/9
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

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

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
    margin: 0
}

hr {
    height: 0;
    overflow: visible
}

main {
    display: block
}

nav ol,
nav ul {
    list-style: none;
    padding: 0
}

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

a {
    background-color: transparent
}

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

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

small {
    font-size: 80%
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio,
video {
    display: inline-block
}

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

svg:not([fill]) {
    fill: currentColor
}

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

table {
    border-collapse: collapse
}

button,
input,
select {
    margin: 0
}

button {
    overflow: visible;
    text-transform: none
}

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

fieldset {
    border: 1px solid #a0a0a0;
    padding: .35em .75em .625em
}

input {
    overflow: visible
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    margin: 0;
    overflow: auto;
    resize: vertical
}

[type=checkbox],
[type=radio] {
    padding: 0
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

::-moz-focus-inner {
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

details,
dialog {
    display: block
}

dialog {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

dialog:not([open]) {
    display: none
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

[hidden] {
    display: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled=true],
[disabled] {
    cursor: not-allowed
}

[aria-hidden=false][hidden] {
    display: initial
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

.section {
    background-position: 50%;
    background-size: cover;
    padding: 40px 0;
    position: relative
}

@media(min-width:768px) {
    .section {
        padding: 80px 0
    }
}

.section--alt {
    background-color: #f4f4f4
}

.gform_wrapper .section--center-horizontal .gform_fields,
.section--center-horizontal .gform_wrapper .gform_fields,
.section--center-horizontal .row {
    justify-content: center
}

.gform_wrapper .section--center-vertical .gform_fields,
.section--center-vertical .gform_wrapper .gform_fields,
.section--center-vertical .row {
    align-items: center
}

body {
    color: #424242;
    font-size: 16px;
    font-weight: 400
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: IBM Plex Sans, sans-serif;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight: 300;
    margin: 0 0 16px
}

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

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

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

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

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

p {
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 24px;
    margin-top: 0
}

p.lead {
    font-size: 1.125rem;
    line-height: 1.8;
    margin-bottom: 28.8px
}

p a {
    color: inherit;
}

a {
    color: inherit;
    transition: color .3s ease-in-out
}

a,
a:hover {
    text-decoration: none
}

blockquote {
    background-color: #f4f4f4;
    border-left: 10px solid #e2e8ee;
    font-size: 1.375rem;
    margin: 64px 0;
    padding: 32px 24px;
    quotes: "“" "”" "‘" "’"
}

blockquote p {
    margin: 0
}

blockquote p:after,
blockquote p:before {
    display: inline
}

blockquote p:before {
    content: open-quote
}

blockquote p:after {
    content: close-quote
}

.video iframe {
    aspect-ratio: 16/9;
    height: auto;
    width: 100%
}

p ul:not(.menu,
.page-numbers,
.wc-block-checkbox-list,
.submenu__list,
.ab-submenu,
.contact_banner__list,
.my-account__navigation,
.wc-block-product-categories-list,
.is-layout-flow ul,
.key_exhibition__list,
.shipping_method) {
    list-style: none;
    padding: 0
}

p ul:not(.menu,
.page-numbers,
.wc-block-checkbox-list,
.submenu__list,
.ab-submenu,
.contact_banner__list,
.my-account__navigation,
.wc-block-product-categories-list,
.is-layout-flow ul,
.key_exhibition__list,
.shipping_method) li {
    align-items: center;
    display: flex;
    font-size: .875rem
}

p ul:not(.menu,
.page-numbers,
.wc-block-checkbox-list,
.submenu__list,
.ab-submenu,
.contact_banner__list,
.my-account__navigation,
.wc-block-product-categories-list,
.is-layout-flow ul,
.key_exhibition__list,
.shipping_method) li:not(:last-child) {
    margin-bottom: 16px
}

p ul:not(.menu,
.page-numbers,
.wc-block-checkbox-list,
.submenu__list,
.ab-submenu,
.contact_banner__list,
.my-account__navigation,
.wc-block-product-categories-list,
.is-layout-flow ul,
.key_exhibition__list,
.shipping_method) li:before {
    color: var(--clr-copper);
    content: "";
    font-family: Font Awesome\ 6 Pro;
    font-size: .875rem;
    font-weight: 600;
    margin-right: 8px
}

.branch__top {
    background-color: #424242;
    background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/1289950b4ee4fba1490e.png');
    background-position: right 40px top 48px;
    background-repeat: no-repeat;
    background-size: 200px;
    color: #fff;
    height: 222px;
    padding: 48px 40px
}

.branch__subtitle {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}

.branch__title {
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 0
}

.branch__bottom {
    background-color: #424242;
    height: 222px
}

.branch__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.branch__image * {
    background-size: contain;
    height: 100%;
    width: 100%
}

.contact_block {
    background-color: #f7f8fa;
    padding: 32px
}

.contact_block__title {
    color: #424242;
    font-size: 1.5rem;
    margin-bottom: 0
}

.contact_block__link {
    color: var(--clr-copper);
    font-weight: 700;
    text-decoration: underline
}

.contact_block__content {
    color: #424242;
    font-size: .875rem;
    line-height: 1.4375rem;
    margin-bottom: 0;
    margin-top: 16px
}

.continue-shopping {
    margin-bottom: 32px;
    margin-top: 16px
}

.continue-shopping a {
    color: #424242;
    text-transform: uppercase
}

.continue-shopping a i {
    color: #141414;
    display: inline-block;
    margin-right: 8px
}

.exhibition {
    background-color: #424242;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: 64px;
    position: relative;
    z-index: 0
}

@media(max-width:575.98px) {
    .exhibition {
        align-items: center
    }
}

.exhibition__image {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.exhibition__image * {
    background-size: contain;
    height: 100%;
    width: 100%
}

.exhibition__title {
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 40px
}

.filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 48px
}

.filters--no-mar {
    margin-bottom: 0
}

.filters .filters__radio-label {
    background-color: #f7f8fa;
    font-size: .875rem;
    font-weight: 600;
    padding: 16px;
    text-transform: uppercase
}

.filters .filters__radio-label:after,
.filters .filters__radio-label:before {
    display: none
}

.filters__input:checked+.filters__radio-label {
    background-color: #fff
}

.filters--dark .filters__input:checked+.filters__radio-label {
    background-color: var(--clr-dark);
    color: #fff
}

.filter-checks {
    display: grid;
    gap: 8px
}

@media(min-width:768px) {
    .filter-checks {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:992px) {
    .filter-checks {
        grid-template-columns: repeat(4, 1fr)
    }
}

.showcase-filters__head {
    border-bottom: 1px solid #e2e8ee;
    padding: 40px
}

.showcase-filters__body {
    padding: 16px 40px
}

.showcase-filters__footer {
    border-top: 1px solid #e2e8ee;
    padding: 24px 40px
}

.reset-link {
    color: var(--clr-copper);
    margin-left: 16px;
    text-decoration: underline
}

.line {
    background-color: #e2e8ee;
    height: 1px;
    margin: 24px 0
}

.filter-btn {
    height: 59px
}

.filter-btn:after {
    content: none
}

.graduated-discount { }
.graduated-discount .graduated-discount__header { display: flex; justify-content: space-between; align-items: center; padding: 9px 18px; border-bottom: 1px solid var(--clr-light); }
.graduated-discount .graduated-discount__header h4 { text-transform: uppercase; font-size: 15px; font-weight: 700; font-style: italic; }
.graduated-discount .graduated-discount__header .graduated-discount__prices { font-size: 12px; line-height: 1.2; display: flex; flex-direction: column; text-align: right; }




.graduated-discount--loading:before,
.graduated-discount-custom--loading:before {
    background-color: #28465c;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.graduated-discount--loading:after,
.graduated-discount-custom--loading:after {
    animation: spin 1s linear infinite;
    border-radius: 100%;
    border-right: 2px solid #fff;
    content: "";
    display: block;
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform-origin: center;
    width: 50px;
    z-index: 15
}

.graduated-discount--floors .staffel-price-tag,
.graduated-discount--floors .staffel-price-tag--m2,
.graduated-discount--tapes .staffel-price-tag,
.graduated-discount--tapes .staffel-price-tag--m2,
.graduated-discount-custom--floors .staffel-price-tag,
.graduated-discount-custom--floors .staffel-price-tag--m2,
.graduated-discount-custom--tapes .staffel-price-tag,
.graduated-discount-custom--tapes .staffel-price-tag--m2 {
    align-items: center;
    color: #424242;
    display: flex;
    font-size: 12px;
    font-weight: 700;
}

@media(max-width:767.98px) {
    .graduated-discount--floors .staffel-price-tag,
    .graduated-discount--floors .staffel-price-tag--m2,
    .graduated-discount--tapes .staffel-price-tag,
    .graduated-discount--tapes .staffel-price-tag--m2,
    .graduated-discount-custom--floors .staffel-price-tag,
    .graduated-discount-custom--floors .staffel-price-tag--m2,
    .graduated-discount-custom--tapes .staffel-price-tag,
    .graduated-discount-custom--tapes .staffel-price-tag--m2 {
        font-size: 13px
    }
}

.graduated-discount--floors .staffel-price-tag--floors,
.graduated-discount--tapes .staffel-price-tag--floors,
.graduated-discount-custom--floors .staffel-price-tag--floors,
.graduated-discount-custom--tapes .staffel-price-tag--floors {
    align-items: center;
    color: #424242;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 100%;
    justify-content: space-between;
}

@media(max-width:767.98px) {
    .graduated-discount--floors .staffel-price-tag--floors,
    .graduated-discount--tapes .staffel-price-tag--floors,
    .graduated-discount-custom--floors .staffel-price-tag--floors,
    .graduated-discount-custom--tapes .staffel-price-tag--floors {
        flex-direction: column;
        font-size: 13px;
        justify-content: center
    }
    .graduated-discount--floors .staffel-price-tag--floors-space,
    .graduated-discount--tapes .staffel-price-tag--floors-space,
    .graduated-discount-custom--floors .staffel-price-tag--floors-space,
    .graduated-discount-custom--tapes .staffel-price-tag--floors-space {
        display: none
    }
}

.graduated-discount--floors .range-title, .graduated-discount--tapes .range-title, .graduated-discount-custom--floors .range-title, .graduated-discount-custom--tapes .range-title {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    margin-left: 16px;
    position: relative;
}

.graduated-discount--floors .range-title:before, .graduated-discount--tapes .range-title:before, .graduated-discount-custom--floors .range-title:before, .graduated-discount-custom--tapes .range-title:before {
    background-color: #fff;
    border: 1px solid #345872;
    border-radius: 100%;
    content: "";
    height: 12px;
    left: -16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
}

.graduated-discount--floors tr,
.graduated-discount--tapes tr,
.graduated-discount-custom--floors tr,
.graduated-discount-custom--tapes tr {
    border-bottom: 0;
    cursor: pointer;
    padding-left: 16px;
    padding-right: 16px
}

.graduated-discount--floors tr td:last-of-type,
.graduated-discount--tapes tr td:last-of-type,
.graduated-discount-custom--floors tr td:last-of-type,
.graduated-discount-custom--tapes tr td:last-of-type {
    justify-content: flex-end
}

.graduated-discount--floors tr td:before,
.graduated-discount--tapes tr td:before,
.graduated-discount-custom--floors tr td:before,
.graduated-discount-custom--tapes tr td:before {
    content: unset !important
}

.graduated-discount--floors tr.active .range-title:before,
.graduated-discount--tapes tr.active .range-title:before,
.graduated-discount-custom--floors tr.active .range-title:before,
.graduated-discount-custom--tapes tr.active .range-title:before {
    background-color: var(--clr-dark);
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px var(--clr-dark)
}

.graduated-discount--floors .staffel-extra-labels span,
.graduated-discount--tapes .staffel-extra-labels span,
.graduated-discount-custom--floors .staffel-extra-labels span,
.graduated-discount-custom--tapes .staffel-extra-labels span {
    align-items: center;
    color: #424242;
    display: flex;
    font-size: 9px;
    font-weight: 700;
    margin-left: 10px;
    position: relative;
    text-transform: uppercase
}

.graduated-discount--floors .staffel-extra-labels span.staffel-extra-labels--gold,
.graduated-discount--tapes .staffel-extra-labels span.staffel-extra-labels--gold,
.graduated-discount-custom--floors .staffel-extra-labels span.staffel-extra-labels--gold,
.graduated-discount-custom--tapes .staffel-extra-labels span.staffel-extra-labels--gold {
    color: var(--clr-copper)
}

.graduated-discount--floors .staffel-extra-labels span:before,
.graduated-discount--tapes .staffel-extra-labels span:before,
.graduated-discount-custom--floors .staffel-extra-labels span:before,
.graduated-discount-custom--tapes .staffel-extra-labels span:before {
    background-color: var(--clr-copper);
    border-radius: 100%;
    content: "";
    height: 5px;
    left: -10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px
}

.graduated-discount--floors,
.graduated-discount-custom--floors {
    padding-bottom: 0
}

.graduated-discount--floors .range-title,
.graduated-discount-custom--floors .range-title {
    margin-left: 0
}

@media(max-width:767.98px) {
    .graduated-discount--floors .range-title,
    .graduated-discount-custom--floors .range-title {
        font-size: 13px
    }
}

.graduated-discount--floors .range-title:before,
.graduated-discount-custom--floors .range-title:before {
    content: unset
}

.graduated-discount--floors tr,
.graduated-discount-custom--floors tr {
    cursor: default
}

.graduated-discount .awdr-bulk-customizable-table,
.graduated-discount-custom .awdr-bulk-customizable-table {
    display: block
}

.graduated-discount-custom__title-wrapper {
    align-items: center;
    border-bottom: 1px solid #cad3dd !important;
    display: flex;
    justify-content: space-between;
    padding: 0 16px 8px
}

.graduated-discount-custom__title-wrapper .info-wrapper {
    display: flex;
    flex-direction: column;
    min-width: 137px
}

.graduated-discount-custom__title-wrapper .fromPrice,
.graduated-discount-custom__title-wrapper .maxPrice {
    display: flex;
    font-size: 13px;
    gap: 20px;
    justify-content: space-between;
    width: 100%
}

.graduated-discount-custom__title-wrapper .fromPrice {
    font-weight: 700
}

.graduated-discount-custom__title,
.graduated-discount__title {
    font-size: .75rem;
    margin-bottom: 0
}

@media(min-width:768px) {
    .graduated-discount-custom__title,
    .graduated-discount__title {
        font-size: 1.125rem
    }
}

.graduated-discount-custom__table,
.graduated-discount__table {
    display: grid;
    gap: 16px 8px;
    grid-template-columns: 1fr 1fr
}

.graduated-discount-custom__item,
.graduated-discount__item {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding-right: 16px;
    position: relative
}

.graduated-discount-custom__item--active,
.graduated-discount__item--active {
    color: var(--clr-copper);
    font-weight: 700
}

.graduated-discount-custom__item:nth-last-child(-n+2):before,
.graduated-discount__item:nth-last-child(-n+2):before {
    content: unset
}

.graduated-discount-custom__item:before,
.graduated-discount__item:before {
    background-color: #f7f8fa;
    bottom: -8px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.graduated-discount-custom__index,
.graduated-discount-custom__price,
.graduated-discount__index,
.graduated-discount__price {
    font-size: .875rem
}

.graduated-discount-custom__price,
.graduated-discount__price {
    font-weight: 600
}

.graduated-discount--floors table.wdr_bulk_table_msg--normal,
.graduated-discount--floors table.wdr_bulk_table_msg--tapes,
.graduated-discount--normal table.wdr_bulk_table_msg--floors,
.graduated-discount--normal table.wdr_bulk_table_msg--tapes,
.graduated-discount--tapes table.wdr_bulk_table_msg--floors,
.graduated-discount--tapes table.wdr_bulk_table_msg--normal,
.graduated-discount-custom--floors table.wdr_bulk_table_msg--normal,
.graduated-discount-custom--floors table.wdr_bulk_table_msg--tapes,
.graduated-discount-custom--normal table.wdr_bulk_table_msg--floors,
.graduated-discount-custom--normal table.wdr_bulk_table_msg--tapes,
.graduated-discount-custom--tapes table.wdr_bulk_table_msg--floors,
.graduated-discount-custom--tapes table.wdr_bulk_table_msg--normal {
    display: none
}

.graduated-discount-custom__grid {
    display: grid;
    gap: 8px 16px;
    grid-template-columns: repeat(2, 1fr)
}

.graduated-discount-custom__grid--column {
    grid-template-columns: 1fr
}

.graduated-discount-custom__item {
    border-bottom: 1px solid #f7f8fa !important;
    display: flex;
    font-size: .875rem;
    gap: 8px;
    justify-content: space-between;
    margin: 0 !important;
    padding: 0 !important
}

.graduated-discount-custom__inner-title {
    color: #424242;
    font-size: .875rem;
    margin: 0 !important
}

.graduated-discount-extra {
    color: #424242;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 16px
}

.awdr-bulk-customizable-table { display: none }
.awdr-bulk-customizable-table + * { margin-top: 0!important; }
.awdr-bulk-customizable-table .wdr_bulk_table_msg { width: 100% }
.awdr-bulk-customizable-table .wdr_bulk_table_msg tbody { display: grid; grid-template-columns: minmax(0, 1fr); }
.awdr-bulk-customizable-table .wdr_bulk_table_msg tbody tr { font-size: 12px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 8px 18px; }
.awdr-bulk-customizable-table .wdr_bulk_table_msg tbody tr + tr { border-top: 1px solid var(--clr-light); }  
.awdr-bulk-customizable-table .wdr_bulk_table_msg tbody tr .badge-group { justify-content: end; }

.awdr-bulk-customizable-table .wdr_bulk_table_msg .price-decimal:after {
    content: "p.s";
    margin-left: 4px
}


.awdr-bulk-customizable-table .wdr_bulk_table_msg .wdr_bulk_table_td:nth-last-child(-n+2):before,
.awdr-bulk-customizable-table .wdr_bulk_table_msg td:nth-last-child(-n+2):before {
    content: unset
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg .woocommerce-Price-amount {
    font-weight: 600
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--floors thead,
.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes thead {
    display: none
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--floors tbody tr,
.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr {
    grid-template-columns: 4fr 4fr 4fr 5fr
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results {
    cursor: default;
    grid-template-columns: 1fr auto;
    padding-top: 12px;
    align-items: center;
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-per-piece-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-per-piece-row .staffel-price-per-piece-info {
    color: #424242;
    font-size: 10px;
    font-style: italic;
    font-weight: 700
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-per-piece-row .staffel-price-per-piece {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-per-piece-row .staffel-price-per-piece p {
    color: #28465c;
    font-size: 25px;
    font-weight: 700;
    margin: 0
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-per-piece-row .staffel-price-per-piece p.priceSpan {
    display: flex;
    flex-direction: row
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-per-piece-row .staffel-price-per-piece p.priceSpan span {
    color: #28465c;
    font-size: 12px;
    font-weight: 700;
    margin-top: -3px
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-total {
    align-items: center;
    color: #424242;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    justify-content: flex-start
}

@media(max-width:767.98px) {
    .awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-total {
        font-size: 13px
    }
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-total-row {
    justify-content: flex-end
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-total p {
    font-weight: 400;
    margin: 0
}

.awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-total p.priceSpan {
    font-size: 15px;
    margin-left: 4px
}

@media(max-width:767.98px) {
    .awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr.staffel-row-results .staffel-price-total p.priceSpan {
        font-size: 13px
    }
    .awdr-bulk-customizable-table .wdr_bulk_table_msg--floors tbody .wdr_bulk_table_tr,
    .awdr-bulk-customizable-table .wdr_bulk_table_msg--floors tbody tr {
        grid-template-columns: 5fr 4fr 5fr 5fr
    }
    .awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody .wdr_bulk_table_tr,
    .awdr-bulk-customizable-table .wdr_bulk_table_msg--tapes tbody tr {
        grid-template-columns: 6fr 6fr 5fr 6fr
    }
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.item-card {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%
}

.item-card--kennissen {
    background-color: #5c7658
}

.item-card--kennissen .item-card__content {
    background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/8e1278b4141ea9c29811.svg')
}

.item-card--showcases {
    background-color: var(--clr-copper)
}

.item-card--showcases .item-card__content {
    background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/c47c18f6f88635db774e.svg')
}

.item-card--ontwikkelingen {
    background-color: var(--clr-copper)
}

.item-card--ontwikkelingen .item-card__content {
    background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/c47c18f6f88635db774e.svg')
}

.item-card--nieuws {
    background-color: var(--clr-dark)
}

.item-card--nieuws .item-card__content {
    background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/29bb72f0e721a0df174a.svg')
}

.item-card__content {
    background-position: right 20px top 40px;
    background-repeat: no-repeat;
    background-size: auto 200px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 48px 32px
}

.item-card__label {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}

.item-card__title {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0
}

.item-card__image,
.item-card__image>* {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

@media(max-width:767.98px) {
    .menu {
        background-color: #fff;
        padding: 0 16px
    }
}

.menu__item {
    list-style: none;
    padding: 12px 32px 0 0;
    position: relative
}

@media(max-width:767.98px) {
    .menu__item {
        border-bottom: 1px solid #e2e8ee;
        padding: 24px 16px 24px 0;
        position: relative
    }
}

.menu__item:last-of-type {
    border-bottom-width: 0
}

.menu__item--has-children>.menu__link:after {
    content: "";
    display: inline-block;
    font-family: Font Awesome\ 6 Pro;
    margin-left: 8px;
    transition: transform .2s ease-in-out
}

@media(max-width:767.98px) {
    .menu__item--has-children>.menu__link:after {
        position: absolute;
        right: 0
    }
}

.menu__item--active.menu__item--has-children .submenu__list {
    padding-left: 0;
    transform: translateY(0);
    transition: transform .3s ease-in
}

.menu__item--active.menu__item--has-children>.menu__link:after {
    transform: rotate(-180deg)
}

.menu__item--active .menu__submenu {
    pointer-events: auto;
    z-index: -1
}

@media(max-width:767.98px) {
    .menu__item--active .menu__submenu {
        display: block;
        z-index: 1
    }
}

.menu__submenu {
    pointer-events: none;
    transition: opacity .2s ease-in-out
}

@media(max-width:767.98px) {
    .menu__submenu {
        display: none;
        pointer-events: auto;
        transform: none
    }
}

.menu__link {
    color: #424242;
    display: block;
    font-size: .875rem;
    padding: 0 0 32px;
    position: relative;
    text-transform: uppercase
}

@media(max-width:767.98px) {
    .menu__link {
        padding-bottom: 0
    }
}

.menu__link:before {
    background-color: #424242;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    transition: all .3s ease;
    width: 0
}

.menu__link:hover {
    color: #424242
}

.menu__link:hover:before {
    width: 100%
}

@media(max-width:767.98px) {
    .menu__link:hover:before {
        width: 0
    }
}

.menu .wpml-ls-native {
    margin-left: 8px
}

.submenu {
    overflow: hidden;
    top: 66px;
    width: -moz-max-content;
    width: max-content
}

@media(max-width:767.98px) {
    .submenu {
        top: 8px;
        width: 100%
    }
}

.submenu__list {
    background-color: var(--clr-dark);
    padding-left: 0;
    transform: translateY(-600px);
    transition: transform .6s ease-in
}

.submenu__list .menu__item {
    padding: 0
}

.submenu__link {
    color: #fff;
    display: block;
    padding: 24px;
    transition: background-color .2s ease-in-out
}

@media(max-width:767.98px) {
    .submenu__link {
        padding: 8px 32px
    }
}

.submenu__link:hover {
    background-color: #28465c;
    color: #fff
}

.submenu__link:hover:before {
    display: none
}

.newsletter {
    flex-direction: column;
    height: 100%
}

.newsletter,
.newsletter .gform_wrapper form {
    display: flex
}

.newsletter .gform_wrapper .gform_body {
    width: 100%
}

.newsletter .gform_wrapper .gform_submit {
    background-color: unset;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 0
}

.newsletter .gform_wrapper .gform_submit:after {
    color: #fff;
    content: "";
    display: inline-block;
    font-family: Font Awesome\ 6 Pro;
    font-weight: 400;
    margin-left: 8px;
    position: absolute;
    right: 12px
}

.newsletter .gform_wrapper .gfield_label,
.newsletter .gform_wrapper .gform_submission_error {
    display: none
}

.newsletter .gform_wrapper .ginput_container_email {
    display: flex;
    position: relative
}

.newsletter .gform_wrapper .ginput_container_email input {
    background-color: transparent;
    border: unset;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: .875rem;
    font-weight: 300;
    padding: 8px 16px
}

.newsletter .gform_wrapper .ginput_container_email input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.newsletter .gform_wrapper .ginput_container_email input::placeholder {
    color: #fff;
    opacity: 1
}

.newsletter .gform_wrapper .ginput_container_email input:focus {
    border-bottom: 1px solid #fff
}

.newsletter .gform_heading {
    display: none
}

.newsletter__text {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.8
}

.offerte__item { background-color: #fff }
.offerte .gform_wrapper .gform_submission_error { font-size: 1.25rem }
.offerte .gform_wrapper .gformMessageField { grid-row: 1/span 5 }
.offerte .gform_wrapper .gform_fields { display: grid; }

@media(max-width:767.98px) {
    .offerte .gform_wrapper .gform_fields { display: block }
}

.offerte .gform_wrapper .gform_fields .gfield { margin-bottom: 0; margin-top: 24px }
.offerte .gform_wrapper .gform_fields>* { display: flex; flex-direction: column }
.offerte .gform_wrapper .gform_fields textarea { min-height: 400px }
.offerte .gform_wrapper .gfield_consent_label a { color: #000 }
.offerte .gform_wrapper .gform_footer { justify-content: flex-end; margin-top: 16px }
.offerte .gform_wrapper .ginput_container_textarea, .offerte .gform_wrapper .ginput_container_textarea textarea { height: 100% }

.offerte .gform_wrapper fieldset {
    border-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0
}

.offerte .gform_wrapper fieldset legend.gfield_label {
    display: none
}

.offerte .gform_wrapper .gform_submit {
    background-color: var(--clr-copper);
    color: #fff
}

.offerte .gform_wrapper .gfield_required,
.offerte .gform_wrapper .gform_required_legend,
.offerte .gform_wrapper .gform_submit:after {
    display: none
}

.offerte .gform_wrapper .gfield_label {
    display: block;
    font-size: .75rem;
    font-weight: 600;
    padding-bottom: 16px;
    text-transform: uppercase
}

.pagination-animation {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px 0
}

.pagination-animation .slider__nav--prev {
    background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/expo-chevron-left.svg');
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 19px;
    padding: 8px;
    width: 12px
}

.pagination-animation .slider__nav--prev:after {
    content: unset
}

.pagination-animation .slider__pagination {
    margin: 0 16px
}

.pagination-animation .slider__pagination .slider__bullet {
    background-color: #28465c;
    border-radius: 22px;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin: 0 5px;
    transition: opacity .5s, background-color .5s, width .5s;
    transition-delay: .5s, .5s, 0s;
    width: 22px
}

@media(max-width:767.98px) {
    .pagination-animation .slider__pagination .slider__bullet {
        border-radius: 12px;
        height: 12px;
        width: 12px
    }
}

.pagination-animation .slider__pagination .slider__bullet--active {
    background-color: var(--clr-copper);
    border-radius: 22px;
    height: 22px;
    transform-origin: left;
    transition-delay: 0s;
    width: 84px
}

@media(max-width:767.98px) {
    .pagination-animation .slider__pagination .slider__bullet--active {
        border-radius: 12px;
        height: 12px;
        width: 44px
    }
}

.pagination-animation .slider__nav--next {
    background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/expo-chevron-left.svg');
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 19px;
    padding: 8px;
    transform: rotate(180deg);
    width: 12px
}

.pagination-animation .slider__nav--next:after {
    content: unset
}

.pagination-animation .slider__pagination {
    margin-top: 0
}

.popup {
    background-color: #fff;
    box-shadow: 0 2px 16px 0 rgba(26, 26, 26, .2);
    max-height: 80vh;
    position: relative
}

.popup__inner {
    max-height: 80vh;
    overflow-y: scroll;
    padding: 1rem
}

@media(max-width:575.98px) {
    .popup__inner .slider__pagination {
        display: none
    }
}

@media(min-width:1200px) {
    .popup__inner {
        padding: 2rem
    }
}

.popup__inner .swiper {
    height: 70vh
}

.popup__inner .swiper-wrapper {
    height: 85%
}

.popup__inner .swiper-slide {
    display: flex;
    justify-content: center
}

.popup__inner img {
    height: 99%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.popup__inner .square-image {
    max-height: 100%;
    max-width: 100%
}

.popup__inner .slider__pagination {
    margin-top: unset
}

@media(max-width:767.98px) {
    .popup__inner .slider__pagination {
        justify-content: start
    }
    .popup__inner .slider__controls {
        justify-content: end;
        transform: translateY(-8px)
    }
}

.popup__inner video {
    max-width: 100%
}

.popup__inner .slider__top {
    margin-bottom: 24px
}

.popup .gform_fields {
    display: flex !important
}

.posts,
.search-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 16px 0
}

.posts__slider,
.search-grid__slider {
    padding-left: 80px;
    padding-right: 80px
}

.posts__grid,
.search-grid__grid {
    margin-bottom: -24px
}

.posts__grid .post,
.search-grid__grid .post {
    margin-bottom: 24px
}

.posts .post,
.search-grid .post {
    border-radius: 4px;
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden
}

@media(min-width:768px) {
    .posts .post,
    .search-grid .post {
        flex-direction: row
    }
    .posts .post__thumbnail,
    .search-grid .post__thumbnail {
        width: 200px
    }
}

.posts .post__thumbnail img,
.search-grid .post__thumbnail img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.posts .post__content,
.search-grid .post__content {
    background-color: #f4f4f4;
    padding: 20px;
    width: 100%
}

.posts .post__content h6,
.search-grid .post__content h6 {
    margin-bottom: 0
}

.product-brochure {
    text-align: left
}

.product-gallery {
    display: flex;
    gap: 16px;
    max-height: 717px;
    overflow-x: scroll;
    position: relative;
    scroll-snap-type: x mandatory
}

@media(min-width:768px) {
    .product-gallery {
        display: grid;
        grid-template-areas: "one two" "three four";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        overflow: initial
    }
}

@media(min-width:992px) {
    .product-gallery {
        gap: 32px
    }
}

@media(min-width:768px) {
    .product-gallery--1 {
        grid-template-areas: "one one" "one one"
    }
    .product-gallery--2 {
        display: flex;
        flex-direction: column;
        gap: 32px
    }
    .product-gallery--2>* {
        height: 50% !important
    }
    .product-gallery--2>*>img,
    .product-gallery--2>*>source {
        height: 50%
    }
    .product-gallery--3 {
        grid-template-areas: "one two" "three three"
    }
    .product-gallery--3>:nth-child(3),
    .product-gallery--3>:nth-child(3)>img,
    .product-gallery--3>:nth-child(3)>source {
        aspect-ratio: auto
    }
}

.product-gallery>* {
    aspect-ratio: 1/1;
    background-color: #f7f8fa;
    min-width: 100%;
    position: relative;
    scroll-snap-align: center;
    width: 100%
}

@media(min-width:768px) {
    .product-gallery>:nth-child(2) {
        grid-area: two
    }
    .product-gallery>:nth-child(3) {
        grid-area: three;
        max-height: 350px;
        min-width: auto
    }
    .product-gallery>:nth-child(4) {
        grid-area: four
    }
}

.product-gallery>*>img,
.product-gallery>*>source {
    aspect-ratio: 1/1;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.product-gallery--long img:first-child {
    display: none
}

.more-images {
    align-items: center;
    background-color: #e2e8ee;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.more-images__text {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 0
}

.more-images__link {
    background-color: transparent;
    color: var(--clr-copper);
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    padding: 0;
    text-decoration: underline
}

.more-images__link:after {
    content: none
}

.product-gallery__hidden {
    display: none !important
}

.product-showcase {
    position: relative
}

.product-showcase__points {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width:768px) {
    .product-showcase__image {
        height: 50vw
    }
}

.info-point {
    --top: 50%;
    --left: 50%;
    --cardstate: none;
    align-items: center;
    background-color: var(--clr-copper);
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    left: var(--left);
    position: absolute;
    top: var(--top);
    transform: translate(-50%, -50%);
    width: 32px
}

@media(min-width:768px) {
    .info-point {
        height: 48px;
        width: 48px
    }
}

.info-point__point {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 #000;
    height: 10px;
    width: 10px
}

@media(min-width:768px) {
    .info-point__point {
        height: 16px;
        width: 16px
    }
}

.info-point__link {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width:768px) {
    .info-point__link {
        display: none
    }
}

.info-point__product {
    --x: 0;
    --y: -100%;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: var(--cardstate);
    left: 0;
    max-width: 250px;
    position: absolute;
    top: 0;
    transform: translate(var(--x), var(--y))
}

.info-point__product--bottom {
    --y: 46px
}

.info-point__product--left {
    --x: calc(-100% + 48px)
}

@media(min-width:768px) {
    .info-point:hover {
        --cardstate: block
    }
}

.product-slider {
    background-color: #f7f7f7;
    padding-top: 40px;
    position: relative
}

@media(min-width:768px) {
    .product-slider {
        padding: 40px 0
    }
}

.product-slider:after {
    left: -50vw
}

.product-slider:before {
    right: -50vw
}

.product-slider:after,
.product-slider:before {
    background-color: #f7f7f7;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1
}

.product-slider__wrapper {
    height: 235px
}

@media(min-width:768px) {
    .product-slider__wrapper {
        height: 575px
    }
}

.product-slider__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px
}

@media(min-width:768px) {
    .product-slider__title {
        font-size: 34px;
    }
}

@media(max-width:767.98px) {
    .product-slider__title {
        font-size: 1.65rem
    }
}

@media(min-width:768px) {
    .product-slider__image--desktop {
        display: block;
        width: 100%
    }
    .product-slider__image--mobile {
        display: none!important;
    }
}

@media(max-width:767.98px) {
    .product-slider__image--desktop { display: none!important; }
}

.product-slider__video {
    width: 100%
}

@media(min-width:768px) {
    .product-slider__video--desktop {
        display: block !important
    }
}

@media(max-width:767.98px) {
    .product-slider__video--desktop {
        display: none !important
    }
}

@media(min-width:768px) {
    .product-slider__video--mobile {
        display: none !important
    }
}

@media(max-width:767.98px) {
    .product-slider__video--mobile {
        display: block !important;
        height: 100% !important
    }
}

.product-slider__slider {
    overflow: visible !important
}

.product-slider__slide {
    border-radius: 14px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    overflow: hidden
}

@media(max-width:767.98px) {
    .product-slider__slide {
        border-radius: 3px
    }
}

.product-slider__slide--image picture>* {
    height: auto;
    width: 100%
}

.product-slider__slide--video {
    align-items: center;
    background-color: #000;
    display: flex;
    justify-items: center
}

.product-slider__slide--video video {
    height: auto;
    width: 100%
}

.product-card__content {
    background-color: #fff;
    color: #424242;
    padding: 16px
}

.product-card__title {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 0
}

.product-card__cat {
    font-size: .75rem;
    margin-bottom: 0
}

.product-field {
    grid-column: 1/3
}

.show {
    display: block
}

.show-filter .wc-blocks-filter-wrapper h3:after {
    transform: rotate(-180deg);
    transition: all .4s ease-in-out
}

.showcase-card__image,
.showcase-card__image>* {
    aspect-ratio: 16/12;
    height: 260px;
    margin-bottom: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.showcase-card__title {
    color: #424242;
    line-height: 40px;
    margin: 8px 0
}

.showcase-card__categories {
    display: flex
}

.showcase-card__category {
    color: var(--clr-copper);
    font-size: .75rem;
    font-weight: 600;
    margin-right: 8px;
    text-transform: uppercase
}

.showcase-card__category:not(:first-child):before {
    align-items: center;
    content: ".";
    display: inline-flex;
    margin-right: 8px
}

.showcase-card__date {
    color: #424242;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.33
}

.slider {
    max-height: 100%
}

@media(min-width:768px) {
    .slider__top {
        display: flex;
        justify-content: space-between
    }
}

.slider__controls {
    display: flex;
    gap: 32px
}

.slider__pagination {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 32px
}

.slider__bullet {
    background-color: #e2e8ee;
    border-radius: 50%;
    height: 16px;
    width: 16px
}

.slider__bullet--active {
    background-color: #28465c;
    height: 12px;
    width: 12px
}

.slider__nav {
    position: relative
}

.slider__nav:after {
    color: #424242;
    font-family: Font Awesome\ 6 Pro;
    font-size: 1.25rem;
    font-weight: 400
}

.slider__nav:hover:after {
    color: #5c7658
}

.slider__nav--next {
    right: auto
}

.slider__nav--next:after {
    content: ""
}

.slider__nav--prev {
    left: auto
}

.slider__nav--prev:after {
    content: ""
}

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

.slider--image .slider__slide {
    aspect-ratio: 16/9
}

.slider--image .slider__controls {
    justify-content: space-between;
    position: absolute;
    top: 50%;
    width: 100%
}

.slider--image .slider__nav:after {
    color: #fff;
    font-family: Font Awesome\ 6 Pro;
    font-size: 1.25rem;
    font-weight: 700
}

@media(min-width:768px) {
    .slider--image .slider__nav:after {
        font-size: 3rem
    }
}

.slider--image .slider__nav--next {
    margin-right: 16px
}

@media(min-width:768px) {
    .slider--image .slider__nav--next {
        margin-right: 32px
    }
}

.slider--image .slider__nav--next:after {
    content: ""
}

.slider--image .slider__nav--prev {
    margin-left: 16px
}

@media(min-width:768px) {
    .slider--image .slider__nav--prev {
        margin-left: 32px
    }
}

.slider--image .slider__nav--prev:after {
    content: ""
}

.tab {
    background-color: #fff;
    border: 1px solid #e2e8ee;
    margin-bottom: 32px;
    margin-top: 32px;
    padding: 16px 32px;
    width: -moz-fit-content;
    width: fit-content
}

.tab__title {
    color: #000;
    display: flex;
    font-family: IBM Plex Sans, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1.6;
    text-transform: uppercase
}

.tab__title:before {
    content: unset
}

.tab__title:after {
    content: "";
    font-family: Font Awesome\ 6 Pro;
    margin-left: 32px;
    transition: transform .23s ease
}

.tab__title--active:after {
    transform: rotate(-180deg)
}

.tab__title--active:before {
    content: unset
}

.tab__content {
    color: #424242;
    display: none;
    font-weight: 400
}

.tab__content--active {
    display: block
}

.tab__content-title {
    color: #424242;
    font-weight: 400
}

.tab__content-title:before {
    content: "";
    font-family: Font Awesome\ 6 Pro
}

.woocommerce-login-cart__title {
    color: #28465c;
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase
}

.woocommerce-login-cart__form {
    border: 1px solid #cad3dd;
    border-radius: 3px;
    margin-bottom: 24px;
    padding: 24px
}

.woocommerce-login-cart__form form {
    display: flex;
    flex-flow: row wrap
}

.woocommerce-login-cart__form .login-password,
.woocommerce-login-cart__form .login-username {
    width: 100%
}

.woocommerce-login-cart__form label {
    color: #424242;
    font-size: .9375rem
}

.woocommerce-login-cart__form .login-submit {
    margin-bottom: 0;
    margin-right: 16px;
    order: 3
}

.woocommerce-login-cart__form .login-remember {
    margin-bottom: 0;
    order: 4
}

.woocommerce-login-cart__form .login-remember label {
    padding-bottom: 2px !important;
    padding-left: 24px;
    position: relative
}

.woocommerce-login-cart__form .login-remember label.active:after {
    opacity: 1
}

.woocommerce-login-cart__form .login-remember label:after,
.woocommerce-login-cart__form .login-remember label:before {
    content: "";
    position: absolute
}

.woocommerce-login-cart__form .login-remember label:before {
    border: 1px solid var(--clr-copper);
    height: 14px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px
}

.woocommerce-login-cart__form .login-remember label:after {
    background-color: var(--clr-copper);
    height: 14px;
    left: 0;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .2s ease-in-out;
    width: 14px
}

.woocommerce-login-cart__form .cart_totals h2,
.woocommerce-login-cart__form .cart_totals table,
.woocommerce-login-cart__form .cross-sells {
    display: none
}

.woocommerce-login-cart__form .button.button-primary {
    background-color: var(--clr-copper) !important;
    color: #fff;
    padding: 8px 16px !important
}

.woocommerce-login-cart__form .button.button-primary:hover {
    color: #fff !important
}

.woocommerce-login-cart__buttons {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin-top: 24px
}

@media(min-width:768px) {
    .woocommerce-login-cart__buttons {
        flex-flow: row
    }
}

.gform_wrapper .woocommerce-login-cart__buttons .btn--gold.gform_submit,
.gform_wrapper .woocommerce-login-cart__buttons .login-cart__sidebar .gform_submit.checkout-button,
.gform_wrapper .woocommerce-login-cart__buttons .login-cart__sidebar .woocommerce-cart .coupon .gform_submit.button,
.gform_wrapper .woocommerce-login-cart__buttons .woocommerce-cart .coupon .login-cart__sidebar .gform_submit.button,
.login-cart__sidebar .gform_wrapper .woocommerce-login-cart__buttons .gform_submit.checkout-button,
.login-cart__sidebar .woocommerce-cart .coupon .gform_wrapper .woocommerce-login-cart__buttons .gform_submit.button,
.login-cart__sidebar .woocommerce-cart .coupon .woocommerce-login-cart__buttons .btn.button,
.login-cart__sidebar .woocommerce-cart .coupon .woocommerce-login-cart__buttons .button,
.login-cart__sidebar .woocommerce-cart .coupon .woocommerce-login-cart__buttons .gform_wrapper .gform_submit.button,
.login-cart__sidebar .woocommerce-cart .coupon .woocommerce-login-cart__buttons form .upload__button.button,
.login-cart__sidebar .woocommerce-cart .coupon form .woocommerce-login-cart__buttons .upload__button.button,
.login-cart__sidebar .woocommerce-login-cart__buttons .btn--gold,
.login-cart__sidebar .woocommerce-login-cart__buttons .btn.checkout-button,
.login-cart__sidebar .woocommerce-login-cart__buttons .checkout-button,
.login-cart__sidebar .woocommerce-login-cart__buttons .gform_wrapper .gform_submit.checkout-button,
.login-cart__sidebar .woocommerce-login-cart__buttons .woocommerce-cart .coupon .button,
.login-cart__sidebar .woocommerce-login-cart__buttons form .upload__button.checkout-button,
.login-cart__sidebar form .woocommerce-login-cart__buttons .upload__button.checkout-button,
.woocommerce-cart .coupon .login-cart__sidebar .gform_wrapper .woocommerce-login-cart__buttons .gform_submit.button,
.woocommerce-cart .coupon .login-cart__sidebar .woocommerce-login-cart__buttons .btn.button,
.woocommerce-cart .coupon .login-cart__sidebar .woocommerce-login-cart__buttons .button,
.woocommerce-cart .coupon .login-cart__sidebar .woocommerce-login-cart__buttons .gform_wrapper .gform_submit.button,
.woocommerce-cart .coupon .login-cart__sidebar .woocommerce-login-cart__buttons form .upload__button.button,
.woocommerce-cart .coupon .login-cart__sidebar form .woocommerce-login-cart__buttons .upload__button.button,
.woocommerce-cart .coupon .woocommerce-login-cart__buttons .button,
.woocommerce-cart .coupon .woocommerce-login-cart__buttons .login-cart__sidebar .button,
.woocommerce-login-cart__buttons .btn.btn--gold,
.woocommerce-login-cart__buttons .gform_wrapper .btn--gold.gform_submit,
.woocommerce-login-cart__buttons .gform_wrapper .login-cart__sidebar .gform_submit.checkout-button,
.woocommerce-login-cart__buttons .gform_wrapper .login-cart__sidebar .woocommerce-cart .coupon .gform_submit.button,
.woocommerce-login-cart__buttons .gform_wrapper .woocommerce-cart .coupon .login-cart__sidebar .gform_submit.button,
.woocommerce-login-cart__buttons .login-cart__sidebar .btn--gold,
.woocommerce-login-cart__buttons .login-cart__sidebar .btn.checkout-button,
.woocommerce-login-cart__buttons .login-cart__sidebar .checkout-button,
.woocommerce-login-cart__buttons .login-cart__sidebar .woocommerce-cart .coupon .btn.button,
.woocommerce-login-cart__buttons .login-cart__sidebar .woocommerce-cart .coupon .button,
.woocommerce-login-cart__buttons .woocommerce-cart .coupon .button,
.woocommerce-login-cart__buttons .woocommerce-cart .coupon .login-cart__sidebar .btn.button,
.woocommerce-login-cart__buttons .woocommerce-cart .coupon .login-cart__sidebar .button,
.woocommerce-login-cart__buttons form .btn--gold.upload__button,
.woocommerce-login-cart__buttons form .login-cart__sidebar .upload__button.checkout-button,
.woocommerce-login-cart__buttons form .login-cart__sidebar .woocommerce-cart .coupon .upload__button.button,
.woocommerce-login-cart__buttons form .woocommerce-cart .coupon .login-cart__sidebar .upload__button.button,
form .woocommerce-login-cart__buttons .btn--gold.upload__button,
form .woocommerce-login-cart__buttons .login-cart__sidebar .upload__button.checkout-button,
form .woocommerce-login-cart__buttons .login-cart__sidebar .woocommerce-cart .coupon .upload__button.button,
form .woocommerce-login-cart__buttons .woocommerce-cart .coupon .login-cart__sidebar .upload__button.button {
    background-color: #fff !important;
    border: 0;
    color: #424242;
    padding-left: 0;
    padding-right: 0;
    text-transform: none
}

.gform_wrapper .woocommerce-login-cart__buttons .btn--gold.gform_submit:after,
.gform_wrapper .woocommerce-login-cart__buttons .btn--gold.gform_submit:hover:after,
.login-cart__sidebar .woocommerce-login-cart__buttons .btn--gold:after,
.login-cart__sidebar .woocommerce-login-cart__buttons .btn--gold:hover:after,
.login-cart__sidebar .woocommerce-login-cart__buttons .checkout-button:after,
.login-cart__sidebar .woocommerce-login-cart__buttons .checkout-button:hover:after,
.woocommerce-cart .coupon .woocommerce-login-cart__buttons .button:after,
.woocommerce-cart .coupon .woocommerce-login-cart__buttons .button:hover:after,
.woocommerce-login-cart__buttons .btn.btn--gold:after,
.woocommerce-login-cart__buttons .btn.btn--gold:hover:after,
.woocommerce-login-cart__buttons .gform_wrapper .btn--gold.gform_submit:after,
.woocommerce-login-cart__buttons .gform_wrapper .btn--gold.gform_submit:hover:after,
.woocommerce-login-cart__buttons .login-cart__sidebar .btn--gold:after,
.woocommerce-login-cart__buttons .login-cart__sidebar .btn--gold:hover:after,
.woocommerce-login-cart__buttons .login-cart__sidebar .checkout-button:after,
.woocommerce-login-cart__buttons .login-cart__sidebar .checkout-button:hover:after,
.woocommerce-login-cart__buttons .woocommerce-cart .coupon .button:after,
.woocommerce-login-cart__buttons .woocommerce-cart .coupon .button:hover:after,
.woocommerce-login-cart__buttons form .btn--gold.upload__button:after,
.woocommerce-login-cart__buttons form .btn--gold.upload__button:hover:after,
form .woocommerce-login-cart__buttons .btn--gold.upload__button:after,
form .woocommerce-login-cart__buttons .btn--gold.upload__button:hover:after {
    color: #424242
}

.woocommerce-login-cart__forgot {
    color: #424242;
    cursor: pointer;
    display: inline-flex;
    margin-top: 12px
}

.woocommerce-login-cart__forgot:hover {
    color: #424242;
    text-decoration: underline
}

body .woocommerce-loop-product__title {
    color: #424242
}

@media(max-width:767.98px) {
    body .woocommerce-loop-product__title {
        height: 77px
    }
}

body .woocommerce-shipping-methods label {
    display: block
}

body .woocommerce-checkout .mollie-gateway-icon {
    display: none
}

body.woocommerce .entry-summary p.price {
    margin-bottom: 0
}

@media(min-width:768px) {
    body.woocommerce .entry-summary .single_add_to_cart_button {
        font-size: 1rem;
        min-width: 260px
    }
}

.wc-group-items { display: grid; gap: 15px; grid-template-columns: repeat(3, 1fr); }
.wc-group-items__expo span { font-weight: 500; } 
.wc-group-item { border: 1px solid var(--clr-border); color: var(--clr-text); transition: all .3s ease; border-radius: 3px; overflow: clip; }
.wc-group-item:hover, .wc-group-item__active { background-color: var(--clr-dark); color: #fff }
.wc-group-item__image, .wc-group-item__image img { aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover }
.wc-group-item span { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: block; display: -webkit-box; font-size: 12px; overflow: hidden; padding: 4px 12px; width: 100% }
.wc-group-title { color: var(--clr-dark); line-height: 16px; margin-bottom: 16px }

.wc-group-title, 
.wc-product-group-button {
    display: block;
    font-size: .875rem;
    font-weight: 600;
}

.wc-product-group-button {
    background-color: #28465c;
    color: #f7f8fa;
    line-height: 23px;
    margin-top: 24px;
    padding: 14px 24px;
    text-align: center;
    text-transform: uppercase
}

.wc-product-group-button--mobile {
    display: block;
    margin-bottom: 16px;
    margin-top: 0
}

@media(min-width:768px) {
    .wc-product-group-button--mobile {
        display: none
    }
}

.pm2-product p.price {
    display: none !important
}

.pm2-product>span.wc-group-title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 6px
}

.pm2-price__decimal {
    font-size: 1.25rem;
    vertical-align: super
}

.pm2-price bdi:after {
    color: #424242;
    content: "p/m2";
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
    margin-left: 8px;
    position: relative;
    top: -7px
}

.pm2-price del bdi:after {
    font-size: 12px;
    line-height: 1;
    margin-left: 2px;
    top: -3px
}

.woocommerce-variation-price {
    display: none
}

.block__bg {
    border: 1px solid #fff;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -3
}

html.overflow-hidden {
    overflow: hidden
}

body {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow-x: hidden
}

body.noscroll,
body.overflow-hidden {
    overflow: hidden
}

body.noscroll {
    position: fixed;
    top: var(--scrollOffsetTop);
    width: 100%
}

body main {
    flex: 1
}

@media(max-width:767.98px) {
    body main {
        overflow: hidden
    }
}

body .footer {
    flex-shrink: 0
}

body>.body {
    flex: 1 0 auto
}

@media(min-width:1200px) {
    .container--breakout {
        max-width: 100%;
        width: 1376px
    }
}

.woocommerce-cart .wpcss-btn {
    display: none !important
}

.woocommerce-cart__divider {
    background-color: #e2e8ee;
    display: block;
    height: 1px;
    margin-block: 32px;
    width: 100%
}

.woocommerce-cart__divider:last-child {
    display: none
}

.woocommerce-cart h4 a {
    color: #424242
}

.woocommerce-cart .coupon {
    display: flex;
    flex-wrap: wrap;
    gap: 0 32px;
    justify-content: space-between;
    margin-bottom: 32px
}

.woocommerce-cart__carts {
    --bs-gutter-x: 64px
}

.woocommerce-cart__small-cart .cart_totals>h2 {
    display: none
}

.woocommerce-cart__small-cart .shop_table {
    border: unset !important;
    margin-bottom: 0 !important
}

.woocommerce-cart__small-cart .shop_table .cart-subtotal,
.woocommerce-cart__small-cart .shop_table .shipping-calculator-button,
.woocommerce-cart__small-cart .shop_table .woocommerce-shipping-destination {
    display: none
}

.woocommerce-cart__small-cart .shop_table tr:nth-child(2n) td {
    background-color: unset !important
}

.woocommerce-cart__small-cart .shop_table tr td:before,
.woocommerce-cart__small-cart .shop_table tr th {
    color: #424242;
    font-weight: 300;
}

.woocommerce-cart__small-cart .shop_table tr td {
    color: var(--clr-copper);
    font-weight: 600;
    text-transform: uppercase
}

.woocommerce-cart__small-cart .shop_table tr td,
.woocommerce-cart__small-cart .shop_table tr th {
    padding: 16px 0;
    vertical-align: middle
}

.woocommerce-cart__small-cart .shop_table tr td:last-child,
.woocommerce-cart__small-cart .shop_table tr th:last-child {
    text-align: right
}

.woocommerce-cart__small-cart .shop_table tr.order-total td,
.woocommerce-cart__small-cart .shop_table tr.order-total th {
    font-size: 1rem
}

.woocommerce-cart__small-cart-item {
    grid-gap: 8px;
    display: grid;
    font-weight: 300;
    grid-template-columns: 2fr 6fr;
    padding-bottom: 16px
}

@media(min-width:576px) {
    .woocommerce-cart__small-cart-item {
        grid-template-columns: 1fr 6fr 2fr
    }
}

.woocommerce-cart__small-cart-item .product-thumbnail {
    aspect-ratio: 1/1;
    background-color: #e2e8ee;
    padding: 4px
}

.woocommerce-cart__small-cart-item .product-thumbnail img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.woocommerce-cart__small-cart-item .product-title {
    text-transform: uppercase
}

.woocommerce-cart__small-cart-column--price {
    text-align: right
}

@media(max-width:575.98px) {
    .woocommerce-cart__small-cart-column:last-child {
        grid-column: 1/9
    }
}

.woocommerce-cart__usp {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
}

.woocommerce-cart__usp p {
    margin: 0
}

.woocommerce-cart__usp i {
    color: var(--clr-copper);
    margin-right: 8px;
    margin-block: 12px
}

.woocommerce-cart__attribute {
    display: flex;
    font-weight: 300;
    text-transform: uppercase
}

.woocommerce-cart__subtotal-tax td,
.woocommerce-cart__subtotal-tax th {
    border-top: none !important;
    padding-top: 0 !important
}

.woocommerce-checkout .payment-button:after {
    color: #fff;
    margin-left: 16px;
    transition: margin-left .3s ease-in-out
}

.woocommerce-checkout .payment-button:hover:after {
    margin-left: 24px
}

.woocommerce-checkout textarea {
    font-family: IBM Plex Sans, sans-serif
}

.woocommerce-checkout .select2 .select2-selection__rendered {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #e2e8ee;
    border-radius: 4px;
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px;
    width: 100%
}

.woocommerce-checkout .select2-dropdown {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1)
}

.woocommerce-checkout .select2-selection--single {
    background-color: unset;
    border: unset;
    height: auto
}

.woocommerce-checkout .select2-selection__arrow {
    height: 100% !important;
    width: 40px !important
}

.woocommerce-checkout .cart_item dd p,
.woocommerce-checkout .cart_item dt p {
    line-height: 25px
}

.woocommerce-checkout .order-review-heading,
.woocommerce-checkout .woocommerce-checkout-payment {
    margin-top: 32px
}

.woocommerce-checkout .woocommerce-form__input-checkbox {
    display: inline-block !important
}

.footer__service_text a {
    text-decoration: underline
}

.footer__form-text {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.8
}

.footer__lable-input {
    position: relative
}

.footer__lable-input:after {
    content: "";
    display: inline-block;
    font-family: Font Awesome\ 6 Pro;
    margin-left: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%)
}

.footer__privacy {
    font-size: .75rem
}

.footer__privacy-link {
    color: #424242
}

.footer__privacy-link:after {
    content: " - "
}

.footer__privacy-link:last-child:after {
    display: none
}

.footer__title {
    font-size: 1.25rem;
    margin-bottom: 8px
}

.footer__top {
    background-color: var(--clr-dark);
    color: #fff;
    font-weight: 300;
    padding-bottom: 64px;
    padding-top: 32px
}

.footer__pay-icons {
    display: flex;
    gap: 16px
}

.footer__pay-icons i {
    font-size: 1.5rem
}

.footer__basics {
    align-items: center;
    display: flex
}

@media(max-width:767.98px) {
    .footer__basics {
        align-items: unset;
        flex-direction: column;
        gap: 16px
    }
}

.footer__center {
    color: #424242;
    padding-bottom: 32px;
    padding-top: 48px;
    text-transform: uppercase
}

.footer__bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 64px;
    padding-top: 32px
}

@media(max-width:767.98px) {
    .footer__bottom {
        align-items: unset;
        flex-direction: column;
        gap: 16px
    }
}

.footer__menu-title {
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: 48px
}

.footer__menu {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 300;
    gap: 16px;
}

.footer__menu a {
    color: #424242
}

.footer__logo {
    padding-right: 24px;
    width: 235px
}

.footer__copy {
    font-size: .75rem;
    margin-bottom: 0
}

.login-cart {
    font-size: .875rem
}

.login-cart__divider {
    background-color: #e2e8ee;
    display: block;
    height: 1px;
    margin-block: 32px;
    width: 100%
}

.login-cart__divider:last-child {
    display: none
}

.login-cart h4 a {
    color: #424242
}

.login-cart__small-cart .cart_totals>h2 {
    display: none
}

.login-cart__small-cart .shop_table {
    border: unset !important;
    margin-bottom: 0 !important
}

.login-cart__small-cart .shop_table .cart-subtotal,
.login-cart__small-cart .shop_table .shipping-calculator-button,
.login-cart__small-cart .shop_table .woocommerce-shipping-destination {
    display: none
}

.login-cart__small-cart .shop_table tr:nth-child(2n) td {
    background-color: unset !important
}

.login-cart__small-cart .shop_table tr td {
    color: #424242;
    font-weight: 600;
    text-transform: uppercase
}

.login-cart__small-cart .shop_table tr td,
.login-cart__small-cart .shop_table tr th {
    padding: 16px 0;
    vertical-align: middle
}

.login-cart__small-cart .shop_table tr td:last-child,
.login-cart__small-cart .shop_table tr th:last-child {
    text-align: right
}

.login-cart__small-cart .shop_table tr.order-total td,
.login-cart__small-cart .shop_table tr.order-total th {
    font-size: 1rem
}

.login-cart__small-cart-item {
    grid-gap: 8px;
    display: grid;
    font-weight: 300;
    grid-template-columns: 2fr 6fr;
    padding-bottom: 16px
}

@media(min-width:576px) {
    .login-cart__small-cart-item {
        grid-template-columns: 1fr 6fr 2fr
    }
}

.login-cart__small-cart-item .product-thumbnail {
    aspect-ratio: 1/1;
    background-color: #e2e8ee;
    padding: 4px
}

.login-cart__small-cart-item .product-thumbnail img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.login-cart__small-cart-item .product-title {
    text-transform: uppercase
}

.login-cart__small-cart-column--price {
    text-align: right
}

@media(max-width:575.98px) {
    .login-cart__small-cart-column:last-child {
        grid-column: 1/9
    }
}

.login-cart__usp {
    font-weight: 300;
}

.login-cart__usp i {
    color: var(--clr-copper);
    margin-right: 8px;
    margin-block: 12px
}

.login-cart__sidebar {
    background-color: #f7f8fa;
    height: -moz-fit-content;
    height: fit-content;
    padding: 24px 48px
}

.login-cart__sidebar .wc-proceed-to-checkout {
    display: none
}

.login-cart__sidebar h3 {
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase
}

@media(min-width:768px) {
    .login-cart__sidebar {
        padding: 24px
    }
}

.login-cart__sidebar .btn--gold,
.login-cart__sidebar .checkout-button,
.login-cart__sidebar .woocommerce-cart .coupon .button,
.woocommerce-cart .coupon .login-cart__sidebar .button {
    background-color: var(--clr-copper) !important;
    border-color: var(--clr-copper) !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-size: .875rem;
    font-weight: 600 !important;
    padding: 1.25rem 1.5rem !important;
    transition: background-color .2s ease-in-out;
    width: -moz-fit-content;
    width: fit-content
}

.login-cart__sidebar .btn--gold:hover,
.login-cart__sidebar .checkout-button:hover,
.login-cart__sidebar .woocommerce-cart .coupon .button:hover,
.woocommerce-cart .coupon .login-cart__sidebar .button:hover {
    background-color: #424242 !important;
    border-color: #424242 !important
}

.login-cart__sidebar .btn--gold:hover:after,
.login-cart__sidebar .checkout-button:hover:after,
.login-cart__sidebar .woocommerce-cart .coupon .button:hover:after,
.woocommerce-cart .coupon .login-cart__sidebar .button:hover:after {
    margin-left: 16px;
    opacity: 1
}

.login-cart__sidebar .btn--gold:after,
.login-cart__sidebar .checkout-button:after,
.login-cart__sidebar .woocommerce-cart .coupon .button:after,
.woocommerce-cart .coupon .login-cart__sidebar .button:after {
    color: #fff;
    margin-left: -12px;
    opacity: 0;
    transition: margin-left .2s ease-in-out, opacity .2s ease-in-out
}

.login-cart__sidebar .cross-sells {
    display: none
}

.login-cart__sidebar .shop_table {
    width: 100%
}

.login-cart__sidebar .tax-rate {
    border-bottom: 1px solid var(--clr-copper);
    border-top: 1px solid var(--clr-copper)
}

.login-cart__sidebar .order-total th,
.login-cart__sidebar .tax-rate th {
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    text-align: left
}

.login-cart__categories,
.login-cart__sidebar .order-total th {
    text-transform: uppercase
}

.login-cart__categories {
    font-size: 10px;
    margin: 0
}

.login-cart__category {
    margin: 0
}

.login-cart__attribute {
    display: flex;
    font-weight: 300;
    text-transform: uppercase
}

.single-branch__wrapper {
    aspect-ratio: 16/9;
    margin-bottom: 176px;
    position: relative
}

.single-branch__top-wrapper {
    position: relative
}

.single-branch__top {
    background-color: #fff;
    bottom: 0;
    left: 0;
    margin-bottom: -176px;
    max-width: 730px;
    padding: 80px;
    position: absolute
}

@media(max-width:991.98px) {
    .single-branch__top {
        padding: 32px 0;
        position: relative
    }
}

.single-branch__excerpt p {
    line-height: 2
}

.single-branch__back {
    color: #424242;
    font-size: .875rem;
    font-weight: 300;
    margin-bottom: 64px;
    text-transform: uppercase
}

.single-branch__back a {
    color: #424242
}

.single-branch__back a:before {
    aspect-ratio: 1/1;
    background-color: #e2e8ee;
    border-radius: 50%;
    color: #424242;
    content: "";
    font-family: Font Awesome\ 6 Pro;
    font-size: 1.5rem;
    font-weight: 600;
    margin-right: 24px;
    padding: 12px
}

.single-branch__image {
    background-size: cover;
    height: 100%;
    width: 100%
}

.single-branch__image * {
    background-size: contain;
    height: 100%;
    width: 100%
}

.gallery {
    background-color: #f7f8fa;
    padding: 136px 0
}

.gallery__grid {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(2, 1fr)
}

@media(max-width:767.98px) {
    .gallery__grid {
        display: flex;
        flex-direction: column
    }
}

.gallery__image {
    background-size: cover;
    height: 100%;
    width: 100%
}

.gallery__image * {
    background-size: contain;
    height: 100%;
    width: 100%
}

.gallery__image--0 {
    grid-area: 1/1/3/5
}

.gallery__image--1 {
    grid-area: 1/5/3/9
}

.gallery__image--2 {
    grid-area: 3/1/4/4
}

.gallery__image--3 {
    grid-area: 3/4/5/8
}

.showcases {
    padding: 120px 0
}

.showcases--block {
    padding: 40px 0
}

@media(min-width:768px) {
    .showcases--block {
        padding: 80px 0
    }
}

.showcases__title {
    margin-bottom: 80px
}

@media(max-width:991.98px) {
    .showcases__title {
        margin-bottom: 32px
    }
}

.showcases__wrapper {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr 1fr 1fr
}

@media(max-width:991.98px) {
    .showcases__wrapper {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:575.98px) {
    .showcases__wrapper {
        grid-template-columns: 1fr
    }
}

.showcases__link {
    background-color: #e2e8ee;
    margin-top: 32px
}

.single-product {
    margin-bottom: 64px
}

.single-product .woocommerce-breadcrumb {
    margin-bottom: 0
}

@media(max-width:767.98px) {
    .single-product .woocommerce-breadcrumb__wrapper {
        background-color: #f7f7f7;
        display: flex !important;
        margin-bottom: -10px;
        padding-bottom: 16px !important
    }
}

.single-product__sku {
    color: var(--clr-copper);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.33;
    margin-bottom: 16px;
    text-transform: uppercase
}

.single-product__sku>span,
.single-product__sku>span>span {
    color: #424242
}

.single-product .woocommerce-product-details__short-description {
    font-size: .875rem;
    line-height: 1.64;
    margin-bottom: 16px
}

.single-product .woocommerce-product-details__short-description p {
    line-height: 1.64;
    margin: 0
}

.single-product .woocommerce-product-details__short-description a {
    color: var(--clr-copper);
    font-weight: 600;
    text-decoration: underline
}

.single-product__add-to-cart-disabled {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.single-product .contact-banner {
    padding-bottom: 0
}

@media(min-width:768px)and (max-width:991.98px) {
    .single-product .awdr-bulk-customizable-table tbody {
        display: block
    }
}

@media(min-width:992px)and (max-width:1199.98px) {
    .single-product .awdr-bulk-customizable-table tbody {
        display: block
    }
}

@media(max-width:575.98px) {
    .single-product .awdr-bulk-customizable-table tbody {
        display: grid
    }
}

.product-options__label {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}


.product-options__tooltip { align-items: center; background-color: var(--clr-dark); border-radius: 100%; color: #fff; display: flex; font-size: .6875rem; height: 15px; justify-content: center; margin-left: 8px; position: relative; width: 15px }
.product-options__tooltip>span { cursor: pointer; display: flex; justify-content: center; line-height: 1; width: 15px }
.product-options__tooltip-content { background: #fff; border: 1px solid var(--clr-border); bottom: calc(100% + 15px); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); color: var(--clr-dark); display: flex; font-size: .875rem; font-weight: 300; line-height: 1.64; opacity: 0; padding: 12px 16px; position: absolute; right: 0; visibility: hidden; width: 253px; z-index: 10; border-radius: 3px; }
.product-options__tooltip-content--active { opacity: 1; visibility: visible }
.product-options__tooltip-arrow { bottom: 1px; left: 50%; position: absolute; transform: translate(-50%); width: 19px }
.product-options__tooltip-arrow:before { border-top: 14px solid var(--clr-border); top: 1px }
.product-options__tooltip-arrow:after, .product-options__tooltip-arrow:before { border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; height: 0; position: absolute; width: 0 }
.product-options__tooltip-arrow:after { border-top: 13px solid #fff; }

@media(min-width:768px) {
    .product-options__tooltip-content { left: 50%; right: unset; transform: translate(-50%) }
}

.staffel-nordic { border: .5px solid var(--clr-light); border-radius: 3px; margin: 16px 0; width: 100% }
.staffel-nordic__title { text-transform: uppercase; font-size: 15px; font-weight: 700; font-style: italic; padding: 9px 18px; border-bottom: 1px solid var(--clr-light); }
.staffel-nordic__info-wrapper { display: flex; padding: 18px; column-gap: 20px; }
.staffel-nordic__calculator { display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.staffel-nordic__calculator-m2 { display: flex; flex-direction: column; gap: 4px; }
.staffel-nordic__calculator-m2-label { font-size: 10px; font-weight: 700; line-height: 1.5; margin: 0; text-transform: uppercase }
.staffel-nordic__calculator-m2-wrapper { border: .5px solid var(--clr-light); border-radius: 3px; display: flex; flex-direction: row; height: 29px; width: 90px; }
.staffel-nordic__calculator-m2-wrapper input { border: 0; font-size: 15px; padding-left: 8px; width: 100%; }
.staffel-nordic__calculator-m2-suffix { border-left: .5px solid var(--clr-light); padding: 4px; }
.staffel-nordic__result-line { font-size: 15px; font-weight: 400; margin: 0; padding-bottom: 2px; }
.staffel-nordic__result-line b { color: var(--clr-copper); font-weight: 700 }
.staffel-nordic__totalprice { align-items: flex-end; display: flex; }
.staffel-nordic__totalprice b { color: var(--clr-dark); display: flex; font-size: 33px; font-weight: 700; line-height: 1; margin-left: 12px; margin-right: 4px }
.staffel-nordic__totalprice b p { color: var(--clr-dark); font-size: 12px; margin: 0; padding: 0 }
.staffel-nordic__totalprice p { color: var(--clr-dark); font-size: 11px; font-style: italic; font-weight: 700; line-height: 1; margin: 0 }
.staffel-nordic__results { border-left: .5px solid var(--clr-light); padding-left: 16px; width: 100% }

.awdr_discount_bar:has(.awdr_discount_bar_content) { padding: 16px; border-radius: 3px; }

@media(max-width: 991.98px) {
    .staffel-nordic__info-wrapper { flex-direction: column; padding: 0; }
    .staffel-nordic__calculator { display: grid; grid-template-columns: repeat(2, minmax(0 ,1fr)); border-bottom: .5px solid var(--clr-light); padding: 16px; }
    .staffel-nordic__calculator-m2-wrapper { width: 100%; }
    .staffel-nordic__results { border-left: 0; padding: 16px }
}

@media(max-width:767.98px) {
    .staffel-nordic__result-line { font-size: 13px; }
    .staffel-nordic__totalprice { align-items: flex-start; flex-direction: column; gap: 8px 0; padding-top: 8px }
    .staffel-nordic__totalprice b { font-size: 18px; margin-left: 0 }
}

.woocommerce-tax__long_desc {
    margin: 80px 0
}

.woocommerce-tax__detail {
    border-bottom: 1px solid #e2e8ee;
    margin-bottom: 16px;
    padding-bottom: 8px
}

.woocommerce-tax__detail a {
    color: var(--clr-copper);
    text-decoration: underline
}

.woocommerce .woocommerce-breadcrumb__wrapper {
    align-items: center;
    color: #28465c;
    display: flex;
    font-size: .875rem;
    gap: 8px;
    padding: 16px 0;
    text-transform: uppercase
}

@media(max-width:767.98px) {
    .woocommerce .woocommerce-breadcrumb__wrapper {
        display: none;
        font-size: .625rem
    }
}

.woocommerce .woocommerce-breadcrumb__wrapper:before {
    display: none
}

.woocommerce div.product .price-from {
    align-self: end;
    font-size: 1.25rem;
    margin-bottom: 6px;
    margin-right: 2px
}

.woocommerce div.product .pm2-price bdi {
    color: #28465c;
    font-size: 2.25rem;
    font-weight: 600
}

.woocommerce div.product .pm2-price p {
    margin: 0
}

.woocommerce div.product .pm2-price del .price-from,
.woocommerce div.product div.price del .price-from,
.woocommerce div.product span.price del .price-from {
    display: none
}

.woocommerce div.product .pm2-price del .amount,
.woocommerce div.product .pm2-price del .price-decimal,
.woocommerce div.product div.price del .amount,
.woocommerce div.product div.price del .price-decimal,
.woocommerce div.product span.price del .amount,
.woocommerce div.product span.price del .price-decimal {
    color: #424242;
    font-size: 1rem;
    line-height: 1;
    text-decoration: line-through;
    top: unset;
    vertical-align: unset
}

.woocommerce div.product .pm2-price del .price-from,
.woocommerce div.product div.price del .price-from,
.woocommerce div.product span.price del .price-from {
    font-size: 1.25rem
}

.woocommerce div.product .pm2-price del bdi,
.woocommerce div.product div.price del bdi,
.woocommerce div.product span.price del bdi {
    line-height: 1
}

.single-showcases .section {
    padding: 24px 0
}

@media(min-width:768px) {
    .single-showcases .section {
        padding: 32px 0
    }
}

.woocommerce .woocommerce-form-coupon {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .woocommerce .woocommerce-form-coupon {
        display: block
    }
}

.woocommerce .woocommerce-form-coupon .form-row-first {
    width: 100%
}

@media(min-width:768px) {
    .woocommerce .woocommerce-form-coupon .form-row-first {
        width: unset
    }
}

.woocommerce .woocommerce-form-coupon .button {
    background-color: #28465c;
    color: #fff
}

.woocommerce .woocommerce-form-coupon .button:hover {
    background-color: #192b38;
    color: #fff
}

.woocommerce .woocommerce-form-coupon .button:after {
    color: #fff
}

.woocommerce .filter-link {
    size: .875rem;
    color: #578cb2;
    text-decoration: underline;
    transition: color .3s ease-in-out
}

.woocommerce .filter-link:hover {
    color: #000
}

.pswp {
    z-index: 9999
}

.pswp__bg {
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background-color: rgba(247, 248, 250, .761)
}

.pswp .pswp__zoom-wrap {
    transform: unset !important
}

.pswp__img {
    background-color: #e2e8ee;
    height: auto !important;
    left: 50% !important;
    padding: 40px !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 600px !important
}

.pswp__caption,
.pswp__top-bar {
    background-color: transparent !important
}

.pswp .pswp__button--arrow--left,
.pswp .pswp__button--arrow--right {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 62px;
    opacity: 1;
    width: 42px
}

.pswp .pswp__button--arrow--left,
.pswp .pswp__button--arrow--left:hover,
.pswp .pswp__button--arrow--right,
.pswp .pswp__button--arrow--right:hover {
    background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/expo-chevron-left-copper.svg') !important
}

.pswp .pswp__button--arrow--left {
    left: 24px
}

.pswp .pswp__button--arrow--right {
    right: 24px;
    transform: rotate(180deg) !important
}

.pswp__button:after,
.pswp__button:before {
    content: unset
}

.box-shadow-xs {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05), 0 0 3px 0 rgba(0, 0, 0, .05)
}

.box-shadow-sm {
    box-shadow: 0 4px 6px 1px rgba(0, 0, 0, .06), 0 0 1px 1px rgba(0, 0, 0, .02)
}

.box-shadow-md {
    box-shadow: 0 6px 10px 2px rgba(0, 0, 0, .08), 0 0 2px 1px rgba(0, 0, 0, .03)
}

.box-shadow-lg {
    box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .1), 0 0 8px 2px rgba(0, 0, 0, .03)
}

.box-shadow-xl {
    box-shadow: 0 18px 26px 0 rgba(0, 0, 0, .12), 0 0 8px 2px rgba(0, 0, 0, .035)
}

.color-primary {
    color: #e2e8ee
}

.background-primary {
    background-color: #e2e8ee
}

.color-secondary {
    color: #5c7658
}

.background-secondary {
    background-color: #5c7658
}

.color-tertiary {
    color: var(--clr-copper)
}

.background-tertiary {
    background-color: var(--clr-copper)
}

.color-support {
    color: #141414
}

.background-support {
    background-color: #141414
}

.color-supportLight {
    color: #f4f4f4
}

.background-supportLight {
    background-color: #f4f4f4
}

.color-error {
    color: #f43319
}

.background-error {
    background-color: #f43319
}

.color-black {
    color: #000
}

.background-black {
    background-color: #000
}

.color-codGray {
    color: #141414
}

.background-codGray {
    background-color: #141414
}

.color-flamingo {
    color: #e95e30
}

.background-flamingo {
    background-color: #e95e30
}

.color-pomegranate {
    color: #f43319
}

.background-pomegranate {
    background-color: #f43319
}

.color-turqoiseBlue {
    color: #68bee8
}

.background-turqoiseBlue {
    background-color: #68bee8
}

.color-vermilion {
    color: #ff470b
}

.background-vermilion {
    background-color: #ff470b
}

.color-white {
    color: #fff
}

.background-white {
    background-color: #fff
}

.color-wildSand {
    color: #f4f4f4
}

.background-wildSand {
    background-color: #f4f4f4
}

.color-Twine {
    color: var(--clr-copper)
}

.background-Twine {
    background-color: var(--clr-copper)
}

.color-Tundora {
    color: #424242
}

.background-Tundora {
    background-color: #424242
}

.color-TundoraLight {
    color: rgba(66, 66, 66, .459)
}

.background-TundoraLight {
    background-color: rgba(66, 66, 66, .459)
}

.color-Cactus {
    color: #5c7658
}

.background-Cactus {
    background-color: #5c7658
}

.color-AthensGray {
    color: #f7f8fa
}

.background-AthensGray {
    background-color: #f7f8fa
}

.color-Mystic {
    color: #e2e8ee
}

.background-Mystic {
    background-color: #e2e8ee
}

.color-Rhino {
    color: #28465c
}

.background-Rhino {
    background-color: #28465c
}

.color-SanJuan {
    color: var(--clr-dark)
}

.background-SanJuan {
    background-color: var(--clr-dark)
}

.color-HippieBlue {
    color: #578cb2
}

.background-HippieBlue {
    background-color: #578cb2
}

.color-LynxWhite {
    color: #f7f7f7
}

.background-LynxWhite {
    background-color: #f7f7f7
}

.color-Neutral50 {
    color: #a8a8a8
}

.background-Neutral50 {
    background-color: #a8a8a8
}

.color-Geyser {
    color: #cad3dd
}

.background-Geyser {
    background-color: #cad3dd
}

.hidden { display: none!important; }

.hidden-xs-down,
.hidden-xs-up,
.visible-xs-only {
    display: none !important
}

@media(max-width:575.98px) {
    .visible-xs-only {
        display: block !important
    }
}

@media(min-width:576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media(max-width:575.98px) {
    .hidden-sm-down {
        display: none !important
    }
}

.visible-sm-only {
    display: none !important
}

@media(min-width:576px)and (max-width:767.98px) {
    .visible-sm-only {
        display: block !important
    }
}

@media(min-width:768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media(max-width:767.98px) {
    .hidden-md-down {
        display: none !important
    }
}

.visible-md-only {
    display: none !important
}

@media(min-width:768px)and (max-width:991.98px) {
    .visible-md-only {
        display: block !important
    }
}

@media(min-width:992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media(max-width:991.98px) {
    .hidden-lg-down {
        display: none !important
    }
}

.visible-lg-only {
    display: none !important
}

@media(min-width:992px)and (max-width:1199.98px) {
    .visible-lg-only {
        display: block !important
    }
}

@media(min-width:1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

@media(max-width:1199.98px) {
    .hidden-xl-down {
        display: none !important
    }
}

.visible-xl-only {
    display: none !important
}

@media(min-width:1200px)and (max-width:1399.98px) {
    .visible-xl-only {
        display: block !important
    }
}

@media(min-width:1400px) {
    .hidden-xxl-up {
        display: none !important
    }
}

@media(max-width:1399.98px) {
    .hidden-xxl-down {
        display: none !important
    }
}

.visible-xxl-only {
    display: none !important
}

@media(min-width:1400px) {
    .visible-xxl-only {
        display: block !important
    }
}

.branches-all {
    background-color: #f7f8fa;
    position: relative
}

.branches-all:after {
    background-color: #fff;
    bottom: 0;
    content: " ";
    height: 80px;
    position: absolute;
    width: 100%
}

.branches-all__wrapper {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 64px;
    padding-top: 64px;
    position: relative;
    z-index: 1
}

@media(max-width:1199.98px) {
    .branches-all__wrapper {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:767.98px) {
    .branches-all__wrapper {
        grid-template-columns: 1fr
    }
}

.branches {
    background-color: #f7f8fa;
    padding-top: 128px;
    position: relative
}

.branches__title {
    max-width: 450px
}

.branches:after {
    background-color: #fff;
    bottom: 0;
    content: " ";
    height: 240px;
    position: absolute;
    width: 100%
}

.branches__wrapper {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 64px;
    padding-top: 64px;
    position: relative;
    z-index: 1
}

@media(max-width:1199.98px) {
    .branches__wrapper {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:767.98px) {
    .branches__wrapper {
        grid-template-columns: 1fr
    }
}

.breadcrumb__title {
    color: #e2e8ee
}

.brochure-cta .brochure-cta__button:after {
    color: #f7f8fa
}

.brochure-cta .brochure-cta__wrapper {
    grid-row-gap: 0;
    grid-column-gap: 0;
    align-items: center;
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(6, 1fr)
}

@media(max-width:991.98px) {
    .brochure-cta .brochure-cta__wrapper {
        display: flex;
        flex-direction: column
    }
}

.brochure-cta .brochure-cta__item {
    align-self: stretch;
    justify-self: stretch;
    position: relative
}

.brochure-cta .brochure-cta__item:first-child {
    aspect-ratio: 1;
    grid-area: 1/1/5/4
}

.brochure-cta .brochure-cta__item:nth-child(2) {
    grid-area: 1/4/5/7
}

.brochure-cta .brochure-cta__item:nth-child(3) {
    grid-area: 5/1/7/3
}

.brochure-cta .brochure-cta__item:nth-child(4) {
    grid-area: 7/1/9/3
}

.brochure-cta .brochure-cta__item:nth-child(5) {
    aspect-ratio: 16/9;
    grid-area: 5/3/8/7
}

.brochure-cta .brochure-cta__item:nth-child(5) img {
    aspect-ratio: 16/9
}

.brochure-cta .brochure-cta__image>* {
    cursor: pointer;
    height: 100%;
    width: 100%
}

.brochure-cta .brochure-cta__brochure {
    background-color: var(--clr-dark);
    color: #fff;
    height: 100%;
    overflow: hidden;
    padding: 48px 32px;
    position: relative;
    width: 100%;
    z-index: 2
}

.brochure-cta .brochure-cta__brochure p {
    line-height: 48px
}

/* .brochure-cta .brochure-cta__brochure:after {
    background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/bg-asset-squares.svg');
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    opacity: .3;
    position: absolute;
    right: -40%;
    top: 5%;
    width: 100%;
    z-index: -1
} */

.brochure-cta .brochure-cta .gform-body .brochure-cta__email {
    margin-bottom: 24px;
    max-width: 340px
}

.brochure-cta .brochure-cta__email {
    position: relative
}

.brochure-cta .brochure-cta__email:after {
    content: "";
    display: inline-block;
    font-family: Font Awesome\ 6 Pro;
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translate(-50%, -50%)
}

.brochure-cta .brochure-cta__email label {
    display: none
}

.brochure-cta .brochure-cta__email input[type=email] {
    background-color: unset;
    border: unset;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-family: IBM Plex Sans, sans-serif;
    position: relative
}

.brochure-cta .brochure-cta__email input[type=email]:focus {
    border-color: #fff
}

.brochure-cta .brochure-cta__email input[type=email]::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.brochure-cta .brochure-cta__email input[type=email]::placeholder {
    color: #fff;
    opacity: 1
}

.brochure-cta .brochure-cta .gform_heading {
    display: none
}

.brochure-cta .brochure-cta .gform_submit {
    color: #424242
}

.brochure-cta .brochure-cta__text {
    font-weight: 300;
    line-height: 2;
    margin-bottom: 40px
}

.brochure-cta .brochure-cta__consent {
    border: unset;
    padding: 0
}

.brochure-cta .brochure-cta__consent legend {
    display: none
}

.brochure-cta .brochure-cta__consent input[type=checkbox]+label:after {
    background-color: #424242
}

.brochure-cta .brochure-cta__consent label {
    padding-bottom: 0
}

.brochure-cta .brochure-cta .gform_wrapper .gform_submit {
    background-color: #fff;
    border-radius: 0;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.brochure-cta .brochure-cta .gform_wrapper .gform_submit:after {
    display: none
}

.brochure-cta .gfield_consent_label {
    padding-left: 45px
}

.brochure-cta .gfield_consent_label:before {
    left: 15px
}

.click-link {
    background-color: #fff;
    display: grid;
    gap: 24px;
    grid-template-columns: 40px 1fr
}

@media(min-width:768px) {
    .click-link {
        grid-template-columns: 80px 1fr
    }
}

.click-link:hover .click-link__text:after {
    transform: translateX(16px)
}

.click-link__icon {
    align-items: center;
    aspect-ratio: 1;
    background-color: var(--clr-copper);
    color: #fff;
    display: flex;
    font-size: 1rem;
    justify-content: center
}

@media(min-width:768px) {
    .click-link__icon {
        font-size: 2rem
    }
}

.click-link__text {
    align-self: center;
    color: #424242;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    margin-bottom: 0
}

.click-link__text:after {
    content: "";
    font-family: Font Awesome\ 6 Pro;
    font-weight: 400;
    margin-right: 24px;
    transition: transform .3s ease-in-out
}

.contact_banner__wrapper { background-color: #5c7658; position: relative; }
.contact_banner__content { padding: 80px; position: relative; z-index: 2 }
.contact_banner__brown, .contact_banner__green { background-color: var(--clr-copper); -webkit-clip-path: inset(-60px 0 0 0); clip-path: inset(-60px 0 0 0) }
.contact_banner__green { background-color: #5c7658 }
.contact_banner__remove-padding { padding-right: 0 }
.contact_banner__title { color: #fff; font-size: 1.25rem; font-weight: 700; margin-bottom: 24px }
.contact_banner__subtitle { color: #fff; font-size: 1rem; font-weight: 300; margin-bottom: 48px }
.contact_banner__btn-wrapper { width: 100% }
.contact_banner__btn-wrapper { display: flex; justify-content: center }
.contact_banner__backgrounds { display: flex; height: 100%; justify-content: center; position: relative; width: 100%; z-index: 2 }
.contact_banner__person>* { bottom: 0; display: block; display: none; height: 100%; max-height: 600px; -o-object-fit: contain; object-fit: contain; position: absolute; right: 0; transform: scale(1.3); transform-origin: bottom center }
.contact_banner__person>* * { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% }
.contact_banner__background { display: block; height: 100%; overflow: hidden; position: absolute; transform-origin: center; width: 200% }
.contact_banner__background * { height: 100%; -o-object-fit: contain; object-fit: contain; transform: scale(1.2); width: 100% } 
.contact_banner__list { display: flex; flex-direction: column; gap: 8px; list-style: none; margin: 0 0 52px; padding-left: 0 }
.contact_banner__list-item { align-items: center; color: #fff; display: flex; font-size: 1.25rem; font-weight: 300; gap: 16px }
.contact_banner__list-item p { margin-bottom: 0 }
.contact_banner__list-item a { color: #fff; text-decoration: underline }

@media(max-width:767.98px) {
    .contact_banner__wrapper { overflow: hidden }
    .contact_banner__hide-tablet { display: none }
    .contact_banner__title { text-align: center }
    .contact_banner__subtitle { text-align: center }
}

@media(max-width:575.98px) {
    .contact_banner__content { padding: 16px; padding-bottom: 44px !important; padding-top: 32px !important }
}

@media(min-width:768px) {
    .contact_banner__title { font-size: 2.375rem; font-weight: 400 }
}

@media(min-width:992px) {
    .contact_banner__person>* { display: block; max-height: 90% }
}



.contact-info__block { margin-bottom: 64px }
.contact-info__caption { display: inline-block; font-weight: 600; min-width: 150px }
.contact-info__title { margin-bottom: 24px }
.contact-info__right { background-color: #fff; padding: 32px 20px}
.contact-info__right fieldset { border-width: 0 }
.contact-info__right legend { display: none }

@media(min-width:768px) {
    .content-image-fade:after {
        background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/fc9cc93606f34e5b3a16.svg');
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        content: "";
        height: 140%;
        position: absolute;
        top: -15%;
        width: 600px;
        z-index: -1
    }
}

.content-image-fade__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width:992px) {
    .content-image-fade__wrapper {
        flex-direction: row;
        gap: 24px
    }
}

.content-image-fade__image,
.content-image-fade__image>* {
    max-height: 608px;
    max-width: 800px;
    width: 100%
}

.content-image-fade__text {
    display: flex;
    flex-direction: column;
    margin-bottom: 64px;
    max-width: 570px
}

@media(min-width:992px) {
    .content-image-fade__text {
        align-self: flex-end;
        margin-left: -40%
    }
}

.content-image-fade__tag {
    font-size: .75rem;
    font-weight: 600;
    line-height: 16px;
    margin-top: 24px;
    text-transform: uppercase
}

@media(min-width:992px) {
    .content-image-fade__tag {
        margin-top: 0
    }
}

.content-image-fade__title {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 62px;
    margin-top: 16px
}

@media(min-width:768px) {
    .content-image-fade__title {
        font-size: 3rem
    }
}

.content-image-fade__content {
    max-width: 700px
}

@media(min-width:992px) {
    .content-image-fade__content {
        margin-left: 120px;
        margin-top: 80px
    }
}

.content-image__wrapper {
    align-items: center
}

.content-image__flip {
    flex-direction: row-reverse
}

.content-image__flip .content-image__image {
    margin-left: 0
}

.content-image__image-wrapper {
    aspect-ratio: 1/1;
    display: block;
    margin-top: 40px;
    position: relative
}

@media(min-width:768px) {
    .content-image__image-wrapper {
        margin-left: 80px;
        margin-top: 0
    }
}

.content-image__image-wrapper:after {
    border: 1px solid #e2e8ee;
    content: "";
    height: 80%;
    left: -32px;
    position: absolute;
    top: -32px;
    width: 100%;
    z-index: -1
}

.content-image__image-wrapper--big {
    margin-left: unset
}

.content-image__image-wrapper--big:after {
    content: unset
}

@media(min-width:768px) {
    .content-image__image-wrapper--flip {
        margin-left: 0;
        margin-right: 80px;
        margin-top: 0
    }
}

.content-image__image-wrapper--flip:after {
    border: 1px solid #e2e8ee;
    bottom: -32px;
    content: "";
    height: 80%;
    left: -32px;
    position: absolute;
    top: unset;
    width: 100%;
    z-index: -1
}

.content-image__image>* {
    height: 100%;
    width: 100%
}

.content-image__button:after {
    color: #f7f8fa
}

.content-image p a {
    color: #578cb2
}

.content ul:not(.menu,
.page-numbers,
.wc-block-checkbox-list,
.submenu__list,
.ab-submenu,
.contact_banner__list,
.my-account__navigation,
.wc-block-product-categories-list,
.is-layout-flow ul,
.key_exhibition__list,
.shipping_method) {
    list-style: none;
    padding: 0
}

.content ul:not(.menu,
.page-numbers,
.wc-block-checkbox-list,
.submenu__list,
.ab-submenu,
.contact_banner__list,
.my-account__navigation,
.wc-block-product-categories-list,
.is-layout-flow ul,
.key_exhibition__list,
.shipping_method) li {
    align-items: center;
    display: flex;
    font-size: .875rem;
    font-weight: 300
}

.content ul:not(.menu,
.page-numbers,
.wc-block-checkbox-list,
.submenu__list,
.ab-submenu,
.contact_banner__list,
.my-account__navigation,
.wc-block-product-categories-list,
.is-layout-flow ul,
.key_exhibition__list,
.shipping_method) li:not(:last-child) {
    margin-bottom: 16px
}

.content ul:not(.menu,
.page-numbers,
.wc-block-checkbox-list,
.submenu__list,
.ab-submenu,
.contact_banner__list,
.my-account__navigation,
.wc-block-product-categories-list,
.is-layout-flow ul,
.key_exhibition__list,
.shipping_method) li:before {
    color: var(--clr-copper);
    content: "";
    font-family: Font Awesome\ 6 Pro;
    font-size: .875rem;
    font-weight: 600;
    margin-right: 8px
}

.count_down__title {
    text-align: center
}

.count_down__time {
    color: #424242;
    display: flex;
    gap: 80px;
    justify-content: center
}

@media(max-width:767.98px) {
    .count_down__time {
        flex-direction: column;
        gap: 16px
    }
}

.count_down__days,
.count_down__hours,
.count_down__minutes,
.count_down__seconds {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center
}

.count_down__number {
    font-size: 2.25rem;
    font-weight: 900
}

.downloads__grid {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr
}

@media(min-width:768px) {
    .downloads__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:992px) {
    .downloads__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

.downloads__tile {
    background-color: #fff;
    padding: 32px;
    transition: box-shadow .3s ease-in-out
}

.downloads__tile:hover {
    box-shadow: 0 24px 40px rgba(221, 224, 230, .5)
}

.downloads__text {
    color: #424242;
    display: flex;
    font-size: 1.25rem;
    margin-bottom: 0
}

.downloads__text:before {
    content: "";
    font-family: Font Awesome\ 6 Pro;
    font-size: 1.5rem;
    margin-right: 24px
}

.faq__sidebar {
    background-color: #fff;
    margin-bottom: 32px;
    padding: 32px;
    width: 100%
}

.faq__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-decoration: underline
}

.faq__link {
    color: #578cb2;
    position: relative
}

.faq__link:after {
    color: #424242;
    content: "";
    font-family: Font Awesome\ 6 Pro;
    font-size: .875rem;
    position: absolute;
    right: 0
}

.get-in-touch__blocks {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr
}

@media(min-width:768px) {
    .get-in-touch__blocks {
        grid-template-columns: repeat(3, 1fr)
    }
}

.get-in-touch__title {
    margin-bottom: 32px
}

.hero-banner {
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: -40
}

.hero-banner__img,
.hero-banner__img>* {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hero-banner__bg {
    height: 60vh;
    position: relative;
    width: 100vw;
    z-index: -5
}

.hero-banner__bg iframe {
    height: 100%;
    width: 100%
}

.hero-banner__title {
    font-size: 2.25rem
}

.hero-banner__shape {
    bottom: 0;
    position: absolute;
    z-index: -10
}

.hero-banner__sub_title {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}

.hero-banner__block {
    margin-top: -128px;
    z-index: 2
}

.hero-banner__info {
    position: relative;
    z-index: 5
}

.hero-banner__content {
    background-color: #fff;
    margin-top: -20%;
    padding: 64px;
    position: relative
}

.hero {
    overflow: hidden;
    z-index: 10
}

.hero__content {
    color: #424242
}

.hero__content a {
    color: #424242;
    text-decoration: underline
}

.hero__image-banner {
    margin-top: 24px;
    max-height: 440px
}

@media(min-width:992px) {
    .hero__image-banner {
        height: 100%;
        margin-top: unset
    }
}

.hero__image-banner .hero__video-container {
    height: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: -moz-fit-content;
    width: fit-content
}

.hero__image-banner .hero__video-container .hero__video-thumbnail {
    height: 100%;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .5s ease-in-out;
    width: 100%
}

.hero__image-banner .hero__video-container video {
    height: 100%;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    width: 100%
}

@media(min-width:768px) {
    .hero__button {
        display: flex;
        justify-content: space-between;
        width: 348px
    }
}

.hero__image,
.hero__image>* {
    height: 100%;
    width: 100%
}

.hero__wrapper {
    background-color: #fff;
    margin-bottom: 16px
}

@media(min-width:992px) {
    .hero__wrapper {
        margin-bottom: 0;
        padding: 40px;
        position: absolute;
        right: 40px;
        top: 80px;
        width: 428px
    }
}

.hero__category {
    color: var(--clr-copper);
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}

.hero__category,
.hero__post-title {
    margin-bottom: 8px
}

.hero__date {
    font-size: .75rem;
    margin-bottom: 24px
}

.hero__cta {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.image-text--product {
    padding-bottom: 80px;
    padding-top: 80px;
    position: relative
}

.image-text--product .image-text__title {
    font-size: 30px;
    font-weight: 700;
}

.image-text__wrapper {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr
}

@media(min-width:768px) {
    .image-text__wrapper {
        gap: 96px
    }
}

@media(max-width:991.98px) {
    .image-text__wrapper {
        grid-template-columns: 1fr
    }
}

.image-text__images {
    display: grid;
    gap: 10px;
    grid-template-areas: "a b" "c c ";
    grid-template-columns: 1fr 1fr
}

@media(min-width:768px) {
    .image-text__images {
        display: flex;
        flex-wrap: wrap;
        gap: 32px
    }
}

.image-text__images img {
    background-size: contain;
    height: 100%;
    width: 100%
}

.image-text__image {
    position: relative;
    width: 100%
}

@media(min-width:576px) {
    .image-text__image {
        width: calc(50% - 16px)
    }
    .image-text__image:nth-child(3) {
        width: 100%
    }
    .image-text__image:nth-child(3) .image-text__tag {
        width: auto
    }
}

@media(min-width:768px) {
    .image-text__image {
        padding-bottom: 0
    }
}

.image-text__image--2 {
    grid-area: c
}

.image-text__tag {
    background-color: var(--clr-copper);
    bottom: 8px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    margin: 0;
    padding: 12px 8px;
    position: absolute;
    right: 8px;
    text-align: center;
    width: auto
}

@media(min-width:768px) {
    .image-text__tag {
        bottom: 0;
        font-size: 14px;
        right: 0;
        width: 100%
    }
}

.image-text__tag:before {
    background-image: url('/wp-content/themes/socialbrothers/wux/assets/image/bg-asset-circles.svg');
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 50%;
    opacity: .2;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 150px
}

@media(min-width:992px) {
    .image-text__tag {
        margin: 16px;
        width: calc(100% - 32px)
    }
}

.image-text__text {
    line-height: 2rem
}

.contact-items {
    background-color: #f7f8fa;
    padding: 128px 0
}

.contact-items__items {
    display: grid;
    gap: 24px 16px;
    grid-template-columns: auto 1fr
}

.contact-items__label {
    font-weight: 600
}

.contact-items__map {
    width: 100%
}

.key_exhibition {
    overflow: hidden
}

.key_exhibition__image {
    height: 500px;
    left: 0;
    position: absolute;
    top: -80px;
    width: auto
}

.key_exhibition__image * {
    background-size: contain;
    height: 100%;
    width: 100%
}

.key_exhibition__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 48px;
    margin-top: -16px;
    padding-left: 0
}

.key_exhibition__list-item {
    align-items: center;
    color: #424242;
    display: flex;
    gap: 8px;
    list-style: none
}

.key_exhibition__list-item:before {
    content: "";
    font-family: Font Awesome\ 6 Pro
}

.key_exhibition__list-item a {
    color: #424242;
    text-decoration: underline
}

.key_exhibition__list-item p {
    margin-bottom: 0
}

.key_exhibition__title {
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 32px;
    margin-left: 192px;
    max-width: 350px
}

@media(max-width:767.98px) {
    .key_exhibition__title {
        margin-left: 0
    }
}

.key_exhibition__title--left {
    font-size: 2.25rem;
    margin-left: 0;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.key_exhibition__half {
    aspect-ratio: 16/9
}

.key_exhibition__full {
    aspect-ratio: 21/9
}

@media(max-width:767.98px) {
    .key_exhibition__full {
        aspect-ratio: 16/9
    }
}

.offerte-popup__title,
.our-developments__title {
    color: #e2e8ee
}

.page-head__sub_title {
    color: #424242;
    font-size: 1.5rem;
    font-weight: 300
}

.partners__card {
    border: 1px solid rgba(226, 232, 238, .5);
    padding: 0
}

.partners__card:not(:last-child) {
    border-right-width: 0
}

.partners__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media(min-width:576px) {
    .partners__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:768px) {
    .partners__grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width:992px) {
    .partners__grid {
        grid-template-columns: repeat(5, 1fr)
    }
}

.partners__image {
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 16px;
    width: 100%
}

.partners__title {
    margin-bottom: 32px
}

.partners__country,
.partners__name {
    color: #28465c;
    font-size: .875rem;
    text-transform: uppercase
}

.partners__name {
    font-weight: 600;
    margin-bottom: 4px
}

.partners__wrapper {
    background-color: rgba(87, 140, 178, .2);
    margin: 8px;
    padding: 16px
}

.post-type-filter .post-type-filter__filters .post-type-filter__label {
    padding: 16px
}

.post-type-filter__input:checked+.post-type-filter__label {
    background-color: #fff
}

.post-type-filter__title {
    color: #e2e8ee
}

.post-type-filter__label {
    font-size: .875rem;
    font-weight: 600;
    padding: 16px;
    text-transform: uppercase
}

.post-type-filter__label:after,
.post-type-filter__label:before {
    display: none
}

.post-type-filter__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 48px
}

.product-groep-head {
    min-height: calc(60vh + 80px);
    overflow: hidden;
    padding-top: 0;
    width: 100vw
}

.product-groep-head__bg {
    position: relative
}

.product-groep-head__bg>* {
    width: 100%
}

.product-groep-head__sub_title {
    font-weight: 300;
    line-height: 32px
}

.product-groep-head__img>* {
    height: 60vh;
    left: 50%;
    min-height: 750px;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100vw - 96px);
    z-index: -1
}

@media(max-width:767.98px) {
    .product-groep-head__img>* {
        width: 100vw
    }
}

.product-groep-head__title {
    font-size: 2.5rem;
    margin-bottom: 24px
}

.product-groep-head__content {
    background-color: #fff;
    padding: 32px
}

@media(max-width:767.98px) {
    .product-groep-head__content {
        padding: 32px 20px
    }
}

.product-highlight__title {
    margin-bottom: 32px
}

.product-highlight__wrapper {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    list-style: none
}

@media(max-width:991.98px) {
    .product-highlight__wrapper {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:575.98px) {
    .product-highlight__wrapper {
        grid-template-columns: 1fr
    }
}

.woocommerce ul.products:before {
    display: none
}

span.shop-sorting-text {
    margin-right: -8px
}

.woocommerce nav.woocommerce-pagination ul {
    border: unset;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
    border: unset;
    min-height: 50px;
    min-width: 50px
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    align-items: center;
    background-color: var(--clr-dark);
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 48px;
    justify-content: center;
    min-width: 48px
}

.woocommerce nav.woocommerce-pagination ul li a {
    align-items: center;
    border-radius: 50%;
    color: var(--clr-dark);
    display: flex;
    height: 48px;
    justify-content: center;
    min-width: 48px
}

.woocommerce nav.woocommerce-pagination ul li span {
    line-height: unset
}

.woocommerce nav.woocommerce-pagination {
    grid-column: 1/3;
    padding: 32px 0;
    position: relative
}

a.next.page-numbers {
    position: absolute;
    right: 0;
    text-decoration: underline
}

a.prev.page-numbers {
    left: 0;
    position: absolute
}

.woocommerce nav.woocommerce-pagination ul li a.prev.page-numbers {
    text-decoration: underline
}

.woocommerce nav.woocommerce-pagination ul li a.prev.page-numbers:hover {
    background-color: unset;
    border-radius: unset;
    color: var(--clr-dark)
}

.woocommerce nav.woocommerce-pagination ul li a.next.page-numbers {
    text-decoration: underline
}

.woocommerce nav.woocommerce-pagination ul li a.next.page-numbers:hover {
    background-color: unset;
    border-radius: unset;
    color: var(--clr-dark)
}

.woocommerce .woocommerce-result-count {
    color: #424242;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}

@media(max-width:575.98px) {
    .woocommerce .woocommerce-result-count {
        margin-bottom: 0
    }
}

.woocommerce .woocommerce-ordering select {
    background-color: unset;
    border: unset;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 600;
    line-height: normal;
    padding-right: 24px
}

.woocommerce .woocommerce-ordering {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin: 0;
    position: relative
}

.woocommerce .woocommerce-ordering:after {
    content: "";
    display: inline-block;
    font-family: Font Awesome\ 6 Pro;
    font-weight: 600;
    margin-left: .5rem;
    pointer-events: none;
    position: absolute;
    right: 0
}

.shop-sorting {
    align-items: center;
    display: flex;
    font-size: .75rem;
    justify-content: flex-end
}

@media(max-width:767.98px) {
    .shop-sorting {
        justify-content: start;
        margin-bottom: 16px;
        width: 100%
    }
}

.quote {
    background-color: #f7f8fa;
    padding: 128px 0
}

.quote__blockquote {
    background-color: transparent;
    border: unset;
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 300;
    gap: 16px;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content
}

.quote__name {
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase
}

.quote__logo {
    margin-top: 8px;
    width: 200px
}

.row-blocks {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    text-align: center
}

@media(min-width:768px) {
    .row-blocks {
        text-align: left
    }
}

.row-blocks:before {
    background-color: #f7f8fa;
    content: "";
    margin-top: -128px;
    padding-top: 128px;
    z-index: -1
}

.row-blocks--plane {
    padding-top: 80px
}

.row-blocks--plane:before {
    content: unset
}

.row-blocks__content,
.row-blocks__content>* {
    margin-bottom: 16px
}

.row-blocks__content a,
.row-blocks__content>* a {
    color: #424242;
    text-decoration: underline
}

.row-blocks__content a:hover,
.row-blocks__content>* a:hover {
    color: #000
}

.row-blocks__image {
    height: 100%;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    max-height: 756px;
    max-width: 1344px;
    width: 100%
}

.service-banner {
    padding-top: 0
}

.service-banner__block {
    background-color: #5c7658;
    color: #fff;
    position: absolute;
    top: 16px;
    width: 100%
}

@media(max-width:767.98px) {
    .service-banner__block {
        position: relative
    }
}

.service-banner__square {
    border: 1px solid #e2e8ee;
    height: 100%;
    left: 32px;
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 3
}

.service-banner__heading,
.service-banner__text {
    font-size: .875rem;
    line-height: 23px;
    opacity: .7
}

.service-banner__heading {
    margin-bottom: 4px
}

.service-banner__mail,
.service-banner__tel {
    color: #fff;
    font-weight: 600;
    text-decoration: underline
}

.service-banner__tel {
    display: block;
    margin-bottom: 16px
}

.service-banner__shape {
    bottom: -40px;
    height: 125%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: -80px;
    width: 100%;
    z-index: -1
}

.service-banner__content {
    background-color: #5c7658;
    overflow: hidden;
    padding: 32px;
    position: relative;
    z-index: 5
}

.service-banner__wrapper {
    position: relative
}

.showcase-head {
    padding-top: 0
}

.showcase-head__link {
    color: #fff;
    font-size: .875rem;
    font-weight: 600
}

.showcase-head__link,
.showcase-head__link:hover {
    text-decoration: underline
}

.showcase-head__terms {
    margin-bottom: 16px
}

.showcase-head__block {
    background-color: #5c7658;
    color: #fff;
    position: absolute;
    top: 16px;
    width: 100%
}

@media(max-width:767.98px) {
    .showcase-head__block {
        position: relative
    }
}

.showcase-head__square {
    border: 1px solid #e2e8ee;
    height: 100%;
    left: 32px;
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 3
}

.showcase-head__text {
    font-size: .875rem;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 16px
}

.showcase-head__text:last-of-type {
    margin-bottom: 0
}

.showcase-head__heading {
    font-size: .875rem;
    line-height: 23px;
    margin-bottom: 4px;
    opacity: .7
}

.showcase-head__mail,
.showcase-head__tel {
    color: #fff;
    font-weight: 600;
    text-decoration: underline
}

.showcase-head__tel {
    display: block;
    margin-bottom: 16px
}

.showcase-head__shape {
    bottom: -40px;
    height: 125%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: -80px;
    width: 100%;
    z-index: -1
}

.showcase-head__content {
    background-color: #5c7658;
    overflow: hidden;
    padding: 32px;
    position: relative;
    z-index: 5
}

.showcase-head__wrapper {
    position: relative
}

.showcase-head__sub_content {
    margin-bottom: 80px
}

.showcase-head__excerpt {
    margin-top: 48px;
    max-width: 730px
}

.showcase-head .container--breakout { max-width: 100%; width: 1376px }

.team-profile { color: #424242 }
.team-profile__wrapper { margin-bottom: 24px; position: relative }
.team-profile__background { bottom: 0; height: 80%; left: 0; position: absolute; width: 100%; z-index: -1 }
.team-profile__name { font-size: 1.25rem; margin-bottom: 0 }
.team-profile__job-title { font-size: .875rem; margin-bottom: 0; text-transform: uppercase }
.team-profile__link { color: #424242; text-decoration: underline }

.content__video { aspect-ratio: 16/9; width: 100% }
.content__video .mejs-container, .content__video .wp-video { width: 100% !important }
.content__video .mejs-container { min-width: unset !important }
.content__video video { height: auto; width: 100% }