:root {
    --brand: #811c22;
    --brandLight: #b51d26;
    --brandDark: #811c22;
    --radius: 3rem;
    --radiusLight: 0.5rem;
    --circle: 50%;
}

.kreator--apama {
    --brand: #e97f00;
    --brandLight: #f49320;
    --brandDark: #c77005;
    --radius: 0rem;
    --radiusLight: 0rem;
    --circle: 0%;
}

.header-kreator {
    background: #000
        linear-gradient(0deg, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.17) 66%);
    text-align: center;
    padding: 15px;
    /* margin-bottom: 30px; */
}
.header-kreator-logo {
    width: 255px;
}
.apamaInfo {
    margin: 1rem 0;
}

html {
    background: #fff;
    color: #272727;
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;

    /* scroll-behavior: smooth; */
    font-size: 10px;
    font-weight: normal;
    line-height: 1.4;
    max-width: 100%;
    position: relative;
}
body {
    font-size: 14px;
    font-size: 1.4rem;
    max-width: 100%;
    position: relative;
    accent-color: #811c22;
    accent-color: var(--brand);
}

h1,
.h1,
.-fs1 {
    color: var(--brand);
}
h2,
.h2,
.-fs2 {
    color: var(--brand);
}

@media only screen and (min-width: 1000px) {
    body *::-webkit-scrollbar {
        width: 14px;
    }

    body *::-webkit-scrollbar-track {
        /* background: #171B1E; */
        background: #dddddd;
        /*ON RightScroll*/
        /*OFF LeftScroll*/
        border-radius: 7px;
        transition: all 0.2s ease;
        box-shadow: 0 0 0 6px rgba(255, 255, 255, 1) inset;
        -webkit-box-shadow: 0 0 0 6px rgba(255, 255, 255, 1) inset;
    }

    body *::-webkit-scrollbar-thumb {
        transition: all 0.2s ease;
        background-color: #aaa;
        border-radius: 7px;
        border: 4px solid rgba(255, 255, 255, 1);
    }
    body *::-webkit-scrollbar-thumb:hover {
        background-color: #811c22;
        background-color: var(--brand);
    }
}

.ibs--space {
    position: relative;
    z-index: 1;
}
/* .ibs--space:target::before {
    height: 0px;
    z-index: 1;
    content: '__';
    width: 100%;
    display: block;
    font-size: 20px;
    position: relative;
    margin-top: calc((50% - 50vh) * -1);
    margin-bottom: calc(50% - 50vh);
    opacity: 0;
}
.ibs--space:target {
    z-index: -1;
} */
.ibs {
    scroll-margin-top: 100px;
}
.ibs[id]:target {
    animation: show 1s cubic-bezier(0.61, 0.28, 0.37, 0.82) 2 0s;
}
.d {
    transition-delay: 0s;
    animation-delay: 0s;
}
.d:nth-child(2) {
    transition-delay: 0.05s;
    animation-delay: 0.05s;
}
.d:nth-child(3) {
    transition-delay: 0.1s;
    animation-delay: 0.1s;
}
.d:nth-child(4) {
    transition-delay: 0.15s;
    animation-delay: 0.15s;
}
.d:nth-child(5) {
    transition-delay: 0.2s;
    animation-delay: 0.2s;
}
.d:nth-child(6) {
    transition-delay: 0.25s;
    animation-delay: 0.25s;
}
.d:nth-child(7) {
    transition-delay: 0.3s;
    animation-delay: 0.3s;
}
.d:nth-child(8) {
    transition-delay: 0.35s;
    animation-delay: 0.35s;
}
.d:nth-child(9) {
    transition-delay: 0.4s;
    animation-delay: 0.4s;
}
.d:nth-child(10) {
    transition-delay: 0.45s;
    animation-delay: 0.45s;
}
.d:nth-child(11) {
    transition-delay: 0.6s;
    animation-delay: 0.6s;
}
.d:nth-child(12) {
    transition-delay: 0.65s;
    animation-delay: 0.65s;
}
.d:nth-child(13) {
    transition-delay: 0.7s;
    animation-delay: 0.7s;
}
.d:nth-child(14) {
    transition-delay: 0.75s;
    animation-delay: 0.75s;
}
.d:nth-child(15) {
    transition-delay: 0.8s;
    animation-delay: 0.8s;
}
.d:nth-child(16) {
    transition-delay: 0.85s;
    animation-delay: 0.85s;
}
.d:nth-child(17) {
    transition-delay: 0.9s;
    animation-delay: 0.9s;
}
.d:nth-child(18) {
    transition-delay: 0.95s;
    animation-delay: 0.95s;
}
.d:nth-child(19) {
    transition-delay: 1s;
    animation-delay: 1s;
}
.d:nth-child(20) {
    transition-delay: 1.05s;
    animation-delay: 1.05s;
}
.d:nth-child(21) {
    transition-delay: 1.1s;
    animation-delay: 1.1s;
}
.d:nth-child(22) {
    transition-delay: 1.15s;
    animation-delay: 1.15s;
}
.d:nth-child(23) {
    transition-delay: 1.2s;
    animation-delay: 1.2s;
}
.d:nth-child(24) {
    transition-delay: 1.25s;
    animation-delay: 1.25s;
}
.d:nth-child(25) {
    transition-delay: 1.3s;
    animation-delay: 1.3s;
}
.d:nth-child(25) ~ .d {
    transition-delay: 1.35s;
    animation-delay: 1.35s;
}

@media only screen and (max-width: 350px) {
    html {
        font-size: 9px;
    }
}

a {
    color: #a8232b;
    color: var(--brand);
    outline: 0 !important;
    text-decoration: none;
}
a:hover {
    color: #b61f29;
    color: var(--brandLight);
}
a:focus-visible {
    color: #b61f29;
    color: var(--brandLight);
}
a:active {
    outline: 0 !important;
    color: #c91e29;
    color: var(--brandDark);
}

p,
.p {
    margin: 1em 0;
    padding: 0;
}

hr {
    background: none;
    border: 0 solid #b3b3b3;
    border-top-width: 1px;
    height: 10px;
    margin: 20px 0 10px;
}

/*
 * Lists
 */
ul,
ol {
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ol {
    margin-left: 35px;
}
ol li {
    padding: 1px 0 1px 0;
}

/*
 * canvas, iframe, img, svg, video
 */
canvas,
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
iframe,
svg,
video {
    max-width: 100%;
}

/*
 * Table
 */
table {
    margin: 1em auto;
    max-width: 100%;
}
td,
th {
    border: 1px solid #eee;
    padding: 0.5em 1em;
}
th {
    font-weight: bold;
}
thead {
    background-color: #f7f7f7;
}
tfoot {
    background-color: #f7f7f7;
    color: #888;
}
.tableHover tr:hover td {
    background-color: #f7f7f7;
}
.tableFull {
    width: 100%;
}
.tableFixed {
    table-layout: fixed;
}
.tableFixed td {
    padding: 10px 5px;
}

/******************************************************************************/

/*
 * Form
 */
.form {
    margin: 0 auto;
    max-width: 100rem;
}
form .ibs {
    margin-bottom: 1rem;
}

/******************************************************************************/

/*
 * Input
 */
.input {
    background: #fff;
    border: 1px solid #cdcccc;
    clear: both;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.4rem;
    max-width: 100%;
    outline: none;
    padding: 1.2rem 1rem;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    vertical-align: middle;
    width: 22rem;
    border-radius: 1px;
}

.input--short {
    text-align: center;
    width: 10rem;
}
.input--long {
    width: 35rem;
}
.input--full {
    max-width: none;
    width: 100%;
}
.input--fill {
    flex: 1;
}
.input:hover {
    box-shadow: 0 0 0 0.7rem rgba(230, 230, 230, 0.514);
}
.input:focus-visible {
    box-shadow: 0 0 0 0.7rem rgba(230, 230, 230, 0.514);
}
.input:focus {
    border-color: #000 !important;
}

label:active .input,
.input:active {
    box-shadow: 0 0 0 0.3rem rgba(230, 230, 230, 0.514);
}

.input--invalid {
    border-color: #d47171;
}
.input-input {
    margin-left: -100%;
    opacity: 0;
    position: absolute;
    width: 0;
    z-index: -1;
}
.input-txt {
    display: block;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.input-txt::before {
    content: '\0000a0';
}

/*
 * Input number
 */
.input--number {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    text-align: center;
    width: 11rem;
}
.input--number::-webkit-inner-spin-button,
.input--number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*
 * Textarea
 */
.input--textarea {
    height: 9rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    line-height: 1.4em;
    vertical-align: top;
    width: 100%;
    resize: vertical;
}
.input--textarea[rows] {
    height: auto;
}
.input--textarea--medium {
    height: 20rem;
}
.input--textarea--large {
    height: 40rem;
}

/*
 * Select
 */
.input--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-attachment: scroll;
    background-image: url('../images/select.svg');
    background-position: right center;
    background-repeat: no-repeat;

    background-size: 1.5rem auto;
    min-width: 15rem;
    outline: medium none !important;
    padding: 0.4rem 4.4rem 0.4rem 0.9rem;
    text-overflow: '';
    z-index: 1;
}
select::-ms-expand {
    display: none;
}
.select--full {
    width: 98%;
}

/*
 * Input checkbox, Input radio
 */
.input--checkbox,
.input--radio {
    background: none;
    border-width: 0;
    cursor: pointer;
    display: inline-block;
    height: 2.4rem;
    margin: 0;
    /* overflow: hidden; */
    padding: 0;
    position: relative;
    top: 0;
    width: 2.4rem;
    box-shadow: none;
}
.input--checkbox:hover,
.input--radio:hover,
.input--checkbox:focus,
.input--radio:focus {
    box-shadow: none;
}
.input-i {
    overflow: hidden;
    background: #fff;
    border: inherit;
    border-width: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease;
    border-radius: 1px;
}
label:hover .input--checkbox .input-i,
.input--checkbox:hover .input-i {
    box-shadow: 0 0 0 0.7rem rgba(230, 230, 230, 0.514);
    border-color: #811c22;
    border-color: var(--brand);
}
.input-input:focus-visible + .input-i {
    box-shadow: 0 0 0 0.7rem rgba(230, 230, 230, 0.514);
}
label:active .input--checkbox .input-i,
.input--checkbox:active .input-i {
    box-shadow: 0 0 0 0.3rem rgba(230, 230, 230, 0.514);
    border-color: #811c22;
    border-color: var(--brand);
}
.input-input:checked + .input-i {
    background: #f5f5f5;
    border-color: #811c22;
    border-color: var(--brand);
}
.input-i::before {
    background: #811c22;
    background: var(--brand);
    border-radius: 50%;
    border-radius: var(--circle);
    bottom: -50%;
    content: '';
    display: block;
    left: -50%;
    position: absolute;
    right: -50%;
    top: -50%;
    transform: scale(0);
    transition: all 0.3s ease-out;
}

.input--checkbox .input-input:checked + .input-i::before {
    transform: scale(1);
}
.input--checkbox .input-i::after {
    background: none;
    border-bottom: 0.3rem solid rgba(255, 255, 255, 1);
    border-right: 0.3rem solid rgba(255, 255, 255, 1);
    bottom: 51%;
    content: '';
    height: 0;
    left: 16%;
    opacity: 1;
    position: absolute;
    transform: rotate(45deg);
    transform-origin: left bottom;
    transition: all 0.16s ease-out 0.1s, height 0.1s ease-in 0s;
    width: 0;
}
.input--checkbox .input-input:checked + .input-i::after {
    height: 60%;
    opacity: 1;
    -webkit-transition: all 0.16s ease-in 0s, height 0.16s ease-out 0.16s;
    -moz-transition: all 0.16s ease-in 0s, height 0.16s ease-out 0.16s;
    -o-transition: all 0.16s ease-in 0s, height 0.16s ease-out 0.16s;
    transition: all 0.16s ease-in 0s, height 0.16s ease-out 0.16s;
    width: 35%;
}

.input--radio,
.input--radio .input-i,
.input--radio .input-i::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* width: 2.4; */
    /* height: 1.4; */
}

.input--radio .input-i::before {
    top: 25%;
    left: 25%;
    right: 25%;
    bottom: 25%;
}
.input--radio .input-input:checked + .input-i::before {
    transform: scale(1);
}

/******************************************************************************/

/*
 * Button
 */
.button {
    background: #811c22;
    border: 2px solid #811c22;
    background: var(--brand);
    border: 2px solid var(--brand);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2.4rem;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0.75rem 3.5rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    z-index: 3;
    transition: all 0.2s ease-out;
    border-radius: var(--radius);
}
.button .hint {
    display: block;

    color: inherit;
}

.link-button {
    padding: 0.4rem 1rem;
}

.iconButton {
    position: relative;
    top: -0.2rem;
    left: -0.3rem;
}

.button--bigger {
    font-size: 2rem;
    font-weight: bold;
    padding: 1.3rem 2.5rem;
    margin-top: 1.5rem;
}
.button--full {
    width: 100%;
    min-height: 4.3rem;
}

.button--large {
    width: 19rem;
}

.button--small {
    font-size: 1.2rem;
    padding: 0.3rem;
}

.button--arrow {
    position: relative;
    padding-right: 5rem;
}

.button--arrow::after {
    content: '';
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;
    position: absolute;
    right: 15%;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.2s ease-out;
    transform: rotate(-45deg);
}
.button--bigger.button--arrow::after {
    border-width: 0 0.4rem 0.4rem 0;
    width: 1.2rem;
    height: 1.2rem;
}
.button--arrowLeft {
    padding-right: 3.5rem;
    padding-left: 5rem;
}

.button--arrowLeft::after {
    right: auto;
    left: 15%;

    transform: rotate(-225deg);
}
.button--arrowDown::after {
    transform: rotate(45deg) translateY(-0.2rem);
}

.button:hover,
a:hover .button {
    background: #b51d26;
    border-color: #b51d26;
    background: var(--brandLight);
    border-color: var(--brandLight);
    color: #fff;
    text-decoration: none;

    transform: translateY(-2px);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 #9e2229;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 var(--brandDark);
}
.button:focus-visible {
    background: #b51d26;
    border-color: #b51d26;
    background: var(--brandLight);
    border-color: var(--brandLight);
    color: #fff;
}

.button:active {
    background: #811c22;
    border-color: #811c22;
    background: var(--brandDark);
    border-color: var(--brandDark);

    transition: all 0.1s ease-out;
    transform: translateY(0px);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.02), 0px 6px 15px rgba(0, 0, 0, 0.05),
        0 0px 0 #9e2229;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.02), 0px 6px 15px rgba(0, 0, 0, 0.05),
        0 0px 0 var(--brandDark);
}

.button--primary {
    background: #85ab32;
    border-color: #85ab32;
}

.button--primary:hover,
a:hover .button--primary {
    background: #9ac935;
    border-color: #9ac935;
    color: #fff;
    text-decoration: none;

    transform: translateY(-2px);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 #9ac935;
}
.button--primary:focus-visible {
    background: #9ac935;
    border-color: #9ac935;
    color: #fff;
}

.button--primary:active {
    background: #8cb82e;
    border-color: #8cb82e;

    transform: translateY(0px);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.02), 0px 6px 15px rgba(0, 0, 0, 0.05),
        0 0px 0 #8cb82e;
}

.button--secondary {
    background: #e5e5e5;
    border-color: #e5e5e5;
    color: #000;
    font-weight: normal;
}

.button--neutral {
    background: #000;
    border-color: #000;
    color: #fff;
    font-weight: normal;
}

.button--secondary.button--arrow::after {
    border-color: #000;
}
.button--secondary.button--arrow:hover::after,
a:hover .button--secondary.button--arrow::after {
    border-color: #fff;
}
.button--secondary.button--arrow:focus-visible::after {
    border-color: #fff;
}

.button-small {
    font-size: 1.2rem;
    font-weight: lighter;
    display: block;
    margin-top: -0.25rem;
}

/*
 * Button Remove
 */
.button--remove {
    border: 0;
    border-radius: 50%;
    border-radius: var(--circle);
    display: inline-block;
    font-size: 0.000001rem;
    height: 2.8rem;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    width: 2.8rem;
}
.button--remove::before,
.button--remove::after {
    background: none;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: '';
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    width: 50%;
}
.button--remove::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.button--remove::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*
 * Button Attach
 */
.button--attach,
.button--attach:hover {
    background: #fff;
    border: 0;
    display: block;
    height: 2.2rem;
    margin: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    width: 2.2rem;
}
.button--attach::before {
    background: url('../images/icons/button--attach.svg') no-repeat center;
    background-size: auto 100%;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0.75;
    position: absolute;
    right: 0;
    top: 0;
}
.button--attach:hover::before {
    opacity: 1;
}

/*
 * Button Password
 */
.button--password,
.button--password:hover {
    background: #fff;
    border: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: 3.5rem;
}
.button--password::before {
    background: url('../images/icons/button--password.svg') no-repeat center;
    background-size: auto 90%;
    content: '\0000a0';
    display: block;
}
.button--password:hover::before {
    opacity: 1;
}
.button--password::after {
    border-right: 0.2rem solid #888;
    border-left: 0.2rem solid #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg) scaleY(0);
    transition: all 0.25s ease;
    width: 0;
}
.input[type='text'] + .button--password::after {
    transform: rotate(45deg) scaleY(1);
}

.button--disabledDelivery,
.button--disabledDelivery:hover,
.button--disabled,
.button--disabled:hover {
    opacity: 0.8;
    background: #ddd;
    border-color: #ddd;
    color: #fff;
    box-shadow: none;
    transform: none;
    pointer-events: none;
}

/******************************************************************************/

/*
 * File
 */
.file {
    display: block;
    position: relative;
}
.input--file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.lbl .file .input--file {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    min-height: 4.3rem;
    display: flex;
    align-items: center;
}
.input--file .input-txt {
    margin-right: 3rem;
}
.file-button,
.other-button {
    position: absolute !important;
    right: 1rem;
    top: 2.3rem;
    /* top: 50%; */
    transform: translateY(-50%);
    border-radius: 0;
}
.file-button.button--attach,
.lbl--focus .file-button.button--remove {
    display: block;
}
.lbl--focus .file-button.button--attach,
.file-button.button--remove {
    display: none;
}
.other-button:hover,
.file-button:hover {
    transform: translateY(-50%);
    box-shadow: none;
}

/******************************************************************************/

/*
 * Password
 */
.password {
    display: block;
    position: relative;
}
.password-button {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    bottom: 0.5rem;
}

/******************************************************************************/

/*
 * LBLs
 */
.lbl {
    display: block;
    line-height: 1.4;
    position: relative;
    text-align: left;
}

.lbl-unit {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    margin: auto;
    font-size: 1.2rem;
    height: 4.45rem;
    color: #333;
    padding: 0 2rem 0 0;
    pointer-events: none;
}

.lbl--space {
    margin: 2rem 0;
}
.lblText {
    text-align: center;
    color: #777;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5em;
}
.lbl--inline {
    display: inline-block;
    margin: 0 1rem;
}

.lbl-name {
    color: #333;
    display: block;
    float: left;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5em;
    margin: -0.95em 0.6rem;
    overflow: hidden;
    padding: 0 0.5rem;
    pointer-events: none;
    position: relative;
    transition: all 0.25s ease;
    transform: translateY(2.5rem);
    transform-origin: 0 100%;
    z-index: 5;
}
.lbl--focus .lbl-name,
.no-js .lbl-name {
    background: #fff;
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) scale(0.8) !important;
    transform-origin: 0 100%;
}
.lbl input[type='text'],
.lbl input[type='tel'],
.lbl input[type='password'],
.lbl input[type='email'],
.lbl .input--file,
.lbl select {
    clear: both;
    width: 100%;
    min-width: auto;
    padding: 1.2rem 1rem;
    /* min-height: 4.6rem; */
}
.lbl-aside {
    display: block;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin: -2.4rem auto auto 3.6rem;
    position: relative;
}
.lbl-help {
    display: block;
    font-size: 1.4rem;
    opacity: 0.5;
    padding: 0.5rem 0;
}
.lbl-error {
    display: block;
    font-size: 1.3rem;
    line-height: 1.7rem;
    padding: 0.4rem 0 0;
}
.lbl--invalid,
.lbl--invalid .lbl-name,
.lbl--invalid .lbl-aside,
.lbl--invalid .lbl-help,
.lbl--invalid .lbl-error {
    color: #b72b2b !important;
}
.lbl--invalid .input,
.lbl--invalid .checkbox i {
    border-color: #b72b2b !important;
}
.lbl-title {
    display: block;
    font-size: 0.8em;
    font-weight: bolder;
    opacity: 0.4;
    padding: 0.75em 0 0.1em;
    text-transform: uppercase;
}
.lbl-value {
    display: block;
    padding: 0.1em 0 0.75em;
}

/******************************************************************************/

/* form actions */
.formActions {
    clear: both;
    display: block;
    margin: 1rem 0;
    padding: 0;
}
.formActions--center {
    padding-left: 0;
    text-align: center;
}
.formActions--sides {
    overflow: hidden;
    padding: 15px;
}
.formActions--sides-left {
    float: left;
}
.formActions--sides-right {
    float: right;
}

/* 
 * Animations
 */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes slideTopIn {
    0% {
        transform: translateY(-70%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideTopOut {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-70%);
        opacity: 0;
    }
}

@keyframes slideRightIn {
    0% {
        transform: translateX(-70%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slideRightOut {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-70%);
        opacity: 0;
    }
}

@keyframes slideBottomIn {
    0% {
        transform: translateY(70%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideBottomOut {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(70%);
        opacity: 0;
    }
}

@keyframes slideLeftIn {
    0% {
        transform: translateX(70%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slideLeftOut {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(70%);
        opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        transform: scale(0.85);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes fadeOut {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.85);
        opacity: 0;
    }
}

@keyframes show {
    0% {
        background: rgba(225, 225, 225, 0);
        box-shadow: 0 0 0 0 rgba(225, 225, 225, 0);
    }
    20% {
        background: rgb(225, 225, 225);
        box-shadow: 0 0 0 10px rgba(225, 225, 225, 1);
    }
    100% {
        background: rgba(225, 225, 225, 0);
        box-shadow: 0 0 0 20px rgba(225, 225, 225, 0);
    }
}

@keyframes active {
    0% {
        transform: scale(0.9);
    }
    30% {
        transform: scale(1.07);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes changeUp {
    0% {
        transform: scale(1) translateY(0%);
        text-shadow: 0 1px 0 rgba(168, 35, 44, 0), 0 -1px 0 rgba(168, 35, 44, 0);
        opacity: 1;
    }
    49% {
        transform: scale(0.8) translateY(35%);
        text-shadow: 0 1px 0 rgba(168, 35, 44, 1), 0 -1px 0 rgba(168, 35, 44, 1);
        opacity: 0;
    }
    50% {
        transform: scale(0.8) translateY(-35%);
        text-shadow: 0 1px 3px rgba(168, 35, 44, 1), 0 -1px 0 rgba(168, 35, 44, 1);
        opacity: 0;
    }
    100% {
        transform: scale(1) translateY(0%);
        text-shadow: 0 1px 0 rgba(168, 35, 44, 0), 0 -1px 0 rgba(168, 35, 44, 0);
        opacity: 1;
    }
}
@keyframes changeDown {
    0% {
        transform: scale(1) translateY(0%);
        text-shadow: 0 1px 0 rgba(168, 35, 44, 0), 0 -1px 0 rgba(168, 35, 44, 0);
        opacity: 1;
    }
    49% {
        transform: scale(0.8) translateY(-35%);
        text-shadow: 0 1px 0 rgba(168, 35, 44, 1), 0 -1px 0 rgba(168, 35, 44, 1);
        opacity: 0;
    }
    50% {
        transform: scale(0.8) translateY(35%);
        text-shadow: 0 1px 3px rgba(168, 35, 44, 1), 0 -1px 0 rgba(168, 35, 44, 1);
        opacity: 0;
    }
    100% {
        transform: scale(1) translateY(0%);
        text-shadow: 0 1px 0 rgba(168, 35, 44, 0), 0 -1px 0 rgba(168, 35, 44, 0);
        opacity: 1;
    }
}

@keyframes prevCanvas {
    0% {
        opacity: 0;
        background: none;
    }
    30% {
        background: #dddddd;
        opacity: 0.5;
    }
    70% {
        background: #dddddd;
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        background: #fff;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: visible;
    }
}

.-animation-fadeIn {
    animation: fadeIn 1s ease-in-out 1;
}
.-animation-fadeOut {
    animation: fadeOut 1s ease-in-out 1;
    display: none;
}

.fadeIn {
    animation: fadeIn 0.4s ease 1;
}
.fadeOut {
    animation: fadeOut 0.4s ease 1;
}

.slideTopIn {
    animation: slideTopIn 0.4s ease 1;
}
.slideTopOut {
    animation: slideTopOut 0.4s ease 1;
}

.slideRightIn {
    animation: slideRightIn 0.4s ease 1;
}
.slideRightOut {
    animation: slideRightOut 0.4s ease 1;
}

.slideBottomIn {
    animation: slideBottomIn 0.4s ease 1;
}
.slideBottomOut {
    animation: slideBottomOut 0.4s ease 1;
}

.slideLeftIn {
    animation: slideLeftIn 0.4s ease 1;
}
.slideLeftOut {
    animation: slideLeftOut 0.4s ease 1;
}

/*
 * Loading
 */

.loading {
    z-index: 100;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    /* background: rgba(239, 239, 239, 0.5); */

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-out 0.3s;
    -moz-transition: all 0.3s ease-out 0.3s;
    -o-transition: all 0.3s ease-out 0.3s;
    transition: all 0.3s ease-out 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1);
    font-size: 1.1rem;
    text-transform: uppercase;
    color: #992227;
    backdrop-filter: blur(10px);
}

.loading--noblur {
    backdrop-filter: none;
}

.loading--corner {
    backdrop-filter: none;
    top: auto;
    left: auto;
    background: none;
    padding: 1.3rem;
}

.loading.-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    display: block;
    display: flex;
    visibility: visible;
    -webkit-transition: all 0.01s ease-out 0.1s;
    -moz-transition: all 0.01s ease-out 0.1s;
    -o-transition: all 0.01s ease-out 0.1s;
    transition: all 0.01s ease-out 0.1s;
}

/* .loading:after, */
.loading:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    width: 48px;
    height: 48px;
    border: 8px solid rgba(100, 100, 100, 0.3);
    /* border-top: 5px solid #992227; */
    border-radius: 100%;
    display: block;
    z-index: 1;

    /* -webkit-animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    -moz-animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    -o-animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite; */
}

.loading--after:after {
    display: block;
    border-radius: 100%;
    content: '';
    top: 50%;
    position: absolute;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
    width: 46px;
    height: 46px;
    border: 5px solid transparent;
    border-top: 5px solid var(--brand);
    -webkit-animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    -moz-animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    -o-animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
}

.loading svg {
    position: relative;
    z-index: 2;
    -webkit-animation: spin 1.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    -moz-animation: spin 1.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    -o-animation: spin 1.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    animation: spin 1.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
}

@keyframes bgloading {
    0% {
        opacity: 1;
        background-position: 100% 0%;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        background-position: 0 0;
    }
}

.foto img {
    /* background: rgba(100, 100, 100, 0.1); */
}

.fakebox {
    border-radius: 5px;
    height: 1.6em;
    display: inline-block;
    background: rgba(120, 120, 120, 0.1);
    width: 9rem;
    max-width: 90%;
    margin-right: 1rem;
    background: linear-gradient(
        to right,
        rgba(100, 100, 100, 0.1) 0%,
        rgba(100, 100, 100, 0.1) 20%,
        rgba(180, 180, 180, 0.1) 70%,
        rgba(100, 100, 100, 0.1) 80%,
        rgba(100, 100, 100, 0.1) 100%
    );
    background-size: 800% 100%;
    animation: bgloading 1.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
}
.fakebox:nth-child(2) {
    width: 5rem;
    max-width: 45%;
}
.fakebox:nth-child(2n + 1) {
    width: 7.5rem;
}
.fakebox:nth-child(4n + 1) {
    width: 8rem;
}
.fakebox:nth-child(3n + 3) {
    width: 3.3rem;
}
.fakebox.fakebox--big {
    width: 17rem;
}

.fakebox.fakebox--midi {
    width: 11.8rem;
}

.fakebox--space {
    margin: 2rem 2rem 2rem 0;
}

.-animation-active {
    animation: active 0.3s cubic-bezier(0.61, 0.28, 0.37, 0.82) 1;
}

.-animation-changeUp {
    animation: changeUp 0.2s ease-out 1;
}
.-animation-changeDown {
    animation: changeDown 0.2s ease-out 1;
}

/*
 * Table Grid
 */
.grid {
    display: table;
    width: 100%;
}
.grid--fixed {
    table-layout: fixed;
}
.grid-cell {
    display: table-cell;
    vertical-align: middle;
}
.grid-cell--tabloid {
    width: 1px;
}

/*
 * Hint
 */
.hint {
    color: #72706f;
    font-size: 1.1rem;
}

/*
 * Container
 */
.container {
    margin: 0 auto;
    max-width: 128.4rem;
    padding: 0 2rem;
    /* position: relative; */
}

/*
 * Content
 */
.content {
    display: block;
    /* overflow-wrap: break-word; */
    word-wrap: break-word;
    /* hyphens: auto; */
}
.content img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}
.text ul,
.text ol {
    margin: 2rem 0;
}
.text ul > li {
    margin: 1rem 0;
    padding-left: 1.5rem;
    position: relative;
}
.text ol > li {
    margin: 1rem 0;
    margin-left: 1.5rem;
    position: relative;
}
.text ul > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 7px;
    height: 7px;
    background: #a8232b;
    border-radius: 100%;
}

.news {
    margin-bottom: 2rem;
}
.news-image {
    text-align: center;
    margin: 3rem auto 0;
    position: relative;
    z-index: 0;
}
.news-image img {
    display: inline-block;
    width: 110rem;
    height: 60rem;
    object-fit: cover;
}
.news-content {
    position: relative;
    z-index: 1;
    max-width: 90rem;
    margin: auto;
    padding: 1rem 3rem 3rem;
    margin-top: -6rem;
    background: #fff;
    box-shadow: 0rem 0.2rem 2.5rem rgba(0, 0, 0, 0.15);
}

.content-noimg img {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: none;
}

.dropdown {
    position: relative;
}
.dropdown-list {
    border-radius: 2px;
    display: flex;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    box-shadow: 0 8px 30px -6px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    justify-content: stretch;
    width: 100%;
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 0%;
    margin-top: -1px;
}
.dropdown-item {
    display: block;
}
.dropdown-item:last-child {
    border-bottom: none;
}
.dropdown-a {
    color: rgb(43, 43, 43);
    display: block;
    padding: 1rem;
    border-bottom: 1px solid #eaeaea;
    font-size: 1.4rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropdown-a:hover,
.dropdown-a:focus {
    color: #000;
    background: #f1f1f1;
}

/******************************************************************************/

/*
 * Breadcrumbs
 */
.breadcrumbs {
    color: #646464;
    direction: ltr;
    font-size: 1.1rem;
    letter-spacing: 0.05rem;
    margin: 2rem -1.2rem -1.5rem;
    overflow-x: auto;
    padding: 0 1rem;
    text-transform: uppercase;
}
.breadcrumbs::-webkit-scrollbar {
    height: 0px;
    width: 0px;
}

.breadcrumbs .breadcrumbs-ul {
    display: flex;
    margin: 0;
    padding: 0;
    text-wrap: nowrap;
}

.breadcrumbs .breadcrumbs-li {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.breadcrumbs-li::before {
    display: none;
}

.breadcrumbs-li::after {
    content: '/';
    display: inline-block;
    margin: 0 0.5rem 0 0.1rem;
    vertical-align: middle;
}
.breadcrumbs-li:last-child::after {
    display: none;
}

.breadcrumbs-a {
    color: inherit;
    display: inline-block;
    padding: 0.2rem;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}
.breadcrumbs-a:hover,
.breadcrumbs-a:focus-visible {
    color: #a8232b;
    text-decoration: underline;
}

/******************************************************************************/

/*
 * Pagination
 */
.pagination {
    margin: 2rem 0;
    text-align: center;
}
.pagination-info {
    color: #dddddd;
    padding-bottom: 0;
}
.pagination .table {
    width: 100%;
}
.pagination .td:first-child {
    text-align: left;
}
.pagination .td:last-child {
    text-align: right;
}
.pagination-element {
    background: #ededed;
    color: #000;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin: 0.3rem;
    min-width: 4.6rem;
    padding: 1.2rem 0.3rem;
    text-decoration: none;
    border-radius: 2.5rem;
}
.pagination-element--left,
.pagination-element--right {
    background-color: #a8232b;
    color: #fff;
    padding: 1.3rem 3rem;
}
.pagination-element:hover {
    background-color: #a8232b;
    color: #fff;
    position: relative;
    text-decoration: none;
}
.pagination-element--active,
.pagination-element--active:hover {
    background: #85ab32;
    color: #fff;
    font-weight: bold;
}
.pagination-element--disabled,
.pagination-element--disabled:hover {
    background-color: transparent;
    color: #dddddd;
    font-weight: normal;
    pointer-events: none;
}

@media only screen and (max-width: 800px) {
    .pagination .table {
        display: block;
        padding: 6rem 0 0;
        position: relative;
    }
    .pagination .td {
        display: block;
    }
    .pagination .td:first-child {
        left: 0;
        position: absolute;
        top: 0;
        width: 48%;
    }
    .pagination .td:last-child {
        position: absolute;
        right: 0;
        top: 0;
        width: 48%;
    }
}

/******************************************************************************/

/*
 * Box
 */
.box {
    background-color: #f0f0f0;
    border-left: 5px solid #811c22;
    color: rgb(44, 44, 44);
    margin: 1.5rem 0;
    padding: 2rem 2.5rem;
    position: relative;
    text-align: left;
}

.box--ok {
    background: #f7ffed;
    border-color: #78ca52;
    color: #4dab01;
}
.box--error {
    background: rgba(244, 226, 227, 0.7);
    border-color: #811c22;
    color: #000000;
}
.box--info {
    background: #e9f1ff;
    border-color: #81aeff;
    color: #2f5db3;
}
.box--alert {
    background: #ffffde;
    border-color: #e1d042;
    color: #a99b27;
}

.box--floating {
    backdrop-filter: blur(15px);
    text-align: center;
    border-radius: 1rem;
    position: absolute;
    z-index: 50;
    left: 2rem;
    right: 2rem;
    top: 3rem;
    border: none;
    box-shadow: 0px 6px 15px -4px rgba(0, 0, 0, 0.25);
}

/******************************************************************************/

/*
 * Header
 */
.header {
    background: #fff;
    position: relative;
    z-index: 300;
}

.navRail {
    position: fixed;
    top: -2px;
    left: -2rem;
    right: -2rem;
    /* max-width: 50rem; */
    margin: auto;
    padding: 0 12%;
    z-index: 300;
    background: #fff;
    box-shadow: 0px -6px 15px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.header-banner {
    margin-top: 60px;
}
.navRail-item {
    position: relative;
    padding: 0.4rem 1rem 1.8rem;
}
.navRail-content {
    display: none;
}

.icon {
    display: inline-block;
    text-align: center;
    width: 3.2rem;
}

.icon-count {
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -1rem;
    right: -0.6rem;
    border-radius: 1.2rem;
    background: #811c22;
    color: #fff;
    height: 2.4rem;
    min-width: 2.4rem;
    font-size: 1.1rem;
    padding: 0 0.2rem;
    transition: all 0.7s ease-in;
    transform: scale(0) rotate(-180deg);
    visibility: hidden;
}
.navRail-item.-active .icon-count {
    visibility: visible;
    transform: scale(1);
    transition: transform 0.7s cubic-bezier(0.33, 1.89, 0.18, 0.97);
}

.navRail-item .icon-count[class^='icon-'] {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica !important;
    font-weight: bold;
}

.icon-amount {
    display: none;
}

.icon-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1rem;
    color: #000;
    text-transform: uppercase;
}
.hamburger .icon-title {
    color: #fff;
}

.hamburger {
    transition: all 0.2s ease 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 10000;
    height: 5.2rem;
    overflow: hidden;
    padding: 0;
    background: #c61e1e;
    /* font-size: 0; */
    /* text-indent: -9999px; */
    transition: all 0.2s ease 0s;
    width: 5rem;
}
.hamburger:focus {
    outline: none;
}
.hamburger .icon {
    border-radius: 0.2rem;
    background: #fff;
    display: block;
    height: 0.4rem;
    left: 0.9rem;
    position: absolute;
    right: 0.9rem;
    top: 2rem;
}
.hamburger .icon::before,
.hamburger .icon::after {
    border-radius: 0.2rem;
    background: #fff;
    content: '';
    display: block;
    height: 0.4rem;
    left: 0;
    top: 0;

    position: absolute;
    width: 100%;
    will-change: transform;
}

.hamburger .icon::before {
    transform: translateY(-0.8rem);
}
.hamburger .icon::after {
    transform: translateY(0.8rem);
}

.hamburger--htx .icon {
    transition-duration: 0.5s, 0.5s;
}
.hamburger--htx .icon::before,
.hamburger--htx .icon::after {
    transition-duration: 0.5s, 0.5s;
}
.hamburger--htx .icon::before {
    transition-property: top, transform;
}
.hamburger--htx .icon::after {
    transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.hamburger--htx.active {
    background-color: #c61e1e;
}
.hamburger--htx.active .icon {
    background: rgba(255, 255, 255, 0);
    /*opacity: 0;*/
}
.hamburger--htx.active .icon::before {
    transform: rotate(45deg);
}
.hamburger--htx.active .icon::after {
    transform: rotate(-45deg);
}
@media only screen and (max-width: 620px) {
    .nav-picture {
        margin-top: 45px !important;
    }
    .nav-background button {
        margin-top: 45px;
    }
    .icon-count {
        left: 0;
        width: 10px;
        top: 10px;
    }
}

@media only screen and (min-width: 620px) {
    .navRail {
        position: static;
        background: none;
        box-shadow: none;
        padding: 0.5rem 0;
        width: 22rem;
        margin-right: 0;
        align-items: stretch;
    }
    .header-banner {
        display: flex;
        background: #fff;
        margin-top: 0;
    }
    .hamburger {
        position: fixed;
        z-index: 300;
        left: 2rem;
        top: 1.2rem;
        transition: all 0.5s ease 0s;
        transform: translateX(0px);
        border-radius: 4px;
    }

    .hamburger.active {
        transform: translateX(315px);
    }

    .logo {
        margin-left: 6rem;
    }
}

@media only screen and (min-width: 1000px) {
    .icon-count {
        top: -1.5rem;
        right: -1.4rem;
    }

    .icon {
        position: relative;
        width: auto;
    }

    .navRail {
        border-radius: 0;
        max-width: none;
        width: auto;
    }
    .navRail-item {
        min-width: 9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        transition: color 0.2s ease;
        padding: 0 2rem 0 2rem;
        transition: all 0.2s ease;
        border-radius: 7px;
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
    }
    .navRail-item:hover {
        color: #9b1d25;
        /* background: rgba(0, 0, 0, 0.06); */
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
        box-shadow: 0 0 0 1px #d6d6d6;
    }
    .navRail-item:focus-visible {
        color: #9b1d25;
    }

    .navRail-content {
        display: inline-block;
        line-height: 1.4em;
        font-size: 1.3rem;
        max-width: 24.7rem;
        padding: 0 2rem 0 1rem;
    }
    .navRail-content strong {
        display: block;
    }
    .navRail-content span {
        color: #811c22;
    }
    .header-flow {
        display: inline-block;
        background: none;
        position: relative;
        box-shadow: none;
    }

    .icon-title {
        display: none;
    }

    .hamburger {
        display: none;
    }
    .nav-list .-onlyPhone {
        display: none;
    }
}

/******************************************************************************/

/*
 * Logo
 */
.logo {
    text-align: center;
    display: block;
    margin: 0;
    padding: 1rem 1rem 0rem 0;
    position: relative;
}
.logo img {
    display: inline-block;
}

.logo--back {
    width: 23rem;
    /* padding-bottom: 3.5rem; */
}

@media only screen and (min-width: 620px) {
    .logo {
        margin-left: 7rem;
    }
}

@media only screen and (min-width: 1000px) {
    .logo {
        margin-left: 0rem;
    }
}

.arrowLeft {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    /* right: 0rem; */
    right: 100%;
    font-size: 20px;
    height: 3rem;
    width: 3rem;
}
.arrowLeft:after {
    content: '';
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #ccc;
    border-width: 0 2px 2px 0;
    position: absolute;
    right: 15%;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.2s ease-out;
    right: 0;
    left: 0;
    transform: rotate(-225deg);
}
a:hover .arrowLeft:after {
    border-color: var(--brand);
}
/******************************************************************************/

/*
 * Header bar
 */

.bar {
    display: none;
}

@media only screen and (min-width: 1000px) {
    .bar {
        background: #000000;
        font-size: 1.1em;
        width: 100%;
        /* overflow: hidden; */
        display: block;
        position: relative;
        z-index: 1000;
    }

    .bar-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 0;
    }
    .bar .bar-item {
        display: inline-block;
    }

    .bar .bar-link {
        display: block;
        padding: 0.5rem 2rem;
        color: #fff;
        font-size: 1.1rem;
        text-transform: uppercase;
    }
    .bar-link--content {
        transition: all 0.2s ease;
        display: none;
        /* opacity: 0; */
        /* visibility: hidden; */
        transform: translateY(-10px);
        background: #a8232b;
        width: 280px;
        z-index: 999999;
        position: absolute;
        bottom: 0;
        color: white;
        top: 38px;
        cursor: pointer;
        height: 100%;
        min-height: 100%;
    }
    .bar-link--content li {
        background: #a8232b;
        box-sizing: border-box;
        font-size: 14px;
        width: 100%;
    }
    .bar-link--content li:hover {
        background-color: #ac4d53;
    }
    .bar-link--content a {
        color: white !important;
        text-decoration: none;
        background-color: transparent;
    }
    .bar .bar-container > .bar-item:last-child {
        margin-left: auto;
        align-self: flex-start;
    }
    .bar .bar-container > .bar-item:last-child {
        background: #9e222a;
        font-weight: bold;
    }
    .bar .bar-link:hover,
    .bar .bar-item:hover > .bar-link {
        background: #811c22;
        color: #fff;
    }

    .bar .bar-link:focus-visible {
        background: #811c22;
        color: #fff;
    }

    /* LISTA ROZWIJANA Z GÓRY */

    .bar-link--content {
        transition: all 0.2s ease;
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        background: #811c22;
        width: 280px;
        z-index: 999999;
        position: absolute;
        bottom: 0;
        color: white;
        top: 38px;
        cursor: pointer;
        height: 100%;
        min-height: 100%;
    }
    .bar-link--content li {
        background: #811c22;
        padding: 6px 10px;
        box-sizing: border-box;
        font-size: 1.06rem;
        text-transform: uppercase;
    }
    .bar-link--content a {
        color: white;
        text-decoration: none;
        background-color: transparent;
        padding: 0;
    }
    .bar-item-visible {
        opacity: 1;
        visibility: unset;
    }
    /*     
    .expandMenu li {
        padding: 0;
        margin: 0;
        display: inline-block;
        position: relative;
    }

    .expandMenu .bar-item {
        position: relative;
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
    }
    .expandMenu li a {
        display: block;
    }
    .expandMenu ul > li > ul,
    .expandMenu--right > ul {
        transition: all 0.2s ease-out 0.1s;
        transform-origin: 0 0;
        opacity: 0;
        z-index: 10;
        visibility: hidden;
    }
    .expandMenu ul > li > ul {
        background: rgb(54, 54, 54);
        position: absolute;
        top: 100%;
        left: 0;
        width: 250px;
        margin-top: -1px;
        transform-origin: 0 0;
    }
    .expandMenu ul > li > ul > li > ul,
    .expandMenu--right ul > li > ul {
        top: 0;
        left: 100%;
        margin-top: 0px;
        z-index: 10;
    }

    .expandMenu ul > li:hover > ul,
    .expandMenu ul > li.active > ul,
    .expandMenu--right.active > ul {
        opacity: 1;
        visibility: visible;
        transition: all 0.15s ease-out;
        z-index: 11;
    }
    .expandMenu ul > li > ul > li > ul > li:first-child:after,
    .expandMenu--right ul > li > ul > li:first-child:after {
        
        content: '';
        position: absolute;
        height: 60px;
        width: 100%;
        top: 100%;
        z-index: -1;
        display: block;
        opacity: 1;
        visibility: visible;
        transition: all 0s ease 0.5s;
        display: none;
        transform: skewX(0deg);
        right: 0;
    }
    .expandMenu ul > li > ul:hover > li > ul > li:first-child:after,
    .expandMenu--right ul:hover > li > ul > li:first-child:after {
        display: block;
    }
    .expandMenu ul > li > ul > li:hover > ul > li:first-child:after,
    .expandMenu--right ul > li:hover > ul > li:first-child:after {
        transform: skewX(70deg);
        transition: all 0s ease 0.3s;
        right: 35%;
    }
    .expandMenu ul > li > ul > li:hover > ul > li:hover:first-child:after,
    .expandMenu--right ul > li:hover > ul > li:hover:first-child:after {
        transform: skewX(0deg);
        transition: all 0s ease 0.5s;
        right: 0 !important;
    }
    .expandMenu ul > li > ul > li {
        display: block;
    } */
}

/******************************************************************************/

/* STARS */

.stars {
    margin: 0.5rem -4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #72706f;
    position: relative;
}
.stars-info {
    display: inline-block;
    margin-left: auto;
    font-size: 1.3rem;
}
.star-item {
    width: 4rem;
    height: 3rem;
    display: inline-block;
    background: url(../images/gfx/star.svg) no-repeat left center;
    background-size: auto 100%;
    position: relative;
}
.star-bar {
    margin: 0;
    display: inline-block;
    background: #fff url(../images/gfx/star.svg) left center;
    background-size: 2rem 2rem;
    position: relative;
    width: 10rem;
    height: 2rem;
    z-index: 2;
}

.star-bar::after {
    content: '';
    background: url(../images/gfx/star-full.svg) left center;
    background-size: 2rem 2rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 0%;
    transition: all 0.5s ease;
    box-sizing: content-box;
}

.star-bar--1::after {
    width: 20%;
}
.star-bar--2::after {
    width: 40%;
}
.star-bar--3::after {
    width: 60%;
}
.star-bar--4::after {
    width: 80%;
}
.star-bar--5::after {
    width: 100%;
}
.star-bar--half::after {
    padding-left: 1rem;
}

.star-item::after {
    transition: all 0.2s ease-out;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    background: url(../images/gfx/star-full.svg) no-repeat left center;
    background-size: 3rem 3rem;
}
.star-item.-active-half::after {
    width: 1.5rem;
}
.star-item.-active::after {
    width: 100%;
}

.stars--inputs {
    display: flex;
    justify-content: flex-start;
}

.stars--inputs .star-item:after {
    transform-origin: 1.5rem 1.5rem;
}

.stars--inputs:hover .star-item::after,
.stars--inputs.-selected .star-item::after,
.stars--inputs:hover .star-item.-active-half::after,
.stars--inputs:hover .star-item.-active::after {
    width: 100%;
}
.stars--inputs:hover .star-item:hover::after,
.stars--inputs.-selected .star-item.-selected::after {
    width: 100%;
    transform: scale(1.5);
    filter: brightness(1.1) contrast(1.1);
    transition: all 0.4s cubic-bezier(0.23, 1.57, 0.33, 0.99) 0s;
}

.stars--inputs:hover .star-item:hover ~ .star-item::after,
.stars--inputs.-selected .star-item.-selected ~ .star-item::after {
    width: 0%;
}

.stars .stars--inputs .star-item.-selected::after {
    transform: scale(2);
    filter: brightness(1.2) contrast(1.3);
    transition: all 0.6s cubic-bezier(0.23, 1.57, 0.33, 0.99) 0s;
}

.star-item--label {
    cursor: pointer;
}

.star-item--label input {
    opacity: 0;
    visibility: hidden;
}

.stars--min .star-item {
    width: 10%;
    height: auto;
    padding-top: 10%;
    margin: 0.15rem;
}

/******************************************************************************/

/*
 * Nav
 */

.nav {
    background: #fff;
    bottom: 0;
    clear: both;
    float: none;
    left: 0;
    height: 100vh;
    max-width: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    /* transform: translateX(-5%); */
    opacity: 0;
    transition: all 0.2s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 200;
    transform: translateY(30%);
    display: block;
}
.nav.active {
    display: block;
    transform: none;
    visibility: visible;
    opacity: 1;
    overflow: auto;
}

.nav-background {
    transition: all 0.25s ease-out;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    top: 0rem;
    width: 100%;
    padding: 2.4rem 2rem;
    max-width: 62rem;
    margin: auto;
    z-index: 99;

    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0) 100%
    );
}
.nav-background.-active {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}

.nav .container {
    padding: 0;
}

.nav-picture {
    overflow: hidden;
    max-width: 60rem;
    height: 20rem;
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
    padding: 2rem 3rem;
    display: block;
    will-change: opacity;
}

.nav-picture img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.nav-picture-desc {
    position: relative;
    z-index: 6;
    max-width: 55rem;
}

.nav-picture-title {
    text-transform: uppercase;
    font-size: 3rem;
    margin: 0.5rem 0;
    display: block;
}

.nav-list {
    display: block;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding: 0 2rem;
    height: calc(100vh - 5rem);
    max-width: 50rem;
    margin: auto;
}

.nav-item {
    display: flex;
    flex: 1;

    border-top: 1px solid #d6d6d6;
}

.nav-link {
    color: #000000;
    border-top: 1px solid #d6d6d6;
    /* border-bottom: 0.4rem solid #d6d6d6; */
    padding: 1rem 1rem 1rem 0;
    padding: calc(1vh + 0.2rem) 1rem calc(1vh + 0.2rem) 0;
    padding-right: 2.5rem;
    position: relative;
    display: block;
    width: 100%;
    transition: all 0.2s ease;
    background: #fff;

    border-top: 0;
}

.nav-list .nav-item:hover > .nav-link,
.nav-list .nav-item.-open > .nav-link {
    color: #811c22;
    border-color: #811c22;
    z-index: 20;
}

.nav-list .nav-item:hover + .nav-item > .nav-link {
    border-top-color: #811c22;
}
.nav-list .nav-item > .nav-link:focus-visible {
    color: #811c22;
    border-color: #811c22;
    z-index: 20;
}
.nav-subList .nav-item:first-child .nav-link {
    border-top: none;
}
.nav-subList .nav-item:hover + .nav-item > .nav-link {
    border-color: #811c22;
}
.nav-item:focus-visible + .nav-item > .nav-link {
    border-color: #811c22;
}
/*
.nav-item[data-dropdown] > .nav-link {
    margin-right: 50px;
}
*/

.nav-link::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 15px;
    height: 15px;
    margin-top: calc(15px / -2);
    /* background: #fff; */
    transform: rotate(45deg);
    border-top: 1px solid #811c22;
    border-right: 1px solid #811c22;
    opacity: 0;
    transition: all 0.2s ease;
}
.nav-item:hover > .nav-link::after {
    opacity: 1;
}
.nav-item > .nav-link:focus-visible::after {
    opacity: 1;
}
/*
.nav-item[data-dropdown] > .nav-link::after {
    opacity: 1;
    pointer-events: none;
    right: -45px;
    transform: rotate(135deg);
}
*/

.nav-title {
    font-size: 2rem;
    line-height: 1.2em;
    display: block;
    text-transform: uppercase;
    margin: 0.25rem 0;
}

.nav-desc {
    font-size: 1rem;
    color: #757575;
}

.nav-link .nav-desc {
    color: #000000;
}

.nav-dropdown {
    position: fixed;
    min-height: 100%;
    padding-bottom: 50px;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    transform: translateX(5%);
    height: calc(100vh - 5rem);
    transition: all 0.25s ease;
    z-index: 20;
    opacity: 0;
    display: block;
    visibility: hidden;
    pointer-events: none;
}

/* .-hover:hover wsparcie dla prostego dropdown na css oraz no-js. Jeżeli w ustawieniach dropdowna jest podany parametr click ta klasa jest usuwana  */
.nav-item.-hover:hover > .nav-dropdown,
.nav-item.-open > .nav-dropdown {
    display: block;
    overflow-y: auto;
    scroll-behavior: smooth;
    transform: none;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    transition: all 0.25s ease;

    transform: translateX(0);
}
/* .nav-item > .nav-link:focus,
.nav-item:focus > .nav-link {
    position: fixed;
    top: 0;
    left: 2rem;
    z-index: 10000;
} */

.nav-subList {
    max-width: 60rem;
    margin: auto;
    padding: 0 2rem;
}

.nav-subList .nav-picture {
    display: none;
}

@media only screen and (min-width: 620px) {
    .nav {
        right: auto;
        width: 400px;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        transform: translateX(-80%);
    }
    .nav.-avtive {
        transform: translateX(0%);
    }

    .nav-dropdown {
        right: auto;
        width: 400px;
    }
}

@media only screen and (min-width: 1000px) {
    .nav,
    .nav.active {
        overflow: visible;
        display: block;
        transform: none;
        visibility: visible;
        opacity: 1;
        position: relative;
        padding: 0;
        height: auto;
        width: auto;
        box-shadow: none;
    }

    .nav-background {
        margin-bottom: -2rem;
        top: 100%;
        height: 120vh;
        /* background: rgba(0, 0, 0, 0.4); */
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.4) 0%,
            rgba(0, 0, 0, 0.3) 50%,
            rgba(0, 0, 0, 0) 100%
        );
        /* backdrop-filter: blur(10px); */
        z-index: 1;
        max-width: none;
    }

    /*.nav-background.-active {
        transition: all 0.25s ease-out 0.9s;
    }*/

    .nav-background .button {
        display: none;
    }

    .nav-picture {
        position: absolute;
        top: 0;
        right: 0;
        left: 41rem;
        height: 100%;
        max-width: 100%;
        display: block;
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        transition: all 0.25s ease;
    }
    .nav-picture--root {
        display: none;
    }
    .nav-subList .nav-picture {
        display: flex;
    }
    .nav-item:hover > .nav-picture,
    .nav-dropdown > .nav-picture {
        opacity: 1;
        visibility: visible;
    }
    .nav-item .nav-link:focus-visible > .nav-picture {
        opacity: 1;
        visibility: visible;
    }

    .nav-picture::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;

        height: 25rem;
        background: linear-gradient(
            360deg,
            #ffffff 5.1%,
            rgba(255, 255, 255, 0.626882) 33.94%,
            rgba(255, 255, 255, 0) 57.94%
        );
        z-index: 3;
        opacity: 0.8;
    }

    .nav-list {
        display: flex;
        align-items: stretch;
        height: auto;
        max-width: none;
        overflow: visible;
        /* background: #fff; */
    }
    .nav-list--root {
        margin-top: 1rem;
    }

    .nav-link {
        height: 100%;
        width: 100%;
    }
    .nav-list--root > .nav-item > .nav-link {
        border-bottom: 4px solid #d6d6d6;
    }
    .nav-list .nav-item:hover + .nav-item > .nav-link {
        border-top-color: #d6d6d6;
    }
    .nav-item[data-dropdown] > .nav-link {
        margin-right: 0;
    }

    .nav-list--root > .nav-item > .nav-link::before {
        content: '';
        display: block;
        /* Debug */
        /* background: rgba(100, 100, 100, 0.2); */
        position: absolute;
        height: 9rem;
        bottom: -4px;
        left: -5rem;
        width: 70%;
        z-index: -1;
        transform: scaleX(0) skewX(0deg);

        transition: none;
        /* transform: skewX(-70deg); */
    }

    .nav-list--root > .nav-item.-open > .nav-link::before {
        transform: scaleX(1) skewX(-70deg);
        transition: transform 0.2s linear;
    }

    .nav-list--root > .nav-item:first-child + .nav-item.-open > .nav-link::before {
        transform: scaleX(1) skewX(-50deg);
        left: -3rem;
    }

    .nav-list--root > .nav-item.-open:first-child > .nav-link::before,
    .nav-list--root > .nav-item > .nav-link:active::before {
        /* display: none; */
        transform: scaleX(0) skewX(0deg) !important;

        left: 0rem !important;
    }

    .nav-list--root > .nav-item > .nav-link::after {
        display: none;
    }

    .nav-title {
        font-size: 1.7rem;
    }
    .nav-list--root > .nav-item > .nav-link strong {
        /* display: block; */
        white-space: nowrap;
    }
    .nav-desc {
        font-size: 1.1rem;
        /* padding-right: 1rem; */
    }

    .nav-dropdown {
        position: absolute;

        min-height: auto;
        z-index: 2;
        top: 100%;
        height: auto;

        overflow: hidden !important;
        margin-left: 0;
        overflow: visible;
        width: 100%;
        background: #fff;
        padding: 0 0 0 calc((100% / 2) - 64.2rem);
        /* border-top: 0.5rem solid #811c22; */
        border-top: 1px solid #d6d6d6;
        margin-top: -1px;
        box-shadow: 0 20px 30px 0px rgba(0, 0, 0, 0.1);
        pointer-events: none;
        transform: none;
        transition: opacity 0.23s cubic-bezier(0.2, 0, 0, 1) 0.23s,
            visibility 0.23s cubic-bezier(0.2, 0, 0, 1) 0.23s,
            height 0.23s cubic-bezier(0.2, 0, 0, 1);
        /*transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) 0.1s;*/
    }
    .nav-item.-open > .nav-dropdown {
        transition: opacity 0.23s ease, visibility 0.23s cubic-bezier(0.2, 0, 0, 1),
            height 0.23s cubic-bezier(0.2, 0, 0, 1);
        /*transition: opacity 0.23s ease 1s, visibility 0.23s cubic-bezier(0.2, 0, 0, 1) 1s,
            height 0.23s cubic-bezier(0.2, 0, 0, 1) 1s;*/
        z-index: 3;
    }

    .nav-subList {
        max-width: 42rem;
        margin-left: 0;
        /* max-height: calc(100vh - 21.5rem); */
        /* overflow: auto; */
        min-height: 36rem;
        background-color: #fff;
    }

    /* .nav-list--root > .nav-item > .nav-link::after {
        top: 3rem;
        right: 2.5rem;
        opacity: 1;
        visibility: visible;
        transform-origin: 70% 40%;
    }
    .nav-item > .nav-link:focus-visible::after,
    .nav-item:hover > .nav-link::after {
        border-color: #811c22;
    }
    .nav-list--root > .nav-item.-hover:hover > .nav-link::after,
    .nav-list--root > .nav-item.-hover:focus-visible > .nav-link::after,
    .nav-list--root > .nav-item.-open > .nav-link::after {
        transform: rotate(135deg);
    } */

    /* .nav-list--root > .nav-item.-open:active > .nav-link:before {
        transform: scaleX(1) skewX(0deg) !important;
        background-color: red !important;
        left: -5rem;
        transition: all 1.2s linear;
    } */

    /* .nav-link::before:hover { */
    /* background-color: red !important; */
    /* transition: visibility 2s ease; */
    /* visibility: hidden; */
    /* } */

    /* .nav-list--root > .nav-item > .nav-link::after {
        top: 100%;
        left: 0px;
        margin-top: calc(14px / -2);
        background: #fff;
        border: 1px solid #d6d6d6;
        background: #fff;
        border-color: #d6d6d6;
        transform: rotate(-45deg);
    }
    .nav-list--root > .nav-item:hover > .nav-link::after {
        background: #811c22;
        border-color: #811c22;
        transform: rotate(-45deg);
    } */
}

@media only screen and (min-width: 1155px) {
    .nav-picture {
        left: calc((100% / 2) - 64rem + 41rem);
    }
}
/******************************************************************************/

/*
 * Search
 */
.search {
    border: 0;
    float: right;
    min-width: 300px;
    padding: 20px 0;
    text-align: right;
    white-space: nowrap;
}
.search legend {
    display: none;
}

/******************************************************************************/

/*
 * Main
 */
.main {
    /* clear: both; */
    /* display: table; */
    /* overflow: hidden; */
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.productPictureMini {
    width: 12rem;
    float: left;
    margin: 0 1rem 0 0;
}

.productForm--onlyCount .-hideOnlyCount {
    display: none;
}

.shadowBox {
    box-shadow: 0rem -1.8rem 2.5rem -2.2rem rgb(0 0 0 / 15%),
        0rem 1.8rem 2.5rem -2.2rem rgb(0 0 0 / 15%);
    padding: 1rem 0;
    margin: 4rem -1rem;
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 1400px) {
    .shadowBox {
        margin: 4rem 0;
        box-shadow: 0rem 0.2rem 2.5rem rgba(0, 0, 0, 0.15);
    }
    .shadowBox::after,
    .shadowBox::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 4rem;
        background: #fff;
    }
    .shadowBox::after {
        right: -3rem;
    }
    .shadowBox::before {
        left: -3rem;
    }
}

.reviews {
    max-height: 32rem;
    overflow: auto;
    width: 91.67%;
}
.reviews-item {
    padding: 2rem 0;
    border-top: 1px solid #dddddd;
}

.reviews-item:last-child {
    border-bottom: 1px solid #dddddd;
}

/* komentarz tylko RH */
.rh-comment {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-top: 10px;
}
.rh-comment textarea {
    width: calc(100% - 130px);
    min-height: 48px;
    height: 48px;
    font-size: 1.2rem;
    overflow-y: hidden;
    resize: vertical;
}
.rh-comment button {
    font-size: 1.2rem;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}
.rh-reviews {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.rh-reviews span {
    font-size: 1.2rem;
}
.rh-reviews-static {
    margin-bottom: 5px;
}

.rh-reviews--item {
    margin: 0;
    margin: 0 10px;
    border-top: 1px solid #dddddd;
    display: flex;
    flex-direction: column;
    padding: 5px 0 10px 5px;
}
.rh-reviews--item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}
.rh-reviews--item img {
    width: 12px;
}
.rh-reviews--item strong {
    font-size: 1.2rem;
}
.rh-reviews--comment {
    margin-top: 5px;
    font-size: 1.4rem !important;
}
.reviews-stars {
    width: 13rem;
    padding: 0 4px;
}
.unlike {
    transform: rotate(-180deg);
}

.reviews-likes {
    margin: 1rem 0;
    font-size: 10px;
    color: #000;
}
.reviews-likes-item {
    margin-right: 1rem;
    filter: contrast(2) saturate(0);
}
.reviews-likes-item:hover {
    filter: contrast(1) saturate(1);
}

.reviews-photo {
    margin: 0.5rem 0;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.5rem;
}
.reviews-photo-item {
    width: 4rem;
    height: 4rem;
    object-fit: cover;
}
.reviews-photo-item img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/******************************************************************************/

.productList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem -1rem;
}

.productList-desc {
    align-self: flex-start;
    font-size: 1.3rem;
    margin: 1rem;
    width: calc(100% - 2rem);
    align-self: flex-start;
    display: block;
}

.productList-desc h1 {
    margin-right: -0.7rem;
}

.productItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin: 1rem;
    color: #000;
    width: calc(100% - 2rem);
    position: relative;
    transition: border 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease,
        transform 0.2s ease;
}
.productItem:hover {
    border: 1px solid #811c22;
    box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.26);
    transform: translateY(-3px);
}
.productItem:focus-visible {
    border: 1px solid #811c22;
    box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.26);
}
.productItem:active {
    box-shadow: 0 0px 10px -1px rgba(0, 0, 0, 0.36);
    transform: translateY(0px) scale(0.995);

    transition: all 0.1s ease-out;
}

.productItem-a {
    display: block;
    height: 100%;
    padding: 0 0 10rem;
    position: relative;
}

.productItem-img {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 0 3.5rem;
    padding-top: 100%;
    position: relative;
    width: 100%;
}

/* cover */
/* .productItem-img img{
    object-fit: cover;
    height: 100%;
    width: 100%;
} */
.productItem-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.productItem-title {
    flex: 1;
    color: inherit;
    min-height: 6rem;
    margin: 1rem 0.3rem 0;
}

.productItem-text {
    color: #72706f;
    margin-top: 0.7rem;
    display: block;
    font-weight: normal;
    font-size: 1.2rem;
}

.productItem-desc {
    bottom: 0;
    color: #414141;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    text-align: justify;
    width: 100%;
}

.productItem-price {
    width: 100%;
    display: flex;
    align-items: center;
    align-items: baseline;
    justify-content: flex-end;
    gap: 1rem;
}

.productItem-button {
    font-size: 1.2rem;
    margin: 0.1rem auto 0;
    padding: 0.3rem;
    width: 100%;
}

.productItem-hoverFoto {
    background-color: white !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: 0.2s;
    position: absolute;
    opacity: 0;
}
.productItem-hoverFoto--active {
    opacity: 1;
}

.productItem-hoverFoto img {
    transition: 0.2s;
}

.productItem-miniColorList {
    display: flex;
    justify-content: center;
    left: 0;
    margin: 100% auto 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 98%;
    z-index: 20;
}

.productItem-miniColorItem img,
.productItem-miniColorItemN img {
    border-radius: 50%;
    padding: 3px;
    transition: 0.2s;
}

.productItem-miniColorItem img:hover {
    box-shadow: inset 0 0 3px 4px #9e222a;
}

.productList-more {
    width: calc(100% - 2rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #811c22;
    padding: 2rem;
    margin: 1rem;
    transition: border 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease,
        transform 0.2s ease;
}
.productList-more:hover {
    box-shadow: 0 5px 25px -8px rgba(0, 0, 0, 0.26);
    background: #811c22;
    color: #fff;
    transform: translateY(-3px);
}
.productList-more:focus-visible {
    border: 1px solid #811c22;
}

.productList-more:active {
    box-shadow: 0 0px 10px -1px rgba(0, 0, 0, 0.36);
    transform: translateY(0px) scale(0.995);

    transition: all 0.1s ease-out;
}

.productList-more-img {
    margin: 3rem auto 3rem;
}

.productList-more-text {
    text-align: center;
    font-size: 2rem;
}

@media only screen and (min-width: 703px) {
    .productItem-price {
        justify-content: flex-end;
    }
}

@media only screen and (min-width: 380px) {
    .productItem,
    .productList-more,
    .productList-desc {
        width: calc(50% - 2rem);
    }
}
@media only screen and (min-width: 703px) {
    .productItem,
    .productList-more,
    .productList-desc {
        width: calc(33.333% - 2rem);
    }

    .productList--landscape .productItem {
        min-width: calc(33.3% - 2rem);
    }
    .productList--landscape .productItem-img {
        padding-top: 67%;
    }
}
@media only screen and (min-width: 900px) {
    .productItem,
    .productList-more,
    .productList-desc {
        width: calc(25% - 2rem);
    }
}
@media only screen and (min-width: 1000px) {
    .productItem,
    .productList-more,
    .productList-desc {
        width: calc(25% - 2rem);
    }
}
@media only screen and (min-width: 1200px) {
    .productItem,
    .productList-more,
    .productList-desc {
        width: calc(16.6666% - 2rem);
    }
}

/* horizontal list*/

.productList--horizontal .productItem {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    text-align: left;
    margin-top: -1px;
    margin-bottom: -2px;
    background-color: #fff;
}

.productList--horizontal .productItem-img {
    width: 2.5rem;
    padding: 2.5rem;
    /* margin: 0 2rem 0 0; */
}

.productList--horizontal .productItem-title {
    flex: 1;
    min-height: auto;
    padding: 1rem 1.5rem;
    margin: 0;
    width: 100%;
}

.productItem-colorList {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    padding: 0rem 1.5rem 1rem;
    position: relative;
    z-index: 2;
    max-width: 390px;
}

.productItem-color {
    border-radius: 50%;
    border-radius: var(--circle);
    overflow: hidden;
    margin: 0.2rem;
    width: 2.7rem;
    height: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    background: #e5e5e5;
    color: #000;
    border: 2px solid transparent;
}
.productItem-color:hover {
    border-color: #9e222a;
    opacity: 0.9;
}

.productItem-data {
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    color: #72706f;
    text-align: left;
    justify-content: center;
    max-width: 100%;
}

.productItem-data--price {
    width: 160px;
    justify-content: flex-start;
}

.productItem-data--dim {
    width: 200px;
    white-space: nowrap;
    justify-content: flex-start;
}

.productItem-data--colors {
    width: 100%;
    justify-content: flex-start;
}

@media only screen and (min-width: 900px) {
    .productList--horizontal .productItem {
    }
    .productItem-data {
        padding: 1rem;
    }

    .productItem-data--dim {
        border-left: 1px solid #e5e5e5;
        order: 1;
    }
    .productItem-data--price {
        order: 2;
    }
    .productItem-data--colors {
        order: 3;
        width: auto;
        justify-content: flex-end;

        border-left: 1px solid #e5e5e5;
    }

    .productItem-colorList {
        padding: 0rem 1rem;
        order: 4;
    }
}

.banner img,
.banner picture {
    background: #4a4a4a;
}

.banner-text {
    font-size: 2.8rem;
    margin: 1rem 0;
    font-weight: normal;
}

.banner-content {
    margin-bottom: 2rem;
}

@media only screen and (min-width: 800px) {
    .banner {
        background: #4a4a4a;
    }
    .banner-content {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 3rem;
        position: absolute;
        margin-bottom: 0;
    }
    .banner-content--bottom {
        top: auto;
    }
    .banner-text {
        color: #fff;
        font-size: 3rem;
    }
}
@media only screen and (min-width: 1200px) {
    .banner-text {
        font-size: 3.8rem;
    }
}

.-scroll {
    position: relative;
}

.-scroll::after,
.-scroll::before {
    content: '';
    z-index: 5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 2rem;
    height: 2rem;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.68) 73%,
        rgba(255, 255, 255, 1) 100%
    );
}
.-scroll::before {
    bottom: auto;
    top: 0;
    transform: scaleY(-1);
}

.-scroll-x::after,
.-scroll-x::before {
    top: 0;
    bottom: 0;
    left: -1.2rem;
    right: auto;
    height: auto;
    width: 2rem;
    background: linear-gradient(
        to left,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.68) 73%,
        rgba(255, 255, 255, 1) 100%
    );
}
.-scroll-x::before {
    right: -1.2rem;
    left: auto;
    transform: scaleX(-1);
}

.-scroll-rtl {
    direction: rtl;
}

.productForm-text {
    display: inline-block;
    vertical-align: bottom;
    align-self: flex-end;
    padding: 0.5rem 0.2rem 1.4rem;
    font-size: 1.4rem;
    color: #b3b3b3;
}

.time {
    display: flex;
    align-items: center;
    color: #85ab32;
}

.time--error {
    color: #a01414;
}
.time--long {
    color: #f4930a;
}
.time-icon {
    width: 26px;
}
.time--long > .time-icon-ok,
.time--error > .time-icon-ok {
    display: none;
}
.time-icon-long {
    display: none;
}
.time-icon-error {
    display: none;
}
.time--long > .time-icon-long,
.time--error > .time-icon-error {
    display: block;
}
.time-text {
    user-select: text;
    display: inline-block;
    padding-left: 10px;
    font-size: 1.6rem;
    line-height: 1.2em;
    font-weight: bold;
    /* max-width: 95px; */
}

.tabs {
    background: #fff;
    position: relative;
    z-index: 100;
    position: sticky;
    top: 0;
    white-space: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-margin-left: 7rem;
    scroll-margin-right: 7rem;
    margin: 1rem -1rem;
    padding: 0 1rem;
    display: flex;
}
.tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.tabs-item {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.tabs-link {
    white-space: normal;
    display: block;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: 0.15em;
    min-height: 7rem;
    width: 19rem;
    padding: 1rem;
    /* background: rgba(240, 240, 240, 0.65); */
    color: #000000;
    text-transform: uppercase;
    border-bottom: 0.4rem solid #d6d6d6;
    transition: border 0.2s ease;
}
.tabs-link.-active,
.tabs-link:hover {
    opacity: 0.8;
    color: #b61f29;
    border-color: #b61f29;
}
.tabs-link:focus-visible {
    opacity: 0.8;
    color: #b61f29;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.16);
}

.tabs-link:focus {
    opacity: 1;
    color: #b61f29;
    border-color: #b61f29;
    box-shadow: 0 0 0 1px rgb(182, 31, 41, 0.7);
}
@media only screen and (min-width: 620px) {
    .tabs {
        padding-left: 7rem;
    }
}

@media only screen and (min-width: 1000px) {
    .tabs {
        display: flex;
        align-items: stretch;
        justify-content: stretch;
        padding-left: 1rem;
        padding-bottom: 0;
        /* box-shadow: 0 10px 20px #fff; */
        margin: 4rem -1rem 1rem;
        /* flex-wrap: wrap; */
        /* position: static; */
    }
    .tabs-item {
        flex: 1;
    }
    .tabs-link {
        width: auto;
        /* max-width: 19rem; */
    }
}

.article {
    margin: 2rem 0 4rem;
}
.article-link {
    color: #000;
    display: block;
}
.article-img {
    padding-top: 65%;
    position: relative;
}
.article-img img {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    margin: auto;
    display: block;
}
.article-link:hover .article-img img {
    opacity: 0.8;
    box-shadow: 0 5px 25px -8px rgba(0, 0, 0, 0.26);
}
.article-title {
    min-height: 6.6rem;
    color: #000;
    margin: 0.5rem 0;
    display: flex;
    width: 100%;
    align-items: center;
}

.article-title--center {
    display: flex;
    min-height: 5.6rem;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.article-content {
    font-size: 1.3rem;
    color: #000;
    transition: all 0.2s ease;
}
.article-link:hover .article-title {
    color: #b51d26;
    color: var(--brandLight);
}

.tipsList {
    padding: 0.5rem 0 0;
    display: block;
}

.tip {
    display: inline-block;
    position: relative;
    width: 3.3rem;
    height: 3.3rem;
    padding: 0.2rem;
}

.tip-text {
    text-align: center;
    position: absolute;
    top: 100%;
    left: -200px;
    right: -200px;
    display: inline-block;
    max-width: 120px;
    margin: auto;
    background: #000;
    color: #fff;
    padding: 0.5rem 0.5rem;
    opacity: 0;
    transform: translateY(0) scale(0.8);
    transform-origin: 50% -2rem;
    transition: all 0.2s ease-out 0.1s;
    pointer-events: none;
}
.tip-text::after {
    content: '';
    border: 8px solid #000;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #000 transparent;
    position: absolute;
    left: 0;
    margin: auto;
    width: 0;
    right: 0;
    bottom: 100%;
}

.tip:hover .tip-text {
    opacity: 1;
    transform: translateY(1rem) scale(1);
    /* transition: all 0.1s ease-out; */
}

/******************************************************************************/
/* 
.contactIco {
    padding-left: 40px;
    position: relative;
}
.contactIco .icon {
    font-size: 3rem;
    left: 0;
    position: absolute;
    top: 0;
} */

/******************************************************************************/

.map {
    height: 450px;
    margin: 3rem 0;
    position: relative;
    width: 100%;
}
.map iframe {
    height: 100%;
    width: 100%;
}

/******************************************************************************/

/*
 * Aside
 */
.aside {
    margin-top: 12rem;
    background: #f0f0f0;
}
.aside-item {
    text-align: center;
}
.aside-img {
    display: block;
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
    border-radius: var(--circle);
    margin: 0.5rem auto;
    padding: 1.3rem;
    position: relative;
}
.aside-img img {
    width: 10rem;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.aside-text {
    font-size: 1.3rem;
    padding-bottom: 4rem;
}

@media only screen and (min-width: 600px) {
    .aside-img {
        margin: -7rem auto 1.5rem;
        background: #fff;
    }
}

.samples {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem;
}

.samples-item {
    position: relative;
    margin: 1rem;
    padding: 0.4rem;
    display: inline-block;
    display: flex;
    align-items: center;
    border: 1px solid #c4c4c4;
    transition: all 0.2s ease-out;
    border-radius: 0.1rem;
}

.samples-item:hover {
    border-color: var(--brand);
    box-shadow: 0 0 0 0.7rem rgba(230, 230, 230, 0.514);
}

.samples-name {
    padding: 1rem;
    font-size: 1.3rem;
}
.samples-name::first-letter {
    text-transform: uppercase;
}
.samples-item:hover .samples-name {
    color: var(--brand);
}

.samples-input {
    position: absolute;
    top: 0.7rem;
    left: 0.7rem;
    visibility: hidden;
}
.input-plane {
    pointer-events: none;
    position: absolute;
    top: -0.2rem;
    right: -0.2rem;
    bottom: -0.2rem;
    left: -0.2rem;
    opacity: 0;
    transition: all 0.2s ease-out;
    transform: scale(1.2);
    border: 3px solid var(--brand);
    border-radius: 0.1rem;
}
.samples-item .samples-input:checked ~ .input-plane {
    opacity: 1;
    transition: all cubic-bezier(0.4, 1.34, 0.7, 1) 0.3s;

    transform: scale(1);
}

/*
 * Footer
 */
.footer {
    position: relative;
    z-index: 1;
    font-size: 1.3rem;
    background: #4b4b4b;
    color: #fff;
    overflow: hidden;
    padding-bottom: 8rem;
    margin-top: 4rem;
}

.aside + .footer {
    margin-top: 0;
}

.footer a {
    color: #fff;
}
.footer a:hover {
    opacity: 0.8;
    text-decoration: underline;
}
.footer h4 {
    margin: 3rem 0 2rem;
}

.footer-nav a,
.footer-nav p {
    display: block;
    padding: 0.8rem 0;
    line-height: 1.7em;
}
.footer-nav a:hover,
.footer-nav a:focus {
    text-decoration: underline;
}

.footer .ibs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2rem;
}

.footer .ibs:last-child {
    border-bottom: 1px solid #717171;
    margin-bottom: 1rem;
}
.footer .ib {
    padding: 2rem 2rem;
}

.footer .ib:last-child {
    border-right: none;
}
.footer .-inline {
    display: inline-block;
}

.footer-copy a .redhand::after {
    -webkit-transform-origin: 8px 10px;
    -moz-transform-origin: 8px 10px;
    -ms-transform-origin: 8px 10px;
    -o-transform-origin: 8px 10px;
    transform-origin: 8px 10px;
    -webkit-transform: rotate(-95deg);
    -moz-transform: rotate(-95deg);
    -ms-transform: rotate(-95deg);
    -o-transform: rotate(-95deg);
    transform: rotate(-95deg);
    -webkit-transition: all 0.7s cubic-bezier(0.22, 2.65, 0.81, 0.96);
    transition: all 0.7s cubic-bezier(0.22, 2.65, 0.81, 0.96);
    content: '';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA6UlEQVR4AZXPQUcFURiH8UPEEK0iUlzO6q6ibatWcVd3dYn5AK2ib9BqaBsx24j5BhEREcN8gLZtY4hZDcO/ZzGHVzpnmsXPOYv3fXid3GHKMQocwMFjHy74vbCHO5zDoYFwjwxfaFKBawgdPB4hfGAJAfGARw/hHTk0WsUCCzR4xREKaHSLAcJDLLA0Q584RQuht38Iw18n5CbyjQpKyGACsBHzxtzYQCyS0mHHBqxL6B/ObGAba2xwghqakNtACc20DoEtvKGFZtiEgLXAFZ7QQwllCMTs4gIFniGjQmYCkzxqvGAFF/wAE9ukCYLfD9EAAAAASUVORK5CYII=');
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: 10%;
    opacity: 0;
}

.footer-copy {
    text-align: center;
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 700px) {
    .footer {
        padding-bottom: 0;
    }
    .footer-copy {
        padding-top: 2rem;
        padding-bottom: 3rem;
        display: flex;
        width: 100%;
        justify-content: space-between;
        text-align: center;
        flex-direction: row;
    }

    .footer .ib {
        border-right: 1px solid #717171;
    }
    /* .-pushup { */
    /* margin-top: -5rem; */
    /* } */
}

/******************************************************************************/

.fluidTabs {
    overflow: hidden;
    margin: 1rem -2rem 0;
    padding-top: 0rem;
}
@media only screen and (min-width: 620px) {
    .fluidTabs {
        overflow: hidden;
        margin: 0;
    }
}
.fluidTabs .fluidTabs-tabs {
    /*overflow: hidden;*/
    display: table;
    width: 100%;
    margin: 0;
    /*min-height: 43px;*/
    padding: 0;
    table-layout: fixed;
    /* box-shadow: inset 0px -31px 22px -30px rgba(0, 0, 0, 0.22); */
}
.fluidTabs .fluidTabs-tabs li {
    background: none;
    color: #282828;
    cursor: pointer;
    display: table-cell;
    font-size: 14px;
    padding: 0 1px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    vertical-align: middle;
}

.fluidTabs .fluidTabs-tabs li:before {
    transition: transform 0.15s ease-in, opacity 0.1s ease-in;
    content: '';
    background: #c4c4c4;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.2;
    transform: scale(0.8);
    pointer-events: none;
    z-index: 99;
    border-radius: 3rem;
}
.fluidTabs .fluidTabs-tabs li:hover:before {
    opacity: 0.1;
}

.fluidTabs .fluidTabs-tabs li.-active {
    color: #a8232b;
    background: #fff;
    /* box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.22); */
}
.fluidTabs .fluidTabs-tabs li:after {
    transition: transform 0.15s ease-in, opacity 0.1s ease-in, background 0.08s ease-in;
    content: '';
    background: linear-gradient(
        to right,
        rgba(80, 164, 237, 0) 20%,
        rgb(168, 35, 43) 40%,
        rgb(168, 35, 43) 60%,
        rgba(80, 164, 237, 0) 80%
    );
    background-size: 100% 100%;
    background-position: 50% 50%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translateX(100%) scaleX(2.4) scale(0.8);
    pointer-events: none;
    z-index: 100;
    border-radius: 3rem;
}

.fluidTabs .fluidTabs-tabs li.-active ~ li:after {
    transform: translateX(-100%) scaleX(2.4) scale(0.8);
}
.fluidTabs .fluidTabs-tabs li.-active:after {
    opacity: 1;
    transform: translateX(0) scale(0.8);
    background-size: 400% 100%;
    transition: all 0.25s ease;
}

.fluidTabs .fluidTabs-tabs li a {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1.5rem 10%;
    color: #a8232b;
    border-top: none;
    position: relative;
    z-index: 3;
    display: block;
    font-size: 1.5rem;
    z-index: 105;
}
.fluidTabs .fluidTabs-tabs li a:hover {
    text-decoration: none;
}

.fluidTabs .fluidTabs-tabs li:hover a {
    color: #000;
}
.fluidTabs .fluidTabs-tabs li.-active a {
    color: #fff;
}

.fluidTabs .fluidTabs-tab-box {
    margin-bottom: -3rem;
    overflow: hidden;
    /*-ms-overflow-x: scroll;
            overflow-x: scroll;*/
    padding-bottom: 5rem;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 9;
}
.fluidTabs .fluidTabs-tab-div {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    overflow: visible;
    padding: 1rem;
    transition: all 0.3s ease 0s;
    vertical-align: top;
    white-space: normal;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-15%);
}
.fluidTabs .fluidTabs-tab-div.-active {
    opacity: 1;
    visibility: visible;
    position: relative;
    transform: translateX(0%);
}
.fluidTabs .fluidTabs-tab-div.-active + .fluidTabs-tab-div {
    transform: translateX(15%);
}

/* InquiryBox */

.inquiryBox {
    /* contain: paint; */
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(229, 229, 229, 0.6);

    display: table;
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    z-index: 3000;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s linear, visibility 0.4s linear;
    overflow: hidden;
}

.inquiry-box {
    display: table-cell;
    vertical-align: middle;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.inquiry-box-in {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s linear, visibility 0.4s linear;
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 460px;
    background: #fff;
    text-align: left;
    will-change: transform;

    box-shadow: 0rem 0.4rem 2.5rem rgba(0, 0, 0, 0.18);
}

.inquiryBox--hide,
.inquiryBox--hide .inquiry-box-in {
    opacity: 0;
    visibility: hidden;
    /* will-change:  none; */
}

.inquiry-box--bgNone {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    opacity: 1;
    visibility: visible;
}

.inquiry-box--bgNone .inquiry-box-in {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3000;
}
.inquiry-box-title {
    background: #811c22;
    background: var(--brand);
    padding: 1.5rem 5rem 1.5rem 2rem;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    position: relative;
    z-index: 30;
    user-select: none;
    min-height: 50px;
}
.inquiry-box-title--hidden {
    background: none;
}
.inquiry-box-title .icon {
    font-size: 2.5rem;
    padding: 0 0.4rem 0 0;
    position: relative;
    top: 0.4rem;
    left: -0.3rem;
    line-height: 0em;
}

.inquiryBox--buttonCenter .inquiry-box-actions {
    justify-content: center;
}

.inquiry-box-adjustment {
    position: absolute;
    right: 0;
    /* width: 50px;   */
    height: 5rem;
    top: 0;
    text-align: right;
}

.inquiry-box-adjustment-icon {
    position: relative;
    display: inline-block;
    width: 5rem;
    height: 5rem;
    text-align: center;
    line-height: 4.2rem;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0);
    font-weight: bold;
    font-size: 2rem;
    color: #fff;
    z-index: 50;
    margin-left: -1rem;
}
.inquiry-box-title--hidden svg .shp0,
.inquiry-box-adjustment-icon--black svg .shp0 {
    stroke: #000 !important;
}
.inquiry-box-adjustment-icon:hover,
.inquiry-box-adjustment-icon:focus {
    background: rgba(215, 215, 215, 0.1);
    color: #fff;
}
.inquiry-box-adjustment-icon svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.inquiry-box-adjustment-icon svg .shp0 {
    stroke-dasharray: 25, 25;
    stroke-dashoffset: 50;
    transition: all 0.3s ease 0.1s;
}
.inquiry-box-adjustment-icon svg .shp1 {
    stroke-dasharray: 25, 25;
    stroke-dashoffset: 0;
    transition: all 0.3s ease;
}
.inquiry-box-adjustment-icon:hover svg .shp0,
.inquiry-box-adjustment-icon:focus svg .shp0 {
    transition: all 0.3s ease;
    stroke-dashoffset: 0;
}
.inquiry-box-adjustment-icon:hover svg .shp1,
.inquiry-box-adjustment-icon:focus svg .shp1 {
    transition: all 0.3s ease 0.1s;
    stroke-dashoffset: 50;
}

.inquiry-box-content {
    padding: 0rem 2rem;
    /* margin-bottom: 66px; */
    max-height: calc(35rem - 13rem);
    overflow-y: auto;
    user-select: text !important;
    position: relative;
    z-index: 1;
}
.inquiry-box-content img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    margin-bottom: 1rem;
}
.inquiry-box-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* position: absolute;
				bottom: 0;
				left: 0;
				right: 0; */
    width: 100%;
    padding: 1rem 2rem;
    /* background: #eeeeef; */
    border-top: 1px solid #dddddd;
}
.inquiry-box-actions a,
.inquiry-box-actions button {
    margin-left: 5px;
}

.inquiry-box-actions .input:first-child {
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.inquiry-box-actions .input + .button:last-child {
    border-radius: 0 3rem 3rem 0;
    margin-left: 0.5rem;
}

.inquiry-box-actions a:first-child,
.inquiry-box-actions button:first-child {
    margin-left: 0;
}

.inquiry-box-asign {
    margin: 1.5rem -2rem 0;
    padding: 1.5rem 2rem;
    background: #eeeeef;
}

.inquiry-box-content .fluidTabs {
    margin: 1rem -2rem 0;
    padding-top: 0;
}
.inquiry-box-content .fluidTabs .fluidTabs-tab-box .fluidTabs-tab-div .fluidTabs-tab-div {
    padding: 1.5rem;
}

.inquiryBox--top .inquiry-box-in {
    position: fixed;
    top: 2rem;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
}
.inquiryBox--top-left .inquiry-box-in {
    position: fixed;
    top: 2rem;
    bottom: auto;
    left: 2rem;
    right: auto;
    margin: auto;
}
.inquiryBox--top-right .inquiry-box-in {
    position: fixed;
    top: 2rem;
    bottom: auto;
    left: auto;
    right: 2rem;
    margin: auto;
}

.inquiryBox--bottom .inquiry-box-in {
    position: fixed;
    top: auto;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: auto;
}
.inquiryBox--bottom-left .inquiry-box-in {
    position: fixed;
    top: auto;
    bottom: 2rem;
    left: 2rem;
    right: auto;
    margin: auto;
}
.inquiryBox--bottom-right .inquiry-box-in {
    position: fixed;
    top: auto;
    bottom: 2rem;
    left: auto;
    right: 2rem;
    margin: auto;
}

.inquiryBox--onlyText .inquiry-box-content {
    position: relative;
    top: -2.5rem;
}

/* @media only screen and (max-width: 600px) {
    .inquiryBox--top .inquiry-box-in,
    .inquiryBox--top-left .inquiry-box-in,
    .inquiryBox--top-right .inquiry-box-in,
    .inquiryBox--bottom .inquiry-box-in,
    .inquiryBox--bottom-left .inquiry-box-in,
    .inquiryBox--bottom-right .inquiry-box-in {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        position: relative;
    }
    .inquiry-box-content {
        max-height: calc(100vh - 11.1rem) !important;
        height: 100% !important;
    }
} */

/******************************************************************************/

.section {
    display: block;
}
.section-img {
    margin: 1rem 0;
    width: 100%;
    height: 20.1rem;
    display: block;
    background: rgba(100, 100, 100, 0.1);
}
.section-h1 {
    text-align: center;
    font-size: 4rem;
    margin: 10px 0 0 0;
}

.section-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-img img {
    width: 100%;
}

@media only screen and (min-width: 2000px) {
    .section-img {
        height: 25.1rem;
    }
}

/******************************************************************************/

/*
 * Modyfikatory
 */

.-selected {
    border-color: #000;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alignLeft {
    text-align: left;
}
.alignRight {
    text-align: right;
}
.alignCenter {
    text-align: center;
}

.right {
    float: right;
}
.left {
    float: left;
}

.pullLeft {
    float: left;
    margin: 0.7em 0.7em 0.7em 0;
}
.pullRight {
    float: right;
    margin: 0.7em 0 0.7em 0.7em;
}
.pullRight:first-child,
.pullLeft:first-child {
    margin-top: 0;
}

@media only screen and (max-width: 800px) {
    .text .pullRight {
        float: none;
        margin: 0;
    }
}

.pullCenter {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

.movie {
    display: block;
    padding: 56.25% 0 0;
    position: relative;
    width: 100%;
}
.movie > iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* read more link */
.more {
    font-size: 0.9em;
    font-weight: bold;
    padding-left: 5px;
}

/* multiline indent */
.rr {
    display: inline-block;
    vertical-align: top;
}

/* invisible link */
.il {
    color: inherit;
    text-decoration: inherit;
}
.il:hover {
    color: inherit;
    text-decoration: underline;
}

.-big {
    font-size: 2.3rem;
    font-weight: bold;
    line-height: 1.1em;
    color: #811c22;
}

.-mt3 {
    margin-top: 3rem;
}
.-pt0 {
    padding-top: 0;
}
.-mt0 {
    margin-top: 0;
}
.-mt1 {
    margin-top: 1rem;
}
.-mt2 {
    margin-top: 2rem;
}
.-mb0 {
    margin-bottom: 0;
}
.-mb2 {
    margin-bottom: 2rem;
}
.-mb3 {
    margin-bottom: 3rem;
}
.-mb6 {
    margin-bottom: 6rem;
}

.-naturalLink {
    color: #000;
}
.-naturalLink:hover {
    color: #811c22;
    color: var(--brandDark);
}

.-naturalLink:focus-visible {
    color: #811c22;
    color: var(--brandDark);
}

.block {
    display: block;
}
body .hide {
    display: none;
}

.ninja {
    border: 0 !important;
    height: 1px;
    left: -1px;
    margin: 0 !important;
    opacity: 0;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    text-indent: 1px;
    top: -1px;
    width: 1px;
}

.relative {
    position: relative;
}

.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
}

.clearfix::after {
    clear: both;
}

.clear {
    clear: both;
}

.pointer {
    cursor: pointer;
}

.-clickable {
    cursor: pointer;
    user-select: none;
}

/****************************************************************************/

/* FULL HD */

html {
    font-size: 9px;
}

@media only screen and (min-width: 1360px) {
    html {
        font-size: 10px;
    }
}
@media only screen and (min-width: 1500px) {
    html {
        font-size: 11px;
    }
}

/****************************************************************************/

/****************************************************************************\
|********************************** SHOP ************************************|
\****************************************************************************/

/*#inpost input { min-width: 0; padding: 5px 5px; width: 150px; }
#inpost span { display: inline-block; padding: 0 10px; vertical-align: middle; }
#inpost div { display: inline-block; vertical-align: top; }
#inpost select + select { display: block; }
#inpost option.near { background: #EEE; font-weight: bold; }*/

/******************************************************************************/

/*
 * HR
 */
.hr {
    border: 0 solid #ddd;
    display: block;
    margin: 2rem 0;
    padding: 0;
    position: relative;
}
.hr::before {
    border: inherit;
    border-top-width: 1px;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}

.hr--txt {
    overflow: hidden;
    text-align: center;
}
.hr--txt::before {
    display: none;
}
.hr-txt {
    border: inherit;
    position: relative;
}
.hr-txt::before,
.hr-txt::after {
    border: inherit;
    border-top-width: 1px;
    content: '';
    margin: 0 2rem;
    position: absolute;
    top: 50%;
    width: 555%;
}
.hr-txt::before {
    right: 100%;
}
.hr-txt::after {
    left: 100%;
}

.hr--left {
    text-align: right;
}

.hr--right {
    text-align: left;
}

/******************************************************************************/

/*
 * Border, Border Before & Border After
 */
.border,
.borderBefore::before,
.borderAfter::after {
    border: 1px solid #ddd;
}
.borderBefore::before,
.borderAfter::after {
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

/******************************************************************************/

/*
 * Progress Bar
 */
.progressBar {
    margin: 2rem 0;
    position: relative;
    text-align: center;
}
.progressBar-desc {
    color: #c4c4c4;
    margin: 0 0 1rem;
}
.progressBar-progress {
    color: #000;
}
.progressBar-stroke {
    padding: 0rem;
    border-radius: 0.3rem;
    background: rgba(230, 230, 230, 0.514);
    overflow: hidden;
    position: relative;
}
.progressBar-fill {
    height: 0.6rem;
    border-radius: 0.3rem;
    background: #811c22;
    transition: all 0.25s ease;
}

/******************************************************************************/

/*
 * Popup Info
 */
.popupInfo {
    background: #fff;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);
    color: #000;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: normal;
    opacity: 0;
    padding: 2rem;
    max-width: 36rem;
    position: fixed;
    right: 2.5rem;
    left: 2.5rem;
    margin: auto;
    top: 2.5rem;
    text-align: center;
    transition: all 0.25s ease;
    z-index: 99999;
    transform: translateY(-70%);
}
.popupInfo--visible {
    opacity: 1;
    transform: translateY(0%);
}

/******************************************************************************/

/*
 * Popup side
 */
.popupside {
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
    left: auto;
    margin: auto;
    max-width: 75%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 25%;
    transform: translateX(100%);
    transition: all 0.25s ease;
    z-index: 99999;
}
.popupside.-active {
    opacity: 1;
    transform: translateX(0%);
}

.popupside::after {
    bottom: 100%;
    color: #000;
    content: '+';
    cursor: pointer;
    display: inline-block;
    font-size: 2rem;
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    z-index: 5;
}

.popupside-a {
    display: block;
}

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

/******************************************************************************/

/*
 * Price
 */
.price {
    color: var(--brand);
    font-weight: bold;
    white-space: nowrap;
    font-size: 2.1rem;
    text-align: right;
}

.price.price--big {
    text-align: right;
    font-size: 3.5rem;
}

.cartProducts-price {
    color: #000;
    font-size: 1.6rem;
}
.cartProducts-price-details {
    color: #a0a0a0;
    font-size: 1.2rem;
    font-weight: normal;
}

.price--old,
.price-old {
    color: #a8a8a8;
    display: block;
    font-weight: bold;
    font-size: 2.2rem;
    text-decoration: line-through;
}

.price-old + .price-new {
    color: #811c22;
    font-size: 1.9rem;
}

.carousel {
    display: flex;
    overflow: hidden;
    height: 4rem;
    position: relative;
    /* outline: 1px solid #000; */
    /* margin-top: -0.5em; */
}

.carousel-number {
    pointer-events: none;
    position: relative;
    z-index: 1;
    user-select: none;
    line-break: anywhere;
    word-break: break-all;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 4rem;
    display: inline-block;
    width: 2rem;
    text-align: right;
    padding-bottom: 4rem;
    transform: translateY(-44rem);
    will-change: transform;
    transition: transform 0.7s ease-out;
}

.carousel-price {
    user-select: text;
    position: absolute;
    right: 0rem;
    top: 0;
    line-height: 4rem;
    letter-spacing: -0.05rem;
    z-index: 2;
    color: rgba(0, 0, 0, 0);
    /* color: rgba(0, 0, 255, 0.3); */
}

.carousel-currency {
    pointer-events: none;
    position: relative;
    z-index: 1;
    user-select: none;
    display: inline-block;
    text-align: center;
    line-height: 4rem;
    margin-left: 0.15em;
}

/******************************************************************************/

/*
 * Quantity
 */
.quantity {
    display: block;
    /* padding: 0 3.5rem; */
    padding: 0;
    position: relative;
    width: 15rem;
}
.quantity-button {
    font-size: 0.000001rem;
    margin: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    text-align: center;
    top: 0;
    bottom: 0;
    margin: auto 0.5rem;
    width: 2.8rem;
    height: 2.8rem;

    /* background: #c7c7c7; */
    /* border-color: #c7c7c7; */
    border-color: #fff;
    color: #b3b3b3;
    background: #fff;
}
.quantity-button:first-child {
    left: 0;
}
.quantity-button:last-child {
    right: 0;
}
.quantity-button::before,
.quantity-button::after {
    display: block;
    bottom: 0;
    content: '';
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    width: 0;
}
.quantity-button::before {
    width: 1.5rem;
    height: 0.3rem;
    background: #b3b3b3;
}
.quantity-button::after {
    height: 1.5rem;
    width: 0.3rem;
    background: #b3b3b3;
}

.quantity-button:hover::before,
.quantity-button:hover::after,
.quantity-button:focus-visible::before,
.quantity-button:focus-visible::after {
    background: #fff;
}

.quantity-button:first-child::after {
    display: none;
}
.quantity-button .icon {
}
.quantity-input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    /* padding-left: 0.5rem;
    padding-right: 0.5rem; */
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    text-align: center;
    width: 100%;
}
.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/******************************************************************************/

/*
 * Cart Steps
 * /
.steps {
    display: table;
    list-style: none;
    margin: 2rem 0;
    overflow: hidden;
    padding: 0;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
.steps-item {
    color: #C4C4C4;
    display: table-cell;
    padding: 0.8rem 1rem 1.2rem;
    position: relative;
}
    .steps-item:first-child { padding-left: 0; }
    .steps-item:last-child { padding-right: 0; }
    .steps-item--active { color: #000; }
.steps-item::after {
    border-bottom: 0.4rem solid #DDD;
    bottom: 0;
    content: '';
    left: 1rem;
    position: absolute;
    right: 1rem;
}
    .steps-item:first-child::after { left: 0; }
    .steps-item:last-child::after { right: 0; }
    .steps-item--active::after { border-color: #000; }
.steps-name {
    display: block;
    font-weight: normal;
}
.steps-desc {
    display: none;
    font-size: 1.2rem;
}
@media only screen and (max-width: 600px) {
    .steps-item { display: none; }
    .steps-item--active { display: block; }
}

/******************************************************************************/

/*
 * Cart Step
 */
.step {
    margin: 2rem 0;
    overflow: hidden;
    text-align: left;
}
.step-name {
}
.step-desc {
    color: #c4c4c4;
    margin: -0.7rem 8rem 0 0;
    position: relative;
    z-index: 1;
}
.step-progressBar {
    margin: -2rem 0 0;
    text-align: right;
}

/******************************************************************************/

/*
 * Main Cart
 */
.mainCart {
    position: relative;
}
.mainCart-areas {
    font-size: 0.000001rem;
    overflow: visible;
    position: relative;
}
.mainCart-left {
}
.mainCart-right {
    position: sticky;
    top: 0;
}
.mainCart-h {
    margin: 4rem 0 2rem;
}
.mainCart-info {
    background: url('../images/icons/maincart-info.svg') no-repeat 0 0;
    background-size: 2.5rem;
    color: #888;
    font-size: 1.25rem;
    margin: 1.5rem 0;
    min-height: 2.5rem;
    padding: 0 0 0 3.8rem;
    position: relative;
}

@media only screen and (max-width: 1000px) {
    .mainCart-left,
    .mainCart-right {
        display: block;
        position: relative;
        width: auto;
    }
}

/******************************************************************************/

/*
 * Cart Products
*/
.cartProducts {
    border-spacing: 0 1rem;
    display: table;
    table-layout: fixed;

    display: flex;
    flex-direction: column;
    margin-top: -0.5rem;
    /* padding: 2rem 0 0; */
    position: relative;
    width: 100%;
}
.cartProducts-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    opacity: 1;
    position: relative;
    margin: 0.5rem 0;
}
.cartProducts-item--hide {
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s ease;
    margin: -3.35rem 0;
}
.cartProducts-div {
    display: table-cell;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* flex: 1; */
    padding: 1rem;
    position: relative;
    text-align: center;
    /* vertical-align: middle; */
}
.cartProducts-div--image {
    width: calc(2rem + 100px);
}
.cartProducts-div--text {
    text-align: left;
    flex: 1;
}
.cartProducts-div--price {
    text-align: right;
    width: 15%;
}
.cartProducts-div--quantity {
    width: 17rem;
}
.cartProducts-div--total {
    display: none;
    text-align: right;
    width: 15%;
}
.cartProducts-div--remove {
    width: 8%;
    min-width: 5rem;
    align-items: flex-end;
}
.cartProducts-h {
    color: #888;
    display: none;
    font-size: 1.2rem;
}
.cartProducts-item:first-child .cartProducts-h {
    bottom: 100%;
    display: none;
    left: 0;
    margin: 0 0 1rem;
    position: absolute;
    right: 0;
    white-space: nowrap;
}
.cartProducts-a {
    color: #000;
}
.cartProducts-a:hover {
    color: #a8232b;
    text-decoration: none;
}
.cartProducts-image {
    max-width: 100%;
}
.cartProducts-img {
}
.cartProducts-name {
    font-weight: bold;
    text-transform: uppercase;
}
.cartProducts-attr {
    font-weight: normal;
    font-size: 1.4rem;
}
.cartProducts-qty {
    color: #888;
    display: none;
}
.cartProducts-price {
}
.cartProducts-quantity {
    margin: 0 auto;
    width: 12rem;
}
.cartProducts-remove {
}

.cartProducts--fixed {
    /*border-collapse: collapse;*/
    border-spacing: 0;
    /* margin: 0 0 1rem; */
}
.cartProducts--fixed .cartProducts-div--total {
    display: table-cell;
}
.cartProducts--fixed .cartProducts-div--remove {
    display: none;
}
.cartProducts-div--quantity .cartProducts-qty {
    display: block;
}

.cartProducts--mini {
    /*border-collapse: collapse;*/
    margin: -0.5rem 0 1rem;
    max-height: 40rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.cartProducts--mini .cartProducts-item:not(:first-child) .cartProducts-div {
    border-top-width: 0;
}
.cartProducts--mini .cartProducts-div--image {
    width: 7rem;
    min-width: 7rem;
    padding: 0;
}

.cartProducts--mini .cartProducts-div--text {
    width: 53%;
}
.cartProducts--mini .cartProducts-div--price {
    align-self: flex-end;
    width: 12.5rem;
    padding: 1.2rem 1rem;
}
.cartProducts--mini .cartProducts-div--quantity,
.cartProducts--fixed .cartProducts-div--quantity {
    display: none;
}
.cartProducts--mini .cartProducts-div--remove {
    width: 4.5rem;
    padding: 0;
    background: none;
    position: absolute;
    top: -1px;
    right: -1px;
    display: none;
}
.cartProducts--mini .cartProducts-div--remove .cartProducts-remove {
    background: none;
    color: #ccc;
}
.cartProducts--mini .cartProducts-div--remove .cartProducts-remove:hover {
    background: var(--brand);
    color: #fff;
}
.cartProducts--mini .cartProducts-image {
}
.cartProducts--mini .cartProducts-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cartProducts--mini .cartProducts-attr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cartProducts--mini .cartProducts-qty {
    display: block;
}

@media only screen and (max-width: 1000px) {
    .cartProducts--mini {
        display: none !important;
    }
}
@media only screen and (max-width: 800px) {
    .floatContainer {
        bottom: 0 !important;
    }
    .floatContainer ~ .floatContainer {
        bottom: 60px !important;
    }

    .cartProducts {
        border-spacing: 0;
        display: block;
    }
    .cartProducts-item {
        display: block;
        margin: -1px 0 0;
    }
    .cartProducts-div {
        border-width: 0;
        display: inline-block;
        vertical-align: middle;
        margin-right: -0.4rem;
    }
    .cartProducts-div--image {
        width: 25%;
    }
    .cartProducts-div--text {
        vertical-align: middle;
        width: 75%;
    }
    .cartProducts-div--price {
        width: 35%;
    }
    .cartProducts-div--quantity {
        width: 52%;
    }
    .cartProducts-div--total {
        display: none;
    }
    .cartProducts-div--remove {
        position: absolute;
        top: -0.5rem;
        right: -0.5rem;
    }

    .cartProducts--fixed .cartProducts-div--quantity {
        width: 30%;
    }
    .cartProducts--fixed .cartProducts-div--total {
        display: inline-block;
        width: 35%;
    }
}

/*
 * Cart Shipments
 */
.cartShipments {
    position: relative;
}
.cartShipments-item {
    margin: 1rem 0;
    padding: 2rem 11rem 2rem 2rem;
    position: relative;
}
.cartShipments-label {
    cursor: pointer;
    display: block;
    position: static;
}
.cartShipments-label::before {
}
.cartShipments-label.lbl-label--active::before {
    border-color: #000;
}
.cartShipments-text {
    margin-left: 4rem;
}
.cartShipments-name {
    font-weight: bold;
    display: block;
}
.cartShipments-cost {
    color: #888;
    display: block;
    white-space: nowrap;
}
.cartShipments-total {
    display: none;
}
.cartShipments-image {
    height: 4.4rem;
    width: 8.8rem;
    position: absolute;
    right: 1.6rem;
    top: 2.1rem;
}
.cartShipments-img {
    bottom: 0;
    left: 0;
    margin: auto;
    /* max-height: 100%; */
    /* max-width: 100%; */
    width: 8.5rem;
    position: absolute;
    right: 0;
    top: 0;
}
.cartShipments-extension {
    display: none;
    position: relative;
    z-index: 3;
}
.lbl-label--active + .cartShipments-extension {
    display: block;
}

/******************************************************************************/

/*
 * Cart Discounts
 */
.cartDiscounts {
    margin: 0 0 1rem;
    padding: 1rem 2.5rem;
}
.cartDiscounts-h {
    font-size: 1.6rem;
    font-weight: normal;
    margin: 1rem 0;
    padding: 0;
    text-transform: uppercase;
}
.cartDiscounts-inputs {
    margin: 1rem 0;
    position: relative;
    padding-right: 1px;
}
.cartDiscounts-inputs .input {
    padding-right: 14rem;
    border-radius: 1px 3rem 3rem 1px;
}

.cartDiscounts-submit {
    /* font-size: 1.4rem; */
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0.2rem 1rem;
    position: absolute;
    right: 1px;
    width: 10.2rem;
    /* height: 3.6rem; */
    white-space: nowrap;
}
.cartDiscounts-item {
    margin: 1rem 0;
    opacity: 1;
    padding: 0 3rem 0 0;
    position: relative;
}
.cartDiscounts-item--hide {
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s ease;
    margin: -3.35rem 0;
}
.cartDiscounts-name {
}
.cartDiscounts-amount {
    white-space: nowrap;
}
.cartDiscounts-remove {
    position: absolute;
    right: 0;
    top: 0;
}
.cartDiscounts-notice {
    color: #888;
    font-size: 1.5rem;
}

/******************************************************************************/

/*
 * Cart Totals
 */
.cartTotals {
    margin: 0 0 1rem;
    padding: 1rem 2.5rem;
}
.cartTotals-item {
    display: table;
    margin: 1rem 0;
    position: relative;
    width: 100%;
}
.cartTotals-name {
    display: table-cell;
    padding-right: 0.5rem;
    text-align: left;
    vertical-align: middle;
}
.cartTotals-hint {
    color: #c4c4c4;
    display: block;
    font-size: 80%;
    line-height: 1.2;
    padding-right: 1rem;
}
.cartTotals-value {
    display: table-cell;
    padding-left: 0.5rem;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}
.cartTotals .formActions {
    margin: 2rem 0 1rem;
    padding: 0;
}
.cartTotals-button {
    font-size: 2rem;
    font-weight: bold;
}

.cartTotals-img {
    position: relative;
    margin: 3rem auto -1rem;
    padding: 0 1rem;
    text-align: center;
    max-width: 27.5rem;
}
.cartTotals-img img {
    display: inline-block;
}

.cartTotals-boxs {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
    flex-direction: row;
    align-items: flex-start;
    position: absolute;
    /* border: 1px solid red; */
    left: 4%;
    bottom: 19.4%;
    width: 43%;
    align-content: flex-start;
    height: 86%;
}

@keyframes drop {
    0% {
        transform: scale(0.8) translateY(-100%);
        opacity: 0;
    }
    50% {
        transform: scale(1) translateY(-110%);
        opacity: 1;
    }
    100% {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

.cartTotals-boxitem {
    display: inline-block;
    background: #cf9a68;
    height: 33%;
    width: 31%;
    margin: 0.1rem;

    animation: drop 0.8s cubic-bezier(1, 1.47, 0.24, 0.86) 1;
}

.cartTotals-boxitem:nth-child(4n + 3) {
    background: #b6804f;
}

/******************************************************************************/

/*
 * User Box
 */
.userBox {
    padding: 1.5rem;
    position: relative;
}
.userBox-h {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 1rem 0 2rem;
    padding: 0;
    text-align: center;
}
.userBox-or {
    color: #888;
    font-size: 1.8rem;
    margin: 1rem 0;
}
.userBox-txt {
    font-size: 2.2rem;
    margin: 2rem 0 1rem;
    text-align: center;
}
.userBox-ico {
    color: #888;
    display: block;
    margin: 1rem 0;
    min-height: 4rem;
    padding: 1rem 0 1rem 7rem;
}
.userBox-ico--1 {
    background: url('../images/icons/userbox-ico--1.svg') no-repeat 0 center;
    background-size: 4.9rem auto;
}
.userBox-ico--2 {
    background: url('../images/icons/userbox-ico--2.svg') no-repeat 1.3rem center;
    background-size: 3.2rem auto;
}
.userBox-ico--3 {
    background: url('../images/icons/userbox-ico--3.svg') no-repeat 1.2rem center;
    background-size: 3.3rem auto;
}
.userBox-ico--4 {
    background: url('../images/icons/userbox-ico--4.svg') no-repeat 1.4rem center;
    background-size: 3rem;
}
.userBox .formActions {
    margin: 2rem 0 1rem;
    padding: 0;
}
.userBox-forgot {
    clear: right;
    float: left;
    font-size: 1.4rem;
    margin: -1.5rem 0 1.5rem;
}

/******************************************************************************/

/*
 * TPAY
 */
.payment-label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin: 0 -0.4rem 0 0;
    padding: 1.5rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 16.66%;
}
.payment-label input {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}
.payment-label .img {
    display: block;
    height: 7.5rem;
    opacity: 0.66;
    position: relative;
}
.payment-label:hover .img,
.payment-label input:checked + .img {
    opacity: 1;
}
.payment-label img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.payment-label .name {
    display: block;
    line-height: 1.6rem;
    min-height: 3.2rem;
    padding: 0.5rem 0 0;
    color: #811c22;
}

.payment-label .name:before {
    content: '';
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
    border: 0.1rem solid #d6d6d6;
}
.payment-label input:checked + .img + .name:before {
    border: 0.2rem solid #811c22;
}

@media only screen and (max-width: 1000px) {
    .payment-label {
        width: 25%;
    }
}
@media only screen and (max-width: 480px) {
    .payment-label {
        width: 50%;
    }
    .section-h1 {
        font-size: 3.2rem;
    }
}

/****************************************************************************/

/*
* Sharers
*/
.sharers {
    margin: 1.5rem 0;
    position: relative;
    text-align: center;
}
.sharers--fixed {
    background: #fff;
    -webkit-box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.25);
    display: none;
    left: 0;
    margin: 0;
    position: fixed;
    top: 33%;
    width: 4.4rem;
    z-index: 11;
}

.sharers-txt {
    display: block;
    margin: 1rem 0;
    padding: 0;
    text-align: center;
}
.sharers--fixed .sharers-txt {
    display: none;
}

.sharers-a {
    background: #f5f5f5 no-repeat center;
    background-size: 2.2rem auto;
    color: #000;
    display: inline-block;
    font-size: 2.2rem;
    height: 4.4rem;
    line-height: 4.4rem;
    margin: 0.5rem;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    vertical-align: top;
    width: 15rem;
}
.sharers-a:hover {
    color: #811c22;
    filter: invert(1);
    text-decoration: none;
}
.sharers--fixed .sharers-a {
    background-size: 1.8rem auto;
    display: block;
    font-size: 1.8rem;
    margin: 0;
    width: auto;
}
.sharers-a--facebook {
    background-image: url('../images/socials/facebook.svg');
}
.sharers-a--linkedin {
    background-image: url('../images/socials/linkedin.svg');
}
.sharers-a--pinterest {
    background-image: url('../images/socials/pinterest.svg');
}
.sharers-a--twitter {
    background-image: url('../images/socials/twitter.svg');
}
.sharers-a--x {
    background-image: url('../images/socials/x.svg');
}

@media only screen and (min-width: 600px) {
    .sharers--fixed {
        display: block;
    }
}

/****************************************************************************/

.dataprocessing {
    display: block;
    line-height: 1.2;
    text-align: left;
}
/*.dataprocessing .dp-law { display: block; margin: 0 0 5px; opacity: 0.8; }
.dataprocessing .dp-lbl { display: inline-block; }
.dataprocessing .dp-inf { display: block; }
.dataprocessing .dp-dsc { display: block; }*/
.mfp-bg {
    z-index: 21042;
}
.whiteBackground .mfp-content {
    min-height: 0;
}
.mfp-wrap {
    z-index: 21043;
}
.mfp-content ul {
    margin: 0 0 0 25px;
    padding: 0;
}
.mfp-content ul > li {
    list-style: disc;
    margin: 0;
    padding: 1px 0;
}
.mfp-content ol {
    margin: 0 0 0 25px;
    padding: 0;
}
.mfp-content ol > li {
    list-style: decimal;
    margin: 0;
    padding: 1px 0;
}

/****************************************************************************/

.inpost {
    padding-left: 30px;
}

/* INPOST GEOWIDGET FIX */
.easypack-widget .search-widget .search-group {
    padding: 10px !important;
}
.easypack-widget input[type='search'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.easypack-widget .search-group-btn {
    height: 60px !important;
}
.easypack-widget .type-filter {
    display: none !important;
}
.easypack-widget ul li {
    background: none;
}
.widget-modal .ball-spin-fade-loader-mp {
    left: 0;
    top: 0;
}
.widget-modal .easypack-widget:not(.mobile) {
    overflow: auto !important;
}
.widget-modal .easypack-widget .search-widget .search-group-btn:not(.with-filters) {
    width: 1% !important;
}
.widget-modal
    .easypack-widget.mobile
    .search-widget
    .search-group-btn:not(.with-filters) {
    width: auto !important;
}

.pp {
    padding-left: 30px;
}

.dpd {
    padding-left: 30px;
}

/****************************************************************************/

@keyframes autofill {
    0% {
    }
    100% {
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    animation-name: autofill;
    border: 1px solid #000;
    /* -webkit-text-fill-color: #000; */
    -webkit-box-shadow: 0 0 0px 2rem rgba(0, 0, 0, 0),
        0 0 0px 20rem rgb(255, 255, 255) inset, 0 0 0px 0.2rem rgb(212, 212, 212) inset;
    transition: box-shadow 0.5s ease-in-out 0.5s;
    transition: -webkit-box-shadow 0.5s ease-in-out 0.5s;
}

/****************************************************************************/

.no-js * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/******************************************************************************/

::-moz-selection {
    color: #fff;
    background: #9e222a;
}

::selection {
    color: #fff;
    background: #9e222a;
}

* {
    /*-webkit-backface-visibility:  hidden;*/
    -webkit-tap-highlight-color: transparent;
}

button:active,
button:focus {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* FAQ FAQ FAQ */

.faq {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.faq-header {
    color: #811c22;
    font-size: 1.6rem;
    font-weight: 600;
    border-top: 1px solid #e1e1e1;
    padding: 5px 0;
}

.faq-content {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: 10px;
    padding: 0 5px;
    color: rgb(0, 0, 1);
}

p:has(> iframe) {
    position: relative !important;
    padding-bottom: 56.25% !important;
}

p:has(> iframe) > iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.faq-content iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* test * /
.label {
    padding: 0;
}
.label-name {
    display: block;
    float: none;
    font-size: 0.8em;
    font-weight: bolder;
    margin: 0;
    opacity: 0.25;
    padding: 0.75em 0 0.1em;
    text-align: inherit;
    text-transform: uppercase;
    width: auto;
}
.label-value {
    display: block;
    padding: 0.1em 0 0.75em;
}
*/

/* ======= SLIDER PRODUKTÓW NA LIŚCIE ======= */
@media (max-width: 702px){
    .productItem-dots{
        display: flex;
        justify-content: center;
        gap: 6px;
        margin-top: 5px;
    }

    .productItem-dot{
        width:6px;
        height:6px;
        border-radius:50%;
        background:#d0d0d0;
    }

    .productItem-dot.is-active{
        background:var(--brand);
    }
    
    .productItem-img{
        position: relative;
        overflow: hidden;
    }
    
    .productItem-img > img{
        display:block;
        width:100%;
        height:100%;
        object-fit:contain;
    }
    
    .productItem-img .slide-layer{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        object-fit:contain;
        pointer-events:none;
        z-index:2;
        background:#fff;
    }
    
    .productItem-img.is-animating{
        pointer-events:none;
    }
    
    .productItem-img .slide-enter-right{
        transform:translateX(100%);
    }
    
    .productItem-img .slide-enter-left{
        transform:translateX(-100%);
    }
    
    .productItem-img .slide-center{
        transition:transform .22s ease;
        transform:translateX(0);
    }
    
    .productItem-img .slide-exit-left{
        transition:transform .22s ease;
        transform:translateX(-100%);
    }
    
    .productItem-img .slide-exit-right{
        transition:transform .22s ease;
        transform:translateX(100%);
    }

    .productItem:has(.productItem-dot.is-active) .productItem-img::before,
    .productItem:has(.productItem-dot.is-active) .productItem-img::after{
        content:'';
        position:absolute;
        z-index:999;
        top:50%;
        display: block;
        width: 1.7rem;
        height: 1.7rem;
        border: 2px solid rgba(0,0,0,0.1);
        border-width: 0 2px 2px 0;
        transition: all .2s ease-out;
    }
    .productItem:has(.productItem-dot.is-active) .productItem-img::before{
        left:10px;
        transform: translateY(.2rem) rotate(135deg);
    }
    .productItem:has(.productItem-dot.is-active) .productItem-img::after{
        right:10px;
        transform: translateY(.2rem) rotate(-45deg);
    }
}

/* ================================================================== 
============================== SITEMAP ============================== 
===================================================================== */

ul.sitemap li{
    position:relative;
    margin-left:15px;
    padding:2px 0;
}
ul.sitemap ul:before,
ul.sitemap li:before{
    content:'';
    position:absolute;
    width:5px;
    height:5px;
    background:#811c22;
    top:10px;
    left:-10px;
    border-radius:50%;
}
ul.sitemap ul:before{
    position:absolute;
    width:7px;
    height:7px;
    border: solid 2px #811c22;
    background:white;
    top:8px;
    left:-11px;
    border-radius:50%;
}
ul.sitemap li ul{
    margin-left:4px;
}

ul.sitemap li ul li{
    margin-left:12px;
}

ul.sitemap li ul li ul{
    margin-left:16px;
}