@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

details,
main {
    display: block
}

h1 {
    margin: .67em 0
}

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

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

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)*-1);
    margin-right: calc(var(--bs-gutter-x)/-2);
    margin-left: calc(var(--bs-gutter-x)/-2)
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/2);
    padding-left: calc(var(--bs-gutter-x)/2);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1450px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xxl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xxl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xxl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xxl-11 {
        margin-left: 91.6666666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1450px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #9f9f9f
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #343434;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dedede;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not(:-moz-read-only) {
    cursor: pointer
}

.form-control[type=file]:not(:disabled):not(:-moz-read-only),
.form-control[type=file]:not(:disabled):not(:read-only) {
    cursor: pointer
}

.form-control:focus {
    color: #343434;
    background-color: #fff;
    border-color: #e09098;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(192, 32, 49, .25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-moz-placeholder {
    color: #9f9f9f;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #9f9f9f;
    opacity: 1
}

.form-control::placeholder {
    color: #9f9f9f;
    opacity: 1
}

.form-control:-moz-read-only {
    background-color: #f5f5f5;
    opacity: 1
}

.form-control:disabled,
.form-control:read-only {
    background-color: #f5f5f5;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #343434;
    background-color: #f5f5f5;
    pointer-events: none;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 0 solid;
    border-color: inherit
}

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

    .form-control,
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not(:-moz-read-only)::file-selector-button {
    background-color: #e9e9e9
}

.form-control:hover:not(:disabled):not(:read-only)::file-selector-button {
    background-color: #e9e9e9
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #343434;
    background-color: #f5f5f5;
    pointer-events: none;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 0 solid;
    border-color: inherit
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not(:read-only)::-webkit-file-upload-button {
    background-color: #e9e9e9
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #343434;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    max-width: 3rem;
    height: auto;
    padding: .375rem
}

.form-control-color:not(:disabled):not(:-moz-read-only) {
    cursor: pointer
}

.form-control-color:not(:disabled):not(:-moz-read-only),
.form-control-color:not(:disabled):not(:read-only) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #343434;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343434' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #dedede;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-select:focus {
    border-color: #e09098;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(192, 32, 49, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #f5f5f5
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #343434
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: 1px solid rgba(17, 17, 17, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #e09098;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(192, 32, 49, .25)
}

.form-check-input:checked {
    background-color: #c02031;
    border-color: #c02031
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23FFF'/%3E%3C/svg%3E")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #c02031;
    border-color: #c02031;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
    background-position: 0;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e09098'/%3E%3C/svg%3E")
}

.form-switch .form-check-input:checked {
    background-position: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFF'/%3E%3C/svg%3E")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(192, 32, 49, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(192, 32, 49, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #c02031;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #ecbcc1
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #ededed;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #c02031;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #ecbcc1
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #ededed;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #ccc
}

.form-range:disabled::-moz-range-thumb {
    background-color: #ccc
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    padding: 1rem .75rem
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control:-ms-input-placeholder {
    color: transparent
}

.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-ms-input-placeholder),
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:-moz-placeholder-shown)~label,
.form-floating>.form-control:not(:-ms-input-placeholder)~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #343434;
    text-align: center;
    white-space: nowrap;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-radius: .25rem
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #00715c
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(0, 113, 92, .9);
    border-radius: .25rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #00715c;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300715C' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #00715c;
    box-shadow: 0 0 0 .25rem rgba(0, 113, 92, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #00715c
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343434' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300715C' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: #00715c;
    box-shadow: 0 0 0 .25rem rgba(0, 113, 92, .25)
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #00715c
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #00715c
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(0, 113, 92, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #00715c
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #ed420f
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(237, 66, 15, .9);
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #ed420f;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ED420F'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ED420F' stroke='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #ed420f;
    box-shadow: 0 0 0 .25rem rgba(237, 66, 15, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #ed420f
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343434' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ED420F'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ED420F' stroke='none'/%3E%3C/svg%3E");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #ed420f;
    box-shadow: 0 0 0 .25rem rgba(237, 66, 15, .25)
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #ed420f
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: #ed420f
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(237, 66, 15, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #ed420f
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
    z-index: 3
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #00639a;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

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

    .form-floating>label,
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: #0082d7
}

.nav-link.disabled {
    color: #9f9f9f;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #ededed
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #f5f5f5 #f5f5f5 #ededed;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #9f9f9f;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #666;
    background-color: #fff;
    border-color: #ededed #ededed #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #c02031
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.btn,
.button,
.dropdown__btn,
.pagination__btn,
.pagination__nav,
.unit-switcher__btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #343434;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

    .btn,
    .button,
    .dropdown__btn,
    .pagination__btn,
    .pagination__nav,
    .unit-switcher__btn {
        transition: none
    }
}

.btn:hover,
.button:hover,
.dropdown__btn:hover,
.pagination__btn:hover,
.pagination__nav:hover,
.unit-switcher__btn:hover {
    color: #343434
}

.btn-check:focus+.btn,
.btn-check:focus+.button,
.btn-check:focus+.dropdown__btn,
.btn-check:focus+.pagination__btn,
.btn-check:focus+.pagination__nav,
.btn-check:focus+.unit-switcher__btn,
.btn:focus,
.button:focus,
.dropdown__btn:focus,
.pagination__btn:focus,
.pagination__nav:focus,
.unit-switcher__btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(192, 32, 49, .25)
}

.btn.disabled,
.btn:disabled,
.button:disabled,
.disabled.button,
.disabled.dropdown__btn,
.disabled.pagination__btn,
.disabled.pagination__nav,
.disabled.unit-switcher__btn,
.dropdown__btn:disabled,
.pagination__btn:disabled,
.pagination__nav:disabled,
.unit-switcher__btn:disabled,
fieldset:disabled .btn,
fieldset:disabled .button,
fieldset:disabled .dropdown__btn,
fieldset:disabled .pagination__btn,
fieldset:disabled .pagination__nav,
fieldset:disabled .unit-switcher__btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary,
.button.primary {
    color: #fff;
    background-color: #c02031;
    border-color: #c02031
}

.btn-primary:hover,
.button.primary:hover {
    color: #fff;
    background-color: #a31b2a;
    border-color: #9a1a27
}

.btn-check:focus+.btn-primary,
.btn-check:focus+.button.primary,
.btn-primary:focus,
.button.primary:focus {
    color: #fff;
    background-color: #a31b2a;
    border-color: #9a1a27;
    box-shadow: 0 0 0 .25rem rgba(201, 65, 80, .5)
}

.active.button.primary,
.btn-check:active+.btn-primary,
.btn-check:active+.button.primary,
.btn-check:checked+.btn-primary,
.btn-check:checked+.button.primary,
.btn-primary.active,
.btn-primary:active,
.button.primary:active,
.show>.btn-primary.dropdown-toggle,
.show>.dropdown-toggle.button.primary {
    color: #fff;
    background-color: #9a1a27;
    border-color: #901825
}

.active.button.primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-check:active+.button.primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-check:checked+.button.primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.button.primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.show>.dropdown-toggle.button.primary:focus {
    box-shadow: 0 0 0 .25rem rgba(201, 65, 80, .5)
}

.btn-primary.disabled,
.btn-primary:disabled,
.button.primary:disabled,
.disabled.button.primary {
    color: #fff;
    background-color: #c02031;
    border-color: #c02031
}

.btn-secondary {
    color: #111;
    background-color: #a39c95;
    border-color: #a39c95
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus,
.btn-secondary:hover {
    color: #111;
    background-color: #b1aba5;
    border-color: #aca6a0
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(141, 135, 129, .5)
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    color: #111;
    background-color: #b5b0aa;
    border-color: #aca6a0
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(141, 135, 129, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #111;
    background-color: #a39c95;
    border-color: #a39c95
}

.btn-success {
    color: #fff;
    background-color: #00715c;
    border-color: #00715c
}

.btn-check:focus+.btn-success,
.btn-success:focus,
.btn-success:hover {
    color: #fff;
    background-color: #00604e;
    border-color: #005a4a
}

.btn-check:focus+.btn-success,
.btn-success:focus {
    box-shadow: 0 0 0 .25rem rgba(38, 134, 116, .5)
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #005a4a;
    border-color: #005545
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(38, 134, 116, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #00715c;
    border-color: #00715c
}

.btn-info {
    color: #fff;
    background-color: #00639a;
    border-color: #00639a
}

.btn-check:focus+.btn-info,
.btn-info:focus,
.btn-info:hover {
    color: #fff;
    background-color: #005483;
    border-color: #004f7b
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    box-shadow: 0 0 0 .25rem rgba(38, 122, 169, .5)
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #004f7b;
    border-color: #004a74
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(38, 122, 169, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #00639a;
    border-color: #00639a
}

.btn-warning {
    color: #fff;
    background-color: #bf8200;
    border-color: #bf8200
}

.btn-check:focus+.btn-warning,
.btn-warning:focus,
.btn-warning:hover {
    color: #fff;
    background-color: #a26f00;
    border-color: #996800
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(201, 149, 38, .5)
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #996800;
    border-color: #8f6200
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(201, 149, 38, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #fff;
    background-color: #bf8200;
    border-color: #bf8200
}

.btn-danger {
    color: #fff;
    background-color: #ed420f;
    border-color: #ed420f
}

.btn-check:focus+.btn-danger,
.btn-danger:focus,
.btn-danger:hover {
    color: #fff;
    background-color: #c9380d;
    border-color: #be350c
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(240, 94, 51, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #be350c;
    border-color: #b2320b
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(240, 94, 51, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #ed420f;
    border-color: #ed420f
}

.btn-light {
    color: #111;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-check:focus+.btn-light,
.btn-light:focus,
.btn-light:hover {
    color: #111;
    background-color: #fbfbfb;
    border-color: #fbfbfb
}

.btn-check:focus+.btn-light,
.btn-light:focus {
    box-shadow: 0 0 0 .25rem hsla(0, 0%, 84.3%, .5)
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
    color: #111;
    background-color: #fbfbfb;
    border-color: #fbfbfb
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0, 0%, 84.3%, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #111;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-dark {
    color: #fff;
    background-color: #232323;
    border-color: #232323
}

.btn-check:focus+.btn-dark,
.btn-dark:focus,
.btn-dark:hover {
    color: #fff;
    background-color: #1e1e1e;
    border-color: #1c1c1c
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(68, 68, 68, .5)
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1c1c1c;
    border-color: #1a1a1a
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(68, 68, 68, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #232323;
    border-color: #232323
}

.btn-outline-primary {
    color: #c02031;
    border-color: #c02031
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #c02031;
    border-color: #c02031
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(192, 32, 49, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: #c02031;
    border-color: #c02031
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(192, 32, 49, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #c02031;
    background-color: transparent
}

.btn-outline-secondary {
    color: #a39c95;
    border-color: #a39c95
}

.btn-outline-secondary:hover {
    color: #111;
    background-color: #a39c95;
    border-color: #a39c95
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(163, 156, 149, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    color: #111;
    background-color: #a39c95;
    border-color: #a39c95
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(163, 156, 149, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #a39c95;
    background-color: transparent
}

.btn-outline-success {
    color: #00715c;
    border-color: #00715c
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #00715c;
    border-color: #00715c
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(0, 113, 92, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
    color: #fff;
    background-color: #00715c;
    border-color: #00715c
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
    box-shadow: 0 0 0 .25rem rgba(0, 113, 92, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #00715c;
    background-color: transparent
}

.btn-outline-info {
    color: #00639a;
    border-color: #00639a
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #00639a;
    border-color: #00639a
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(0, 99, 154, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
    color: #fff;
    background-color: #00639a;
    border-color: #00639a
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
    box-shadow: 0 0 0 .25rem rgba(0, 99, 154, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #00639a;
    background-color: transparent
}

.btn-outline-warning {
    color: #bf8200;
    border-color: #bf8200
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #bf8200;
    border-color: #bf8200
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(191, 130, 0, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
    color: #fff;
    background-color: #bf8200;
    border-color: #bf8200
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
    box-shadow: 0 0 0 .25rem rgba(191, 130, 0, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #bf8200;
    background-color: transparent
}

.btn-outline-danger {
    color: #ed420f;
    border-color: #ed420f
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ed420f;
    border-color: #ed420f
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(237, 66, 15, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
    color: #fff;
    background-color: #ed420f;
    border-color: #ed420f
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
    box-shadow: 0 0 0 .25rem rgba(237, 66, 15, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #ed420f;
    background-color: transparent
}

.btn-outline-light {
    color: #fafafa;
    border-color: #fafafa
}

.btn-outline-light:hover {
    color: #111;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem hsla(0, 0%, 98%, .5)
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
    color: #111;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
    box-shadow: 0 0 0 .25rem hsla(0, 0%, 98%, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #fafafa;
    background-color: transparent
}

.btn-outline-dark {
    color: #232323;
    border-color: #232323
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #232323;
    border-color: #232323
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(35, 35, 35, .5)
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
    color: #fff;
    background-color: #232323;
    border-color: #232323
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
    box-shadow: 0 0 0 .25rem rgba(35, 35, 35, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #232323;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #00639a;
    text-decoration: underline
}

.btn-link:hover {
    color: #0082d7
}

.btn-link.disabled,
.btn-link:disabled {
    color: #9f9f9f
}

.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.btn-group,
.btn-group-vertical,
.unit-switcher {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group-vertical>.unit-switcher__btn,
.btn-group>.btn,
.btn-group>.unit-switcher__btn,
.unit-switcher>.btn,
.unit-switcher>.unit-switcher__btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.active.unit-switcher__btn,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:checked+.unit-switcher__btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn-check:focus+.unit-switcher__btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.unit-switcher__btn:active,
.btn-group-vertical>.unit-switcher__btn:focus,
.btn-group-vertical>.unit-switcher__btn:hover,
.btn-group>.active.unit-switcher__btn,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:checked+.unit-switcher__btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn-check:focus+.unit-switcher__btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover,
.btn-group>.unit-switcher__btn:active,
.btn-group>.unit-switcher__btn:focus,
.btn-group>.unit-switcher__btn:hover,
.unit-switcher>.active.unit-switcher__btn,
.unit-switcher>.btn-check:checked+.btn,
.unit-switcher>.btn-check:checked+.unit-switcher__btn,
.unit-switcher>.btn-check:focus+.btn,
.unit-switcher>.btn-check:focus+.unit-switcher__btn,
.unit-switcher>.btn.active,
.unit-switcher>.btn:active,
.unit-switcher>.btn:focus,
.unit-switcher>.btn:hover,
.unit-switcher>.unit-switcher__btn:active,
.unit-switcher>.unit-switcher__btn:focus,
.unit-switcher>.unit-switcher__btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child),
.btn-group>.unit-switcher:not(:first-child),
.btn-group>.unit-switcher__btn:not(:first-child),
.unit-switcher>.btn-group:not(:first-child),
.unit-switcher>.btn:not(:first-child),
.unit-switcher>.unit-switcher:not(:first-child),
.unit-switcher>.unit-switcher__btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn-group:not(:last-child)>.unit-switcher__btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.unit-switcher:not(:last-child)>.btn,
.btn-group>.unit-switcher:not(:last-child)>.unit-switcher__btn,
.btn-group>.unit-switcher__btn:not(:last-child):not(.dropdown-toggle),
.unit-switcher>.btn-group:not(:last-child)>.btn,
.unit-switcher>.btn-group:not(:last-child)>.unit-switcher__btn,
.unit-switcher>.btn:not(:last-child):not(.dropdown-toggle),
.unit-switcher>.unit-switcher:not(:last-child)>.btn,
.unit-switcher>.unit-switcher:not(:last-child)>.unit-switcher__btn,
.unit-switcher>.unit-switcher__btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn-group:not(:first-child)>.unit-switcher__btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>.unit-switcher:not(:first-child)>.btn,
.btn-group>.unit-switcher:not(:first-child)>.unit-switcher__btn,
.btn-group>.unit-switcher__btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn,
.btn-group>:not(.btn-check)+.unit-switcher__btn,
.unit-switcher>.btn-group:not(:first-child)>.btn,
.unit-switcher>.btn-group:not(:first-child)>.unit-switcher__btn,
.unit-switcher>.btn:nth-child(n+3),
.unit-switcher>.unit-switcher:not(:first-child)>.btn,
.unit-switcher>.unit-switcher:not(:first-child)>.unit-switcher__btn,
.unit-switcher>.unit-switcher__btn:nth-child(n+3),
.unit-switcher>:not(.btn-check)+.btn,
.unit-switcher>:not(.btn-check)+.unit-switcher__btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-group-sm>.unit-switcher__btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-group-lg>.unit-switcher__btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.unit-switcher,
.btn-group-vertical>.unit-switcher__btn {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.unit-switcher:not(:first-child),
.btn-group-vertical>.unit-switcher__btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn-group:not(:last-child)>.unit-switcher__btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.unit-switcher:not(:last-child)>.btn,
.btn-group-vertical>.unit-switcher:not(:last-child)>.unit-switcher__btn,
.btn-group-vertical>.unit-switcher__btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.unit-switcher__btn,
.btn-group-vertical>.btn~.btn,
.btn-group-vertical>.btn~.unit-switcher__btn,
.btn-group-vertical>.unit-switcher:not(:first-child)>.btn,
.btn-group-vertical>.unit-switcher:not(:first-child)>.unit-switcher__btn,
.btn-group-vertical>.unit-switcher__btn~.btn,
.btn-group-vertical>.unit-switcher__btn~.unit-switcher__btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #c02031
}

.link-primary:focus,
.link-primary:hover {
    color: #9a1a27
}

.link-secondary {
    color: #a39c95
}

.link-secondary:focus,
.link-secondary:hover {
    color: #b5b0aa
}

.link-success {
    color: #00715c
}

.link-success:focus,
.link-success:hover {
    color: #005a4a
}

.link-info {
    color: #00639a
}

.link-info:focus,
.link-info:hover {
    color: #004f7b
}

.link-warning {
    color: #bf8200
}

.link-warning:focus,
.link-warning:hover {
    color: #996800
}

.link-danger {
    color: #ed420f
}

.link-danger:focus,
.link-danger:hover {
    color: #be350c
}

.link-light {
    color: #fafafa
}

.link-light:focus,
.link-light:hover {
    color: #fbfbfb
}

.link-dark {
    color: #232323
}

.link-dark:focus,
.link-dark:hover {
    color: #1c1c1c
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.85714%
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1450px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

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

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(17, 17, 17, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(17, 17, 17, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(17, 17, 17, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #ededed !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #ededed !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #ededed !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #ededed !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #ededed !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #c02031 !important
}

.border-secondary {
    border-color: #a39c95 !important
}

.border-success {
    border-color: #00715c !important
}

.border-info {
    border-color: #00639a !important
}

.border-warning {
    border-color: #bf8200 !important
}

.border-danger {
    border-color: #ed420f !important
}

.border-light {
    border-color: #fafafa !important
}

.border-dark {
    border-color: #232323 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

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

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

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

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

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

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mx-n1 {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important
}

.mx-n2 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
}

.mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important
}

.my-n1 {
    margin-top: -.25rem !important;
    margin-bottom: -.25rem !important
}

.my-n2 {
    margin-top: -.5rem !important;
    margin-bottom: -.5rem !important
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}

.mt-n1 {
    margin-top: -.25rem !important
}

.mt-n2 {
    margin-top: -.5rem !important
}

.mt-n3 {
    margin-top: -1rem !important
}

.mt-n4 {
    margin-top: -1.5rem !important
}

.mt-n5 {
    margin-top: -3rem !important
}

.me-n1 {
    margin-right: -.25rem !important
}

.me-n2 {
    margin-right: -.5rem !important
}

.me-n3 {
    margin-right: -1rem !important
}

.me-n4 {
    margin-right: -1.5rem !important
}

.me-n5 {
    margin-right: -3rem !important
}

.mb-n1 {
    margin-bottom: -.25rem !important
}

.mb-n2 {
    margin-bottom: -.5rem !important
}

.mb-n3 {
    margin-bottom: -1rem !important
}

.mb-n4 {
    margin-bottom: -1.5rem !important
}

.mb-n5 {
    margin-bottom: -3rem !important
}

.ms-n1 {
    margin-left: -.25rem !important
}

.ms-n2 {
    margin-left: -.5rem !important
}

.ms-n3 {
    margin-left: -1rem !important
}

.ms-n4 {
    margin-left: -1.5rem !important
}

.ms-n5 {
    margin-left: -3rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: 2.5rem !important
}

.fs-2 {
    font-size: 2rem !important
}

.fs-3 {
    font-size: 1.75rem !important
}

.fs-4 {
    font-size: 1.5rem !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

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

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

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

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    color: #c02031 !important
}

.text-secondary {
    color: #a39c95 !important
}

.text-success {
    color: #00715c !important
}

.text-info {
    color: #00639a !important
}

.text-warning {
    color: #bf8200 !important
}

.text-danger {
    color: #ed420f !important
}

.text-light {
    color: #fafafa !important
}

.text-dark {
    color: #232323 !important
}

.text-white {
    color: #fff !important
}

.text-body {
    color: #343434 !important
}

.text-muted {
    color: #9f9f9f !important
}

.text-black-50 {
    color: rgba(17, 17, 17, .5) !important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5) !important
}

.text-reset {
    color: inherit !important
}

.bg-primary {
    background-color: #c02031 !important
}

.bg-secondary {
    background-color: #a39c95 !important
}

.bg-success {
    background-color: #00715c !important
}

.bg-info {
    background-color: #00639a !important
}

.bg-warning {
    background-color: #bf8200 !important
}

.bg-danger {
    background-color: #ed420f !important
}

.bg-light {
    background-color: #fafafa !important
}

.bg-dark {
    background-color: #232323 !important
}

.bg-body,
.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important
}

.rounded-end,
.rounded-top {
    border-top-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-end {
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-start {
    border-bottom-left-radius: .25rem !important
}

.rounded-start {
    border-top-left-radius: .25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mx-sm-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-sm-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-sm-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-sm-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-sm-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-sm-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-sm-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-sm-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-sm-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-sm-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-sm-n1 {
        margin-top: -.25rem !important
    }

    .mt-sm-n2 {
        margin-top: -.5rem !important
    }

    .mt-sm-n3 {
        margin-top: -1rem !important
    }

    .mt-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mt-sm-n5 {
        margin-top: -3rem !important
    }

    .me-sm-n1 {
        margin-right: -.25rem !important
    }

    .me-sm-n2 {
        margin-right: -.5rem !important
    }

    .me-sm-n3 {
        margin-right: -1rem !important
    }

    .me-sm-n4 {
        margin-right: -1.5rem !important
    }

    .me-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-sm-n3 {
        margin-bottom: -1rem !important
    }

    .mb-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ms-sm-n1 {
        margin-left: -.25rem !important
    }

    .ms-sm-n2 {
        margin-left: -.5rem !important
    }

    .ms-sm-n3 {
        margin-left: -1rem !important
    }

    .ms-sm-n4 {
        margin-left: -1.5rem !important
    }

    .ms-sm-n5 {
        margin-left: -3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

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

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

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

    .h1.hero,
    h1.hero {
        font-size: 2.5rem;
        line-height: 3.5rem
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mx-md-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-md-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-md-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-md-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-md-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-md-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-md-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-md-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-md-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-md-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-md-n1 {
        margin-top: -.25rem !important
    }

    .mt-md-n2 {
        margin-top: -.5rem !important
    }

    .mt-md-n3 {
        margin-top: -1rem !important
    }

    .mt-md-n4 {
        margin-top: -1.5rem !important
    }

    .mt-md-n5 {
        margin-top: -3rem !important
    }

    .me-md-n1 {
        margin-right: -.25rem !important
    }

    .me-md-n2 {
        margin-right: -.5rem !important
    }

    .me-md-n3 {
        margin-right: -1rem !important
    }

    .me-md-n4 {
        margin-right: -1.5rem !important
    }

    .me-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-md-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-md-n3 {
        margin-bottom: -1rem !important
    }

    .mb-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-md-n5 {
        margin-bottom: -3rem !important
    }

    .ms-md-n1 {
        margin-left: -.25rem !important
    }

    .ms-md-n2 {
        margin-left: -.5rem !important
    }

    .ms-md-n3 {
        margin-left: -1rem !important
    }

    .ms-md-n4 {
        margin-left: -1.5rem !important
    }

    .ms-md-n5 {
        margin-left: -3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

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

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

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

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mx-lg-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-lg-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-lg-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-lg-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-lg-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-lg-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-lg-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-lg-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-lg-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-lg-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-lg-n1 {
        margin-top: -.25rem !important
    }

    .mt-lg-n2 {
        margin-top: -.5rem !important
    }

    .mt-lg-n3 {
        margin-top: -1rem !important
    }

    .mt-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mt-lg-n5 {
        margin-top: -3rem !important
    }

    .me-lg-n1 {
        margin-right: -.25rem !important
    }

    .me-lg-n2 {
        margin-right: -.5rem !important
    }

    .me-lg-n3 {
        margin-right: -1rem !important
    }

    .me-lg-n4 {
        margin-right: -1.5rem !important
    }

    .me-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-lg-n3 {
        margin-bottom: -1rem !important
    }

    .mb-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ms-lg-n1 {
        margin-left: -.25rem !important
    }

    .ms-lg-n2 {
        margin-left: -.5rem !important
    }

    .ms-lg-n3 {
        margin-left: -1rem !important
    }

    .ms-lg-n4 {
        margin-left: -1.5rem !important
    }

    .ms-lg-n5 {
        margin-left: -3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

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

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

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

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mx-xl-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-xl-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-xl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-xl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-xl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-xl-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-xl-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-xl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-xl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-xl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-xl-n1 {
        margin-top: -.25rem !important
    }

    .mt-xl-n2 {
        margin-top: -.5rem !important
    }

    .mt-xl-n3 {
        margin-top: -1rem !important
    }

    .mt-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xl-n5 {
        margin-top: -3rem !important
    }

    .me-xl-n1 {
        margin-right: -.25rem !important
    }

    .me-xl-n2 {
        margin-right: -.5rem !important
    }

    .me-xl-n3 {
        margin-right: -1rem !important
    }

    .me-xl-n4 {
        margin-right: -1.5rem !important
    }

    .me-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-xl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ms-xl-n1 {
        margin-left: -.25rem !important
    }

    .ms-xl-n2 {
        margin-left: -.5rem !important
    }

    .ms-xl-n3 {
        margin-left: -1rem !important
    }

    .ms-xl-n4 {
        margin-left: -1.5rem !important
    }

    .ms-xl-n5 {
        margin-left: -3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

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

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

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

@media (min-width:1450px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .m-xxl-n1 {
        margin: -.25rem !important
    }

    .m-xxl-n2 {
        margin: -.5rem !important
    }

    .m-xxl-n3 {
        margin: -1rem !important
    }

    .m-xxl-n4 {
        margin: -1.5rem !important
    }

    .m-xxl-n5 {
        margin: -3rem !important
    }

    .mx-xxl-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-xxl-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-xxl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-xxl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-xxl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-xxl-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-xxl-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-xxl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-xxl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-xxl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-xxl-n1 {
        margin-top: -.25rem !important
    }

    .mt-xxl-n2 {
        margin-top: -.5rem !important
    }

    .mt-xxl-n3 {
        margin-top: -1rem !important
    }

    .mt-xxl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xxl-n5 {
        margin-top: -3rem !important
    }

    .me-xxl-n1 {
        margin-right: -.25rem !important
    }

    .me-xxl-n2 {
        margin-right: -.5rem !important
    }

    .me-xxl-n3 {
        margin-right: -1rem !important
    }

    .me-xxl-n4 {
        margin-right: -1.5rem !important
    }

    .me-xxl-n5 {
        margin-right: -3rem !important
    }

    .mb-xxl-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-xxl-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-xxl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xxl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xxl-n5 {
        margin-bottom: -3rem !important
    }

    .ms-xxl-n1 {
        margin-left: -.25rem !important
    }

    .ms-xxl-n2 {
        margin-left: -.5rem !important
    }

    .ms-xxl-n3 {
        margin-left: -1rem !important
    }

    .ms-xxl-n4 {
        margin-left: -1.5rem !important
    }

    .ms-xxl-n5 {
        margin-left: -3rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

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

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

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

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #111
}

.bs-tooltip-auto[data-popper-placement^=right],
.bs-tooltip-end {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #111
}

.bs-tooltip-auto[data-popper-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #111
}

.bs-tooltip-auto[data-popper-placement^=left],
.bs-tooltip-start {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #111
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #111;
    border-radius: .25rem
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #9f9f9f
}

:root {
    font-size: 1em
}

body {
    margin: 0;
    font-family: Roboto, sans-serif;
    color: #343434
}

.h1,
h1 {
    font-size: 1.75rem;
    line-height: 2.375rem
}

@media (min-width:576px) {

    .h1,
    h1 {
        font-size: 2.25rem;
        line-height: 3.125rem
    }
}

.h2,
h2 {
    font-size: 1.563rem;
    line-height: 2.188rem
}

@media (min-width:576px) {

    .h2,
    h2 {
        font-size: 2rem;
        line-height: 2.75rem
    }
}

.h3,
h3 {
    font-size: 1.375rem;
    line-height: 1.875rem
}

@media (min-width:576px) {

    .h3,
    h3 {
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

.h4,
h4 {
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media (min-width:576px) {

    .h4,
    h4 {
        font-size: 1.625rem;
        line-height: 2.25rem
    }
}

.h5,
h5 {
    font-size: 1.125rem;
    line-height: 1.563rem
}

@media (min-width:576px) {

    .h5,
    h5 {
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

.h6,
h6 {
    font-size: 1.063rem;
    line-height: 1.5rem
}

@media (min-width:576px) {

    .h6,
    h6 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.container p.lead,
.container p .lead {
    font-size: 1.125rem;
    line-height: 1.5625rem
}

.container p {
    font-size: 1rem;
    line-height: 1.4375rem
}

.container p.small,
.container p .small,
.container p small {
    font-size: .875rem;
    line-height: 1.25rem
}

.container .small,
.container small {
    font-size: .75rem;
    line-height: 1.0625rem
}

.container label,
container .label {
    font-size: .75rem;
    line-height: 1rem
}

@font-face {
    font-family: Nucleo;
    src: url(/assets/fonts/Nucleo.eot);
    src: url(/assets/fonts/Nucleo.eot) format("embedded-opentype"), url(/assets/fonts/Nucleo.woff2) format("woff2"), url(/icons/fonts/Nucleo.woff) format("woff"), url(/icons/fonts/Nucleo.ttf) format("truetype"), url(/icons/fonts/Nucleo.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon,
.lang__link--active:after,
.steps__step--complete .steps__indicator,
i {
    display: inline-block;
    font: 1em/1 Nucleo;
    color: inherit;
    flex-shrink: 0;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-sm {
    font-size: .8em
}

.icon-lg {
    font-size: 1.2em
}

.icon-16 {
    font-size: 16px
}

.icon-32 {
    font-size: 32px
}

.icon-is-spinning {
    -webkit-animation: icon-spin 1s linear infinite;
    animation: icon-spin 1s linear infinite
}

@-webkit-keyframes icon-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes icon-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.icon-rotate-90 {
    transform: rotate(90deg)
}

.icon-rotate-180 {
    transform: rotate(180deg)
}

.icon-rotate-270 {
    transform: rotate(270deg)
}

.icon-flip-y {
    transform: scaleY(-1)
}

.icon-flip-x {
    transform: scaleX(-1)
}

.icon-view:before {
    content: "\ea02"
}

.icon-time-machine:before {
    content: "\ea03"
}

.icon-delivery-fast:before {
    content: "\ea04"
}

.icon-bag-add-21:before {
    content: "\ea05"
}

.icon-print:before {
    content: "\ea06"
}

.icon-zoom:before {
    content: "\ea07"
}

.icon-credit-card:before {
    content: "\ea08"
}

.icon-paper:before {
    content: "\ea09"
}

.icon-check:before {
    content: "\ea0a"
}

.icon-warning-sign:before {
    content: "\ea0b"
}

.icon-c-warning:before {
    content: "\ea0c"
}

.icon-bullet-list-67:before {
    content: "\ea0d"
}

.icon-book-open-2:before {
    content: "\ea0e"
}

.icon-file-2:before {
    content: "\ea0f"
}

.icon-zoom-in:before {
    content: "\ea12"
}

.icon-btn-play-1:before {
    content: "\ea16"
}

.icon-left-arrow:before {
    content: "\ea17"
}

.icon-right-arrow:before {
    content: "\ea18"
}

.icon-arrow-up:before {
    content: "\ea19"
}

.icon-arrow-down:before {
    content: "\ea1a"
}

.icon-e-add:before {
    content: "\ea1b"
}

.icon-e-remove:before {
    content: "\ea1c"
}

.icon-take-off:before {
    content: "\ea1d"
}

.icon-cart:before {
    content: "\ea1e"
}

.icon-pin-3:before {
    content: "\ea1f"
}

.icon-user:before {
    content: "\ea20"
}

.icon-crosshair:before {
    content: "\ea21"
}

.icon-info:before {
    content: "\ea22"
}

.icon-down-arrow:before {
    content: "\ea23"
}

.icon-up-arrow:before {
    content: "\ea24"
}

.icon-arrow-left:before {
    content: "\ea25"
}

.icon-arrow-right:before {
    content: "\ea26"
}

.icon-e-delete:before {
    content: "\ea27"
}

.icon-c-delete:before {
    content: "\ea28"
}

.icon-c-add:before {
    content: "\ea29"
}

.icon-c-question:before {
    content: "\ea2a"
}

.icon-star:before {
    content: "\ea2c"
}

.icon-logo-facebook:before {
    content: "\ea2d"
}

.icon-logo-instagram:before {
    content: "\ea2e"
}

.icon-logo-linkedin:before {
    content: "\ea2f"
}

.icon-logo-youtube:before {
    content: "\ea30"
}

.icon-zoom-out:before {
    content: "\ea31"
}

.icon-menu-8:before {
    content: "\ea32"
}

.icon-data-upload:before {
    content: "\ea33"
}

.icon-data-download:before {
    content: "\ea34"
}

.icon-pencil:before {
    content: "\ea35"
}

.icon-mail:before {
    content: "\ea36"
}

.icon-phone:before {
    content: "\ea37"
}

.icon-a-chat:before {
    content: "\ea38"
}

.icon-globe:before {
    content: "\ea39"
}

.icon-logo-twitter:before {
    content: "\ea3a"
}

.icon-img:before {
    content: "\ea3b"
}

.icon-attach:before {
    content: "\ea3c"
}

.icon-trash:before {
    content: "\ea3d"
}

.icon-bookmark:before {
    content: "\ea3e"
}

.icon-bookmark-1:before {
    content: "\ea3f"
}

.icon-star-1:before {
    content: "\ea40"
}

.icon-box-3d-50:before {
    content: "\ea41"
}

.icon-tag:before {
    content: "\ea42"
}

.icon-gear:before {
    content: "\ea43"
}

.icon-measure-17:before {
    content: "\ea44"
}

.icon-network-communication:before {
    content: "\ea45"
}

.icon-compass-05:before {
    content: "\ea46"
}

.icon-send-message:before {
    content: "\ea47"
}

.icon-phone-button:before {
    content: "\ea48"
}

.icon-video:before {
    content: "\ea49"
}

.icon-menu-5:before {
    content: "\ea4a"
}

.icon-thumb-up:before {
    content: "\ea4c"
}

.icon-thumb-down:before {
    content: "\ea4d"
}

.icon-cockade:before {
    content: "\ea4e"
}

.icon-file-edit:before {
    content: "\ea4f"
}

.icon-book-bookmark:before {
    content: "\ea50"
}

.icon-headphones-mic:before {
    content: "\ea51"
}

.icon-circle-caret-right:before {
    content: "\ea52"
}

.icon-bulb-63:before {
    content: "\ea53"
}

.icon-audio-jack:before {
    content: "\ea54"
}

.icon-engine:before {
    content: "\ea55"
}

.icon-flask:before {
    content: "\ea56"
}

.icon-bag-50:before {
    content: "\ea57"
}

.icon-pipe:before {
    content: "\ea58"
}

.icon-calendar-2:before {
    content: "\ea59"
}

.icon-launch-app:before {
    content: "\ea5a"
}

.icon-grid-interface:before {
    content: "\ea5b"
}

.icon-hide:before {
    content: "\ea5c"
}

.icon-automated-logistics:before {
    content: "\ea5d"
}

.icon-car-simple:before {
    content: "\ea5e"
}

.icon-drop:before {
    content: "\ea5f"
}

.icon-b-meeting:before {
    content: "\ea60"
}

.icon-award-49:before {
    content: "\ea61"
}

.icon-meeting:before {
    content: "\ea62"
}

.icon-news:before {
    content: "\ea63"
}

i {
    position: relative
}

* {
    box-sizing: border-box
}

@media (max-width:575.98px) {

    body.menu-mobile-open,
    body.menu-open {
        overflow: hidden;
        padding-right: 0
    }
}

.primary,
.red {
    color: #c02031
}

.container {
    max-width: 1140px
}

.banner-experts__button.button:after,
.banner-home__link:after,
.banner-samples__link:after,
.catalog__link:after,
.category-item__link:after,
.industry-item__link:after,
.product__link:after,
.shop-by-industry__link:after,
.tile-icon__text:after,
.tile-solutions__link:after,
.tile__text:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dropdown__item>*,
.dropdown__selected,
.lang__link,
.simple-typeahead__list-item>*,
.user-dropdown__link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.account__container,
.blog__container,
.breadcrumbs,
.cart,
.catalog-request,
.checkout,
.eg-home__wrapper,
.empty-cart,
.footer-c__container,
.footer__container,
.login,
.menu-icon__container,
.menu-service__container,
.menu__container,
.offer__container,
.part-finder__breadcrumbs-list,
.part-finder__container,
.part-results__container,
.recovery,
.register,
.sales-rep,
.sales-rep-form,
.search-page__container,
.section-app,
.section-articles,
.section-banner,
.section-banners,
.section-caps,
.section-catalog__container,
.section-catalogs,
.section-detail,
.section-explore,
.section-faq,
.section-help__container,
.section-home,
.section-home-banners,
.section-industry-top__container,
.section-intro,
.section-masking,
.section-materials,
.section-partner__button,
.section-partner__container,
.section-partner__list,
.section-parts,
.section-products,
.section-quality-management,
.section-quote__container,
.section-series,
.section-serve,
.section-shop,
.section-solutions,
.section-sub,
.section-tile-banners,
.section-video-tabs,
.section-videos,
.section__container,
.series,
.shop-by-industry,
.subcategory {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
    --bs-gutter-x: 0.95rem;
    max-width: 1140px
}

.cart,
.catalog-request,
.checkout {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {

    .cart,
    .catalog-request,
    .checkout {
        flex-direction: row
    }

    .cart__content,
    .catalog-request__content,
    .checkout__content {
        flex-grow: 1
    }

    .cart__side,
    .catalog-request__side,
    .checkout__side {
        min-width: 18rem;
        width: 18rem
    }
}

@media (min-width:992px) {

    .cart__side,
    .catalog-request__side,
    .checkout__side {
        min-width: 21.875rem;
        width: 21.875rem
    }
}

.dropdown--form-view .dropdown__caption,
.input__label,
.part-info-form__label,
.promo-code__label,
.quantity-inc__label,
.range__caption,
.regular-modal__subtitle,
.series-modal__subtitle {
    display: block;
    margin: 0 .5rem .5rem 0;
    width: auto;
    color: #666;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase
}

.filter-mobile,
.menu-mobile__scroll,
.modal {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.filter-mobile::-webkit-scrollbar,
.menu-mobile__scroll::-webkit-scrollbar,
.modal::-webkit-scrollbar {
    display: none
}

a {
    background-color: transparent;
    color: #00639a;
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline;
    transition: all .3s ease-out;
}

a:hover {
    color: #0082d7
}

.accordion-footer__link>*,
.address-form__cancel>*,
.addresses-add__back,
.banner-samples__link,
.banner__link,
.cart-icon,
.dropdown__item>*,
.footer-c__link>*,
.footer-info__link>*,
.footer-info__socials>*,
.header__contacts>*,
.header__link,
.icon-text-button,
.lang__link,
.menu-icon__link,
.menu-mobile__contact>a,
.menu-mobile__link,
.menu-service__item>*,
.menu__link,
.payment-form__cancel>*,
.resources__item,
.section-articles__link,
.section-catalogs__link,
.section-intro__link,
.section-series__link,
.section-sub__list>*,
.section-video-tabs__link,
.section-videos__link,
.simple-typeahead__list-item>*,
.tile-account,
.tile-explore,
.tile-icon__text,
.tile-solutions__link,
.tile__text,
.user-dropdown__link {
    color: currentColor;
    font-weight: inherit;
    text-decoration: none
}

.accordion-footer__link>:hover,
.address-form__cancel>:hover,
.addresses-add__back:hover,
.banner-samples__link:hover,
.banner__link:hover,
.cart-icon:hover,
.dropdown__item>:hover,
.footer-c__link>:hover,
.footer-info__link>:hover,
.footer-info__socials>:hover,
.header__contacts>:hover,
.header__link:hover,
.icon-text-button:hover,
.lang__link:hover,
.menu-icon__link:hover,
.menu-mobile__contact>a:hover,
.menu-mobile__link:hover,
.menu-service__item>:hover,
.menu__link:hover,
.payment-form__cancel>:hover,
.resources__item:hover,
.section-articles__link:hover,
.section-catalogs__link:hover,
.section-intro__link:hover,
.section-series__link:hover,
.section-sub__list>:hover,
.section-video-tabs__link:hover,
.section-videos__link:hover,
.simple-typeahead__list-item>:hover,
.tile-account:hover,
.tile-explore:hover,
.tile-icon__text:hover,
.tile-solutions__link:hover,
.tile__text:hover,
.user-dropdown__link:hover {
    color: currentColor
}

.products__title,
.purchasing__title,
.series-items__title {
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap
}

.products__title span,
.purchasing__title span,
.series-items__title span {
    margin: 0 .25rem 0 0;
    color: #c02031;
    font-weight: 700
}

.checkbox__message,
.dropdown__message,
.input__message,
.payment__account-message,
.promo-code__message,
.shipping__account-message,
.simple-typeahead__message {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.checkbox__message--error {
    color: #ed420f
}

.checkbox__message--warning {
    color: #bf8200
}

.checkbox__message--info {
    color: #00639a
}

.checkbox__message--success {
    color: #00715c
}

.header__list,
.menu-mobile__list,
.section-materials__list,
.section-solutions__list,
.steps,
.tabs {
    padding: 0;
    margin: 0;
    list-style: none
}

.accordion-bordered__btn,
.header-mobile__menu-button,
.icon-text-button,
.lang__btn,
.product-diagram-button,
.quantity-inc__btn,
.support-button,
.tabs__button {
    border: none;
    background: 0 0;
    padding: 0;
    cursor: pointer
}

[disabled].accordion-bordered__btn,
[disabled].header-mobile__menu-button,
[disabled].icon-text-button,
[disabled].lang__btn,
[disabled].product-diagram-button,
[disabled].quantity-inc__btn,
[disabled].support-button,
[disabled].tabs__button {
    pointer-events: none
}

.address-card__indicator,
.payment-card__indicator,
.radio-tile__indicator,
.radio__indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 1px solid #9f9f9f;
    background-color: #fff;
    cursor: pointer
}

.address-card__indicator:before,
.payment-card__indicator:before,
.radio-tile__indicator:before,
.radio__indicator:before {
    display: block;
    width: .75rem;
    height: .75rem;
    border: none;
    border-radius: 50%;
    background-color: #c02031
}

.banner__link,
.menu-icon__link,
.menu__link,
.section-articles__link,
.section-catalogs__link,
.section-series__link,
.section-video-tabs__link,
.section-videos__link {
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

.banner__link>i,
.menu-icon__link>i,
.menu__link>i,
.section-articles__link>i,
.section-catalogs__link>i,
.section-series__link>i,
.section-video-tabs__link>i,
.section-videos__link>i {
    margin-left: .4rem;
    font-size: .75rem;
    font-weight: 700
}

.address-card__foot,
.payment-card__foot,
.review-card__foot {
    display: flex;
    align-items: center;
    padding: 1rem 1rem 0;
    border-top: 1px solid #ccc
}

.address-card__foot>.icon-text-button,
.payment-card__foot>.icon-text-button,
.review-card__foot>.icon-text-button {
    margin: 0 0 0 auto
}

.address-card__foot>.icon-text-button>.icon-pencil,
.payment-card__foot>.icon-text-button>.icon-pencil,
.review-card__foot>.icon-text-button>.icon-pencil {
    left: .2rem
}

.address-card__foot>.icon-text-button>.icon-cart,
.payment-card__foot>.icon-text-button>.icon-cart,
.review-card__foot>.icon-text-button>.icon-cart {
    top: calc(50% - .5rem);
    left: -.3rem;
    font-size: 1rem
}

.address-card__tag,
.payment-card__tag,
.review-card__tag {
    display: inline-block;
    padding: .45rem 1rem;
    height: 1.75rem;
    border-radius: 10rem;
    background-color: #ededed;
    font-size: .75rem;
    font-weight: 500
}

.open-orders__note {
    display: flex;
    flex-direction: row;
    font-size: .875rem;
    line-height: 1.25rem
}

.open-orders__note>i {
    margin: 0 .6rem 0 0;
    color: #00639a;
    font-size: 1.25rem
}

.add-card__back,
.choose-address__back,
.order-detail__back {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.add-card__back>i,
.choose-address__back>i,
.order-detail__back>i {
    top: 3px;
    margin: 0 .95rem 0 .15rem;
    font-size: 1.125rem
}

.part-style__back {
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.part-style__back>i {
    top: 1px;
    margin: 0 .3rem;
    font-size: .875rem
}

.banner-samples__img,
.section-masking__video {
    background-image: var(--bg)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {

    .banner-samples__img,
    .section-masking__video {
        background-image: var(--bg-2x)
    }
}

.form-group a {
    font-size: .88rem
}

.a-checkbox-align {
    text-align: right
}

.block-info {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center
}

.block-info i {
    font: 32px/1.5 Nucleo;
    top: .7rem
}

.block-info .button {
    margin-top: 1.5rem
}

@media (min-width:576px) {
    .block-info {
        text-align: left
    }

    .block-info i {
        font: 32px/1.5 Nucleo;
        top: .7rem
    }
}

.container li {
    line-height: 1.5rem
}

.link-image {
    text-align: center
}

.link-image img {
    max-height: 28.13rem;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.select-option {
    position: relative;
    display: inline-block;
    padding: 0 .95rem;
    height: 2.35rem;
    width: auto;
    background: 0 0;
    border-radius: 4px;
    color: #343434;
    font-size: .875rem;
    font-weight: 700;
    line-height: 2.35rem;
    text-transform: none;
    cursor: pointer;
    box-shadow: 0 0 0 1px #ccc;
    transition: .15s
}

.select-option--active {
    background-color: rgba(192, 32, 49, .08);
    box-shadow: 0 0 0 2px #c02031
}

.select-option:hover {
    box-shadow: 0 0 0 1px #c02031
}

.select-option--color {
    padding: 0 1rem 0 1.9rem
}

.select-option svg {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    stroke: #ccc;
    stroke-width: 1
}

.select-option--disabled {
    color: rgba(52, 52, 52, .4);
    cursor: auto;
    pointer-events: none
}

.select-option--disabled svg {
    display: block
}

.select-option__color {
    position: absolute;
    top: calc(50% - .3rem);
    left: .85rem;
    display: block;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background-color: currentColor;
    border: 1px solid currentColor
}

.select-option--disabled .select-option__color {
    opacity: .4
}

.select-option>i {
    top: .25rem;
    left: .1rem;
    margin: 0 .5rem 0 0;
    font-size: 1.15rem
}

.button {
    border: 1px solid currentColor;
    background: 0 0;
    font-weight: 700;
    text-transform: uppercase
}

.button.full-width {
    width: 100%
}

.button.large {
    padding: .844rem 1.5rem;
    font-size: 1.125rem
}

.button.medium {
    padding: .688rem 1rem;
    font-size: 1rem
}

.button.small {
    padding: .375rem 1rem;
    font-size: .875rem;
    line-height: 1.4rem
}

.button.small i {
    top: 3px;
    margin: 0 .55rem 0 -.3rem
}

.button.primary-dark {
    color: #fff;
    background-color: #343434;
    border-color: #343434
}

.button.primary-dark:hover {
    background-color: #232323
}

.button.secondary {
    color: #c02031
}

.button.secondary:hover {
    background-color: #9f1c33;
    color: #fff
}

.button.secondary-dark {
    color: #343434;
    border: 1px solid #343434
}

.button.secondary-dark:hover {
    color: #fff;
    background-color: #343434
}

.button.secondary-return {
    color: #00715c;
    border: 1px solid #00715c
}

.button.secondary-return:hover {
    color: #fff;
    background-color: #00715c
}

.button[disabled] {
    opacity: .32
}

.button i {
    top: 2px;
    margin: 0 .5rem 0 -.1rem;
    font-size: 1rem
}

input[type=number],
input[type=password],
input[type=text] {
    display: inline-block;
    padding: .75rem 1rem;
    height: 3rem;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #343434;
    font-size: .938rem;
    font-weight: 500
}

input[type=number]:focus-visible,
input[type=password]:focus-visible,
input[type=text]:focus-visible {
    border-color: #c02031;
    outline: 0
}

input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=text]::-moz-placeholder {
    color: #666;
    opacity: 1;
    font-weight: 400
}

input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder {
    color: #666;
    opacity: 1;
    font-weight: 400
}

input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=text]::placeholder {
    color: #666;
    opacity: 1;
    font-weight: 400
}

input[type=number]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder {
    color: #666;
    font-weight: 400
}

input[type=number]:disabled,
input[type=password]:disabled,
input[type=text]:disabled {
    background-color: #fafafa;
    border-color: #ededed;
    color: #9f9f9f
}

input[type=number]:disabled::-moz-placeholder,
input[type=password]:disabled::-moz-placeholder,
input[type=text]:disabled::-moz-placeholder {
    opacity: .5
}

input[type=number]:disabled::placeholder,
input[type=password]:disabled::placeholder,
input[type=text]:disabled::placeholder {
    opacity: .5
}

input[type=number]:disabled:-ms-input-placeholder,
input[type=password]:disabled:-ms-input-placeholder,
input[type=text]:disabled:-ms-input-placeholder {
    opacity: .5
}

input[type=number]:disabled::-ms-input-placeholder,
input[type=password]:disabled::-ms-input-placeholder,
input[type=text]:disabled::-ms-input-placeholder {
    opacity: .5
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    padding: .75rem 3rem .75rem 1rem;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: .938rem;
    font-weight: 500;
    line-height: 1.5rem;
    resize: none
}

textarea:focus-visible {
    border-color: #c02031;
    outline: 0
}

hr {
    box-sizing: content-box;
    overflow: visible;
    display: block;
    background-color: #ededed;
    border: none;
    height: 1px
}

.color-swatch {
    display: inline-block;
    padding: 0;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 4px;
    border: 1px solid currentColor;
    background-color: currentColor;
    background-size: cover;
    background-position: 50%;
    box-sizing: border-box
}

.color-swatch.sm {
    height: 1rem;
    width: 1rem
}

.support-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 2.5rem;
    border-radius: 4px 4px 0 0;
    background-color: #c02031;
    color: #fff;
    font-size: 1rem;
    font-weight: 700
}

.support-button i {
    color: #fff;
    font-size: 1.5rem
}

.support-button span {
    display: none
}

@media (min-width:992px) {
    .support-button {
        justify-content: space-between;
        padding: 0 1.25rem 0 1rem;
        width: 14.75rem
    }

    .support-button span {
        display: block
    }
}

.product-diagram-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 4px;
    background-color: #c02031;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: uppercase
}

.product-diagram-button i {
    color: #fff
}

.product-diagram-button span {
    display: none
}

@media (min-width:768px) {
    .product-diagram-button {
        padding: 0 2rem 0 1.5rem;
        width: auto
    }

    .product-diagram-button span {
        display: block;
        margin: 0 0 0 .75rem
    }
}

.icon-text-button {
    position: relative;
    padding: .375rem 0 .375rem 1.4rem;
    color: #343434;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left
}

.icon-text-button--thin {
    padding: 0 0 0 1.15rem
}

.icon-text-button:hover {
    color: #0082d7;
    text-decoration: underline;
    text-underline-position: under
}

.icon-text-button i {
    position: absolute;
    top: calc(50% - .4rem);
    left: 0;
    color: #343434;
    font-size: .84rem
}

.has-super-header {
    margin-top: 0
}

.super-header {
    margin-bottom: 4px;
    margin-top: 0
}

.left-border-red {
    background-color: #ededed;
    border-radius: 4px;
    padding: .3rem .3rem .3rem 1.7rem;
    border-left: 4px solid #c02031
}

.left-border-red p {
    font-size: .88rem;
    margin: 0;
    line-height: 34px
}

.left-border-red p i {
    font: 20px/1.5 Nucleo;
    top: .7rem;
    left: -2.2rem
}

.left-border-red p i:before {
    position: relative;
    top: .2rem;
    right: 3px
}

.indicators {
    padding-top: 1.5rem
}

.indicators .indicator {
    float: left;
    width: 24px;
    height: 4px;
    margin-right: .5rem;
    background-color: #dedede;
    border-radius: 3.5px
}

.indicators .indicator.active {
    background-color: #c02031
}

.container .nav-tabs .nav-link {
    padding: 0 1px 1rem;
    margin: 1rem 1.5rem 0 0;
    border: 0;
    border-radius: 0;
    font-weight: 700;
    color: #343434
}

.container .nav-tabs .nav-link.active {
    border: 0;
    border-bottom: 3px solid #c02031;
    color: #c02031
}

.container .tab-content {
    margin-top: 1.5rem
}

.related-product-card {
    padding: 1.5rem;
    background-color: #fff;
    border: 1px solid #ededed;
    font-size: 14px
}

.related-product-card img {
    max-width: 100%
}

.related-product-card .prod-title {
    font-size: 16px;
    line-height: 20px
}

.related-product-card .short-desc {
    font-size: 14px;
    margin: .31rem auto
}

.related-product-card .prod-link {
    margin-top: 1rem;
    display: block;
    position: relative;
    bottom: 0
}

.unit-switcher__btn {
    padding: 0 .8rem;
    height: 1.75rem;
    min-width: 4.75rem;
    background-color: #fff;
    border: 1px solid #dedede;
    font-size: .75rem;
    font-weight: 500;
    color: #343434
}

.unit-switcher__btn--active {
    background-color: #faeeef;
    box-shadow: none;
    border: 2px solid #c02031;
    color: #343434
}

.unit-switcher__btn:not(:first-child) {
    margin-left: 0 !important
}

.checkbox {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: auto;
    color: #343434;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox input {
    display: none
}

.checkbox input:not(:disabled)~* {
    cursor: pointer
}

.checkbox__indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .5rem 0 0;
    min-width: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 3px;
    border: 1px solid #9f9f9f;
    background-color: #fff;
    transition: .15s
}

.checkbox:hover>input:not(:disabled)+.checkbox__indicator {
    border-color: #c02031
}

input:checked+.checkbox__indicator {
    border-radius: 2px;
    border-color: #c02031;
    background-color: #c02031;
    color: #fff
}

.checkbox:hover input:checked+.checkbox__indicator {
    background-color: #9f1c33
}

input:checked+.checkbox__indicator:before {
    content: "";
    font: 1em/1 Nucleo
}

.checkbox__color {
    margin: .125rem .5rem .125rem 0
}

.checkbox__caption {
    max-width: calc(100% - 1.75rem);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.3rem
}

.checkbox__caption span {
    margin: 0 0 0 .3rem;
    color: #666;
    font-weight: 400
}

.checkbox__message {
    padding: .25rem 0 0 1.75rem;
    min-width: 100%;
    cursor: unset
}

.units {
    display: flex;
    flex-wrap: wrap;
    padding: .7rem;
    background-color: rgba(163, 156, 149, .16)
}

.units__item {
    margin: .8rem
}

@media (min-width:576px) {
    .units {
        display: block;
        padding: 1.6rem 1.5rem 1.5rem
    }

    .units__item {
        margin: 0 0 1.13rem
    }

    .units__item:last-child {
        margin: 0
    }
}

.units__name {
    font-size: .75rem;
    white-space: nowrap;
    text-transform: uppercase
}

.units__value {
    margin: .6rem 0 0;
    font-size: 1rem;
    font-weight: 700
}

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

.quantity__input {
    margin: 0 .5rem 0 0;
    width: 5.938rem;
    border-radius: 4px
}

.quantity__text {
    font-size: .875rem;
    line-height: 1.25rem
}

.quantity-inc__container {
    position: relative;
    display: flex;
    align-items: stretch
}

.quantity-inc input {
    order: 2;
    padding: .75rem .25rem;
    width: 4rem;
    text-align: center
}

.quantity-inc input:not(:disabled) {
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0
}

.quantity-inc input:disabled {
    color: #343434
}

.quantity-inc input:focus-visible {
    border-color: #ccc
}

.quantity-inc__btn {
    position: relative;
    padding: 0;
    min-width: 2.25rem;
    width: 2.25rem;
    background-color: rgba(0, 113, 92, .75);
    color: #fff
}

.quantity-inc__btn:not(:last-child) {
    order: 1;
    border-radius: .25rem 0 0 .25rem
}

.quantity-inc__btn:last-child {
    order: 3;
    border-radius: 0 .25rem .25rem 0
}

.quantity-inc__btn i {
    font-size: .75rem
}

.quantity-inc__btn[disabled] {
    background-color: #ccc;
    pointer-events: none
}

input:disabled~.quantity-inc__btn {
    display: none
}

.info-item {
    position: relative;
    padding: .75rem 2rem .5rem 3rem;
    background-color: rgba(163, 156, 149, .1)
}

.info-item i {
    position: absolute;
    top: .75rem;
    left: 1.25rem;
    font-size: 1.125rem;
    color: #c02031
}

.info-item__title {
    max-width: 11.625rem;
    font-size: .875rem;
    font-weight: 700
}

.info-item__description {
    margin: .2rem 0 0;
    max-width: 11.625rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.1rem
}

@media (min-width:768px) {
    .info-item {
        padding: 1.25rem 1.5rem .95rem 3rem
    }

    .info-item i {
        top: 1.15rem
    }

    .info-item__description {
        margin: .4rem 0 0
    }
}

.view-switcher {
    display: flex
}

.view-switcher__btn {
    margin: 0 0 0 .6rem;
    padding: 0;
    border: none;
    background: 0 0;
    color: #343434;
    cursor: pointer
}

.view-switcher__btn i {
    font-size: 1.125rem
}

.view-switcher__btn--active i {
    color: #c02031
}

.range {
    display: flex;
    margin: 0 -.25rem
}

.range__item {
    padding: 0 .25rem;
    width: 50%
}

.range__caption {
    font-weight: 500
}

.range input {
    width: 100%
}

.radio {
    display: flex;
    align-items: center;
    width: auto;
    text-transform: none;
    font-size: .875rem;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio input {
    display: none
}

.radio input:disabled~* {
    pointer-events: none
}

.radio:hover>input:not(:disabled)+.radio__indicator,
input:checked+.radio__indicator {
    border-color: #c02031
}

input:checked+.radio__indicator:before {
    content: ""
}

.radio:hover .radio__indicator:before {
    background-color: #9f1c33
}

.radio__caption {
    margin: 0 0 0 .5rem;
    cursor: pointer
}

.radio-tile {
    display: block;
    cursor: pointer
}

.radio-tile input {
    display: none
}

.radio-tile input:disabled~* {
    pointer-events: none
}

.radio-tile__container {
    display: flex;
    align-items: center;
    padding: 1.1rem 1rem 1rem;
    border-radius: .25rem;
    border: 1px solid #ccc
}

input:checked+.radio-tile__container {
    border-color: #c02031;
    box-shadow: 0 0 11px rgba(0, 0, 0, .2)
}

input:checked+.radio-tile__container>.radio-tile__indicator {
    border-color: #c02031
}

input:checked+.radio-tile__container>.radio-tile__indicator:before {
    content: ""
}

.radio-tile__caption,
.radio-tile__caption>b {
    margin: 0 0 0 .5rem
}

.product {
    position: relative;
    padding: 1.25rem 1.4rem;
    background-color: #fff;
    border: 1px solid #ededed;
    font-size: .875rem
}

.product-grid--list-view .product {
    display: grid;
    grid-template-areas: "image info""image link";
    grid-template-columns: 11.838rem 1fr;
    padding: 1rem 1rem 1.65rem
}

.product__image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 1.55rem;
    height: 6.1rem
}

.product__image>* {
    max-width: 100%;
    max-height: 100%
}

.product__image>picture {
    height: 100%
}

.product__image>picture>* {
    max-width: 100%;
    max-height: 100%
}

@media (min-width:768px) {
    .product {
        padding: 1.5rem 1.35rem
    }

    .product-grid--list-view .product {
        grid-template-areas: "image info .""image info link""image info .";
        grid-template-columns: 11.838rem 1fr 100px;
        padding: 1rem 1.55rem 1.55rem 1rem
    }

    .product__image {
        height: 7.438rem
    }

    .product-grid--list-view .product__link {
        margin: 0;
        text-align: right
    }
}

.product-grid--list-view .product__image {
    grid-area: image;
    display: block;
    margin: 0;
    padding: 0 1.9rem 0 0;
    width: 11.838rem;
    height: auto
}

.product-grid--list-view .product__info {
    grid-area: info;
    padding: .55rem 0 0
}

.product__name {
    margin: 0 0 .95rem;
    color: #c02031;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem
}

.product__title {
    display: block;
    color: currentColor;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none
}

.product-grid--list-view .product__title {
    margin: 0
}

.product__desc {
    margin: .55rem 0 0;
    line-height: 1.25rem
}

.product__colors {
    display: flex;
    flex-wrap: wrap;
    margin: .25rem 0 0
}

.product__colors>* {
    margin: .25rem .25rem 0 0
}

.product__text {
    margin: .25rem 0 0 .25rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.product__link {
    display: block;
    margin: 1.1rem 0 0
}

.product-grid--list-view .product__link {
    grid-area: link
}

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

.input__label {
    margin-right: 0
}

.input__tooltip {
    top: -.25rem;
    left: .1rem;
    width: 1.25rem;
    height: 1.25rem;
    font-size: .7rem
}

.input__tooltip:before {
    position: relative;
    top: .25rem;
    left: .25rem
}

.input__caption {
    margin: 0 0 .5rem auto;
    color: #666;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.input__container {
    --status-color: #ccc;
    position: relative
}

.input__container--error {
    --status-color: #ed420f
}

.input__container--warning {
    --status-color: #bf8200
}

.input__container--info {
    --status-color: #00639a
}

.input__container--success {
    --status-color: #00715c
}

.input input {
    width: 100%;
    border-color: var(--status-color)
}

.input input[type=password] {
    padding: .75rem 3rem .75rem 1rem
}

.input__icon {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 3rem;
    border-radius: 4px;
    cursor: pointer
}

input:disabled+.input__icon {
    opacity: .32;
    cursor: auto
}

.input__icon i {
    position: absolute;
    top: .85rem;
    right: .95rem;
    font-size: 1.125rem
}

.input__icon+input {
    padding: .75rem 3rem .75rem 1rem
}

.input__message {
    margin: .5rem 0 0;
    color: var(--status-color)
}

.warning {
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

.warning i:first-child {
    font-size: 1rem;
    color: #bf8200
}

.warning i:last-child {
    font-size: 1.25rem;
    color: #666
}

.warning__text {
    margin: 0 .4rem 0 .5rem
}

.samples {
    position: relative;
    padding: .6rem .5rem .62rem 2.75rem;
    border-radius: 4px;
    border-left: 4px solid #c02031;
    background-color: rgba(163, 156, 149, .08);
    font-size: .875rem;
    line-height: 1.25rem
}

.samples i {
    position: absolute;
    top: .7rem;
    left: 1rem;
    color: #c02031;
    font-size: 1.125rem
}

.resources {
    font-weight: 700
}

.resources__title {
    padding: 0 0 .5rem;
    border-bottom: 1px solid #dedede;
    font-size: .875rem;
    line-height: 1.35rem
}

.resources__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.8rem
}

.resources__item {
    position: relative;
    margin: 1.25rem 0 .75rem;
    padding: 0 .8rem 0 2.55rem;
    font-size: .875rem;
    line-height: 1rem;
    text-transform: uppercase
}

.resources__item i {
    position: absolute;
    top: -.1rem;
    left: .9rem;
    font-size: 1.125rem
}

.pill {
    position: relative;
    display: inline-block;
    padding: .5rem 2rem .375rem 1rem;
    min-height: 1.75rem;
    width: auto;
    border-radius: 1.1rem;
    background-color: #ededed;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap
}

.pill__remove {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2rem;
    border-radius: 0 1.1rem 1.1rem 0;
    cursor: pointer
}

.pill i {
    position: absolute;
    top: calc(50% - .44rem);
    right: .85rem;
    font-size: .875rem
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ededed
}

.tabs--border-dark {
    border-color: rgba(163, 156, 149, .48)
}

.tabs__item {
    padding: 1rem 2.05rem 0 0
}

.tabs__item:last-child {
    padding: 1rem 0 0
}

.tabs__button {
    padding-bottom: 1.1rem;
    border-bottom: .25rem solid transparent;
    font-size: 1rem;
    font-weight: 700;
    transition: .15s
}

.tabs__button.active {
    color: #c02031;
    border-color: currentColor
}

.tabs.nav.nav-tabs {
    display: none
}

.tabs.nav.nav-tabs+.dropdown {
    text-align: left
}

@media (min-width:576px) {
    .resources__item {
        margin: .75rem 0
    }

    .tabs.nav.nav-tabs {
        display: flex
    }

    .tabs.nav.nav-tabs+.dropdown {
        display: none
    }
}

.tab-content__item {
    display: none
}

.tab-content__item.active {
    display: block
}

.tab-content__item.fade {
    opacity: 0;
    transition: .15s
}

.tab-content__item.fade.show {
    opacity: 1
}

.promo-code {
    --status-color: #ccc
}

.promo-code--error {
    --status-color: #ed420f
}

.promo-code--warning {
    --status-color: #bf8200
}

.promo-code--info {
    --status-color: #00639a
}

.promo-code--success {
    --status-color: #00715c
}

.promo-code__head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.promo-code__caption {
    margin: 0 0 .5rem;
    color: #666;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.promo-code__container {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 .65rem 0 0;
    height: 3rem;
    border: 1px solid var(--status-color);
    border-radius: .25rem
}

.promo-code input {
    padding: 2px 0 0 1rem;
    height: 100%;
    width: 100%;
    border: none
}

.promo-code__button {
    margin: 0 0 0 .5rem;
    width: 5.625rem
}

.promo-code__bottom {
    display: flex;
    align-items: flex-start;
    margin: .55rem 0 0
}

.promo-code__bottom:empty {
    display: none
}

.promo-code__message {
    flex-grow: 1;
    margin: 0 .5rem 0 0;
    color: var(--status-color)
}

.promo-code__remove {
    margin: 0 0 0 auto;
    padding-top: 0;
    padding-bottom: 0
}

.order-note__textarea {
    height: 6.438rem
}

.order-note__button {
    margin: .3rem 0 0;
    text-align: right
}

.order-note__save-button {
    width: 7.625rem;
    font-weight: 500
}

.order-note__text {
    margin: 0 0 .45rem;
    padding: 0 2rem 0 0;
    font-size: 1rem;
    line-height: 1.438rem
}

@media (min-width:576px) {
    .order-note__text {
        margin: 0 0 .3rem;
        padding: 0
    }
}

.line-item {
    display: flex;
    flex-wrap: wrap;
    padding: 1.72rem 0 .95rem
}

.line-item__img {
    margin: 0 1rem 0 0;
    padding: .4rem 0 0;
    width: 5rem;
    height: 5.45rem
}

.line-item__img>* {
    max-width: 100%;
    max-height: 100%
}

.line-item__img>picture {
    height: 100%
}

.line-item__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

.line-item__main {
    flex-grow: 1;
    max-width: calc(100% - 6rem)
}

.line-item__info {
    margin: 0 0 1.3rem;
    padding: 0 .5rem 0 0
}

@media (min-width:576px) {
    .line-item__main {
        display: grid;
        grid-template-areas: "info prices""info amount";
        grid-template-columns: 1fr 9rem
    }

    .line-item__info {
        grid-area: info;
        margin: 0
    }
}

.line-item__sku {
    margin: 0 0 .25rem;
    font-size: .75rem;
    font-weight: 500
}

.line-item__name {
    margin: 0 0 .75rem;
    font-size: 1rem;
    font-weight: 700
}

.line-item__prop {
    font-size: .875rem
}

.line-item__prop:not(:last-child) {
    margin: 0 0 .38rem
}

.line-item__prop--in-stock {
    color: #00715c
}

.line-item__prices {
    margin: 0 0 .6rem
}

@media (min-width:576px) {
    .line-item__prices {
        grid-area: prices;
        margin: -.05rem 0 .6rem
    }
}

@media (min-width:992px) {
    .line-item__main {
        grid-template-areas: "info amount prices";
        grid-template-columns: 1fr 10rem 6rem
    }

    .line-item__prices {
        text-align: right
    }
}

.line-item__old-price {
    margin: 0 0 .4rem;
    font-size: .75rem;
    font-weight: 500;
    text-decoration: line-through
}

.line-item__price {
    font-size: 1rem;
    font-weight: 700
}

@media (min-width:576px) {
    .line-item__amount {
        grid-area: amount;
        margin: -.2rem 0 0
    }
}

.line-item__qty {
    margin: 0 0 .65rem
}

.line-item__additional {
    margin: 1.25rem 0 0;
    width: 100%
}

@media (min-width:576px) {
    .line-item__additional {
        margin: 1.1rem 0 -.21rem
    }
}

.line-item__promo {
    max-width: 27.813rem
}

.line-item__buttons {
    margin: 1rem 0 0;
    width: 100%;
    text-align: right
}

@media (min-width:576px) {
    .line-item__buttons {
        margin: 1.2rem 0 0
    }
}

.line-item__buttons>:not(:last-child) {
    margin: 0 .4rem 0 0;
    padding-right: .45rem;
    border-right: 1px solid #ccc
}

.line-item-mini {
    display: flex;
    padding: 1.15rem 0
}

@media (min-width:768px) {
    .line-item-mini {
        padding: 1.15rem 0 .9rem
    }

    .line-item-mini__main {
        display: grid;
        grid-template-areas: "info price""amount amount";
        grid-template-columns: 1fr 7rem
    }
}

.line-item-mini__img {
    margin: 0 .5rem 0 0;
    padding: .3rem 0 0;
    min-width: 4rem;
    width: 4rem;
    height: 5.45rem
}

.line-item-mini__img>* {
    max-width: 100%;
    max-height: 100%
}

.line-item-mini__img>picture {
    height: 100%
}

.line-item-mini__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

.line-item-mini__main {
    flex-grow: 1
}

.line-item-mini__info {
    grid-area: info
}

.line-item-mini__sku {
    margin: 0 0 .1rem;
    font-size: .75rem;
    font-weight: 500
}

.line-item-mini__name {
    margin: 0 0 .35rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.438rem
}

.line-item-mini__amount {
    grid-area: amount;
    display: flex;
    flex-wrap: wrap
}

.line-item-mini__prop {
    padding: .25rem 0;
    font-size: .875rem
}

.line-item-mini__prop--in-stock {
    color: #00715c
}

.line-item-mini__prop--time b {
    color: #00639a
}

.line-item-mini__prop:not(:last-child) {
    margin: 0 .5rem 0 0
}

.line-item-mini__price {
    grid-area: price;
    margin: .55rem 0 0;
    font-size: 1rem;
    font-weight: 700
}

@media (min-width:768px) {
    .line-item-mini__price {
        margin: 0;
        padding: 0 0 0 .5rem;
        text-align: right
    }
}

.line-item-saved {
    display: flex;
    flex-wrap: wrap;
    padding: 1.45rem 0 .95rem
}

.line-item-saved__img {
    margin: 0 1rem 0 0;
    padding: .4rem 0 0;
    width: 5rem;
    height: 5.45rem
}

.line-item-saved__img>* {
    max-width: 100%;
    max-height: 100%
}

.line-item-saved__img>picture {
    height: 100%
}

.line-item-saved__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

.line-item-saved__main {
    flex-grow: 1;
    max-width: calc(100% - 6rem)
}

.line-item-saved__info {
    margin: 0 0 .8rem
}

.line-item-saved__sku {
    margin: 0 0 .05rem;
    font-size: .75rem;
    font-weight: 500
}

.line-item-saved__name {
    margin: 0 0 .6rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45rem
}

.line-item-saved__prop {
    font-size: .875rem
}

.line-item-saved__prop:not(:last-child) {
    margin: 0 0 .38rem
}

.line-item-saved__prices {
    margin: 0 0 .6rem
}

.line-item-saved__old-price {
    margin: 0 0 .4rem;
    font-size: .75rem;
    font-weight: 500;
    text-decoration: line-through
}

.line-item-saved__price {
    font-size: 1rem;
    font-weight: 700
}

.line-item-saved__buttons {
    margin: .55rem 0 0 auto;
    width: 13rem;
    text-align: right
}

@media (min-width:576px) {
    .line-item-saved__main {
        display: grid;
        grid-template-areas: "info prices"
    }

    .line-item-saved__info {
        grid-area: info
    }

    .line-item-saved__prices {
        grid-area: prices;
        padding: 0 0 0 .5rem;
        text-align: right
    }

    .line-item-saved__buttons {
        margin: .1rem 0 0 auto;
        width: 100%
    }

    .line-item-saved__buttons>:not(:last-child) {
        margin: 0 .8rem 0 0;
        padding-right: 1rem;
        border-right: 1px solid #ccc
    }
}

.line-item-saved__buttons>:first-child {
    margin: 0 .8rem 0 0;
    padding-right: 1rem;
    border-right: 1px solid #ccc
}

.line-item-saved__buttons>:last-child {
    padding-top: .6rem
}

.line-item-saved__buttons>:last-child i {
    top: .75rem
}

.line-item-review {
    display: flex;
    flex-wrap: wrap
}

.line-item-review__img {
    margin: .65rem 1rem 0 0;
    width: 5rem;
    height: 5.45rem
}

.line-item-review__img>* {
    max-width: 100%;
    max-height: 100%
}

.line-item-review__img>picture {
    height: 100%
}

.line-item-review__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

.line-item-review__main {
    flex-grow: 1;
    padding: .2rem .5rem 0 0;
    max-width: calc(100% - 6rem)
}

.line-item-review__sku {
    margin: 0 0 .05rem;
    font-size: .75rem;
    font-weight: 500
}

.line-item-review__name {
    margin: 0 0 .65rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45rem
}

.line-item-review__prop {
    font-size: .875rem
}

.line-item-review__prop:not(:last-child) {
    margin: 0 0 .38rem
}

.line-item-review__prop--in-stock {
    color: #00715c
}

.line-item-review__prices {
    margin: 1.25rem 0 .6rem
}

.line-item-review__old-price {
    margin: 0 0 .4rem;
    font-size: .75rem;
    font-weight: 500;
    text-decoration: line-through
}

.line-item-review__price {
    font-size: 1rem;
    font-weight: 700
}

.line-item-review__qty {
    margin: 0 0 .65rem
}

.line-item-review__promo {
    margin: 1.1rem 0 0;
    width: 100%
}

.alert {
    position: relative;
    padding: 1rem 1rem .9rem 3.5rem;
    border-width: 1px 1px 1px 4px;
    border-style: solid;
    border-radius: 4px;
    border-color: currentColor;
    font-size: 1rem;
    line-height: 1.438rem
}

.alert--small {
    border-left-width: 1px
}

.alert--error {
    color: #ed420f;
    background-color: rgba(237, 66, 15, .16)
}

.alert--warning {
    color: #bf8200;
    background-color: rgba(191, 130, 0, .16)
}

.alert--info {
    color: #00639a;
    background-color: rgba(0, 99, 154, .16)
}

.alert--success {
    color: #00715c;
    background-color: rgba(0, 113, 92, .16)
}

.alert__icon {
    position: absolute;
    top: 1.2rem;
    left: 1.25rem
}

.alert__icon.icon-info {
    font-size: 1.25rem
}

.alert__icon--check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #00715c;
    color: hsla(0, 0%, 100%, .84);
    font-size: .5rem
}

.alert--small .alert__icon {
    top: 1.1rem;
    left: 1.1rem
}

.alert__title {
    margin: 0 0 .55rem;
    color: #343434;
    font-weight: 700
}

.alert__desc {
    color: #343434
}

.cart-icon {
    position: relative;
    padding: .4rem .5rem 0 0
}

.cart-icon>i {
    font-size: 1.375rem
}

.cart-icon__num {
    position: absolute;
    top: -.4rem;
    left: .95rem;
    padding: 0 .286rem;
    height: 1rem;
    border-radius: .5rem;
    background-color: #c02031;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: center
}

.search {
    display: flex;
    padding: 0 .375rem 0 0;
    background-color: #ededed;
    border-radius: .25rem
}

@media (min-width:768px) {
    .cart-icon__num {
        top: -.6rem;
        left: .9rem
    }

    .search {
        align-items: stretch;
        padding: 0;
        height: 3rem
    }
}

.search input {
    flex-grow: 1;
    padding: 2px 0 0 1rem;
    height: auto;
    width: 0;
    border: none;
    background: 0 0;
    font-size: .875rem
}

.search__button.button {
    margin: .375rem 0 .375rem .5rem;
    min-width: 6.375rem
}

@media (min-width:768px) {
    .search input {
        padding: 2px 0 0 1.5rem;
        font-size: 1rem
    }

    .search__button.button {
        margin: 0 0 0 .5rem;
        min-width: 7.9rem;
        font-size: 1rem
    }
}

.tile {
    position: relative;
    display: flex;
    min-height: 5.313rem;
    border-radius: .25rem;
    border: 1px solid #ededed;
    transition: all .3s ease-out;
}

.tile:hover {
    border-color: #c02031;
    box-shadow: 0 6px 11px 0 rgba(0, 0, 0, .2)
}

.tile__img {
    min-width: 7rem;
    border-radius: .25rem 0 0 .25rem;
    background-position: 50%;
    background-size: cover
}

.tile__text {
    display: flex;
    align-items: center;
    padding: .45rem .5rem .5rem 1rem;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem
}

.tile-icon {
    position: relative;
    display: flex;
    padding: .9rem .95rem .8rem;
    min-height: 5.313rem;
    border-radius: .25rem;
    border: 1px solid transparent;
    transition: all .3s ease-out;
}

.tile-icon:hover {
    border-color: #c02031;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 6px 11px 0 rgba(0, 0, 0, .2)
}

.tile-icon__img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1rem 0 0;
    height: 3.5rem;
    width: 3.5rem;
    min-width: 3.5rem;
    border-radius: 50%;
    background-color: rgba(163, 156, 149, .16)
}

.tile-icon__img>i {
    font-size: 1.5rem;
    color: #c02031
}

.tile-icon__text {
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem
}

.tile-account {
    position: relative;
    display: inline-block;
    padding: 1rem;
    min-height: 3.5rem;
    border-radius: .25rem;
    border: 1px solid transparent;
    cursor: pointer
}

.tile-account--active {
    border-color: #c02031;
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.tile-account--active>i {
    color: #c02031
}

.tile-account>i {
    top: 2px;
    margin: 0 .3rem 0 0;
    font-size: 1.125rem
}

.tile-account__text {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.438rem
}

.tile-finder {
    display: flex;
    align-items: center;
    padding: .8rem 2.25rem 1rem 2.1rem;
    min-height: 4.813rem;
    border-radius: .25rem;
    border: 1px solid #ededed;
    cursor: pointer
}

.tile-finder--active {
    border-color: #c02031;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.tile-finder__icon {
    width: 2.5rem;
    height: 2.75rem;
    font-size: 2.75rem
}

.tile-finder__text {
    margin: .25rem 0 0 1.15rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.438rem
}

.tile-capplug {
    display: inline-block;
    padding: 1.25rem .5rem 1.5rem;
    border-radius: .5rem;
    border: 2px solid #ccc;
    text-align: center;
    cursor: pointer
}

@media (min-width:576px) {
    .tile-capplug {
        display: flex;
        align-items: center;
        padding: 1.4rem .6rem 1.3rem 1.6rem
    }
}

.tile-capplug--active,
.tile-capplug:hover {
    border-color: #c02031;
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, .2)
}

.tile-capplug__icon {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 5.938rem;
    height: 6.563rem;
    font-size: 6.563rem
}

.tile-capplug__text {
    margin: 1rem 0 0;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.438rem;
    text-transform: uppercase
}

.tile-large__img {
    height: 11.75rem;
    border-radius: .5rem .5rem 0 0;
    background-position: 50%;
    background-size: cover
}

@media (min-width:576px) {
    .tile-capplug__text {
        flex-grow: 1;
        margin: 0 0 0 .95rem;
        min-width: 6.7rem;
        text-align: center
    }

    .tile-large__img {
        height: 15rem
    }
}

@media (min-width:768px) {
    .tile-large {
        display: flex;
        align-items: stretch;
        min-height: 15.188rem
    }

    .tile-large__img {
        min-width: 20rem;
        width: 20rem;
        height: auto;
        border-radius: .5rem 0 0 .5rem
    }
}

.tile-large__text {
    padding: 2.5rem 1rem 2.95rem;
    border-radius: 0 0 .5rem .5rem;
    border: 1px solid #ededed;
    border-top-width: .25rem;
    border-top-color: #c02031;
    text-align: center
}

@media (min-width:768px) {
    .tile-large__text {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1.5rem 3rem;
        border-radius: 0 .33rem .5rem 0
    }
}

@media (min-width:992px) {
    .tile-large__img {
        min-width: 27.813rem;
        width: 27.813rem
    }

    .tile-large__text {
        padding: 2.8rem 6rem 2.95rem 8rem
    }
}

.tile-large__desc {
    font-size: 1.125rem;
    line-height: 1.563rem
}

.tile-large__button.button {
    margin: 1.5rem 0 0;
    padding-left: 2rem;
    padding-right: 1.9rem
}

.tile-solutions {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: stretch;
    min-height: 9.813rem;
    border-radius: .25rem
}

.tile-solutions__img {
    min-width: 9.938rem;
    width: 9.938rem;
    border-top: .25rem solid #c02031;
    background-size: cover;
    background-position: 50%
}

@media (min-width:768px) {
    .tile-solutions__img {
        border-top-width: 0
    }
}

.tile-solutions__info {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 1.438rem;
    border-top: .25rem solid #c02031;
    background-color: #fff
}

.tile-solutions__link {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: uppercase
}

.tile-solutions__link>i {
    left: .5rem;
    font-size: .875rem
}

.tile-explore {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1rem 1rem 1.5rem 1.6rem;
    min-height: 7.75rem;
    border-radius: .25rem;
    border: 1px solid #dedede;
    border-top: .25rem solid #c02031;
    background-color: #fff;
    cursor: pointer
}

.tile-explore__main-icon {
    top: 2px;
    margin: 0 .3rem 0 0;
    font-size: 2.188rem
}

.tile-explore__text {
    margin: 0 0 0 1rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: uppercase
}

.tile-explore__arrow-icon {
    top: -1px;
    margin: 0 0 0 1rem;
    font-size: .875rem;
    font-weight: 700
}

.banner {
    display: flex;
    flex-direction: column;
    align-items: center
}

.banner__img {
    margin: 0 0 1rem;
    width: 100%;
    border-radius: .25rem;
    background-position: 50%;
    background-size: cover
}

.banner__img:before {
    content: "";
    display: block;
    padding-top: 64.8888888889%
}

.banner__link:not(:last-child) {
    margin: 0 0 1rem
}

.banner-serve__img {
    overflow: hidden;
    position: relative;
    margin: 0 0 1.5rem;
    width: 100%;
    border-radius: .25rem;
    background-color: #ededed
}

.banner-serve__img:before {
    content: "";
    display: block;
    padding-top: 47.5046210721%
}

@media (min-width:768px) {
    .banner-serve__img:before {
        padding-top: 58.8235294118%
    }
}

.banner-serve__img--large {
    margin: 0 0 1.46rem
}

.banner-serve__img--large:before {
    padding-top: 47.5046210721%
}

.banner-serve__img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.banner-serve__title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.563rem
}

@media (min-width:768px) {
    .banner-serve__title {
        font-size: 1.375rem
    }
}

.banner-serve__desc {
    margin: .5rem 0;
    font-size: 1rem;
    line-height: 1.438rem
}

@media (min-width:768px) {
    .banner-serve__desc {
        margin: .65rem 0 .9rem
    }
}

@media (min-width:1200px) {
    .banner-serve__desc {
        padding: 0 1rem 0 0
    }
}

.banner-serve__link {
    font-size: 1rem;
    line-height: 1.438rem
}

.payment-method {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .55rem .7rem;
    border-radius: .25rem;
    border: 1px solid #ededed;
    cursor: pointer
}

.payment-method--active,
.payment-method:hover {
    border-color: currentColor;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2);
    color: #c02031
}

.payment-method>i {
    font-size: 1.2rem
}

.payment-method__text {
    margin: .35rem 0 0;
    color: #343434;
    font-size: .875rem;
    font-weight: 700
}

.card-info {
    display: grid;
    grid-template-areas: "img info"". info""foot foot";
    grid-template-columns: 3.7rem auto
}

.card-info__img {
    grid-area: img;
    width: 2.688rem;
    height: 1.875rem;
    border-radius: 3px
}

.card-info__info {
    grid-area: info;
    position: relative
}

.card-info__info>i {
    position: absolute;
    top: -.15rem;
    right: -.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: .875rem;
    cursor: pointer
}

.card-info__info>i:not(.collapsed) {
    transform: rotate(180deg)
}

.card-info__name {
    margin: 0 0 .15rem;
    padding: 0 1.25rem 0 0;
    font-weight: 700
}

.card-info__text {
    line-height: 1.438rem
}

.card-info__address {
    margin: 1rem 0 0;
    font-size: .75rem;
    line-height: 1.063rem
}

.order__info .card-info__address {
    margin: .5rem 0 0
}

.card-info__address.collapse {
    overflow: hidden;
    margin: 0;
    height: 0
}

.card-info__address.show {
    margin: 1rem 0 0;
    height: auto
}

.category-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem 1rem 2rem
}

.category-item__img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    height: 7.25rem
}

.category-item__img>* {
    max-width: 100%;
    max-height: 100%
}

.category-item__img>picture {
    height: 100%
}

.category-item__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

.category-item__name {
    margin: 1.5rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem
}

.category-item__link {
    margin: .5rem 0 0;
    font-size: .875rem;
    line-height: 1.2rem
}

.industry-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2.2rem 1rem 2rem;
    width: 100%
}

.industry-item__icon {
    padding: 0 0 0 .2rem
}

.industry-item__icon>i {
    font-size: 1.5rem
}

.industry-item__name {
    margin: 1rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem
}

.industry-item__link {
    margin: .5rem 0 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.back-to-top {
    width: 100%;
    height: 3.4rem;
    border: none;
    background-color: rgba(163, 156, 149, .32);
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.back-to-top>i {
    top: .1rem;
    margin: 0 0 0 .4rem
}

@media (min-width:992px) {
    .back-to-top {
        width: 3rem;
        height: 3rem;
        border-radius: .25rem;
        background-color: #c02031;
        color: #fff
    }

    .back-to-top>span {
        display: none
    }

    .back-to-top>i {
        top: 0;
        margin: 0
    }
}

.line-item-purchase {
    display: flex;
    flex-wrap: wrap
}

.line-item-purchase__img {
    margin: 0 1rem 0 0;
    width: 5rem;
    height: 5rem
}

.line-item-purchase__img>* {
    max-width: 100%;
    max-height: 100%
}

.line-item-purchase__img>picture {
    height: 100%
}

.line-item-purchase__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

.line-item-purchase__main {
    flex-grow: 1;
    max-width: calc(100% - 6rem)
}

@media (min-width:576px) {
    .line-item-purchase__main {
        display: grid;
        grid-template-areas: "info buttons";
        grid-template-columns: 1fr 15rem
    }
}

.line-item-purchase__info {
    grid-area: info
}

.line-item-purchase__sku {
    font-size: .75rem;
    line-height: 1.063rem;
    font-weight: 500
}

.line-item-purchase__name {
    margin: 0 0 .5rem;
    font-size: 1rem;
    line-height: 1.438rem;
    font-weight: 700
}

.line-item-purchase__prop {
    font-size: .875rem;
    line-height: 1.25rem
}

.line-item-purchase__prop:not(:last-child) {
    margin: 0 0 .125rem
}

.line-item-purchase__desktop-buttons {
    display: none
}

@media (min-width:576px) {
    .line-item-purchase__desktop-buttons {
        grid-area: buttons;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-end;
        gap: .5rem
    }
}

.line-item-purchase__mobile-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1.5rem 0 0
}

@media (min-width:576px) {
    .line-item-purchase__mobile-buttons {
        display: none
    }

    .article-collection .header-row .subtitle {
        text-align: right
    }
}

.line-item-purchase__button:first-child {
    min-width: 7.375rem
}

.line-item-purchase__button:last-child {
    min-width: 10.063rem
}

.distributors {
    position: relative;
    padding: 2rem 4.5rem;
    background-color: rgba(163, 156, 149, .08);
    border-top: 4px solid #c02031;
    border-radius: 4px;
    font-size: .9rem;
    line-height: 1.25rem
}

.distributors i {
    position: absolute;
    top: 2.15rem;
    left: 2.35rem;
    font-size: 1.55rem;
    color: #c02031
}

.file-uploader {
    display: inline-flex;
    padding: .55rem 1.5rem .55rem 1.15rem;
    border: 1px solid currentColor;
    border-radius: .25rem;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase;
    cursor: pointer
}

.file-uploader input {
    display: none
}

.file-uploader>i {
    margin: 0 .5rem 0 0;
    font-size: 1rem
}

.simple-typeahead {
    position: relative;
    width: 100%
}

.simple-typeahead input {
    width: 100%;
    text-overflow: ellipsis
}

.simple-typeahead__icon {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 3rem;
    height: 3rem;
    border-radius: 4px;
    cursor: pointer
}

.simple-typeahead__icon i {
    position: absolute;
    top: .85rem;
    right: .95rem;
    font-size: 1.125rem
}

.simple-typeahead__icon+input {
    padding: .75rem 3rem .75rem 1rem
}

.simple-typeahead__list-wrapper {
    position: absolute;
    top: 3rem;
    left: 0;
    max-width: 100%;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2);
    z-index: 1
}

.simple-typeahead__list {
    overflow-y: auto;
    margin: 0;
    padding: .25rem 0 0;
    max-height: 17rem;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    list-style-type: none;
    overflow: auto
}

.simple-typeahead__list-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.simple-typeahead__list-item>* {
    flex-grow: 1;
    display: block;
    padding: .35rem 1rem;
    width: 100%;
    line-height: 1.5rem
}

.simple-typeahead__list-item:first-child {
    position: relative;
    margin: -.25rem 0 0
}

.simple-typeahead__list-item--active {
    cursor: pointer;
    background-color: #ededed
}

.simple-typeahead__message {
    --status-color: #ccc;
    margin: .5rem 0 0;
    color: var(--status-color);
    position: relative
}

.simple-typeahead__message--error {
    --status-color: #ed420f
}

.simple-typeahead__message--warning {
    --status-color: #bf8200
}

.simple-typeahead__message--info {
    --status-color: #00639a
}

.simple-typeahead__message--success {
    --status-color: #00715c
}

.eg-visit-cp {
    display: flex;
    margin-left: .5rem;
    align-self: stretch;
    align-items: center
}

img.eg-cp-icon {
    border-style: none;
    height: 2rem
}

a.eg-cp-label {
    font-size: .75rem;
    color: currentColor;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    margin-left: .25rem;
    display: flex;
    align-items: center
}

.eg-copy-block {
    text-align: center;
    margin-top: 4rem
}

.eg-copy-block__body {
    font-size: 1rem;
    line-height: 1.4375rem
}

.eg-home__wrapper {
    position: relative;
    padding-top: 2.05rem;
    background-color: #fff
}

@media (min-width:768px) {
    .line-item-purchase__main {
        grid-template-columns: 1fr 20rem
    }

    .eg-home__wrapper {
        padding-top: 4rem;
        padding-bottom: 4rem;
        background-color: unset
    }

    .eg-home-text-container {
        display: flex;
        align-items: stretch;
        justify-content: space-around;
        padding: 3.5rem 1rem 3.5rem 2rem;
        border-radius: .25rem;
        background-color: #fff
    }
}

@media (min-width:1200px) {
    .eg-home-text-container {
        padding: 3.5rem 1rem
    }
}

.eg-home-text {
    text-align: center
}

@media (min-width:768px) {
    .eg-home-text {
        flex-grow: 1;
        margin: auto;
        padding: 0 1rem 0 0;
        max-width: 19rem;
        text-align: left
    }
}

@media (min-width:992px) {
    .eg-home-text {
        padding: 0 2rem 0 0;
        max-width: 21.875rem
    }
}

.eg-home-text>h1 {
    margin: 0;
    padding: 0 2rem;
    font-size: 1.75rem;
    line-height: 2.375rem
}

.eg-home__desc {
    margin: .45rem 0 0;
    padding: 0 1rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.563rem
}

.eg-home__desc>span {
    color: #c02031
}

.eg-home__divider {
    display: none
}

@media (min-width:768px) {
    .eg-home-text>h1 {
        padding: 0;
        font-size: 2.25rem;
        line-height: 3.125rem
    }

    .eg-home__desc {
        margin: .5rem 0 0;
        padding: 0;
        font-size: 1.375rem;
        line-height: 1.875rem
    }

    .eg-home__divider {
        display: block;
        margin: 0 0 0 1rem;
        width: 1px;
        background-color: #dedede
    }
}

@media (min-width:1200px) {
    .eg-home__divider {
        margin: 0 0 0 2rem
    }
}

.eg-home-image {
    height: 20rem;
    margin-left: 2rem
}

@media (max-width:767.98px) {
    .eg-home-hide-mobile {
        display: none
    }
}

.article-collection .header-row {
    margin-top: 5rem;
    margin-bottom: 1rem
}

.article-collection .header-row h3 {
    margin: 0
}

.article-collection .header-row .subtitle {
    text-transform: uppercase;
    font-weight: 700
}

.article-collection .header-row .subtitle i {
    font: 14px/1.5 Nucleo
}

.article-collection .article-card {
    margin-bottom: 2.5rem
}

.article-collection .article-card .article-img img {
    width: 100%
}

.article-collection .article-card .article-title h6 {
    margin: 1.5rem 0 1rem
}

.cover-with-image-2 {
    padding: 1rem;
    margin-bottom: 11rem;
    background-color: #f5f5f5
}

.cover-with-image-2 .block-info {
    margin-bottom: 2.5rem
}

.cover-with-image-2 .link-image img {
    max-width: 100%;
    margin-bottom: -10rem
}

@media (min-width:576px) {
    .cover-with-image-2 {
        height: 23.25rem;
        margin: 7.5rem 0
    }

    .cover-with-image-2 .link-info {
        color: #343434
    }

    .cover-with-image-2 .link-image img {
        margin-top: -2.5rem
    }
}

.e-commerce-block {
    margin-bottom: 3rem;
    padding: 1rem
}

.form-group {
    margin-bottom: 1.5rem
}

.headline-with-form {
    margin: 2.5rem 0
}

.headline-with-form .container {
    background-color: #f5f5f5;
    padding: 2rem
}

@media (min-width:576px) {
    .headline-with-form {
        margin: 2.5rem 0
    }

    .headline-with-form .container {
        padding: 5.31rem 5.94rem
    }
}

.hero-main {
    padding: 1.3rem 0;
    background-position: 500% 500%;
    background-repeat: no-repeat;
    background-color: #fafafa
}

.hero-main .hero-mobile {
    text-align: center
}

.hero-main .hero-mobile img {
    max-width: 95%
}

.hero-main .hero-info {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center
}

.hero-main .hero-info i {
    font: 32px/1.5 Nucleo;
    top: .7rem
}

@media (min-width:576px) {
    .hero-main {
        padding: 8.5rem 0;
        background-size: cover;
        background-position: 50%
    }

    .hero-main .hero-mobile {
        display: none
    }

    .hero-main .hero-info {
        text-align: left
    }

    .hero-main .hero-info i {
        font: 32px/1.5 Nucleo;
        top: .7rem
    }
}

.smartlink-bar {
    height: 3.375 rem;
    background: #f5f5f5
}

.smartlink-bar .smartlink,
.smartlink-bar a.button {
    display: none
}

@media (min-width:576px) {
    .smartlink-bar {
        height: auto;
        padding: 1rem 0
    }

    .smartlink-bar .smartlink {
        display: inline;
        margin-right: 2rem;
        color: #343434;
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none
    }

    .smartlink-bar a.button {
        display: inline
    }
}

.specs-block .wysiwyg {
    padding: 1rem
}

.specs-block .table-header {
    display: flex;
    background-color: #dedede;
    font-weight: 700;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #9f9f9f
}

.specs-block .table-row.even {
    background-color: #f5f5f5
}

.tabbed-content {
    padding: 1.5rem
}

.tabbed-content .wysiwyg {
    margin-bottom: 2.5rem;
    text-align: center
}

.tabbed-content .nav-link {
    text-transform: none
}

.tabbed-content .nav-link.active {
    color: #343434
}

.tabbed-content .tab-pane img {
    max-width: 100%
}

@media (min-width:576px) {
    .tabbed-content {
        padding: auto
    }

    .tabbed-content .wysiwyg {
        margin-bottom: 2.5rem;
        text-align: center
    }

    .tabbed-content .nav-link {
        text-transform: none
    }

    .tabbed-content .nav-link.active {
        color: #343434
    }

    .tabbed-content .link-image {
        text-align: center;
        margin-top: -2.5rem
    }

    .tabbed-content .link-image img {
        box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
    }

    .product-gallery {
        display: flex
    }
}

.video-block {
    text-align: center;
    margin-bottom: 0
}

.video-block .wysiwyg {
    margin-bottom: 4rem
}

.cps-solution-card {
    border: 1px solid #dedede;
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    align-items: stretch;
    position: relative;
    min-height: 10rem;
    margin: 20px auto
}

.cps-solution-card .cps-solution-card-image {
    width: 43%;
    background-size: cover;
    background-position-x: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.cps-solution-card .cps-solution-card-links {
    width: 57%;
    padding-left: 1.625rem;
    border-top: 4px solid #c02031;
    border-top-right-radius: 4px
}

.cps-solution-card .cps-solution-card-links h5 {
    margin-top: 1rem;
    margin-bottom: .25rem
}

.cps-solution-card .cps-solution-card-links p {
    font-size: .875rem;
    line-height: 1.25rem;
    margin: .25rem auto
}

.cps-solution-card .cps-solution-card-link {
    width: 57%;
    padding-left: 1.625rem;
    border-top: 4px solid #c02031;
    border-top-right-radius: 4px;
    display: flex;
    align-items: center
}

.cps-solution-card .cps-solution-card-link a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    color: #343434
}

.cps-solution-card .cps-solution-card-link a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cps-solution-card .cps-solution-card-link a button .i {
    position: relative;
    top: 2px;
    left: 4px
}

.cps-solution-card .cps-solution-card-link i {
    top: 2px
}

.cps-video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0
}

.cps-video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.product-gallery__image-col {
    position: relative;
    margin: 0 0 .4rem;
    text-align: center
}

@media (min-width:576px) {
    .product-gallery__image-col {
        flex-grow: 1;
        order: 2;
        margin: 0;
        padding: 0 0 0 .3rem
    }
}

.product-gallery__image-container {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.product-gallery__image {
    z-index: 1;
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 259px;
    transition: .3s
}

.product-gallery__image>* {
    max-width: 100%;
    max-height: 100%
}

.product-gallery__image>picture {
    height: 100%
}

.product-gallery__image>picture>* {
    max-width: 100%;
    max-height: 100%
}

@media (min-width:576px) {
    .product-gallery__image-container {
        justify-content: unset
    }

    .product-gallery__image {
        height: auto;
        max-height: 307px
    }
}

@media (min-width:768px) {
    .product-gallery__image-col {
        padding: 0 0 0 2.5rem
    }

    .product-gallery__image {
        height: 307px;
        max-height: 307px
    }
}

.product-gallery__image:hover {
    cursor: zoom-in
}

.product-gallery__zoom {
    position: absolute;
    top: calc(100% + 18px);
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #dedede;
    color: #666;
    font-size: 18px;
    cursor: pointer
}

.product-gallery__thumbnails {
    margin: 0 calc(var(--bs-gutter-x)*-1)
}

.product-gallery-carousel {
    position: relative
}

@media (min-width:576px) {
    .product-gallery__zoom {
        top: 277px;
        left: 1.75rem
    }

    .product-gallery__thumbnails {
        order: 1;
        margin: 0;
        min-width: 73px
    }

    .product-gallery-carousel {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 28px 0
    }
}

.product-gallery-carousel__arrow {
    display: none
}

@media (min-width:576px) {
    .product-gallery-carousel__arrow {
        position: absolute;
        left: 0;
        display: flex;
        justify-content: center;
        width: 100%;
        background: 0 0;
        border: none;
        cursor: pointer
    }
}

.product-gallery-carousel__arrow svg {
    width: 14px;
    height: 14px;
    fill: #343434
}

.product-gallery-carousel__arrow--prev {
    top: 0;
    transform: rotate(-90deg)
}

.product-gallery-carousel__arrow--next {
    bottom: 0;
    transform: rotate(90deg)
}

.product-gallery-carousel__arrow[disabled] {
    display: none
}

.product-gallery-carousel__track {
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.product-gallery-carousel__list {
    display: flex;
    padding: 0 var(--bs-gutter-x)
}

@media (min-width:576px) {
    .product-gallery-carousel__track {
        flex-direction: column
    }

    .product-gallery-carousel__list {
        display: block;
        padding: 0
    }
}

.product-gallery-carousel__slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 3px;
    min-width: 69px;
    border: 2px solid transparent;
    border-radius: 3px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    color: #fff;
    text-decoration: none
}

@media (min-width:576px) {
    .product-gallery-carousel__slide {
        min-width: auto
    }
}

.product-gallery-carousel__slide:hover {
    color: #fff
}

.product-gallery-carousel__slide--active {
    border-color: #c02031
}

.product-gallery-carousel__slide--video:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: hsla(0, 0%, 62.4%, .7)
}

.product-gallery-carousel__slide--video i {
    font-size: 24px
}

.pagination {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.pagination__item {
    padding: 0 .39rem
}

.pagination__item--hidden {
    display: none
}

.pagination__item:first-child {
    padding: 0 auto 0 0
}

@media (min-width:768px) {
    .pagination__item:first-child {
        padding: 0 .4rem 0 0
    }
}

.pagination__item:last-child {
    padding: 0 0 0 auto
}

.pagination__nav {
    display: flex;
    align-items: center;
    padding: inherit;
    width: 1.5rem;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: inherit
}

.pagination__nav span {
    display: none
}

@media (min-width:768px) {
    .pagination__item:last-child {
        padding: 0 0 0 .4rem
    }

    .pagination__nav {
        min-width: 1.6rem;
        width: auto
    }

    .pagination__nav span {
        display: inline;
        margin: 0 .625rem
    }

    .pagination--compact .pagination__nav span {
        display: none
    }
}

.pagination__nav i {
    font-size: .813rem;
    line-height: 1
}

.pagination__btn {
    padding: .3rem .25rem;
    min-width: 32px;
    height: 32px;
    border-color: #dedede;
    background-color: #fff;
    font-size: 14px
}

.pagination__btn:hover {
    border-color: #c02031
}

.pagination__btn--active {
    border-color: #c02031;
    background-color: #c02031;
    color: #fff;
    cursor: auto
}

.pagination__btn--active:hover {
    color: #fff
}

.pagination__btn--dots {
    padding: 0;
    min-width: auto;
    background-color: transparent
}

.pagination__btn--dots,
.pagination__btn--dots:hover {
    border-color: transparent
}

.pagination--compact .pagination__btn--dots {
    margin: 0 -.1rem
}

.dropdown {
    --status-color: #ccc;
    --btn-height: 3rem;
    display: flex;
    align-items: center;
    font-size: .875rem
}

.dropdown--error {
    --status-color: #ed420f
}

.dropdown--warning {
    --status-color: #bf8200
}

.dropdown--info {
    --status-color: #00639a
}

.dropdown--success {
    --status-color: #00715c
}

.dropdown--form-view {
    display: block
}

.dropdown__caption {
    margin: 0 .55rem 0 0;
    font-weight: 700;
    color: #343434
}

.dropdown__btn,
.dropdown__container {
    position: relative
}

.dropdown__btn {
    z-index: 1;
    padding: .375rem 2.75rem .375rem 1rem;
    min-width: 7.5rem;
    width: 100%;
    height: var(--btn-height);
    border: 1px solid var(--status-color);
    background-color: #fff;
    text-align: left
}

.dropdown__btn:focus {
    box-shadow: none
}

.dropdown__btn>i {
    position: absolute;
    top: calc(50% - .43rem);
    right: 1rem;
    display: flex;
    align-items: center;
    height: .875rem;
    color: #343434;
    font-size: .875rem;
    transition: .3s
}

.dropdown__btn.show>i {
    color: #c02031;
    transform: rotate(-180deg)
}

.dropdown--disabled .dropdown__btn {
    background-color: #fafafa;
    border-color: #ededed;
    color: #9f9f9f;
    pointer-events: none
}

.dropdown--disabled .dropdown__btn>i {
    color: #9f9f9f
}

.dropdown__selected {
    padding: 0 .313rem 0 0;
    color: #343434;
    font-size: .938rem;
    font-weight: 500
}

.dropdown__selected--placeholder {
    color: #666;
    font-weight: 400
}

.dropdown__message {
    margin: .5rem 0 0;
    color: var(--status-color)
}

.dropdown__menu {
    position: absolute;
    top: var(--btn-height);
    left: 0;
    max-width: 100%;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.dropdown--disabled .dropdown__menu,
.dropdown__menu:not(.show) {
    display: none
}

.dropdown__scroll {
    overflow-y: auto;
    margin: -.25rem 0 0;
    padding: .25rem 0 0;
    max-height: 17rem;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    list-style-type: none
}

.dropdown__item {
    height: 3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown__item--active {
    background-color: #c02031;
    color: #fff
}

.dropdown__item:hover:not(.dropdown__item--active) {
    background-color: #ededed
}

.dropdown__item>* {
    flex-grow: 1;
    display: block;
    padding: .313rem 1rem;
    width: 100%;
    height: inherit;
    line-height: 2.7rem
}

.dropdown__item:first-child {
    position: relative;
    margin: -.25rem 0 0;
    height: 3.25rem
}

.related-products {
    background-color: #f5f5f5;
    padding: 4.5rem 1rem
}

.related-products-carousel {
    position: relative
}

.related-products-carousel__container {
    overflow: hidden;
    position: relative
}

.related-products-carousel__inner {
    display: flex;
    align-items: stretch
}

.related-products-carousel__col {
    min-width: 50%;
    width: 50%
}

.related-products-carousel__item {
    height: auto;
    min-height: 20.188rem
}

@media (min-width:576px) {
    .related-products-carousel__item {
        width: 33.33333%;
        height: auto
    }
}

@media (min-width:768px) {
    .related-products-carousel__item {
        width: 25%;
        min-height: 22.25rem
    }
}

@media (min-width:992px) {
    .related-products-carousel__item {
        width: 20%
    }
}

.related-products-carousel__item__row {
    width: inherit
}

.related-products-carousel__item__row:last-child:not(:first-child)>*>* {
    border-top-width: 0
}

.related-products-carousel__item>* {
    height: 100%;
    width: inherit
}

.related-products-carousel__item:not(:first-child)>*,
.related-products-carousel__item:not(:first-child)>*>*>* {
    border-left-width: 0
}

.related-products-carousel__control {
    z-index: 1;
    position: absolute;
    top: calc(50% - 42px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 4px;
    background-color: #f0efee;
    color: #343434;
    cursor: pointer
}

.related-products-carousel__control--prev {
    left: 0
}

.related-products-carousel__control--prev svg {
    transform: rotate(180deg)
}

.related-products-carousel__control--next {
    right: 0
}

.related-products-carousel__control svg {
    width: 18px;
    height: 18px
}

.related-products-carousel__control[disabled] {
    display: none
}

.related-products-carousel__indicators {
    display: flex;
    margin: .8rem 0 0;
    padding: 0;
    list-style-type: none
}

.related-products-carousel__indicator {
    margin: 0 .5rem .5rem 0;
    min-width: 24px;
    width: 24px;
    height: 4px;
    border: none;
    border-radius: 3px;
    background-color: #dedede;
    cursor: pointer
}

.related-products-carousel__indicator.is-active {
    background-color: #c02031
}

.home-carousel {
    position: relative
}

.home-carousel__container {
    overflow: hidden;
    position: relative;
    margin: 0 -.95rem;
    padding: 0 .95rem;
    border-right: 1px solid #ededed
}

.home-carousel__inner {
    display: flex;
    align-items: stretch
}

.home-carousel__item {
    display: flex;
    max-width: 11.55rem;
    border: 1px solid #ededed;
    border-right-width: 0
}

@media (min-width:576px) {
    .home-carousel__item {
        min-width: auto;
        width: 33.33333%
    }
}

@media (min-width:768px) {
    .related-products-carousel__control {
        top: calc(50% - 59px)
    }

    .home-carousel__container {
        margin: 0;
        padding: 0
    }

    .home-carousel__item {
        width: 25%
    }
}

@media (min-width:992px) {
    .home-carousel__item {
        width: 20%
    }
}

.home-carousel__item__row {
    width: inherit
}

.home-carousel__item__row:last-child:not(:first-child)>*>* {
    border-top-width: 0
}

.home-carousel__item>* {
    height: 100%;
    width: inherit
}

.home-carousel__item:not(:first-child)>*,
.home-carousel__item:not(:first-child)>*>*>* {
    border-left-width: 0
}

.home-carousel__control {
    z-index: 1;
    position: absolute;
    top: calc(50% - 42px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 4px;
    background-color: #f0efee;
    color: #343434;
    cursor: pointer
}

.home-carousel__control--prev {
    left: -.95rem
}

.home-carousel__control--prev svg {
    transform: rotate(180deg)
}

.home-carousel__control--next {
    right: -.95rem
}

@media (min-width:768px) {
    .home-carousel__control--prev {
        left: 0
    }

    .home-carousel__control--next {
        right: 0
    }
}

.home-carousel__control svg {
    width: 18px;
    height: 18px
}

.home-carousel__control[disabled] {
    display: none
}

.home-carousel__indicators {
    display: flex;
    margin: .8rem 0 0;
    padding: 0;
    list-style-type: none
}

.home-carousel__indicator {
    margin: 0 .5rem .5rem 0;
    min-width: 24px;
    width: 24px;
    height: 4px;
    border: none;
    border-radius: 3px;
    background-color: #dedede;
    cursor: pointer
}

.home-carousel__indicator.is-active {
    background-color: #c02031
}

.series-modal {
    position: relative;
    padding: 1.5rem .938rem 2.5rem;
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(17, 17, 17, .2)
}

@media (min-width:992px) {
    .series-modal {
        padding: 1.75rem .938rem
    }
}

.series-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .3rem
}

@media (min-width:992px) {
    .series-modal__header {
        padding: 0 .3rem 0 .88rem
    }
}

.series-modal__back {
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase;
    cursor: pointer
}

.series-modal__back i {
    margin: 0 .35rem 0 0;
    font-size: 1rem
}

.series-modal__close {
    position: absolute;
    top: 1.2rem;
    right: 1.15rem;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer
}

.series-modal__close i {
    font-size: 1.5rem
}

.series-modal__body {
    padding: 1.75rem 0 0
}

.series-modal__title {
    margin: 0 0 1rem;
    font-weight: 500
}

@media (min-width:992px) {
    .series-modal__body {
        padding: 1.9rem 0 0
    }

    .series-modal__title {
        margin: 0 0 1.7rem 22.8rem;
        line-height: 1.9rem
    }

    .series-modal__main {
        padding: 0 5rem 0 0
    }
}

@media (min-width:576px) {
    .series-modal__main {
        display: flex;
        margin: 0 -.5rem
    }

    .series-modal__col {
        margin: 0 .5rem;
        width: calc(50% - 1rem)
    }
}

.series-modal__col:last-child {
    flex-grow: 1
}

@media (min-width:992px) {
    .series-modal__col {
        width: 100%
    }

    .series-modal__col:first-child {
        margin: -3.65rem 2.45rem 0 .5rem;
        min-width: 19.938rem;
        width: 19.938rem
    }

    .series-modal__col:last-child {
        display: flex;
        justify-content: space-between
    }

    .series-modal__col-inner:first-child {
        margin: 0 1rem 0 0;
        max-width: 17.063rem
    }

    .series-modal__col-inner:nth-child(2) {
        max-width: 16rem
    }
}

.series-modal__img {
    display: block;
    margin: 0 auto 1.1rem;
    max-width: 19.938rem;
    height: 14.75rem;
    text-align: center
}

.series-modal__img>* {
    max-width: 100%;
    max-height: 100%
}

.series-modal__img>picture {
    height: 100%
}

.series-modal__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

.series-modal__dimensions {
    margin: 0 auto 1.65rem
}

.series-modal__dimensions .collapse:not(.show) {
    display: none
}

.series-modal__dimensions .collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s
}

.series-modal__dim-control {
    display: none;
    font-size: .875rem
}

.series-modal__dim-control.collapsed {
    display: block
}

.series-modal__collapse {
    padding: .4rem 0
}

@media (min-width:576px) {
    .series-modal__dimensions {
        margin: 0 auto 3.5rem
    }

    .series-modal__dimensions .collapse:not(.show) {
        display: block
    }

    .series-modal__dim-control.collapsed {
        display: none
    }

    .series-modal__collapse {
        padding: .5rem 0
    }
}

.series-modal__switcher {
    display: flex;
    justify-content: center
}

.series-modal__units {
    margin: 1.6rem auto 0
}

@media (min-width:992px) {
    .series-modal__units {
        margin: 1.5rem auto 0;
        max-width: 16.25rem
    }
}

.series-modal__section {
    margin: 0 0 2rem
}

@media (min-width:992px) {
    .series-modal__section--quantity {
        margin: 5.65rem 0 2rem
    }

    .series-modal__section--pricing {
        margin: 2.5rem 0 5.688rem
    }
}

.series-modal__selector-container {
    display: flex;
    flex-wrap: wrap;
    margin: -.25rem
}

.series-modal__selector-container>* {
    margin: .32rem .315rem
}

.series-modal__quantity {
    margin: .625rem 0 0
}

.series-modal__error {
    color: #ed420f
}

.series-modal__error,
.series-modal__promo {
    margin: .66rem 0 0;
    font-size: 14px
}

.series-modal__promo b {
    color: #00715c
}

.series-modal__total {
    margin: -.5rem 0 0;
    border-collapse: collapse;
    font-size: .875rem
}

.series-modal__total td {
    padding: .55rem 0
}

.series-modal__total td:first-child {
    padding-right: 2rem
}

.series-modal__total td:last-child {
    font-size: 1rem;
    line-height: 1.2rem
}

.series-modal__buttons {
    margin: 1.6rem 0 0
}

@media (min-width:992px) {
    .series-modal__buttons {
        margin: 1.15rem 0 0
    }
}

.series-modal__buttons>* {
    margin: 0 0 1rem;
    width: 100%
}

.series-modal__note {
    padding: .5rem 0 0;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.063rem;
    text-align: center
}

@media (min-width:992px) {
    .series-modal__buttons>* {
        width: 12.875rem
    }

    .series-modal__note {
        margin: -3.438rem 0 2.125rem;
        padding: 0 0 0 1.9rem;
        width: calc(100% - 360px);
        max-width: 41.875rem;
        text-align: left
    }

    .series-modal__pricing {
        min-width: 15.875rem
    }
}

.regular-modal {
    position: relative;
    padding: 1.5rem .938rem 2.5rem;
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(17, 17, 17, .2)
}

@media (min-width:576px) {
    .regular-modal {
        padding: 3rem 2rem 2rem
    }
}

.regular-modal--short {
    max-width: 25rem
}

@media (min-width:768px) {
    .regular-modal__body {
        display: grid;
        grid-gap: 2rem;
        grid-template-areas: "info custom""note custom";
        grid-template-columns: 1fr 30%
    }
}

@media (min-width:992px) {
    .regular-modal__body {
        grid-template-columns: 1fr 27%
    }
}

.regular-modal--short .regular-modal__body {
    display: block
}

.regular-modal__close {
    position: absolute;
    top: 1.2rem;
    right: 1.15rem;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer
}

.regular-modal__close i {
    font-size: 1.5rem
}

.regular-modal__info {
    grid-area: info
}

@media (min-width:576px) {
    .regular-modal__info {
        display: grid;
        grid-gap: 1rem;
        grid-template-areas: "item title""img units"". units";
        grid-template-columns: 1fr 50%
    }
}

.regular-modal--short .regular-modal__info {
    display: none
}

.regular-modal__item {
    grid-area: item;
    align-self: center;
    font-size: .875rem
}

.regular-modal__img {
    grid-area: img;
    display: block;
    margin: 1rem auto;
    height: 14.75rem;
    text-align: center
}

.regular-modal__img>* {
    max-width: 100%;
    max-height: 100%
}

.regular-modal__img>picture {
    height: 100%
}

.regular-modal__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

@media (min-width:576px) {
    .regular-modal__img {
        margin: 0;
        height: auto;
        max-height: 14.75rem
    }
}

.regular-modal__title {
    grid-area: title;
    margin: 0 0 1rem;
    font-weight: 500
}

@media (min-width:576px) {
    .regular-modal__title {
        margin: 0;
        line-height: 1.9rem
    }
}

.regular-modal__units {
    grid-area: units;
    margin: 1.6rem auto 0
}

@media (min-width:576px) {
    .regular-modal__units {
        margin: 0
    }
}

.regular-modal__units>* {
    flex-wrap: wrap
}

.regular-modal__custom {
    grid-area: custom;
    margin: 2rem 0 0
}

@media (min-width:768px) {
    .regular-modal__info {
        grid-template-columns: 1fr 40%
    }

    .regular-modal__custom {
        margin: 0
    }
}

.regular-modal__short {
    display: none
}

.regular-modal--short .regular-modal__short {
    display: block
}

.regular-modal--short .regular-modal__short>* {
    margin: 0 0 1rem
}

.regular-modal__selector {
    display: flex;
    flex-wrap: wrap;
    margin: -.25rem -.25rem 1.75rem
}

.regular-modal__selector>* {
    margin: .32rem .315rem
}

.regular-modal__quantity {
    margin: .625rem 0 0
}

.regular-modal__total {
    margin: 1rem 0 0;
    border-collapse: collapse;
    font-size: .875rem
}

.regular-modal__total td {
    padding: .55rem 0
}

.regular-modal__total td:first-child {
    padding-right: 2rem
}

.regular-modal__total td:last-child {
    font-size: 1rem;
    line-height: 1.2rem
}

.regular-modal__button {
    margin: 1.5rem 0 0
}

.regular-modal__note {
    grid-area: note;
    margin: 2rem 0 0;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.063rem;
    text-align: center
}

.regular-modal--short .regular-modal__note {
    display: none
}

.regular-modal__error {
    font-size: 14px;
    color: #ed420f;
    opacity: 0;
    height: 0;
    margin: 0
}

@media (min-width:768px) {
    .regular-modal__note {
        margin: 0;
        text-align: left
    }

    .regular-modal__error {
        width: 250px
    }
}

.regular-modal__error--show {
    margin: .66rem 0 0;
    height: auto;
    opacity: 1
}

.accordion {
    border-bottom: 1px solid #dedede
}

.accordion__item {
    border-top: 1px solid #dedede
}

.accordion__item--divider {
    height: 2rem
}

@media (min-width:576px) {
    .accordion__item--mobile {
        display: none
    }
}

.accordion__header {
    margin: 0
}

.accordion__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: .55rem 1.1rem .45rem 1rem;
    width: 100%;
    height: 3.4rem;
    border: none;
    border-radius: 0;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer
}

@media (min-width:576px) {
    .accordion__btn {
        padding: .5rem 1rem
    }
}

.accordion__btn--thin {
    font-weight: 400
}

.accordion__icon {
    font-size: .875rem;
    font-weight: 700
}

.accordion__icon.icon-e-delete {
    display: none
}

.accordion__btn:not(.collapsed) .accordion__icon.icon-e-delete {
    display: block
}

.accordion__btn:not(.collapsed) .accordion__icon.icon-e-add {
    display: none
}

.accordion__collapse {
    overflow: hidden;
    transition: height .15s linear
}

.accordion__collapse:not(.show) {
    height: 0
}

.accordion__body {
    padding: 1rem 1rem 1.5rem;
    border-top: 1px solid #dedede;
    background-color: #fafafa;
    font-size: 1rem;
    line-height: 1.438rem
}

.accordion__body--checkboxes>:not(:last-child) {
    margin: 0 0 1.25rem
}

.accordion__body--checkboxes>:first-child {
    margin-top: .6rem
}

.accordion__desktop-button {
    margin: .75rem 0 -.5rem;
    text-align: right
}

@media (max-width:575.98px) {
    .accordion__desktop-button {
        display: none
    }
}

.accordion__desktop-button button {
    min-width: 5.5rem
}

.modal {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: hsla(0, 0%, 40%, .8)
}

.modal.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.modal.fade.show {
    opacity: 1
}

.modal-dialog {
    margin: 2.5rem auto;
    max-width: 69.375rem;
    width: calc(100% - 1.875rem);
    text-align: left
}

.modal-dialog--short {
    max-width: 30rem
}

.modal-dialog--nosize {
    display: inline-block;
    max-width: calc(100% - 1.875rem);
    width: auto
}

.fade .modal-dialog__body {
    transform: translateY(-100px);
    transition: transform .1s linear
}

.fade.show .modal-dialog__body {
    transform: translateY(0)
}

.images {
    display: flex;
    align-items: stretch
}

.images__item {
    width: 33.33333%;
    background-size: cover;
    background-position: 50%
}

.images__item:before {
    content: "";
    display: block;
    padding-top: 65.6%
}

.images__item:nth-child(4) {
    display: none
}

@media (min-width:576px) {
    .images__item {
        width: 25%
    }

    .images__item:nth-child(4) {
        display: block
    }
}

.images__item:nth-child(5) {
    display: none
}

.collapse-text {
    font-size: .875rem;
    line-height: 1.25rem
}

.collapse-text__text {
    overflow: hidden;
    position: relative;
    margin: 0 0 .65rem;
    height: 6.25rem
}

.collapse-text__text:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 99.2%, 0) 65%, #fff)
}

.collapse-text__text.collapsing {
    transition: height .15s
}

.collapse-text__text.show {
    height: auto
}

.collapse-text__text.show:after {
    content: none
}

.collapse-text__button {
    font-size: 1rem
}

@media (min-width:768px) {
    .images__item {
        width: 20%
    }

    .images__item:nth-child(5) {
        display: block
    }

    .collapse-text__text {
        margin: 0 0 .23rem
    }

    .collapse-text__button {
        font-size: .875rem
    }
}

.collapse-text__button:not(.collapsed) {
    display: none
}

@media (min-width:576px) {
    .products__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 0 1.4rem;
        border-bottom: 1px solid #ededed
    }

    .products__filter-button {
        display: none
    }
}

.products__title {
    margin: 0 auto 1.05rem 0
}

.products__filter-button {
    margin: 1.65rem 0 0
}

.products__sorts {
    display: none
}

@media (min-width:576px) {
    .products__sorts {
        z-index: 1;
        position: relative;
        display: flex;
        margin: 0 0 1.05rem .5rem
    }

    .products__sorts>:not(:first-child) {
        margin-left: 1rem
    }

    .products__pills {
        display: none
    }
}

@media (min-width:768px) {
    .products__sorts {
        margin: 0 0 1.05rem 1.1rem
    }

    .products__sorts>:not(:first-child) {
        margin-left: 2rem
    }
}

.products__pills {
    margin: 1.5rem 0 0
}

.products__pills--desktop {
    display: none
}

@media (min-width:576px) {
    .products__pills--desktop {
        display: flex;
        flex-wrap: wrap;
        margin: 0
    }
}

.products__pagination-top {
    display: flex;
    justify-content: center;
    margin: 2rem 0 0
}

@media (min-width:576px) {
    .products__pagination-top {
        display: block;
        margin: 0 0 1.05rem auto;
        padding: 0 0 0 .25rem
    }
}

.products__divider {
    display: none
}

@media (min-width:576px) {
    .products__divider {
        display: block
    }

    .products__container {
        display: flex
    }

    .products__filter {
        width: 13.5rem;
        min-width: 13.5rem
    }
}

@media (min-width:768px) {
    .products__filter {
        padding: 0 1.375rem 0 0;
        width: 17.313rem;
        min-width: 17.313rem
    }
}

.products__selected {
    display: none
}

.products__results {
    font-size: 1rem;
    line-height: 1.438rem
}

.products__results span {
    color: #c02031
}

.products__results--mobile {
    display: flex
}

@media (min-width:576px) {
    .products__list {
        flex-grow: 1;
        padding: 0 0 0 .5rem
    }

    .products__selected {
        display: flex;
        justify-content: space-between;
        padding: 0 .2rem 0 0
    }

    .products__results {
        margin: 0 1rem 0 0;
        padding: 0 0 .25rem
    }

    .products__results--mobile {
        display: none
    }
}

.products__views {
    margin: 0 0 0 auto
}

.products__grid {
    margin: 1.95rem 0 0
}

@media (min-width:576px) {
    .products__grid {
        margin: 1.5rem 0 0
    }
}

.products__pagination {
    display: flex;
    justify-content: center;
    margin: 2.4rem 0 0
}

.products__no-results {
    margin: 3rem auto 0;
    max-width: 25rem;
    text-align: center
}

@media (min-width:576px) {
    .products__pagination {
        justify-content: flex-end
    }

    .products__no-results {
        margin: 8rem auto 0
    }
}

.products__no-results-title {
    font-size: 1.45rem;
    color: #c02031
}

.products__no-results-text {
    margin: 1.5rem 0 0;
    font-size: 1rem;
    line-height: 2rem
}

.pills {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -.25rem 0
}

.pills>* {
    margin: .25rem 0
}

.pills>:not(:last-child) {
    margin-right: .5rem
}

.pills__reset {
    font-size: .875rem
}

.filter {
    display: none
}

@media (min-width:576px) {
    .filter {
        display: block
    }
}

.filter__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 1.2rem
}

@media (max-width:575.98px) {
    .filter {
        overflow-y: auto;
        z-index: 999;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .filter::-webkit-scrollbar {
        display: none
    }

    .menu-open .filter {
        display: block
    }

    .filter__container {
        padding: 0 0 6.563rem;
        min-height: 100%;
        background-color: rgba(163, 156, 149, .16)
    }

    .filter__head {
        margin: 0;
        padding: 3.5rem .938rem .85rem;
        background-color: #fff
    }
}

.filter__title {
    font-size: 1.125rem;
    font-weight: 500
}

.filter__title--desktop {
    display: none;
    font-size: 1.375rem;
    line-height: 2rem
}

.filter__close {
    position: absolute;
    top: .75rem;
    right: 1.15rem;
    cursor: pointer
}

@media (min-width:576px) {
    .filter__title {
        display: none
    }

    .filter__title--desktop {
        display: block
    }

    .filter__close {
        display: none
    }
}

.filter__close i {
    font-size: 1.5rem
}

.filter__pills {
    display: none
}

@media (max-width:575.98px) {
    .filter__pills {
        display: block;
        padding: 0 .938rem 1.5rem;
        background-color: #fff
    }
}

.filter__foot {
    display: none
}

@media (max-width:575.98px) {
    .filter__foot {
        position: fixed;
        left: 0;
        bottom: 0;
        display: block;
        padding: 1.5rem .938rem;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
    }
}

.breadcrumbs {
    --bs-gutter-x: 0.8rem;
    padding-top: 2.2rem;
    padding-bottom: 1.55rem;
    font-size: .875rem
}

.breadcrumbs a {
    margin: 0 .35rem 0 .25rem
}

.breadcrumbs a:first-child {
    margin: 0 .35rem 0 0
}

.breadcrumbs>:last-child {
    margin: 0 0 0 .25rem
}

.product-grid {
    position: relative;
    border: 1px solid #ededed;
    border-right-width: 0;
    border-bottom-width: 0
}

.product-grid>* {
    border-top-width: 0;
    border-left-width: 0
}

.product-grid:not(.product-grid--list-view) {
    display: flex;
    flex-wrap: wrap
}

.product-grid:not(.product-grid--list-view)>* {
    width: 50%
}

@media (min-width:768px) {
    .product-grid:not(.product-grid--list-view)>* {
        width: 33.33333%
    }
}

@media (min-width:992px) {
    .product-grid:not(.product-grid--list-view)>* {
        width: 25%
    }
}

.reg-form {
    padding: 1.7rem 1.5rem
}

.reg-form h1 {
    margin: 0 0 1.4rem;
    font-size: 1.375rem;
    line-height: 1.875rem
}

.reg-form__input {
    margin: 0 0 1.5rem
}

.reg-form__input--dropdown {
    z-index: 1;
    position: relative
}

.reg-form__checkbox {
    margin: 2.1rem 0 0;
    padding: 0 .5rem 0 0
}

.reg-form__button {
    margin: 2.75rem 0 0
}

.reg-success {
    padding: 2.9rem 1.5rem 2.5rem;
    font-size: 1rem;
    text-align: center
}

.reg-success i {
    font-size: 2.25rem;
    color: #00715c
}

.reg-success h3 {
    margin: 1.1rem 0;
    font-size: 2rem;
    font-weight: 500
}

@media (min-width:768px) {
    .reg-form__button {
        margin: 2.1rem 0 0
    }

    .reg-success h3 {
        margin: .8rem 0
    }
}

.reg-success__email-text {
    margin: 1.1rem 1rem 2rem;
    font-weight: 500;
    line-height: 1.25rem
}

.reg-success__button {
    margin: 2.6rem 0 0;
    min-width: 10.6rem
}

.welcome h2 {
    margin: 0;
    font-size: 1.563rem;
    font-weight: 500
}

@media (min-width:768px) {
    .welcome {
        margin: 1.55rem 2rem 0 0
    }

    .welcome h2 {
        font-size: 2rem
    }
}

.welcome__text {
    margin: .5rem 0 1.2rem;
    line-height: 1.438rem
}

.welcome__item {
    position: relative;
    margin: 0 0 1.2rem;
    padding: .1rem 2rem 0 3rem;
    min-height: 1.82rem;
    line-height: 1.438rem
}

.welcome__item i {
    position: absolute;
    top: 0;
    left: .25rem;
    font-size: 1.5rem;
    color: #c02031
}

.welcome h3 {
    margin: 1.8rem 0 1.1rem;
    font-size: 1.125rem;
    font-weight: 500
}

@media (min-width:576px) {
    .welcome__item {
        margin: 0 0 .6rem;
        min-height: 2.4rem
    }

    .welcome h3 {
        margin: 1.45rem 0 .75rem
    }
}

.welcome-confirm {
    padding: 2.5rem 1rem 1.5rem;
    text-align: center
}

.welcome-confirm__logo {
    margin: 0 auto;
    width: 12.5rem;
    height: 3.75rem
}

.welcome-confirm>h3 {
    margin: 1.6rem 0 0;
    font-size: 1.25rem;
    font-weight: 500
}

.welcome-confirm__text {
    margin: .95rem 0 0;
    line-height: 1.438rem
}

@media (min-width:768px) {
    .welcome-confirm {
        padding: 2.5rem 1rem 2.55rem
    }

    .welcome-confirm>h3 {
        margin: 1.2rem 0 0;
        font-size: 1.625rem
    }

    .welcome-confirm__text {
        margin: .9rem 0 0
    }
}

.welcome-confirm__list {
    margin: 1.6rem 0 0;
    text-align: left
}

@media (min-width:768px) {
    .welcome-confirm__list {
        display: grid;
        grid-template-rows: repeat(3, auto);
        gap: 1rem 2rem;
        grid-auto-flow: column;
        margin: 3.1rem auto 0;
        padding: 0 1rem 0 0;
        max-width: 57rem
    }
}

.welcome-confirm__item {
    position: relative;
    margin: 0 0 1.2rem;
    padding: .1rem 0 0 3rem;
    min-height: 1.82rem;
    line-height: 1.438rem
}

.welcome-confirm__item i {
    position: absolute;
    top: 0;
    left: .25rem;
    font-size: 1.5rem
}

@media (min-width:768px) {
    .welcome-confirm__item {
        margin: 0;
        min-height: auto
    }

    .welcome-confirm__item i {
        left: 0
    }
}

.welcome-confirm__buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 2.45rem 0 0
}

.welcome-confirm__buttons>.button {
    padding-left: 1.95rem;
    padding-right: 1.95rem;
    width: 100%
}

.welcome-confirm__buttons>.button:not(:last-child) {
    margin: 0 0 1rem
}

@media (min-width:768px) {
    .welcome-confirm__buttons {
        flex-wrap: nowrap;
        justify-content: center;
        margin: 1.9rem 0 0
    }

    .welcome-confirm__buttons>.button {
        width: auto
    }

    .welcome-confirm__buttons>.button:not(:last-child) {
        margin: 0 1rem 0 0
    }
}

.product-details h1 {
    margin: 0;
    color: #c02031
}

.product-details__subtitle {
    margin: .2rem 0 0;
    font-size: 1.063rem;
    font-weight: 500;
    text-transform: uppercase
}

.product-details__description {
    margin: 1rem 0 0
}

.product-details__colors {
    display: flex;
    flex-wrap: wrap;
    margin: -.25rem;
    padding: 1rem 0 0
}

.product-details__colors>* {
    margin: .25rem
}

.product-details__warning {
    margin: 2.15rem 0 0 .25rem
}

.product-details__link {
    margin: .9rem 0 0;
    font-size: 1.125rem;
    line-height: 1.563rem
}

.product-details__link--samples {
    margin: 1.6rem 5.5rem 1rem 0
}

.purchasing>h4 {
    margin: 0 0 1.5rem;
    font-weight: 500
}

.purchasing__image {
    height: 14.313rem;
    text-align: center
}

@media (min-width:576px) {
    .product-details__colors {
        padding: .5rem 0 0
    }

    .product-details__link {
        font-size: 1rem
    }

    .product-details__link--samples {
        margin: 1.55rem 5.5rem .85rem 0
    }

    .purchasing>h4 {
        padding: 0 0 1rem;
        border-bottom: 1px solid #ededed
    }

    .purchasing__container {
        display: flex;
        flex-wrap: wrap
    }

    .purchasing__image {
        margin: 0 0 1.5rem;
        width: 100%
    }
}

@media (min-width:768px) {
    .purchasing__container {
        flex-wrap: nowrap
    }

    .purchasing__image {
        margin: 0 1.85rem 0 0;
        height: 16.4rem;
        width: 21.875rem
    }
}

.purchasing__image>:not(picture),
.purchasing__image>picture>* {
    max-width: 100%;
    max-height: 100%
}

.purchasing__filters {
    display: none
}

@media (min-width:576px) {
    .purchasing__filters {
        flex-grow: 1;
        display: block;
        margin: 0 auto 0 0;
        max-width: 27.813rem
    }
}

.purchasing__switcher {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0
}

@media (min-width:576px) {
    .purchasing__switcher {
        margin: 0 0 0 .5rem
    }

    .purchasing__filter-button {
        display: none
    }
}

.purchasing__selected {
    margin: 2.2rem 0 1.65rem
}

@media (min-width:576px) {
    .purchasing__selected {
        display: flex;
        flex-wrap: wrap;
        margin: 2rem 0 1rem
    }

    .purchasing__title {
        margin: 0 0 .25rem;
        padding: .65rem 0 0
    }
}

.purchasing__dropdown {
    z-index: 2;
    position: relative;
    margin: 1rem 0 0
}

@media (min-width:576px) {
    .purchasing__dropdown {
        margin: -.118rem 0 0 auto
    }

    .purchasing__showing {
        display: none
    }
}

@media (min-width:768px) {
    .purchasing__dropdown {
        margin: -.111rem 2rem .75rem
    }
}

.purchasing__dropdown>.dropdown__container {
    flex-grow: 1
}

.purchasing__pills {
    margin: .75rem 0 0;
    width: 100%
}

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

@media (min-width:768px) {
    .purchasing__pills {
        margin: .1875rem 0 0;
        width: auto;
        align-items: baseline
    }
}

.purchasing__dimensions {
    overflow-x: auto
}

.purchasing__dimensions::-webkit-scrollbar {
    width: 10px
}

.purchasing__dimensions::-webkit-scrollbar-track {
    background-color: #e9e7e6
}

.purchasing__dimensions::-webkit-scrollbar-thumb {
    background-color: rgba(192, 32, 49, .8);
    border-radius: 100px;
    border: 4px solid #e9e7e6
}

.purchasing__showing {
    margin: 0 0 1rem;
    padding: 1.5rem;
    border-radius: 4px;
    background-color: rgba(163, 156, 149, .24);
    font-size: .875rem;
    line-height: 1.5rem;
    text-align: center
}

.purchasing__show-all {
    margin: .8rem 0 0;
    font-size: 1rem
}

.purchasing__pagination {
    display: flex;
    justify-content: center;
    margin: 0 0 1rem
}

@media (min-width:576px) {
    .purchasing__pagination {
        margin: 2rem 0 0
    }
}

.purchasing__notes {
    margin: 0 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: center
}

.dimensions {
    min-width: 100%;
    text-align: left;
    border-collapse: collapse
}

.dimensions__head-row>* {
    border-bottom: 1px solid #a39c95;
    background-color: #e9e7e6
}

.dimensions__title {
    padding: .5rem 0 .5rem 1rem;
    height: 3.5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500
}

@media (min-width:576px) {
    .purchasing__notes {
        margin: 1.95rem 1rem 0
    }

    .dimensions {
        table-layout: fixed
    }

    .dimensions__empty {
        z-index: 1;
        position: sticky;
        right: 0;
        min-height: 100%;
        width: 12rem
    }

    .dimensions__row:nth-child(odd)>* {
        background-color: #fff
    }
}

@media (min-width:768px) {
    .dimensions__empty {
        width: 21.9rem
    }
}

.dimensions__sort {
    cursor: pointer
}

.dimensions__sort--sorted i {
    transform: rotate(-180deg);
    transition: .2s
}

.dimensions__sort i {
    top: .13rem;
    margin: 0 0 0 .25rem;
    color: #c02031;
    font-size: .875rem;
    transition: .2s
}

@media (min-width:576px) {
    .dimensions__row:nth-child(2n)>* {
        background-color: #f8f7f7
    }

    .dimensions__row:last-child {
        border-bottom: 1px solid rgba(163, 156, 149, .24)
    }

    .dimensions__col {
        padding: 0 0 0 1rem;
        min-width: 6.75rem
    }
}

.dimensions__col {
    height: 3.5rem;
    font-size: .875rem
}

@media (max-width:575.98px) {
    .dimensions {
        display: block
    }

    .dimensions__head {
        display: none
    }

    .dimensions__body {
        display: block
    }

    .dimensions__row {
        display: block;
        margin: 0 0 3rem;
        background: 0 0
    }

    .dimensions__col {
        display: flex;
        align-items: center;
        border-top: 1px solid #a39c95;
        background-color: rgba(163, 156, 149, .08)
    }

    .dimensions__col:nth-child(4) {
        border-bottom: 1px solid #a39c95
    }

    .dimensions__col:before {
        content: attr(data-title);
        display: flex;
        align-items: center;
        margin: 0 1rem 0 0;
        padding: 0 1rem;
        width: 50%;
        height: calc(100% + 2px);
        border-right: 1px solid #a39c95;
        background-color: rgba(163, 156, 149, .24);
        box-sizing: border-box
    }

    .dimensions__buttons {
        padding: .6rem 0 0
    }
}

.dimensions__buttons {
    display: flex;
    justify-content: space-between
}

@media (min-width:576px) {
    .dimensions__buttons {
        z-index: 1;
        position: sticky;
        right: 0;
        flex-wrap: wrap;
        padding: .625rem .5rem;
        width: 12rem
    }
}

@media (min-width:768px) {
    .dimensions__buttons {
        justify-content: flex-end;
        padding: .625rem 1rem;
        width: 21.9rem
    }

    .dimensions__button.secondary-dark {
        margin: 0 1.325rem 0 0;
        width: 8.7rem
    }
}

.dimensions__button {
    width: calc(50% - .5rem)
}

.section {
    padding-top: 3rem;
    padding-bottom: 4rem
}

.section--bg-dark {
    background-color: rgba(163, 156, 149, .08)
}

.section h5 {
    margin: 0 0 1.5rem;
    font-weight: 500
}

@media (min-width:576px) {
    .dimensions__button {
        flex-grow: 0;
        width: 100%
    }

    .dimensions__button.primary {
        margin: .5rem 0 0
    }

    .section {
        padding-top: 4.55rem;
        padding-bottom: 4.25rem
    }

    .section h5 {
        margin: 0 0 1.95rem
    }
}

.section-parts {
    position: relative;
    padding-top: 2.05rem;
    background-color: #fff
}

@media (min-width:768px) {
    .dimensions__button.primary {
        margin: 0;
        width: 9.875rem
    }

    .section-parts {
        padding-top: 4rem;
        padding-bottom: 4rem;
        background-color: unset
    }

    .section-parts__container {
        display: flex;
        align-items: stretch;
        justify-content: space-around;
        padding: 3.5rem 1rem 3.5rem 2rem;
        border-radius: .25rem;
        background-color: #fff
    }
}

@media (min-width:1200px) {
    .section-parts__container {
        padding: 3.5rem 1rem
    }
}

.section-parts__text {
    text-align: center
}

@media (min-width:768px) {
    .section-parts__text {
        flex-grow: 1;
        margin: auto;
        padding: 0 1rem 0 0;
        max-width: 19rem;
        text-align: left
    }
}

@media (min-width:992px) {
    .section-parts__text {
        padding: 0 2rem 0 0;
        max-width: 21.875rem
    }
}

.section-parts__text>h1 {
    margin: 0;
    padding: 0 2rem;
    font-size: 1.75rem;
    line-height: 2.375rem
}

.section-parts__divider {
    display: none
}

@media (min-width:768px) {
    .section-parts__text>h1 {
        padding: 0;
        font-size: 2.25rem;
        line-height: 3.125rem
    }

    .section-parts__divider {
        display: block;
        margin: 0 0 0 1rem;
        width: 1px;
        background-color: #dedede
    }
}

@media (min-width:1200px) {
    .section-parts__divider {
        margin: 0 0 0 2rem
    }
}

.section-parts__desc {
    margin: .45rem 0 0;
    padding: 0 1rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.563rem
}

@media (min-width:768px) {
    .section-parts__desc {
        margin: .5rem 0 0;
        padding: 0;
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

.section-parts__desc>span {
    color: #c02031
}

.section-parts__filter {
    flex-grow: 1;
    margin: 2.5rem -.95rem 0;
    padding: 2.1rem .95rem 2.5rem;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.section-parts__filter>h2 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700
}

@media (min-width:768px) {
    .section-parts__filter {
        margin: auto;
        padding: 0 0 0 2rem;
        max-width: 24rem;
        box-shadow: none
    }

    .section-parts__filter>h2 {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.75rem;
        text-transform: uppercase
    }
}

.section-parts__cupplug {
    display: flex;
    flex-wrap: wrap;
    margin: .65rem -.5rem 0
}

@media (min-width:768px) {
    .section-parts__cupplug {
        margin: .5rem -.95rem 0
    }
}

.section-parts__tile-finder {
    margin: .5rem .5rem 0
}

@media (min-width:992px) {
    .section-parts__tile-finder {
        margin: .5rem .95rem 0
    }
}

.section-parts__style {
    margin: 1.1rem 0 0
}

.section-parts__label {
    margin: 0 0 .75rem;
    font-size: .875rem;
    font-weight: 700
}

.section-parts__radios {
    display: flex
}

.section-parts__radios>:not(:last-child) {
    margin: 0 1.563rem 0 0
}

.section-parts__diameters {
    margin: 2.25rem 0 0
}

.section-parts__range {
    max-width: 16.85rem
}

.section-parts__button.button {
    margin: 1.4rem 0 0
}

.section-home {
    padding-top: 2rem;
    padding-bottom: 3.15rem
}

@media (min-width:768px) {
    .section-parts__diameters {
        margin: 1.75rem 0 0
    }

    .section-parts__button.button {
        width: auto;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .section-home {
        padding-top: 2.5rem
    }
}

.section-home__carousel {
    margin: 3rem 0 0
}

.section-home__carousel>h2 {
    margin: 0 0 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.563rem
}

.section-home-banners {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

@media (min-width:768px) {
    .section-home__carousel>h2 {
        font-size: 1.375rem;
        line-height: 1.95rem
    }

    .section-home-banners {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem
    }
}

.section-home-banners__title {
    padding: 0 0 1rem;
    color: #c02031;
    font-weight: 500;
    font-size: 1.063rem;
    line-height: 1.5rem
}

@media (min-width:768px) {
    .section-home-banners__title {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.section-home-banners__sub-title {
    padding: 0 0 2.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500
}

.section-home-banners__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1rem -.938rem
}

@media (min-width:768px) {
    .section-home-banners__sub-title {
        font-size: 1.625rem;
        line-height: 2.25rem
    }

    .section-home-banners__container {
        margin: -.93rem
    }
}

.section-home-banners__banner-home {
    margin: 1rem .938rem;
    max-width: 21.563rem
}

.section-partner {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4.5rem
}

@media (min-width:768px) {
    .section-home-banners__banner-home {
        margin: .93rem;
        max-width: 21.875rem
    }

    .section-partner {
        padding-top: 6.45rem;
        padding-bottom: 6.45rem
    }

    .section-partner__container {
        display: grid;
        grid-template-areas: "img title""img desc""img .";
        grid-template-columns: 22rem auto
    }
}

@media (min-width:992px) {
    .section-partner__container {
        grid-template-columns: 27.813rem auto
    }
}

@media (min-width:1200px) {
    .section-partner__container {
        grid-template-columns: 27.813rem 35rem
    }
}

.section-partner__container>h2 {
    margin: 2.35rem 0 0;
    font-size: 1.375rem;
    font-weight: 500
}

.section-partner__img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    max-width: 19.688rem;
    height: 13.5rem
}

.section-partner__img>* {
    max-width: 100%;
    max-height: 100%
}

.section-partner__img>picture {
    height: 100%
}

.section-partner__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

.section-partner__desc {
    margin: .8rem 0 0;
    font-size: 1.125rem;
    line-height: 1.563rem
}

@media (min-width:768px) {
    .section-partner__container>h2 {
        grid-area: title;
        margin: 3.75rem 0 0;
        padding: 0 0 0 1.85rem;
        font-size: 1.875rem
    }

    .section-partner__img {
        grid-area: img;
        width: 100%;
        height: auto
    }

    .section-partner__desc {
        grid-area: desc;
        padding: 0 0 0 1.85rem
    }

    .section-partner__list-container {
        margin: 3.55rem 0 0;
        border-top: 1px solid #c02031
    }
}

.section-partner__list {
    counter-reset: number;
    margin-top: 2.6rem;
    margin-bottom: 0;
    list-style: none
}

@media (min-width:768px) {
    .section-partner__list {
        display: flex;
        justify-content: center;
        margin-top: -1.55rem
    }
}

.section-partner__item {
    counter-increment: number;
    display: grid;
    grid-template-areas: "hexagon text""line text";
    grid-template-columns: 3.625rem auto;
    grid-template-rows: 3.125rem 1fr;
    padding: 0 0 0 .9rem;
    min-height: 5.625rem
}

@media (min-width:768px) {
    .section-partner__item {
        display: block;
        width: 100%;
        max-width: 11.875rem
    }
}

.section-partner__hexagon {
    grid-area: hexagon;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0 .2rem;
    width: 3.625rem;
    height: 3.125rem;
    background-color: #c02031
}

.section-partner__hexagon,
.section-partner__hexagon:before {
    -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)
}

.section-partner__hexagon:before {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background-color: #fff
}

.section-partner__hexagon:after {
    content: counter(number) ".";
    position: relative;
    font-size: 1.375rem;
    font-weight: 500;
    color: #c02031
}

.section-partner__line {
    grid-area: line;
    margin: 0 auto;
    width: 1px;
    background-color: #c02031
}

.section-partner__item:last-child .section-partner__line {
    display: none
}

.section-partner__text {
    grid-area: text;
    padding: .8rem 0 1rem 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.563rem
}

@media (min-width:768px) {
    .section-partner__line {
        display: none
    }

    .section-partner__text {
        margin: 2.125rem 0 0;
        padding: 0 1rem 1rem 0
    }
}

.section-partner__button {
    margin-top: .5rem;
    text-align: center
}

.section-caps {
    padding-bottom: 2.5rem;
    text-align: center
}

.section-caps__img {
    overflow: hidden;
    position: relative;
    right: .375rem;
    top: -1.125rem;
    height: 12.938rem
}

.section-caps__img>* {
    max-width: 100%;
    max-height: 100%
}

.section-caps__img>picture {
    height: 100%
}

.section-caps__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

@media (min-width:768px) {
    .section-partner__button {
        margin-top: 3.45rem
    }

    .section-partner__button>.button {
        padding-left: 2rem;
        padding-right: 2rem;
        width: auto
    }

    .section-caps {
        display: flex;
        padding-bottom: 5.3rem;
        text-align: left
    }

    .section-caps__img {
        order: 2;
        top: auto;
        right: auto;
        height: 23rem
    }
}

.section-caps__text {
    margin: 1.6rem 0 0
}

@media (min-width:768px) {
    .section-caps__text {
        order: 1;
        margin: 0 1.25rem 0 0;
        padding: 4.2rem 0 0;
        width: 27.813rem;
        min-width: 27.813rem
    }
}

@media (min-width:1200px) {
    .section-caps__text {
        margin: 0 4.25rem 0 0
    }
}

.section-caps__text>h1 {
    margin: .7rem 0 0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.375rem
}

.section-caps__subtitle {
    color: #c02031;
    font-size: 1.063rem;
    font-weight: 500;
    text-transform: uppercase
}

.section-caps__desc {
    margin: .45rem 0 0;
    font-size: 1.125rem;
    line-height: 1.563rem
}

.section-caps__button.button {
    margin: 1.5rem 0 0;
    padding: .688rem 1.95rem
}

@media (max-width:767.98px) {
    .section-sub {
        padding: 2.6rem 4rem
    }
}

@media (min-width:768px) {
    .section-caps__text>h1 {
        margin: .5rem 0 0;
        font-size: 2.25rem;
        line-height: 3.125rem
    }

    .section-caps__subtitle {
        font-size: 1.125rem
    }

    .section-sub {
        display: grid;
        grid-template-areas: "subtitle list""title list"". list";
        grid-template-columns: 13rem auto;
        padding-top: 3.65rem;
        padding-bottom: 3.15rem
    }

    .section-sub__subtitle {
        grid-area: subtitle
    }
}

.section-sub__subtitle {
    color: #c02031;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

.section-sub__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 1.5rem 0 0;
    font-size: .875rem
}

@media (min-width:768px) {
    .section-sub__title {
        grid-area: title;
        padding: 0 1.5rem 0 0
    }

    .section-sub__list {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        grid-area: list;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0
    }
}

.section-sub__list>* {
    display: none;
    margin: 0 0 1.13rem
}

@media (min-width:768px) {
    .section-sub__list>* {
        display: block;
        padding: 0 0 0 1rem;
        margin: 0 0 .6rem;
        width: 33.33%
    }
}

@media (min-width:992px) {
    .section-sub__list>* {
        padding: 0 0 0 4rem;
        white-space: nowrap
    }
}

.section-sub__list.show>*,
.section-sub__list>:nth-child(-n+10) {
    display: block
}

.section-sub__list>:hover {
    color: #0082d7;
    text-decoration: underline
}

.section-sub__show-more {
    font-size: .875rem
}

.section-sub__show-more:not(.collapsed) {
    display: none
}

.section-series {
    padding-top: 4.45rem;
    padding-bottom: 2.5rem
}

@media (min-width:768px) {
    .section-sub__show-more {
        display: none
    }

    .section-series {
        padding-top: 3.6rem
    }
}

.section-series--detail {
    padding-top: 2.45rem;
    padding-bottom: 2.5rem
}

.section-series__top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.section-series--detail .section-series__top {
    display: block
}

.section-series__top>h2 {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500
}

@media (min-width:768px) {
    .section-series--detail {
        padding-top: 3.6rem;
        padding-bottom: 1rem
    }

    .section-series--detail .section-series__top {
        display: flex
    }

    .section-series__top>h2 {
        font-size: 1.375rem
    }
}

.section-series__top>h3 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500
}

.section-series__link {
    display: inline-block;
    margin: 0 .25rem
}

.section-series--detail .section-series__link {
    margin: 1.3rem 0 0
}

.section-series__link>span {
    display: none
}

@media (min-width:768px) {
    .section-series__top>h3 {
        font-size: 1.625rem
    }

    .section-series--detail .section-series__link,
    .section-series__link {
        margin: 0 .15rem
    }

    .section-series__link>span {
        display: inline
    }
}

.section-series__tabs {
    z-index: 1;
    position: relative;
    margin: 2.1rem 0 0;
    max-width: 100%;
    white-space: nowrap
}

@media (min-width:768px) {
    .section-series__tabs {
        margin: 1.7rem 0 0
    }
}

.section-series__content {
    margin: 2rem 0 0
}

.section-series__button {
    margin: 1rem 0 0;
    text-align: center
}

@media (min-width:768px) {
    .section-series__button {
        margin: 0
    }
}

.section-series__button>.button {
    padding-left: 1.95rem;
    padding-right: 1.95rem
}

.section-series__link-center {
    margin: 1.5rem 0 0;
    text-align: center
}

.section-banner {
    padding-top: 1.65rem;
    padding-bottom: 1.5rem
}

@media (min-width:576px) {
    .section-banner {
        padding-top: 3.15rem;
        padding-bottom: 2rem
    }
}

.section-banners {
    padding-top: 2.5rem;
    padding-bottom: 4rem
}

.section-banners__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1.25rem -.95rem;
    text-align: center
}

.section-banners__item {
    padding: 1.25rem .95rem;
    max-width: 17.238rem
}

.section-banners__img {
    height: 14.125rem;
    border-radius: .25rem;
    background-size: cover;
    background-position: 50%
}

@media (min-width:768px) {
    .section-banners__container {
        margin: -.93rem;
        text-align: left
    }

    .section-banners__item {
        padding: .93rem;
        max-width: 23.735rem
    }

    .section-banners__img {
        height: 20rem
    }
}

.section-banners__name {
    margin: 1.7rem 0 0;
    font-size: 1.125rem;
    font-weight: 500
}

@media (min-width:768px) {
    .section-banners__name {
        margin: 1.35rem 0 0;
        font-size: 1.375rem
    }
}

.section-banners__desc {
    margin: .65rem 0 0;
    font-size: 1rem;
    line-height: 1.438rem
}

.section-banners>.tile-large {
    margin: 3.9rem 0 0
}

@media (max-width:767.98px) {
    .section-intro {
        padding: 0
    }
}

@media (min-width:768px) {
    .section-intro {
        display: flex;
        align-items: center;
        padding-top: 7.625rem;
        padding-bottom: 7.5rem;
        gap: 3.75rem
    }
}

.section-intro__video {
    position: relative;
    padding-top: 56.3187985323%
}

@media (min-width:768px) {
    .section-intro__video {
        padding-top: 0;
        min-width: 45%;
        width: 45%;
        height: 15rem
    }
}

@media (min-width:992px) {
    .section-intro__video {
        min-width: 65.7%;
        width: 65.7%;
        height: 25.563rem
    }
}

.section-intro__frame {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-intro__link {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: hsla(0, 0%, 100%, .5)
}

.section-intro__link>i {
    font-size: 1.5rem
}

.section-intro__text {
    padding: 2.7rem .95rem 4.5rem
}

.section-intro__subtitle {
    font-size: 1.063rem;
    font-weight: 500;
    color: #c02031;
    text-transform: uppercase
}

@media (min-width:768px) {
    .section-intro__text {
        flex-grow: 1;
        padding: 0 0 .25rem
    }

    .section-intro__subtitle {
        font-size: 1.125rem
    }
}

.section-intro__title {
    margin: .85rem 0 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem
}

@media (min-width:768px) {
    .section-intro__title {
        margin: .7rem 0 0;
        font-size: 1.625rem;
        line-height: 2.25rem
    }
}

.section-intro__desc {
    margin: 1rem 0 0;
    padding: 0 2rem 0 0;
    font-size: 1rem;
    line-height: 1.438rem
}

.section-intro__button.button {
    margin: 2rem 0 0;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width:768px) {
    .section-intro__desc {
        margin: 1.45rem 0 0;
        padding: 0
    }

    .section-intro__button.button {
        margin: 1.5rem 0 0;
        width: auto
    }
}

.section-materials {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

.section-materials__main>h4 {
    margin: 0
}

.section-materials__desc {
    margin: 1rem 0 0;
    font-size: 1rem;
    line-height: 1.438rem
}

@media (min-width:768px) {
    .section-materials {
        display: flex;
        padding-top: 6.5rem;
        padding-bottom: 6.5rem
    }

    .section-materials__main {
        flex-grow: 1
    }

    .section-materials__desc {
        margin: .5rem 0 0;
        max-width: 33.75rem
    }
}

.section-materials__list {
    margin: 2rem 0 0;
    font-size: 1.125rem;
    line-height: 1.563rem;
    font-weight: 700
}

.section-materials__item {
    padding: 0 0 .5rem;
    min-height: 3.06rem
}

.section-materials__item:before {
    content: "";
    display: inline-block;
    margin: 0 .25rem 0 0;
    width: 1.2rem;
    height: 1.2rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../../images/caplugs-icon.png)
}

@media (min-width:992px) {
    .section-materials__list {
        display: flex;
        flex-wrap: wrap;
        margin: 2.5rem 0 0
    }

    .section-materials__item {
        padding: 0 1rem .5rem 0;
        width: 50%
    }
}

.section-materials__button.button {
    margin: .55rem 0 0;
    padding-left: 2rem;
    padding-right: 2rem
}

.section-materials__temperature {
    margin: 1rem 0 0
}

@media (min-width:768px) {
    .section-materials__button.button {
        margin: 1rem 0 0;
        width: auto
    }

    .section-materials__temperature {
        margin: 0 0 0 1.75rem;
        min-width: 16rem;
        width: 16rem
    }
}

.section-solutions {
    position: relative;
    padding-top: 4.3rem;
    padding-bottom: 4.5rem
}

.section-solutions__subtitle {
    color: #c02031;
    font-size: 1.063rem;
    font-weight: 500;
    text-transform: uppercase
}

.section-solutions>h4 {
    margin: 1.1rem 0 0;
    padding: 0 1rem 0 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem
}

.section-solutions__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2.375rem -.625rem -.625rem;
    font-size: 1.125rem;
    line-height: 1.563rem;
    font-weight: 700
}

@media (min-width:768px) {
    .section-solutions {
        padding-top: 5.25rem;
        padding-bottom: 6rem
    }

    .section-solutions__subtitle {
        font-size: 1.125rem
    }

    .section-solutions>h4 {
        margin: 1.25rem 0 0;
        font-size: 1.625rem;
        line-height: 2.25rem
    }

    .section-solutions__list {
        margin: 2.05rem -.95rem -.95rem
    }
}

.section-solutions__item {
    padding: .625rem;
    max-width: 23.5rem
}

@media (min-width:768px) {
    .section-solutions__item {
        padding: .95rem
    }

    .section-serve {
        display: grid;
        grid-template-areas: "info list""banner list";
        grid-gap: 1.813rem;
        grid-template-columns: 48.74% 1fr;
        grid-template-rows: auto 1fr
    }
}

.section-serve {
    padding-top: 4rem;
    padding-bottom: 3.15rem
}

@media (min-width:992px) {
    .section-materials__temperature {
        min-width: 20rem;
        width: 20rem
    }

    .section-serve {
        padding-top: 7.65rem;
        padding-bottom: 0
    }
}

.section-serve__subtitle {
    color: #c02031;
    font-size: 1.063rem;
    font-weight: 500;
    line-height: 1.5rem
}

@media (min-width:768px) {
    .section-serve__info {
        grid-area: info
    }

    .section-serve__subtitle {
        font-size: 1.125rem
    }
}

.section-serve__desc {
    margin: .5rem 0 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem
}

@media (min-width:768px) {
    .section-serve__desc {
        margin: .65rem 0 0;
        font-size: 1.625rem;
        line-height: 2.25rem
    }
}

@media (min-width:1200px) {
    .section-serve__desc {
        padding: 0 4rem 0 0
    }
}

.section-serve__banner {
    margin: 3rem 0
}

@media (min-width:768px) {
    .section-serve__banner {
        grid-area: banner;
        margin: 5.11rem 0 3.187rem
    }

    .section-serve__list {
        grid-area: list;
        display: grid;
        grid-template-columns: 50% 50%;
        margin: 0 -.95rem
    }

    .section-serve__list>* {
        padding: 0 .95rem
    }
}

.section-serve__list>* {
    margin: 0 0 3rem
}

.section-serve__list>:last-child {
    margin: 0
}

@media (min-width:992px) {

    .section-serve__list>*,
    .section-serve__list>:last-child {
        margin: 0 0 5rem
    }
}

.section-products {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 4rem
}

.section-products>h3 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.563rem;
    margin: 0 0 1.5rem
}

@media (min-width:768px) {
    .section-products {
        padding-top: 5rem
    }

    .section-products>h3 {
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

.section-tile-banners {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.section-tile-banners__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1.25rem -.95rem
}

@media (min-width:1200px) {
    .section-tile-banners__container {
        justify-content: space-between
    }
}

.section-tile-banners__banner-tile {
    margin: 1rem .938rem;
    max-width: 21.563rem
}

@media (min-width:768px) {
    .section-tile-banners {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .section-tile-banners__banner-tile {
        margin: .93rem;
        max-width: 33.75rem
    }
}

.section-quality-management {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
    text-align: center
}

.section-quality-management__img {
    max-width: 160px;
    max-height: 160px;
    border-radius: 100px
}

.section-quality-management__content>h4 {
    margin: 2.5rem 0 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem
}

@media (min-width:768px) {
    .section-quality-management {
        flex-direction: row;
        padding-top: 5rem;
        padding-bottom: 5rem;
        text-align: left
    }

    .section-quality-management__content>h4 {
        margin: 0;
        font-size: 1.625rem;
        line-height: 2.25rem
    }

    .section-quality-management__content {
        padding: 0 3.75rem
    }
}

@media (min-width:1200px) {
    .section-quality-management__content {
        padding: 0 3.75rem 0 7.75rem
    }
}

.section-quality-management__text {
    margin: 1rem 0 1.5rem;
    font-size: 1.125rem;
    line-height: 1.563rem
}

.section-quality-management__link {
    font-weight: 700;
    line-height: 1.25rem;
    color: #343434;
    text-decoration: none;
    text-transform: uppercase;
    margin: auto;
    max-width: 12.125rem
}

.section-quality-management__link>i {
    margin: 0 0 0 .625rem;
    font-size: .875rem
}

@media (min-width:768px) {
    .section-quality-management__link {
        margin: 0;
        max-width: 12.125rem
    }
}

@media (min-width:992px) {
    .section-quality-management__link {
        margin: 0;
        max-width: unset
    }

    .section-app--detail .section-app__img {
        min-width: 45.5rem;
        margin-right: -7rem
    }
}

.section-quality-management__logos {
    margin: 2.5rem 0 0
}

.section-videos {
    padding-top: 3rem;
    padding-bottom: 3.5rem
}

@media (min-width:768px) {
    .section-quality-management__logos {
        margin: 0
    }

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

.section-videos__container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.section-videos__title {
    width: 100%;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem
}

.section-videos__link {
    margin: 2.125rem 0 0
}

@media (min-width:576px) {
    .section-videos__title {
        width: auto;
        font-size: 1.875rem;
        line-height: 2.5rem
    }

    .section-videos__link {
        margin: 0 0 0 .5rem
    }
}

.section-videos__list {
    margin: .625rem -.95rem -1rem
}

.section-videos__item {
    padding: 1rem .95rem
}

@media (min-width:576px) {
    .section-videos__list {
        display: flex;
        flex-wrap: wrap;
        margin: 1rem -.95rem -1rem
    }

    .section-videos__item {
        width: 50%
    }
}

.section-videos__banner {
    margin: 3.5rem 0 0
}

.section-video-tabs {
    padding-top: 2.7rem;
    padding-bottom: 2.5rem
}

@media (min-width:768px) {
    .section-videos__item {
        width: 33.33333%
    }

    .section-video-tabs {
        padding-top: 2.25rem;
        padding-bottom: 3.75rem
    }
}

.section-video-tabs__container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.section-video-tabs__title {
    width: 100%;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem
}

@media (min-width:576px) {
    .section-videos__banner {
        margin: 5rem 0 0
    }

    .section-video-tabs__title {
        width: auto;
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

.section-video-tabs__link {
    margin: 1.1rem 0 0
}

@media (min-width:576px) {
    .section-video-tabs__link {
        margin: 0 0 0 .5rem
    }
}

.section-video-tabs__tabs {
    margin: .75rem 0 0
}

.section-video-tabs__list {
    margin: 1rem -.95rem -1rem
}

@media (min-width:576px) {
    .section-video-tabs__list {
        display: flex;
        flex-wrap: wrap;
        margin: 1rem -.95rem -1rem
    }
}

.section-video-tabs__item {
    padding: 1rem .95rem
}

.section-video-tabs__banner {
    margin: 3.5rem 0 0
}

.section-app {
    padding-top: .75rem;
    padding-bottom: 3rem;
    text-align: center
}

@media (min-width:576px) {
    .section-video-tabs__banner {
        margin: 5rem 0 0
    }

    .section-app {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 0;
        padding-bottom: 0;
        text-align: left
    }
}

.section-app__img {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 21.063rem;
    max-width: 100%
}

.section-app__img:before {
    content: "";
    display: block;
    padding-top: 64.0934339838%
}

.section-app__img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media (min-width:576px) {
    .section-app__img {
        order: 2;
        display: flex;
        align-items: center;
        margin: 0 0 0 .5rem;
        min-width: 17rem
    }

    .section-app__img:before {
        padding-top: 69.4797546012%
    }

    .section-app__img>img {
        position: relative;
        top: auto;
        left: auto
    }

    .section-app__text {
        order: 1;
        padding: 2rem 0 2.25rem;
        max-width: 27.813rem
    }
}

.section-app__text {
    margin: .25rem 0 0
}

.section-app__subtitle {
    color: #c02031;
    font-size: 1.063rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-transform: uppercase
}

.section-app h1 {
    margin: .4rem 0 0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.375rem
}

@media (min-width:768px) {
    .section-app__img {
        width: 40.75rem
    }

    .section-app__subtitle {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .section-app h1 {
        margin: .25rem 0 0;
        font-size: 2.25rem;
        line-height: 3.125rem
    }
}

.section-app__desc {
    margin: .5rem 0 0;
    font-size: 1.125rem;
    line-height: 1.563rem
}

@media (min-width:768px) {
    .section-app__desc {
        margin: 1rem 0 0
    }
}

.section-app__logo {
    margin: 2rem 0 0;
    height: 2.188rem
}

.section-shop {
    padding-top: 3rem;
    padding-bottom: 2rem;
    text-align: center
}

@media (min-width:576px) {
    .section-shop {
        padding-top: 4rem
    }
}

.section-shop h2 {
    margin: 0;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.5rem
}

.section-shop__subtitle {
    margin: 1rem 0 0;
    padding: 0 .75rem;
    font-size: 1.125rem;
    line-height: 1.563rem
}

@media (min-width:576px) {
    .section-shop__subtitle {
        margin: 1rem auto 0;
        max-width: 40rem
    }
}

.section-shop__list {
    display: flex;
    flex-wrap: wrap;
    margin: 1.75rem -.475rem 0;
    text-align: left
}

@media (min-width:992px) {
    .section-app--detail .section-app__img:before {
        padding-top: 62.9177777778%
    }

    .section-shop__list {
        margin: 1.75rem auto 0;
        max-width: 59.5rem;
        width: calc(100% - 1.9rem)
    }
}

.section-shop__item {
    padding: .75rem .465rem;
    width: 50%
}

@media (min-width:992px) {
    .section-shop__item {
        padding: .75rem .95rem
    }
}

.section-articles,
.section-shop__item>* {
    padding-bottom: 2rem
}

.section-articles {
    padding-top: 1.25rem
}

.section-articles--detail {
    padding-bottom: 4.7rem
}

@media (min-width:576px) {
    .section-shop__item {
        width: 33.33333%
    }

    .section-articles--detail {
        padding-bottom: 4.6rem
    }
}

.section-articles__head {
    padding: 0 0 1rem;
    border-bottom: 1px solid #ededed
}

.section-articles h2 {
    margin: 0 .5rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-align: center
}

@media (min-width:576px) {
    .section-articles__head {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0 0 .5rem
    }

    .section-articles h2 {
        font-size: 1.625rem;
        line-height: 2.25rem
    }
}

.section-articles h3 {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem
}

.section-articles__link {
    display: inline-block;
    margin: 1rem 0 0
}

@media (min-width:576px) {
    .section-articles h3 {
        font-size: 1.875rem;
        line-height: 2.5rem
    }

    .section-articles__link {
        margin: .75rem 0 0
    }
}

.section-articles__list {
    margin: 1.25rem 0 -1.25rem
}

.section-articles__item {
    padding: 1.25rem 0
}

@media (min-width:576px) {
    .section-articles__list {
        display: flex;
        flex-wrap: wrap;
        margin: .5rem -.95rem -2rem
    }

    .section-articles__item {
        padding: 2rem .95rem
    }
}

.section-catalog {
    padding: 0 0 5.2rem;
    text-align: center
}

@media (min-width:768px) {
    .section-shop__item {
        width: 20%
    }

    .section-catalog {
        padding: 7rem 0 3.1rem;
        text-align: left
    }
}

.section-catalog__line {
    position: relative;
    padding: 4.6rem 0 21.5rem;
    background-color: rgba(163, 156, 149, .08)
}

.section-catalog__title {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem
}

@media (min-width:768px) {
    .section-catalog__line {
        display: flex;
        align-items: center;
        padding: 0;
        min-height: 23.25rem
    }

    .section-catalog__container {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .section-catalog__text {
        max-width: 33.813rem
    }

    .section-catalog__title {
        max-width: 21.875rem;
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

.section-catalog__desc {
    margin: .9rem 0 0;
    font-size: 1rem;
    line-height: 1.438rem
}

@media (min-width:768px) {
    .section-catalog__desc {
        margin: 1.5rem 0 0
    }
}

.section-catalog__button {
    margin: 2.5rem 0 0
}

.section-catalog__button>.button {
    padding-left: 1.9rem;
    padding-right: 1.9rem
}

.section-catalog__img {
    position: absolute;
    left: calc(50% - 11.1565rem);
    bottom: -5.15rem;
    max-width: 22.313rem;
    width: 100%;
    height: 24.125rem
}

.section-catalog__img>* {
    max-width: 100%;
    max-height: 100%
}

.section-catalog__img>picture {
    height: 100%
}

.section-catalog__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

@media (min-width:768px) {
    .section-catalog__img {
        position: relative;
        left: auto;
        bottom: auto;
        margin: -5rem 0;
        max-width: 30.625rem;
        height: auto
    }
}

.section-catalog__img--thin {
    left: calc(50% - 10rem);
    max-width: 20rem
}

@media (min-width:768px) {
    .section-catalog__img--thin {
        left: auto;
        max-width: 24rem
    }
}

.section-catalogs {
    padding-top: 2.1rem;
    padding-bottom: 4.55rem
}

@media (min-width:576px) {
    .section-catalogs {
        padding-bottom: 5.95rem
    }
}

.section-catalogs__head {
    padding: 0 0 1rem;
    border-bottom: 1px solid #ededed
}

.section-catalogs h3 {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem
}

@media (min-width:576px) {
    .section-catalogs__head {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0 0 .5rem
    }

    .section-catalogs h3 {
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

.section-catalogs__link {
    display: inline-block;
    margin: 1rem 0 0
}

@media (min-width:576px) {
    .section-catalogs__link {
        margin: .75rem 0 0
    }
}

.section-catalogs__list {
    display: flex;
    flex-wrap: wrap;
    margin: .85rem -.95rem -1.25rem
}

.section-catalogs__item {
    display: flex;
    justify-content: center;
    padding: 1.25rem .95rem 1.2rem;
    width: 50%
}

@media (min-width:576px) {
    .section-catalogs__list {
        margin: .5rem -.95rem -2rem
    }

    .section-catalogs__item {
        padding: 2rem .95rem;
        width: 33.33333%
    }
}

@media (min-width:768px) {
    .section-catalogs__item {
        width: 25%
    }
}

@media (min-width:992px) {
    .section-catalog__img--thin {
        max-width: 29rem
    }

    .section-catalogs__item {
        width: 16.66667%
    }
}

.section-catalogs__item>* {
    width: 9.875rem
}

.section-help {
    border-top: .25rem solid #c02031;
    background-color: rgba(163, 156, 149, .08)
}

.section-help__container {
    padding-top: 2.55rem;
    padding-bottom: 3.4rem
}

@media (min-width:576px) {
    .section-help__container {
        display: grid;
        grid-template-columns: 50% 1fr;
        grid-template-areas: "title title""form contact""form links";
        grid-gap: 2rem 1rem;
        padding-bottom: 4.5rem
    }
}

@media (min-width:992px) {
    .section-help__container {
        grid-gap: 2rem 3rem
    }
}

.section-help h3 {
    margin: 0 0 2.45rem;
    font-weight: 500;
    text-align: center
}

@media (min-width:576px) {
    .section-help h3 {
        grid-area: title;
        margin: 0;
        text-align: left
    }

    .section-help__form-container {
        grid-area: form
    }
}

.section-help h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    text-transform: uppercase
}

.section-help__form {
    margin: 0 auto;
    padding: 2.188rem 1.5rem 4rem;
    background-color: rgba(163, 156, 149, .24)
}

.section-help__form h6 {
    margin-bottom: 2rem
}

.section-help__form>* {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 16rem
}

.section-help__form>.dropdown {
    position: relative
}

.section-help__form>.dropdown:first-of-type {
    z-index: 2
}

.section-help__form>.dropdown:nth-of-type(2) {
    z-index: 1;
    margin-top: 1rem
}

.section-help__button {
    margin-top: 1.5rem
}

.section-help__contact {
    margin: 3.5rem 0 0
}

@media (min-width:576px) {
    .section-help__form {
        padding: 5.6rem 1.5rem
    }

    .section-help__form h6 {
        margin-bottom: 1.75rem
    }

    .section-help__contact {
        grid-area: contact;
        margin: 0
    }
}

.section-help__tile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 1.45rem 2.5rem;
    border: 1px solid #dedede;
    border-top: .25rem solid #c02031;
    border-radius: .25rem;
    background-color: #fff;
    line-height: 1.438rem
}

.section-help__tile>:not(:last-child) {
    margin: 0 0 1rem
}

.section-help__tile-text {
    font-size: 1.125rem;
    line-height: 1.563rem
}

.section-help__links {
    margin: 3.5rem 0 0
}

@media (min-width:576px) {
    .section-help__links {
        grid-area: links;
        margin: 0
    }

    .section-quote:before {
        left: 0;
        background-color: #c02031
    }

    .section-quote:after,
    .section-quote:before {
        content: "";
        z-index: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50%
    }

    .section-quote:after {
        right: 0;
        background-color: rgba(163, 156, 149, .24)
    }
}

@media (min-width:768px) {
    .section-help__container {
        grid-template-columns: 40% 1fr
    }

    .section-help__links-container {
        display: flex;
        align-items: stretch;
        justify-content: space-between
    }

    .section-help__links-container>* {
        width: calc(50% - .5rem)
    }
}

@media (min-width:992px) {
    .section-help__links-container>* {
        width: calc(50% - .95rem)
    }
}

.section-help__links-container>:not(:last-child) {
    margin: 0 0 1.5rem
}

.section-faq {
    padding-top: 4.45rem;
    padding-bottom: 3.5rem
}

.section-faq h3 {
    margin: 0;
    font-weight: 500
}

.section-faq__tabs {
    margin: 1.688rem 0 0;
    max-width: 100%;
    white-space: nowrap
}

@media (min-width:768px) {
    .section-help__links-container>:not(:last-child) {
        margin: 0
    }

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

    .section-faq__tabs {
        margin: .75rem 0 0
    }
}

.section-faq__content {
    margin: 2rem 0 0
}

.section-faq__link {
    margin: 1.5rem 0 0;
    text-align: center
}

.section-quote {
    position: relative
}

.section-quote__container {
    z-index: 2;
    position: relative;
    background-color: #fff
}

.section-quote__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -.95rem;
    padding: 1rem .95rem;
    min-height: 6.563rem;
    background-color: #c02031;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center
}

@media (min-width:576px) {
    .section-quote__container {
        display: flex
    }

    .section-quote__title {
        display: block;
        margin: 0 0 0 -.95rem;
        padding: 1.5rem .95rem;
        width: 100%;
        max-width: 12rem;
        text-align: left
    }
}

@media (min-width:992px) {
    .section-quote__title {
        padding: 2.55rem .95rem;
        max-width: 16.85rem;
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

.section-quote__body {
    margin: 0 -.95rem;
    padding: 2.5rem 1.25rem 5.5rem;
    background-color: rgba(163, 156, 149, .24);
    text-align: center
}

@media (min-width:576px) {
    .section-quote__body {
        flex-grow: 1;
        margin: 0 -.95rem 0 0;
        padding: 1.5rem .95rem
    }

    .section-quote__text {
        margin: 0 auto;
        width: 100%;
        max-width: 33.75rem
    }
}

@media (min-width:992px) {
    .section-quote__body {
        padding: 2.5rem 6rem 2.5rem .95rem
    }
}

.section-quote__text {
    font-size: 1rem;
    line-height: 1.438rem
}

.section-quote__button {
    margin: 2.75rem 0 0
}

@media (min-width:576px) {
    .section-quote__button {
        margin: 2rem 0 0
    }
}

.section-quote__button>.button {
    padding-left: 1.95rem;
    padding-right: 1.95rem
}

.section-detail {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4.5rem
}

.section-detail__subtitle {
    color: #c02031;
    font-size: 1.063rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-transform: uppercase
}

.section-detail h3 {
    margin: 1rem 0 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem
}

@media (min-width:768px) {
    .section-detail {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .section-detail__subtitle {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .section-detail h3 {
        font-size: 1.625rem;
        line-height: 2.25rem
    }

    .section-detail__desc {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
}

.section-detail__desc {
    margin: 1.5rem 0 0;
    font-size: 1rem;
    line-height: 1.438rem
}

.section-detail__desc>p {
    margin: 0 0 1.45rem
}

.section-detail__desc>p:last-child {
    margin: 0
}

.section-detail__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1.85rem -.625rem -.625rem;
    font-size: 1.125rem;
    line-height: 1.563rem;
    font-weight: 700
}

.section-detail__item {
    padding: .625rem;
    width: 100%;
    max-width: 23.75rem
}

@media (min-width:768px) {
    .section-detail__list {
        margin: .8rem -.95rem -.95rem
    }

    .section-detail__item {
        padding: .95rem
    }
}

.section-masking {
    position: relative;
    padding-top: 4.5rem;
    padding-bottom: 3.1rem;
    text-align: center
}

@media (min-width:768px) {
    .section-masking {
        padding-top: 5.4rem;
        padding-bottom: 5rem
    }
}

.section-masking--protection {
    padding-bottom: 1.75rem
}

.section-masking__subtitle {
    color: #c02031;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase
}

.section-masking h3 {
    margin: .65rem 0 0;
    font-weight: 500
}

.section-masking__desc {
    margin: 1.4rem auto 0;
    font-size: 1rem;
    line-height: 1.438rem
}

@media (min-width:768px) {
    .section-masking--protection {
        padding-bottom: 1.2rem
    }

    .section-masking h3 {
        margin: .25rem 0 0
    }

    .section-masking__desc {
        max-width: 45.625rem
    }
}

.section-masking__tabs {
    margin: 1.7rem 0 0
}

.section-masking__content {
    text-align: center
}

.section-masking__content img {
    margin: 1.5rem 0 0;
    width: 100%;
    max-width: 57.438rem
}

.section-masking__video {
    position: relative;
    margin: 2.5rem 0 0;
    max-width: 45.625rem;
    background-size: cover;
    background-position: 50%
}

@media (min-width:768px) {
    .section-masking__video {
        margin: 5rem auto 0;
        max-width: 45.625rem
    }
}

.section-masking__video:before {
    content: "";
    display: block;
    padding-top: 55.9420289855%
}

.section-masking__video>i {
    position: absolute;
    top: calc(50% - 1.45rem);
    left: calc(50% - 1.45rem);
    color: #fff;
    font-size: 2.875rem
}

.section-explore {
    padding-top: 4.4rem;
    padding-bottom: 4.5rem
}

.section-explore__subtitle {
    color: #c02031;
    font-size: 1.063rem;
    font-weight: 500;
    text-transform: uppercase
}

.section-explore h4 {
    margin: 1.1rem 0 0;
    font-weight: 500
}

.section-explore__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1.5rem -.5rem -.5rem
}

@media (min-width:576px) {
    .section-explore {
        padding-top: 4.1rem;
        padding-bottom: 4rem
    }

    .section-explore__subtitle {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .section-explore__list {
        margin: .95rem -.95rem -.95rem
    }
}

.section-explore__item {
    padding: .5rem;
    max-width: 22.875rem;
    width: 100%
}

.section-industry-top {
    background-color: rgba(121, 180, 182, .08)
}

@media (min-width:576px) {
    .section-explore__item {
        padding: .95rem;
        max-width: 23.75rem
    }

    .section-industry-top {
        background-color: rgba(163, 156, 149, .16)
    }
}

.section-industry-top__container {
    padding-top: .75rem;
    padding-bottom: 3rem;
    text-align: center
}

.section-industry-top__img {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 21.063rem;
    max-width: 100%
}

.section-industry-top__img:before {
    content: "";
    display: block;
    padding-top: 64.0934339838%
}

.section-industry-top__img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media (min-width:576px) {
    .section-industry-top__container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 0;
        padding-bottom: 0;
        text-align: left
    }

    .section-industry-top__img {
        order: 2;
        display: flex;
        align-items: center;
        margin: 0 0 0 .5rem;
        min-width: 17rem
    }

    .section-industry-top__img:before {
        padding-top: 69.4797546012%
    }

    .section-industry-top__img>img {
        position: relative;
        top: auto;
        left: auto
    }
}

.section-industry-top__text {
    margin: 2.25rem 0 0
}

@media (min-width:576px) {
    .section-industry-top__text {
        order: 1;
        margin: 0;
        padding: 2rem 0 2.25rem;
        max-width: 27.813rem
    }

    .filter-mobile {
        display: none
    }
}

.section-industry-top__subtitle {
    color: #c02031;
    font-size: 1.063rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-transform: uppercase
}

.section-industry-top h1 {
    margin: .4rem 0 0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.375rem
}

@media (min-width:768px) {
    .section-industry-top__img {
        width: 40.75rem
    }

    .section-industry-top__subtitle {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .section-industry-top h1 {
        margin: .25rem 0 0;
        font-size: 2.25rem;
        line-height: 3.125rem
    }
}

.section-industry-top__desc {
    margin: .5rem 0 0;
    font-size: 1rem;
    line-height: 1.438
}

@media (min-width:768px) {
    .section-industry-top__desc {
        margin: 1rem 0 0
    }
}

.filter-desktop__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.563rem
}

.filter-desktop__desc {
    margin: .5rem 0 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.filter-desktop__tabs {
    margin: .7rem 0 0
}

.filter-desktop__content {
    margin: 1.45rem 0 0;
    width: 14rem
}

.filter-desktop__button {
    margin: 1.5rem 0 0
}

.filter-mobile {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #fff
}

@media (max-width:575.98px) {
    .menu-open .filter-mobile {
        display: block
    }
}

.filter-mobile__container {
    padding: 0 0 6.563rem;
    min-height: 100%;
    background-color: rgba(163, 156, 149, .16)
}

.filter-mobile__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 3.5rem .938rem .85rem;
    background-color: #fff
}

.filter-mobile__title {
    font-size: 1.35rem;
    font-weight: 500;
    padding-top: 3px
}

.filter-mobile__title--small {
    font-size: 1.125rem
}

.filter-mobile__close {
    position: absolute;
    top: .75rem;
    right: 1.15rem;
    cursor: pointer
}

.filter-mobile__close i {
    font-size: 1.5rem
}

.filter-mobile__body {
    background-color: #fff
}

.filter-mobile__image {
    margin: 0 0 1.35rem;
    padding: .3rem 0 0;
    height: 14.6rem;
    text-align: center
}

.filter-mobile__image img {
    max-width: 100%;
    max-height: 100%
}

.filter-mobile__foot {
    display: block;
    padding: 1.5rem .938rem;
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.filter-mobile__foot,
.sticky {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

.sticky {
    z-index: 11;
    height: 0
}

.sticky__diagram-button {
    position: absolute;
    left: .95rem;
    bottom: .95rem
}

.diagram-open .sticky__diagram-button {
    display: none
}

.sticky__support {
    position: absolute;
    right: .95rem;
    bottom: 0
}

.sticky>.back-to-top {
    display: none
}

@media (min-width:992px) {
    .sticky>.back-to-top {
        position: absolute;
        right: .95rem;
        bottom: 5.125rem;
        display: block
    }
}

@media (min-width:1200px) {
    .section-help__container {
        grid-gap: 2.45rem 7.813rem
    }

    .sticky__diagram-button {
        left: 2.5rem
    }

    .sticky>.back-to-top,
    .sticky__support {
        right: 1.75rem
    }
}

.sticky__diagram {
    position: absolute;
    left: .95rem;
    bottom: 1.5rem;
    display: none
}

@media (min-width:1200px) {
    .sticky__diagram {
        left: 2.5rem;
        bottom: 2.5rem
    }
}

.diagram-open .sticky__diagram {
    display: block
}

.product-diagram {
    position: relative;
    padding: 1rem 2rem 1rem .5rem;
    background-color: #fff;
    width: calc(100vw - 1.9rem);
    max-width: 21.563rem;
    border-radius: .5rem;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.product-diagram__close {
    position: absolute;
    top: .375rem;
    right: .375rem;
    padding: 1rem;
    cursor: pointer
}

.product-diagram__image {
    max-width: 19.063rem;
    width: 100%;
    text-align: center
}

.product-diagram__image>* {
    max-width: 100%;
    max-height: 100%
}

.product-diagram__image>picture {
    height: 100%
}

.product-diagram__image>picture>* {
    max-width: 100%;
    max-height: 100%
}

@media (min-width:768px) {
    .product-diagram__image {
        width: 21.875rem
    }
}

.empty-cart {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.empty-cart__container {
    text-align: center
}

.empty-cart h1 {
    margin: 0 0 .5rem;
    font-size: 1.563rem;
    font-weight: 500;
    line-height: 2.188rem
}

@media (min-width:576px) {
    .empty-cart {
        padding-top: 4.75rem
    }

    .empty-cart__container {
        margin: 0 auto;
        width: 16.375rem
    }

    .empty-cart h1 {
        font-size: 2rem
    }
}

.empty-cart__desc {
    font-size: .875rem;
    line-height: 1.25rem
}

.empty-cart__button {
    margin: 1.5rem 0 0
}

@media (min-width:576px) {
    .empty-cart__button {
        margin: 2rem 0 0
    }

    .empty-cart__saved-list {
        max-width: 37.5rem
    }
}

.empty-cart__saved-list {
    padding: 0 0 2.5rem;
    margin: 0 auto
}

.promo {
    position: relative;
    padding: 1.15rem 1rem 1.1rem 3.5rem;
    border: 1px solid #dedede;
    border-left: .25rem solid #00715c;
    border-radius: .25rem;
    font-size: .875rem
}

.promo i {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    color: #00715c;
    font-size: 1.1rem
}

.promo__progress {
    display: flex;
    align-items: center;
    margin: 0 0 .7rem
}

.promo__num {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1
}

.promo__line {
    flex-grow: 1;
    margin: 0 .25rem;
    height: .25rem;
    max-width: 15.375rem;
    border-radius: 2px;
    background-color: #dedede
}

.promo__inner-line {
    height: inherit;
    border-radius: inherit;
    background-color: #00715c
}

.promo__desc {
    margin: 0 0 .5rem
}

.promo__desc b {
    color: #00715c
}

.order-summary {
    padding: 1.3rem 1rem 1rem;
    border-radius: .25rem;
    background-color: rgba(163, 156, 149, .08)
}

.order-summary__title {
    margin: 0 0 1.45rem;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase
}

.order-summary__total {
    margin: 0 0 1.1rem
}

.order-summary__alert {
    margin: 0 0 .95rem
}

.order-summary__desc {
    margin: 0 0 .95rem;
    padding: 1rem;
    border-radius: .25rem;
    background-color: #fff;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.063rem
}

.order-summary__secure {
    margin: 1.25rem 0 0;
    text-align: center
}

.order-summary__secure>i {
    margin: 0 .35rem 0 0;
    font-size: .875rem
}

.order-summary__payments {
    display: flex;
    justify-content: center;
    margin: .6rem 0 0
}

.order-summary__payments>* {
    width: 2.125rem;
    height: 1.5rem;
    border-radius: 3px
}

.order-summary__payments>:not(:last-child) {
    margin: 0 .25rem 0 0
}

.total__item {
    display: flex;
    font-size: .875rem;
    line-height: .75rem
}

.total__item:not(:first-child) {
    margin: .95rem 0 0
}

.total__item--promo {
    color: #00715c
}

.total__item--promo:not(:first-child) {
    margin: .5rem 0 0
}

.total__name {
    flex-grow: 1
}

.total__details,
.total__num {
    font-size: .75rem
}

.total__details {
    margin: .1rem 0 .45rem
}

.total__info-icon {
    position: relative;
    top: -.25rem;
    left: .1rem;
    width: 1.25rem;
    height: 1.25rem;
    font-size: .7rem
}

.total__info-icon:before {
    position: relative;
    top: .25rem;
    left: .25rem
}

.total__value {
    white-space: nowrap
}

.total__total {
    display: flex;
    margin: 1.45rem 0 0;
    font-size: 1rem
}

.total__total-name {
    flex-grow: 1
}

.total__total-value {
    font-weight: 700;
    white-space: nowrap
}

.accordion-bordered__item {
    border-radius: 4px;
    border: 1px solid #dedede
}

.accordion-bordered__item:not(:last-child) {
    margin: 0 0 1rem
}

.accordion-bordered__header {
    margin: 0
}

.accordion-bordered__btn {
    display: flex;
    align-items: center;
    padding: .8rem 1rem .75rem;
    width: 100%;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-transform: uppercase;
    cursor: pointer
}

@media (min-width:576px) {
    .accordion-bordered__btn {
        padding: .8rem 1rem .8rem 1.15rem
    }
}

.accordion-bordered__btn span {
    display: flex;
    align-items: center;
    margin: 0 0 0 1.1rem;
    padding: .3rem 1rem;
    height: 1.75rem;
    border-radius: 10rem;
    background-color: #111;
    color: #fff;
    font-size: .75rem;
    font-weight: 500
}

.accordion-bordered__btn--wide {
    padding: .8rem 1.15rem .75rem .9rem
}

.accordion-bordered__main-icon {
    margin: 0 .7rem 0 0;
    font-size: 1.1rem
}

@media (min-width:576px) {
    .accordion-bordered__btn--wide {
        padding: .8rem 1.1rem .8rem .9rem
    }

    .accordion-bordered__main-icon {
        margin: .1rem .7rem 0 0
    }
}

.accordion-bordered__icon {
    margin: 0 0 0 auto;
    font-size: .875rem
}

.accordion-bordered__btn--wide .accordion-bordered__icon {
    font-size: 1rem
}

.accordion-bordered__icon.icon-e-delete {
    display: none
}

.accordion-bordered__btn:not(.collapsed) .accordion-bordered__icon.icon-e-delete {
    display: block
}

.accordion-bordered__btn:not(.collapsed) .accordion-bordered__icon.icon-e-add,
.accordion-bordered__collapse:not(.show) {
    display: none
}

.accordion-bordered__collapse.collapsing {
    overflow: hidden;
    transition: height .15s linear;
    height: 0
}

.accordion-bordered__body {
    padding: .1rem .9rem .9rem
}

.accordion-bordered__body>.order-note {
    margin: .1rem 0 0
}

.accordion-bordered__body>.payment-form {
    margin: 1rem 0 0
}

.accordion-footer__header {
    margin: 0
}

.accordion-footer__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: .5rem 2.1rem .5rem 1.9rem;
    width: 100%;
    min-height: 3.5rem;
    border: none;
    border-radius: 0;
    border-top: 1px solid #dedede;
    background-color: rgba(163, 156, 149, .16);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .4px;
    cursor: pointer;
    text-transform: uppercase
}

@media (min-width:768px) {
    .accordion-footer__btn {
        padding: 0 0 .7rem;
        min-height: auto;
        border-top: none;
        border-bottom: 2px solid rgba(163, 156, 149, .32);
        background: 0 0;
        pointer-events: none
    }
}

.accordion-footer__icon {
    display: none
}

.accordion-footer__collapse {
    overflow: hidden;
    transition: height .15s linear
}

@media (max-width:767.98px) {
    .accordion-footer__btn:not(.collapsed) {
        height: 3.75rem;
        border-top: #c02031;
        background-color: #c02031;
        color: #fff
    }

    .accordion-footer__icon {
        font-size: 1rem
    }

    .accordion-footer__btn:not(.collapsed) .accordion-footer__icon.icon-e-delete,
    .accordion-footer__icon.icon-e-add {
        display: block
    }

    .accordion-footer__btn:not(.collapsed) .accordion-footer__icon.icon-e-add {
        display: none
    }

    .accordion-footer__collapse:not(.show) {
        height: 0
    }
}

.accordion-footer__body {
    border-top: 1px solid #dedede;
    background-color: #fff
}

.accordion-footer__link {
    font-size: .875rem;
    line-height: 1.125rem
}

@media (min-width:768px) {
    .accordion-footer__body {
        background: 0 0
    }

    .accordion-footer__link {
        padding: .25rem 0
    }
}

.accordion-footer__link>* {
    display: block;
    padding: .75rem 1.875rem
}

.accordion-footer__link>:hover {
    color: #0082d7;
    text-decoration: underline
}

.accordion-footer__link>*>i {
    font-size: .75rem;
    top: 1px;
    margin: 0 0 0 .5rem
}

@media (min-width:768px) {
    .accordion-footer__link>* {
        display: inline;
        padding: 0
    }

    .accordion-footer__link:first-child {
        padding: .5rem 0 .25rem
    }
}

.accordion-footer__link:first-child>* {
    padding: 1.45rem 1.875rem .75rem
}

@media (min-width:768px) {
    .accordion-footer__link:first-child>* {
        padding: 0
    }
}

.accordion-footer__link:last-child>* {
    padding: .75rem 1.875rem 2rem
}

@media (min-width:768px) {
    .accordion-footer__link:last-child>* {
        padding: 0
    }
}

.header {
    z-index: 10;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

@media (max-width:767.98px) {
    .header {
        display: none
    }
}

.header__main {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 1rem 1.7rem;
    max-width: 1140px
}

@media (min-width:992px) {
    .header__main {
        padding: 1.5rem 1.1rem 1rem 1rem
    }
}

.header__message {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 1.5rem 1rem 1.7rem;
    max-width: 1140px;
    color: #c02031
}

.header__logo {
    display: block;
    margin: 0 .5rem 0 -.5rem;
    width: 7rem;
    height: 2.25rem
}

@media (min-width:992px) {
    .header__message {
        padding: 0 1.1rem 1rem 1rem
    }

    .header__logo {
        width: 9.2rem;
        height: 3rem
    }
}

.header__search {
    flex-grow: 1;
    margin: 0 auto;
    max-width: 39.688rem
}

.header__contacts {
    margin: 0 0 0 .5rem;
    padding: .1rem 0 0;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.1rem;
    text-align: center
}

@media (min-width:992px) {
    .header__contacts {
        margin: 0 0 0 3.5rem
    }
}

.header__lang {
    margin: 0 0 0 .5rem
}

@media (min-width:992px) {
    .header__lang {
        margin: 0 0 0 2rem
    }
}

.header__nav {
    display: flex;
    flex-wrap: wrap;
    flex-flow: wrap-reverse;
    justify-content: center;
    margin: 0 auto;
    padding: 0 1.5rem 0 1.7rem;
    max-width: 1140px
}

@media (min-width:992px) {
    .header__nav {
        padding: 0 1.85rem 0 .95rem
    }

    .footer>.back-to-top {
        display: none
    }
}

.header__list {
    display: flex
}

.header__list:last-child {
    margin: 0 0 0 auto;
    padding: 0 0 0 1.65rem;
    width: 100%
}

.header__item--relative {
    position: relative
}

.header__item--banner {
    flex-grow: 1;
    text-align: center
}

@media (min-width:1450px) {
    .header__list:last-child {
        width: auto
    }

    .header__item--banner {
        position: absolute;
        top: 2rem;
        right: calc(570px + 50vw - 1.75rem);
        max-width: calc(50vw - 570px - .5rem)
    }
}

.header__item:not(:last-child) {
    margin: 0 1.65rem 0 0
}

.header__link {
    display: flex;
    align-items: center;
    padding: .8rem 0 1.2rem;
    border-bottom: 4px solid transparent;
    font-size: .875rem;
    font-weight: 500;
    white-space: nowrap;
    transition: all .3s ease-out;
}

.header__link>i:not(.header__link-icon) {
    top: .05rem;
    margin: 0 0 0 .25rem;
    color: #9f9f9f;
    font-size: .75rem
}

.header__link.show,
.header__link:hover {
    border-bottom-color: #c02031
}

.header__link.show>i:not(.header__link.show-icon) {
    color: #343434
}

.header__link-icon {
    margin: 0 .35rem 0 0;
    font-size: 1rem
}

.header__cart {
    position: relative;
    padding: .8rem 0 0
}

.header-mobile {
    z-index: 10;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

@media (min-width:768px) {
    .header-mobile {
        display: none
    }
}

.header-mobile__main {
    display: flex;
    align-items: center;
    padding: .75rem 1rem .4rem .5rem;
    border-bottom: 1px solid #dedede
}

.header-mobile__link {
    margin: 0 auto 0 0
}

.header-mobile__logo {
    width: 8.03rem;
    display: block
}

.header-mobile__menu-button {
    margin: .3rem 0 0 1.5rem;
    padding: 0 .3rem
}

.header-mobile__menu-button i {
    font-size: 1.45rem
}

.header-mobile__banner {
    margin: .75rem .95rem 0;
    text-align: center
}

.header-mobile__search {
    padding: .75rem .95rem
}

.header-mobile__message {
    padding: 0 .95rem .75rem;
    color: #c02031;
    text-align: center
}

.header-c {
    box-shadow: 0 0 11px rgba(0, 0, 0, .2)
}

@media (min-width:768px) {
    .header-c__container {
        width: 100%;
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem);
        margin-right: auto;
        margin-left: auto;
        --bs-gutter-x: 0.95rem;
        display: flex;
        align-items: center;
        padding-top: 1.2rem;
        padding-bottom: 1.1rem;
        max-width: 1140px
    }
}

.header-c__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem .95rem .9rem
}

.header-c__logo {
    margin: -.5rem 0 -.35rem -.4rem;
    width: 7.95rem;
    height: 2.625rem
}

.header-c__logo>* {
    max-width: 100%;
    max-height: 100%
}

.header-c__logo>picture {
    height: 100%
}

.header-c__logo>picture>* {
    max-width: 100%;
    max-height: 100%
}

.header-c__security>i {
    top: .125rem;
    margin: 0 .4rem 0 0
}

@media (min-width:768px) {
    .header-c__main {
        padding: 0
    }

    .header-c__logo {
        margin: -.1rem 0 0 -.5rem;
        width: 9.15rem;
        height: 3rem
    }

    .header-c__security {
        margin: 0 0 0 1.4rem
    }
}

.header-c__steps {
    padding: .75rem 1rem .65rem;
    width: 100%;
    border-top: 1px solid #dedede
}

@media (min-width:768px) {
    .header-c__steps {
        margin: 0 0 0 auto;
        padding: .55rem 0 0;
        max-width: 21.563rem;
        border: none
    }
}

@media (max-width:575.98px) {
    .footer__container {
        padding: 0
    }
}

@media (min-width:992px) {
    .footer__container {
        padding-top: 4.6rem
    }
}

.footer__columns {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

@media (min-width:576px) {
    .footer__columns {
        margin: 0 -.95rem
    }
}

.footer__col {
    width: 100%
}

@media (min-width:768px) {
    .footer__container {
        padding-bottom: 2rem
    }

    .footer__main {
        background-color: rgba(163, 156, 149, .16)
    }

    .footer__col {
        padding: 0 .95rem;
        min-width: 33.33333%;
        max-width: 33.33333%
    }

    .footer__col>:not(:last-child) {
        margin: 0 0 2.3rem
    }
}

.footer__col:first-child {
    padding: 0;
    min-width: 100%;
    background-color: #fff
}

@media (min-width:992px) {
    .footer__col {
        padding: 0 2.2rem 0 .95rem;
        min-width: 25%;
        max-width: 25%
    }

    .footer__col:first-child {
        padding: 0 .95rem;
        min-width: 25%;
        max-width: 25%;
        background-color: transparent
    }
}

.footer-info {
    padding: 2.4rem 1rem 2.75rem;
    background-color: rgba(163, 156, 149, .16);
    text-align: center
}

.footer-info__container {
    margin: 0 auto;
    max-width: 15.938rem
}

.footer-info__desc {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.563rem
}

.footer-info__button.button {
    margin: .85rem 0 0;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width:992px) {
    .footer-info {
        padding: 0;
        background: 0 0;
        text-align: left
    }

    .footer-info__container {
        margin: 0;
        max-width: none
    }

    .footer-info__desc {
        font-size: 1.5rem;
        line-height: 2.063rem
    }

    .footer-info__button.button {
        margin: .95rem 0 0
    }
}

.footer-info__signup {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2.35rem 0 0
}

@media (min-width:992px) {
    .footer-info__signup {
        margin: 6.95rem 0 0;
        align-items: flex-start
    }
}

.footer-info__signup>input {
    max-width: 14.688rem;
    width: 100%
}

.footer-info__label {
    margin: 0 0 .5rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.438rem
}

.footer-info__signup-button.button {
    margin: .75rem 0 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.footer-info__contacts {
    margin: 2.45rem 0 0
}

.footer-info__link {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:992px) {
    .footer-info__signup-button.button {
        margin: 1rem 0 0;
        padding-left: 1.4rem;
        padding-right: 1.4rem
    }

    .footer-info__contacts {
        margin: 2rem 0 0
    }

    .footer-info__link {
        line-height: .875rem
    }
}

.footer-info__link:not(:last-child) {
    margin: 0 0 .1rem
}

.footer-info__socials {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem -.45rem 0
}

@media (min-width:992px) {
    .footer-info__link:not(:last-child) {
        margin: 0 0 .55rem
    }

    .footer-info__socials {
        justify-content: flex-start;
        margin: 1.25rem -.45rem 0 -.2rem
    }
}

.footer-info__socials>* {
    padding: 0 .45rem
}

.footer-info__socials>*>i {
    font-size: 1.5rem;
    color: #c02031
}

.footer-info__socials>*>i.icon-logo-youtube {
    font-size: 1.875rem
}

.footer-c {
    background-color: rgba(163, 156, 149, .32)
}

.footer-c__container {
    flex-wrap: wrap;
    padding-top: 1.1rem;
    padding-bottom: .2rem
}

.footer-c__container,
.footer-c__copy {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-c__copy {
    margin: 0 0 .75rem;
    height: 1.5rem;
    width: 100%;
    font-size: .75rem;
    font-weight: 500
}

@media (min-width:768px) {
    .footer-c__container {
        padding-top: .9rem;
        padding-bottom: .1rem
    }

    .footer-c__copy {
        order: 1;
        padding: 0 2.5rem;
        width: auto
    }
}

.footer-c__link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 .75rem;
    padding: 0 0 0 2.063rem;
    height: 1.5rem;
    border-left: 2px solid #9f9f9f;
    font-size: .75rem;
    font-weight: 500
}

@media (min-width:768px) {
    .footer-c__link {
        order: 2;
        padding: 0 2.5rem;
        font-size: .875rem
    }
}

.footer-c__link--terms {
    padding: 0 2.063rem 0 0;
    border-left-width: 0
}

@media (min-width:768px) {
    .footer-c__link--terms {
        order: 3;
        padding: 0 2.5rem;
        border-left-width: 2px
    }

    .shipping {
        max-width: 27.813rem
    }
}

.steps {
    display: flex
}

.steps__step {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.steps__step--active:before {
    background-color: #00715c
}

.steps__step--active:after {
    background-color: #dedede
}

.steps__step--complete:after,
.steps__step--complete:before {
    background-color: #00715c
}

.steps__step:not(.steps__step--active):not(.steps__step--complete):after,
.steps__step:not(.steps__step--active):not(.steps__step--complete):before {
    background-color: #dedede
}

.steps__step:after,
.steps__step:before {
    content: "";
    position: absolute;
    top: .5rem;
    display: block;
    height: .25rem
}

.steps__step:before {
    left: 0;
    right: 50%
}

.steps__step:after {
    left: 50%;
    right: 0
}

.steps__step:first-child:before,
.steps__step:last-child:after {
    content: none
}

.steps__step:not(:first-child):not(:last-child) {
    flex-grow: 1
}

.steps__indicator {
    z-index: 1;
    position: relative;
    margin: 0 0 .5rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #dedede
}

.steps__step--active .steps__indicator {
    margin: -.05rem 0 .4rem;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #c02031;
    box-shadow: 0 0 0 .375rem rgba(192, 32, 49, .16)
}

.steps__step--complete .steps__indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00715c;
    color: #fff;
    border-color: #00715c;
    font-size: .813rem;
    box-shadow: 0 0 0 .15rem #00715c
}

.steps__step--complete .steps__indicator:before {
    content: "";
    position: relative;
    top: 1px
}

.steps__text {
    font-size: .875rem
}

.shipping>h1 {
    margin: 0;
    font-size: 1.563rem;
    font-weight: 500;
    line-height: 1.7rem
}

@media (min-width:768px) {
    .shipping>h1 {
        font-size: 2rem
    }
}

.shipping>h2 {
    margin: 1.75rem 0 0;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-transform: uppercase
}

.shipping__form {
    margin: 1.45rem 0 0;
    padding: 0 0 .7rem
}

.shipping__cards {
    margin: .7rem 0 0;
    padding: 0 0 .8rem
}

@media (min-width:768px) {
    .shipping>h2 {
        margin: 2rem 0 0
    }

    .shipping__cards {
        margin: .95rem 0 0;
        padding: 0 0 .55rem
    }
}

.shipping__cards>:not(:last-child) {
    margin: 0 0 1rem
}

.shipping__alert {
    margin: .7rem 0 0
}

@media (min-width:768px) {
    .shipping__alert {
        margin: .95rem 0 0
    }
}

.shipping__methods {
    margin: .8rem 0 0
}

.shipping__methods>:not(:last-child) {
    margin: 0 0 .438rem
}

.shipping__checkbox {
    margin: 1.7rem 0 0
}

.shipping__account {
    margin: 1.5rem 0 0
}

.shipping__account-message {
    margin: .5rem 0 0;
    color: #666
}

.address-form__input {
    margin: 0 0 1.5rem
}

.address-form__input--dropdown {
    z-index: 1;
    position: relative
}

.address-form__flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.address-form__flex>* {
    width: calc(50% - .45rem)
}

.address-form__billing {
    margin: 2.15rem 0 0
}

.address-form__default {
    margin: 1.75rem 0 0
}

.address-form__button {
    margin: 2.1rem 0 0
}

.address-form__button--next-step {
    margin: .4rem 0 0
}

.address-form__cancel {
    margin: 2.1rem 0 1rem;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .address-form__cancel {
        margin: 2rem 0 1rem
    }
}

.address-card {
    display: block;
    cursor: pointer
}

.address-card input {
    display: none
}

.address-card input:disabled~* {
    pointer-events: none
}

.address-card__container {
    display: grid;
    grid-template-areas: "indicator info"". info""foot foot";
    grid-template-columns: 2.2rem auto;
    padding: 1.1rem 1rem .9rem;
    border-radius: .25rem;
    border: 1px solid #ccc;
    font-size: 1rem
}

input:checked+.address-card__container {
    border-color: #c02031;
    box-shadow: 0 0 11px rgba(0, 0, 0, .2)
}

.address-card__indicator {
    grid-area: indicator
}

input:checked+.address-card__container>.address-card__indicator {
    border-color: #c02031
}

input:checked+.address-card__container>.address-card__indicator:before {
    content: ""
}

.address-card__info {
    grid-area: info
}

.address-card__name {
    margin: 0 0 .2rem;
    font-weight: 700
}

.address-card__text {
    line-height: 1.438rem
}

.address-card__foot {
    grid-area: foot;
    margin: .95rem -1rem 0
}

.address-card__foot:empty {
    display: none
}

.address-card__tag {
    margin: 0 .5rem 0 0
}

.address-card__buttons {
    display: flex;
    margin: 0 0 0 auto
}

.address-card__buttons>:not(:last-child) {
    margin: 0 .5rem 0 0;
    padding-right: .5rem;
    border-right: 1px solid #ccc
}

.menu-mobile {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, .7);
    font-size: 1rem
}

@media (max-width:767.98px) {
    .menu-mobile-open .menu-mobile {
        display: block
    }
}

.menu-mobile__head {
    display: flex;
    align-items: stretch
}

.menu-mobile__title {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 1rem;
    height: 4rem;
    background-color: #c02031;
    color: #fff;
    font-weight: 700
}

.menu-mobile__title--back {
    cursor: pointer
}

.menu-mobile__title>i {
    margin: 0 1rem 0 .2rem
}

.menu-mobile__close {
    position: static;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    background-color: #111;
    color: #fff;
    cursor: pointer
}

.menu-mobile__close>i {
    font-size: 1.75rem
}

.menu-mobile__scroll {
    height: calc(100% - 4rem)
}

.menu-mobile__body {
    min-height: 100%;
    margin: 0 3.5rem 0 0;
    background-color: #f0efee
}

.menu-mobile__list {
    background-color: #fff
}

.menu-mobile__item:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.menu-mobile__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.2rem 1rem .95rem;
    min-height: 4rem;
    font-weight: 500
}

.menu-mobile__link--selected {
    min-height: 3.75rem;
    background-color: #f0efee;
    font-size: .875rem;
    text-transform: uppercase;
    cursor: auto
}

.menu-mobile__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .5rem 0 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%
}

.menu-mobile__icon>i {
    top: -.05rem
}

.menu-mobile__text {
    flex-grow: 1
}

.menu-mobile__text+i {
    font-size: 1rem
}

.menu-mobile__contacts {
    padding: 1.55rem 0 1rem
}

.menu-mobile__contacts:empty {
    display: none
}

.menu-mobile__contact {
    padding: 0 1.1rem
}

.menu-mobile__contact:not(:last-child) {
    margin: 0 0 1.2rem
}

.menu-mobile__contact>a {
    font-size: .875rem
}

.menu-mobile__contact>a>i {
    top: .25rem;
    margin: 0 .5rem 0 0;
    font-size: 1.25em
}

.menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-top: 1px solid #ededed;
    background-color: #fff;
    box-shadow: 0 12px 11px 0 rgba(0, 0, 0, .1)
}

.menu:not(.show) {
    display: none
}

.menu__container {
    padding-top: 1.9rem;
    padding-bottom: 3rem
}

.menu__link {
    margin: 0 0 1rem
}

.menu__list {
    display: grid;
    grid-template-columns: 33.33333% 33.33333% 33.33333%;
    margin: .9rem -.5rem -1rem
}

.menu__list>.tile {
    margin: 1rem .5rem
}

.menu__add-item {
    grid-column: 3;
    grid-row: 1/10;
    padding: 1rem .5rem
}

@media (min-width:992px) {
    .menu__list {
        grid-template-columns: 25% 25% 25% 25%
    }

    .menu__add-item {
        grid-column: 4
    }
}

@media (min-width:1200px) {
    .menu__list {
        margin: .65rem -.938rem -1.25rem
    }

    .menu__list>.tile {
        margin: 1.25rem .938rem
    }

    .menu__add-item {
        padding: 1.25rem 1.8rem
    }
}

.menu-icon {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-top: 1px solid #ededed;
    background-color: #fff;
    box-shadow: 0 12px 11px 0 rgba(0, 0, 0, .1)
}

.menu-icon:not(.show) {
    display: none
}

.menu-icon__container {
    padding-top: 1.9rem;
    padding-bottom: 3rem
}

.menu-icon__link {
    margin: 0 0 1rem
}

.menu-icon__list {
    display: grid;
    grid-template-columns: 33.33333% 33.33333% 33.33333%;
    margin: .9rem -.5rem -1rem
}

@media (min-width:992px) {
    .menu-icon__list {
        grid-template-columns: 25% 25% 25% 25%
    }
}

@media (min-width:1200px) {
    .menu-icon__list {
        margin: .9rem -.938rem -1rem
    }
}

.menu-icon__list>* {
    margin: .5rem
}

@media (min-width:1200px) {
    .menu-icon__list>* {
        margin: .5rem .938rem
    }
}

.menu-service {
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.menu-service:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(163, 156, 149, .08)
}

.menu-service__container {
    position: relative;
    display: flex;
    justify-content: center
}

.menu-service__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -1.25rem
}

.menu-service__item {
    padding: .95rem 1.25rem;
    font-size: 1rem;
    font-weight: 700
}

@media (min-width:576px) {
    .menu-service__item {
        padding: 1.1rem 1.25rem
    }
}

.menu-service__item--active {
    color: #c02031
}

.lang {
    position: relative
}

.lang,
.lang__btn {
    display: flex;
    align-items: center
}

.lang__btn>i {
    margin: 0 0 0 .35rem;
    font-size: .75rem
}

.lang__img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%
}

.lang__menu {
    overflow: hidden;
    z-index: 1;
    position: absolute;
    inset: auto !important;
    top: calc(100% + .688rem) !important;
    right: -1rem !important;
    transform: none !important;
    width: 15.375rem;
    border-radius: .25rem .25rem 0 0;
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

@media (min-width:1320px) {
    .lang__menu {
        right: -6.3rem !important
    }
}

.lang__menu:not(.show) {
    display: none
}

.lang__title {
    padding: 1rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-align: center
}

.lang__link {
    position: relative;
    display: block;
    padding: 1rem 1rem .95rem 4.75rem;
    font-size: .938rem;
    font-weight: 500
}

.lang__link:last-child {
    padding-bottom: 1.15rem
}

.lang__link--active {
    padding-right: 3rem;
    background-color: rgba(163, 156, 149, .16);
    color: #0082d7
}

.lang__link--active:after {
    content: "";
    position: absolute;
    top: 1rem;
    right: 2rem;
    color: #343434
}

.lang__link:hover {
    background-color: rgba(163, 156, 149, .16);
    color: #0082d7
}

.lang__link-img {
    position: absolute;
    top: .75rem;
    left: 2rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%
}

.login-dropdown {
    position: absolute;
    inset: auto !important;
    top: calc(100% - .55rem) !important;
    right: -4.5rem !important;
    transform: none !important;
    padding: 1.5rem 2rem 2rem;
    width: 21.875rem;
    border-radius: .25rem;
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

@media (min-width:1250px) {
    .login-dropdown {
        right: -8.2rem !important
    }
}

.login-dropdown:not(.show) {
    display: none
}

.login-dropdown__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem;
    font-weight: 700
}

.login-dropdown__logo {
    margin: 0 0 0 .5rem;
    width: 7.813rem;
    height: 2.375rem
}

.login-dropdown__form {
    margin: 1rem 0 0
}

.login-dropdown__email {
    margin: 0 0 1rem
}

.login-dropdown__auth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.1rem 0 0
}

.login-dropdown__checkbox {
    flex-grow: 1
}

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

.login-dropdown__button.button {
    margin: 1.65rem 0 0;
    padding: .782rem 1rem;
    font-size: .875rem
}

.login-dropdown__create {
    margin: 1rem 0 0;
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: center
}

.user-dropdown {
    overflow: hidden;
    position: absolute;
    inset: auto !important;
    top: calc(100% - .55rem) !important;
    right: -2.2rem !important;
    transform: none !important;
    width: 13.25rem;
    border-radius: .25rem .25rem 0 0;
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.user-dropdown:not(.show) {
    display: none
}

.user-dropdown__link {
    display: block;
    padding: 1rem 1rem 1rem 2rem;
    height: 3rem;
    font-size: .938rem;
    font-weight: 500
}

.user-dropdown__link--active,
.user-dropdown__link:hover {
    background-color: rgba(163, 156, 149, .16);
    color: #0082d7
}

.password {
    padding: 2.55rem 0 5rem
}

.password__title {
    margin: 0 0 1rem;
    font-size: 1.125rem;
    line-height: 1.563rem;
    font-weight: 500
}

.password__form {
    display: flex;
    flex-wrap: wrap
}

.password__input {
    width: 100%
}

.password__input:nth-child(odd) {
    margin: 0 0 1.5rem
}

@media (min-width:576px) {
    .password {
        padding: 2.6rem 0 6.5rem;
        max-width: 57.5rem
    }

    .password__title {
        margin: 0 0 .9rem;
        font-size: 1.375rem;
        line-height: 1.875rem
    }

    .password__input:nth-child(odd) {
        display: inline-block;
        margin: 0 0 1.5rem .938rem;
        width: calc(50% - .938rem)
    }
}

.password__input:nth-child(2n) {
    margin: 0 0 1.5rem
}

.password__old-password {
    margin: 0 0 1.5rem;
    width: 100%
}

.password__button {
    display: block;
    min-width: 9.938rem;
    font-size: .875rem
}

@media (min-width:576px) {
    .password__input:nth-child(2n) {
        display: inline-block;
        margin: 0 .938rem 1.5rem 0;
        width: calc(50% - .938rem)
    }

    .password__old-password {
        margin: 0 1.5rem 1.5rem 0;
        width: calc(50% - .938rem)
    }

    .password__button {
        min-width: 10.063rem
    }
}

.payment>h1 {
    margin: 0;
    font-size: 1.563rem;
    font-weight: 500;
    line-height: 1.7rem
}

.payment__methods {
    display: flex;
    margin: 1.2rem 0 0
}

@media (min-width:768px) {
    .payment {
        max-width: 27.813rem
    }

    .payment>h1 {
        font-size: 2rem
    }

    .payment__methods {
        margin: 1.95rem 0 0
    }
}

.payment__methods>:not(:last-child) {
    margin: 0 .5rem 0 0
}

.payment__exists-card {
    margin: 1.2rem 0 0
}

@media (min-width:768px) {
    .payment__exists-card {
        margin: 1.75rem 0 0
    }
}

.payment__first-card {
    margin: 1.2rem 0 0
}

@media (min-width:768px) {
    .payment__first-card {
        margin: 1.75rem 0 0
    }
}

.payment__card-list {
    margin: .65rem 0 0
}

.payment__card-list>:not(:last-child) {
    margin: 0 0 1rem
}

.payment__method-title {
    display: flex;
    font-size: 1.125rem
}

.payment__card-icons {
    display: flex;
    margin: -.05rem 0 0 auto
}

.payment__card-icons>img {
    margin: 0 0 0 .25rem;
    width: 1.8rem;
    height: 1.25rem;
    border-radius: .25rem
}

.payment__secure {
    margin: .7rem 0 0
}

.payment__secure>i {
    top: .125rem;
    margin: 0 .25rem 0 0
}

.payment__form {
    margin: 1.55rem 0 0
}

@media (min-width:768px) {
    .payment__form {
        margin: 1.6rem 0 0
    }

    .payment-form__flex-wrap>:nth-child(3) {
        width: 8.813rem;
        min-width: 8.813rem
    }
}

.payment__account,
.payment__account-input {
    margin: 1.5rem 0 0
}

.payment__account-message {
    margin: .5rem 0 0;
    color: #666
}

.payment-form__secure {
    display: flex;
    margin: -1rem 0 1rem
}

.payment-form__secure>i {
    top: .125rem;
    margin: 0 .5rem 0 0
}

.payment-form__card-icons {
    display: flex;
    margin: -.05rem 0 0 auto
}

.payment-form__card-icons>img {
    margin: 0 0 0 .25rem;
    width: 1.8rem;
    height: 1.25rem;
    border-radius: .25rem
}

.payment-form__input {
    margin: 0 0 1.5rem
}

.payment-form__input--dropdown-date {
    z-index: 2;
    position: relative
}

.payment-form__input--dropdown {
    z-index: 1;
    position: relative
}

.payment-form__flex-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

.payment-form__flex-wrap>* {
    width: 8.5rem;
    min-width: 8.5rem
}

.payment-form__flex-wrap>:first-child {
    margin-right: .5rem
}

.payment-form__flex-wrap>:nth-child(2) {
    margin-top: 1.5rem;
    margin-right: auto
}

.payment-form__flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.payment-form__flex>* {
    width: calc(50% - .45rem)
}

.payment-form__checkbox {
    margin: .65rem 0 0
}

@media (min-width:768px) {
    .payment-form__checkbox {
        margin: .1rem 0 0
    }
}

.payment-form__address {
    margin: 2.05rem 0 0
}

.payment-form h2 {
    margin: 0;
    font-size: 1.063rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .payment-form__address {
        margin: 2.2rem 0 0
    }

    .payment-form h2 {
        font-size: 1.125rem
    }
}

.payment-form__desc {
    margin: .1rem 0 0;
    font-size: 1rem;
    line-height: 1.45rem
}

@media (min-width:768px) {
    .payment-form__desc {
        margin: .25rem 0 0
    }
}

.payment-form__address-cards,
.payment-form__address-fields {
    margin: 1.45rem 0 0
}

.payment-form__address-cards>:not(:last-child) {
    margin: 0 0 1rem
}

.payment-form__default {
    margin: 2.15rem 0 0
}

.payment-form__button,
.payment-form__shipping-address {
    margin: 2.1rem 0 0
}

.payment-form__cancel {
    margin: 2.1rem 0 1rem;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:768px) {
    .payment-form__cancel {
        margin: 2rem 0 1rem
    }
}

.payment-card {
    display: block;
    cursor: pointer
}

.payment-card input {
    display: none
}

.payment-card input:disabled~* {
    pointer-events: none
}

.payment-card__container {
    display: grid;
    grid-template-areas: "indicator info"". info""foot foot";
    grid-template-columns: 2.25rem auto;
    padding: .9rem 1rem;
    border-radius: .25rem;
    border: 1px solid #ccc
}

input:checked+.payment-card__container {
    border-color: #c02031;
    box-shadow: 0 0 11px rgba(0, 0, 0, .2)
}

.payment-card__indicator {
    grid-area: indicator
}

input:checked+.payment-card__container>.payment-card__indicator {
    border-color: #c02031
}

input:checked+.payment-card__container>.payment-card__indicator:before {
    content: ""
}

.payment-card__info {
    grid-area: info;
    position: relative;
    padding: .25rem 0 0
}

.payment-card__info>i {
    position: absolute;
    top: .35rem;
    right: .2rem;
    font-size: .875rem
}

.payment-card__name {
    margin: 0 0 .15rem;
    padding: 0 1.25rem 0 0;
    font-weight: 700
}

.payment-card__text {
    line-height: 1.438rem
}

.payment-card__foot {
    grid-area: foot;
    margin: .9rem -1rem 0
}

.payment-card__foot:empty {
    display: none
}

.personal-info {
    padding: 2.55rem 0 5rem
}

.personal-info__container {
    display: grid;
    grid-template-areas: "title status""status-text status-text";
    grid-template-columns: 1fr auto;
    margin: 0 0 1rem
}

.personal-info__title {
    grid-area: title;
    font-size: 1.125rem;
    line-height: 1.563rem;
    font-weight: 500
}

@media (min-width:576px) {
    .personal-info {
        padding: 2.8rem 0 6.5rem;
        max-width: 57.5rem
    }

    .personal-info__title {
        font-size: 1.375rem;
        line-height: 1.438rem
    }

    .personal-info__status {
        margin: .1rem .3rem 0 0
    }
}

.personal-info__linked {
    display: none
}

.personal-info__container--linked .personal-info__linked {
    grid-area: status;
    display: block;
    margin: 0 .3rem 0 0;
    text-align: right
}

.personal-info__status {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.438rem;
    white-space: nowrap
}

.personal-info__status>i {
    margin: 0 .7rem 0 0;
    color: #00715c;
    font-size: 1.15rem
}

.personal-info__customer-number {
    line-height: 1.7rem;
    font-weight: 700
}

.personal-info__unlinked {
    grid-area: status;
    display: flex;
    align-items: center;
    margin: 0 .3rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.438rem;
    white-space: nowrap
}

@media (min-width:576px) {
    .personal-info__unlinked {
        margin: .1rem .3rem 0 0
    }
}

.personal-info__unlinked>i {
    margin: 0 .75rem 0 0;
    color: #ed420f;
    font-size: 1.15rem
}

.personal-info__container--linked .personal-info__unlinked {
    display: none
}

.personal-info__unlinked-text {
    grid-area: status-text;
    margin: .45rem 0 .55rem;
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: right
}

@media (min-width:576px) {
    .personal-info__unlinked-text {
        margin: .5rem 0
    }
}

.personal-info__container--linked .personal-info__unlinked-text {
    display: none
}

.personal-info__personal-form {
    margin: 0 0 3.5rem
}

@media (min-width:576px) {
    .personal-info__personal-form {
        margin: 0 0 3.8rem
    }
}

.personal-info__company-form {
    margin: 1rem 0 3.5rem
}

@media (min-width:576px) {
    .personal-info__company-form {
        margin: 1.15rem 0 3.8rem
    }

    .personal-info__input:nth-child(odd) {
        display: inline-block;
        margin: 0 .938rem 1.5rem 0;
        width: calc(50% - 1.063rem)
    }
}

.personal-info__input {
    z-index: 1;
    margin: 0 0 1.5rem;
    width: 100%
}

@media (min-width:576px) {
    .personal-info__input:nth-child(2n) {
        display: inline-block;
        margin: 0 0 1.5rem .938rem;
        width: calc(50% - 1.063rem)
    }
}

.personal-info__input--dropdown {
    z-index: 2;
    position: relative
}

.personal-info__button.button {
    display: block;
    min-width: 9.938rem;
    font-size: .875rem
}

.personal-info__button.button[disabled] {
    background-color: #343434;
    border-color: #343434
}

.personal-info__number {
    margin: 1rem 0 0;
    font-size: 1rem;
    line-height: 1.438rem;
    font-weight: 700
}

.personal-info__number>a {
    margin: 0 0 0 .25rem;
    font-size: .875rem;
    line-height: 1.438rem
}

.review {
    padding-top: .3rem
}

.review>h1 {
    margin: 0 0 1.5rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.7rem
}

.review>h2 {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-transform: uppercase
}

.review>h2>span {
    margin: 0 0 0 .25rem;
    font-size: .875rem;
    text-transform: none
}

.review__card {
    margin: .45rem 0 1.55rem
}

.review-card {
    position: relative;
    padding: 1.1rem 1rem .9rem;
    border-radius: .25rem;
    border: 1px solid #ccc
}

.review-card__name {
    margin: 0 0 .2rem;
    font-weight: 700
}

.review-card__text {
    line-height: 1.438rem
}

.review-card__foot {
    margin: .95rem -1rem 0
}

.review-card__foot:empty {
    display: none
}

.review-card__list {
    margin: 0 -1rem
}

.review-card__list>* {
    padding: 0 1rem
}

.review-card__list>:not(:first-child) {
    padding-top: 1rem
}

.review-card__list>:not(:last-child) {
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc
}

.review-card__buttons {
    display: flex;
    margin: 0 0 0 auto
}

.review-card__buttons>:not(:last-child) {
    margin: 0 .5rem 0 0;
    padding-right: .5rem;
    border-right: 1px solid #ccc
}

.order-table {
    width: 100%;
    border: none;
    border-collapse: inherit;
    border-spacing: 0;
    text-align: left
}

.order-table__title {
    padding: 0 0 .6rem;
    border-bottom: 1px solid #ccc;
    color: #9f9f9f;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

.order-table__title:not(:last-child) {
    padding: 0 1rem .6rem 0
}

.order-table__title:last-child {
    text-align: right
}

.order-table__col {
    font-size: .875rem;
    line-height: 1.375rem
}

@media (max-width:767.98px) {
    .order-table {
        display: block
    }

    .order-table__head {
        display: none
    }

    .order-table__body {
        display: block
    }

    .order-table__row {
        display: block;
        padding: 1.25rem 0 .75rem;
        border-bottom: 1px solid #ccc
    }

    .order-table__row:first-child {
        padding-top: 0
    }

    .order-table__row--hide-border {
        border-bottom-width: 0
    }

    .order-table__col {
        display: block;
        margin: 0 0 .75rem
    }

    .order-table__col:before {
        content: attr(data-title);
        display: block;
        color: #9f9f9f;
        font-size: .75rem;
        font-weight: 700;
        text-transform: uppercase
    }
}

.order-table__main {
    display: grid;
    grid-template-areas: "img sku""img name""img .";
    grid-template-columns: 5rem auto
}

@media (min-width:768px) {
    .review {
        max-width: 27.813rem
    }

    .order-table__col {
        padding: 1.375rem 0 1.438rem;
        border-bottom: 1px solid #ccc;
        vertical-align: top
    }

    .order-table__col:first-child {
        width: 42.7%
    }

    .order-table__col:nth-child(2) {
        width: 25.67%
    }

    .order-table__col:nth-child(3) {
        width: 23.24%
    }

    .order-table__col:not(:last-child) {
        padding-right: 1rem
    }

    .order-table__col:last-child {
        text-align: right
    }

    .order-table__row--hide-border .order-table__col {
        border-bottom-width: 0
    }

    .order-table__main {
        grid-template-areas: "img name""img sku""img ."
    }
}

.order-table__img {
    grid-area: img;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    width: 5rem;
    border: 1px solid #f5f5f5;
    float: left
}

.order-table__img>* {
    max-width: 100%;
    max-height: 100%
}

.order-table__img>picture {
    height: 100%
}

.order-table__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

.order-table__name {
    grid-area: name;
    padding: 0 0 0 1rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.7rem
}

@media (max-width:767.98px) {
    .order-table__name {
        line-height: 1.45rem
    }

    .order-table__row-bottom {
        display: block;
        border-bottom: 1px solid #ccc
    }

    .order-table__row-bottom>* {
        display: block
    }
}

.order-table__sku {
    grid-area: sku;
    padding: 0 0 0 1rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2rem
}

.order-table__in-stock {
    color: #00715c;
    font-weight: 700
}

.order-table__weeks {
    color: #00639a;
    font-weight: 700
}

.order-table__old-price {
    font-size: .75rem;
    font-weight: 500;
    text-decoration: line-through
}

.order-table__price {
    font-size: 1rem;
    font-weight: 700
}

.order-table__buttons {
    padding: 0 0 1rem
}

@media (min-width:768px) {
    .order-table__row-bottom>* {
        border-bottom: 1px solid #ccc
    }

    .order-table__buttons {
        padding: 1rem 0 1rem 6rem
    }
}

.order-table__buttons>.button {
    display: inline-block;
    margin: 0 .25rem .5rem 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.order-table__buttons>.button:last-child {
    margin: 0 0 .5rem
}

.order {
    padding: 1rem
}

.order__info {
    margin: 0 0 2.45rem;
    font-size: 1rem;
    line-height: 1.438rem
}

.order__info:last-child {
    margin: 0 0 2.15rem
}

.order__info>h2 {
    margin: 0 0 .5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6rem
}

@media (min-width:768px) {
    .order {
        padding: 2rem 1.875rem 1.8rem
    }

    .order__container {
        display: flex;
        align-items: flex-start
    }

    .order__info {
        margin: 0;
        width: 33.33333%
    }

    .order__info:not(:first-child) {
        padding: 0 0 0 1rem
    }

    .order__info:last-child {
        margin: 0 0 2.45rem
    }

    .order__info>h2 {
        margin: 0 0 .85rem;
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

.order__name {
    font-weight: 700
}

.order__desc {
    margin: .05rem 0 0
}

@media (min-width:768px) {
    .order__desc {
        margin: .1rem 0 0
    }
}

.order__table {
    margin: 1rem 0 0
}

@media (min-width:768px) {
    .order__table {
        margin: 1.5rem 0 0
    }
}

.order__total {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 2.25rem 0 0
}

@media (min-width:768px) {
    .order__total {
        display: grid;
        grid-template-areas: "notes total""notes note";
        grid-template-columns: 1fr 21.85rem;
        margin: 1.8rem 0 0
    }
}

.order__total>* {
    width: 100%
}

.order__notes {
    margin: -1rem 0 1.5rem;
    width: 100%;
    font-size: .875rem;
    line-height: 1.5rem
}

@media (min-width:768px) {
    .order__notes {
        grid-area: notes;
        align-self: start;
        margin: -.5rem 0 0;
        padding: 0 1rem 0 0
    }

    .order__note {
        grid-area: note
    }
}

.order__notes-title {
    margin: 0 0 .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem
}

.order .total {
    grid-area: total
}

.order__note {
    margin: 1.15rem 0 0;
    padding: 1rem;
    border-radius: .25rem;
    background-color: #f5f5f5;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.063rem
}

.order-details {
    padding: 1rem
}

.order-details__info {
    margin: 0 0 2.45rem;
    font-size: 1rem;
    line-height: 1.438rem
}

.order-details__info:last-child {
    margin: 0 0 2.15rem
}

@media (min-width:768px) {
    .order-details {
        padding: 2rem 1.875rem 1.8rem
    }

    .order-details__container {
        display: flex;
        align-items: flex-start
    }

    .order-details__info {
        margin: 0;
        width: 33.33333%
    }

    .order-details__info:not(:first-child) {
        padding: 0 0 0 1rem
    }

    .order-details__info:last-child {
        margin: 0 0 2.45rem
    }
}

.order-details__info>h2 {
    display: flex;
    align-items: center;
    margin: 0 0 .5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6rem
}

@media (min-width:768px) {
    .order-details__info>h2 {
        margin: 0 0 .85rem;
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

.order-details__info>h2>span {
    margin: 0 0 0 .5rem
}

.order-details__info>h2>span,
.order-details__info>span {
    font-size: .875rem;
    font-weight: 400
}

.order-details__name {
    font-weight: 700
}

.order-details__desc {
    margin: .05rem 0 0
}

@media (min-width:768px) {
    .order-details__desc {
        margin: .1rem 0 0
    }
}

.order-details__table {
    margin: 1rem 0 0
}

@media (min-width:768px) {
    .order-details__table {
        margin: 1.5rem 0 0
    }
}

.order-details__total {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 2.25rem 0 0
}

@media (min-width:768px) {
    .order-details__total {
        display: grid;
        grid-template-areas: "notes total""notes note";
        grid-template-columns: 1fr 21.85rem;
        margin: 1.8rem 0 0
    }
}

.order-details__total>* {
    width: 100%
}

.order-details__notes {
    margin: -1rem 0 1.5rem;
    width: 100%;
    font-size: .875rem;
    line-height: 1.5rem
}

@media (min-width:768px) {
    .order-details__notes {
        grid-area: notes;
        align-self: start;
        margin: -.5rem 0 0;
        padding: 0 1rem 0 0
    }

    .order-details__note {
        grid-area: note
    }
}

.order-details__notes-title {
    margin: 0 0 .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem
}

.order-details .total {
    grid-area: total
}

.order-details__note {
    margin: 1.15rem 0 0;
    padding: 1rem;
    border-radius: .25rem;
    background-color: #f5f5f5;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.063rem
}

.banner-home {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: .5rem;
    background-color: #fff
}

.banner-home__img {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: .5rem .5rem 0 0;
    background-color: #ededed
}

.banner-home__img:before {
    content: "";
    display: block;
    padding-top: 65.5701754386%
}

.banner-home__img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.banner-home__content {
    padding: 1.5rem 2.313rem 2.5rem 2rem;
    margin: 0 -1px;
    border: 1px solid #dedede;
    border-radius: 0 0 .5rem .5rem
}

.banner-home__content:before {
    content: "";
    border-top: 4px solid #c02031;
    position: absolute;
    width: 100%;
    margin: -1.56rem 0 0 -2rem
}

.banner-home__title {
    margin: 0;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 500
}

.banner-home__text {
    margin: 1rem 0 1.5rem;
    line-height: 1.438rem
}

.banner-home__link {
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #343434;
    text-decoration: none
}

.banner-home__link>i {
    margin: 0 0 0 1rem;
    font-size: .875rem
}

.offer {
    background-color: rgba(163, 156, 149, .16)
}

.offer__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.offer__container>* {
    margin: 0 .5rem
}

.banner-experts {
    position: relative;
    padding: 2rem 2.75rem;
    border-radius: .25rem;
    background-color: rgba(163, 156, 149, .08)
}

@media (min-width:768px) {
    .banner-experts {
        display: flex;
        align-items: center;
        padding: 2rem 2.75rem 2rem 3.75rem;
        min-height: 7.25rem;
        background-image: url(/assets/images/materials-rep-image@1x.png);
        background-size: contain;
        background-position: 100% 0;
        background-repeat: no-repeat
    }
}

@media only screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),
only screen and (min-width:768px) and (min-device-pixel-ratio:2),
only screen and (min-width:768px) and (min-resolution:2dppx),
only screen and (min-width:768px) and (min-resolution:192dpi) {
    .banner-experts {
        background-image: url(/images/materials-rep-image@2x.png)
    }
}

.banner-experts__container {
    display: flex
}

.banner-experts__container>i {
    top: .25rem;
    left: .25rem;
    margin: 0 1rem 0 0;
    font-size: 1.5rem;
    color: #c02031
}

.banner-experts__text {
    font-size: 1rem;
    line-height: 1.438rem
}

@media (min-width:768px) {
    .banner-experts__container>i {
        top: 0;
        left: 0;
        margin: 0 .75rem 0 0
    }

    .banner-experts__text {
        margin: 0 .5rem 0 0
    }
}

.banner-experts__button.button {
    margin: 0 2em;
    padding-left: 1.45rem;
    padding-right: 1.45rem
}

@media (max-width:767.98px) {
    .banner-experts__button.button {
        margin: 0 0 0 2.25rem;
        width: 100%
    }
}

.address-modal {
    position: relative;
    padding: 1.5rem 1rem 1rem;
    border-radius: .25rem;
    background-color: #fff
}

.address-modal__close {
    position: absolute;
    top: 1.2rem;
    right: 1.15rem;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer
}

.address-modal__close i {
    font-size: 1.5rem
}

.address-modal__title {
    font-size: 1.5rem;
    font-weight: 500
}

.address-modal__list {
    margin: 1.5rem 0 0
}

.address-modal__list>:not(:last-child) {
    margin: 0 0 1rem
}

.address-modal__buttons {
    display: flex;
    margin: 1.5rem 0 0
}

.address-modal__buttons>:not(:last-child) {
    margin: 0 1.5rem 0 0
}

.temperature__img {
    padding-top: 75.9420289855%;
    border-radius: .25rem .25rem 0 0;
    background-size: cover;
    background-position: 50%
}

.temperature__info {
    padding: 1.5rem 1rem;
    border-radius: 0 0 .25rem .25rem;
    background-color: rgba(163, 156, 149, .08)
}

.temperature__line {
    height: .5rem;
    border-radius: .438rem;
    background: linear-gradient(270deg, #679ad1, #fecf03 21.38%, #f37020 53.69%, #bf212f)
}

.temperature__desc {
    margin: 1rem 0 0;
    padding: 0 1rem 0 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.temperature__link {
    display: inline-block;
    margin: 1.2rem 0 0
}

.banner-tile {
    position: relative;
    display: flex;
    flex-direction: row;
    background-color: #fff;
    border-radius: 4px 4px 10px
}

.banner-tile__img {
    display: none
}

.banner-tile__img:before {
    content: "";
    display: block;
    padding-left: 10rem
}

@media (min-width:768px) {
    .banner-tile__img {
        display: block;
        position: relative;
        border-radius: 4px 0 0 4px;
        background-color: #ededed
    }
}

.banner-tile__img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.banner-tile__content {
    display: flex;
    flex-direction: column;
    padding: 2.5rem 2.063rem;
    border: 1px solid #dedede;
    border-top: none;
    border-radius: 0 0 .5rem .5rem
}

.banner-tile__content:before {
    content: "";
    border-radius: 4px;
    border-top: 4px solid #c02031;
    height: 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.banner-tile__title {
    font-size: 1.125rem;
    line-height: 1.563rem;
    font-weight: 500
}

@media (min-width:768px) {
    .banner-tile__content {
        padding: 2.5rem 1.875rem 2.5rem 2.5rem;
        border-left: none;
        border-radius: 0 0 .5rem
    }

    .banner-tile__content:before {
        width: 70.3703703704%;
        border-radius: 0 4px 0 0
    }

    .banner-tile__title {
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

.banner-tile__text {
    margin: .5rem 0 0;
    font-size: 1.125rem;
    line-height: 1.563rem
}

.banner-click {
    cursor: pointer
}

.login-status {
    padding: 2.9rem 1.5rem 2.5rem;
    font-size: 1rem;
    text-align: center
}

.login-status__icon {
    font-size: 2.25rem
}

.login-status__icon--success {
    color: #00715c
}

.login-status__icon--error {
    color: #ed420f
}

.login-status h3 {
    margin: 1.1rem 0;
    font-size: 2rem;
    font-weight: 500
}

.login-status__text {
    margin: 0 0 1.1rem;
    font-weight: 500;
    line-height: 1.25rem
}

.login-status__text:last-child {
    margin: 0
}

.login-status__button {
    min-width: 10.6rem
}

.open-orders {
    padding: 1.15rem 0 5rem
}

@media (min-width:576px) {
    .open-orders {
        padding: 1.05rem 0 6.5rem
    }
}

.open-orders__note {
    margin: 0 0 1rem;
    padding: 0 .5rem 0 .15rem
}

@media (min-width:576px) {
    .open-orders__note {
        margin: 0 0 .6rem
    }
}

.open-orders__header {
    display: flex;
    flex-direction: column;
    margin: 0 0 1rem
}

@media (min-width:576px) {
    .open-orders__header {
        flex-direction: row;
        justify-content: space-between;
        padding: .45rem 0 0
    }

    .open-orders__dropdown>.dropdown__container {
        min-width: 9.75rem
    }
}

.open-orders__dropdown {
    z-index: 2;
    position: relative
}

.open-orders__dropdown>.dropdown__container {
    flex-grow: 1
}

.open-orders__search-input {
    margin: 1rem 0 0
}

@media (min-width:576px) {
    .open-orders__search-input {
        margin: 0;
        min-width: 16rem
    }
}

.open-orders__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.open-orders__results {
    flex-grow: 2;
    display: flex;
    align-items: center;
    margin: 1.5rem 0 0
}

.open-orders__show-value {
    margin: 0 0 0 .875rem;
    font-size: 1rem;
    line-height: 1.438rem
}

.open-orders__pagination {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0 0;
    width: 100%
}

.open-orders__no-orders {
    margin: 2.5rem 0 0
}

@media (min-width:768px) {
    .login-status h3 {
        margin: .8rem 0
    }

    .open-orders__pagination {
        width: auto
    }

    .open-orders__no-orders {
        margin: 5rem 0 0
    }

    .orders-list__row:nth-child(2n) {
        background-color: rgba(163, 156, 149, .08);
        box-shadow: 0 1px 0 0 rgba(163, 156, 149, .24)
    }
}

.orders-list {
    width: 100%;
    border-collapse: collapse;
    text-align: left
}

.orders-list__head-row {
    background-color: rgba(163, 156, 149, .24);
    border-bottom: 1px solid #a39c95
}

.orders-list__title {
    padding: .5rem 0 .5rem 1rem;
    min-height: 3.5rem;
    height: 3.5rem;
    font-size: .875rem
}

.orders-list__title span {
    cursor: pointer
}

.orders-list__title i {
    top: 1px;
    margin: 0 0 0 .4rem;
    font-size: .8rem
}

@media (max-width:767.98px) {
    .orders-list {
        display: block
    }

    .orders-list__head {
        display: none
    }

    .orders-list__body {
        display: block
    }

    .orders-list__row {
        display: block;
        background: 0 0
    }

    .orders-list__row:not(:last-child) {
        margin: 0 0 1rem
    }
}

@media (min-width:768px) {
    .orders-list__row:last-child {
        box-shadow: 0 1px 0 0 rgba(163, 156, 149, .24);
        margin: 0
    }
}

.orders-list__col {
    min-height: 3.5rem;
    font-size: .875rem
}

@media (max-width:767.98px) {
    .orders-list__col {
        display: flex;
        align-items: center;
        padding: .5rem .5rem .5rem 0;
        width: 100%
    }

    .orders-list__col:before {
        align-self: stretch;
        content: attr(data-title);
        display: flex;
        align-items: center;
        margin: -.5rem 1rem -.5rem 0;
        padding: .5rem 1rem;
        box-sizing: border-box;
        min-width: 50%;
        width: 50%;
        background-color: rgba(163, 156, 149, .24);
        color: #343434;
        box-shadow: 0 1px 0 0 #a39c95;
        font-weight: 500
    }

    .orders-list__col:nth-child(2n) {
        background-color: rgba(163, 156, 149, .08);
        border-bottom: 1px solid rgba(163, 156, 149, .24)
    }
}

@media (min-width:768px) {
    .orders-list__col {
        padding: .5rem 0 .5rem 1rem;
        height: 3.5rem;
        width: 16.66667%
    }
}

.orders-list__col--status {
    font-weight: 500
}

.orders-list__col--processing {
    color: #00639a
}

.orders-list__col--shipped {
    color: #00715c
}

.addresses {
    padding: 1rem 0 5rem
}

.addresses__header {
    display: flex;
    flex-direction: column
}

.addresses__dropdown {
    margin: 0 0 1rem
}

@media (min-width:576px) {
    .addresses__header {
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: wrap
    }

    .addresses__dropdown {
        margin: 0 auto 1rem 0
    }

    .addresses__dropdown>.dropdown__container {
        min-width: 9.75rem
    }
}

.addresses__dropdown>.dropdown__container {
    flex-grow: 1
}

.addresses__search-input {
    margin: 0 0 1rem
}

@media (min-width:576px) {
    .addresses__search-input {
        margin: 0 0 1rem 1rem;
        min-width: 16rem
    }
}

.addresses__button {
    margin: 0 0 1rem
}

@media (min-width:576px) {
    .addresses__button {
        margin: 0 0 1rem 1rem;
        min-width: 12.313rem
    }
}

.addresses__list {
    display: flex;
    flex-wrap: wrap;
    margin: -.5rem
}

@media (min-width:768px) {
    .addresses {
        padding: 2.5rem 0 5rem
    }

    .addresses__list {
        margin: -.5rem -.95rem -.95rem
    }
}

.addresses__item {
    padding: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .addresses__item {
        padding: .95rem;
        width: 50%
    }
}

.addresses-add {
    padding: 1.5rem 0 5rem
}

.addresses-add__back {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.addresses-add__back>i {
    top: 3px;
    margin: 0 .95rem 0 .15rem;
    font-size: 1.125rem
}

.addresses-add__title {
    margin: 1.625rem 0 1.25rem;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase
}

@media (min-width:576px) {
    .addresses-add {
        padding: 2.5rem 0 5rem
    }

    .addresses-add__title {
        margin: 2rem 0 1.25rem
    }

    .addresses-add__form {
        max-width: 33.75rem
    }
}

.addresses-add__form {
    margin: 0 auto
}

.addresses-add__form .address-form__cancel {
    margin: 0
}

.purchase-again {
    padding: 1.15rem 0 5rem
}

.purchase-again__header {
    display: flex;
    flex-direction: column;
    margin: 0 0 1.5rem
}

@media (min-width:576px) {
    .addresses-add__form .address-form__cancel {
        margin: .5rem 0 0
    }

    .purchase-again {
        padding: 1.05rem 0 6.5rem
    }

    .purchase-again__header {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0 1rem;
        padding: .45rem 0 0
    }

    .purchase-again__dropdown>.dropdown__container {
        min-width: 9.75rem
    }
}

.purchase-again__dropdown {
    z-index: 2;
    position: relative
}

.purchase-again__dropdown>.dropdown__container {
    flex-grow: 1
}

.purchase-again__search-input {
    margin: 1rem 0 0
}

.purchase-again__list-header {
    display: none
}

@media (min-width:576px) {
    .purchase-again__search-input {
        margin: 0;
        min-width: 16rem
    }

    .purchase-again__list-header {
        display: block;
        padding: 1.125rem 1rem;
        background-color: rgba(163, 156, 149, .24);
        border-bottom: 1px solid #a39c95;
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500
    }
}

.purchase-again__list>* {
    border-bottom: 1px solid #ccc;
    padding: 1.5rem 0
}

@media (max-width:575.98px) {
    .purchase-again__list>:first-child {
        padding: 0 0 1.5rem
    }
}

.purchase-again__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.purchase-again__results {
    flex-grow: 2;
    display: flex;
    align-items: center;
    margin: 1.5rem 0 0
}

.purchase-again__show-value {
    margin: 0 0 0 .875rem;
    font-size: 1rem;
    line-height: 1.438rem
}

.purchase-again__pagination {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0 0;
    width: 100%
}

.payment-methods {
    padding: 1rem 0 5rem
}

.payment-methods__header {
    display: flex;
    flex-direction: column
}

.payment-methods__dropdown {
    margin: 0 0 1rem
}

@media (min-width:576px) {
    .payment-methods__header {
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: wrap
    }

    .payment-methods__dropdown {
        margin: 0 auto 1rem 0
    }

    .payment-methods__dropdown>.dropdown__container {
        min-width: 9.75rem
    }
}

.payment-methods__dropdown>.dropdown__container {
    flex-grow: 1
}

.payment-methods__button.button,
.payment-methods__search-input {
    margin: 0 0 1rem
}

@media (min-width:576px) {
    .payment-methods__search-input {
        margin: 0 0 1rem 1rem;
        min-width: 16rem
    }

    .payment-methods__button.button {
        margin: 0 0 1rem 1rem;
        padding-left: 1.75rem;
        padding-right: 2rem;
        min-width: 12.313rem
    }
}

.payment-methods__list {
    display: flex;
    flex-wrap: wrap;
    margin: -.5rem
}

@media (min-width:768px) {
    .purchase-again__pagination {
        width: auto
    }

    .payment-methods {
        padding: 2.5rem 0 5rem
    }

    .payment-methods__list {
        margin: -.45rem -.95rem -.95rem
    }
}

.payment-methods__item {
    padding: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .payment-methods__item {
        padding: .95rem;
        width: 50%
    }

    .add-card__flex-wrap>:nth-child(3) {
        width: 8.813rem;
        min-width: 8.813rem
    }
}

.choose-address {
    padding-top: 1.625rem;
    padding-bottom: 5rem
}

.choose-address__content {
    margin: 1.625rem 0
}

@media (min-width:576px) {
    .choose-address {
        padding-top: 2rem
    }

    .choose-address__content {
        max-width: 33.75rem;
        margin: 2rem auto
    }
}

.choose-address__title {
    font-size: 1.125rem;
    line-height: 1.563rem;
    margin: 0 0 1rem
}

.choose-address__list {
    width: 100%
}

.choose-address__list>:not(:last-child) {
    margin: 0 0 1rem
}

.choose-address__more {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.choose-address__buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.add-card {
    padding-top: 1.625rem;
    padding-bottom: 5rem
}

.add-card__content {
    margin: 1.625rem 0
}

@media (min-width:576px) {
    .choose-address__buttons {
        flex-direction: row
    }

    .add-card {
        padding-top: 2rem
    }

    .add-card__content {
        max-width: 27.813rem;
        margin: 2rem auto
    }
}

.add-card__header {
    display: flex;
    justify-content: space-between;
    margin: 0 0 1rem;
    font-size: 1.125rem;
    line-height: 1.563rem
}

.add-card__img {
    width: 1.794rem;
    height: 1.25rem;
    border-radius: 3px
}

.add-card__input {
    margin: 0 0 1.5rem
}

.add-card__input--dropdown {
    z-index: 1;
    position: relative
}

.add-card__flex-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

.add-card__flex-wrap>* {
    width: 8.5rem;
    min-width: 8.5rem
}

.add-card__flex-wrap>:first-child {
    margin-right: .5rem
}

.add-card__flex-wrap>:nth-child(2) {
    margin-top: 1.5rem;
    margin-right: auto
}

.add-card__flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.add-card__flex>* {
    width: calc(50% - .45rem)
}

.add-card h2 {
    margin: 0 0 1rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.063rem
}

.confirm-removal-modal {
    position: relative;
    max-width: 17.313rem;
    margin: auto;
    padding: 1.625rem 1.5rem;
    border-radius: .25rem;
    background-color: #fff
}

.confirm-removal-modal__close {
    position: absolute;
    top: 1.2rem;
    right: 1.15rem;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer
}

.confirm-removal-modal__close i {
    font-size: 1.5rem
}

.confirm-removal-modal__title {
    margin: 0 0 1rem;
    font-size: .875rem;
    line-height: 1.438rem;
    font-weight: 500
}

.confirm-removal-modal__name {
    font-weight: 700
}

.confirm-removal-modal__name,
.confirm-removal-modal__text {
    font-size: 1rem;
    line-height: 1.438rem
}

.confirm-removal-modal__buttons {
    display: flex;
    margin: 1.5rem 0 0
}

.confirm-removal-modal__buttons>:not(:last-child) {
    margin: 0 1.063rem 0 0
}

.blog-filters__text {
    margin: 0 0 1.55rem;
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: center
}

@media (max-width:575.98px) {
    .blog-filters {
        display: none
    }

    .blog-filters--mobile {
        display: block;
        padding: 1.5rem .95rem 2.5rem;
        border-top: 1px solid #dedede
    }

    .blog-filters__text {
        display: none
    }
}

.blog-filters__item {
    display: flex;
    align-items: center
}

.blog-filters__item:not(:last-child) {
    margin: 0 0 1.2rem
}

.blog-filters__name {
    padding: 0 .5rem 0 0;
    min-width: 6rem;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width:575.98px) {
    .blog-filters__item {
        display: block
    }

    .blog-filters__item:not(:last-child) {
        margin: 0 0 2rem
    }

    .blog-filters__name {
        margin: 0 0 .5rem;
        font-size: .875rem;
        font-weight: 400;
        text-transform: none
    }
}

.blog-filters__list {
    margin: -.25rem
}

.blog-filters__list>* {
    margin: .25rem
}

.no-orders {
    text-align: center
}

.no-orders__text {
    font-size: 1.125rem;
    line-height: 1.563rem
}

.no-orders__button.button {
    margin: 2rem 0 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.video-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    cursor: pointer
}

.video-banner__img {
    overflow: hidden;
    position: relative;
    background-color: #ededed
}

.video-banner__img>.icon-btn-play-1 {
    z-index: 1;
    position: absolute;
    top: calc(50% - 1.4375rem);
    left: calc(50% - 1.4375rem);
    color: #fff;
    font-size: 2.875rem
}

.video-banner__img>.icon-launch-app {
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: .5625rem;
    color: #343434;
    background-color: hsla(0, 0%, 100%, .5);
    font-size: 1.375rem
}

.video-banner__img:before {
    content: "";
    display: block;
    padding-top: 56.3187985323%
}

.video-banner__img:after {
    content: "";
    background-color: hsla(0, 0%, 40%, .4)
}

.video-banner__img:after,
.video-banner__img>img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.video-banner__img>img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.video-banner__content {
    flex-grow: 1;
    margin: 0 -1px;
    padding: 1rem 1rem 1.5rem;
    min-height: 4.063rem;
    border-radius: 0 0 .25rem .25rem;
    background-color: rgba(163, 156, 149, .16);
    font-size: 1.125rem;
    line-height: 1.563rem;
    font-weight: 700
}

.video-modal {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.5rem 1rem 1rem;
    border-radius: .25rem;
    background-color: #fff
}

.video-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .3rem
}

@media (min-width:992px) {
    .video-modal__header {
        padding: 0 .3rem 0 .88rem
    }
}

.video-modal__back {
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase;
    cursor: pointer
}

.video-modal__back i {
    margin: 0 .35rem 0 0;
    font-size: 1rem
}

.video-modal__close {
    position: absolute;
    top: 1.2rem;
    right: 1.15rem;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer
}

.video-modal__close i {
    font-size: 1.5rem
}

.video-modal__video {
    position: relative;
    margin-top: 1.5rem;
    padding-top: 56.3187985323%
}

@media (min-width:992px) {
    .video-modal__video {
        margin-top: 0
    }
}

.video-modal__frame {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 53.375rem;
    max-height: 30rem;
    margin: auto;
    border: 0
}

.article-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.article-banner__img {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: .25rem;
    background-color: #ededed
}

.article-banner__img:before {
    content: "";
    display: block;
    padding-top: 77.1428571429%
}

.article-banner__img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.article-banner__content {
    padding-top: 1.5rem
}

.article-banner__title {
    font-size: 1.125rem;
    line-height: 1.563rem;
    font-weight: 700
}

.article-banner__text {
    margin: 1rem 0 1.5rem;
    line-height: 1.438rem
}

.blog-tabs>.dropdown {
    z-index: 1;
    position: relative
}

.blog-tabs__content {
    margin: 1.9rem 0 0
}

.blog-tabs__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -1rem 0
}

.blog-tabs__item {
    padding: 1rem 0;
    width: 100%
}

@media (min-width:576px) {
    .blog-tabs__list {
        justify-content: flex-start;
        margin: -1.5rem -1rem
    }

    .blog-tabs__item {
        padding: 1.5rem 1rem;
        width: 50%
    }
}

@media (min-width:768px) {
    .blog-tabs__item {
        width: 33.33333%
    }
}

.blog-tabs__pagination {
    display: flex;
    justify-content: center;
    margin: 3rem 0 0
}

@media (min-width:576px) {
    .blog-tabs__pagination {
        justify-content: flex-end
    }
}

.series-items__title {
    margin: 0 auto 1.05rem 0
}

.series-items__list {
    display: flex;
    flex-wrap: wrap
}

.series-items__list>* {
    width: 50%
}

@media (min-width:768px) {
    .series-items__list>* {
        width: 25%
    }

    .series-items__list>:not(:first-child) {
        border-left-width: 0
    }
}

.series-items__pagination {
    display: flex;
    justify-content: center;
    margin: 3rem 0 0
}

.part-style {
    display: grid;
    grid-template-areas: "back units""container container";
    grid-template-columns: 1fr auto;
    padding: 1.45rem 0 6rem
}

@media (min-width:992px) {
    .part-style {
        grid-template-areas: "back container units";
        grid-template-columns: 10rem 1fr 12rem;
        padding: 2.25rem 0 10rem
    }
}

.part-style--type {
    padding: 2.5rem 0 6rem
}

@media (min-width:576px) {
    .series-items__pagination {
        justify-content: flex-end
    }

    .part-style--type {
        padding: 4.9rem 0 10rem
    }
}

.part-style__back {
    grid-area: back;
    margin: auto auto auto 0;
    padding: .4rem 0
}

@media (min-width:992px) {
    .part-style__back {
        margin: 0;
        padding: 0
    }
}

.part-style__units {
    grid-area: units
}

.part-style__container {
    grid-area: container;
    margin: 1.5rem auto 0;
    max-width: 37rem;
    width: 100%
}

@media (min-width:992px) {
    .part-style__container {
        margin: -.25rem auto 0;
        padding: 0 .5rem 0 2.5rem
    }
}

.part-style__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.563rem
}

.part-style__list {
    display: flex;
    margin: .5rem -.469rem .469rem
}

@media (min-width:576px) {
    .part-style__list {
        margin: .05rem -.95rem -.95rem
    }
}

.part-style__item {
    margin: .469rem;
    width: 50%
}

@media (min-width:576px) {
    .part-style__item {
        margin: .95rem
    }
}

.part-style__diameter {
    margin: 1.5rem 0 0
}

@media (min-width:576px) {
    .part-style__diameter {
        display: grid;
        grid-template-areas: "icon range""icon button";
        margin: 2.1rem 0 0;
        padding: 0 2rem 0 1rem
    }
}

@media (min-width:992px) {
    .part-style__diameter {
        padding: 0 7.5rem 0 1rem
    }
}

.part-style__icon {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 7.313rem;
    height: 8.188rem;
    font-size: 8.188rem
}

@media (min-width:576px) {
    .part-style__icon {
        grid-area: icon;
        margin: .5rem 3.75rem 0 0
    }
}

.part-style__range {
    margin-top: 2.1rem
}

.part-style__button.button {
    margin: 1.5rem 0 0
}

.part-results__section {
    padding-top: 2rem;
    padding-bottom: 3rem
}

@media (min-width:576px) {
    .part-style__range {
        grid-area: range;
        margin-top: 0
    }

    .part-style__button.button {
        grid-area: button;
        margin: 1.5rem auto 0 0;
        padding-left: 1.95rem;
        padding-right: 1.95rem;
        width: auto
    }

    .part-results__section {
        padding-top: 3rem
    }
}

.banner-samples,
.part-results__section--dark {
    background-color: rgba(163, 156, 149, .08)
}

.banner-samples {
    position: relative;
    display: flex;
    padding: 2rem 2.75rem 2rem 2.85rem;
    border-radius: .25rem
}

.banner-samples__container {
    display: flex
}

.banner-samples__container>i {
    top: .25rem;
    left: .25rem;
    margin: 0 1rem 0 0;
    font-size: 1.5rem;
    color: #c02031
}

.banner-samples__link {
    z-index: 1;
    font-size: 1rem;
    line-height: 1.438rem
}

.banner-samples__img {
    display: none
}

@media (min-width:576px) {
    .banner-samples {
        align-items: center;
        padding: 2rem 17.75rem 2rem 2.85rem;
        min-height: 7.25rem
    }

    .banner-samples__container>i {
        top: 0
    }

    .banner-samples__img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        width: 15rem;
        border-radius: 0 .25rem .25rem 0;
        background-position: 50%;
        background-size: cover
    }
}

@media (min-width:992px) {
    .banner-samples {
        padding: 2rem 24.563rem 2rem 6rem
    }

    .banner-samples__img {
        width: 21.813rem
    }
}

.catalog,
.catalog__img {
    position: relative
}

.catalog__img {
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.catalog__img:before {
    content: "";
    display: block;
    padding-top: 128.4810126582%
}

.catalog__img>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%
}

.catalog__link {
    display: inline-block;
    margin: 1.1rem 0 0;
    font-size: 1rem;
    line-height: 1.438rem
}

.cart-mini {
    z-index: 1;
    position: absolute;
    inset: auto !important;
    top: 3.65rem !important;
    right: .95rem !important;
    left: .95rem !important;
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .24);
    transform: none !important
}

.cart-mini:not(.show) {
    display: none
}

.cart-mini:before {
    content: "";
    z-index: -1;
    box-sizing: border-box;
    position: absolute;
    top: -.4rem;
    right: 4.25rem;
    width: 1rem;
    height: 1rem;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .24);
    transform: rotate(45deg)
}

@media (min-width:768px) {
    .cart-mini {
        top: 2.9rem !important;
        right: -1rem !important
    }

    .cart-mini:before {
        right: .85rem
    }
}

.cart-mini:after {
    content: "";
    z-index: 1;
    box-sizing: border-box;
    position: absolute;
    top: -.4rem;
    right: 4.25rem;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    transform: rotate(45deg)
}

.cart-mini__head {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.1rem 1.25rem 1.25rem;
    border-bottom: 1px solid #dedede;
    background-color: #fff
}

.cart-mini__head>i.icon-thumb-up {
    margin: 0 .75rem 0 0;
    color: #00715c;
    font-size: 1.5rem
}

.cart-mini__head>i.icon-e-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.1rem;
    cursor: pointer
}

.cart-mini__num {
    flex-grow: 1;
    font-size: 1rem;
    line-height: 1.313rem
}

.cart-mini__list {
    overflow-y: auto;
    position: relative;
    margin: 0 .25rem 0 0;
    padding: 0 1rem;
    max-height: 15.75rem;
    scrollbar-width: thin
}

@media (min-width:768px) {
    .cart-mini:after {
        right: .85rem
    }

    .cart-mini__list {
        padding: 0 .5rem 0 1rem;
        max-height: 18.75rem
    }
}

.cart-mini__list::-webkit-scrollbar {
    width: 5px
}

.cart-mini__list::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 100px
}

.cart-mini__list::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 100px
}

.cart-mini__list>:not(:last-child) {
    border-bottom: 1px solid #dedede
}

.cart-mini__foot {
    position: relative;
    padding: .5rem 1rem 1rem;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.cart-mini__text {
    text-align: center
}

@media (min-width:768px) {
    .cart-mini__foot {
        display: flex;
        justify-content: space-between;
        padding: 1rem
    }

    .cart-mini__text {
        order: 2;
        text-align: right
    }
}

.cart-mini__subtotal {
    font-size: .875rem;
    line-height: 1.25rem
}

.cart-mini__price {
    margin: .25rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.438rem
}

.cart-mini__buttons {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: .5rem 0 0
}

.cart-mini__buttons>.button {
    padding-left: 1.9rem;
    padding-right: 1.9rem;
    width: calc(50% - .25rem)
}

@media (min-width:768px) {
    .cart-mini__buttons {
        order: 1;
        margin: 0
    }

    .cart-mini__buttons>.button {
        width: auto
    }
}

.cart-mini__buttons>.button:not(:last-child) {
    margin: 0 .5rem 0 0
}

.sales-rep-customers {
    margin: 0 .938em 0 .938rem
}

@media (min-width:768px) {
    .sales-rep-customers {
        margin: 0 2rem 0 1rem
    }
}

@media (max-width:767.98px) {
    .sales-rep-customers {
        margin: 0 2rem 0 1rem
    }
}

.sales-rep-customers__linebrk {
    display: none
}

.sales-rep-customers__container {
    max-width: 27rem;
    color: #343434
}

.sales-rep-customers__container>p {
    margin: .7rem 0;
    line-height: 1.4rem
}

.sales-rep-customers__container>p:nth-child(3) {
    margin-bottom: 3rem
}

.sales-rep-customers__container--tel a {
    color: #343434;
    text-decoration: none
}

.sales-rep-customers__container--europe {
    margin: 1.75rem 0
}

.sales-rep-customers__container--europe>p {
    margin: .65rem 0
}

.sales-rep-customers__container--distributors {
    margin: 3rem 0 0
}

@media (min-width:576px) {
    .cart-mini {
        left: auto !important;
        width: 27.813rem
    }

    .sales-rep-customers__linebrk {
        display: initial
    }

    .sales-rep-customers__container--distributors {
        grid-area: distributors;
        margin: 4.1rem 0 0
    }
}

.sales-rep-customers h1 {
    margin: .5rem 0 1.7rem;
    color: #c02031;
    font-size: 2.25rem;
    display: block
}

.sales-rep-customers h2 {
    margin: 0;
    font-size: 1.563rem;
    font-weight: 500
}

@media (min-width:768px) {
    .sales-rep-customers h2 {
        font-size: 2rem
    }
}

.sales-rep-customers h5 {
    margin: 0;
    font-size: 1.375rem;
    color: #343434
}

.sales-rep-customers__img {
    margin-top: 3rem;
    position: relative;
    width: 100%;
    height: auto;
    display: block
}

.sales-rep-customers__img>* {
    max-width: 100%;
    max-height: 100%
}

.sales-rep-customers__img>picture {
    height: 100%
}

.sales-rep-customers__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

.sales-rep-form {
    padding-top: 20.5rem;
    padding-bottom: 5rem
}

@media (min-width:576px) {
    .sales-rep-form {
        padding-top: .5rem;
        padding-bottom: 6.5rem
    }
}

.sales-rep-form__container {
    margin: 0 auto;
    padding: 2rem .938rem;
    background-color: rgba(163, 156, 149, .08);
    width: 100%;
    border-radius: 4px
}

@media (min-width:576px) {
    .sales-rep-form__container {
        width: 100%;
        margin: .5rem 0 3.5rem;
        padding: 3rem 4.75rem 4rem
    }
}

@media (min-width:768px) {
    .sales-rep-customers__img {
        display: none
    }

    .sales-rep-form__container {
        width: 95%;
        margin: .5rem 0 3.5rem;
        padding: 3rem 2.75rem 4rem
    }
}

@media (min-width:992px) {
    .sales-rep-form__container {
        width: 100%;
        margin: .5rem .25rem 3.5rem;
        padding: 3rem 6.2rem 4rem
    }
}

.sales-rep-form__fcontainer {
    padding-bottom: 2rem
}

.sales-rep-form__input {
    margin: 0 0 1rem
}

.sales-rep-form__input--dropdown,
.sales-rep-form__input--input {
    position: relative
}

.sales-rep-form__button {
    margin: .95rem 0 .35rem
}

.sales-rep-form__desc {
    color: #343434
}

.sales-rep-form__desc>p:first-child {
    margin: 1rem 0;
    font-weight: 700;
    font-size: .75rem;
    text-transform: uppercase
}

.sales-rep-form__desc--div {
    font-size: 1rem
}

.sales-rep-form__desc--div p {
    margin: .5rem 0
}

.sales-rep-form__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1rem 2rem 0 1rem
}

.sales-rep-form__table tr {
    padding: 2rem 0
}

.sales-rep-form__table td,
.sales-rep-form__table th {
    text-align: left
}

.sales-rep-form__table td {
    padding: .25rem 0
}

.sales-rep-form__table td:first-child {
    padding-right: 1.75rem;
    font-weight: 700;
    text-transform: capitalize
}

.sales-rep-form__img {
    position: relative;
    max-width: 33.75rem;
    max-height: 25.5rem;
    display: none
}

.sales-rep-form__img>* {
    max-width: 100%;
    max-height: 100%
}

.sales-rep-form__img>picture {
    height: 100%
}

.sales-rep-form__img>picture>* {
    max-width: 100%;
    max-height: 100%
}

@media (min-width:576px) {
    .sales-rep-form__img {
        width: 95%;
        display: block
    }
}

@media (max-width:767.98px) {
    .sales-rep-customers h1 {
        display: none
    }

    .sales-rep-form__img {
        display: none;
        width: 100%
    }
}

@media (min-width:768px) {
    .sales-rep-form__fcontainer {
        padding-bottom: 2rem
    }

    .sales-rep-form__button {
        margin: 1.6rem 0 0
    }

    .sales-rep-form__img {
        display: block;
        width: 95%
    }
}

.catalog-item {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.catalog-item__img {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 20rem;
    background-color: #ededed;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
}

.catalog-item__img:before {
    content: "";
    display: block;
    padding-top: 77.1428571429%
}

.catalog-item__img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.catalog-item__content {
    padding-top: 1rem
}

.catalog-item__content>span {
    font-weight: lighter;
    padding: 0 .2rem
}

.catalog-item__title {
    font-size: 1rem;
    line-height: 1.563rem;
    font-weight: 700;
    margin-bottom: .45rem
}

.catalog-item__link {
    height: 1.25rem;
    width: 6.813rem;
    color: #00639a;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px
}

.catalog-request-form {
    padding: 2.55rem 0 5rem
}

@media (min-width:576px) {
    .catalog-request-form {
        padding: 2.8rem 0 6.5rem;
        max-width: 57.5rem
    }
}

.catalog-request-form__form-container {
    margin: 2.5rem 0;
    width: 100%
}

.catalog-request-form__main-container {
    width: 100%;
    display: flex;
    flex-direction: row
}

@media (max-width:767.98px) {
    .catalog-request-form__main-container {
        flex-direction: column
    }
}

.catalog-request-form__item {
    width: 100%;
    margin: 0;
    order: 0;
    flex: 0 1 auto;
    align-self: auto
}

.catalog-request-form__item>* {
    margin-bottom: 1.2rem
}

.catalog-request-form__checkboxes-form-container {
    margin: 2.5rem 0;
    max-width: 300px
}

.catalog-request-form__checkboxes-form-container>label {
    margin: 1rem auto 1rem 0
}

.catalog-request-form__company-form {
    z-index: 1;
    position: relative;
    display: inline-block;
    margin: 0 2% 0 0;
    width: 23%
}

@media (max-width:767.98px) {
    .catalog-request-form__company-form {
        display: inline-block;
        margin: 0 0 1.75rem;
        width: 100%
    }
}

@media (min-width:768px) {
    .catalog-request-form__item:nth-child(odd) {
        display: inline-block;
        margin: 0 2% 0 0;
        width: 38%
    }

    .catalog-request-form__item:nth-child(2n) {
        margin: 0 0 0 2%;
        width: 58%
    }

    .catalog-request-form__input:last-child {
        margin: 0 0 0 2%
    }

    .catalog-request-form__input:nth-last-child(-n+2) {
        display: inline-block;
        width: 48.5%
    }

    .catalog-request-form__company-form:last-child {
        margin: 0
    }
}

.catalog-request-form__company-form--dropdown-industry {
    z-index: 3
}

.catalog-request-form__company-form--dropdown-referred {
    z-index: 2
}

.catalog-request-form__button.button {
    display: block;
    min-width: 9.938rem;
    font-size: .875rem;
    margin-top: 2rem
}

.catalog-request-form__button.button[disabled] {
    background-color: #343434;
    border-color: #343434
}

.part-info-form__label {
    margin: 1rem 0 0
}

.part-info-form__textarea {
    margin: .5rem 0 0;
    padding: .5rem;
    min-height: 6.875rem;
    font-weight: 400
}

.part-info-form__divider {
    margin: 1.25rem 0 1.5rem
}

@media (min-width:576px) {
    .part-info-form__divider {
        margin: 1.5rem 0
    }
}

.part-info-form__flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: .5rem 0 -.6rem
}

.part-info-form__flex>* {
    margin: .65rem 0 .6rem;
    width: calc(50% - .45rem)
}

.part-info-form__flex--range {
    margin: .5rem 0 0
}

.part-info-form__flex--range>* {
    margin: 0
}

.part-info-form__note {
    margin: 1rem 0 0;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.063rem
}

@media (min-width:576px) {
    .part-info-form__flex>* {
        width: calc(50% - 1rem)
    }

    .part-info-form__flex--range>* {
        width: calc(50% - .5rem)
    }

    .part-info-form__note--pdf {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        margin: .55rem 0 0;
        padding: 0 1rem 0 0;
        max-width: 17rem
    }
}

.part-info-form__input {
    margin: 1.1rem 0 0
}

.part-info-form__input--dropdown {
    z-index: 1;
    position: relative
}

.part-info-form__other {
    display: flex;
    align-items: center;
    width: 100%
}

.part-info-form__other .input {
    flex-grow: 1
}

.part-info-form__other .input:not(:first-child) {
    margin: 0 0 0 1rem
}

@media (min-width:576px) {
    .part-info-form__pdf {
        display: flex;
        justify-content: space-between;
        margin: -1rem 0 0
    }
}

.part-info-form__file {
    margin: .95rem 0 0;
    word-break: break-all
}

@media (min-width:576px) {
    .part-info-form__file {
        margin: 1.75rem 0 0;
        max-width: 12rem
    }
}

.part-info-form__button {
    margin: 2.5rem 0 0
}

.shop-by-industry {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 1.25rem;
    max-width: 45.625rem
}

.shop-by-industry__title {
    margin: 0;
    font-weight: 500;
    text-align: center
}

.shop-by-industry__desc {
    margin: 1rem 0 0;
    text-align: center
}

.shop-by-industry__list {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 1.55rem -.95rem -.95rem
}

.shop-by-industry__item {
    padding: .95rem;
    width: 50%
}

@media (min-width:576px) {
    .shop-by-industry__item {
        width: 25%
    }
}

.shop-by-industry__banner {
    position: relative;
    padding: 1.813rem 1rem 2rem;
    height: 100%;
    border: 1px solid #ededed;
    border-radius: .25rem
}

.shop-by-industry__icon {
    margin: 0 0 0 .313rem;
    max-height: 1.5rem;
    max-width: 1.5rem;
    font-size: 1.5rem
}

.shop-by-industry__name {
    margin: 1.5rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem
}

.shop-by-industry__link {
    display: block;
    margin: .5rem 0 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.pricing-table {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    line-height: 1.25rem
}

.pricing-table__table-content {
    width: 100%;
    border-collapse: collapse
}

.pricing-table__head-row {
    border-bottom: 1px solid
}

.pricing-table__title {
    width: 50%;
    font-weight: 500;
    padding: .625rem 1.188rem .625rem 1rem
}

.pricing-table__title--price {
    text-align: right
}

@media (min-width:992px) {
    .pricing-table__title {
        padding: .625rem .938rem .625rem 1rem
    }

    .pricing-table__title--price {
        text-align: left
    }
}

.pricing-table__row {
    border-bottom: 1px solid #a39c95
}

.pricing-table__col {
    padding: .375rem 1.188rem .375rem 1rem
}

@media (min-width:992px) {
    .pricing-table__col {
        padding: .375rem .938rem .375rem 1rem
    }
}

.pricing-table__col--price {
    padding: .375rem 26px .375rem .688rem;
    text-align: right
}

@media (min-width:992px) {
    .pricing-table__col--price {
        padding: .375rem 1.313rem .375rem .688rem
    }
}

.pricing-table__button {
    margin-top: .5rem
}

.manual {
    padding: 2.5rem 0 5rem
}

.manual__header {
    font-size: 1.125rem;
    line-height: 1.563rem;
    padding: 0 0 1.5rem
}

.manual__table {
    width: 100%;
    border-collapse: collapse;
    text-align: left
}

.manual__table__head-row {
    background-color: rgba(163, 156, 149, .24);
    border-bottom: 1px solid #a39c95
}

.manual__table__title {
    padding: .5rem 0 .5rem 1rem;
    min-height: 3.5rem;
    height: 3.5rem;
    font-size: .875rem
}

.manual__table__title span {
    cursor: pointer
}

.manual__table__col {
    padding: 1.5rem 0 1.5rem 1rem;
    min-height: 3.5rem;
    height: 3.5rem;
    font-size: .875rem;
    vertical-align: baseline;
    box-shadow: 0 1px 0 0 rgba(163, 156, 149, .24)
}

.manual__table__col--number {
    width: 4.625rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500
}

@media (min-width:768px) {
    .manual {
        max-width: 731px;
        margin: auto
    }

    .manual__table__col--number {
        width: 4.438rem
    }

    .manual__table__col--sku {
        padding-right: .5rem
    }
}

.manual__table__col--quantity {
    width: 5.688rem;
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:768px) {
    .manual__table__col--quantity {
        width: 7.563rem
    }

    .copy-paste {
        max-width: 731px;
        margin: auto
    }
}

.manual__footer {
    padding: 1.5rem 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.manual__footer__button {
    width: 12.125rem
}

.copy-paste {
    padding: 2.5rem 0 5rem
}

.copy-paste__header {
    font-size: 1.125rem;
    line-height: 1.563rem;
    padding: 0 0 1.5rem
}

.copy-paste__textarea {
    height: 19.563rem;
    padding: 1.5rem
}

.copy-paste__footer {
    padding: 1.5rem 0 0;
    display: flex;
    align-items: center
}

.copy-paste__footer__button {
    width: 100%
}

.html-content div:not(:first-child:last-child),
.html-content p:not(:first-child:last-child),
.html-content ul:not(:first-child:last-child) {
    margin: 0;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.html-content ol,
.html-content ul {
    padding-left: 1.75rem
}

.html-content li {
    padding: 0 0 0 .45rem;
    line-height: 1.45rem
}

.html-content p {
    font-size: 1rem;
    line-height: 1.4375rem
}

.html-content small {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem
}

.subcategory {
    padding-bottom: 6rem
}

.subcategory .images {
    margin: 0 calc(var(--bs-gutter-x)*-1)
}

@media (min-width:768px) {
    .copy-paste__footer {
        justify-content: right
    }

    .copy-paste__footer__button {
        width: 12.125rem
    }

    .subcategory .images {
        margin: 0
    }
}

.subcategory__info-left {
    padding: 2.14rem 0 0
}

@media (min-width:576px) {
    .subcategory__info {
        display: flex
    }

    .subcategory__info-left {
        flex: 0 0 auto;
        width: 58.3333333333%;
        padding: 1.85rem 0 0
    }
}

@media (min-width:768px) {
    .subcategory__info-left {
        flex: 0 0 auto;
        width: 75%
    }
}

.subcategory__info-container {
    max-width: 43rem
}

.subcategory__info-right {
    padding: 1rem 0 0
}

@media (min-width:576px) {
    .subcategory__info-right {
        flex: 0 0 auto;
        width: 41.6666666667%;
        padding: 2.55rem 0 0 1.4rem
    }
}

.subcategory h1 {
    margin: 0 0 .35rem;
    color: #c02031
}

.subcategory__subtitle {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.563rem
}

.subcategory__description {
    margin: 1rem 0 0
}

.subcategory .info-item {
    margin: 0 0 .45rem
}

@media (min-width:768px) {
    .subcategory__info-right {
        flex: 0 0 auto;
        width: 25%
    }

    .subcategory h1 {
        margin: 0 0 .5rem
    }

    .subcategory__description {
        margin: .9rem 0 0
    }

    .subcategory .info-item {
        margin: 0 0 1rem
    }
}

.subcategory .products {
    margin: 3.1rem 0 0
}

.login {
    padding-top: 1.5rem;
    padding-bottom: 5rem
}

@media (min-width:576px) {
    .login {
        padding-top: 2.5rem;
        padding-bottom: 6.5rem
    }
}

.login__status {
    margin: 0 auto;
    padding: 0 0 2.5rem
}

.login__container {
    margin: 0 auto;
    padding: 1.5rem 1.5rem 1.5rem 1.55rem;
    width: 100%;
    max-width: 33.75rem;
    border-radius: 4px;
    background-color: rgba(163, 156, 149, .08)
}

.login__logo {
    width: 12.5rem;
    height: 3.75rem
}

.login h1 {
    margin: 1.2rem 0 1.1rem;
    font-size: 1.375rem;
    font-weight: 500
}

.login__email {
    margin: 0 0 1.5rem
}

.login__auth {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 1.15rem 0 0
}

.login__checkbox {
    flex-grow: 1;
    margin: 1rem 0 0
}

.login__forgot {
    margin: 1rem 0 0 .5rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.login__button {
    display: block;
    margin: 3.1rem 0 0
}

.login__question {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 1.75rem 0;
    text-align: center;
    color: #111
}

.login__question span {
    background-color: #a39c95;
    display: inline-block;
    height: 1px;
    width: 50%
}

.login__question label {
    padding: 0 1.25rem;
    white-space: nowrap
}

.login__create {
    display: flex;
    flex-direction: column;
    margin: 1.45rem 0 0;
    line-height: 1.875rem;
    text-align: center
}

@media (min-width:576px) {
    .login__container {
        padding: 2.5rem 2.55rem 2rem 2.43rem
    }

    .login h1 {
        margin: .75rem 0 .72rem
    }

    .login__create {
        display: block
    }

    .login__create a {
        padding: 0 0 0 .5rem
    }
}

.register {
    padding-top: 1.5rem;
    padding-bottom: 3.75rem
}

.register__logo {
    width: 12.5rem;
    height: 3.75rem
}

@media (min-width:768px) {
    .subcategory .products {
        margin: 4.05rem 0 0
    }

    .register {
        display: flex;
        padding-top: 1.65rem;
        padding-bottom: 6.5rem
    }

    .register__logo {
        display: none
    }
}

.register__logo--desktop {
    display: none
}

.register__form-container {
    margin: 1.55rem 0 0;
    width: 100%
}

@media (min-width:768px) {
    .register__logo--desktop {
        display: block
    }

    .register__form-container {
        order: 2;
        margin: 2.75rem 0 0;
        max-width: 33.75rem
    }
}

.register__form-container--success {
    margin: -.25rem 0 1.55rem
}

@media (min-width:768px) {
    .register__form-container--success {
        margin: 3.9rem 0 0
    }

    .register__info {
        order: 1;
        flex-grow: 1;
        min-width: 50%
    }
}

.register__text a {
    padding: 0 0 0 .5rem
}

.register__note {
    margin: 1rem 0 0;
    color: #ed420f;
    font-size: .75rem;
    line-height: 1rem
}

.register__form {
    margin: 1.5rem 0 0;
    border-radius: 4px;
    background-color: rgba(163, 156, 149, .08)
}

.register__info {
    margin: 1.35rem 0 0
}

.series {
    padding-top: 2.55rem;
    padding-bottom: 4.5rem
}

.series__details {
    margin: 3.4rem 0 0
}

@media (min-width:576px) {
    .series {
        padding-top: .1rem;
        padding-bottom: 5rem
    }

    .series__product {
        display: grid;
        grid-template-areas: "gallery details""samples details""resources details"". details";
        grid-template-columns: 48.65% auto;
        width: 100%
    }

    .series__gallery {
        grid-area: gallery
    }

    .series__details {
        grid-area: details;
        margin: 0;
        padding: 0 0 0 1rem
    }
}

@media (min-width:768px) {
    .series__details {
        padding: 0 0 0 1.9rem
    }
}

.series__samples {
    margin: 2rem 0 0
}

@media (min-width:576px) {
    .series__samples {
        grid-area: samples;
        margin: 4.1rem 0 0
    }
}

.series__resources {
    margin: 3.45rem 0 0
}

@media (min-width:576px) {
    .series__resources {
        grid-area: resources;
        margin: 2rem 0 0
    }
}

.series__purchasing {
    margin: 2.95rem 0 0
}

@media (min-width:576px) {
    .series__purchasing {
        margin: 2rem 0 0
    }
}

.cart {
    padding-top: 1.8rem;
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .cart {
        padding-top: 2.5rem
    }

    .cart__content {
        padding: .6rem 1rem 0 0
    }
}

@media (min-width:992px) {
    .cart__content {
        padding: .6rem 1.875rem 0 0
    }
}

.cart__title {
    margin: 0;
    font-size: 1.563rem;
    font-weight: 500;
    line-height: 1.7rem
}

@media (min-width:768px) {
    .cart__title {
        margin: 0 0 .15rem;
        font-size: 2rem
    }
}

.cart__number {
    margin: 0 0 0 .55rem;
    font-size: 1rem;
    font-weight: 400
}

.cart__list {
    margin: 0 0 .55rem
}

@media (min-width:768px) {
    .cart__list {
        margin: 0 0 1.05rem
    }
}

.cart__list>* {
    border-bottom: 1px solid #ccc
}

.cart__empty {
    margin: 0 0 1.1rem
}

.cart__link {
    font-size: .875rem
}

.cart__saved {
    margin: 1rem 0 -.5rem;
    padding: 1.5rem 1.5rem .2rem;
    background-color: rgba(163, 156, 149, .08)
}

@media (min-width:768px) {
    .cart__saved {
        margin: 2.55rem 0 0;
        padding: 1.75rem 1.5rem .2rem
    }
}

.cart__saved--empty-cart {
    margin: 0
}

.cart__saved-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.9rem
}

.cart__saved-title span {
    margin: 0 0 0 .2rem
}

.cart__saved-list>:not(:last-child) {
    border-bottom: 1px solid #ccc
}

.cart__side,
.cart__side>.accordion-bordered {
    margin: 1.5rem 0 0
}

.checkout {
    padding-top: 1.8rem
}

@media (min-width:768px) {
    .cart__saved-title {
        font-size: 1.625rem
    }

    .cart__side {
        margin: 0
    }

    .checkout {
        padding-top: 2.55rem;
        padding-bottom: 3.15rem
    }

    .checkout__content {
        padding: .6rem 1rem 0 0
    }
}

@media (min-width:992px) {
    .checkout__content {
        padding: .6rem 1.875rem 0 0
    }
}

.checkout__side {
    margin: 2.1rem 0 0
}

@media (min-width:768px) {
    .checkout__side {
        margin: 0
    }
}

.checkout__side>.accordion-bordered,
.checkout__tax {
    margin: 1.5rem 0
}

.checkout__tax {
    padding: 0 1rem
}

.checkout__tax-desc {
    margin: .5rem 0 0 1.75rem;
    font-size: .75rem;
    line-height: 1rem
}

.account {
    padding: 2.5rem 0 0
}

.account__container--flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.account__head {
    position: relative
}

.account__head>h1 {
    margin: .8rem 0 0;
    font-size: 1.75rem;
    font-weight: 700
}

.account__logo {
    width: 8.25rem;
    height: 2.5rem
}

@media (min-width:768px) {
    .account__head {
        padding: 0 9rem 0 0
    }

    .account__head>h1 {
        margin: 0;
        font-size: 2.25rem
    }

    .account__logo {
        position: absolute;
        top: 0;
        right: 0
    }
}

.account__desc {
    margin: .6rem 0 0;
    font-size: 1.125rem
}

.account__tiles {
    margin: 2.6rem 0 0;
    background-color: rgba(163, 156, 149, .08)
}

.account__tabs {
    padding: 1.6rem 0 0
}

.account__tabs>.dropdown {
    z-index: 3;
    position: relative;
    margin: 1rem 0 0
}

.account__tabs .tab-content__item:empty {
    height: 7rem
}

.order-confirm__top {
    padding: 2.875rem .95rem 10.35rem;
    background-color: rgba(163, 156, 149, .08)
}

.order-confirm__info {
    margin: 0 auto;
    max-width: 73.125rem;
    text-align: center
}

.order-confirm__info>h1 {
    margin: 1.2rem 0 0;
    font-size: 1.563rem;
    font-weight: 500
}

.order-confirm__icon {
    font-size: 2.188rem;
    color: #00715c
}

.order-confirm__number {
    margin: 1.05rem 0 0;
    font-size: 1.125rem;
    font-weight: 700
}

@media (min-width:768px) {
    .order-confirm__top {
        padding: 2.875rem .95rem 10.75rem
    }

    .order-confirm__info>h1 {
        margin: .55rem 0 0;
        font-size: 2rem
    }

    .order-confirm__number {
        margin: .95rem 0 0
    }
}

.order-confirm__desc {
    margin: .6rem 0 1.6rem;
    font-size: 1rem
}

.order-confirm__link {
    font-size: .875rem
}

.order-confirm__bottom {
    padding: 0 .95rem 1rem
}

@media (min-width:768px) {
    .order-confirm__desc {
        margin: .6rem 0 1.15rem
    }

    .order-confirm__bottom {
        padding: 0 .95rem 6.5rem
    }
}

.order-confirm__container {
    margin: -6.813rem auto 0;
    max-width: 73.125rem
}

.order-confirm__container>* {
    position: relative;
    border-radius: .25rem;
    background-color: #fff;
    box-shadow: 0 0 11px rgba(0, 0, 0, .2)
}

.order-confirm__container>:not(:last-child) {
    margin: 0 0 5.1rem
}

.order-detail__top {
    padding: 1.5rem .95rem 7.5rem;
    background-color: rgba(163, 156, 149, .08)
}

@media (min-width:768px) {
    .order-confirm__container {
        margin: -8.2rem auto 0
    }

    .order-confirm__container>:not(:last-child) {
        margin: 0 0 1.5rem
    }

    .order-detail__top {
        padding: 2rem .95rem 6.5rem
    }

    .order-detail__top-container {
        display: grid;
        grid-template-areas: "back back""info status";
        grid-template-columns: 50% 50%;
        padding: 0 1.875rem
    }
}

.order-detail__top-container {
    margin: 0 auto;
    max-width: 73.125rem
}

.order-detail__info>h1 {
    margin: 1.2rem 0 0;
    font-size: 1.563rem;
    font-weight: 500
}

@media (min-width:768px) {
    .order-detail__back {
        grid-area: back
    }

    .order-detail__info {
        grid-area: info
    }

    .order-detail__info>h1 {
        margin: 1rem 0 0;
        font-size: 2rem
    }
}

.order-detail__prop {
    margin: .25rem 0 0;
    font-size: 1.125rem;
    line-height: 1.563rem
}

.order-detail__prop b {
    margin: 0 0 0 .25rem
}

.order-detail__status {
    margin: .25rem 0 0;
    font-size: 1.125rem;
    line-height: 1.563rem
}

.order-detail__status b {
    margin: 0 0 0 .3rem
}

.order-detail__status--processing b {
    color: #00639a
}

.order-detail__status--shipped b {
    color: #00715c
}

.order-detail__bottom {
    padding: 0 .95rem 5rem
}

@media (min-width:768px) {
    .order-detail__status {
        margin: 2.05rem 0 0;
        grid-area: status;
        text-align: right
    }

    .order-detail__bottom {
        padding: 0 .95rem 6.5rem
    }
}

.order-detail__container {
    margin: -6rem auto 0;
    max-width: 73.125rem
}

.order-detail__container>* {
    position: relative;
    border-radius: .25rem;
    background-color: #fff;
    box-shadow: 0 0 11px rgba(0, 0, 0, .2)
}

.order-detail__container>:not(:last-child) {
    margin: 0 0 5.1rem
}

.home__section {
    position: relative
}

.home__section--dark {
    background-color: rgba(163, 156, 149, .24)
}

.home__section--middle {
    background-color: rgba(163, 156, 149, .16)
}

.home__section--light {
    background-color: rgba(163, 156, 149, .08)
}

.home__section--oh {
    overflow: hidden
}

.home__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    background-image: var(--bg)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .home__bg {
        background-image: var(--bg-2x)
    }
}

.home__bg--desktop {
    display: none
}

.home__bg--partner {
    background-size: 320%;
    background-position: 16% 0
}

@media (min-width:768px) {
    .order-detail__container {
        margin: -5rem auto 0
    }

    .order-detail__container>:not(:last-child) {
        margin: 0 0 1.5rem
    }

    .home__bg--desktop {
        display: block
    }

    .home__bg--partner {
        background-position: 50%;
        background-size: contain
    }
}

.category__section {
    position: relative
}

.category__section--dark {
    background-color: rgba(163, 156, 149, .16)
}

.category__section--light {
    background-color: rgba(163, 156, 149, .08)
}

.category__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    background-image: var(--bg)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .category__bg {
        background-image: var(--bg-2x)
    }
}

.category__bg--solutions {
    background-size: 320%;
    background-position: -14% -8%
}

.recovery {
    padding-top: 1.5rem;
    padding-bottom: 5rem
}

@media (min-width:576px) {
    .recovery {
        padding-top: 2.5rem;
        padding-bottom: 6.5rem
    }
}

.recovery__status {
    margin: 0 auto;
    padding: 0 0 2.5rem
}

.recovery__container {
    margin: 0 auto;
    padding: 1.5rem 1.5rem 1.5rem 1.55rem;
    width: 100%;
    max-width: 33.75rem;
    border-radius: 4px;
    background-color: rgba(163, 156, 149, .08)
}

.recovery__logo {
    width: 12.5rem;
    height: 3.75rem
}

.recovery h1 {
    margin: 1.2rem 0 1.1rem;
    font-size: 1.375rem;
    font-weight: 500
}

@media (min-width:576px) {
    .recovery__container {
        padding: 2.5rem 2.55rem 3.5rem 2.43rem
    }

    .recovery h1 {
        margin: .75rem 0 1.5rem
    }
}

.recovery__input {
    margin: 0 0 1.5rem
}

.recovery__button {
    display: block;
    margin: 1.5rem 0 0
}

.recovery__note {
    color: #ed420f;
    font-size: .75rem;
    line-height: 1rem
}

.part-finder__head {
    padding: 1.75rem 0 2.5rem;
    background-color: rgba(163, 156, 149, .08)
}

@media (min-width:576px) {
    .part-finder__head {
        padding: 3.5rem 0
    }

    .part-finder__container--grid {
        display: grid;
        grid-template-areas: "title steps""desc button";
        grid-template-columns: 1fr 15rem
    }
}

.part-finder__steps {
    padding: 0 1rem
}

.part-finder h1 {
    margin: 1.7rem 0 0
}

.part-finder__desc {
    margin: .45rem 0 0;
    line-height: 1.438rem
}

@media (min-width:576px) {
    .part-finder__steps {
        grid-area: steps;
        padding: .25rem 1rem
    }

    .part-finder h1 {
        grid-area: title;
        margin: 0 1rem 0 0
    }

    .part-finder__desc {
        grid-area: desc;
        margin: .45rem 1rem 0 0;
        max-width: 40rem
    }
}

.part-finder__button {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 0 -1.05rem;
    padding: 1rem 0 0
}

.part-finder__button .button {
    padding-left: 1.95rem;
    padding-right: 1.95rem;
    width: auto
}

@media (min-width:576px) {
    .part-finder__button {
        grid-area: button;
        margin: 0 0 -.8rem;
        padding: 1.85rem 0 0
    }

    .part-finder__button .button {
        padding: .407rem 2.95rem;
        font-size: .875rem
    }
}

.part-finder__breadcrumbs {
    display: flex;
    align-items: center;
    height: 3rem;
    border-color: #ededed;
    border-style: solid;
    border-width: 1px 0
}

.part-finder__breadcrumbs-list {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap
}

.part-finder__breadcrumbs-list>* {
    padding: .25rem .5rem;
    font-weight: 500;
    white-space: nowrap
}

.part-finder__breadcrumbs-list>:not(:last-child) {
    border-right: 1px solid #ededed
}

.part-finder__breadcrumbs-list:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3.5rem;
    background: linear-gradient(90deg, hsla(0, 0%, 99.2%, 0), hsla(0, 0%, 99.6%, .79) 75.68%, #fff)
}

.blog--service .section-articles {
    padding-top: 2.1rem;
    padding-bottom: 2rem
}

.blog--service .section-help {
    margin-bottom: 4.5rem
}

.blog__head {
    z-index: 1;
    position: relative;
    padding: 2.9rem 0 2.75rem;
    background-color: #f0efee
}

@media (min-width:576px) {
    .blog--service .section-articles {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .blog--service .section-help {
        margin-bottom: 5rem
    }

    .blog--service .accordion__body {
        padding: 1rem 1.75rem 1.5rem
    }

    .blog__container {
        display: flex;
        flex-direction: column
    }
}

.blog h1 {
    display: flex;
    justify-content: center;
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.375rem
}

.blog h1>i {
    margin: 0 1.4rem 0 0;
    color: #c02031;
    font-size: 2.188rem
}

.blog__filters {
    padding: 1.5rem 0 0
}

.blog__selected {
    margin: 1.5rem 0 .25rem
}

@media (min-width:576px) {
    .blog h1 {
        font-size: 2.25rem
    }

    .blog__filters {
        padding: 2.1rem 0 2rem;
        box-shadow: 0 0 11px 0 rgba(0, 0, 0, .2)
    }

    .blog .blog-filters {
        order: 2
    }

    .blog__filters-button {
        display: none
    }

    .blog__selected {
        order: 1;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin: -.2rem 0 1.25rem
    }
}

.blog__selected-text {
    display: none
}

@media (min-width:576px) {
    .blog__selected-text {
        display: flex;
        align-items: center;
        padding: .4rem .5rem .35rem 0;
        font-size: .75rem;
        font-weight: 700;
        line-height: 1rem;
        text-transform: uppercase
    }
}

.blog__content {
    padding: 2rem 0 6.125rem
}

@media (min-width:576px) {
    .blog__content {
        padding: 2.75rem 0 6.5rem
    }
}

.blog__section {
    position: relative
}

.blog__section--dark {
    background-color: rgba(163, 156, 149, .24)
}

.blog__section--middle {
    background-color: rgba(163, 156, 149, .16)
}

.blog__section--light {
    background-color: rgba(163, 156, 149, .08)
}

.search-page__section {
    padding-top: 2rem;
    padding-bottom: 3rem
}

@media (min-width:576px) {
    .search-page__section {
        padding-top: 3rem
    }
}

.search-page__section--dark {
    background-color: rgba(163, 156, 149, .16)
}

.sales-rep {
    padding: .5rem 0 3.75rem
}

@media (min-width:768px) {
    .category__bg--solutions {
        background-size: 75%;
        background-position: 2% 46%
    }

    .part-finder__container--grid {
        grid-template-columns: 1fr 21.5rem
    }

    .part-finder__breadcrumbs-list:after {
        content: none
    }

    .sales-rep {
        display: flex;
        padding-top: 1.65rem;
        padding-bottom: 6.5rem
    }
}

.sales-rep__title {
    display: inline-block;
    margin: 1.5rem .938rem 0;
    height: 3.125rem;
    color: #c02031;
    font-size: 1.75rem;
    line-height: 3.125rem
}

.sales-rep__title--desktop {
    display: none
}

.sales-rep__form-container {
    margin: 1.55rem 0 0;
    width: 100%
}

@media (min-width:768px) {
    .sales-rep__title {
        display: none
    }

    .sales-rep__title--desktop {
        display: block
    }

    .sales-rep__form-container {
        order: 2;
        margin: 1.25rem 0 0
    }

    .sales-rep__customers {
        order: 1;
        flex-grow: 1;
        min-width: 50%
    }
}

.sales-rep__form-container .dropdown {
    z-index: 1;
    position: relative
}

.sales-rep__text a {
    padding: 0 0 0 .5rem
}

.sales-rep__form {
    margin: 1.5rem 0 0;
    border-radius: 40px;
    background-color: rgba(163, 156, 149, .08)
}

.sales-rep__customers {
    margin: 1.35rem 0 0
}

.catalogs__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -1rem 0
}

.catalogs__item {
    padding: 1rem 0;
    width: 100%
}

@media (max-width:767.98px) {
    .catalogs__item {
        padding: 2.5rem 1rem 1rem;
        width: 73%
    }
}

@media (min-width:576px) {
    .catalogs__list {
        justify-content: flex-start;
        margin: -1.5rem -1rem
    }

    .catalogs__item {
        padding: 2.5rem 1.5rem 2rem;
        width: 50%
    }
}

@media (min-width:768px) {
    .catalogs__item {
        padding: 2.5rem 1rem 2rem;
        width: 25%
    }
}

.catalogs__pagination {
    display: flex;
    justify-content: center;
    margin: 3rem 0 0
}

@media (min-width:576px) {
    .catalogs__pagination {
        justify-content: flex-end
    }
}

.catalog-request {
    padding-top: 2.55rem;
    padding-bottom: 3.15rem
}

.catalog-request__content>* h1 {
    color: #c02031;
    font-size: 2.25rem;
    margin: 0
}

.catalog-request__content>* h3 {
    color: #c02031;
    font-size: 1.75rem;
    margin: 0
}

@media (min-width:768px) {
    .catalog-request__content {
        padding: .6rem 1rem 0 0
    }
}

@media (min-width:992px) {
    .catalog-request__content {
        padding: .6rem 1.875rem 0 0
    }
}

.catalog-request__side {
    margin: 2.1rem 0 0
}

@media (min-width:768px) {
    .catalog-request__side {
        margin: 0
    }
}

.catalog-request__side>.accordion-bordered {
    margin: 1.5rem 0
}

.catalog-request__tax {
    margin: 1.5rem 0;
    padding: 0 1rem
}

.catalog-request__tax-desc {
    margin: .5rem 0 0 1.75rem;
    font-size: .75rem;
    line-height: 1rem
}

.custom-parts-form__top {
    padding: 3.05rem .95rem 9.9rem;
    background-color: rgba(163, 156, 149, .16);
    background-size: 400%;
    background-position: 15% 50%;
    background-image: var(--bg)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .custom-parts-form__top {
        background-image: var(--bg-2x)
    }
}

.custom-parts-form__info {
    margin: 0 auto;
    max-width: 73.125rem;
    text-align: center
}

.custom-parts-form__info>h1 {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700
}

.custom-parts-form__desc {
    margin: .5rem 0 0;
    font-size: 1.125rem;
    line-height: 1.563rem
}

@media (min-width:768px) {
    .custom-parts-form__top {
        padding: 2.875rem .95rem 11rem;
        background-size: 80%;
        background-position: 50%
    }

    .custom-parts-form__info>h1 {
        font-size: 2.25rem
    }

    .custom-parts-form__desc {
        margin: .4rem 0 0
    }
}

.custom-parts-form__bottom {
    padding: 0 .95rem 5rem
}

.custom-parts-form__container {
    margin: -7.5rem auto 0;
    max-width: 33.75rem;
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 0 11px rgba(0, 0, 0, .2)
}

@media (min-width:768px) {
    .custom-parts-form__bottom {
        padding: 0 .95rem 5.45rem
    }

    .custom-parts-form__container {
        margin: -7.5rem auto 0
    }
}

.custom-parts-form__form {
    padding: 2.45rem 1rem 2.1rem;
    border-top: .25rem solid #c02031;
    border-radius: .25rem;
    background-color: rgba(163, 156, 149, .08)
}

@media (min-width:768px) {
    .custom-parts-form__form {
        padding: 2.35rem 2rem 2.1rem
    }
}

.custom-parts-form__steps {
    margin: 0 0 1.75rem;
    padding: 0 .25rem
}

.custom-parts-form__steps>:nth-child(2) {
    min-width: 9rem
}

.custom-parts-form__subtitle {
    font-size: .75rem;
    line-height: 1.063rem
}

.custom-parts-form__title {
    margin: .3rem 0 1.4rem;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem
}

.custom-notification {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    text-align: left;
    font-size: 1rem;
    margin: 0 1rem 8px;
    color: #333;
    background: hsla(0, 0%, 98%, .85)
}

.custom-notification:hover {
    background: #fafafa
}

.custom-notification--info {
    color: #fff;
    background: rgba(30, 136, 229, .85)
}

.custom-notification--info:hover {
    background: #1e88e5
}

.custom-notification--success {
    color: #fff;
    background: rgba(76, 175, 80, .85)
}

.custom-notification--success:hover {
    background: #4caf50
}

.custom-notification--warn,
.custom-notification--warning {
    color: #fff;
    background: rgba(255, 152, 0, .85)
}

.custom-notification--warn:hover,
.custom-notification--warning:hover {
    background: #ff9800
}

.custom-notification--error {
    color: #fff;
    background: rgba(244, 67, 54, .85)
}

.custom-notification--error:hover {
    background: #f44336
}

.version {
    min-height: 300px;
    font-size: 24px;
    font-weight: 500
}

.bg-blur-0 {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.bg-blur-1 {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.bg-blur-2 {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.bg-blur-3 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.bg-blur-4 {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.block-cover {
    background-repeat: no-repeat;
    background-position: 50% 25%;
    background-size: cover
}

.loader-overlay {
    background-color: var(--loader-overlay-background, hsla(0, 0%, 100%, .6));
    position: var(--loader-overlay-position, absolute);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--loader-overlay-z-index, 9999)
}

.loader-overlay--fixed-runner {
    --loader-overlay-runner-position: fixed
}

.loader-overlay:after {
    border-top-color: var(--loader-overlay-runner-color, #c02031);
    border-right-color: transparent;
    border-bottom-color: var(--loader-overlay-runner-color, #c02031);
    border-left-color: var(--loader-overlay-runner-color, #c02031);
    border-width: 3px;
    border-style: solid;
    border-radius: 50px;
    content: " ";
    height: 1.25rem;
    width: 1.25rem;
    margin: -.8125rem 0 0 -.8125rem;
    position: var(--loader-overlay-runner-position, absolute);
    left: 50%;
    top: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.loading {
    position: relative
}

.loading * {
    visibility: hidden
}

.loading:after {
    border-color: #fff transparent #fff #fff;
    border-width: 3px;
    border-style: solid;
    border-radius: 50px;
    content: " ";
    height: 1.25rem;
    width: 1.25rem;
    margin: -.8125rem 0 0 -.8125rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.loading--primary:after {
    border-color: #c02031 transparent #c02031 #c02031
}

.loading--dark:after {
    border-color: #666 transparent #666 #666
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.flip-list-move {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.slide-fade-left-enter-active {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.slide-fade-left-leave-active {
    -webkit-transition: all .2s cubic-bezier(1, .5, .8, 1);
    transition: all .2s cubic-bezier(1, .5, .8, 1)
}

.slide-fade-left-enter,
.slide-fade-left-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.slide-fade-right-enter-active {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.slide-fade-right-leave-active {
    -webkit-transition: all .2s cubic-bezier(1, .5, .8, 1);
    transition: all .2s cubic-bezier(1, .5, .8, 1)
}

.slide-fade-right-enter,
.slide-fade-right-leave-to {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.slide-fade-top-enter-active {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.slide-fade-top-leave-active {
    -webkit-transition: all .2s cubic-bezier(1, .5, .8, 1);
    transition: all .2s cubic-bezier(1, .5, .8, 1)
}

.slide-fade-top-enter,
.slide-fade-top-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.slide-fade-bottom-enter-active {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.slide-fade-bottom-leave-active {
    -webkit-transition: all .2s cubic-bezier(1, .5, .8, 1);
    transition: all .2s cubic-bezier(1, .5, .8, 1)
}

.slide-fade-bottom-enter,
.slide-fade-bottom-leave-to {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.zoom-on-hover {
    position: relative;
    overflow: hidden
}

.zoom-on-hover .normal {
    width: 100%
}

.zoom-on-hover .zoom {
    position: absolute;
    opacity: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.zoom-on-hover.zoomed .zoom {
    opacity: 1
}

.zoom-on-hover.zoomed .normal {
    opacity: 0
}

.col-lg-5ths,
.col-md-5ths,
.col-sm-5ths,
.col-xs-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-5ths {
    width: 20%;
    float: left
}

@media(min-width:768px) {
    .col-sm-5ths {
        width: 20%;
        float: left
    }
}

@media(min-width:992px) {
    .col-md-5ths {
        width: 20%;
        float: left
    }
}

@media(min-width:1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left
    }
}