/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
html {
    font-size: 62.5%
}

@media print {
    *, *::before, *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #dedede !important
    }

    .table-dark {
        color: inherit
    }

        .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
            border-color: #fff
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #fff
    }
}

:root {
    --blue: #004774;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #cc0000;
    --orange: #ee7f00;
    --yellow: #fdc300;
    --green: #008448;
    --teal: #20c997;
    --cyan: #0093dd;
    --white: #fff;
    --gray: #999999;
    --gray-dark: #4d4d4d;
    --darkred: #90112c;
    --black: #000;
    --primary: #cc0000;
    --secondary: #fff;
    --success: #008448;
    --info: #0093dd;
    --warning: #ee7f00;
    --danger: #90112c;
    --light: #ededed;
    --dark: #4d4d4d;
    --white: #fff;
    --black: #000;
    --cta: #0093dd;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1920px;
    --font-family-sans-serif: wuerthbook, futura, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

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

body {
    margin: 0;
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.5;
    color: #000;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

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

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 1.2rem
}

p {
    margin-top: 0;
    margin-bottom: 1.2rem
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ul ul, ol ul, ul ol {
        margin-bottom: 0
    }

dt {
    font-weight: bold
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #c00;
    text-decoration: none;
    background-color: transparent
}

    a:hover {
        color: #b30000;
        text-decoration: underline
    }

    a:not([href]):not([class]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none
        }

pre, code, kbd, samp {
    font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    color: #bfbfbf;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .4rem
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

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

    button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
        cursor: pointer
    }

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

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

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 1.2rem;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    line-height: 1.2
}

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

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

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

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

h5, .h5 {
    font-size: 1.3rem
}

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

.lead {
    font-size: 1.7rem;
    font-weight: normal
}

.display-1 {
    font-size: 10.8rem;
    font-weight: normal;
    line-height: 1.2
}

.display-2 {
    font-size: 9.6rem;
    font-weight: normal;
    line-height: 1.2
}

.display-3 {
    font-size: 8.4rem;
    font-weight: normal;
    line-height: 1.2
}

.display-4 {
    font-size: 7.2rem;
    font-weight: normal;
    line-height: 1.2
}

hr {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    border: 0;
    border-top: 1px solid #dedede
}

small, .small {
    font-size: 1.5rem;
    font-weight: normal
}

mark, .mark {
    padding: .2rem;
    background-color: #ededed
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .8rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1.6rem;
    font-size: 2.125rem
}

.blockquote-footer {
    display: block;
    font-size: 1.5rem;
    color: #999
}

    .blockquote-footer::before {
        content: "\a0"
    }

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

.img-thumbnail {
    padding: .4rem;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: .4rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .8rem;
    line-height: 1
}

.figure-caption {
    font-size: 1.3rem;
    color: #bfbfbf
}

code {
    font-size: 90%;
    color: #c00;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #c00;
    background-color: #ededed;
    border-radius: .4rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold
    }

pre {
    display: block;
    font-size: 90%;
    color: #4d4d4d
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container-sm, .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px
    }
}

@media(min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px
    }
}

@media(min-width: 1920px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1860px
    }
}

.row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

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

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

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

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

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

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

.col-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

.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%
}

@media(min-width: 576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

    .col-sm-auto {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .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%
    }
}

@media(min-width: 768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

    .col-md-auto {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .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%
    }
}

@media(min-width: 992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

    .col-lg-auto {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .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%
    }
}

@media(min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

    .col-xl-auto {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .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%
    }
}

@media(min-width: 1920px) {
    .col-xxl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

    .col-xxl-auto {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxl-1 {
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xxl-2 {
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xxl-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xxl-5 {
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xxl-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xxl-8 {
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xxl-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xxl-11 {
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xxl-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xxl-last {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xxl-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xxl-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xxl-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xxl-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xxl-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xxl-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xxl-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xxl-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xxl-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xxl-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xxl-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xxl-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xxl-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .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%
    }
}

.table {
    width: 100%;
    margin-bottom: 1.6rem;
    color: #000;
    background-color: #ededed
}

    .table th, .table td {
        padding: 1.2rem;
        vertical-align: top;
        border-top: .2rem solid #fff
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: .4rem solid #fff
    }

    .table tbody + tbody {
        border-top: .4rem solid #fff
    }

.table-sm th, .table-sm td {
    padding: .8rem
}

.table-bordered {
    border: .2rem solid #fff
}

    .table-bordered th, .table-bordered td {
        border: .2rem solid #fff
    }

    .table-bordered thead th, .table-bordered thead td {
        border-bottom-width: .4rem
    }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    color: #000;
    background-color: #dedede
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #f1b8b8
}

    .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
        border-color: #e47a7a
    }

.table-hover .table-primary:hover {
    background-color: #eda3a3
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #eda3a3
    }

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #fff
}

    .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
        border-color: #fff
    }

.table-hover .table-secondary:hover {
    background-color: #f2f2f2
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #f2f2f2
    }

.table-success, .table-success > th, .table-success > td {
    background-color: #b8ddcc
}

    .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
        border-color: #7abfa0
    }

.table-hover .table-success:hover {
    background-color: #a7d5c0
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #a7d5c0
    }

.table-info, .table-info > th, .table-info > td {
    background-color: #b8e1f5
}

    .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
        border-color: #7ac7ed
    }

.table-hover .table-info:hover {
    background-color: #a2d8f2
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #a2d8f2
    }

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #fadbb8
}

    .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
        border-color: #f6bc7a
    }

.table-hover .table-warning:hover {
    background-color: #f8cfa0
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #f8cfa0
    }

.table-danger, .table-danger > th, .table-danger > td {
    background-color: #e0bcc4
}

    .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
        border-color: #c58391
    }

.table-hover .table-danger:hover {
    background-color: #d8abb5
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #d8abb5
    }

.table-light, .table-light > th, .table-light > td {
    background-color: #fafafa
}

    .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
        border-color: #f6f6f6
    }

.table-hover .table-light:hover {
    background-color: #ededed
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ededed
    }

.table-dark, .table-dark > th, .table-dark > td {
    background-color: #cdcdcd
}

    .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
        border-color: #a2a2a2
    }

.table-hover .table-dark:hover {
    background-color: silver
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: silver
    }

.table-white, .table-white > th, .table-white > td {
    background-color: #fff
}

    .table-white th, .table-white td, .table-white thead th, .table-white tbody + tbody {
        border-color: #fff
    }

.table-hover .table-white:hover {
    background-color: #f2f2f2
}

    .table-hover .table-white:hover > td, .table-hover .table-white:hover > th {
        background-color: #f2f2f2
    }

.table-black, .table-black > th, .table-black > td {
    background-color: #b8b8b8
}

    .table-black th, .table-black td, .table-black thead th, .table-black tbody + tbody {
        border-color: #7a7a7a
    }

.table-hover .table-black:hover {
    background-color: #ababab
}

    .table-hover .table-black:hover > td, .table-hover .table-black:hover > th {
        background-color: #ababab
    }

.table-cta, .table-cta > th, .table-cta > td {
    background-color: #b8e1f5
}

    .table-cta th, .table-cta td, .table-cta thead th, .table-cta tbody + tbody {
        border-color: #7ac7ed
    }

.table-hover .table-cta:hover {
    background-color: #a2d8f2
}

    .table-hover .table-cta:hover > td, .table-hover .table-cta:hover > th {
        background-color: #a2d8f2
    }

.table-active, .table-active > th, .table-active > td {
    background-color: #dedede
}

.table-hover .table-active:hover {
    background-color: #d1d1d1
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: #d1d1d1
    }

.table .thead-dark th {
    color: #fff;
    background-color: #4d4d4d;
    border-color: #606060
}

.table .thead-light th {
    color: #999;
    background-color: #fff;
    border-color: #fff
}

.table-dark {
    color: #fff;
    background-color: #4d4d4d
}

    .table-dark th, .table-dark td, .table-dark thead th {
        border-color: #606060
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05)
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255,255,255,.075)
    }

@media(max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-sm > .table-bordered {
            border: 0
        }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

@media(max-width: 1919.98px) {
    .table-responsive-xxl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-xxl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

    .table-responsive > .table-bordered {
        border: 0
    }

.table-horizontally-bordered th {
    border-bottom: .2rem solid #dedede !important
}

.table-horizontally-bordered td {
    border-bottom: .2rem solid #dedede !important
}

@media(max-width: 767.98px) {
    .table-horizontally-bordered-mobile td {
        border-bottom: none !important
    }

    .table-horizontally-bordered-mobile thead tr {
        border: none !important
    }

    .table-horizontally-bordered-mobile tr {
        border-bottom: .2rem solid #dedede !important
    }
}

.form-control {
    display: block;
    width: 100%;
    height: 4rem;
    padding: 1.2rem 1.2rem;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.1;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: .4rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.form-control:focus {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(222,222,222,.25)
}

.form-control::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

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

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

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

.form-control:disabled, .form-control[readonly] {
    background-color: #dedede;
    box-shadow: none;
    opacity: 1
}

input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:focus::-ms-value {
    color: #000;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

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

.col-form-label-lg {
    padding-top: calc(1.3rem + 1px);
    padding-bottom: calc(1.3rem + 1px);
    font-size: 2rem;
    line-height: 1.1
}

.col-form-label-sm {
    padding-top: calc(0.8rem + 1px);
    padding-bottom: calc(0.8rem + 1px);
    font-size: 1.5rem;
    line-height: 1.1
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 1.2rem 0;
    margin-bottom: 0;
    font-size: 1.7rem;
    line-height: 1.1;
    color: #000;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

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

.form-control-sm {
    height: 3rem;
    padding: .8rem 1.2rem;
    font-size: 1.5rem;
    line-height: 1.1;
    border-radius: .4rem
}

.form-control-lg {
    height: calc(1.1em + 2.6rem + 2px);
    padding: 1.3rem 1.2rem;
    font-size: 2rem;
    line-height: 1.1;
    border-radius: .8rem
}

select.form-control[size], select.form-control[multiple] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1.6rem
}

.form-text {
    display: block;
    margin-top: .4rem
}

.form-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-left: -6px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 6px;
        padding-left: 6px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 2rem
}

.form-check-input {
    position: absolute;
    margin-top: .4rem;
    margin-left: -2rem
}

    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
        color: #bfbfbf
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 1.2rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 1.2rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .4rem;
    font-size: 1.5rem;
    color: #008448
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .8rem .8rem;
    margin-top: .1rem;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #fff;
    background-color: #008448;
    border-radius: .4rem
}

.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
    left: 6px
}

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

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #008448;
    padding-right: calc(1.1em + 2.4rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23008448' 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(0.275em + 0.6rem) center;
    background-size: calc(0.55em + 1.2rem) calc(0.55em + 1.2rem)
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #008448;
        box-shadow: 0 0 0 .2rem rgba(0,132,72,.25)
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.1em + 2.4rem);
    background-position: top calc(0.275em + 0.6rem) right calc(0.275em + 0.6rem)
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #008448;
    padding-right: calc(0.75em + 7rem);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 28'%3E%3Cpath fill='%23cc0000' d='M25.696 7.296c-0.352-0.384-0.96-0.384-1.344 0l-10.336 11.296-10.368-11.296c-0.384-0.384-0.992-0.384-1.344 0-0.384 0.352-0.384 0.96 0 1.344l10.912 11.904 0.064 0.16c0.192 0.192 0.448 0.288 0.704 0.288s0.544-0.064 0.736-0.288l0.064-0.16 10.912-11.904c0.384-0.384 0.384-0.992 0-1.344z'/%3E%3C/svg%3E") right 1.2rem center/20px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23008448' 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") center right 5.2rem/calc(0.55em + 1.2rem) calc(0.55em + 1.2rem) no-repeat
}

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #008448;
        box-shadow: 0 0 0 .2rem rgba(0,132,72,.25)
    }

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

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

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #008448
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #008448
    }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #00b764;
    background-color: #00b764
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0,132,72,.25)
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #008448
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #008448
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #008448;
    box-shadow: 0 0 0 .2rem rgba(0,132,72,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .4rem;
    font-size: 1.5rem;
    color: #000
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .8rem .8rem;
    margin-top: .1rem;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #fff;
    background-color: #000;
    border-radius: .4rem
}

.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
    left: 6px
}

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

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #000;
    padding-right: calc(1.1em + 2.4rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23000' viewBox='0 0 12 12'%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='%23000' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.275em + 0.6rem) center;
    background-size: calc(0.55em + 1.2rem) calc(0.55em + 1.2rem)
}

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

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.1em + 2.4rem);
    background-position: top calc(0.275em + 0.6rem) right calc(0.275em + 0.6rem)
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #000;
    padding-right: calc(0.75em + 7rem);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 28'%3E%3Cpath fill='%23cc0000' d='M25.696 7.296c-0.352-0.384-0.96-0.384-1.344 0l-10.336 11.296-10.368-11.296c-0.384-0.384-0.992-0.384-1.344 0-0.384 0.352-0.384 0.96 0 1.344l10.912 11.904 0.064 0.16c0.192 0.192 0.448 0.288 0.704 0.288s0.544-0.064 0.736-0.288l0.064-0.16 10.912-11.904c0.384-0.384 0.384-0.992 0-1.344z'/%3E%3C/svg%3E") right 1.2rem center/20px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23000' viewBox='0 0 12 12'%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='%23000' stroke='none'/%3e%3c/svg%3e") center right 5.2rem/calc(0.55em + 1.2rem) calc(0.55em + 1.2rem) no-repeat
}

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #000;
        box-shadow: 0 0 0 .2rem rgba(0,0,0,.25)
    }

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

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

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #000
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #000
    }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #1a1a1a;
    background-color: #1a1a1a
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.25)
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #000
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #000
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #000;
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.25)
}

.form-inline {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media(min-width: 576px) {
    .form-inline label {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group, .form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .4rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

input::-ms-reveal, input::-ms-clear {
    display: none
}

.btn {
    display: inline-block;
    font-weight: normal;
    color: #000;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: none;
    padding: 1.2rem 1.2rem;
    font-size: 1.7rem;
    line-height: 1.1;
    border-radius: .4rem;
    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 {
        transition: none
    }
}

.btn:hover {
    color: #000;
    text-decoration: none
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(222,222,222,.25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #c00;
    border-color: #c00
}

    .btn-primary:hover {
        color: #fff;
        background-color: #a60000;
        border-color: #900
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #a60000;
        border-color: #900;
        box-shadow: 0 0 0 .2rem rgba(212,38,38,.5)
    }

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

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #900;
        border-color: #8c0000
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(212,38,38,.5)
        }

.btn-secondary {
    color: #191919;
    background-color: #fff;
    border-color: #fff
}

    .btn-secondary:hover {
        color: #191919;
        background-color: #ececec;
        border-color: #e6e6e6
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #191919;
        background-color: #ececec;
        border-color: #e6e6e6;
        box-shadow: 0 0 0 .2rem rgba(221,221,221,.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #191919;
        background-color: #fff;
        border-color: #fff
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        color: #191919;
        background-color: #e6e6e6;
        border-color: #dfdfdf
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(221,221,221,.5)
        }

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

    .btn-success:hover {
        color: #fff;
        background-color: #005e33;
        border-color: #00512c
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #005e33;
        border-color: #00512c;
        box-shadow: 0 0 0 .2rem rgba(38,150,99,.5)
    }

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

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #00512c;
        border-color: #004425
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,150,99,.5)
        }

.btn-info {
    color: #fff;
    background-color: #0093dd;
    border-color: #0093dd
}

    .btn-info:hover {
        color: #fff;
        background-color: #007ab7;
        border-color: #0071aa
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #007ab7;
        border-color: #0071aa;
        box-shadow: 0 0 0 .2rem rgba(38,163,226,.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #0093dd;
        border-color: #0093dd
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #0071aa;
        border-color: #00699d
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,163,226,.5)
        }

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

    .btn-warning:hover {
        color: #fff;
        background-color: #c86b00;
        border-color: #bb6400
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #c86b00;
        border-color: #bb6400;
        box-shadow: 0 0 0 .2rem rgba(241,146,38,.5)
    }

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

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #bb6400;
        border-color: #ae5d00
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(241,146,38,.5)
        }

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

    .btn-danger:hover {
        color: #fff;
        background-color: #6e0d22;
        border-color: #620c1e
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #6e0d22;
        border-color: #620c1e;
        box-shadow: 0 0 0 .2rem rgba(161,53,76,.5)
    }

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

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #620c1e;
        border-color: #570a1b
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(161,53,76,.5)
        }

.btn-light {
    color: #191919;
    background-color: #ededed;
    border-color: #ededed
}

    .btn-light:hover {
        color: #191919;
        background-color: #dadada;
        border-color: #d4d4d4
    }

    .btn-light:focus, .btn-light.focus {
        color: #191919;
        background-color: #dadada;
        border-color: #d4d4d4;
        box-shadow: 0 0 0 .2rem rgba(205,205,205,.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #191919;
        background-color: #ededed;
        border-color: #ededed
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
        color: #191919;
        background-color: #d4d4d4;
        border-color: #cdcdcd
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(205,205,205,.5)
        }

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

    .btn-dark:hover {
        color: #fff;
        background-color: #3a3a3a;
        border-color: #343434
    }

    .btn-dark:focus, .btn-dark.focus {
        color: #fff;
        background-color: #3a3a3a;
        border-color: #343434;
        box-shadow: 0 0 0 .2rem rgba(104,104,104,.5)
    }

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

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #343434;
        border-color: #2d2d2d
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(104,104,104,.5)
        }

.btn-white {
    color: #191919;
    background-color: #fff;
    border-color: #fff
}

    .btn-white:hover {
        color: #191919;
        background-color: #ececec;
        border-color: #e6e6e6
    }

    .btn-white:focus, .btn-white.focus {
        color: #191919;
        background-color: #ececec;
        border-color: #e6e6e6;
        box-shadow: 0 0 0 .2rem rgba(221,221,221,.5)
    }

    .btn-white.disabled, .btn-white:disabled {
        color: #191919;
        background-color: #fff;
        border-color: #fff
    }

    .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
        color: #191919;
        background-color: #e6e6e6;
        border-color: #dfdfdf
    }

        .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(221,221,221,.5)
        }

.btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000
}

    .btn-black:hover {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

    .btn-black:focus, .btn-black.focus {
        color: #fff;
        background-color: #000;
        border-color: #000;
        box-shadow: 0 0 0 .2rem rgba(38,38,38,.5)
    }

    .btn-black.disabled, .btn-black:disabled {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

    .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

        .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,38,38,.5)
        }

.btn-cta {
    color: #fff;
    background-color: #0093dd;
    border-color: #0093dd
}

    .btn-cta:hover {
        color: #fff;
        background-color: #007ab7;
        border-color: #0071aa
    }

    .btn-cta:focus, .btn-cta.focus {
        color: #fff;
        background-color: #007ab7;
        border-color: #0071aa;
        box-shadow: 0 0 0 .2rem rgba(38,163,226,.5)
    }

    .btn-cta.disabled, .btn-cta:disabled {
        color: #fff;
        background-color: #0093dd;
        border-color: #0093dd
    }

    .btn-cta:not(:disabled):not(.disabled):active, .btn-cta:not(:disabled):not(.disabled).active, .show > .btn-cta.dropdown-toggle {
        color: #fff;
        background-color: #0071aa;
        border-color: #00699d
    }

        .btn-cta:not(:disabled):not(.disabled):active:focus, .btn-cta:not(:disabled):not(.disabled).active:focus, .show > .btn-cta.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,163,226,.5)
        }

.btn-outline-primary {
    color: #c00;
    border-color: #c00;
    border: .1rem solid
}

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

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(204,0,0,.5)
    }

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

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #c00;
        border-color: #c00
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(204,0,0,.5)
        }

.btn-outline-secondary {
    color: #fff;
    border-color: #fff;
    border: .1rem solid
}

    .btn-outline-secondary:hover {
        color: #191919;
        background-color: #fff;
        border-color: #fff
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

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

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #191919;
        background-color: #fff;
        border-color: #fff
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
        }

.btn-outline-success {
    color: #008448;
    border-color: #008448;
    border: .1rem solid
}

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

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 .2rem rgba(0,132,72,.5)
    }

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

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #008448;
        border-color: #008448
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,132,72,.5)
        }

.btn-outline-info {
    color: #0093dd;
    border-color: #0093dd;
    border: .1rem solid
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #0093dd;
        border-color: #0093dd
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 .2rem rgba(0,147,221,.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #0093dd;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #0093dd;
        border-color: #0093dd
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,147,221,.5)
        }

.btn-outline-warning {
    color: #ee7f00;
    border-color: #ee7f00;
    border: .1rem solid
}

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

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 .2rem rgba(238,127,0,.5)
    }

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

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #ee7f00;
        border-color: #ee7f00
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(238,127,0,.5)
        }

.btn-outline-danger {
    color: #90112c;
    border-color: #90112c;
    border: .1rem solid
}

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

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 .2rem rgba(144,17,44,.5)
    }

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

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #90112c;
        border-color: #90112c
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(144,17,44,.5)
        }

.btn-outline-light {
    color: #ededed;
    border-color: #ededed;
    border: .1rem solid
}

    .btn-outline-light:hover {
        color: #191919;
        background-color: #ededed;
        border-color: #ededed
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 .2rem rgba(237,237,237,.5)
    }

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

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
        color: #191919;
        background-color: #ededed;
        border-color: #ededed
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(237,237,237,.5)
        }

.btn-outline-dark {
    color: #4d4d4d;
    border-color: #4d4d4d;
    border: .1rem solid
}

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

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 .2rem rgba(77,77,77,.5)
    }

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

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #4d4d4d;
        border-color: #4d4d4d
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(77,77,77,.5)
        }

.btn-outline-white {
    color: #fff;
    border-color: #fff;
    border: .1rem solid
}

    .btn-outline-white:hover {
        color: #191919;
        background-color: #fff;
        border-color: #fff
    }

    .btn-outline-white:focus, .btn-outline-white.focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-outline-white.disabled, .btn-outline-white:disabled {
        color: #fff;
        background-color: transparent
    }

    .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {
        color: #191919;
        background-color: #fff;
        border-color: #fff
    }

        .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
        }

.btn-outline-black {
    color: #000;
    border-color: #000;
    border: .1rem solid
}

    .btn-outline-black:hover {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

    .btn-outline-black:focus, .btn-outline-black.focus {
        box-shadow: 0 0 0 .2rem rgba(0,0,0,.5)
    }

    .btn-outline-black.disabled, .btn-outline-black:disabled {
        color: #000;
        background-color: transparent
    }

    .btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

        .btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,0,0,.5)
        }

.btn-outline-cta {
    color: #0093dd;
    border-color: #0093dd;
    border: .1rem solid
}

    .btn-outline-cta:hover {
        color: #fff;
        background-color: #0093dd;
        border-color: #0093dd
    }

    .btn-outline-cta:focus, .btn-outline-cta.focus {
        box-shadow: 0 0 0 .2rem rgba(0,147,221,.5)
    }

    .btn-outline-cta.disabled, .btn-outline-cta:disabled {
        color: #0093dd;
        background-color: transparent
    }

    .btn-outline-cta:not(:disabled):not(.disabled):active, .btn-outline-cta:not(:disabled):not(.disabled).active, .show > .btn-outline-cta.dropdown-toggle {
        color: #fff;
        background-color: #0093dd;
        border-color: #0093dd
    }

        .btn-outline-cta:not(:disabled):not(.disabled):active:focus, .btn-outline-cta:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-cta.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,147,221,.5)
        }

.btn-link {
    font-weight: normal;
    color: #c00;
    text-decoration: none;
    background-color: transparent
}

    .btn-link:hover {
        color: #b30000;
        text-decoration: underline
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #bfbfbf;
        pointer-events: none
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 1.3rem 1.2rem;
    font-size: 2rem;
    line-height: 1.1;
    border-radius: .8rem
}

.btn-sm, .btn-group-sm > .btn {
    padding: .8rem 1.2rem;
    font-size: 1.5rem;
    line-height: 1.1;
    border-radius: .4rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .8rem
    }

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100%;
    padding: 0 0;
    margin: 0 0 0;
    font-size: 1.7rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: .4rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media(min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media(min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media(min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

@media(min-width: 1920px) {
    .dropdown-menu-xxl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .8rem 0;
    overflow: hidden;
    border-top: 1px solid #dedede
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .8rem 1.2rem;
    clear: both;
    font-weight: normal;
    color: #262626;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:first-child {
        border-top-left-radius: .4rem;
        border-top-right-radius: .4rem
    }

    .dropdown-item:last-child {
        border-bottom-right-radius: .4rem;
        border-bottom-left-radius: .4rem
    }

    .dropdown-item:hover, .dropdown-item:focus {
        color: #191919;
        text-decoration: none;
        background-color: #ededed
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #dedede
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #bfbfbf;
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: 0 1.2rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    color: #bfbfbf;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .8rem 1.2rem;
    color: #262626
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
            z-index: 1
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
            z-index: 1
        }

.btn-toolbar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

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

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

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

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

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

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

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

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

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

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

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

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

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

    .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
    }

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

    .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
        position: relative;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0
    }

        .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
            margin-left: -1px
        }

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

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4
        }

        .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.input-group-prepend, .input-group-append {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

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

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

        .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 1.2rem;
    margin-bottom: 0;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: .4rem
}

    .input-group-text input[type=radio], .input-group-text input[type=checkbox] {
        margin-top: 0
    }

.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
    height: calc(1.1em + 2.6rem + 2px)
}

.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
    padding: 1.3rem 1.2rem;
    font-size: 2rem;
    line-height: 1.1;
    border-radius: .8rem
}

.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
    height: 3rem
}

.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
    padding: .8rem 1.2rem;
    font-size: 1.5rem;
    line-height: 1.1;
    border-radius: .4rem
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
    padding-right: 5.2rem
}

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

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    min-height: 1.6rem;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 2.4rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.custom-control-inline {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1.6rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.275rem;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #c00;
        border-color: #fff;
        background-color: #fff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .2rem rgba(222,222,222,.25)
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #fff
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #fff;
        border-color: #fff
    }

    .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
        color: #4d4d4d
    }

        .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #dedede
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .custom-control-label::before {
        position: absolute;
        top: .275rem;
        left: -4.4rem;
        display: block;
        width: 2rem;
        height: 2rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #999 solid 1px
    }

    .custom-control-label::after {
        position: absolute;
        top: .275rem;
        left: -4.4rem;
        display: block;
        width: 2rem;
        height: 2rem;
        content: "";
        background: 50%/50% 50% no-repeat
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .4rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23cc0000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #c00;
    background-color: #c00
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: none
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(204,0,0,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(204,0,0,.5)
}

.custom-checkbox.custom-checkbox-offset {
    margin-left: 3.2rem
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(204,0,0,.5)
}

.custom-switch {
    padding-left: 5.9rem
}

    .custom-switch .custom-control-label::before {
        left: -5.9rem;
        width: 3.5rem;
        pointer-events: all;
        border-radius: 1rem
    }

    .custom-switch .custom-control-label::after {
        top: calc(0.275rem + 2px);
        left: calc(-5.9rem + 2px);
        width: calc(2rem - 4px);
        height: calc(2rem - 4px);
        background-color: #999;
        border-radius: 1rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
    }

@media(prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(1.5rem);
    -ms-transform: translateX(1.5rem);
    transform: translateX(1.5rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(204,0,0,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: 4rem;
    padding: 1.2rem 5.2rem 1.2rem 1.2rem;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.1;
    color: #000;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 28'%3E%3Cpath fill='%23cc0000' d='M25.696 7.296c-0.352-0.384-0.96-0.384-1.344 0l-10.336 11.296-10.368-11.296c-0.384-0.384-0.992-0.384-1.344 0-0.384 0.352-0.384 0.96 0 1.344l10.912 11.904 0.064 0.16c0.192 0.192 0.448 0.288 0.704 0.288s0.544-0.064 0.736-0.288l0.064-0.16 10.912-11.904c0.384-0.384 0.384-0.992 0-1.344z'/%3E%3C/svg%3E") right 1.2rem center/20px no-repeat;
    border: 1px solid #dedede;
    border-radius: .4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-select:focus {
        border-color: transparent;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(222,222,222,.25)
    }

        .custom-select:focus::-ms-value {
            color: #000;
            background-color: #fff
        }

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

    .custom-select:disabled {
        color: #bfbfbf;
        background-color: #dedede
    }

    .custom-select::-ms-expand {
        display: none
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000
    }

.custom-select-sm {
    height: 3rem;
    padding-top: .8rem;
    padding-bottom: .8rem;
    padding-left: 1.2rem;
    font-size: 1.5rem
}

.custom-select-lg {
    height: calc(1.1em + 2.6rem + 2px);
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    padding-left: 1.2rem;
    font-size: 2rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 4rem;
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 4rem;
    margin: 0;
    overflow: hidden
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #fff
    }

    .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
        background-color: #dedede
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse)
    }

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

    .custom-range:focus {
        outline: 0
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(222,222,222,.25)
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(222,222,222,.25)
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(222,222,222,.25)
        }

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

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #dedede;
        border: 0;
        border-radius: 1rem;
        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) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #fff
}

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

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #dedede;
    border: 0;
    border-radius: 1rem;
    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) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #fff
}

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

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #dedede;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #fff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dedede;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dedede;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #999
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #999
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #999
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

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

.nav-link {
    display: block;
    padding: 0 0
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none
    }

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

.nav-tabs {
    border-bottom: 0 solid #dedede
}

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

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #c00
        }

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

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

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

.nav-pills .nav-link {
    border-radius: .4rem
}

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

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

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

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

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

.navbar {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.4rem 1.6rem
}

    .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 1.6rem;
    font-size: 2rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none
    }

.navbar-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0
}

.navbar-collapse {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .4rem 1.2rem;
    font-size: 2rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .4rem
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media(max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 576px) {
    .navbar-expand-sm {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media(max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media(max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media(max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

@media(max-width: 1919.98px) {
    .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 1920px) {
    .navbar-expand-xxl {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-xxl .navbar-nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xxl .navbar-collapse {
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0,0,0,.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.3)
    }

    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,.9)
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0,0,0,.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255,255,255,.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.25)
    }

    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff
        }

.card {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #dedede;
    border-radius: .4rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: calc(0.4rem - 1px);
            border-top-right-radius: calc(0.4rem - 1px)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: calc(0.4rem - 1px);
            border-bottom-left-radius: calc(0.4rem - 1px)
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

.card-body {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.2rem
}

.card-title {
    margin-bottom: 1.2rem
}

.card-subtitle {
    margin-top: -0.6rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.2rem
}

.card-header {
    padding: 1.2rem 1.2rem;
    margin-bottom: 0;
    background-color: #ededed;
    border-bottom: 1px solid #dedede
}

    .card-header:first-child {
        border-radius: calc(0.4rem - 1px) calc(0.4rem - 1px) 0 0
    }

.card-footer {
    padding: 1.2rem 1.2rem;
    background-color: #ededed;
    border-top: 1px solid #dedede
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0.4rem - 1px) calc(0.4rem - 1px)
    }

.card-header-tabs {
    margin-right: -0.6rem;
    margin-bottom: -1.2rem;
    margin-left: -0.6rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -0.6rem;
    margin-left: -0.6rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 2rem;
    border-radius: calc(0.4rem - 1px)
}

.card-img, .card-img-top, .card-img-bottom {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: calc(0.4rem - 1px);
    border-top-right-radius: calc(0.4rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(0.4rem - 1px);
    border-bottom-left-radius: calc(0.4rem - 1px)
}

.card-deck .card {
    margin-bottom: 12px
}

@media(min-width: 576px) {
    .card-deck {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -12px;
        margin-left: -12px
    }

        .card-deck .card {
            -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-right: 12px;
            margin-bottom: 0;
            margin-left: 12px
        }
}

.card-group > .card {
    margin-bottom: 12px
}

@media(min-width: 576px) {
    .card-group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-group > .card {
            -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0
                }
}

.card-columns .card {
    margin-bottom: 1.2rem
}

@media(min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion {
    overflow-anchor: none
}

    .accordion > .card {
        overflow: hidden
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .accordion > .card:not(:first-of-type) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: -1px
        }

.breadcrumb {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1.2rem;
    list-style: none;
    background-color: #fff;
    border-radius: .4rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .8rem
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: .8rem;
        color: #c00;
        content: ">"
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

.breadcrumb-item.active {
    color: #4d4d4d
}

.pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .4rem
}

.page-link {
    position: relative;
    display: block;
    padding: .8rem 1.2rem;
    margin-left: 0;
    line-height: 1.1;
    color: #c00;
    background-color: #fff;
    border: 0 solid #dedede
}

    .page-link:hover {
        z-index: 2;
        color: #000;
        text-decoration: none;
        background-color: #dedede;
        border-color: #dedede
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(222,222,222,.25)
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #000;
    background-color: #ededed;
    border-color: #ededed
}

.page-item.disabled .page-link {
    color: #bfbfbf;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #bfbfbf
}

.pagination-lg .page-link {
    padding: 1.2rem 2.4rem;
    font-size: 2rem;
    line-height: 1.8
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .8rem;
    border-bottom-left-radius: .8rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .8rem;
    border-bottom-right-radius: .8rem
}

.pagination-sm .page-link {
    padding: .4rem .8rem;
    font-size: 1.5rem;
    line-height: 1.4
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem
}

.badge {
    display: inline-block;
    padding: .5rem .8rem;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .4rem;
    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) {
    .badge {
        transition: none
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .2rem;
    padding-left: .2rem;
    border-radius: 50%
}

.badge-primary {
    color: #fff;
    background-color: #c00
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #900
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(204,0,0,.5)
}

.badge-secondary {
    color: #191919;
    background-color: #fff
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #191919;
    background-color: #e6e6e6
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
}

.badge-success {
    color: #fff;
    background-color: #008448
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #00512c
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,132,72,.5)
}

.badge-info {
    color: #fff;
    background-color: #0093dd
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #0071aa
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,147,221,.5)
}

.badge-warning {
    color: #fff;
    background-color: #ee7f00
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #fff;
    background-color: #bb6400
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(238,127,0,.5)
}

.badge-danger {
    color: #fff;
    background-color: #90112c
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #620c1e
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(144,17,44,.5)
}

.badge-light {
    color: #191919;
    background-color: #ededed
}

a.badge-light:hover, a.badge-light:focus {
    color: #191919;
    background-color: #d4d4d4
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(237,237,237,.5)
}

.badge-dark {
    color: #fff;
    background-color: #4d4d4d
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #343434
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(77,77,77,.5)
}

.badge-white {
    color: #191919;
    background-color: #fff
}

a.badge-white:hover, a.badge-white:focus {
    color: #191919;
    background-color: #e6e6e6
}

a.badge-white:focus, a.badge-white.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
}

.badge-black {
    color: #fff;
    background-color: #000
}

a.badge-black:hover, a.badge-black:focus {
    color: #fff;
    background-color: #000
}

a.badge-black:focus, a.badge-black.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.5)
}

.badge-cta {
    color: #fff;
    background-color: #0093dd
}

a.badge-cta:hover, a.badge-cta:focus {
    color: #fff;
    background-color: #0071aa
}

a.badge-cta:focus, a.badge-cta.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,147,221,.5)
}

.jumbotron {
    padding: 3.2rem 1.6rem;
    margin-bottom: 3.2rem;
    background-color: #ededed;
    border-radius: .8rem
}

@media(min-width: 576px) {
    .jumbotron {
        padding: 6.4rem 3.2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: 1.2rem 1.2rem;
    margin-bottom: .2rem;
    border: 1px solid transparent;
    border-radius: .4rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: bold
}

.alert-dismissible {
    padding-right: 4.4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.2rem 1.2rem;
        color: inherit
    }

.alert-primary {
    color: #6a0000;
    background-color: #f5cccc;
    border-color: #f1b8b8
}

    .alert-primary hr {
        border-top-color: #eda3a3
    }

    .alert-primary .alert-link {
        color: #370000
    }

.alert-secondary {
    color: #858585;
    background-color: #fff;
    border-color: #fff
}

    .alert-secondary hr {
        border-top-color: #f2f2f2
    }

    .alert-secondary .alert-link {
        color: #6c6c6c
    }

.alert-success {
    color: #004525;
    background-color: #cce6da;
    border-color: #b8ddcc
}

    .alert-success hr {
        border-top-color: #a7d5c0
    }

    .alert-success .alert-link {
        color: #00120a
    }

.alert-info {
    color: #004c73;
    background-color: #cce9f8;
    border-color: #b8e1f5
}

    .alert-info hr {
        border-top-color: #a2d8f2
    }

    .alert-info .alert-link {
        color: #002a40
    }

.alert-warning {
    color: #7c4200;
    background-color: #fce5cc;
    border-color: #fadbb8
}

    .alert-warning hr {
        border-top-color: #f8cfa0
    }

    .alert-warning .alert-link {
        color: #492700
    }

.alert-danger {
    color: #4b0917;
    background-color: #e9cfd5;
    border-color: #e0bcc4
}

    .alert-danger hr {
        border-top-color: #d8abb5
    }

    .alert-danger .alert-link {
        color: #1d0409
    }

.alert-light {
    color: #7b7b7b;
    background-color: #fbfbfb;
    border-color: #fafafa
}

    .alert-light hr {
        border-top-color: #ededed
    }

    .alert-light .alert-link {
        color: #626262
    }

.alert-dark {
    color: #282828;
    background-color: #dbdbdb;
    border-color: #cdcdcd
}

    .alert-dark hr {
        border-top-color: silver
    }

    .alert-dark .alert-link {
        color: #0f0f0f
    }

.alert-white {
    color: #858585;
    background-color: #fff;
    border-color: #fff
}

    .alert-white hr {
        border-top-color: #f2f2f2
    }

    .alert-white .alert-link {
        color: #6c6c6c
    }

.alert-black {
    color: #000;
    background-color: #ccc;
    border-color: #b8b8b8
}

    .alert-black hr {
        border-top-color: #ababab
    }

    .alert-black .alert-link {
        color: #000
    }

.alert-cta {
    color: #004c73;
    background-color: #cce9f8;
    border-color: #b8e1f5
}

    .alert-cta hr {
        border-top-color: #a2d8f2
    }

    .alert-cta .alert-link {
        color: #002a40
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1.6rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1.6rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    overflow: hidden;
    line-height: 0;
    font-size: 1.275rem;
    background-color: #999;
    border-radius: .4rem
}

.progress-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #c00;
    transition: width .6s ease
}

@media(prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1.6rem 1.6rem
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes
}

@media(prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .4rem
}

.list-group-item-action {
    width: 100%;
    color: #4d4d4d;
    text-align: inherit
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #4d4d4d;
        text-decoration: none;
        background-color: #ededed
    }

    .list-group-item-action:active {
        color: #000;
        background-color: #dedede
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 1.2rem 2rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #bfbfbf;
        pointer-events: none;
        background-color: #fff
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #dedede;
        border-color: #dedede
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px
        }

.list-group-horizontal {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: .4rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: .4rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }

@media(min-width: 576px) {
    .list-group-horizontal-sm {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: .4rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: .4rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media(min-width: 768px) {
    .list-group-horizontal-md {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: .4rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: .4rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media(min-width: 992px) {
    .list-group-horizontal-lg {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: .4rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: .4rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media(min-width: 1200px) {
    .list-group-horizontal-xl {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: .4rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: .4rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media(min-width: 1920px) {
    .list-group-horizontal-xxl {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-xxl > .list-group-item:first-child {
            border-bottom-left-radius: .4rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item:last-child {
            border-top-right-radius: .4rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.list-group-item-primary {
    color: #6a0000;
    background-color: #f1b8b8
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #6a0000;
        background-color: #eda3a3
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #6a0000;
        border-color: #6a0000
    }

.list-group-item-secondary {
    color: #858585;
    background-color: #fff
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #858585;
        background-color: #f2f2f2
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #858585;
        border-color: #858585
    }

.list-group-item-success {
    color: #004525;
    background-color: #b8ddcc
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #004525;
        background-color: #a7d5c0
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #004525;
        border-color: #004525
    }

.list-group-item-info {
    color: #004c73;
    background-color: #b8e1f5
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #004c73;
        background-color: #a2d8f2
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #004c73;
        border-color: #004c73
    }

.list-group-item-warning {
    color: #7c4200;
    background-color: #fadbb8
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #7c4200;
        background-color: #f8cfa0
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #7c4200;
        border-color: #7c4200
    }

.list-group-item-danger {
    color: #4b0917;
    background-color: #e0bcc4
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #4b0917;
        background-color: #d8abb5
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #4b0917;
        border-color: #4b0917
    }

.list-group-item-light {
    color: #7b7b7b;
    background-color: #fafafa
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #7b7b7b;
        background-color: #ededed
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #7b7b7b;
        border-color: #7b7b7b
    }

.list-group-item-dark {
    color: #282828;
    background-color: #cdcdcd
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #282828;
        background-color: silver
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #282828;
        border-color: #282828
    }

.list-group-item-white {
    color: #858585;
    background-color: #fff
}

    .list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
        color: #858585;
        background-color: #f2f2f2
    }

    .list-group-item-white.list-group-item-action.active {
        color: #fff;
        background-color: #858585;
        border-color: #858585
    }

.list-group-item-black {
    color: #000;
    background-color: #b8b8b8
}

    .list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus {
        color: #000;
        background-color: #ababab
    }

    .list-group-item-black.list-group-item-action.active {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

.list-group-item-cta {
    color: #004c73;
    background-color: #b8e1f5
}

    .list-group-item-cta.list-group-item-action:hover, .list-group-item-cta.list-group-item-action:focus {
        color: #004c73;
        background-color: #a2d8f2
    }

    .list-group-item-cta.list-group-item-action.active {
        color: #fff;
        background-color: #004c73;
        border-color: #004c73
    }

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.close {
    float: right;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1;
    color: #262626;
    text-shadow: none;
    opacity: .5
}

    .close:hover {
        color: #262626;
        text-decoration: none
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1.5rem;
    height: 1.5rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1.5rem;
    height: 1.5rem
}

@media(prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.modal-open {
    overflow: hidden
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 1.2rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media(prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 2.4rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 2.4rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 2.4rem)
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 2.4rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none
        }

.modal-content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: .8rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.6rem 1.6rem;
    border-bottom: 1px solid #dedede;
    border-top-left-radius: calc(0.8rem - 1px);
    border-top-right-radius: calc(0.8rem - 1px)
}

    .modal-header .close {
        padding: 1.6rem 1.6rem;
        margin: -1.6rem -1.6rem -1.6rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.1
}

.modal-body {
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.6rem
}

.modal-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1.4rem;
    border-top: 1px solid #dedede;
    border-bottom-right-radius: calc(0.8rem - 1px);
    border-bottom-left-radius: calc(0.8rem - 1px)
}

    .modal-footer > * {
        margin: .2rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width: 75rem;
        margin: 3rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 6rem)
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 6rem)
        }

    .modal-dialog-centered {
        min-height: calc(100% - 6rem)
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 6rem);
            height: -webkit-min-content;
            height: -moz-min-content;
            height: min-content
        }

    .modal-sm {
        max-width: 30rem
    }
}

@media(min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 83.4rem
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        max-width: 120rem
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    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: 1.5rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: 1
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .8rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
    padding: .8rem 0
}

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
        bottom: 0
    }

        .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
            top: 0;
            border-width: .8rem .4rem 0;
            border-top-color: #ededed
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
    padding: 0 .8rem
}

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
        left: 0;
        width: .8rem;
        height: .8rem
    }

        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
            right: 0;
            border-width: .8rem .8rem .8rem 0;
            border-right-color: #ededed
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
    padding: .8rem 0
}

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
        top: 0
    }

        .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
            bottom: 0;
            border-width: 0 .8rem .8rem;
            border-bottom-color: #ededed
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
    padding: 0 .8rem
}

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
        top: 1rem;
        right: 0;
        width: .8rem;
        height: .8rem
    }

        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
            left: 0;
            border-width: .8rem 0 .8rem .8rem;
            border-left-color: #ededed
        }

.tooltip-inner {
    max-width: 24rem;
    padding: .8rem .8rem;
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: .4rem;
    border: .1rem solid #dedede;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.26)
}

.tooltip-info {
    border-left: .6rem solid #0093dd;
    text-align: left;
    text-align: left;
    border-radius: .4rem;
    margin-left: -0.9rem;
    margin-top: -0.9rem;
    margin-bottom: -0.9rem
}

    .tooltip-info p {
        line-height: 1.2;
        padding: .8rem;
        margin-bottom: 0
    }

        .tooltip-info p.i-absolute i {
            margin-top: 0
        }

.tooltip-success {
    border-left: .6rem solid #008448;
    text-align: left;
    text-align: left;
    border-radius: .4rem;
    margin-left: -0.9rem;
    margin-top: -0.9rem;
    margin-bottom: -0.9rem
}

    .tooltip-success p {
        line-height: 1.2;
        padding: .8rem;
        margin-bottom: 0
    }

        .tooltip-success p.i-absolute i {
            margin-top: 0
        }

    .tooltip-success::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
        left: 0;
        top: 50%;
        border-width: .8rem .8rem .8rem 0;
        border-right-color: #008448
    }

.tooltip-danger {
    border-left: .6rem solid #90112c;
    text-align: left;
    text-align: left;
    border-radius: .4rem;
    margin-left: -0.9rem;
    margin-top: -0.9rem;
    margin-bottom: -0.9rem
}

    .tooltip-danger p {
        line-height: 1.2;
        padding: .8rem;
        margin-bottom: 0
    }

        .tooltip-danger p.i-absolute i {
            margin-top: 0
        }

.tooltip-warning {
    border-left: .6rem solid #ee7f00;
    text-align: left;
    text-align: left;
    border-radius: .4rem;
    margin-left: -0.9rem;
    margin-top: -0.9rem;
    margin-bottom: -0.9rem
}

    .tooltip-warning p {
        line-height: 1.2;
        padding: .8rem;
        margin-bottom: 0
    }

        .tooltip-warning p.i-absolute i {
            margin-top: 0
        }

.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before {
    top: -0.1rem;
    border-top-color: #fff
}

.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    bottom: -0.1rem
}

.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before {
    left: -0.1rem;
    border-left-color: #fff
}

.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before {
    right: -0.1rem;
    border-right-color: #fff
}

.tooltip.bs-tooltip-right .tooltip-success::before, .tooltip.bs-tooltip-auto[x-placement^=right] .tooltip-success::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    left: .1rem;
    top: calc( 50% - 0.4rem );
    border-width: .8rem .8rem .8rem 0;
    border-right-color: #008448
}

.tooltip.bs-tooltip-right .tooltip-info::before, .tooltip.bs-tooltip-auto[x-placement^=right] .tooltip-info::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    left: .1rem;
    top: calc( 50% - 0.4rem );
    border-width: .8rem .8rem .8rem 0;
    border-right-color: #0093dd
}

.tooltip.bs-tooltip-right .tooltip-danger::before, .tooltip.bs-tooltip-auto[x-placement^=right] .tooltip-danger::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    left: .1rem;
    top: calc( 50% - 0.4rem );
    border-width: .8rem .8rem .8rem 0;
    border-right-color: #90112c
}

.tooltip.bs-tooltip-right .tooltip-warning::before, .tooltip.bs-tooltip-auto[x-placement^=right] .tooltip-warning::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    left: .1rem;
    top: calc( 50% - 0.4rem );
    border-width: .8rem .8rem .8rem 0;
    border-right-color: #ee7f00
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 27.6rem;
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    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: 1.5rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dedede;
    border-radius: .8rem
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .8rem;
        margin: 0 .8rem
    }

        .popover .arrow::before, .popover .arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
    margin-bottom: .8rem
}

    .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
        bottom: calc(-0.8rem - 1px)
    }

        .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
            bottom: 0;
            border-width: .8rem .4rem 0;
            border-top-color: #dedede
        }

        .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
            bottom: 1px;
            border-width: .8rem .4rem 0;
            border-top-color: #fff
        }

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
    margin-left: .8rem
}

    .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
        left: calc(-0.8rem - 1px);
        width: .8rem;
        height: .8rem;
        margin: .8rem 0
    }

        .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
            left: 0;
            border-width: .4rem .8rem .4rem 0;
            border-right-color: #dedede
        }

        .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
            left: 1px;
            border-width: .4rem .8rem .4rem 0;
            border-right-color: #fff
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
    margin-top: .8rem
}

    .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
        top: calc(-0.8rem - 1px)
    }

        .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
            top: 0;
            border-width: 0 .4rem .8rem .4rem;
            border-bottom-color: #dedede
        }

        .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
            top: 1px;
            border-width: 0 .4rem .8rem .4rem;
            border-bottom-color: #fff
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: .8rem;
        margin-left: -0.4rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
    margin-right: .8rem
}

    .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
        right: calc(-0.8rem - 1px);
        width: .8rem;
        height: .8rem;
        margin: .8rem 0
    }

        .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
            right: 0;
            border-width: .4rem 0 .4rem .8rem;
            border-left-color: #dedede
        }

        .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
            right: 1px;
            border-width: .4rem 0 .4rem .8rem;
            border-left-color: #fff
        }

.popover-header {
    padding: .8rem .8rem;
    margin-bottom: 0;
    font-size: 1.7rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.8rem - 1px);
    border-top-right-radius: calc(0.8rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .8rem .8rem;
    color: #000
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

    .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

    .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media(prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media(prefers-reduced-motion: reduce) {
    .carousel-control-prev, .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        box-sizing: content-box;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media(prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.toast {
    -webkit-flex-basis: 350px;
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    max-width: 350px;
    font-size: 1.7rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dedede;
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    opacity: 0;
    border-radius: .4rem
}

    .toast:not(:last-child) {
        margin-bottom: .8rem
    }

    .toast.showing {
        opacity: 1
    }

    .toast.show {
        display: block;
        opacity: 1
    }

    .toast.hide {
        display: none
    }

.toast-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem .8rem;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 1px solid #dedede;
    border-top-left-radius: calc(0.4rem - 1px);
    border-top-right-radius: calc(0.4rem - 1px)
}

.toast-body {
    padding: .8rem
}

.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
}

.bg-primary {
    background-color: #c00 !important
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #900 !important
}

.bg-secondary {
    background-color: #fff !important
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #e6e6e6 !important
}

.bg-success {
    background-color: #008448 !important
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #00512c !important
}

.bg-info {
    background-color: #0093dd !important
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
    background-color: #0071aa !important
}

.bg-warning {
    background-color: #ee7f00 !important
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: #bb6400 !important
}

.bg-danger {
    background-color: #90112c !important
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: #620c1e !important
}

.bg-light {
    background-color: #ededed !important
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #d4d4d4 !important
}

.bg-dark {
    background-color: #4d4d4d !important
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #343434 !important
}

.bg-white {
    background-color: #fff !important
}

a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus {
    background-color: #e6e6e6 !important
}

.bg-black {
    background-color: #000 !important
}

a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus {
    background-color: #000 !important
}

.bg-cta {
    background-color: #0093dd !important
}

a.bg-cta:hover, a.bg-cta:focus, button.bg-cta:hover, button.bg-cta:focus {
    background-color: #0071aa !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

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

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

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

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

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

.border-0 {
    border: 0 !important
}

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

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

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

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

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

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

.border-success {
    border-color: #008448 !important
}

.border-info {
    border-color: #0093dd !important
}

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

.border-danger {
    border-color: #90112c !important
}

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

.border-dark {
    border-color: #4d4d4d !important
}

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

.border-black {
    border-color: #000 !important
}

.border-cta {
    border-color: #0093dd !important
}

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

.rounded-sm {
    border-radius: .4rem !important
}

.rounded {
    border-radius: .4rem !important
}

.rounded-top {
    border-top-left-radius: .4rem !important;
    border-top-right-radius: .4rem !important
}

.rounded-right {
    border-top-right-radius: .4rem !important;
    border-bottom-right-radius: .4rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .4rem !important;
    border-bottom-left-radius: .4rem !important
}

.rounded-left {
    border-top-left-radius: .4rem !important;
    border-bottom-left-radius: .4rem !important
}

.rounded-lg {
    border-radius: .8rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

.d-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

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

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

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

    .d-sm-block {
        display: block !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: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

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

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

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

    .d-md-block {
        display: block !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: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

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

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

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

    .d-lg-block {
        display: block !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: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

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

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

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

    .d-xl-block {
        display: block !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: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1920px) {
    .d-xxl-none {
        display: none !important
    }

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

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

    .d-xxl-block {
        display: block !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: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

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

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

    .d-print-block {
        display: block !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: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media(min-width: 576px) {
    .flex-sm-row {
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 768px) {
    .flex-md-row {
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 992px) {
    .flex-lg-row {
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 1200px) {
    .flex-xl-row {
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width: 1920px) {
    .flex-xxl-row {
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xxl-column {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xxl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xxl-fill {
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xxl-grow-0 {
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xxl-start {
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xxl-between {
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xxl-start {
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xxl-baseline {
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xxl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xxl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xxl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xxl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xxl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media(min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media(min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media(min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

@media(min-width: 1920px) {
    .float-xxl-left {
        float: left !important
    }

    .float-xxl-right {
        float: right !important
    }

    .float-xxl-none {
        float: none !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
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

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

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

@supports((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .2rem .5rem rgba(0,0,0,.26) !important
}

.shadow {
    box-shadow: 0 .2rem .5rem rgba(0,0,0,.26) !important
}

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

.shadow-none {
    box-shadow: none !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
}

.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
}

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

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

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

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

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

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

.m-0 {
    margin: 0 !important
}

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

.mr-0, .mx-0 {
    margin-right: 0 !important
}

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

.ml-0, .mx-0 {
    margin-left: 0 !important
}

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

.mt-1, .my-1 {
    margin-top: .4rem !important
}

.mr-1, .mx-1 {
    margin-right: .4rem !important
}

.mb-1, .my-1 {
    margin-bottom: .4rem !important
}

.ml-1, .mx-1 {
    margin-left: .4rem !important
}

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

.mt-2, .my-2 {
    margin-top: .8rem !important
}

.mr-2, .mx-2 {
    margin-right: .8rem !important
}

.mb-2, .my-2 {
    margin-bottom: .8rem !important
}

.ml-2, .mx-2 {
    margin-left: .8rem !important
}

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

.mt-3, .my-3 {
    margin-top: 1.6rem !important
}

.mr-3, .mx-3 {
    margin-right: 1.6rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1.6rem !important
}

.ml-3, .mx-3 {
    margin-left: 1.6rem !important
}

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

.mt-4, .my-4 {
    margin-top: 2.4rem !important
}

.mr-4, .mx-4 {
    margin-right: 2.4rem !important
}

.mb-4, .my-4 {
    margin-bottom: 2.4rem !important
}

.ml-4, .mx-4 {
    margin-left: 2.4rem !important
}

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

.mt-5, .my-5 {
    margin-top: 4.8rem !important
}

.mr-5, .mx-5 {
    margin-right: 4.8rem !important
}

.mb-5, .my-5 {
    margin-bottom: 4.8rem !important
}

.ml-5, .mx-5 {
    margin-left: 4.8rem !important
}

.m-6 {
    margin: 6.4rem !important
}

.mt-6, .my-6 {
    margin-top: 6.4rem !important
}

.mr-6, .mx-6 {
    margin-right: 6.4rem !important
}

.mb-6, .my-6 {
    margin-bottom: 6.4rem !important
}

.ml-6, .mx-6 {
    margin-left: 6.4rem !important
}

.m-7 {
    margin: 8rem !important
}

.mt-7, .my-7 {
    margin-top: 8rem !important
}

.mr-7, .mx-7 {
    margin-right: 8rem !important
}

.mb-7, .my-7 {
    margin-bottom: 8rem !important
}

.ml-7, .mx-7 {
    margin-left: 8rem !important
}

.m-75 {
    margin: 15rem !important
}

.mt-75, .my-75 {
    margin-top: 15rem !important
}

.mr-75, .mx-75 {
    margin-right: 15rem !important
}

.mb-75, .my-75 {
    margin-bottom: 15rem !important
}

.ml-75, .mx-75 {
    margin-left: 15rem !important
}

.m-8 {
    margin: 16rem !important
}

.mt-8, .my-8 {
    margin-top: 16rem !important
}

.mr-8, .mx-8 {
    margin-right: 16rem !important
}

.mb-8, .my-8 {
    margin-bottom: 16rem !important
}

.ml-8, .mx-8 {
    margin-left: 16rem !important
}

.m-9 {
    margin: 19.2rem !important
}

.mt-9, .my-9 {
    margin-top: 19.2rem !important
}

.mr-9, .mx-9 {
    margin-right: 19.2rem !important
}

.mb-9, .my-9 {
    margin-bottom: 19.2rem !important
}

.ml-9, .mx-9 {
    margin-left: 19.2rem !important
}

.m-10 {
    margin: 24rem !important
}

.mt-10, .my-10 {
    margin-top: 24rem !important
}

.mr-10, .mx-10 {
    margin-right: 24rem !important
}

.mb-10, .my-10 {
    margin-bottom: 24rem !important
}

.ml-10, .mx-10 {
    margin-left: 24rem !important
}

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

.mt--1, .my--1 {
    margin-top: -0.4rem !important
}

.mr--1, .mx--1 {
    margin-right: -0.4rem !important
}

.mb--1, .my--1 {
    margin-bottom: -0.4rem !important
}

.ml--1, .mx--1 {
    margin-left: -0.4rem !important
}

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

.mt--2, .my--2 {
    margin-top: -0.8rem !important
}

.mr--2, .mx--2 {
    margin-right: -0.8rem !important
}

.mb--2, .my--2 {
    margin-bottom: -0.8rem !important
}

.ml--2, .mx--2 {
    margin-left: -0.8rem !important
}

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

.mt--3, .my--3 {
    margin-top: -1.6rem !important
}

.mr--3, .mx--3 {
    margin-right: -1.6rem !important
}

.mb--3, .my--3 {
    margin-bottom: -1.6rem !important
}

.ml--3, .mx--3 {
    margin-left: -1.6rem !important
}

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

.mt--4, .my--4 {
    margin-top: -2.4rem !important
}

.mr--4, .mx--4 {
    margin-right: -2.4rem !important
}

.mb--4, .my--4 {
    margin-bottom: -2.4rem !important
}

.ml--4, .mx--4 {
    margin-left: -2.4rem !important
}

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

.mt--5, .my--5 {
    margin-top: -4.8rem !important
}

.mr--5, .mx--5 {
    margin-right: -4.8rem !important
}

.mb--5, .my--5 {
    margin-bottom: -4.8rem !important
}

.ml--5, .mx--5 {
    margin-left: -4.8rem !important
}

.m--6 {
    margin: -6.4rem !important
}

.mt--6, .my--6 {
    margin-top: -6.4rem !important
}

.mr--6, .mx--6 {
    margin-right: -6.4rem !important
}

.mb--6, .my--6 {
    margin-bottom: -6.4rem !important
}

.ml--6, .mx--6 {
    margin-left: -6.4rem !important
}

.m--7 {
    margin: -8rem !important
}

.mt--7, .my--7 {
    margin-top: -8rem !important
}

.mr--7, .mx--7 {
    margin-right: -8rem !important
}

.mb--7, .my--7 {
    margin-bottom: -8rem !important
}

.ml--7, .mx--7 {
    margin-left: -8rem !important
}

.m--8 {
    margin: -16rem !important
}

.mt--8, .my--8 {
    margin-top: -16rem !important
}

.mr--8, .mx--8 {
    margin-right: -16rem !important
}

.mb--8, .my--8 {
    margin-bottom: -16rem !important
}

.ml--8, .mx--8 {
    margin-left: -16rem !important
}

.m--9 {
    margin: -19.2rem !important
}

.mt--9, .my--9 {
    margin-top: -19.2rem !important
}

.mr--9, .mx--9 {
    margin-right: -19.2rem !important
}

.mb--9, .my--9 {
    margin-bottom: -19.2rem !important
}

.ml--9, .mx--9 {
    margin-left: -19.2rem !important
}

.m--10 {
    margin: -24rem !important
}

.mt--10, .my--10 {
    margin-top: -24rem !important
}

.mr--10, .mx--10 {
    margin-right: -24rem !important
}

.mb--10, .my--10 {
    margin-bottom: -24rem !important
}

.ml--10, .mx--10 {
    margin-left: -24rem !important
}

.p-0 {
    padding: 0 !important
}

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

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

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

.pt-1, .py-1 {
    padding-top: .4rem !important
}

.pr-1, .px-1 {
    padding-right: .4rem !important
}

.pb-1, .py-1 {
    padding-bottom: .4rem !important
}

.pl-1, .px-1 {
    padding-left: .4rem !important
}

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

.pt-2, .py-2 {
    padding-top: .8rem !important
}

.pr-2, .px-2 {
    padding-right: .8rem !important
}

.pb-2, .py-2 {
    padding-bottom: .8rem !important
}

.pl-2, .px-2 {
    padding-left: .8rem !important
}

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

.pt-3, .py-3 {
    padding-top: 1.6rem !important
}

.pr-3, .px-3 {
    padding-right: 1.6rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1.6rem !important
}

.pl-3, .px-3 {
    padding-left: 1.6rem !important
}

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

.pt-4, .py-4 {
    padding-top: 2.4rem !important
}

.pr-4, .px-4 {
    padding-right: 2.4rem !important
}

.pb-4, .py-4 {
    padding-bottom: 2.4rem !important
}

.pl-4, .px-4 {
    padding-left: 2.4rem !important
}

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

.pt-5, .py-5 {
    padding-top: 4.8rem !important
}

.pr-5, .px-5 {
    padding-right: 4.8rem !important
}

.pb-5, .py-5 {
    padding-bottom: 4.8rem !important
}

.pl-5, .px-5 {
    padding-left: 4.8rem !important
}

.p-6 {
    padding: 6.4rem !important
}

.pt-6, .py-6 {
    padding-top: 6.4rem !important
}

.pr-6, .px-6 {
    padding-right: 6.4rem !important
}

.pb-6, .py-6 {
    padding-bottom: 6.4rem !important
}

.pl-6, .px-6 {
    padding-left: 6.4rem !important
}

.p-7 {
    padding: 8rem !important
}

.pt-7, .py-7 {
    padding-top: 8rem !important
}

.pr-7, .px-7 {
    padding-right: 8rem !important
}

.pb-7, .py-7 {
    padding-bottom: 8rem !important
}

.pl-7, .px-7 {
    padding-left: 8rem !important
}

.p-75 {
    padding: 15rem !important
}

.pt-75, .py-75 {
    padding-top: 15rem !important
}

.pr-75, .px-75 {
    padding-right: 15rem !important
}

.pb-75, .py-75 {
    padding-bottom: 15rem !important
}

.pl-75, .px-75 {
    padding-left: 15rem !important
}

.p-8 {
    padding: 16rem !important
}

.pt-8, .py-8 {
    padding-top: 16rem !important
}

.pr-8, .px-8 {
    padding-right: 16rem !important
}

.pb-8, .py-8 {
    padding-bottom: 16rem !important
}

.pl-8, .px-8 {
    padding-left: 16rem !important
}

.p-9 {
    padding: 19.2rem !important
}

.pt-9, .py-9 {
    padding-top: 19.2rem !important
}

.pr-9, .px-9 {
    padding-right: 19.2rem !important
}

.pb-9, .py-9 {
    padding-bottom: 19.2rem !important
}

.pl-9, .px-9 {
    padding-left: 19.2rem !important
}

.p-10 {
    padding: 24rem !important
}

.pt-10, .py-10 {
    padding-top: 24rem !important
}

.pr-10, .px-10 {
    padding-right: 24rem !important
}

.pb-10, .py-10 {
    padding-bottom: 24rem !important
}

.pl-10, .px-10 {
    padding-left: 24rem !important
}

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

.pt--1, .py--1 {
    padding-top: -0.4rem !important
}

.pr--1, .px--1 {
    padding-right: -0.4rem !important
}

.pb--1, .py--1 {
    padding-bottom: -0.4rem !important
}

.pl--1, .px--1 {
    padding-left: -0.4rem !important
}

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

.pt--2, .py--2 {
    padding-top: -0.8rem !important
}

.pr--2, .px--2 {
    padding-right: -0.8rem !important
}

.pb--2, .py--2 {
    padding-bottom: -0.8rem !important
}

.pl--2, .px--2 {
    padding-left: -0.8rem !important
}

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

.pt--3, .py--3 {
    padding-top: -1.6rem !important
}

.pr--3, .px--3 {
    padding-right: -1.6rem !important
}

.pb--3, .py--3 {
    padding-bottom: -1.6rem !important
}

.pl--3, .px--3 {
    padding-left: -1.6rem !important
}

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

.pt--4, .py--4 {
    padding-top: -2.4rem !important
}

.pr--4, .px--4 {
    padding-right: -2.4rem !important
}

.pb--4, .py--4 {
    padding-bottom: -2.4rem !important
}

.pl--4, .px--4 {
    padding-left: -2.4rem !important
}

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

.pt--5, .py--5 {
    padding-top: -4.8rem !important
}

.pr--5, .px--5 {
    padding-right: -4.8rem !important
}

.pb--5, .py--5 {
    padding-bottom: -4.8rem !important
}

.pl--5, .px--5 {
    padding-left: -4.8rem !important
}

.p--6 {
    padding: -6.4rem !important
}

.pt--6, .py--6 {
    padding-top: -6.4rem !important
}

.pr--6, .px--6 {
    padding-right: -6.4rem !important
}

.pb--6, .py--6 {
    padding-bottom: -6.4rem !important
}

.pl--6, .px--6 {
    padding-left: -6.4rem !important
}

.p--7 {
    padding: -8rem !important
}

.pt--7, .py--7 {
    padding-top: -8rem !important
}

.pr--7, .px--7 {
    padding-right: -8rem !important
}

.pb--7, .py--7 {
    padding-bottom: -8rem !important
}

.pl--7, .px--7 {
    padding-left: -8rem !important
}

.p--8 {
    padding: -16rem !important
}

.pt--8, .py--8 {
    padding-top: -16rem !important
}

.pr--8, .px--8 {
    padding-right: -16rem !important
}

.pb--8, .py--8 {
    padding-bottom: -16rem !important
}

.pl--8, .px--8 {
    padding-left: -16rem !important
}

.p--9 {
    padding: -19.2rem !important
}

.pt--9, .py--9 {
    padding-top: -19.2rem !important
}

.pr--9, .px--9 {
    padding-right: -19.2rem !important
}

.pb--9, .py--9 {
    padding-bottom: -19.2rem !important
}

.pl--9, .px--9 {
    padding-left: -19.2rem !important
}

.p--10 {
    padding: -24rem !important
}

.pt--10, .py--10 {
    padding-top: -24rem !important
}

.pr--10, .px--10 {
    padding-right: -24rem !important
}

.pb--10, .py--10 {
    padding-bottom: -24rem !important
}

.pl--10, .px--10 {
    padding-left: -24rem !important
}

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

.mt-n1, .my-n1 {
    margin-top: -0.4rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -0.4rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -0.4rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -0.4rem !important
}

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

.mt-n2, .my-n2 {
    margin-top: -0.8rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -0.8rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -0.8rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -0.8rem !important
}

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

.mt-n3, .my-n3 {
    margin-top: -1.6rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1.6rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1.6rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1.6rem !important
}

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

.mt-n4, .my-n4 {
    margin-top: -2.4rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -2.4rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -2.4rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -2.4rem !important
}

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

.mt-n5, .my-n5 {
    margin-top: -4.8rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -4.8rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -4.8rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -4.8rem !important
}

.m-n6 {
    margin: -6.4rem !important
}

.mt-n6, .my-n6 {
    margin-top: -6.4rem !important
}

.mr-n6, .mx-n6 {
    margin-right: -6.4rem !important
}

.mb-n6, .my-n6 {
    margin-bottom: -6.4rem !important
}

.ml-n6, .mx-n6 {
    margin-left: -6.4rem !important
}

.m-n7 {
    margin: -8rem !important
}

.mt-n7, .my-n7 {
    margin-top: -8rem !important
}

.mr-n7, .mx-n7 {
    margin-right: -8rem !important
}

.mb-n7, .my-n7 {
    margin-bottom: -8rem !important
}

.ml-n7, .mx-n7 {
    margin-left: -8rem !important
}

.m-n75 {
    margin: -15rem !important
}

.mt-n75, .my-n75 {
    margin-top: -15rem !important
}

.mr-n75, .mx-n75 {
    margin-right: -15rem !important
}

.mb-n75, .my-n75 {
    margin-bottom: -15rem !important
}

.ml-n75, .mx-n75 {
    margin-left: -15rem !important
}

.m-n8 {
    margin: -16rem !important
}

.mt-n8, .my-n8 {
    margin-top: -16rem !important
}

.mr-n8, .mx-n8 {
    margin-right: -16rem !important
}

.mb-n8, .my-n8 {
    margin-bottom: -16rem !important
}

.ml-n8, .mx-n8 {
    margin-left: -16rem !important
}

.m-n9 {
    margin: -19.2rem !important
}

.mt-n9, .my-n9 {
    margin-top: -19.2rem !important
}

.mr-n9, .mx-n9 {
    margin-right: -19.2rem !important
}

.mb-n9, .my-n9 {
    margin-bottom: -19.2rem !important
}

.ml-n9, .mx-n9 {
    margin-left: -19.2rem !important
}

.m-n10 {
    margin: -24rem !important
}

.mt-n10, .my-n10 {
    margin-top: -24rem !important
}

.mr-n10, .mx-n10 {
    margin-right: -24rem !important
}

.mb-n10, .my-n10 {
    margin-bottom: -24rem !important
}

.ml-n10, .mx-n10 {
    margin-left: -24rem !important
}

.m-n-1 {
    margin: .4rem !important
}

.mt-n-1, .my-n-1 {
    margin-top: .4rem !important
}

.mr-n-1, .mx-n-1 {
    margin-right: .4rem !important
}

.mb-n-1, .my-n-1 {
    margin-bottom: .4rem !important
}

.ml-n-1, .mx-n-1 {
    margin-left: .4rem !important
}

.m-n-2 {
    margin: .8rem !important
}

.mt-n-2, .my-n-2 {
    margin-top: .8rem !important
}

.mr-n-2, .mx-n-2 {
    margin-right: .8rem !important
}

.mb-n-2, .my-n-2 {
    margin-bottom: .8rem !important
}

.ml-n-2, .mx-n-2 {
    margin-left: .8rem !important
}

.m-n-3 {
    margin: 1.6rem !important
}

.mt-n-3, .my-n-3 {
    margin-top: 1.6rem !important
}

.mr-n-3, .mx-n-3 {
    margin-right: 1.6rem !important
}

.mb-n-3, .my-n-3 {
    margin-bottom: 1.6rem !important
}

.ml-n-3, .mx-n-3 {
    margin-left: 1.6rem !important
}

.m-n-4 {
    margin: 2.4rem !important
}

.mt-n-4, .my-n-4 {
    margin-top: 2.4rem !important
}

.mr-n-4, .mx-n-4 {
    margin-right: 2.4rem !important
}

.mb-n-4, .my-n-4 {
    margin-bottom: 2.4rem !important
}

.ml-n-4, .mx-n-4 {
    margin-left: 2.4rem !important
}

.m-n-5 {
    margin: 4.8rem !important
}

.mt-n-5, .my-n-5 {
    margin-top: 4.8rem !important
}

.mr-n-5, .mx-n-5 {
    margin-right: 4.8rem !important
}

.mb-n-5, .my-n-5 {
    margin-bottom: 4.8rem !important
}

.ml-n-5, .mx-n-5 {
    margin-left: 4.8rem !important
}

.m-n-6 {
    margin: 6.4rem !important
}

.mt-n-6, .my-n-6 {
    margin-top: 6.4rem !important
}

.mr-n-6, .mx-n-6 {
    margin-right: 6.4rem !important
}

.mb-n-6, .my-n-6 {
    margin-bottom: 6.4rem !important
}

.ml-n-6, .mx-n-6 {
    margin-left: 6.4rem !important
}

.m-n-7 {
    margin: 8rem !important
}

.mt-n-7, .my-n-7 {
    margin-top: 8rem !important
}

.mr-n-7, .mx-n-7 {
    margin-right: 8rem !important
}

.mb-n-7, .my-n-7 {
    margin-bottom: 8rem !important
}

.ml-n-7, .mx-n-7 {
    margin-left: 8rem !important
}

.m-n-8 {
    margin: 16rem !important
}

.mt-n-8, .my-n-8 {
    margin-top: 16rem !important
}

.mr-n-8, .mx-n-8 {
    margin-right: 16rem !important
}

.mb-n-8, .my-n-8 {
    margin-bottom: 16rem !important
}

.ml-n-8, .mx-n-8 {
    margin-left: 16rem !important
}

.m-n-9 {
    margin: 19.2rem !important
}

.mt-n-9, .my-n-9 {
    margin-top: 19.2rem !important
}

.mr-n-9, .mx-n-9 {
    margin-right: 19.2rem !important
}

.mb-n-9, .my-n-9 {
    margin-bottom: 19.2rem !important
}

.ml-n-9, .mx-n-9 {
    margin-left: 19.2rem !important
}

.m-n-10 {
    margin: 24rem !important
}

.mt-n-10, .my-n-10 {
    margin-top: 24rem !important
}

.mr-n-10, .mx-n-10 {
    margin-right: 24rem !important
}

.mb-n-10, .my-n-10 {
    margin-bottom: 24rem !important
}

.ml-n-10, .mx-n-10 {
    margin-left: 24rem !important
}

.m-auto {
    margin: auto !important
}

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

.mr-auto, .mx-auto {
    margin-right: auto !important
}

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

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media(min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .4rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .4rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .4rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .4rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .4rem !important
    }

    .m-sm-2 {
        margin: .8rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .8rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .8rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .8rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .8rem !important
    }

    .m-sm-3 {
        margin: 1.6rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1.6rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1.6rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1.6rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1.6rem !important
    }

    .m-sm-4 {
        margin: 2.4rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 2.4rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 2.4rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 2.4rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 2.4rem !important
    }

    .m-sm-5 {
        margin: 4.8rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 4.8rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 4.8rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 4.8rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 4.8rem !important
    }

    .m-sm-6 {
        margin: 6.4rem !important
    }

    .mt-sm-6, .my-sm-6 {
        margin-top: 6.4rem !important
    }

    .mr-sm-6, .mx-sm-6 {
        margin-right: 6.4rem !important
    }

    .mb-sm-6, .my-sm-6 {
        margin-bottom: 6.4rem !important
    }

    .ml-sm-6, .mx-sm-6 {
        margin-left: 6.4rem !important
    }

    .m-sm-7 {
        margin: 8rem !important
    }

    .mt-sm-7, .my-sm-7 {
        margin-top: 8rem !important
    }

    .mr-sm-7, .mx-sm-7 {
        margin-right: 8rem !important
    }

    .mb-sm-7, .my-sm-7 {
        margin-bottom: 8rem !important
    }

    .ml-sm-7, .mx-sm-7 {
        margin-left: 8rem !important
    }

    .m-sm-75 {
        margin: 15rem !important
    }

    .mt-sm-75, .my-sm-75 {
        margin-top: 15rem !important
    }

    .mr-sm-75, .mx-sm-75 {
        margin-right: 15rem !important
    }

    .mb-sm-75, .my-sm-75 {
        margin-bottom: 15rem !important
    }

    .ml-sm-75, .mx-sm-75 {
        margin-left: 15rem !important
    }

    .m-sm-8 {
        margin: 16rem !important
    }

    .mt-sm-8, .my-sm-8 {
        margin-top: 16rem !important
    }

    .mr-sm-8, .mx-sm-8 {
        margin-right: 16rem !important
    }

    .mb-sm-8, .my-sm-8 {
        margin-bottom: 16rem !important
    }

    .ml-sm-8, .mx-sm-8 {
        margin-left: 16rem !important
    }

    .m-sm-9 {
        margin: 19.2rem !important
    }

    .mt-sm-9, .my-sm-9 {
        margin-top: 19.2rem !important
    }

    .mr-sm-9, .mx-sm-9 {
        margin-right: 19.2rem !important
    }

    .mb-sm-9, .my-sm-9 {
        margin-bottom: 19.2rem !important
    }

    .ml-sm-9, .mx-sm-9 {
        margin-left: 19.2rem !important
    }

    .m-sm-10 {
        margin: 24rem !important
    }

    .mt-sm-10, .my-sm-10 {
        margin-top: 24rem !important
    }

    .mr-sm-10, .mx-sm-10 {
        margin-right: 24rem !important
    }

    .mb-sm-10, .my-sm-10 {
        margin-bottom: 24rem !important
    }

    .ml-sm-10, .mx-sm-10 {
        margin-left: 24rem !important
    }

    .m-sm--1 {
        margin: -0.4rem !important
    }

    .mt-sm--1, .my-sm--1 {
        margin-top: -0.4rem !important
    }

    .mr-sm--1, .mx-sm--1 {
        margin-right: -0.4rem !important
    }

    .mb-sm--1, .my-sm--1 {
        margin-bottom: -0.4rem !important
    }

    .ml-sm--1, .mx-sm--1 {
        margin-left: -0.4rem !important
    }

    .m-sm--2 {
        margin: -0.8rem !important
    }

    .mt-sm--2, .my-sm--2 {
        margin-top: -0.8rem !important
    }

    .mr-sm--2, .mx-sm--2 {
        margin-right: -0.8rem !important
    }

    .mb-sm--2, .my-sm--2 {
        margin-bottom: -0.8rem !important
    }

    .ml-sm--2, .mx-sm--2 {
        margin-left: -0.8rem !important
    }

    .m-sm--3 {
        margin: -1.6rem !important
    }

    .mt-sm--3, .my-sm--3 {
        margin-top: -1.6rem !important
    }

    .mr-sm--3, .mx-sm--3 {
        margin-right: -1.6rem !important
    }

    .mb-sm--3, .my-sm--3 {
        margin-bottom: -1.6rem !important
    }

    .ml-sm--3, .mx-sm--3 {
        margin-left: -1.6rem !important
    }

    .m-sm--4 {
        margin: -2.4rem !important
    }

    .mt-sm--4, .my-sm--4 {
        margin-top: -2.4rem !important
    }

    .mr-sm--4, .mx-sm--4 {
        margin-right: -2.4rem !important
    }

    .mb-sm--4, .my-sm--4 {
        margin-bottom: -2.4rem !important
    }

    .ml-sm--4, .mx-sm--4 {
        margin-left: -2.4rem !important
    }

    .m-sm--5 {
        margin: -4.8rem !important
    }

    .mt-sm--5, .my-sm--5 {
        margin-top: -4.8rem !important
    }

    .mr-sm--5, .mx-sm--5 {
        margin-right: -4.8rem !important
    }

    .mb-sm--5, .my-sm--5 {
        margin-bottom: -4.8rem !important
    }

    .ml-sm--5, .mx-sm--5 {
        margin-left: -4.8rem !important
    }

    .m-sm--6 {
        margin: -6.4rem !important
    }

    .mt-sm--6, .my-sm--6 {
        margin-top: -6.4rem !important
    }

    .mr-sm--6, .mx-sm--6 {
        margin-right: -6.4rem !important
    }

    .mb-sm--6, .my-sm--6 {
        margin-bottom: -6.4rem !important
    }

    .ml-sm--6, .mx-sm--6 {
        margin-left: -6.4rem !important
    }

    .m-sm--7 {
        margin: -8rem !important
    }

    .mt-sm--7, .my-sm--7 {
        margin-top: -8rem !important
    }

    .mr-sm--7, .mx-sm--7 {
        margin-right: -8rem !important
    }

    .mb-sm--7, .my-sm--7 {
        margin-bottom: -8rem !important
    }

    .ml-sm--7, .mx-sm--7 {
        margin-left: -8rem !important
    }

    .m-sm--8 {
        margin: -16rem !important
    }

    .mt-sm--8, .my-sm--8 {
        margin-top: -16rem !important
    }

    .mr-sm--8, .mx-sm--8 {
        margin-right: -16rem !important
    }

    .mb-sm--8, .my-sm--8 {
        margin-bottom: -16rem !important
    }

    .ml-sm--8, .mx-sm--8 {
        margin-left: -16rem !important
    }

    .m-sm--9 {
        margin: -19.2rem !important
    }

    .mt-sm--9, .my-sm--9 {
        margin-top: -19.2rem !important
    }

    .mr-sm--9, .mx-sm--9 {
        margin-right: -19.2rem !important
    }

    .mb-sm--9, .my-sm--9 {
        margin-bottom: -19.2rem !important
    }

    .ml-sm--9, .mx-sm--9 {
        margin-left: -19.2rem !important
    }

    .m-sm--10 {
        margin: -24rem !important
    }

    .mt-sm--10, .my-sm--10 {
        margin-top: -24rem !important
    }

    .mr-sm--10, .mx-sm--10 {
        margin-right: -24rem !important
    }

    .mb-sm--10, .my-sm--10 {
        margin-bottom: -24rem !important
    }

    .ml-sm--10, .mx-sm--10 {
        margin-left: -24rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .4rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .4rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .4rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .4rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .4rem !important
    }

    .p-sm-2 {
        padding: .8rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .8rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .8rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .8rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .8rem !important
    }

    .p-sm-3 {
        padding: 1.6rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1.6rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1.6rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1.6rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1.6rem !important
    }

    .p-sm-4 {
        padding: 2.4rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 2.4rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 2.4rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 2.4rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 2.4rem !important
    }

    .p-sm-5 {
        padding: 4.8rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 4.8rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 4.8rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 4.8rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 4.8rem !important
    }

    .p-sm-6 {
        padding: 6.4rem !important
    }

    .pt-sm-6, .py-sm-6 {
        padding-top: 6.4rem !important
    }

    .pr-sm-6, .px-sm-6 {
        padding-right: 6.4rem !important
    }

    .pb-sm-6, .py-sm-6 {
        padding-bottom: 6.4rem !important
    }

    .pl-sm-6, .px-sm-6 {
        padding-left: 6.4rem !important
    }

    .p-sm-7 {
        padding: 8rem !important
    }

    .pt-sm-7, .py-sm-7 {
        padding-top: 8rem !important
    }

    .pr-sm-7, .px-sm-7 {
        padding-right: 8rem !important
    }

    .pb-sm-7, .py-sm-7 {
        padding-bottom: 8rem !important
    }

    .pl-sm-7, .px-sm-7 {
        padding-left: 8rem !important
    }

    .p-sm-75 {
        padding: 15rem !important
    }

    .pt-sm-75, .py-sm-75 {
        padding-top: 15rem !important
    }

    .pr-sm-75, .px-sm-75 {
        padding-right: 15rem !important
    }

    .pb-sm-75, .py-sm-75 {
        padding-bottom: 15rem !important
    }

    .pl-sm-75, .px-sm-75 {
        padding-left: 15rem !important
    }

    .p-sm-8 {
        padding: 16rem !important
    }

    .pt-sm-8, .py-sm-8 {
        padding-top: 16rem !important
    }

    .pr-sm-8, .px-sm-8 {
        padding-right: 16rem !important
    }

    .pb-sm-8, .py-sm-8 {
        padding-bottom: 16rem !important
    }

    .pl-sm-8, .px-sm-8 {
        padding-left: 16rem !important
    }

    .p-sm-9 {
        padding: 19.2rem !important
    }

    .pt-sm-9, .py-sm-9 {
        padding-top: 19.2rem !important
    }

    .pr-sm-9, .px-sm-9 {
        padding-right: 19.2rem !important
    }

    .pb-sm-9, .py-sm-9 {
        padding-bottom: 19.2rem !important
    }

    .pl-sm-9, .px-sm-9 {
        padding-left: 19.2rem !important
    }

    .p-sm-10 {
        padding: 24rem !important
    }

    .pt-sm-10, .py-sm-10 {
        padding-top: 24rem !important
    }

    .pr-sm-10, .px-sm-10 {
        padding-right: 24rem !important
    }

    .pb-sm-10, .py-sm-10 {
        padding-bottom: 24rem !important
    }

    .pl-sm-10, .px-sm-10 {
        padding-left: 24rem !important
    }

    .p-sm--1 {
        padding: -0.4rem !important
    }

    .pt-sm--1, .py-sm--1 {
        padding-top: -0.4rem !important
    }

    .pr-sm--1, .px-sm--1 {
        padding-right: -0.4rem !important
    }

    .pb-sm--1, .py-sm--1 {
        padding-bottom: -0.4rem !important
    }

    .pl-sm--1, .px-sm--1 {
        padding-left: -0.4rem !important
    }

    .p-sm--2 {
        padding: -0.8rem !important
    }

    .pt-sm--2, .py-sm--2 {
        padding-top: -0.8rem !important
    }

    .pr-sm--2, .px-sm--2 {
        padding-right: -0.8rem !important
    }

    .pb-sm--2, .py-sm--2 {
        padding-bottom: -0.8rem !important
    }

    .pl-sm--2, .px-sm--2 {
        padding-left: -0.8rem !important
    }

    .p-sm--3 {
        padding: -1.6rem !important
    }

    .pt-sm--3, .py-sm--3 {
        padding-top: -1.6rem !important
    }

    .pr-sm--3, .px-sm--3 {
        padding-right: -1.6rem !important
    }

    .pb-sm--3, .py-sm--3 {
        padding-bottom: -1.6rem !important
    }

    .pl-sm--3, .px-sm--3 {
        padding-left: -1.6rem !important
    }

    .p-sm--4 {
        padding: -2.4rem !important
    }

    .pt-sm--4, .py-sm--4 {
        padding-top: -2.4rem !important
    }

    .pr-sm--4, .px-sm--4 {
        padding-right: -2.4rem !important
    }

    .pb-sm--4, .py-sm--4 {
        padding-bottom: -2.4rem !important
    }

    .pl-sm--4, .px-sm--4 {
        padding-left: -2.4rem !important
    }

    .p-sm--5 {
        padding: -4.8rem !important
    }

    .pt-sm--5, .py-sm--5 {
        padding-top: -4.8rem !important
    }

    .pr-sm--5, .px-sm--5 {
        padding-right: -4.8rem !important
    }

    .pb-sm--5, .py-sm--5 {
        padding-bottom: -4.8rem !important
    }

    .pl-sm--5, .px-sm--5 {
        padding-left: -4.8rem !important
    }

    .p-sm--6 {
        padding: -6.4rem !important
    }

    .pt-sm--6, .py-sm--6 {
        padding-top: -6.4rem !important
    }

    .pr-sm--6, .px-sm--6 {
        padding-right: -6.4rem !important
    }

    .pb-sm--6, .py-sm--6 {
        padding-bottom: -6.4rem !important
    }

    .pl-sm--6, .px-sm--6 {
        padding-left: -6.4rem !important
    }

    .p-sm--7 {
        padding: -8rem !important
    }

    .pt-sm--7, .py-sm--7 {
        padding-top: -8rem !important
    }

    .pr-sm--7, .px-sm--7 {
        padding-right: -8rem !important
    }

    .pb-sm--7, .py-sm--7 {
        padding-bottom: -8rem !important
    }

    .pl-sm--7, .px-sm--7 {
        padding-left: -8rem !important
    }

    .p-sm--8 {
        padding: -16rem !important
    }

    .pt-sm--8, .py-sm--8 {
        padding-top: -16rem !important
    }

    .pr-sm--8, .px-sm--8 {
        padding-right: -16rem !important
    }

    .pb-sm--8, .py-sm--8 {
        padding-bottom: -16rem !important
    }

    .pl-sm--8, .px-sm--8 {
        padding-left: -16rem !important
    }

    .p-sm--9 {
        padding: -19.2rem !important
    }

    .pt-sm--9, .py-sm--9 {
        padding-top: -19.2rem !important
    }

    .pr-sm--9, .px-sm--9 {
        padding-right: -19.2rem !important
    }

    .pb-sm--9, .py-sm--9 {
        padding-bottom: -19.2rem !important
    }

    .pl-sm--9, .px-sm--9 {
        padding-left: -19.2rem !important
    }

    .p-sm--10 {
        padding: -24rem !important
    }

    .pt-sm--10, .py-sm--10 {
        padding-top: -24rem !important
    }

    .pr-sm--10, .px-sm--10 {
        padding-right: -24rem !important
    }

    .pb-sm--10, .py-sm--10 {
        padding-bottom: -24rem !important
    }

    .pl-sm--10, .px-sm--10 {
        padding-left: -24rem !important
    }

    .m-sm-n1 {
        margin: -0.4rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -0.4rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -0.4rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -0.4rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -0.4rem !important
    }

    .m-sm-n2 {
        margin: -0.8rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -0.8rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -0.8rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -0.8rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -0.8rem !important
    }

    .m-sm-n3 {
        margin: -1.6rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1.6rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1.6rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1.6rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1.6rem !important
    }

    .m-sm-n4 {
        margin: -2.4rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -2.4rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -2.4rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -2.4rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -2.4rem !important
    }

    .m-sm-n5 {
        margin: -4.8rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -4.8rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -4.8rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -4.8rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -4.8rem !important
    }

    .m-sm-n6 {
        margin: -6.4rem !important
    }

    .mt-sm-n6, .my-sm-n6 {
        margin-top: -6.4rem !important
    }

    .mr-sm-n6, .mx-sm-n6 {
        margin-right: -6.4rem !important
    }

    .mb-sm-n6, .my-sm-n6 {
        margin-bottom: -6.4rem !important
    }

    .ml-sm-n6, .mx-sm-n6 {
        margin-left: -6.4rem !important
    }

    .m-sm-n7 {
        margin: -8rem !important
    }

    .mt-sm-n7, .my-sm-n7 {
        margin-top: -8rem !important
    }

    .mr-sm-n7, .mx-sm-n7 {
        margin-right: -8rem !important
    }

    .mb-sm-n7, .my-sm-n7 {
        margin-bottom: -8rem !important
    }

    .ml-sm-n7, .mx-sm-n7 {
        margin-left: -8rem !important
    }

    .m-sm-n75 {
        margin: -15rem !important
    }

    .mt-sm-n75, .my-sm-n75 {
        margin-top: -15rem !important
    }

    .mr-sm-n75, .mx-sm-n75 {
        margin-right: -15rem !important
    }

    .mb-sm-n75, .my-sm-n75 {
        margin-bottom: -15rem !important
    }

    .ml-sm-n75, .mx-sm-n75 {
        margin-left: -15rem !important
    }

    .m-sm-n8 {
        margin: -16rem !important
    }

    .mt-sm-n8, .my-sm-n8 {
        margin-top: -16rem !important
    }

    .mr-sm-n8, .mx-sm-n8 {
        margin-right: -16rem !important
    }

    .mb-sm-n8, .my-sm-n8 {
        margin-bottom: -16rem !important
    }

    .ml-sm-n8, .mx-sm-n8 {
        margin-left: -16rem !important
    }

    .m-sm-n9 {
        margin: -19.2rem !important
    }

    .mt-sm-n9, .my-sm-n9 {
        margin-top: -19.2rem !important
    }

    .mr-sm-n9, .mx-sm-n9 {
        margin-right: -19.2rem !important
    }

    .mb-sm-n9, .my-sm-n9 {
        margin-bottom: -19.2rem !important
    }

    .ml-sm-n9, .mx-sm-n9 {
        margin-left: -19.2rem !important
    }

    .m-sm-n10 {
        margin: -24rem !important
    }

    .mt-sm-n10, .my-sm-n10 {
        margin-top: -24rem !important
    }

    .mr-sm-n10, .mx-sm-n10 {
        margin-right: -24rem !important
    }

    .mb-sm-n10, .my-sm-n10 {
        margin-bottom: -24rem !important
    }

    .ml-sm-n10, .mx-sm-n10 {
        margin-left: -24rem !important
    }

    .m-sm-n-1 {
        margin: .4rem !important
    }

    .mt-sm-n-1, .my-sm-n-1 {
        margin-top: .4rem !important
    }

    .mr-sm-n-1, .mx-sm-n-1 {
        margin-right: .4rem !important
    }

    .mb-sm-n-1, .my-sm-n-1 {
        margin-bottom: .4rem !important
    }

    .ml-sm-n-1, .mx-sm-n-1 {
        margin-left: .4rem !important
    }

    .m-sm-n-2 {
        margin: .8rem !important
    }

    .mt-sm-n-2, .my-sm-n-2 {
        margin-top: .8rem !important
    }

    .mr-sm-n-2, .mx-sm-n-2 {
        margin-right: .8rem !important
    }

    .mb-sm-n-2, .my-sm-n-2 {
        margin-bottom: .8rem !important
    }

    .ml-sm-n-2, .mx-sm-n-2 {
        margin-left: .8rem !important
    }

    .m-sm-n-3 {
        margin: 1.6rem !important
    }

    .mt-sm-n-3, .my-sm-n-3 {
        margin-top: 1.6rem !important
    }

    .mr-sm-n-3, .mx-sm-n-3 {
        margin-right: 1.6rem !important
    }

    .mb-sm-n-3, .my-sm-n-3 {
        margin-bottom: 1.6rem !important
    }

    .ml-sm-n-3, .mx-sm-n-3 {
        margin-left: 1.6rem !important
    }

    .m-sm-n-4 {
        margin: 2.4rem !important
    }

    .mt-sm-n-4, .my-sm-n-4 {
        margin-top: 2.4rem !important
    }

    .mr-sm-n-4, .mx-sm-n-4 {
        margin-right: 2.4rem !important
    }

    .mb-sm-n-4, .my-sm-n-4 {
        margin-bottom: 2.4rem !important
    }

    .ml-sm-n-4, .mx-sm-n-4 {
        margin-left: 2.4rem !important
    }

    .m-sm-n-5 {
        margin: 4.8rem !important
    }

    .mt-sm-n-5, .my-sm-n-5 {
        margin-top: 4.8rem !important
    }

    .mr-sm-n-5, .mx-sm-n-5 {
        margin-right: 4.8rem !important
    }

    .mb-sm-n-5, .my-sm-n-5 {
        margin-bottom: 4.8rem !important
    }

    .ml-sm-n-5, .mx-sm-n-5 {
        margin-left: 4.8rem !important
    }

    .m-sm-n-6 {
        margin: 6.4rem !important
    }

    .mt-sm-n-6, .my-sm-n-6 {
        margin-top: 6.4rem !important
    }

    .mr-sm-n-6, .mx-sm-n-6 {
        margin-right: 6.4rem !important
    }

    .mb-sm-n-6, .my-sm-n-6 {
        margin-bottom: 6.4rem !important
    }

    .ml-sm-n-6, .mx-sm-n-6 {
        margin-left: 6.4rem !important
    }

    .m-sm-n-7 {
        margin: 8rem !important
    }

    .mt-sm-n-7, .my-sm-n-7 {
        margin-top: 8rem !important
    }

    .mr-sm-n-7, .mx-sm-n-7 {
        margin-right: 8rem !important
    }

    .mb-sm-n-7, .my-sm-n-7 {
        margin-bottom: 8rem !important
    }

    .ml-sm-n-7, .mx-sm-n-7 {
        margin-left: 8rem !important
    }

    .m-sm-n-8 {
        margin: 16rem !important
    }

    .mt-sm-n-8, .my-sm-n-8 {
        margin-top: 16rem !important
    }

    .mr-sm-n-8, .mx-sm-n-8 {
        margin-right: 16rem !important
    }

    .mb-sm-n-8, .my-sm-n-8 {
        margin-bottom: 16rem !important
    }

    .ml-sm-n-8, .mx-sm-n-8 {
        margin-left: 16rem !important
    }

    .m-sm-n-9 {
        margin: 19.2rem !important
    }

    .mt-sm-n-9, .my-sm-n-9 {
        margin-top: 19.2rem !important
    }

    .mr-sm-n-9, .mx-sm-n-9 {
        margin-right: 19.2rem !important
    }

    .mb-sm-n-9, .my-sm-n-9 {
        margin-bottom: 19.2rem !important
    }

    .ml-sm-n-9, .mx-sm-n-9 {
        margin-left: 19.2rem !important
    }

    .m-sm-n-10 {
        margin: 24rem !important
    }

    .mt-sm-n-10, .my-sm-n-10 {
        margin-top: 24rem !important
    }

    .mr-sm-n-10, .mx-sm-n-10 {
        margin-right: 24rem !important
    }

    .mb-sm-n-10, .my-sm-n-10 {
        margin-bottom: 24rem !important
    }

    .ml-sm-n-10, .mx-sm-n-10 {
        margin-left: 24rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media(min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .4rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .4rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .4rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .4rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .4rem !important
    }

    .m-md-2 {
        margin: .8rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .8rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .8rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .8rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .8rem !important
    }

    .m-md-3 {
        margin: 1.6rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1.6rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1.6rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1.6rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1.6rem !important
    }

    .m-md-4 {
        margin: 2.4rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 2.4rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 2.4rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 2.4rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 2.4rem !important
    }

    .m-md-5 {
        margin: 4.8rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 4.8rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 4.8rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 4.8rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 4.8rem !important
    }

    .m-md-6 {
        margin: 6.4rem !important
    }

    .mt-md-6, .my-md-6 {
        margin-top: 6.4rem !important
    }

    .mr-md-6, .mx-md-6 {
        margin-right: 6.4rem !important
    }

    .mb-md-6, .my-md-6 {
        margin-bottom: 6.4rem !important
    }

    .ml-md-6, .mx-md-6 {
        margin-left: 6.4rem !important
    }

    .m-md-7 {
        margin: 8rem !important
    }

    .mt-md-7, .my-md-7 {
        margin-top: 8rem !important
    }

    .mr-md-7, .mx-md-7 {
        margin-right: 8rem !important
    }

    .mb-md-7, .my-md-7 {
        margin-bottom: 8rem !important
    }

    .ml-md-7, .mx-md-7 {
        margin-left: 8rem !important
    }

    .m-md-75 {
        margin: 15rem !important
    }

    .mt-md-75, .my-md-75 {
        margin-top: 15rem !important
    }

    .mr-md-75, .mx-md-75 {
        margin-right: 15rem !important
    }

    .mb-md-75, .my-md-75 {
        margin-bottom: 15rem !important
    }

    .ml-md-75, .mx-md-75 {
        margin-left: 15rem !important
    }

    .m-md-8 {
        margin: 16rem !important
    }

    .mt-md-8, .my-md-8 {
        margin-top: 16rem !important
    }

    .mr-md-8, .mx-md-8 {
        margin-right: 16rem !important
    }

    .mb-md-8, .my-md-8 {
        margin-bottom: 16rem !important
    }

    .ml-md-8, .mx-md-8 {
        margin-left: 16rem !important
    }

    .m-md-9 {
        margin: 19.2rem !important
    }

    .mt-md-9, .my-md-9 {
        margin-top: 19.2rem !important
    }

    .mr-md-9, .mx-md-9 {
        margin-right: 19.2rem !important
    }

    .mb-md-9, .my-md-9 {
        margin-bottom: 19.2rem !important
    }

    .ml-md-9, .mx-md-9 {
        margin-left: 19.2rem !important
    }

    .m-md-10 {
        margin: 24rem !important
    }

    .mt-md-10, .my-md-10 {
        margin-top: 24rem !important
    }

    .mr-md-10, .mx-md-10 {
        margin-right: 24rem !important
    }

    .mb-md-10, .my-md-10 {
        margin-bottom: 24rem !important
    }

    .ml-md-10, .mx-md-10 {
        margin-left: 24rem !important
    }

    .m-md--1 {
        margin: -0.4rem !important
    }

    .mt-md--1, .my-md--1 {
        margin-top: -0.4rem !important
    }

    .mr-md--1, .mx-md--1 {
        margin-right: -0.4rem !important
    }

    .mb-md--1, .my-md--1 {
        margin-bottom: -0.4rem !important
    }

    .ml-md--1, .mx-md--1 {
        margin-left: -0.4rem !important
    }

    .m-md--2 {
        margin: -0.8rem !important
    }

    .mt-md--2, .my-md--2 {
        margin-top: -0.8rem !important
    }

    .mr-md--2, .mx-md--2 {
        margin-right: -0.8rem !important
    }

    .mb-md--2, .my-md--2 {
        margin-bottom: -0.8rem !important
    }

    .ml-md--2, .mx-md--2 {
        margin-left: -0.8rem !important
    }

    .m-md--3 {
        margin: -1.6rem !important
    }

    .mt-md--3, .my-md--3 {
        margin-top: -1.6rem !important
    }

    .mr-md--3, .mx-md--3 {
        margin-right: -1.6rem !important
    }

    .mb-md--3, .my-md--3 {
        margin-bottom: -1.6rem !important
    }

    .ml-md--3, .mx-md--3 {
        margin-left: -1.6rem !important
    }

    .m-md--4 {
        margin: -2.4rem !important
    }

    .mt-md--4, .my-md--4 {
        margin-top: -2.4rem !important
    }

    .mr-md--4, .mx-md--4 {
        margin-right: -2.4rem !important
    }

    .mb-md--4, .my-md--4 {
        margin-bottom: -2.4rem !important
    }

    .ml-md--4, .mx-md--4 {
        margin-left: -2.4rem !important
    }

    .m-md--5 {
        margin: -4.8rem !important
    }

    .mt-md--5, .my-md--5 {
        margin-top: -4.8rem !important
    }

    .mr-md--5, .mx-md--5 {
        margin-right: -4.8rem !important
    }

    .mb-md--5, .my-md--5 {
        margin-bottom: -4.8rem !important
    }

    .ml-md--5, .mx-md--5 {
        margin-left: -4.8rem !important
    }

    .m-md--6 {
        margin: -6.4rem !important
    }

    .mt-md--6, .my-md--6 {
        margin-top: -6.4rem !important
    }

    .mr-md--6, .mx-md--6 {
        margin-right: -6.4rem !important
    }

    .mb-md--6, .my-md--6 {
        margin-bottom: -6.4rem !important
    }

    .ml-md--6, .mx-md--6 {
        margin-left: -6.4rem !important
    }

    .m-md--7 {
        margin: -8rem !important
    }

    .mt-md--7, .my-md--7 {
        margin-top: -8rem !important
    }

    .mr-md--7, .mx-md--7 {
        margin-right: -8rem !important
    }

    .mb-md--7, .my-md--7 {
        margin-bottom: -8rem !important
    }

    .ml-md--7, .mx-md--7 {
        margin-left: -8rem !important
    }

    .m-md--8 {
        margin: -16rem !important
    }

    .mt-md--8, .my-md--8 {
        margin-top: -16rem !important
    }

    .mr-md--8, .mx-md--8 {
        margin-right: -16rem !important
    }

    .mb-md--8, .my-md--8 {
        margin-bottom: -16rem !important
    }

    .ml-md--8, .mx-md--8 {
        margin-left: -16rem !important
    }

    .m-md--9 {
        margin: -19.2rem !important
    }

    .mt-md--9, .my-md--9 {
        margin-top: -19.2rem !important
    }

    .mr-md--9, .mx-md--9 {
        margin-right: -19.2rem !important
    }

    .mb-md--9, .my-md--9 {
        margin-bottom: -19.2rem !important
    }

    .ml-md--9, .mx-md--9 {
        margin-left: -19.2rem !important
    }

    .m-md--10 {
        margin: -24rem !important
    }

    .mt-md--10, .my-md--10 {
        margin-top: -24rem !important
    }

    .mr-md--10, .mx-md--10 {
        margin-right: -24rem !important
    }

    .mb-md--10, .my-md--10 {
        margin-bottom: -24rem !important
    }

    .ml-md--10, .mx-md--10 {
        margin-left: -24rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .4rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .4rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .4rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .4rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .4rem !important
    }

    .p-md-2 {
        padding: .8rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .8rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .8rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .8rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .8rem !important
    }

    .p-md-3 {
        padding: 1.6rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1.6rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1.6rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1.6rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1.6rem !important
    }

    .p-md-4 {
        padding: 2.4rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 2.4rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 2.4rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 2.4rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 2.4rem !important
    }

    .p-md-5 {
        padding: 4.8rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 4.8rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 4.8rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 4.8rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 4.8rem !important
    }

    .p-md-6 {
        padding: 6.4rem !important
    }

    .pt-md-6, .py-md-6 {
        padding-top: 6.4rem !important
    }

    .pr-md-6, .px-md-6 {
        padding-right: 6.4rem !important
    }

    .pb-md-6, .py-md-6 {
        padding-bottom: 6.4rem !important
    }

    .pl-md-6, .px-md-6 {
        padding-left: 6.4rem !important
    }

    .p-md-7 {
        padding: 8rem !important
    }

    .pt-md-7, .py-md-7 {
        padding-top: 8rem !important
    }

    .pr-md-7, .px-md-7 {
        padding-right: 8rem !important
    }

    .pb-md-7, .py-md-7 {
        padding-bottom: 8rem !important
    }

    .pl-md-7, .px-md-7 {
        padding-left: 8rem !important
    }

    .p-md-75 {
        padding: 15rem !important
    }

    .pt-md-75, .py-md-75 {
        padding-top: 15rem !important
    }

    .pr-md-75, .px-md-75 {
        padding-right: 15rem !important
    }

    .pb-md-75, .py-md-75 {
        padding-bottom: 15rem !important
    }

    .pl-md-75, .px-md-75 {
        padding-left: 15rem !important
    }

    .p-md-8 {
        padding: 16rem !important
    }

    .pt-md-8, .py-md-8 {
        padding-top: 16rem !important
    }

    .pr-md-8, .px-md-8 {
        padding-right: 16rem !important
    }

    .pb-md-8, .py-md-8 {
        padding-bottom: 16rem !important
    }

    .pl-md-8, .px-md-8 {
        padding-left: 16rem !important
    }

    .p-md-9 {
        padding: 19.2rem !important
    }

    .pt-md-9, .py-md-9 {
        padding-top: 19.2rem !important
    }

    .pr-md-9, .px-md-9 {
        padding-right: 19.2rem !important
    }

    .pb-md-9, .py-md-9 {
        padding-bottom: 19.2rem !important
    }

    .pl-md-9, .px-md-9 {
        padding-left: 19.2rem !important
    }

    .p-md-10 {
        padding: 24rem !important
    }

    .pt-md-10, .py-md-10 {
        padding-top: 24rem !important
    }

    .pr-md-10, .px-md-10 {
        padding-right: 24rem !important
    }

    .pb-md-10, .py-md-10 {
        padding-bottom: 24rem !important
    }

    .pl-md-10, .px-md-10 {
        padding-left: 24rem !important
    }

    .p-md--1 {
        padding: -0.4rem !important
    }

    .pt-md--1, .py-md--1 {
        padding-top: -0.4rem !important
    }

    .pr-md--1, .px-md--1 {
        padding-right: -0.4rem !important
    }

    .pb-md--1, .py-md--1 {
        padding-bottom: -0.4rem !important
    }

    .pl-md--1, .px-md--1 {
        padding-left: -0.4rem !important
    }

    .p-md--2 {
        padding: -0.8rem !important
    }

    .pt-md--2, .py-md--2 {
        padding-top: -0.8rem !important
    }

    .pr-md--2, .px-md--2 {
        padding-right: -0.8rem !important
    }

    .pb-md--2, .py-md--2 {
        padding-bottom: -0.8rem !important
    }

    .pl-md--2, .px-md--2 {
        padding-left: -0.8rem !important
    }

    .p-md--3 {
        padding: -1.6rem !important
    }

    .pt-md--3, .py-md--3 {
        padding-top: -1.6rem !important
    }

    .pr-md--3, .px-md--3 {
        padding-right: -1.6rem !important
    }

    .pb-md--3, .py-md--3 {
        padding-bottom: -1.6rem !important
    }

    .pl-md--3, .px-md--3 {
        padding-left: -1.6rem !important
    }

    .p-md--4 {
        padding: -2.4rem !important
    }

    .pt-md--4, .py-md--4 {
        padding-top: -2.4rem !important
    }

    .pr-md--4, .px-md--4 {
        padding-right: -2.4rem !important
    }

    .pb-md--4, .py-md--4 {
        padding-bottom: -2.4rem !important
    }

    .pl-md--4, .px-md--4 {
        padding-left: -2.4rem !important
    }

    .p-md--5 {
        padding: -4.8rem !important
    }

    .pt-md--5, .py-md--5 {
        padding-top: -4.8rem !important
    }

    .pr-md--5, .px-md--5 {
        padding-right: -4.8rem !important
    }

    .pb-md--5, .py-md--5 {
        padding-bottom: -4.8rem !important
    }

    .pl-md--5, .px-md--5 {
        padding-left: -4.8rem !important
    }

    .p-md--6 {
        padding: -6.4rem !important
    }

    .pt-md--6, .py-md--6 {
        padding-top: -6.4rem !important
    }

    .pr-md--6, .px-md--6 {
        padding-right: -6.4rem !important
    }

    .pb-md--6, .py-md--6 {
        padding-bottom: -6.4rem !important
    }

    .pl-md--6, .px-md--6 {
        padding-left: -6.4rem !important
    }

    .p-md--7 {
        padding: -8rem !important
    }

    .pt-md--7, .py-md--7 {
        padding-top: -8rem !important
    }

    .pr-md--7, .px-md--7 {
        padding-right: -8rem !important
    }

    .pb-md--7, .py-md--7 {
        padding-bottom: -8rem !important
    }

    .pl-md--7, .px-md--7 {
        padding-left: -8rem !important
    }

    .p-md--8 {
        padding: -16rem !important
    }

    .pt-md--8, .py-md--8 {
        padding-top: -16rem !important
    }

    .pr-md--8, .px-md--8 {
        padding-right: -16rem !important
    }

    .pb-md--8, .py-md--8 {
        padding-bottom: -16rem !important
    }

    .pl-md--8, .px-md--8 {
        padding-left: -16rem !important
    }

    .p-md--9 {
        padding: -19.2rem !important
    }

    .pt-md--9, .py-md--9 {
        padding-top: -19.2rem !important
    }

    .pr-md--9, .px-md--9 {
        padding-right: -19.2rem !important
    }

    .pb-md--9, .py-md--9 {
        padding-bottom: -19.2rem !important
    }

    .pl-md--9, .px-md--9 {
        padding-left: -19.2rem !important
    }

    .p-md--10 {
        padding: -24rem !important
    }

    .pt-md--10, .py-md--10 {
        padding-top: -24rem !important
    }

    .pr-md--10, .px-md--10 {
        padding-right: -24rem !important
    }

    .pb-md--10, .py-md--10 {
        padding-bottom: -24rem !important
    }

    .pl-md--10, .px-md--10 {
        padding-left: -24rem !important
    }

    .m-md-n1 {
        margin: -0.4rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -0.4rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -0.4rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -0.4rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -0.4rem !important
    }

    .m-md-n2 {
        margin: -0.8rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -0.8rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -0.8rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -0.8rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -0.8rem !important
    }

    .m-md-n3 {
        margin: -1.6rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1.6rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1.6rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1.6rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1.6rem !important
    }

    .m-md-n4 {
        margin: -2.4rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -2.4rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -2.4rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -2.4rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -2.4rem !important
    }

    .m-md-n5 {
        margin: -4.8rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -4.8rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -4.8rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -4.8rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -4.8rem !important
    }

    .m-md-n6 {
        margin: -6.4rem !important
    }

    .mt-md-n6, .my-md-n6 {
        margin-top: -6.4rem !important
    }

    .mr-md-n6, .mx-md-n6 {
        margin-right: -6.4rem !important
    }

    .mb-md-n6, .my-md-n6 {
        margin-bottom: -6.4rem !important
    }

    .ml-md-n6, .mx-md-n6 {
        margin-left: -6.4rem !important
    }

    .m-md-n7 {
        margin: -8rem !important
    }

    .mt-md-n7, .my-md-n7 {
        margin-top: -8rem !important
    }

    .mr-md-n7, .mx-md-n7 {
        margin-right: -8rem !important
    }

    .mb-md-n7, .my-md-n7 {
        margin-bottom: -8rem !important
    }

    .ml-md-n7, .mx-md-n7 {
        margin-left: -8rem !important
    }

    .m-md-n75 {
        margin: -15rem !important
    }

    .mt-md-n75, .my-md-n75 {
        margin-top: -15rem !important
    }

    .mr-md-n75, .mx-md-n75 {
        margin-right: -15rem !important
    }

    .mb-md-n75, .my-md-n75 {
        margin-bottom: -15rem !important
    }

    .ml-md-n75, .mx-md-n75 {
        margin-left: -15rem !important
    }

    .m-md-n8 {
        margin: -16rem !important
    }

    .mt-md-n8, .my-md-n8 {
        margin-top: -16rem !important
    }

    .mr-md-n8, .mx-md-n8 {
        margin-right: -16rem !important
    }

    .mb-md-n8, .my-md-n8 {
        margin-bottom: -16rem !important
    }

    .ml-md-n8, .mx-md-n8 {
        margin-left: -16rem !important
    }

    .m-md-n9 {
        margin: -19.2rem !important
    }

    .mt-md-n9, .my-md-n9 {
        margin-top: -19.2rem !important
    }

    .mr-md-n9, .mx-md-n9 {
        margin-right: -19.2rem !important
    }

    .mb-md-n9, .my-md-n9 {
        margin-bottom: -19.2rem !important
    }

    .ml-md-n9, .mx-md-n9 {
        margin-left: -19.2rem !important
    }

    .m-md-n10 {
        margin: -24rem !important
    }

    .mt-md-n10, .my-md-n10 {
        margin-top: -24rem !important
    }

    .mr-md-n10, .mx-md-n10 {
        margin-right: -24rem !important
    }

    .mb-md-n10, .my-md-n10 {
        margin-bottom: -24rem !important
    }

    .ml-md-n10, .mx-md-n10 {
        margin-left: -24rem !important
    }

    .m-md-n-1 {
        margin: .4rem !important
    }

    .mt-md-n-1, .my-md-n-1 {
        margin-top: .4rem !important
    }

    .mr-md-n-1, .mx-md-n-1 {
        margin-right: .4rem !important
    }

    .mb-md-n-1, .my-md-n-1 {
        margin-bottom: .4rem !important
    }

    .ml-md-n-1, .mx-md-n-1 {
        margin-left: .4rem !important
    }

    .m-md-n-2 {
        margin: .8rem !important
    }

    .mt-md-n-2, .my-md-n-2 {
        margin-top: .8rem !important
    }

    .mr-md-n-2, .mx-md-n-2 {
        margin-right: .8rem !important
    }

    .mb-md-n-2, .my-md-n-2 {
        margin-bottom: .8rem !important
    }

    .ml-md-n-2, .mx-md-n-2 {
        margin-left: .8rem !important
    }

    .m-md-n-3 {
        margin: 1.6rem !important
    }

    .mt-md-n-3, .my-md-n-3 {
        margin-top: 1.6rem !important
    }

    .mr-md-n-3, .mx-md-n-3 {
        margin-right: 1.6rem !important
    }

    .mb-md-n-3, .my-md-n-3 {
        margin-bottom: 1.6rem !important
    }

    .ml-md-n-3, .mx-md-n-3 {
        margin-left: 1.6rem !important
    }

    .m-md-n-4 {
        margin: 2.4rem !important
    }

    .mt-md-n-4, .my-md-n-4 {
        margin-top: 2.4rem !important
    }

    .mr-md-n-4, .mx-md-n-4 {
        margin-right: 2.4rem !important
    }

    .mb-md-n-4, .my-md-n-4 {
        margin-bottom: 2.4rem !important
    }

    .ml-md-n-4, .mx-md-n-4 {
        margin-left: 2.4rem !important
    }

    .m-md-n-5 {
        margin: 4.8rem !important
    }

    .mt-md-n-5, .my-md-n-5 {
        margin-top: 4.8rem !important
    }

    .mr-md-n-5, .mx-md-n-5 {
        margin-right: 4.8rem !important
    }

    .mb-md-n-5, .my-md-n-5 {
        margin-bottom: 4.8rem !important
    }

    .ml-md-n-5, .mx-md-n-5 {
        margin-left: 4.8rem !important
    }

    .m-md-n-6 {
        margin: 6.4rem !important
    }

    .mt-md-n-6, .my-md-n-6 {
        margin-top: 6.4rem !important
    }

    .mr-md-n-6, .mx-md-n-6 {
        margin-right: 6.4rem !important
    }

    .mb-md-n-6, .my-md-n-6 {
        margin-bottom: 6.4rem !important
    }

    .ml-md-n-6, .mx-md-n-6 {
        margin-left: 6.4rem !important
    }

    .m-md-n-7 {
        margin: 8rem !important
    }

    .mt-md-n-7, .my-md-n-7 {
        margin-top: 8rem !important
    }

    .mr-md-n-7, .mx-md-n-7 {
        margin-right: 8rem !important
    }

    .mb-md-n-7, .my-md-n-7 {
        margin-bottom: 8rem !important
    }

    .ml-md-n-7, .mx-md-n-7 {
        margin-left: 8rem !important
    }

    .m-md-n-8 {
        margin: 16rem !important
    }

    .mt-md-n-8, .my-md-n-8 {
        margin-top: 16rem !important
    }

    .mr-md-n-8, .mx-md-n-8 {
        margin-right: 16rem !important
    }

    .mb-md-n-8, .my-md-n-8 {
        margin-bottom: 16rem !important
    }

    .ml-md-n-8, .mx-md-n-8 {
        margin-left: 16rem !important
    }

    .m-md-n-9 {
        margin: 19.2rem !important
    }

    .mt-md-n-9, .my-md-n-9 {
        margin-top: 19.2rem !important
    }

    .mr-md-n-9, .mx-md-n-9 {
        margin-right: 19.2rem !important
    }

    .mb-md-n-9, .my-md-n-9 {
        margin-bottom: 19.2rem !important
    }

    .ml-md-n-9, .mx-md-n-9 {
        margin-left: 19.2rem !important
    }

    .m-md-n-10 {
        margin: 24rem !important
    }

    .mt-md-n-10, .my-md-n-10 {
        margin-top: 24rem !important
    }

    .mr-md-n-10, .mx-md-n-10 {
        margin-right: 24rem !important
    }

    .mb-md-n-10, .my-md-n-10 {
        margin-bottom: 24rem !important
    }

    .ml-md-n-10, .mx-md-n-10 {
        margin-left: 24rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media(min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .4rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .4rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .4rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .4rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .4rem !important
    }

    .m-lg-2 {
        margin: .8rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .8rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .8rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .8rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .8rem !important
    }

    .m-lg-3 {
        margin: 1.6rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1.6rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1.6rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1.6rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1.6rem !important
    }

    .m-lg-4 {
        margin: 2.4rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 2.4rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 2.4rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 2.4rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 2.4rem !important
    }

    .m-lg-5 {
        margin: 4.8rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 4.8rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 4.8rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 4.8rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 4.8rem !important
    }

    .m-lg-6 {
        margin: 6.4rem !important
    }

    .mt-lg-6, .my-lg-6 {
        margin-top: 6.4rem !important
    }

    .mr-lg-6, .mx-lg-6 {
        margin-right: 6.4rem !important
    }

    .mb-lg-6, .my-lg-6 {
        margin-bottom: 6.4rem !important
    }

    .ml-lg-6, .mx-lg-6 {
        margin-left: 6.4rem !important
    }

    .m-lg-7 {
        margin: 8rem !important
    }

    .mt-lg-7, .my-lg-7 {
        margin-top: 8rem !important
    }

    .mr-lg-7, .mx-lg-7 {
        margin-right: 8rem !important
    }

    .mb-lg-7, .my-lg-7 {
        margin-bottom: 8rem !important
    }

    .ml-lg-7, .mx-lg-7 {
        margin-left: 8rem !important
    }

    .m-lg-75 {
        margin: 15rem !important
    }

    .mt-lg-75, .my-lg-75 {
        margin-top: 15rem !important
    }

    .mr-lg-75, .mx-lg-75 {
        margin-right: 15rem !important
    }

    .mb-lg-75, .my-lg-75 {
        margin-bottom: 15rem !important
    }

    .ml-lg-75, .mx-lg-75 {
        margin-left: 15rem !important
    }

    .m-lg-8 {
        margin: 16rem !important
    }

    .mt-lg-8, .my-lg-8 {
        margin-top: 16rem !important
    }

    .mr-lg-8, .mx-lg-8 {
        margin-right: 16rem !important
    }

    .mb-lg-8, .my-lg-8 {
        margin-bottom: 16rem !important
    }

    .ml-lg-8, .mx-lg-8 {
        margin-left: 16rem !important
    }

    .m-lg-9 {
        margin: 19.2rem !important
    }

    .mt-lg-9, .my-lg-9 {
        margin-top: 19.2rem !important
    }

    .mr-lg-9, .mx-lg-9 {
        margin-right: 19.2rem !important
    }

    .mb-lg-9, .my-lg-9 {
        margin-bottom: 19.2rem !important
    }

    .ml-lg-9, .mx-lg-9 {
        margin-left: 19.2rem !important
    }

    .m-lg-10 {
        margin: 24rem !important
    }

    .mt-lg-10, .my-lg-10 {
        margin-top: 24rem !important
    }

    .mr-lg-10, .mx-lg-10 {
        margin-right: 24rem !important
    }

    .mb-lg-10, .my-lg-10 {
        margin-bottom: 24rem !important
    }

    .ml-lg-10, .mx-lg-10 {
        margin-left: 24rem !important
    }

    .m-lg--1 {
        margin: -0.4rem !important
    }

    .mt-lg--1, .my-lg--1 {
        margin-top: -0.4rem !important
    }

    .mr-lg--1, .mx-lg--1 {
        margin-right: -0.4rem !important
    }

    .mb-lg--1, .my-lg--1 {
        margin-bottom: -0.4rem !important
    }

    .ml-lg--1, .mx-lg--1 {
        margin-left: -0.4rem !important
    }

    .m-lg--2 {
        margin: -0.8rem !important
    }

    .mt-lg--2, .my-lg--2 {
        margin-top: -0.8rem !important
    }

    .mr-lg--2, .mx-lg--2 {
        margin-right: -0.8rem !important
    }

    .mb-lg--2, .my-lg--2 {
        margin-bottom: -0.8rem !important
    }

    .ml-lg--2, .mx-lg--2 {
        margin-left: -0.8rem !important
    }

    .m-lg--3 {
        margin: -1.6rem !important
    }

    .mt-lg--3, .my-lg--3 {
        margin-top: -1.6rem !important
    }

    .mr-lg--3, .mx-lg--3 {
        margin-right: -1.6rem !important
    }

    .mb-lg--3, .my-lg--3 {
        margin-bottom: -1.6rem !important
    }

    .ml-lg--3, .mx-lg--3 {
        margin-left: -1.6rem !important
    }

    .m-lg--4 {
        margin: -2.4rem !important
    }

    .mt-lg--4, .my-lg--4 {
        margin-top: -2.4rem !important
    }

    .mr-lg--4, .mx-lg--4 {
        margin-right: -2.4rem !important
    }

    .mb-lg--4, .my-lg--4 {
        margin-bottom: -2.4rem !important
    }

    .ml-lg--4, .mx-lg--4 {
        margin-left: -2.4rem !important
    }

    .m-lg--5 {
        margin: -4.8rem !important
    }

    .mt-lg--5, .my-lg--5 {
        margin-top: -4.8rem !important
    }

    .mr-lg--5, .mx-lg--5 {
        margin-right: -4.8rem !important
    }

    .mb-lg--5, .my-lg--5 {
        margin-bottom: -4.8rem !important
    }

    .ml-lg--5, .mx-lg--5 {
        margin-left: -4.8rem !important
    }

    .m-lg--6 {
        margin: -6.4rem !important
    }

    .mt-lg--6, .my-lg--6 {
        margin-top: -6.4rem !important
    }

    .mr-lg--6, .mx-lg--6 {
        margin-right: -6.4rem !important
    }

    .mb-lg--6, .my-lg--6 {
        margin-bottom: -6.4rem !important
    }

    .ml-lg--6, .mx-lg--6 {
        margin-left: -6.4rem !important
    }

    .m-lg--7 {
        margin: -8rem !important
    }

    .mt-lg--7, .my-lg--7 {
        margin-top: -8rem !important
    }

    .mr-lg--7, .mx-lg--7 {
        margin-right: -8rem !important
    }

    .mb-lg--7, .my-lg--7 {
        margin-bottom: -8rem !important
    }

    .ml-lg--7, .mx-lg--7 {
        margin-left: -8rem !important
    }

    .m-lg--8 {
        margin: -16rem !important
    }

    .mt-lg--8, .my-lg--8 {
        margin-top: -16rem !important
    }

    .mr-lg--8, .mx-lg--8 {
        margin-right: -16rem !important
    }

    .mb-lg--8, .my-lg--8 {
        margin-bottom: -16rem !important
    }

    .ml-lg--8, .mx-lg--8 {
        margin-left: -16rem !important
    }

    .m-lg--9 {
        margin: -19.2rem !important
    }

    .mt-lg--9, .my-lg--9 {
        margin-top: -19.2rem !important
    }

    .mr-lg--9, .mx-lg--9 {
        margin-right: -19.2rem !important
    }

    .mb-lg--9, .my-lg--9 {
        margin-bottom: -19.2rem !important
    }

    .ml-lg--9, .mx-lg--9 {
        margin-left: -19.2rem !important
    }

    .m-lg--10 {
        margin: -24rem !important
    }

    .mt-lg--10, .my-lg--10 {
        margin-top: -24rem !important
    }

    .mr-lg--10, .mx-lg--10 {
        margin-right: -24rem !important
    }

    .mb-lg--10, .my-lg--10 {
        margin-bottom: -24rem !important
    }

    .ml-lg--10, .mx-lg--10 {
        margin-left: -24rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .4rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .4rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .4rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .4rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .4rem !important
    }

    .p-lg-2 {
        padding: .8rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .8rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .8rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .8rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .8rem !important
    }

    .p-lg-3 {
        padding: 1.6rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1.6rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1.6rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1.6rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1.6rem !important
    }

    .p-lg-4 {
        padding: 2.4rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 2.4rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 2.4rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 2.4rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 2.4rem !important
    }

    .p-lg-5 {
        padding: 4.8rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 4.8rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 4.8rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 4.8rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 4.8rem !important
    }

    .p-lg-6 {
        padding: 6.4rem !important
    }

    .pt-lg-6, .py-lg-6 {
        padding-top: 6.4rem !important
    }

    .pr-lg-6, .px-lg-6 {
        padding-right: 6.4rem !important
    }

    .pb-lg-6, .py-lg-6 {
        padding-bottom: 6.4rem !important
    }

    .pl-lg-6, .px-lg-6 {
        padding-left: 6.4rem !important
    }

    .p-lg-7 {
        padding: 8rem !important
    }

    .pt-lg-7, .py-lg-7 {
        padding-top: 8rem !important
    }

    .pr-lg-7, .px-lg-7 {
        padding-right: 8rem !important
    }

    .pb-lg-7, .py-lg-7 {
        padding-bottom: 8rem !important
    }

    .pl-lg-7, .px-lg-7 {
        padding-left: 8rem !important
    }

    .p-lg-75 {
        padding: 15rem !important
    }

    .pt-lg-75, .py-lg-75 {
        padding-top: 15rem !important
    }

    .pr-lg-75, .px-lg-75 {
        padding-right: 15rem !important
    }

    .pb-lg-75, .py-lg-75 {
        padding-bottom: 15rem !important
    }

    .pl-lg-75, .px-lg-75 {
        padding-left: 15rem !important
    }

    .p-lg-8 {
        padding: 16rem !important
    }

    .pt-lg-8, .py-lg-8 {
        padding-top: 16rem !important
    }

    .pr-lg-8, .px-lg-8 {
        padding-right: 16rem !important
    }

    .pb-lg-8, .py-lg-8 {
        padding-bottom: 16rem !important
    }

    .pl-lg-8, .px-lg-8 {
        padding-left: 16rem !important
    }

    .p-lg-9 {
        padding: 19.2rem !important
    }

    .pt-lg-9, .py-lg-9 {
        padding-top: 19.2rem !important
    }

    .pr-lg-9, .px-lg-9 {
        padding-right: 19.2rem !important
    }

    .pb-lg-9, .py-lg-9 {
        padding-bottom: 19.2rem !important
    }

    .pl-lg-9, .px-lg-9 {
        padding-left: 19.2rem !important
    }

    .p-lg-10 {
        padding: 24rem !important
    }

    .pt-lg-10, .py-lg-10 {
        padding-top: 24rem !important
    }

    .pr-lg-10, .px-lg-10 {
        padding-right: 24rem !important
    }

    .pb-lg-10, .py-lg-10 {
        padding-bottom: 24rem !important
    }

    .pl-lg-10, .px-lg-10 {
        padding-left: 24rem !important
    }

    .p-lg--1 {
        padding: -0.4rem !important
    }

    .pt-lg--1, .py-lg--1 {
        padding-top: -0.4rem !important
    }

    .pr-lg--1, .px-lg--1 {
        padding-right: -0.4rem !important
    }

    .pb-lg--1, .py-lg--1 {
        padding-bottom: -0.4rem !important
    }

    .pl-lg--1, .px-lg--1 {
        padding-left: -0.4rem !important
    }

    .p-lg--2 {
        padding: -0.8rem !important
    }

    .pt-lg--2, .py-lg--2 {
        padding-top: -0.8rem !important
    }

    .pr-lg--2, .px-lg--2 {
        padding-right: -0.8rem !important
    }

    .pb-lg--2, .py-lg--2 {
        padding-bottom: -0.8rem !important
    }

    .pl-lg--2, .px-lg--2 {
        padding-left: -0.8rem !important
    }

    .p-lg--3 {
        padding: -1.6rem !important
    }

    .pt-lg--3, .py-lg--3 {
        padding-top: -1.6rem !important
    }

    .pr-lg--3, .px-lg--3 {
        padding-right: -1.6rem !important
    }

    .pb-lg--3, .py-lg--3 {
        padding-bottom: -1.6rem !important
    }

    .pl-lg--3, .px-lg--3 {
        padding-left: -1.6rem !important
    }

    .p-lg--4 {
        padding: -2.4rem !important
    }

    .pt-lg--4, .py-lg--4 {
        padding-top: -2.4rem !important
    }

    .pr-lg--4, .px-lg--4 {
        padding-right: -2.4rem !important
    }

    .pb-lg--4, .py-lg--4 {
        padding-bottom: -2.4rem !important
    }

    .pl-lg--4, .px-lg--4 {
        padding-left: -2.4rem !important
    }

    .p-lg--5 {
        padding: -4.8rem !important
    }

    .pt-lg--5, .py-lg--5 {
        padding-top: -4.8rem !important
    }

    .pr-lg--5, .px-lg--5 {
        padding-right: -4.8rem !important
    }

    .pb-lg--5, .py-lg--5 {
        padding-bottom: -4.8rem !important
    }

    .pl-lg--5, .px-lg--5 {
        padding-left: -4.8rem !important
    }

    .p-lg--6 {
        padding: -6.4rem !important
    }

    .pt-lg--6, .py-lg--6 {
        padding-top: -6.4rem !important
    }

    .pr-lg--6, .px-lg--6 {
        padding-right: -6.4rem !important
    }

    .pb-lg--6, .py-lg--6 {
        padding-bottom: -6.4rem !important
    }

    .pl-lg--6, .px-lg--6 {
        padding-left: -6.4rem !important
    }

    .p-lg--7 {
        padding: -8rem !important
    }

    .pt-lg--7, .py-lg--7 {
        padding-top: -8rem !important
    }

    .pr-lg--7, .px-lg--7 {
        padding-right: -8rem !important
    }

    .pb-lg--7, .py-lg--7 {
        padding-bottom: -8rem !important
    }

    .pl-lg--7, .px-lg--7 {
        padding-left: -8rem !important
    }

    .p-lg--8 {
        padding: -16rem !important
    }

    .pt-lg--8, .py-lg--8 {
        padding-top: -16rem !important
    }

    .pr-lg--8, .px-lg--8 {
        padding-right: -16rem !important
    }

    .pb-lg--8, .py-lg--8 {
        padding-bottom: -16rem !important
    }

    .pl-lg--8, .px-lg--8 {
        padding-left: -16rem !important
    }

    .p-lg--9 {
        padding: -19.2rem !important
    }

    .pt-lg--9, .py-lg--9 {
        padding-top: -19.2rem !important
    }

    .pr-lg--9, .px-lg--9 {
        padding-right: -19.2rem !important
    }

    .pb-lg--9, .py-lg--9 {
        padding-bottom: -19.2rem !important
    }

    .pl-lg--9, .px-lg--9 {
        padding-left: -19.2rem !important
    }

    .p-lg--10 {
        padding: -24rem !important
    }

    .pt-lg--10, .py-lg--10 {
        padding-top: -24rem !important
    }

    .pr-lg--10, .px-lg--10 {
        padding-right: -24rem !important
    }

    .pb-lg--10, .py-lg--10 {
        padding-bottom: -24rem !important
    }

    .pl-lg--10, .px-lg--10 {
        padding-left: -24rem !important
    }

    .m-lg-n1 {
        margin: -0.4rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -0.4rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -0.4rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -0.4rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -0.4rem !important
    }

    .m-lg-n2 {
        margin: -0.8rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -0.8rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -0.8rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -0.8rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -0.8rem !important
    }

    .m-lg-n3 {
        margin: -1.6rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1.6rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1.6rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1.6rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1.6rem !important
    }

    .m-lg-n4 {
        margin: -2.4rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -2.4rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -2.4rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -2.4rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -2.4rem !important
    }

    .m-lg-n5 {
        margin: -4.8rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -4.8rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -4.8rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -4.8rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -4.8rem !important
    }

    .m-lg-n6 {
        margin: -6.4rem !important
    }

    .mt-lg-n6, .my-lg-n6 {
        margin-top: -6.4rem !important
    }

    .mr-lg-n6, .mx-lg-n6 {
        margin-right: -6.4rem !important
    }

    .mb-lg-n6, .my-lg-n6 {
        margin-bottom: -6.4rem !important
    }

    .ml-lg-n6, .mx-lg-n6 {
        margin-left: -6.4rem !important
    }

    .m-lg-n7 {
        margin: -8rem !important
    }

    .mt-lg-n7, .my-lg-n7 {
        margin-top: -8rem !important
    }

    .mr-lg-n7, .mx-lg-n7 {
        margin-right: -8rem !important
    }

    .mb-lg-n7, .my-lg-n7 {
        margin-bottom: -8rem !important
    }

    .ml-lg-n7, .mx-lg-n7 {
        margin-left: -8rem !important
    }

    .m-lg-n75 {
        margin: -15rem !important
    }

    .mt-lg-n75, .my-lg-n75 {
        margin-top: -15rem !important
    }

    .mr-lg-n75, .mx-lg-n75 {
        margin-right: -15rem !important
    }

    .mb-lg-n75, .my-lg-n75 {
        margin-bottom: -15rem !important
    }

    .ml-lg-n75, .mx-lg-n75 {
        margin-left: -15rem !important
    }

    .m-lg-n8 {
        margin: -16rem !important
    }

    .mt-lg-n8, .my-lg-n8 {
        margin-top: -16rem !important
    }

    .mr-lg-n8, .mx-lg-n8 {
        margin-right: -16rem !important
    }

    .mb-lg-n8, .my-lg-n8 {
        margin-bottom: -16rem !important
    }

    .ml-lg-n8, .mx-lg-n8 {
        margin-left: -16rem !important
    }

    .m-lg-n9 {
        margin: -19.2rem !important
    }

    .mt-lg-n9, .my-lg-n9 {
        margin-top: -19.2rem !important
    }

    .mr-lg-n9, .mx-lg-n9 {
        margin-right: -19.2rem !important
    }

    .mb-lg-n9, .my-lg-n9 {
        margin-bottom: -19.2rem !important
    }

    .ml-lg-n9, .mx-lg-n9 {
        margin-left: -19.2rem !important
    }

    .m-lg-n10 {
        margin: -24rem !important
    }

    .mt-lg-n10, .my-lg-n10 {
        margin-top: -24rem !important
    }

    .mr-lg-n10, .mx-lg-n10 {
        margin-right: -24rem !important
    }

    .mb-lg-n10, .my-lg-n10 {
        margin-bottom: -24rem !important
    }

    .ml-lg-n10, .mx-lg-n10 {
        margin-left: -24rem !important
    }

    .m-lg-n-1 {
        margin: .4rem !important
    }

    .mt-lg-n-1, .my-lg-n-1 {
        margin-top: .4rem !important
    }

    .mr-lg-n-1, .mx-lg-n-1 {
        margin-right: .4rem !important
    }

    .mb-lg-n-1, .my-lg-n-1 {
        margin-bottom: .4rem !important
    }

    .ml-lg-n-1, .mx-lg-n-1 {
        margin-left: .4rem !important
    }

    .m-lg-n-2 {
        margin: .8rem !important
    }

    .mt-lg-n-2, .my-lg-n-2 {
        margin-top: .8rem !important
    }

    .mr-lg-n-2, .mx-lg-n-2 {
        margin-right: .8rem !important
    }

    .mb-lg-n-2, .my-lg-n-2 {
        margin-bottom: .8rem !important
    }

    .ml-lg-n-2, .mx-lg-n-2 {
        margin-left: .8rem !important
    }

    .m-lg-n-3 {
        margin: 1.6rem !important
    }

    .mt-lg-n-3, .my-lg-n-3 {
        margin-top: 1.6rem !important
    }

    .mr-lg-n-3, .mx-lg-n-3 {
        margin-right: 1.6rem !important
    }

    .mb-lg-n-3, .my-lg-n-3 {
        margin-bottom: 1.6rem !important
    }

    .ml-lg-n-3, .mx-lg-n-3 {
        margin-left: 1.6rem !important
    }

    .m-lg-n-4 {
        margin: 2.4rem !important
    }

    .mt-lg-n-4, .my-lg-n-4 {
        margin-top: 2.4rem !important
    }

    .mr-lg-n-4, .mx-lg-n-4 {
        margin-right: 2.4rem !important
    }

    .mb-lg-n-4, .my-lg-n-4 {
        margin-bottom: 2.4rem !important
    }

    .ml-lg-n-4, .mx-lg-n-4 {
        margin-left: 2.4rem !important
    }

    .m-lg-n-5 {
        margin: 4.8rem !important
    }

    .mt-lg-n-5, .my-lg-n-5 {
        margin-top: 4.8rem !important
    }

    .mr-lg-n-5, .mx-lg-n-5 {
        margin-right: 4.8rem !important
    }

    .mb-lg-n-5, .my-lg-n-5 {
        margin-bottom: 4.8rem !important
    }

    .ml-lg-n-5, .mx-lg-n-5 {
        margin-left: 4.8rem !important
    }

    .m-lg-n-6 {
        margin: 6.4rem !important
    }

    .mt-lg-n-6, .my-lg-n-6 {
        margin-top: 6.4rem !important
    }

    .mr-lg-n-6, .mx-lg-n-6 {
        margin-right: 6.4rem !important
    }

    .mb-lg-n-6, .my-lg-n-6 {
        margin-bottom: 6.4rem !important
    }

    .ml-lg-n-6, .mx-lg-n-6 {
        margin-left: 6.4rem !important
    }

    .m-lg-n-7 {
        margin: 8rem !important
    }

    .mt-lg-n-7, .my-lg-n-7 {
        margin-top: 8rem !important
    }

    .mr-lg-n-7, .mx-lg-n-7 {
        margin-right: 8rem !important
    }

    .mb-lg-n-7, .my-lg-n-7 {
        margin-bottom: 8rem !important
    }

    .ml-lg-n-7, .mx-lg-n-7 {
        margin-left: 8rem !important
    }

    .m-lg-n-8 {
        margin: 16rem !important
    }

    .mt-lg-n-8, .my-lg-n-8 {
        margin-top: 16rem !important
    }

    .mr-lg-n-8, .mx-lg-n-8 {
        margin-right: 16rem !important
    }

    .mb-lg-n-8, .my-lg-n-8 {
        margin-bottom: 16rem !important
    }

    .ml-lg-n-8, .mx-lg-n-8 {
        margin-left: 16rem !important
    }

    .m-lg-n-9 {
        margin: 19.2rem !important
    }

    .mt-lg-n-9, .my-lg-n-9 {
        margin-top: 19.2rem !important
    }

    .mr-lg-n-9, .mx-lg-n-9 {
        margin-right: 19.2rem !important
    }

    .mb-lg-n-9, .my-lg-n-9 {
        margin-bottom: 19.2rem !important
    }

    .ml-lg-n-9, .mx-lg-n-9 {
        margin-left: 19.2rem !important
    }

    .m-lg-n-10 {
        margin: 24rem !important
    }

    .mt-lg-n-10, .my-lg-n-10 {
        margin-top: 24rem !important
    }

    .mr-lg-n-10, .mx-lg-n-10 {
        margin-right: 24rem !important
    }

    .mb-lg-n-10, .my-lg-n-10 {
        margin-bottom: 24rem !important
    }

    .ml-lg-n-10, .mx-lg-n-10 {
        margin-left: 24rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media(min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .4rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .4rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .4rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .4rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .4rem !important
    }

    .m-xl-2 {
        margin: .8rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .8rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .8rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .8rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .8rem !important
    }

    .m-xl-3 {
        margin: 1.6rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1.6rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1.6rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1.6rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1.6rem !important
    }

    .m-xl-4 {
        margin: 2.4rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 2.4rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 2.4rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 2.4rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 2.4rem !important
    }

    .m-xl-5 {
        margin: 4.8rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 4.8rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 4.8rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 4.8rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 4.8rem !important
    }

    .m-xl-6 {
        margin: 6.4rem !important
    }

    .mt-xl-6, .my-xl-6 {
        margin-top: 6.4rem !important
    }

    .mr-xl-6, .mx-xl-6 {
        margin-right: 6.4rem !important
    }

    .mb-xl-6, .my-xl-6 {
        margin-bottom: 6.4rem !important
    }

    .ml-xl-6, .mx-xl-6 {
        margin-left: 6.4rem !important
    }

    .m-xl-7 {
        margin: 8rem !important
    }

    .mt-xl-7, .my-xl-7 {
        margin-top: 8rem !important
    }

    .mr-xl-7, .mx-xl-7 {
        margin-right: 8rem !important
    }

    .mb-xl-7, .my-xl-7 {
        margin-bottom: 8rem !important
    }

    .ml-xl-7, .mx-xl-7 {
        margin-left: 8rem !important
    }

    .m-xl-75 {
        margin: 15rem !important
    }

    .mt-xl-75, .my-xl-75 {
        margin-top: 15rem !important
    }

    .mr-xl-75, .mx-xl-75 {
        margin-right: 15rem !important
    }

    .mb-xl-75, .my-xl-75 {
        margin-bottom: 15rem !important
    }

    .ml-xl-75, .mx-xl-75 {
        margin-left: 15rem !important
    }

    .m-xl-8 {
        margin: 16rem !important
    }

    .mt-xl-8, .my-xl-8 {
        margin-top: 16rem !important
    }

    .mr-xl-8, .mx-xl-8 {
        margin-right: 16rem !important
    }

    .mb-xl-8, .my-xl-8 {
        margin-bottom: 16rem !important
    }

    .ml-xl-8, .mx-xl-8 {
        margin-left: 16rem !important
    }

    .m-xl-9 {
        margin: 19.2rem !important
    }

    .mt-xl-9, .my-xl-9 {
        margin-top: 19.2rem !important
    }

    .mr-xl-9, .mx-xl-9 {
        margin-right: 19.2rem !important
    }

    .mb-xl-9, .my-xl-9 {
        margin-bottom: 19.2rem !important
    }

    .ml-xl-9, .mx-xl-9 {
        margin-left: 19.2rem !important
    }

    .m-xl-10 {
        margin: 24rem !important
    }

    .mt-xl-10, .my-xl-10 {
        margin-top: 24rem !important
    }

    .mr-xl-10, .mx-xl-10 {
        margin-right: 24rem !important
    }

    .mb-xl-10, .my-xl-10 {
        margin-bottom: 24rem !important
    }

    .ml-xl-10, .mx-xl-10 {
        margin-left: 24rem !important
    }

    .m-xl--1 {
        margin: -0.4rem !important
    }

    .mt-xl--1, .my-xl--1 {
        margin-top: -0.4rem !important
    }

    .mr-xl--1, .mx-xl--1 {
        margin-right: -0.4rem !important
    }

    .mb-xl--1, .my-xl--1 {
        margin-bottom: -0.4rem !important
    }

    .ml-xl--1, .mx-xl--1 {
        margin-left: -0.4rem !important
    }

    .m-xl--2 {
        margin: -0.8rem !important
    }

    .mt-xl--2, .my-xl--2 {
        margin-top: -0.8rem !important
    }

    .mr-xl--2, .mx-xl--2 {
        margin-right: -0.8rem !important
    }

    .mb-xl--2, .my-xl--2 {
        margin-bottom: -0.8rem !important
    }

    .ml-xl--2, .mx-xl--2 {
        margin-left: -0.8rem !important
    }

    .m-xl--3 {
        margin: -1.6rem !important
    }

    .mt-xl--3, .my-xl--3 {
        margin-top: -1.6rem !important
    }

    .mr-xl--3, .mx-xl--3 {
        margin-right: -1.6rem !important
    }

    .mb-xl--3, .my-xl--3 {
        margin-bottom: -1.6rem !important
    }

    .ml-xl--3, .mx-xl--3 {
        margin-left: -1.6rem !important
    }

    .m-xl--4 {
        margin: -2.4rem !important
    }

    .mt-xl--4, .my-xl--4 {
        margin-top: -2.4rem !important
    }

    .mr-xl--4, .mx-xl--4 {
        margin-right: -2.4rem !important
    }

    .mb-xl--4, .my-xl--4 {
        margin-bottom: -2.4rem !important
    }

    .ml-xl--4, .mx-xl--4 {
        margin-left: -2.4rem !important
    }

    .m-xl--5 {
        margin: -4.8rem !important
    }

    .mt-xl--5, .my-xl--5 {
        margin-top: -4.8rem !important
    }

    .mr-xl--5, .mx-xl--5 {
        margin-right: -4.8rem !important
    }

    .mb-xl--5, .my-xl--5 {
        margin-bottom: -4.8rem !important
    }

    .ml-xl--5, .mx-xl--5 {
        margin-left: -4.8rem !important
    }

    .m-xl--6 {
        margin: -6.4rem !important
    }

    .mt-xl--6, .my-xl--6 {
        margin-top: -6.4rem !important
    }

    .mr-xl--6, .mx-xl--6 {
        margin-right: -6.4rem !important
    }

    .mb-xl--6, .my-xl--6 {
        margin-bottom: -6.4rem !important
    }

    .ml-xl--6, .mx-xl--6 {
        margin-left: -6.4rem !important
    }

    .m-xl--7 {
        margin: -8rem !important
    }

    .mt-xl--7, .my-xl--7 {
        margin-top: -8rem !important
    }

    .mr-xl--7, .mx-xl--7 {
        margin-right: -8rem !important
    }

    .mb-xl--7, .my-xl--7 {
        margin-bottom: -8rem !important
    }

    .ml-xl--7, .mx-xl--7 {
        margin-left: -8rem !important
    }

    .m-xl--8 {
        margin: -16rem !important
    }

    .mt-xl--8, .my-xl--8 {
        margin-top: -16rem !important
    }

    .mr-xl--8, .mx-xl--8 {
        margin-right: -16rem !important
    }

    .mb-xl--8, .my-xl--8 {
        margin-bottom: -16rem !important
    }

    .ml-xl--8, .mx-xl--8 {
        margin-left: -16rem !important
    }

    .m-xl--9 {
        margin: -19.2rem !important
    }

    .mt-xl--9, .my-xl--9 {
        margin-top: -19.2rem !important
    }

    .mr-xl--9, .mx-xl--9 {
        margin-right: -19.2rem !important
    }

    .mb-xl--9, .my-xl--9 {
        margin-bottom: -19.2rem !important
    }

    .ml-xl--9, .mx-xl--9 {
        margin-left: -19.2rem !important
    }

    .m-xl--10 {
        margin: -24rem !important
    }

    .mt-xl--10, .my-xl--10 {
        margin-top: -24rem !important
    }

    .mr-xl--10, .mx-xl--10 {
        margin-right: -24rem !important
    }

    .mb-xl--10, .my-xl--10 {
        margin-bottom: -24rem !important
    }

    .ml-xl--10, .mx-xl--10 {
        margin-left: -24rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .4rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .4rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .4rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .4rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .4rem !important
    }

    .p-xl-2 {
        padding: .8rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .8rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .8rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .8rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .8rem !important
    }

    .p-xl-3 {
        padding: 1.6rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1.6rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1.6rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1.6rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1.6rem !important
    }

    .p-xl-4 {
        padding: 2.4rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 2.4rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 2.4rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 2.4rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 2.4rem !important
    }

    .p-xl-5 {
        padding: 4.8rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 4.8rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 4.8rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 4.8rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 4.8rem !important
    }

    .p-xl-6 {
        padding: 6.4rem !important
    }

    .pt-xl-6, .py-xl-6 {
        padding-top: 6.4rem !important
    }

    .pr-xl-6, .px-xl-6 {
        padding-right: 6.4rem !important
    }

    .pb-xl-6, .py-xl-6 {
        padding-bottom: 6.4rem !important
    }

    .pl-xl-6, .px-xl-6 {
        padding-left: 6.4rem !important
    }

    .p-xl-7 {
        padding: 8rem !important
    }

    .pt-xl-7, .py-xl-7 {
        padding-top: 8rem !important
    }

    .pr-xl-7, .px-xl-7 {
        padding-right: 8rem !important
    }

    .pb-xl-7, .py-xl-7 {
        padding-bottom: 8rem !important
    }

    .pl-xl-7, .px-xl-7 {
        padding-left: 8rem !important
    }

    .p-xl-75 {
        padding: 15rem !important
    }

    .pt-xl-75, .py-xl-75 {
        padding-top: 15rem !important
    }

    .pr-xl-75, .px-xl-75 {
        padding-right: 15rem !important
    }

    .pb-xl-75, .py-xl-75 {
        padding-bottom: 15rem !important
    }

    .pl-xl-75, .px-xl-75 {
        padding-left: 15rem !important
    }

    .p-xl-8 {
        padding: 16rem !important
    }

    .pt-xl-8, .py-xl-8 {
        padding-top: 16rem !important
    }

    .pr-xl-8, .px-xl-8 {
        padding-right: 16rem !important
    }

    .pb-xl-8, .py-xl-8 {
        padding-bottom: 16rem !important
    }

    .pl-xl-8, .px-xl-8 {
        padding-left: 16rem !important
    }

    .p-xl-9 {
        padding: 19.2rem !important
    }

    .pt-xl-9, .py-xl-9 {
        padding-top: 19.2rem !important
    }

    .pr-xl-9, .px-xl-9 {
        padding-right: 19.2rem !important
    }

    .pb-xl-9, .py-xl-9 {
        padding-bottom: 19.2rem !important
    }

    .pl-xl-9, .px-xl-9 {
        padding-left: 19.2rem !important
    }

    .p-xl-10 {
        padding: 24rem !important
    }

    .pt-xl-10, .py-xl-10 {
        padding-top: 24rem !important
    }

    .pr-xl-10, .px-xl-10 {
        padding-right: 24rem !important
    }

    .pb-xl-10, .py-xl-10 {
        padding-bottom: 24rem !important
    }

    .pl-xl-10, .px-xl-10 {
        padding-left: 24rem !important
    }

    .p-xl--1 {
        padding: -0.4rem !important
    }

    .pt-xl--1, .py-xl--1 {
        padding-top: -0.4rem !important
    }

    .pr-xl--1, .px-xl--1 {
        padding-right: -0.4rem !important
    }

    .pb-xl--1, .py-xl--1 {
        padding-bottom: -0.4rem !important
    }

    .pl-xl--1, .px-xl--1 {
        padding-left: -0.4rem !important
    }

    .p-xl--2 {
        padding: -0.8rem !important
    }

    .pt-xl--2, .py-xl--2 {
        padding-top: -0.8rem !important
    }

    .pr-xl--2, .px-xl--2 {
        padding-right: -0.8rem !important
    }

    .pb-xl--2, .py-xl--2 {
        padding-bottom: -0.8rem !important
    }

    .pl-xl--2, .px-xl--2 {
        padding-left: -0.8rem !important
    }

    .p-xl--3 {
        padding: -1.6rem !important
    }

    .pt-xl--3, .py-xl--3 {
        padding-top: -1.6rem !important
    }

    .pr-xl--3, .px-xl--3 {
        padding-right: -1.6rem !important
    }

    .pb-xl--3, .py-xl--3 {
        padding-bottom: -1.6rem !important
    }

    .pl-xl--3, .px-xl--3 {
        padding-left: -1.6rem !important
    }

    .p-xl--4 {
        padding: -2.4rem !important
    }

    .pt-xl--4, .py-xl--4 {
        padding-top: -2.4rem !important
    }

    .pr-xl--4, .px-xl--4 {
        padding-right: -2.4rem !important
    }

    .pb-xl--4, .py-xl--4 {
        padding-bottom: -2.4rem !important
    }

    .pl-xl--4, .px-xl--4 {
        padding-left: -2.4rem !important
    }

    .p-xl--5 {
        padding: -4.8rem !important
    }

    .pt-xl--5, .py-xl--5 {
        padding-top: -4.8rem !important
    }

    .pr-xl--5, .px-xl--5 {
        padding-right: -4.8rem !important
    }

    .pb-xl--5, .py-xl--5 {
        padding-bottom: -4.8rem !important
    }

    .pl-xl--5, .px-xl--5 {
        padding-left: -4.8rem !important
    }

    .p-xl--6 {
        padding: -6.4rem !important
    }

    .pt-xl--6, .py-xl--6 {
        padding-top: -6.4rem !important
    }

    .pr-xl--6, .px-xl--6 {
        padding-right: -6.4rem !important
    }

    .pb-xl--6, .py-xl--6 {
        padding-bottom: -6.4rem !important
    }

    .pl-xl--6, .px-xl--6 {
        padding-left: -6.4rem !important
    }

    .p-xl--7 {
        padding: -8rem !important
    }

    .pt-xl--7, .py-xl--7 {
        padding-top: -8rem !important
    }

    .pr-xl--7, .px-xl--7 {
        padding-right: -8rem !important
    }

    .pb-xl--7, .py-xl--7 {
        padding-bottom: -8rem !important
    }

    .pl-xl--7, .px-xl--7 {
        padding-left: -8rem !important
    }

    .p-xl--8 {
        padding: -16rem !important
    }

    .pt-xl--8, .py-xl--8 {
        padding-top: -16rem !important
    }

    .pr-xl--8, .px-xl--8 {
        padding-right: -16rem !important
    }

    .pb-xl--8, .py-xl--8 {
        padding-bottom: -16rem !important
    }

    .pl-xl--8, .px-xl--8 {
        padding-left: -16rem !important
    }

    .p-xl--9 {
        padding: -19.2rem !important
    }

    .pt-xl--9, .py-xl--9 {
        padding-top: -19.2rem !important
    }

    .pr-xl--9, .px-xl--9 {
        padding-right: -19.2rem !important
    }

    .pb-xl--9, .py-xl--9 {
        padding-bottom: -19.2rem !important
    }

    .pl-xl--9, .px-xl--9 {
        padding-left: -19.2rem !important
    }

    .p-xl--10 {
        padding: -24rem !important
    }

    .pt-xl--10, .py-xl--10 {
        padding-top: -24rem !important
    }

    .pr-xl--10, .px-xl--10 {
        padding-right: -24rem !important
    }

    .pb-xl--10, .py-xl--10 {
        padding-bottom: -24rem !important
    }

    .pl-xl--10, .px-xl--10 {
        padding-left: -24rem !important
    }

    .m-xl-n1 {
        margin: -0.4rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -0.4rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -0.4rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -0.4rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -0.4rem !important
    }

    .m-xl-n2 {
        margin: -0.8rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -0.8rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -0.8rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -0.8rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -0.8rem !important
    }

    .m-xl-n3 {
        margin: -1.6rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1.6rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1.6rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1.6rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1.6rem !important
    }

    .m-xl-n4 {
        margin: -2.4rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -2.4rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -2.4rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -2.4rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -2.4rem !important
    }

    .m-xl-n5 {
        margin: -4.8rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -4.8rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -4.8rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -4.8rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -4.8rem !important
    }

    .m-xl-n6 {
        margin: -6.4rem !important
    }

    .mt-xl-n6, .my-xl-n6 {
        margin-top: -6.4rem !important
    }

    .mr-xl-n6, .mx-xl-n6 {
        margin-right: -6.4rem !important
    }

    .mb-xl-n6, .my-xl-n6 {
        margin-bottom: -6.4rem !important
    }

    .ml-xl-n6, .mx-xl-n6 {
        margin-left: -6.4rem !important
    }

    .m-xl-n7 {
        margin: -8rem !important
    }

    .mt-xl-n7, .my-xl-n7 {
        margin-top: -8rem !important
    }

    .mr-xl-n7, .mx-xl-n7 {
        margin-right: -8rem !important
    }

    .mb-xl-n7, .my-xl-n7 {
        margin-bottom: -8rem !important
    }

    .ml-xl-n7, .mx-xl-n7 {
        margin-left: -8rem !important
    }

    .m-xl-n75 {
        margin: -15rem !important
    }

    .mt-xl-n75, .my-xl-n75 {
        margin-top: -15rem !important
    }

    .mr-xl-n75, .mx-xl-n75 {
        margin-right: -15rem !important
    }

    .mb-xl-n75, .my-xl-n75 {
        margin-bottom: -15rem !important
    }

    .ml-xl-n75, .mx-xl-n75 {
        margin-left: -15rem !important
    }

    .m-xl-n8 {
        margin: -16rem !important
    }

    .mt-xl-n8, .my-xl-n8 {
        margin-top: -16rem !important
    }

    .mr-xl-n8, .mx-xl-n8 {
        margin-right: -16rem !important
    }

    .mb-xl-n8, .my-xl-n8 {
        margin-bottom: -16rem !important
    }

    .ml-xl-n8, .mx-xl-n8 {
        margin-left: -16rem !important
    }

    .m-xl-n9 {
        margin: -19.2rem !important
    }

    .mt-xl-n9, .my-xl-n9 {
        margin-top: -19.2rem !important
    }

    .mr-xl-n9, .mx-xl-n9 {
        margin-right: -19.2rem !important
    }

    .mb-xl-n9, .my-xl-n9 {
        margin-bottom: -19.2rem !important
    }

    .ml-xl-n9, .mx-xl-n9 {
        margin-left: -19.2rem !important
    }

    .m-xl-n10 {
        margin: -24rem !important
    }

    .mt-xl-n10, .my-xl-n10 {
        margin-top: -24rem !important
    }

    .mr-xl-n10, .mx-xl-n10 {
        margin-right: -24rem !important
    }

    .mb-xl-n10, .my-xl-n10 {
        margin-bottom: -24rem !important
    }

    .ml-xl-n10, .mx-xl-n10 {
        margin-left: -24rem !important
    }

    .m-xl-n-1 {
        margin: .4rem !important
    }

    .mt-xl-n-1, .my-xl-n-1 {
        margin-top: .4rem !important
    }

    .mr-xl-n-1, .mx-xl-n-1 {
        margin-right: .4rem !important
    }

    .mb-xl-n-1, .my-xl-n-1 {
        margin-bottom: .4rem !important
    }

    .ml-xl-n-1, .mx-xl-n-1 {
        margin-left: .4rem !important
    }

    .m-xl-n-2 {
        margin: .8rem !important
    }

    .mt-xl-n-2, .my-xl-n-2 {
        margin-top: .8rem !important
    }

    .mr-xl-n-2, .mx-xl-n-2 {
        margin-right: .8rem !important
    }

    .mb-xl-n-2, .my-xl-n-2 {
        margin-bottom: .8rem !important
    }

    .ml-xl-n-2, .mx-xl-n-2 {
        margin-left: .8rem !important
    }

    .m-xl-n-3 {
        margin: 1.6rem !important
    }

    .mt-xl-n-3, .my-xl-n-3 {
        margin-top: 1.6rem !important
    }

    .mr-xl-n-3, .mx-xl-n-3 {
        margin-right: 1.6rem !important
    }

    .mb-xl-n-3, .my-xl-n-3 {
        margin-bottom: 1.6rem !important
    }

    .ml-xl-n-3, .mx-xl-n-3 {
        margin-left: 1.6rem !important
    }

    .m-xl-n-4 {
        margin: 2.4rem !important
    }

    .mt-xl-n-4, .my-xl-n-4 {
        margin-top: 2.4rem !important
    }

    .mr-xl-n-4, .mx-xl-n-4 {
        margin-right: 2.4rem !important
    }

    .mb-xl-n-4, .my-xl-n-4 {
        margin-bottom: 2.4rem !important
    }

    .ml-xl-n-4, .mx-xl-n-4 {
        margin-left: 2.4rem !important
    }

    .m-xl-n-5 {
        margin: 4.8rem !important
    }

    .mt-xl-n-5, .my-xl-n-5 {
        margin-top: 4.8rem !important
    }

    .mr-xl-n-5, .mx-xl-n-5 {
        margin-right: 4.8rem !important
    }

    .mb-xl-n-5, .my-xl-n-5 {
        margin-bottom: 4.8rem !important
    }

    .ml-xl-n-5, .mx-xl-n-5 {
        margin-left: 4.8rem !important
    }

    .m-xl-n-6 {
        margin: 6.4rem !important
    }

    .mt-xl-n-6, .my-xl-n-6 {
        margin-top: 6.4rem !important
    }

    .mr-xl-n-6, .mx-xl-n-6 {
        margin-right: 6.4rem !important
    }

    .mb-xl-n-6, .my-xl-n-6 {
        margin-bottom: 6.4rem !important
    }

    .ml-xl-n-6, .mx-xl-n-6 {
        margin-left: 6.4rem !important
    }

    .m-xl-n-7 {
        margin: 8rem !important
    }

    .mt-xl-n-7, .my-xl-n-7 {
        margin-top: 8rem !important
    }

    .mr-xl-n-7, .mx-xl-n-7 {
        margin-right: 8rem !important
    }

    .mb-xl-n-7, .my-xl-n-7 {
        margin-bottom: 8rem !important
    }

    .ml-xl-n-7, .mx-xl-n-7 {
        margin-left: 8rem !important
    }

    .m-xl-n-8 {
        margin: 16rem !important
    }

    .mt-xl-n-8, .my-xl-n-8 {
        margin-top: 16rem !important
    }

    .mr-xl-n-8, .mx-xl-n-8 {
        margin-right: 16rem !important
    }

    .mb-xl-n-8, .my-xl-n-8 {
        margin-bottom: 16rem !important
    }

    .ml-xl-n-8, .mx-xl-n-8 {
        margin-left: 16rem !important
    }

    .m-xl-n-9 {
        margin: 19.2rem !important
    }

    .mt-xl-n-9, .my-xl-n-9 {
        margin-top: 19.2rem !important
    }

    .mr-xl-n-9, .mx-xl-n-9 {
        margin-right: 19.2rem !important
    }

    .mb-xl-n-9, .my-xl-n-9 {
        margin-bottom: 19.2rem !important
    }

    .ml-xl-n-9, .mx-xl-n-9 {
        margin-left: 19.2rem !important
    }

    .m-xl-n-10 {
        margin: 24rem !important
    }

    .mt-xl-n-10, .my-xl-n-10 {
        margin-top: 24rem !important
    }

    .mr-xl-n-10, .mx-xl-n-10 {
        margin-right: 24rem !important
    }

    .mb-xl-n-10, .my-xl-n-10 {
        margin-bottom: 24rem !important
    }

    .ml-xl-n-10, .mx-xl-n-10 {
        margin-left: 24rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

@media(min-width: 1920px) {
    .m-xxl-0 {
        margin: 0 !important
    }

    .mt-xxl-0, .my-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0, .mx-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0, .my-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0, .mx-xxl-0 {
        margin-left: 0 !important
    }

    .m-xxl-1 {
        margin: .4rem !important
    }

    .mt-xxl-1, .my-xxl-1 {
        margin-top: .4rem !important
    }

    .mr-xxl-1, .mx-xxl-1 {
        margin-right: .4rem !important
    }

    .mb-xxl-1, .my-xxl-1 {
        margin-bottom: .4rem !important
    }

    .ml-xxl-1, .mx-xxl-1 {
        margin-left: .4rem !important
    }

    .m-xxl-2 {
        margin: .8rem !important
    }

    .mt-xxl-2, .my-xxl-2 {
        margin-top: .8rem !important
    }

    .mr-xxl-2, .mx-xxl-2 {
        margin-right: .8rem !important
    }

    .mb-xxl-2, .my-xxl-2 {
        margin-bottom: .8rem !important
    }

    .ml-xxl-2, .mx-xxl-2 {
        margin-left: .8rem !important
    }

    .m-xxl-3 {
        margin: 1.6rem !important
    }

    .mt-xxl-3, .my-xxl-3 {
        margin-top: 1.6rem !important
    }

    .mr-xxl-3, .mx-xxl-3 {
        margin-right: 1.6rem !important
    }

    .mb-xxl-3, .my-xxl-3 {
        margin-bottom: 1.6rem !important
    }

    .ml-xxl-3, .mx-xxl-3 {
        margin-left: 1.6rem !important
    }

    .m-xxl-4 {
        margin: 2.4rem !important
    }

    .mt-xxl-4, .my-xxl-4 {
        margin-top: 2.4rem !important
    }

    .mr-xxl-4, .mx-xxl-4 {
        margin-right: 2.4rem !important
    }

    .mb-xxl-4, .my-xxl-4 {
        margin-bottom: 2.4rem !important
    }

    .ml-xxl-4, .mx-xxl-4 {
        margin-left: 2.4rem !important
    }

    .m-xxl-5 {
        margin: 4.8rem !important
    }

    .mt-xxl-5, .my-xxl-5 {
        margin-top: 4.8rem !important
    }

    .mr-xxl-5, .mx-xxl-5 {
        margin-right: 4.8rem !important
    }

    .mb-xxl-5, .my-xxl-5 {
        margin-bottom: 4.8rem !important
    }

    .ml-xxl-5, .mx-xxl-5 {
        margin-left: 4.8rem !important
    }

    .m-xxl-6 {
        margin: 6.4rem !important
    }

    .mt-xxl-6, .my-xxl-6 {
        margin-top: 6.4rem !important
    }

    .mr-xxl-6, .mx-xxl-6 {
        margin-right: 6.4rem !important
    }

    .mb-xxl-6, .my-xxl-6 {
        margin-bottom: 6.4rem !important
    }

    .ml-xxl-6, .mx-xxl-6 {
        margin-left: 6.4rem !important
    }

    .m-xxl-7 {
        margin: 8rem !important
    }

    .mt-xxl-7, .my-xxl-7 {
        margin-top: 8rem !important
    }

    .mr-xxl-7, .mx-xxl-7 {
        margin-right: 8rem !important
    }

    .mb-xxl-7, .my-xxl-7 {
        margin-bottom: 8rem !important
    }

    .ml-xxl-7, .mx-xxl-7 {
        margin-left: 8rem !important
    }

    .m-xxl-75 {
        margin: 15rem !important
    }

    .mt-xxl-75, .my-xxl-75 {
        margin-top: 15rem !important
    }

    .mr-xxl-75, .mx-xxl-75 {
        margin-right: 15rem !important
    }

    .mb-xxl-75, .my-xxl-75 {
        margin-bottom: 15rem !important
    }

    .ml-xxl-75, .mx-xxl-75 {
        margin-left: 15rem !important
    }

    .m-xxl-8 {
        margin: 16rem !important
    }

    .mt-xxl-8, .my-xxl-8 {
        margin-top: 16rem !important
    }

    .mr-xxl-8, .mx-xxl-8 {
        margin-right: 16rem !important
    }

    .mb-xxl-8, .my-xxl-8 {
        margin-bottom: 16rem !important
    }

    .ml-xxl-8, .mx-xxl-8 {
        margin-left: 16rem !important
    }

    .m-xxl-9 {
        margin: 19.2rem !important
    }

    .mt-xxl-9, .my-xxl-9 {
        margin-top: 19.2rem !important
    }

    .mr-xxl-9, .mx-xxl-9 {
        margin-right: 19.2rem !important
    }

    .mb-xxl-9, .my-xxl-9 {
        margin-bottom: 19.2rem !important
    }

    .ml-xxl-9, .mx-xxl-9 {
        margin-left: 19.2rem !important
    }

    .m-xxl-10 {
        margin: 24rem !important
    }

    .mt-xxl-10, .my-xxl-10 {
        margin-top: 24rem !important
    }

    .mr-xxl-10, .mx-xxl-10 {
        margin-right: 24rem !important
    }

    .mb-xxl-10, .my-xxl-10 {
        margin-bottom: 24rem !important
    }

    .ml-xxl-10, .mx-xxl-10 {
        margin-left: 24rem !important
    }

    .m-xxl--1 {
        margin: -0.4rem !important
    }

    .mt-xxl--1, .my-xxl--1 {
        margin-top: -0.4rem !important
    }

    .mr-xxl--1, .mx-xxl--1 {
        margin-right: -0.4rem !important
    }

    .mb-xxl--1, .my-xxl--1 {
        margin-bottom: -0.4rem !important
    }

    .ml-xxl--1, .mx-xxl--1 {
        margin-left: -0.4rem !important
    }

    .m-xxl--2 {
        margin: -0.8rem !important
    }

    .mt-xxl--2, .my-xxl--2 {
        margin-top: -0.8rem !important
    }

    .mr-xxl--2, .mx-xxl--2 {
        margin-right: -0.8rem !important
    }

    .mb-xxl--2, .my-xxl--2 {
        margin-bottom: -0.8rem !important
    }

    .ml-xxl--2, .mx-xxl--2 {
        margin-left: -0.8rem !important
    }

    .m-xxl--3 {
        margin: -1.6rem !important
    }

    .mt-xxl--3, .my-xxl--3 {
        margin-top: -1.6rem !important
    }

    .mr-xxl--3, .mx-xxl--3 {
        margin-right: -1.6rem !important
    }

    .mb-xxl--3, .my-xxl--3 {
        margin-bottom: -1.6rem !important
    }

    .ml-xxl--3, .mx-xxl--3 {
        margin-left: -1.6rem !important
    }

    .m-xxl--4 {
        margin: -2.4rem !important
    }

    .mt-xxl--4, .my-xxl--4 {
        margin-top: -2.4rem !important
    }

    .mr-xxl--4, .mx-xxl--4 {
        margin-right: -2.4rem !important
    }

    .mb-xxl--4, .my-xxl--4 {
        margin-bottom: -2.4rem !important
    }

    .ml-xxl--4, .mx-xxl--4 {
        margin-left: -2.4rem !important
    }

    .m-xxl--5 {
        margin: -4.8rem !important
    }

    .mt-xxl--5, .my-xxl--5 {
        margin-top: -4.8rem !important
    }

    .mr-xxl--5, .mx-xxl--5 {
        margin-right: -4.8rem !important
    }

    .mb-xxl--5, .my-xxl--5 {
        margin-bottom: -4.8rem !important
    }

    .ml-xxl--5, .mx-xxl--5 {
        margin-left: -4.8rem !important
    }

    .m-xxl--6 {
        margin: -6.4rem !important
    }

    .mt-xxl--6, .my-xxl--6 {
        margin-top: -6.4rem !important
    }

    .mr-xxl--6, .mx-xxl--6 {
        margin-right: -6.4rem !important
    }

    .mb-xxl--6, .my-xxl--6 {
        margin-bottom: -6.4rem !important
    }

    .ml-xxl--6, .mx-xxl--6 {
        margin-left: -6.4rem !important
    }

    .m-xxl--7 {
        margin: -8rem !important
    }

    .mt-xxl--7, .my-xxl--7 {
        margin-top: -8rem !important
    }

    .mr-xxl--7, .mx-xxl--7 {
        margin-right: -8rem !important
    }

    .mb-xxl--7, .my-xxl--7 {
        margin-bottom: -8rem !important
    }

    .ml-xxl--7, .mx-xxl--7 {
        margin-left: -8rem !important
    }

    .m-xxl--8 {
        margin: -16rem !important
    }

    .mt-xxl--8, .my-xxl--8 {
        margin-top: -16rem !important
    }

    .mr-xxl--8, .mx-xxl--8 {
        margin-right: -16rem !important
    }

    .mb-xxl--8, .my-xxl--8 {
        margin-bottom: -16rem !important
    }

    .ml-xxl--8, .mx-xxl--8 {
        margin-left: -16rem !important
    }

    .m-xxl--9 {
        margin: -19.2rem !important
    }

    .mt-xxl--9, .my-xxl--9 {
        margin-top: -19.2rem !important
    }

    .mr-xxl--9, .mx-xxl--9 {
        margin-right: -19.2rem !important
    }

    .mb-xxl--9, .my-xxl--9 {
        margin-bottom: -19.2rem !important
    }

    .ml-xxl--9, .mx-xxl--9 {
        margin-left: -19.2rem !important
    }

    .m-xxl--10 {
        margin: -24rem !important
    }

    .mt-xxl--10, .my-xxl--10 {
        margin-top: -24rem !important
    }

    .mr-xxl--10, .mx-xxl--10 {
        margin-right: -24rem !important
    }

    .mb-xxl--10, .my-xxl--10 {
        margin-bottom: -24rem !important
    }

    .ml-xxl--10, .mx-xxl--10 {
        margin-left: -24rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .pt-xxl-0, .py-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0, .px-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0, .py-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0, .px-xxl-0 {
        padding-left: 0 !important
    }

    .p-xxl-1 {
        padding: .4rem !important
    }

    .pt-xxl-1, .py-xxl-1 {
        padding-top: .4rem !important
    }

    .pr-xxl-1, .px-xxl-1 {
        padding-right: .4rem !important
    }

    .pb-xxl-1, .py-xxl-1 {
        padding-bottom: .4rem !important
    }

    .pl-xxl-1, .px-xxl-1 {
        padding-left: .4rem !important
    }

    .p-xxl-2 {
        padding: .8rem !important
    }

    .pt-xxl-2, .py-xxl-2 {
        padding-top: .8rem !important
    }

    .pr-xxl-2, .px-xxl-2 {
        padding-right: .8rem !important
    }

    .pb-xxl-2, .py-xxl-2 {
        padding-bottom: .8rem !important
    }

    .pl-xxl-2, .px-xxl-2 {
        padding-left: .8rem !important
    }

    .p-xxl-3 {
        padding: 1.6rem !important
    }

    .pt-xxl-3, .py-xxl-3 {
        padding-top: 1.6rem !important
    }

    .pr-xxl-3, .px-xxl-3 {
        padding-right: 1.6rem !important
    }

    .pb-xxl-3, .py-xxl-3 {
        padding-bottom: 1.6rem !important
    }

    .pl-xxl-3, .px-xxl-3 {
        padding-left: 1.6rem !important
    }

    .p-xxl-4 {
        padding: 2.4rem !important
    }

    .pt-xxl-4, .py-xxl-4 {
        padding-top: 2.4rem !important
    }

    .pr-xxl-4, .px-xxl-4 {
        padding-right: 2.4rem !important
    }

    .pb-xxl-4, .py-xxl-4 {
        padding-bottom: 2.4rem !important
    }

    .pl-xxl-4, .px-xxl-4 {
        padding-left: 2.4rem !important
    }

    .p-xxl-5 {
        padding: 4.8rem !important
    }

    .pt-xxl-5, .py-xxl-5 {
        padding-top: 4.8rem !important
    }

    .pr-xxl-5, .px-xxl-5 {
        padding-right: 4.8rem !important
    }

    .pb-xxl-5, .py-xxl-5 {
        padding-bottom: 4.8rem !important
    }

    .pl-xxl-5, .px-xxl-5 {
        padding-left: 4.8rem !important
    }

    .p-xxl-6 {
        padding: 6.4rem !important
    }

    .pt-xxl-6, .py-xxl-6 {
        padding-top: 6.4rem !important
    }

    .pr-xxl-6, .px-xxl-6 {
        padding-right: 6.4rem !important
    }

    .pb-xxl-6, .py-xxl-6 {
        padding-bottom: 6.4rem !important
    }

    .pl-xxl-6, .px-xxl-6 {
        padding-left: 6.4rem !important
    }

    .p-xxl-7 {
        padding: 8rem !important
    }

    .pt-xxl-7, .py-xxl-7 {
        padding-top: 8rem !important
    }

    .pr-xxl-7, .px-xxl-7 {
        padding-right: 8rem !important
    }

    .pb-xxl-7, .py-xxl-7 {
        padding-bottom: 8rem !important
    }

    .pl-xxl-7, .px-xxl-7 {
        padding-left: 8rem !important
    }

    .p-xxl-75 {
        padding: 15rem !important
    }

    .pt-xxl-75, .py-xxl-75 {
        padding-top: 15rem !important
    }

    .pr-xxl-75, .px-xxl-75 {
        padding-right: 15rem !important
    }

    .pb-xxl-75, .py-xxl-75 {
        padding-bottom: 15rem !important
    }

    .pl-xxl-75, .px-xxl-75 {
        padding-left: 15rem !important
    }

    .p-xxl-8 {
        padding: 16rem !important
    }

    .pt-xxl-8, .py-xxl-8 {
        padding-top: 16rem !important
    }

    .pr-xxl-8, .px-xxl-8 {
        padding-right: 16rem !important
    }

    .pb-xxl-8, .py-xxl-8 {
        padding-bottom: 16rem !important
    }

    .pl-xxl-8, .px-xxl-8 {
        padding-left: 16rem !important
    }

    .p-xxl-9 {
        padding: 19.2rem !important
    }

    .pt-xxl-9, .py-xxl-9 {
        padding-top: 19.2rem !important
    }

    .pr-xxl-9, .px-xxl-9 {
        padding-right: 19.2rem !important
    }

    .pb-xxl-9, .py-xxl-9 {
        padding-bottom: 19.2rem !important
    }

    .pl-xxl-9, .px-xxl-9 {
        padding-left: 19.2rem !important
    }

    .p-xxl-10 {
        padding: 24rem !important
    }

    .pt-xxl-10, .py-xxl-10 {
        padding-top: 24rem !important
    }

    .pr-xxl-10, .px-xxl-10 {
        padding-right: 24rem !important
    }

    .pb-xxl-10, .py-xxl-10 {
        padding-bottom: 24rem !important
    }

    .pl-xxl-10, .px-xxl-10 {
        padding-left: 24rem !important
    }

    .p-xxl--1 {
        padding: -0.4rem !important
    }

    .pt-xxl--1, .py-xxl--1 {
        padding-top: -0.4rem !important
    }

    .pr-xxl--1, .px-xxl--1 {
        padding-right: -0.4rem !important
    }

    .pb-xxl--1, .py-xxl--1 {
        padding-bottom: -0.4rem !important
    }

    .pl-xxl--1, .px-xxl--1 {
        padding-left: -0.4rem !important
    }

    .p-xxl--2 {
        padding: -0.8rem !important
    }

    .pt-xxl--2, .py-xxl--2 {
        padding-top: -0.8rem !important
    }

    .pr-xxl--2, .px-xxl--2 {
        padding-right: -0.8rem !important
    }

    .pb-xxl--2, .py-xxl--2 {
        padding-bottom: -0.8rem !important
    }

    .pl-xxl--2, .px-xxl--2 {
        padding-left: -0.8rem !important
    }

    .p-xxl--3 {
        padding: -1.6rem !important
    }

    .pt-xxl--3, .py-xxl--3 {
        padding-top: -1.6rem !important
    }

    .pr-xxl--3, .px-xxl--3 {
        padding-right: -1.6rem !important
    }

    .pb-xxl--3, .py-xxl--3 {
        padding-bottom: -1.6rem !important
    }

    .pl-xxl--3, .px-xxl--3 {
        padding-left: -1.6rem !important
    }

    .p-xxl--4 {
        padding: -2.4rem !important
    }

    .pt-xxl--4, .py-xxl--4 {
        padding-top: -2.4rem !important
    }

    .pr-xxl--4, .px-xxl--4 {
        padding-right: -2.4rem !important
    }

    .pb-xxl--4, .py-xxl--4 {
        padding-bottom: -2.4rem !important
    }

    .pl-xxl--4, .px-xxl--4 {
        padding-left: -2.4rem !important
    }

    .p-xxl--5 {
        padding: -4.8rem !important
    }

    .pt-xxl--5, .py-xxl--5 {
        padding-top: -4.8rem !important
    }

    .pr-xxl--5, .px-xxl--5 {
        padding-right: -4.8rem !important
    }

    .pb-xxl--5, .py-xxl--5 {
        padding-bottom: -4.8rem !important
    }

    .pl-xxl--5, .px-xxl--5 {
        padding-left: -4.8rem !important
    }

    .p-xxl--6 {
        padding: -6.4rem !important
    }

    .pt-xxl--6, .py-xxl--6 {
        padding-top: -6.4rem !important
    }

    .pr-xxl--6, .px-xxl--6 {
        padding-right: -6.4rem !important
    }

    .pb-xxl--6, .py-xxl--6 {
        padding-bottom: -6.4rem !important
    }

    .pl-xxl--6, .px-xxl--6 {
        padding-left: -6.4rem !important
    }

    .p-xxl--7 {
        padding: -8rem !important
    }

    .pt-xxl--7, .py-xxl--7 {
        padding-top: -8rem !important
    }

    .pr-xxl--7, .px-xxl--7 {
        padding-right: -8rem !important
    }

    .pb-xxl--7, .py-xxl--7 {
        padding-bottom: -8rem !important
    }

    .pl-xxl--7, .px-xxl--7 {
        padding-left: -8rem !important
    }

    .p-xxl--8 {
        padding: -16rem !important
    }

    .pt-xxl--8, .py-xxl--8 {
        padding-top: -16rem !important
    }

    .pr-xxl--8, .px-xxl--8 {
        padding-right: -16rem !important
    }

    .pb-xxl--8, .py-xxl--8 {
        padding-bottom: -16rem !important
    }

    .pl-xxl--8, .px-xxl--8 {
        padding-left: -16rem !important
    }

    .p-xxl--9 {
        padding: -19.2rem !important
    }

    .pt-xxl--9, .py-xxl--9 {
        padding-top: -19.2rem !important
    }

    .pr-xxl--9, .px-xxl--9 {
        padding-right: -19.2rem !important
    }

    .pb-xxl--9, .py-xxl--9 {
        padding-bottom: -19.2rem !important
    }

    .pl-xxl--9, .px-xxl--9 {
        padding-left: -19.2rem !important
    }

    .p-xxl--10 {
        padding: -24rem !important
    }

    .pt-xxl--10, .py-xxl--10 {
        padding-top: -24rem !important
    }

    .pr-xxl--10, .px-xxl--10 {
        padding-right: -24rem !important
    }

    .pb-xxl--10, .py-xxl--10 {
        padding-bottom: -24rem !important
    }

    .pl-xxl--10, .px-xxl--10 {
        padding-left: -24rem !important
    }

    .m-xxl-n1 {
        margin: -0.4rem !important
    }

    .mt-xxl-n1, .my-xxl-n1 {
        margin-top: -0.4rem !important
    }

    .mr-xxl-n1, .mx-xxl-n1 {
        margin-right: -0.4rem !important
    }

    .mb-xxl-n1, .my-xxl-n1 {
        margin-bottom: -0.4rem !important
    }

    .ml-xxl-n1, .mx-xxl-n1 {
        margin-left: -0.4rem !important
    }

    .m-xxl-n2 {
        margin: -0.8rem !important
    }

    .mt-xxl-n2, .my-xxl-n2 {
        margin-top: -0.8rem !important
    }

    .mr-xxl-n2, .mx-xxl-n2 {
        margin-right: -0.8rem !important
    }

    .mb-xxl-n2, .my-xxl-n2 {
        margin-bottom: -0.8rem !important
    }

    .ml-xxl-n2, .mx-xxl-n2 {
        margin-left: -0.8rem !important
    }

    .m-xxl-n3 {
        margin: -1.6rem !important
    }

    .mt-xxl-n3, .my-xxl-n3 {
        margin-top: -1.6rem !important
    }

    .mr-xxl-n3, .mx-xxl-n3 {
        margin-right: -1.6rem !important
    }

    .mb-xxl-n3, .my-xxl-n3 {
        margin-bottom: -1.6rem !important
    }

    .ml-xxl-n3, .mx-xxl-n3 {
        margin-left: -1.6rem !important
    }

    .m-xxl-n4 {
        margin: -2.4rem !important
    }

    .mt-xxl-n4, .my-xxl-n4 {
        margin-top: -2.4rem !important
    }

    .mr-xxl-n4, .mx-xxl-n4 {
        margin-right: -2.4rem !important
    }

    .mb-xxl-n4, .my-xxl-n4 {
        margin-bottom: -2.4rem !important
    }

    .ml-xxl-n4, .mx-xxl-n4 {
        margin-left: -2.4rem !important
    }

    .m-xxl-n5 {
        margin: -4.8rem !important
    }

    .mt-xxl-n5, .my-xxl-n5 {
        margin-top: -4.8rem !important
    }

    .mr-xxl-n5, .mx-xxl-n5 {
        margin-right: -4.8rem !important
    }

    .mb-xxl-n5, .my-xxl-n5 {
        margin-bottom: -4.8rem !important
    }

    .ml-xxl-n5, .mx-xxl-n5 {
        margin-left: -4.8rem !important
    }

    .m-xxl-n6 {
        margin: -6.4rem !important
    }

    .mt-xxl-n6, .my-xxl-n6 {
        margin-top: -6.4rem !important
    }

    .mr-xxl-n6, .mx-xxl-n6 {
        margin-right: -6.4rem !important
    }

    .mb-xxl-n6, .my-xxl-n6 {
        margin-bottom: -6.4rem !important
    }

    .ml-xxl-n6, .mx-xxl-n6 {
        margin-left: -6.4rem !important
    }

    .m-xxl-n7 {
        margin: -8rem !important
    }

    .mt-xxl-n7, .my-xxl-n7 {
        margin-top: -8rem !important
    }

    .mr-xxl-n7, .mx-xxl-n7 {
        margin-right: -8rem !important
    }

    .mb-xxl-n7, .my-xxl-n7 {
        margin-bottom: -8rem !important
    }

    .ml-xxl-n7, .mx-xxl-n7 {
        margin-left: -8rem !important
    }

    .m-xxl-n75 {
        margin: -15rem !important
    }

    .mt-xxl-n75, .my-xxl-n75 {
        margin-top: -15rem !important
    }

    .mr-xxl-n75, .mx-xxl-n75 {
        margin-right: -15rem !important
    }

    .mb-xxl-n75, .my-xxl-n75 {
        margin-bottom: -15rem !important
    }

    .ml-xxl-n75, .mx-xxl-n75 {
        margin-left: -15rem !important
    }

    .m-xxl-n8 {
        margin: -16rem !important
    }

    .mt-xxl-n8, .my-xxl-n8 {
        margin-top: -16rem !important
    }

    .mr-xxl-n8, .mx-xxl-n8 {
        margin-right: -16rem !important
    }

    .mb-xxl-n8, .my-xxl-n8 {
        margin-bottom: -16rem !important
    }

    .ml-xxl-n8, .mx-xxl-n8 {
        margin-left: -16rem !important
    }

    .m-xxl-n9 {
        margin: -19.2rem !important
    }

    .mt-xxl-n9, .my-xxl-n9 {
        margin-top: -19.2rem !important
    }

    .mr-xxl-n9, .mx-xxl-n9 {
        margin-right: -19.2rem !important
    }

    .mb-xxl-n9, .my-xxl-n9 {
        margin-bottom: -19.2rem !important
    }

    .ml-xxl-n9, .mx-xxl-n9 {
        margin-left: -19.2rem !important
    }

    .m-xxl-n10 {
        margin: -24rem !important
    }

    .mt-xxl-n10, .my-xxl-n10 {
        margin-top: -24rem !important
    }

    .mr-xxl-n10, .mx-xxl-n10 {
        margin-right: -24rem !important
    }

    .mb-xxl-n10, .my-xxl-n10 {
        margin-bottom: -24rem !important
    }

    .ml-xxl-n10, .mx-xxl-n10 {
        margin-left: -24rem !important
    }

    .m-xxl-n-1 {
        margin: .4rem !important
    }

    .mt-xxl-n-1, .my-xxl-n-1 {
        margin-top: .4rem !important
    }

    .mr-xxl-n-1, .mx-xxl-n-1 {
        margin-right: .4rem !important
    }

    .mb-xxl-n-1, .my-xxl-n-1 {
        margin-bottom: .4rem !important
    }

    .ml-xxl-n-1, .mx-xxl-n-1 {
        margin-left: .4rem !important
    }

    .m-xxl-n-2 {
        margin: .8rem !important
    }

    .mt-xxl-n-2, .my-xxl-n-2 {
        margin-top: .8rem !important
    }

    .mr-xxl-n-2, .mx-xxl-n-2 {
        margin-right: .8rem !important
    }

    .mb-xxl-n-2, .my-xxl-n-2 {
        margin-bottom: .8rem !important
    }

    .ml-xxl-n-2, .mx-xxl-n-2 {
        margin-left: .8rem !important
    }

    .m-xxl-n-3 {
        margin: 1.6rem !important
    }

    .mt-xxl-n-3, .my-xxl-n-3 {
        margin-top: 1.6rem !important
    }

    .mr-xxl-n-3, .mx-xxl-n-3 {
        margin-right: 1.6rem !important
    }

    .mb-xxl-n-3, .my-xxl-n-3 {
        margin-bottom: 1.6rem !important
    }

    .ml-xxl-n-3, .mx-xxl-n-3 {
        margin-left: 1.6rem !important
    }

    .m-xxl-n-4 {
        margin: 2.4rem !important
    }

    .mt-xxl-n-4, .my-xxl-n-4 {
        margin-top: 2.4rem !important
    }

    .mr-xxl-n-4, .mx-xxl-n-4 {
        margin-right: 2.4rem !important
    }

    .mb-xxl-n-4, .my-xxl-n-4 {
        margin-bottom: 2.4rem !important
    }

    .ml-xxl-n-4, .mx-xxl-n-4 {
        margin-left: 2.4rem !important
    }

    .m-xxl-n-5 {
        margin: 4.8rem !important
    }

    .mt-xxl-n-5, .my-xxl-n-5 {
        margin-top: 4.8rem !important
    }

    .mr-xxl-n-5, .mx-xxl-n-5 {
        margin-right: 4.8rem !important
    }

    .mb-xxl-n-5, .my-xxl-n-5 {
        margin-bottom: 4.8rem !important
    }

    .ml-xxl-n-5, .mx-xxl-n-5 {
        margin-left: 4.8rem !important
    }

    .m-xxl-n-6 {
        margin: 6.4rem !important
    }

    .mt-xxl-n-6, .my-xxl-n-6 {
        margin-top: 6.4rem !important
    }

    .mr-xxl-n-6, .mx-xxl-n-6 {
        margin-right: 6.4rem !important
    }

    .mb-xxl-n-6, .my-xxl-n-6 {
        margin-bottom: 6.4rem !important
    }

    .ml-xxl-n-6, .mx-xxl-n-6 {
        margin-left: 6.4rem !important
    }

    .m-xxl-n-7 {
        margin: 8rem !important
    }

    .mt-xxl-n-7, .my-xxl-n-7 {
        margin-top: 8rem !important
    }

    .mr-xxl-n-7, .mx-xxl-n-7 {
        margin-right: 8rem !important
    }

    .mb-xxl-n-7, .my-xxl-n-7 {
        margin-bottom: 8rem !important
    }

    .ml-xxl-n-7, .mx-xxl-n-7 {
        margin-left: 8rem !important
    }

    .m-xxl-n-8 {
        margin: 16rem !important
    }

    .mt-xxl-n-8, .my-xxl-n-8 {
        margin-top: 16rem !important
    }

    .mr-xxl-n-8, .mx-xxl-n-8 {
        margin-right: 16rem !important
    }

    .mb-xxl-n-8, .my-xxl-n-8 {
        margin-bottom: 16rem !important
    }

    .ml-xxl-n-8, .mx-xxl-n-8 {
        margin-left: 16rem !important
    }

    .m-xxl-n-9 {
        margin: 19.2rem !important
    }

    .mt-xxl-n-9, .my-xxl-n-9 {
        margin-top: 19.2rem !important
    }

    .mr-xxl-n-9, .mx-xxl-n-9 {
        margin-right: 19.2rem !important
    }

    .mb-xxl-n-9, .my-xxl-n-9 {
        margin-bottom: 19.2rem !important
    }

    .ml-xxl-n-9, .mx-xxl-n-9 {
        margin-left: 19.2rem !important
    }

    .m-xxl-n-10 {
        margin: 24rem !important
    }

    .mt-xxl-n-10, .my-xxl-n-10 {
        margin-top: 24rem !important
    }

    .mr-xxl-n-10, .mx-xxl-n-10 {
        margin-right: 24rem !important
    }

    .mb-xxl-n-10, .my-xxl-n-10 {
        margin-bottom: 24rem !important
    }

    .ml-xxl-n-10, .mx-xxl-n-10 {
        margin-left: 24rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mt-xxl-auto, .my-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto, .mx-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto, .my-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto, .mx-xxl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0)
}

.text-monospace {
    font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}

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

.text-wrap {
    white-space: normal !important
}

.text-prewrap {
    white-space: pre-wrap !important
}

.text-nowrap {
    white-space: nowrap !important
}

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

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

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

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

@media(min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

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

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

@media(min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

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

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

@media(min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

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

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

@media(min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

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

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

@media(min-width: 1920px) {
    .text-xxl-left {
        text-align: left !important
    }

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

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

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: normal !important
}

.font-weight-bold {
    font-weight: bold !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

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

.text-primary {
    color: #c00 !important
}

a.text-primary:hover, a.text-primary:focus {
    color: maroon !important
}

.text-secondary {
    color: #fff !important
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #d9d9d9 !important
}

.text-success {
    color: #008448 !important
}

a.text-success:hover, a.text-success:focus {
    color: #00381e !important
}

.text-info {
    color: #0093dd !important
}

a.text-info:hover, a.text-info:focus {
    color: #006091 !important
}

.text-warning {
    color: #ee7f00 !important
}

a.text-warning:hover, a.text-warning:focus {
    color: #a25600 !important
}

.text-danger {
    color: #90112c !important
}

a.text-danger:hover, a.text-danger:focus {
    color: #4c0917 !important
}

.text-light {
    color: #ededed !important
}

a.text-light:hover, a.text-light:focus {
    color: #c7c7c7 !important
}

.text-dark {
    color: #4d4d4d !important
}

a.text-dark:hover, a.text-dark:focus {
    color: #272727 !important
}

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

a.text-white:hover, a.text-white:focus {
    color: #d9d9d9 !important
}

.text-black {
    color: #000 !important
}

a.text-black:hover, a.text-black:focus {
    color: #000 !important
}

.text-cta {
    color: #0093dd !important
}

a.text-cta:hover, a.text-cta:focus {
    color: #006091 !important
}

.text-body {
    color: #000 !important
}

.text-muted {
    color: #bfbfbf !important
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

html {
    font-size: 62.5%
}

.shadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

.shadow-top {
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,.26)
}

.shadow-lg-blur {
    box-shadow: 0 .3rem 2.4rem rgba(0,0,0,.15) !important
}

.shadow-xl-blur {
    box-shadow: 0 .3rem 2.4rem rgba(0,0,0,.15),0 .8rem 2.4rem rgba(0,0,0,.12) !important
}

.hover-shadow:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

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

.hover-shadow-none.card-content:hover .card {
    box-shadow: none !important
}

.divider-r {
    border-right: 1px solid #999;
    padding-right: .8rem;
    margin-right: .8rem
}

.divider-r-mp-0 {
    border-right: 1px solid #999
}

.divider-r-mp-0-sm-up {
    border-right: 0
}

@media(min-width: 576px) {
    .divider-r-mp-0-sm-up {
        border-right: 1px solid #999
    }
}

@media(max-width: 767.98px) {
    .sticky-wrapper {
        height: 0 !important
    }
}

.hide {
    display: none
}

.invisible-xs-up {
    visibility: hidden !important
}

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

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

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

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

@media(max-width: 575.98px) {
    .invisible-xs-down {
        visibility: hidden !important
    }
}

@media(max-width: 767.98px) {
    .invisible-sm-down {
        visibility: hidden !important
    }
}

@media(max-width: 991.98px) {
    .invisible-md-down {
        visibility: hidden !important
    }
}

@media(max-width: 1199.98px) {
    .invisible-lg-down {
        visibility: hidden !important
    }
}

@media(max-width: 1919.98px) {
    .invisible-xl-down {
        visibility: hidden !important
    }
}

.mt {
    margin-top: 1.2rem !important
}

.mr {
    margin-right: 1.2rem !important
}

.mb {
    margin-bottom: 1.2rem !important
}

.ml {
    margin-left: 1.2rem !important
}

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

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

.pt {
    padding-top: 1.2rem !important
}

.pr {
    padding-right: 1.2rem !important
}

.pb {
    padding-bottom: 1.2rem !important
}

.pl {
    padding-left: 1.2rem !important
}

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

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

@media(max-width: 767.98px) {
    .px-sm-down-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

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

@media(min-width: 576px) {
    .px-sm {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important
    }

    .mx-sm {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important
    }
}

@media(min-width: 768px) {
    .px-md {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important
    }

    .mx-md {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important
    }
}

@media(min-width: 992px) {
    .px-lg {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important
    }

    .mx-lg {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important
    }
}

@media(min-width: 1200px) {
    .px-xl {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important
    }

    .mx-xl {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important
    }
}

.no-pointer {
    pointer-events: none !important
}

.nobr {
    white-space: nowrap !important
}

.strongRed {
    color: #c00
}

.border-dashed {
    border-style: dashed;
    border-color: #999
}

.no-border {
    border: none
}

.cursor-pointer {
    cursor: pointer
}

.cursor-default {
    cursor: default
}

.t-1 {
    top: .1rem
}

.t-2 {
    top: .2rem
}

.t-3 {
    top: .3rem
}

.r-1 {
    right: .1rem
}

.r-2 {
    right: .2rem
}

.r-3 {
    top: .3rem
}

.b-1 {
    bottom: .1rem
}

.b-2 {
    bottom: .2rem
}

.b-3 {
    bottom: .3rem
}

.l-1 {
    left: .1rem
}

.l-2 {
    left: .2rem
}

.l-3 {
    left: .3rem
}

@media(min-width: 576px) {
    .position-relative-sm-up {
        position: relative !important
    }
}

@media(min-width: 576px) {
    .position-absolute-sm-up {
        position: absolute !important
    }
}

@media(min-width: 768px) {
    .position-relative-md-up {
        position: relative !important
    }
}

@media(min-width: 768px) {
    .position-absolute-md-up {
        position: absolute !important
    }
}

.t--1 {
    top: -0.1rem
}

.t--2 {
    top: -0.2rem
}

.t--3 {
    top: -0.3rem
}

.r--1 {
    right: -0.1rem
}

.r--2 {
    right: -0.2rem
}

.r--3 {
    top: -0.3rem
}

.b--1 {
    bottom: -0.1rem
}

.b--2 {
    bottom: -0.2rem
}

.b--3 {
    bottom: -0.3rem
}

.l--1 {
    left: -0.1rem
}

.l--2 {
    left: -0.2rem
}

.l--3 {
    left: -0.3rem
}

.flex-100 {
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

.flex-33 {
    -webkit-flex: 33%;
    -ms-flex: 33%;
    flex: 33%
}

.flex-50 {
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
}

.flex-67 {
    -webkit-flex: 67%;
    -ms-flex: 67%;
    flex: 67%
}

.lh-sm {
    line-height: 1.25 !important
}

.zi-1049 {
    z-index: 1049 !important
}

.min-w-84px {
    min-width: 84px
}

@media print {
    .no-print, .no-print * {
        display: none !important
    }
}

.header {
    position: relative;
    background-color: transparent
}

    .header .container:not(.breadcrumb-dots) {
        width: 100%;
        max-width: 1200px
    }

    .header .header-toolbar {
        background-color: #c00;
        padding: .4rem 0;
        color: #fff;
        z-index: 1000 !important;
        font-size: 1.5rem;
        line-height: 1.7
    }

        .header .header-toolbar a {
            color: #fff
        }

            .header .header-toolbar a.dropdown-item {
                color: #262626
            }

        .header .header-toolbar .dropdown-toggle {
            font-size: 1.5rem
        }

        .header .header-toolbar .dropdown-menu {
            margin-top: .8rem
        }

    .header .cart-preview-wrapper {
        display: none;
        position: absolute;
        padding-top: 4.4rem;
        right: 0;
        top: 0;
        margin-left: -1rem;
        margin-right: -1rem;
        padding-right: 1rem;
        padding-left: 1rem;
        z-index: 1010
    }

    .header .cart-preview {
        position: relative;
        background-color: #fff;
        color: #000;
        width: 39.2rem
    }

        .header .cart-preview .row:not(.cart-preview-item) > p {
            width: 100%
        }

        .header .cart-preview:before {
            bottom: 100%;
            right: 4.5rem;
            border: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: transparent;
            border-bottom-color: #ededed;
            border-width: 1.4rem
        }

        .header .cart-preview a.link-underline {
            color: #c00
        }

        .header .cart-preview .cart-preview-item {
            border-bottom: .1rem solid #dedede
        }

            .header .cart-preview .cart-preview-item:hover {
                background-color: #ededed;
                cursor: pointer
            }

                .header .cart-preview .cart-preview-item:hover p.small.multiline-ellipsis:before {
                    background: linear-gradient(90deg, transparent 20%, #ededed 80%)
                }

                .header .cart-preview .cart-preview-item:hover p.small.multiline-ellipsis:after {
                    background: #ededed
                }

            .header .cart-preview .cart-preview-item a {
                color: #000;
                display: inherit;
                text-decoration: none;
                -webkit-flex: auto;
                -ms-flex: auto;
                flex: auto
            }

            .header .cart-preview .cart-preview-item p.small {
                line-height: 1.1
            }

                .header .cart-preview .cart-preview-item p.small.multiline-ellipsis {
                    height: calc(1.65rem * 2)
                }

                    .header .cart-preview .cart-preview-item p.small.multiline-ellipsis::before {
                        height: 1.65rem
                    }

            .header .cart-preview .cart-preview-item img {
                max-height: 7.8rem
            }

        .header .cart-preview .cart-preview-footer {
            background-color: #ededed
        }

            .header .cart-preview .cart-preview-footer a.link-underline {
                color: #c00
            }

            .header .cart-preview .cart-preview-footer a.btn {
                color: #fff
            }

    .header .header-nav {
        padding-top: 3rem
    }

        .header .header-nav .navbar {
            padding: 0
        }

        .header .header-nav .navbar-collapse {
            padding-top: 3rem
        }

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .header .header-nav .navbar-collapse {
        -ms-flex-preferred-size: 68%;
        -webkit-flex-basis: 68%;
        flex-basis: 68%
    }

    .header .header-nav .header-navigation > .container {
        height: 77px
    }

    .header .header-nav *::-ms-backdrop, .header .header-nav .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.header .header-nav .nav-link {
    margin: 0 1rem .9rem 1rem;
    padding: 0 0;
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #262626;
    font-size: 1.8rem;
    text-transform: uppercase;
    line-height: 1.4
}

@media(max-width: 991.98px) {
    .header .header-nav .nav-link {
        font-size: 1.6rem
    }
}

.header .header-nav .nav-link:hover, .header .header-nav .nav-link:focus {
    text-decoration: none
}

.header .header-nav .navbar-brand {
    width: 14%;
    margin-right: 0
}

@media(max-width: 991.98px) {
    .header .header-nav .navbar-brand {
        width: 15%
    }
}

.header .header-nav .navbar-center {
    width: auto
}

@media(max-width: 991.98px) {
    .header .header-nav .navbar-center {
        width: 80%
    }
}

.header .header-nav .navbar-center li.nav-item {
    height: 2rem;
    margin-bottom: 2.8rem
}

.header .header-nav .navbar-right {
    width: 25rem
}

    .header .header-nav .navbar-right .nav-link {
        margin-left: 0
    }

@media(max-width: 991.98px) {
    .header .header-nav .navbar-right {
        width: 5%
    }
}

.header .header-nav .nav-item .nav-arrow {
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1.4rem 1.4rem 1.4rem;
    border-color: transparent;
    border-bottom-color: #ededed;
    margin: 0 auto;
    position: relative;
    z-index: 1010
}

    .header .header-nav .nav-item .nav-arrow::after {
        content: " ";
        position: absolute;
        left: 0;
        height: 30px;
        width: 100%;
        margin-top: -11px
    }

.header .header-nav .nav-item > .nav-link {
    border-bottom: none
}

.header .header-nav .nav-item:hover > .nav-link {
    border-bottom: none;
    color: #c00
}

.header .header-nav .nav-item:hover + .nav-arrow {
    display: block
}

.header .header-nav .nav-item.active > .nav-link {
    border-bottom: none;
    line-height: 1.4
}

.header .header-nav .nav-item.active:hover > .nav-link {
    border-bottom: none
}

.header .header-nav .nav-item.login {
    height: 3.4rem;
    z-index: 100;
    border-bottom: none;
    text-align: right
}

@media(max-width: 991.98px) {
    .header .header-nav .nav-item.login {
        min-width: 2rem
    }
}

.header .header-nav .nav-item.login a {
    font-size: 1.8rem;
    margin-top: .3rem;
    margin-right: 0
}

    .header .header-nav .nav-item.login a:hover {
        border-bottom: none
    }

    .header .header-nav .nav-item.login a.nav-link {
        border-bottom: none
    }

    .header .header-nav .nav-item.login a i {
        font-size: 2.6rem;
        color: #c00;
        position: relative;
        top: .1rem
    }

@media(max-width: 991.98px) {
    .header .header-nav .nav-item.login a i {
        margin-right: 0 !important
    }
}

.header.header-checkout, .header.header-registration {
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

    .header.header-checkout .navbar-brand, .header.header-registration .navbar-brand {
        width: 100%
    }

@media(min-width: 576px)and (max-width: 991.98px) {
    .header.header-checkout .navbar-brand, .header.header-registration .navbar-brand {
        width: 12.5rem
    }
}

@media(min-width: 992px) {
    .header.header-checkout .navbar-brand, .header.header-registration .navbar-brand {
        width: 18rem
    }
}

.header.header-checkout .nav-checkout-bg-line, .header.header-checkout .nav-registration-bg-line, .header.header-registration .nav-checkout-bg-line, .header.header-registration .nav-registration-bg-line {
    position: relative;
    border-bottom: .1rem solid #ededed;
    width: 100%
}

.header.header-checkout .nav-checkout-bg-line, .header.header-registration .nav-checkout-bg-line {
    top: 3.2rem
}

.header.header-checkout .nav-registration-bg-line, .header.header-registration .nav-registration-bg-line {
    top: 4rem
}

.header.header-checkout a:not(.navbar-brand), .header.header-registration a:not(.navbar-brand) {
    color: #999;
    display: block;
    cursor: default;
    text-decoration: none
}

@media(max-width: 767.98px) {
    .header.header-checkout a:not(.navbar-brand), .header.header-registration a:not(.navbar-brand) {
        font-size: 1.5rem;
        line-height: 1.3
    }
}

.header.header-checkout a:not(.navbar-brand).enabled, .header.header-registration a:not(.navbar-brand).enabled {
    cursor: pointer
}

    .header.header-checkout a:not(.navbar-brand).enabled.active, .header.header-checkout a:not(.navbar-brand).enabled:hover, .header.header-registration a:not(.navbar-brand).enabled.active, .header.header-registration a:not(.navbar-brand).enabled:hover {
        color: #000;
        text-decoration: none
    }

        .header.header-checkout a:not(.navbar-brand).enabled.active .nav-checkout-step, .header.header-checkout a:not(.navbar-brand).enabled.active .nav-registration-step, .header.header-checkout a:not(.navbar-brand).enabled:hover .nav-checkout-step, .header.header-checkout a:not(.navbar-brand).enabled:hover .nav-registration-step, .header.header-registration a:not(.navbar-brand).enabled.active .nav-checkout-step, .header.header-registration a:not(.navbar-brand).enabled.active .nav-registration-step, .header.header-registration a:not(.navbar-brand).enabled:hover .nav-checkout-step, .header.header-registration a:not(.navbar-brand).enabled:hover .nav-registration-step {
            color: #c00;
            border-color: #999
        }

.header.header-checkout a:not(.navbar-brand) .nav-checkout-step, .header.header-checkout a:not(.navbar-brand) .nav-registration-step, .header.header-registration a:not(.navbar-brand) .nav-checkout-step, .header.header-registration a:not(.navbar-brand) .nav-registration-step {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 2rem;
    color: #999;
    line-height: 1.5;
    text-align: center;
    height: 3.2rem;
    width: 3.2rem;
    display: block;
    position: relative;
    border: .2rem solid #bfbfbf;
    border-radius: 50%;
    background-color: #fff
}

.header.header-checkout a:not(.navbar-brand) .nav-checkout-step, .header.header-registration a:not(.navbar-brand) .nav-checkout-step {
    margin: 1.6rem auto .2rem
}

.header.header-checkout a:not(.navbar-brand) .nav-registration-step, .header.header-registration a:not(.navbar-brand) .nav-registration-step {
    margin: 2.4rem auto 0
}

.header.header-checkout ~ #main-wrapper, .header.header-checkout ~ .canvas-container, .header.header-registration ~ #main-wrapper, .header.header-registration ~ .canvas-container {
    margin-top: 12rem
}

.header.header-checkout .header-nav, .header.header-registration .header-nav {
    padding-top: 0
}

@media(max-width: 767.98px) {
    .header.header-checkout .header-nav, .header.header-registration .header-nav {
        display: block !important
    }

        .header.header-checkout .header-nav a, .header.header-registration .header-nav a {
            word-wrap: break-word
        }
}

.header .megadropdown {
    display: none !important;
    position: absolute;
    width: 100%;
    background-color: #ededed;
    z-index: 1000;
    padding: 1.8rem 0
}

    .header .megadropdown ul li {
        margin-bottom: 1.2rem
    }

@media(min-width: 992px) {
    .header .megadropdown ul li:last-child {
        margin-bottom: 0
    }
}

.header .megadropdown ul a {
    color: #000;
    text-decoration: none
}

    .header .megadropdown ul a:hover {
        color: #c00
    }

.header .header-nav-mobile {
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    height: 4.8rem
}

    .header .header-nav-mobile .row.no-gutters {
        width: 100%
    }

    .header .header-nav-mobile .navbar {
        padding: 0
    }

    .header .header-nav-mobile a, .header .header-nav-mobile button {
        text-decoration: none
    }

        .header .header-nav-mobile a.nav-mobile-toggle, .header .header-nav-mobile button.nav-mobile-toggle {
            background: none;
            float: left;
            line-height: 1;
            padding: 1rem 1.2rem
        }

            .header .header-nav-mobile a.nav-mobile-toggle i.icon-interface-hamburger, .header .header-nav-mobile button.nav-mobile-toggle i.icon-interface-hamburger {
                font-size: 2.8rem
            }

            .header .header-nav-mobile a.nav-mobile-toggle i.icon-interface-cross, .header .header-nav-mobile button.nav-mobile-toggle i.icon-interface-cross {
                font-size: 2rem;
                position: relative;
                top: .6rem;
                left: .4rem
            }

    .header .header-nav-mobile .navbar-tools {
        text-align: right
    }

        .header .header-nav-mobile .navbar-tools a, .header .header-nav-mobile .navbar-tools button {
            background: none;
            display: inline-block;
            font-size: 2rem;
            padding: 1.3rem .8rem;
            line-height: 1
        }

            .header .header-nav-mobile .navbar-tools a:last-child, .header .header-nav-mobile .navbar-tools button:last-child {
                padding-right: 1.2rem
            }

            .header .header-nav-mobile .navbar-tools a.cart-mobile-toggle i.icon-interface-cross, .header .header-nav-mobile .navbar-tools a.search-mobile-toggle i.icon-interface-cross, .header .header-nav-mobile .navbar-tools button.cart-mobile-toggle i.icon-interface-cross, .header .header-nav-mobile .navbar-tools button.search-mobile-toggle i.icon-interface-cross {
                position: relative;
                top: .2rem;
                left: .2rem
            }

            .header .header-nav-mobile .navbar-tools a.cart-mobile-toggle .badge, .header .header-nav-mobile .navbar-tools button.cart-mobile-toggle .badge {
                padding: .2rem
            }

    .header .header-nav-mobile .navbar-brand-sm {
        width: 10rem;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }

    .header .header-nav-mobile .optional-break-line span::before {
        content: "\a"
    }

.header .header-user {
    background-color: #ededed
}

@media(max-width: 767.98px) {
    .header .header-user {
        display: none
    }
}

.header .header-user .nav-tabs .nav-item.show .nav-link, .header .header-user .nav-tabs .nav-link.active {
    background-color: unset
}

.header .header-user-mobile {
    background-color: #ededed;
    padding: 1.2rem;
    clear: both
}

    .header .header-user-mobile #headerUserLayerAnnymousLoginForm li.nav-item {
        width: 100%;
        display: block;
        text-align: center
    }

        .header .header-user-mobile #headerUserLayerAnnymousLoginForm li.nav-item a.active {
            color: #c00
        }

    .header .header-user-mobile a i {
        position: relative;
        bottom: .1rem
    }

    .header .header-user-mobile .nav-tabs {
        margin: 0 -0.4rem !important
    }

        .header .header-user-mobile .nav-tabs .no-nav-link.menu-item {
            background: none;
            font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            font-size: 1.3rem;
            margin: 0 .4rem;
            color: #999;
            border-top: none;
            border-right: none;
            border-left: none
        }

            .header .header-user-mobile .nav-tabs .no-nav-link.menu-item:hover {
                color: #c00;
                border-bottom: .3rem solid #c00
            }

            .header .header-user-mobile .nav-tabs .no-nav-link.menu-item.active {
                border-bottom: .3rem solid #c00
            }

    .header .header-user-mobile .col-3.col-md-4 {
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

        .header .header-user-mobile .col-3.col-md-4 img.img-fluid {
            max-width: 20rem;
            margin-bottom: 1.2rem
        }

    .header .header-user-mobile .col-9.col-md-8.pl-0 {
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%;
        padding: 0 1.2rem 1.2rem 1.2rem !important
    }

    .header .header-user-mobile .salesRep_background {
        margin-bottom: 1.2rem
    }

.header .header-user #headerUserLayerAnnymousLoginForm .nav-item a {
    padding: 0
}

.header .header-user.collapse.show .header-user-content::before {
    transition: all ease 1s;
    border-width: 1.4rem
}

.header .header-user.collapse .header-user-content::before {
    bottom: 100%;
    right: 4.5rem;
    border: solid;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #ededed
}

@media(max-width: 991.98px) {
    .header .header-user.collapse .header-user-content::before {
        right: 1.15rem
    }
}

.header .header-user-content {
    position: relative
}

    .header .header-user-content .card-deck .card {
        width: calc( 50% - 0.6rem )
    }

    .header .header-user-content a i {
        position: relative;
        bottom: .1rem
    }

    .header .header-user-content .form-group .form-control {
        border: none
    }

    .header .header-user-content li.nav-item {
        height: auto
    }

.header .header-search {
    padding: 1.6rem 0;
    background-color: #bfbfbf
}

    .header .header-search .input-group-addon {
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
        background-color: initial
    }

        .header .header-search .input-group-addon button {
            background-color: #fff;
            color: #c00;
            font-size: 1.9rem;
            padding-top: .8rem;
            padding-bottom: .9rem;
            z-index: 999
        }

            .header .header-search .input-group-addon button:focus, .header .header-search .input-group-addon button:hover {
                color: #b30000;
                text-decoration: none
            }

.header .header-usp {
    background-color: #dedede;
    padding: .4rem;
    color: #4d4d4d
}

@media(max-width: 1199.98px) {
    .header .header-usp {
        font-size: 1.5rem
    }
}

.header .header-usp p {
    margin-bottom: 0
}

.navbar-toggler-icon {
    background: none !important
}

    .navbar-toggler-icon::before {
        font-family: Wuerthicons;
        content: "\eaf1";
        color: #999;
        font-size: 1.6rem
    }

.navbar-brand-scroll {
    display: none;
    opacity: 0
}

.show-on-scroll-add-cart {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding-top: 1.4rem;
    padding-bottom: .8rem;
    width: 100%
}

    .show-on-scroll-add-cart .container-fluid, .show-on-scroll-add-cart .container-sm, .show-on-scroll-add-cart .container-md, .show-on-scroll-add-cart .container-lg, .show-on-scroll-add-cart .container-xl, .show-on-scroll-add-cart .container-xxl {
        padding-left: 0;
        padding-right: 0
    }

@media(min-width: 1200px) {
    .show-on-scroll-add-cart .container-fluid, .show-on-scroll-add-cart .container-sm, .show-on-scroll-add-cart .container-md, .show-on-scroll-add-cart .container-lg, .show-on-scroll-add-cart .container-xl, .show-on-scroll-add-cart .container-xxl {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
}

.header-user-content .col-3.col-md-4 {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

    .header-user-content .col-3.col-md-4 img.img-fluid {
        max-width: 20rem
    }

.header-user-content .col-9.col-md-8.pl-0 {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%
}

.header-user-content #qr-image-message {
    position: absolute;
    top: 130px;
    width: 40rem;
    left: 9rem
}

.header-user-content #qr-image-loading-icon {
    height: 282px
}

.header .header-user-content #qr-image-message {
    width: 48rem;
    left: 6rem
}

.salesRep_background {
    background: url("../../../images/salesRep_background.png");
    overflow: hidden;
    float: left;
    width: 10rem;
    height: 14rem;
    max-height: inherit;
    position: relative
}

img.img-fluid.salesRep_picture {
    width: auto !important;
    max-height: 14rem !important;
    padding-top: 0;
    margin-right: 0;
    float: inherit;
    overflow: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.navbar-brand-scroll img {
    max-height: 26px
}

.navbar-brand-sm img {
    max-height: 35px
}

.header-new .header-brand-logo {
    width: 20rem
}

    .header-new .header-brand-logo a {
        display: block
    }

@media(min-width: 768px) {
    .header-new .header-contact {
        padding-right: 6.2rem
    }
}

@media(min-width: 992px) {
    .header-new .header-contact {
        padding-right: 3.2rem
    }
}

@media(min-width: 1200px) {
    .header-new .header-contact {
        padding-right: .3rem
    }
}

@media(max-width: 991.98px) {
    .header-new #megaDropdown.booNavigation li.navItem .navContent {
        width: 95%;
        margin-left: 2.5%
    }
}

.header-new .header-toolbar {
    background-color: #fff;
    color: #000;
    z-index: 1040 !important;
    position: relative
}

    .header-new .header-toolbar a, .header-new .header-toolbar button.btn-link {
        color: #000
    }

    .header-new .header-toolbar .dropdown-toggle {
        padding-right: 0
    }

        .header-new .header-toolbar .dropdown-toggle#languageDropDown:after {
            color: #c00
        }

.header-new .navbar-nav {
    z-index: 981
}

.header-new .cart-preview-wrapper {
    position: absolute;
    padding: 7.8rem 2rem 0 0;
    margin: -2rem -2rem 0 0;
    right: 1.2rem;
    top: 0;
    z-index: 1010
}

.header-new .cart-preview-toggle {
    color: #000;
    font-size: 1.8rem;
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    margin: .6rem 0 0
}

    .header-new .cart-preview-toggle i.icon-ecommerce-shopcart {
        font-size: 2.6rem;
        color: #c00
    }

@media(max-width: 991.98px) {
    .header-new .cart-preview-toggle {
        font-size: 1.6rem
    }

        .header-new .cart-preview-toggle i.icon-ecommerce-shopcart {
            font-size: 2.4rem
        }

        .header-new .cart-preview-toggle .badge {
            font-size: 1.3rem;
            padding: .5rem .4rem .3rem
        }
}

.header-new .cart-preview-toggle:active, .header-new .cart-preview-toggle:focus, .header-new .cart-preview-toggle:hover {
    color: #c00
}

.header-new .cart-preview-toggle .badge {
    position: relative;
    top: -0.4rem;
    padding: .6rem .4rem .4rem;
    font-size: 1.5rem;
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    line-height: 1
}

.header-new .login-cart-combined .dropdown .header-user-login, .header-new .login-cart-combined .cart-preview-toggle {
    font-size: 1.5rem;
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    margin: 0;
    padding: 0rem
}

    .header-new .login-cart-combined .dropdown .header-user-login i.icon-ecommerce-shopcart, .header-new .login-cart-combined .dropdown .header-user-login i.icon-wuerth-user, .header-new .login-cart-combined .cart-preview-toggle i.icon-ecommerce-shopcart, .header-new .login-cart-combined .cart-preview-toggle i.icon-wuerth-user {
        font-size: 3rem;
        top: 0rem;
        color: #c00
    }

@media(max-width: 991.98px) {
    .header-new .login-cart-combined .dropdown .header-user-login, .header-new .login-cart-combined .cart-preview-toggle {
        font-size: 1.6rem
    }

        .header-new .login-cart-combined .dropdown .header-user-login i.icon-ecommerce-shopcart, .header-new .login-cart-combined .dropdown .header-user-login i.icon-wuerth-user, .header-new .login-cart-combined .cart-preview-toggle i.icon-ecommerce-shopcart, .header-new .login-cart-combined .cart-preview-toggle i.icon-wuerth-user {
            top: 0rem;
            font-size: 3rem
        }
}

.header-new .login-cart-combined .dropdown .header-user-login .mini-basket.badge, .header-new .login-cart-combined .cart-preview-toggle .mini-basket.badge {
    top: -1.4rem;
    right: .8rem;
    padding: .5rem .4rem .4rem;
    font-size: 1.2rem
}

.header-new .login-cart-combined .mini-basket.badge {
    display: inline;
    background-color: #000;
    color: #fff
}

.header-new .login-cart-combined ~ .cart-preview-wrapper {
    padding: 0;
    margin: 7.4rem 0 0
}

.header-new .login-cart-combined .dropdown-menu {
    margin-top: 1.8rem
}

.header-new .login-cart-combined ~ .cart-preview-wrapper .cart-preview:before, .header-new .login-cart-combined .dropdown.show .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content::before, .header-new .login-cart-combined .dropdown.show.header-user-logged-out .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content::before {
    content: none
}

.header-new .login-cart-combined .dropdown.header-user-login-wrapper.show::after, .header-new .login-cart-combined .dropdown.header-user-login-wrapper.header-user-logged-out.show::after, .header-new .login-cart-combined .cart-preview-toggle.show::after {
    bottom: 100%;
    right: calc((100% / 2) - 1.4rem);
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #ededed;
    border-width: 1.4rem;
    top: 4.6rem;
    z-index: 1000;
    -webkit-animation: fadeIn .15s;
    animation: fadeIn .15s
}

.header-new .login-cart-combined .dropdown.header-user-login-wrapper.show.header-user-logged-out::after, .header-new .login-cart-combined .dropdown.header-user-login-wrapper.header-user-logged-out.show.header-user-logged-out::after, .header-new .login-cart-combined .cart-preview-toggle.show.header-user-logged-out::after {
    border-bottom-color: #bfbfbf
}

.header-new .header-search {
    background-color: #fff;
    padding-top: 1.6rem
}

    .header-new .header-search .input-group-addon {
        right: .1rem;
        top: .1rem
    }

    .header-new .header-search .header-brand {
        display: block
    }

.header-new .header-user-login-wrapper.show .header-user-login span {
    color: #c00
}

.header-new .header-user-content a, .header-new .header-user-content p, .header-new .header-user-content .h3-style {
    word-break: break-all !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important
}

.header-new .header-user-content .optional-break-line span::before {
    content: "\a"
}

.header-new .dropdown .header-user-login {
    font-size: 1.8rem;
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #000;
    text-align: right;
    padding: 1.9rem 0 2.6rem
}

@media(min-width: 992px) {
    .header-new .dropdown .header-user-login {
        padding: 2rem 0 2.2rem
    }
}

.header-new .dropdown .header-user-login i.icon-wuerth-user {
    font-size: 2.6rem;
    position: relative;
    top: .2rem;
    color: #c00
}

.header-new .dropdown .header-user-login.dropdown-toggle::after {
    display: none
}

.header-new .dropdown .header-user-login.dropdown-toggle:active, .header-new .dropdown .header-user-login.dropdown-toggle:focus, .header-new .dropdown .header-user-login.dropdown-toggle:hover {
    background: none;
    color: #c00
}

.header-new .dropdown .header-user-login.dropdown-toggle:hover {
    cursor: pointer
}

.header-new .dropdown .header-user-login ~ .dropdown-menu {
    left: auto;
    right: 0
}

    .header-new .dropdown .header-user-login ~ .dropdown-menu.header-user-dropdown-1-col {
        width: 36rem;
        max-width: 36rem
    }

    .header-new .dropdown .header-user-login ~ .dropdown-menu.header-user-dropdown-2-col {
        width: 72.6rem;
        max-width: 72.6rem
    }

@media(min-width: 992px) {
    .header-new .dropdown .header-user-login ~ .dropdown-menu.header-user-dropdown-2-col {
        width: 86rem;
        max-width: 86rem
    }
}

.header-new .dropdown .header-user-login ~ .dropdown-menu.show {
    max-height: inherit
}

.header-new .dropdown .header-user-login .divider-r-mp-0 {
    border-right: 1px solid #dedede
}

@media(max-width: 991.98px) {
    .header-new .dropdown .header-user-login {
        font-size: 1.6rem
    }

        .header-new .dropdown .header-user-login i.icon-wuerth-user {
            font-size: 2.4rem;
            top: .2rem
        }
}

.header-new .dropdown.show.header-user-content-wrapper {
    margin-top: -4.2rem;
    background: none;
    padding-top: 5.6rem;
    box-shadow: none
}

    .header-new .dropdown.show.header-user-content-wrapper .header-user-content {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        background-color: #fff
    }

.header-new .dropdown.show.header-user-logged-out .header-user-content-wrapper {
    width: 59.6rem;
    max-width: 59.6rem;
    left: auto;
    right: 0;
    background: none;
    box-shadow: none
}

.header-new .dropdown.show.header-user-logged-out.show .header-user-login span {
    color: #c00
}

.header-new .dropdown.show.header-user-logged-out .dropdown-toggle.header-user-login {
    background: none;
    position: relative;
    z-index: 980
}

    .header-new .dropdown.show.header-user-logged-out .dropdown-toggle.header-user-login ~ .dropdown-menu {
        overflow: visible
    }

        .header-new .dropdown.show.header-user-logged-out .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content {
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
            background-color: #ededed
        }

            .header-new .dropdown.show.header-user-logged-out .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content::before {
                bottom: 100%;
                right: 4.5rem;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: transparent;
                border-bottom-color: #bfbfbf;
                border-width: 1.4rem;
                margin-left: -1.4rem
            }

.header-new .dropdown.show.header-user-logged-out #loginTabs .nav-item {
    margin-bottom: 0
}

    .header-new .dropdown.show.header-user-logged-out #loginTabs .nav-item .nav-link {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: bold;
        background-color: #bfbfbf;
        color: #999;
        font-size: 1.3rem;
        padding: 1.2rem 1.6rem;
        margin: 0
    }

        .header-new .dropdown.show.header-user-logged-out #loginTabs .nav-item .nav-link.active {
            background-color: #ededed;
            color: #000
        }

.header-new .dropdown.show.header-user-logged-out #loginTabsContent {
    padding-bottom: 1.6rem
}

.header-new .dropdown.show .dropdown-toggle.header-user-login {
    background: none
}

    .header-new .dropdown.show .dropdown-toggle.header-user-login ~ .dropdown-menu {
        overflow: visible
    }

        .header-new .dropdown.show .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content a.link-absolute {
            word-wrap: break-word
        }

            .header-new .dropdown.show .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content a.link-absolute i {
                position: absolute;
                bottom: auto
            }

        .header-new .dropdown.show .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content::before {
            bottom: 100%;
            right: 4.5rem;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: transparent;
            border-bottom-color: #fff;
            border-width: 1.4rem;
            margin-left: -1.4rem
        }

.header-new .header-nav {
    padding: 0
}

    .header-new .header-nav .navbar {
        height: 7.4rem;
        background-color: #ededed
    }

    .header-new .header-nav .navbar-collapse {
        padding-top: 2.6rem
    }

    .header-new .header-nav .nav-link {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        color: #000;
        text-transform: none;
        margin-bottom: 0;
        padding-bottom: 2.5rem
    }

@media(min-width: 992px) {
    .header-new .header-nav .nav-link {
        padding-bottom: 2.3rem
    }
}

.header-new .header-nav .nav-link ~ .nav-arrow {
    margin-top: -1.4rem
}

.header-new .header-nav .nav-link:hover {
    color: #c00;
    padding-bottom: 2.5rem
}

@media(min-width: 992px) {
    .header-new .header-nav .nav-link:hover {
        padding-bottom: 2.3rem
    }
}

.header-new .header-nav .nav-link.active {
    color: #000;
    border-bottom: .3rem solid #c00;
    padding-bottom: 0
}

    .header-new .header-nav .nav-link.active:hover {
        border-bottom: none;
        padding-bottom: 2.5rem
    }

@media(min-width: 992px) {
    .header-new .header-nav .nav-link.active:hover {
        padding-bottom: 2.3rem
    }
}

.header-new .header-nav .nav-item {
    height: 2rem;
    margin-bottom: 2.6rem
}

@media(min-width: 992px) {
    .header-new .header-nav .nav-item {
        margin-bottom: 2.8rem
    }
}

.header-new .header-nav .nav-item:hover > .nav-link {
    color: #c00;
    padding-bottom: 2.6rem
}

@media(min-width: 992px) {
    .header-new .header-nav .nav-item:hover > .nav-link {
        padding-bottom: 2.3rem
    }
}

.header-new .header-nav .nav-item .nav-arrow {
    border-bottom-color: #fff
}

@media(max-width: 991.98px) {
    .header-new .header-nav .nav-item .nav-arrow {
        top: .3rem
    }
}

.header-new .header-nav .nav-tabs .nav-item .nav-link.active {
    border-bottom: none
}

.header-new .header-user-mobile #headerUserLayerAnnymousLoginForm .nav-tabs {
    margin: -1.2rem -1.2rem 0 -1.2rem !important
}

    .header-new .header-user-mobile #headerUserLayerAnnymousLoginForm .nav-tabs li.nav-item {
        display: block;
        text-align: center;
        font-size: 1.2rem;
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: bold;
        background: none;
        margin: 0;
        color: #999;
        border: none
    }

        .header-new .header-user-mobile #headerUserLayerAnnymousLoginForm .nav-tabs li.nav-item:hover {
            color: #000;
            border: none
        }

        .header-new .header-user-mobile #headerUserLayerAnnymousLoginForm .nav-tabs li.nav-item a.nav-link, .header-new .header-user-mobile #headerUserLayerAnnymousLoginForm .nav-tabs li.nav-item button.nav-link {
            font-size: 1.2rem;
            font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            font-weight: bold;
            background-color: #dedede;
            padding: 1.2rem .6rem;
            border: none
        }

            .header-new .header-user-mobile #headerUserLayerAnnymousLoginForm .nav-tabs li.nav-item a.nav-link.active, .header-new .header-user-mobile #headerUserLayerAnnymousLoginForm .nav-tabs li.nav-item button.nav-link.active {
                color: #000;
                border: none;
                background-color: #ededed
            }

.header-new .header-user-mobile a.icon.link-absolute i {
    position: absolute;
    bottom: auto
}

.header-new .login-popover {
    position: absolute;
    right: 7.2rem;
    top: 7rem;
    background-color: #c00;
    color: #fff;
    width: 28rem;
    z-index: 1000;
    border-radius: .4rem;
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}

    .header-new .login-popover:before {
        bottom: 100%;
        right: 4.5rem;
        border: solid;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-bottom-color: #c00;
        border-width: 1.4rem
    }

    .header-new .login-popover a {
        color: #c00
    }

        .header-new .login-popover a[role=button] {
            color: #fff
        }

    .header-new .login-popover .login-popover-close {
        position: absolute;
        top: .8rem;
        right: 0;
        z-index: 981
    }

        .header-new .login-popover .login-popover-close a {
            padding: 1.2rem .8rem .8rem;
            color: #fff
        }

            .header-new .login-popover .login-popover-close a:focus, .header-new .login-popover .login-popover-close a:hover {
                text-decoration: none
            }

    .header-new .login-popover .btn-login-popover-close {
        white-space: normal
    }

    .header-new .login-popover .login-popover-content {
        padding: 1.6rem 1.6rem .8rem
    }

    .header-new .login-popover .login-popover-footer {
        background-color: #c00;
        padding: 0 1.6rem 1.6rem;
        border-radius: .4rem
    }

.header-new #cxmlHeader {
    left: 0px;
    z-index: 1050
}

@media(max-width: 767.98px) {
    .header-new #cxmlHeader {
        position: relative
    }
}

#headerToolbarRequisitionPreview {
    z-index: 1011;
    cursor: pointer
}

body .header .header-search a.navbar-brand-scroll {
    transition: unset
}

body.modal-open .header .header-search.is-sticky a.navbar-brand-scroll {
    margin-left: -8px;
    transition: unset
}

body.modal-open .header .header-search.is-sticky .header-search-group .col-md-12 {
    margin-left: -8px
}

body.modal-open .header.header-registration .header-nav {
    margin-right: 17px
}

.header-brand-errorpage img {
    width: 16.4rem
}

.footer {
    clear: both;
    background-color: inherit;
    color: inherit
}

    .footer a {
        color: inherit
    }

    .footer ul a {
        color: #000
    }

    .footer.footer-new {
        background-color: #ededed;
        color: inherit
    }

        .footer.footer-new .footer-nav {
            padding-top: 3.2rem
        }

            .footer.footer-new .footer-nav li {
                margin-bottom: .8rem
            }

        .footer.footer-new .footer-legal-info {
            padding-top: 1.8rem;
            padding-bottom: 2.2rem;
            margin-bottom: 0
        }

        .footer.footer-new a {
            color: #000
        }

        .footer.footer-new .award-footer-img {
            position: absolute;
            height: 22rem;
            margin-top: -13.5rem;
            left: calc((((100% - 1200px) / 2) - 215px) / 2);
            display: none
        }

@media(min-width: 1600px) {
    .footer.footer-new .award-footer-img {
        display: block
    }
}

.footer-legal-info {
    background-color: #dedede;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    margin-bottom: 4rem;
    font-size: 1.5rem
}

    .footer-legal-info a {
        color: #000
    }

    .footer-legal-info .footer-brand img {
        width: 14rem;
        margin-right: .8rem;
        position: relative;
        top: -0.2rem
    }

.multiline-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block !important;
    display: -webkit-box !important;
    height: auto;
    -webkit-line-clamp: 2;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis
}

@-moz-document url-prefix() {
    .multiline-ellipsis {
        overflow: hidden;
        position: relative
    }

        .multiline-ellipsis:before {
            background: transparent;
            background: linear-gradient(90deg, transparent 20%, #fff 80%);
            bottom: 0;
            position: absolute;
            right: 0;
            float: right;
            content: "";
            height: 1.9rem;
            width: 6rem;
            text-align: right
        }

        .multiline-ellipsis.multiline-gray:before {
            background: linear-gradient(90deg, transparent 20%, #ededed 80%)
        }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .multiline-ellipsis {
        overflow: hidden;
        position: relative
    }

        .multiline-ellipsis:before {
            background: transparent;
            background: -ms-linear-gradient(0deg, transparent 20%, #fff 80%);
            bottom: 0;
            position: absolute;
            right: 0;
            float: right;
            content: "";
            height: 1.9rem;
            width: 6rem;
            text-align: right
        }

        .multiline-ellipsis.multiline-gray:before {
            background: -ms-linear-gradient(0deg, transparent 20%, #ededed 80%)
        }

        .multiline-ellipsis:after {
            content: "";
            background: #fff;
            position: absolute;
            height: 50px;
            width: 100%;
            z-index: 1;
            display: block
        }
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
    max-height: calc(1em * 1.5 * 1);
    line-height: 1.5 !important
}

    .line-clamp-1:after {
        max-height: calc(1em * 1.5 * 1)
    }

.line-clamp-2 {
    -webkit-line-clamp: 2;
    max-height: calc(1em * 1.5 * 2);
    line-height: 1.5 !important
}

    .line-clamp-2:after {
        max-height: calc(1em * 1.5 * 2)
    }

.line-clamp-3 {
    -webkit-line-clamp: 3;
    max-height: calc(1em * 1.5 * 3);
    line-height: 1.5 !important
}

    .line-clamp-3:after {
        max-height: calc(1em * 1.5 * 3)
    }

.line-clamp-4 {
    -webkit-line-clamp: 4;
    max-height: calc(1em * 1.5 * 4);
    line-height: 1.5 !important
}

    .line-clamp-4:after {
        max-height: calc(1em * 1.5 * 4)
    }

.line-clamp-5 {
    -webkit-line-clamp: 5;
    max-height: calc(1em * 1.5 * 5);
    line-height: 1.5 !important
}

    .line-clamp-5:after {
        max-height: calc(1em * 1.5 * 5)
    }

.line-clamp-6 {
    -webkit-line-clamp: 6;
    max-height: calc(1em * 1.5 * 6);
    line-height: 1.5 !important
}

    .line-clamp-6:after {
        max-height: calc(1em * 1.5 * 6)
    }

tr.hidden-row {
    background-color: #fff !important
}

    tr.hidden-row:hover {
        background-color: #fff !important
    }

    tr.hidden-row td {
        padding: 0 !important
    }

.accordion-toggle .icon-interface-bottom {
    margin-right: 0
}

    .accordion-toggle .icon-interface-bottom:before {
        display: inline-block;
        transition: all ease .3s;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.accordion-toggle.collapsed .icon-interface-bottom {
    margin-right: 0
}

    .accordion-toggle.collapsed .icon-interface-bottom:before {
        display: inline-block;
        transition: all ease .3s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

.checkout-process a.link-absolute.i-right i.icon-interface-bottom, #cartBranchOfficesModal a.link-absolute.i-right i.icon-interface-bottom {
    right: 0;
    top: 0
}

.checkout-process a.link-absolute.i-right .link-underline, #cartBranchOfficesModal a.link-absolute.i-right .link-underline {
    padding-left: 0;
    padding-right: 2.4rem
}

.checkout-process.panel-body, #cartBranchOfficesModal.panel-body {
    padding: 0
}

#cartBranchOfficesModal div.selected i.icon-interface-bottom {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: all ease .3s;
    -webkit-transition: all ease .3s
}

.radio-label-area ~ .row .collapse.show {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.radio-label-area {
    border-bottom: none
}

    .radio-label-area.no-collapse {
        border-bottom: none !important
    }

    .radio-label-area.ui-checkboxradio-checked.ui-state-active {
        border-bottom: .1rem solid #dedede;
        color: #000
    }

    .radio-label-area .link-absolute .link-underline ~ .icon-interface-bottom:before {
        display: inline-block;
        transition: all ease .3s;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .radio-label-area .link-absolute.collapsed .link-underline ~ .icon-interface-bottom:before {
        display: inline-block;
        transition: all ease .3s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .radio-label-area.direct-collapse .icon-interface-bottom:before {
        display: inline-block;
        transition: all ease .3s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .radio-label-area.direct-collapse.ui-checkboxradio-checked.ui-state-active {
        border-bottom: .1rem solid #dedede
    }

        .radio-label-area.direct-collapse.ui-checkboxradio-checked.ui-state-active .icon-interface-bottom:before {
            display: inline-block;
            transition: all ease .3s;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

.card-header-accordion:hover {
    background-color: #dedede;
    cursor: pointer
}

.card-header-accordion ~ .card-body .collapse.show {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card-header-accordion.bg-transparent.card-header {
    border-top: .1rem solid #dedede;
    border-bottom: none
}

    .card-header-accordion.bg-transparent.card-header:last-of-type {
        border-bottom: .1rem solid #dedede
    }

    .card-header-accordion.bg-transparent.card-header:hover {
        background-color: #ededed !important;
        cursor: pointer
    }

    .card-header-accordion.bg-transparent.card-header > .collapse {
        border: none
    }

.card-header-accordion .icon-interface-bottom:before {
    display: inline-block;
    transition: all ease .3s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.card-header-accordion.collapsed, .card-header-accordion .collapsed {
    border-bottom: none
}

    .card-header-accordion.collapsed .icon-interface-bottom:before, .card-header-accordion .collapsed .icon-interface-bottom:before {
        display: inline-block;
        transition: all ease .3s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

.alert {
    color: #000;
    border: none;
    font-weight: bold;
    line-height: 1.1
}

    .alert.alert-primary {
        background-color: #c00
    }

    .alert.alert-secondary {
        background-color: #fff
    }

    .alert.alert-success {
        background-color: #008448
    }

    .alert.alert-danger {
        background-color: #90112c
    }

        .alert.alert-danger a {
            color: #fff;
            text-decoration: underline
        }

    .alert.alert-warning {
        background-color: #ee7f00
    }

    .alert.alert-info {
        background-color: #008448
    }

    .alert.alert-light {
        background-color: #ededed
    }

    .alert.alert-dark {
        background-color: #4d4d4d
    }

.alert-dismissible {
    display: none
}

    .alert-dismissible .close {
        color: #262626;
        text-shadow: none;
        opacity: 1 !important;
        padding: 0;
        position: relative;
        right: 0;
        top: 0
    }

        .alert-dismissible .close:hover {
            color: #000
        }

.alert-container {
    position: fixed;
    top: 0;
    z-index: 1050;
    width: 100%
}

    .alert-container button.close {
        font-size: 1.5rem;
        text-decoration: none
    }

.alert-top {
    height: auto;
    margin-bottom: .2rem
}

    .alert-top .alert-content {
        overflow: hidden;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1.2rem
    }

.messages-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 .4rem;
    width: 100%
}

    .messages-list ul li.message {
        font-weight: bold;
        font-size: 1.3rem;
        padding: 1rem 1.4rem
    }

p.message {
    padding: 1.2rem 1.4rem;
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 1.3rem;
    font-weight: bold
}

.message.infoMessage {
    background-color: #008448
}

.message.errorMessage, .message.warnMessage {
    background-color: #90112c
}

@media(min-width: 1920px) {
    .collapse-info.info-xxl-right {
        position: absolute;
        right: -32rem;
        top: 0rem;
        width: 32rem
    }
}

.toast-header {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .toast-header button.close {
        padding: .8rem .8rem;
        margin: -0.8rem -0.8rem -0.8rem auto
    }

.message-block i.icon-lg {
    position: absolute;
    top: .8rem;
    left: .8rem
}

.message-block i.icon-xl {
    position: absolute;
    top: 1.6rem;
    left: 1.2rem
}

.message-block .card-body {
    padding: 1.6rem 1.6rem 1.2rem 5.2rem
}

.message-block.message-block-sm .card-body {
    padding: .8rem .8rem .8rem 3.6rem;
    line-height: 1.3
}

.message-block .message-block-img {
    position: absolute;
    max-width: 10.4rem;
    width: 100%;
    padding: 1.2rem
}

    .message-block .message-block-img ~ .card-body {
        padding-left: 10.8rem;
        padding-top: 1rem;
        padding-bottom: .4rem
    }

.card-info {
    border-left: .6rem solid #0093dd
}

.card-success {
    border-left: .6rem solid #008448
}

.card-warning {
    border-left: .6rem solid #ee7f00
}

.card-danger {
    border-left: .6rem solid #90112c
}

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

.bg-g-darker {
    background-color: #262626
}

.bg-g-dark {
    background-color: #4d4d4d
}

.bg-gray {
    background-color: #999
}

.bg-g-light {
    background-color: #bfbfbf
}

.bg-g-lighter {
    background-color: #dedede
}

.bg-g-lightest {
    background-color: #ededed
}

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

.bg-primary {
    background-color: #c00
}

.bg-secondary {
    background-color: #fff
}

.bg-success {
    background-color: #008448
}

.bg-danger {
    background-color: #90112c
}

.bg-warning {
    background-color: #ee7f00
}

.bg-info {
    background-color: #0093dd
}

.bg-yellow {
    background-color: #fdc300
}

.bg-blue {
    background-color: #004774
}

.bg-light {
    background-color: #ededed
}

.bg-dark {
    background-color: #4d4d4d
}

.bg-white-transparent {
    background-color: rgba(255,255,255,.8)
}

.bg-black-transparent {
    background-color: rgba(0,0,0,.3)
}

.bg-primary-transparent-dark {
    background-color: rgba(204,0,0,.65)
}

.bg-primary-transparent-light {
    background-color: rgba(204,0,0,.3)
}

.bg-multiply {
    mix-blend-mode: multiply
}

.bg-primary-transparent {
    background-color: rgba(204,0,0,.5);
    filter: saturate(200%);
    -webkit-filter: saturate(200%);
    -moz-filter: saturate(200%);
    -o-filter: saturate(200%);
    -ms-filter: saturate(200%)
}

.textbox.bg-transparent .bg-primary-transparent-dark {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(204,0,0,.65)
}

.textbox.bg-transparent .bg-white-transparent-dark {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.1)
}

.bg-height-card-img-fixed {
    height: 40.4rem;
    margin-bottom: 21.8rem
}

@media(min-width: 576px) {
    .bg-height-card-img-fixed {
        height: 32rem
    }
}

@media(min-width: 768px) {
    .bg-height-card-img-fixed {
        height: 33.4rem
    }
}

@media(min-width: 992px) {
    .bg-height-card-img-fixed {
        height: 29rem
    }
}

.bg-height-card-img-fixed .slick-next, .bg-height-card-img-fixed .slick-prev {
    top: 60%
}

.badge {
    vertical-align: middle
}

.availability.status-1 {
    color: #008448;
    font-size: 1.8rem
}

.availability.status-2, .availability.status-3 {
    color: #ee7f00;
    font-size: 1.8rem
}

.availability.status-4 {
    color: #999;
    font-size: 1.8rem
}

.div-table-tr .availability, .status-legend .availability, .table-cart .availability, .table-orders .availability, .table-contracts .availability, .table-masterservice .availability, .table-top-products .availability, .doubleEAN .availability, .paymentDocumentListTable .availability, .table-wucato-order-detail .availability, .card-availability .availability, .contracts .availability, .table-ean-check .availability {
    position: relative
}

    .div-table-tr .availability.availability-icon, .status-legend .availability.availability-icon, .table-cart .availability.availability-icon, .table-orders .availability.availability-icon, .table-contracts .availability.availability-icon, .table-masterservice .availability.availability-icon, .table-top-products .availability.availability-icon, .doubleEAN .availability.availability-icon, .paymentDocumentListTable .availability.availability-icon, .table-wucato-order-detail .availability.availability-icon, .card-availability .availability.availability-icon, .contracts .availability.availability-icon, .table-ean-check .availability.availability-icon {
        padding-left: 2rem;
        display: inline-block
    }

        .div-table-tr .availability.availability-icon::before, .status-legend .availability.availability-icon::before, .table-cart .availability.availability-icon::before, .table-orders .availability.availability-icon::before, .table-contracts .availability.availability-icon::before, .table-masterservice .availability.availability-icon::before, .table-top-products .availability.availability-icon::before, .doubleEAN .availability.availability-icon::before, .paymentDocumentListTable .availability.availability-icon::before, .table-wucato-order-detail .availability.availability-icon::before, .card-availability .availability.availability-icon::before, .contracts .availability.availability-icon::before, .table-ean-check .availability.availability-icon::before {
            content: " ";
            position: absolute;
            margin-top: .15rem;
            left: 0;
            width: 1.5rem;
            height: 1.5rem;
            margin-right: .5rem;
            border-radius: 50%;
            display: inline-block
        }

        .div-table-tr .availability.availability-icon.available::before, .div-table-tr .availability.availability-icon.available_in_x_days::before, .div-table-tr .availability.availability-icon.available_in_x_weeks::before, .div-table-tr .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .div-table-tr .availability.availability-icon.state-GREEN::before, .status-legend .availability.availability-icon.available::before, .status-legend .availability.availability-icon.available_in_x_days::before, .status-legend .availability.availability-icon.available_in_x_weeks::before, .status-legend .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .status-legend .availability.availability-icon.state-GREEN::before, .table-cart .availability.availability-icon.available::before, .table-cart .availability.availability-icon.available_in_x_days::before, .table-cart .availability.availability-icon.available_in_x_weeks::before, .table-cart .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .table-cart .availability.availability-icon.state-GREEN::before, .table-orders .availability.availability-icon.available::before, .table-orders .availability.availability-icon.available_in_x_days::before, .table-orders .availability.availability-icon.available_in_x_weeks::before, .table-orders .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .table-orders .availability.availability-icon.state-GREEN::before, .table-contracts .availability.availability-icon.available::before, .table-contracts .availability.availability-icon.available_in_x_days::before, .table-contracts .availability.availability-icon.available_in_x_weeks::before, .table-contracts .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .table-contracts .availability.availability-icon.state-GREEN::before, .table-masterservice .availability.availability-icon.available::before, .table-masterservice .availability.availability-icon.available_in_x_days::before, .table-masterservice .availability.availability-icon.available_in_x_weeks::before, .table-masterservice .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .table-masterservice .availability.availability-icon.state-GREEN::before, .table-top-products .availability.availability-icon.available::before, .table-top-products .availability.availability-icon.available_in_x_days::before, .table-top-products .availability.availability-icon.available_in_x_weeks::before, .table-top-products .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .table-top-products .availability.availability-icon.state-GREEN::before, .doubleEAN .availability.availability-icon.available::before, .doubleEAN .availability.availability-icon.available_in_x_days::before, .doubleEAN .availability.availability-icon.available_in_x_weeks::before, .doubleEAN .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .doubleEAN .availability.availability-icon.state-GREEN::before, .paymentDocumentListTable .availability.availability-icon.available::before, .paymentDocumentListTable .availability.availability-icon.available_in_x_days::before, .paymentDocumentListTable .availability.availability-icon.available_in_x_weeks::before, .paymentDocumentListTable .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .paymentDocumentListTable .availability.availability-icon.state-GREEN::before, .table-wucato-order-detail .availability.availability-icon.available::before, .table-wucato-order-detail .availability.availability-icon.available_in_x_days::before, .table-wucato-order-detail .availability.availability-icon.available_in_x_weeks::before, .table-wucato-order-detail .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .table-wucato-order-detail .availability.availability-icon.state-GREEN::before, .card-availability .availability.availability-icon.available::before, .card-availability .availability.availability-icon.available_in_x_days::before, .card-availability .availability.availability-icon.available_in_x_weeks::before, .card-availability .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .card-availability .availability.availability-icon.state-GREEN::before, .contracts .availability.availability-icon.available::before, .contracts .availability.availability-icon.available_in_x_days::before, .contracts .availability.availability-icon.available_in_x_weeks::before, .contracts .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .contracts .availability.availability-icon.state-GREEN::before, .table-ean-check .availability.availability-icon.available::before, .table-ean-check .availability.availability-icon.available_in_x_days::before, .table-ean-check .availability.availability-icon.available_in_x_weeks::before, .table-ean-check .availability.availability-icon.deliverystate-DELIVERED_INVOICED::before, .table-ean-check .availability.availability-icon.state-GREEN::before {
            background-color: #008448
        }

        .div-table-tr .availability.availability-icon.delayed_until_x_days::before, .div-table-tr .availability.availability-icon.delayed_until_x_weeks::before, .div-table-tr .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .div-table-tr .availability.availability-icon.state-ORANGE::before, .div-table-tr .availability.availability-icon.within_few_days::before, .status-legend .availability.availability-icon.delayed_until_x_days::before, .status-legend .availability.availability-icon.delayed_until_x_weeks::before, .status-legend .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .status-legend .availability.availability-icon.state-ORANGE::before, .status-legend .availability.availability-icon.within_few_days::before, .table-cart .availability.availability-icon.delayed_until_x_days::before, .table-cart .availability.availability-icon.delayed_until_x_weeks::before, .table-cart .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .table-cart .availability.availability-icon.state-ORANGE::before, .table-cart .availability.availability-icon.within_few_days::before, .table-orders .availability.availability-icon.delayed_until_x_days::before, .table-orders .availability.availability-icon.delayed_until_x_weeks::before, .table-orders .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .table-orders .availability.availability-icon.state-ORANGE::before, .table-orders .availability.availability-icon.within_few_days::before, .table-contracts .availability.availability-icon.delayed_until_x_days::before, .table-contracts .availability.availability-icon.delayed_until_x_weeks::before, .table-contracts .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .table-contracts .availability.availability-icon.state-ORANGE::before, .table-contracts .availability.availability-icon.within_few_days::before, .table-masterservice .availability.availability-icon.delayed_until_x_days::before, .table-masterservice .availability.availability-icon.delayed_until_x_weeks::before, .table-masterservice .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .table-masterservice .availability.availability-icon.state-ORANGE::before, .table-masterservice .availability.availability-icon.within_few_days::before, .table-top-products .availability.availability-icon.delayed_until_x_days::before, .table-top-products .availability.availability-icon.delayed_until_x_weeks::before, .table-top-products .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .table-top-products .availability.availability-icon.state-ORANGE::before, .table-top-products .availability.availability-icon.within_few_days::before, .doubleEAN .availability.availability-icon.delayed_until_x_days::before, .doubleEAN .availability.availability-icon.delayed_until_x_weeks::before, .doubleEAN .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .doubleEAN .availability.availability-icon.state-ORANGE::before, .doubleEAN .availability.availability-icon.within_few_days::before, .paymentDocumentListTable .availability.availability-icon.delayed_until_x_days::before, .paymentDocumentListTable .availability.availability-icon.delayed_until_x_weeks::before, .paymentDocumentListTable .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .paymentDocumentListTable .availability.availability-icon.state-ORANGE::before, .paymentDocumentListTable .availability.availability-icon.within_few_days::before, .table-wucato-order-detail .availability.availability-icon.delayed_until_x_days::before, .table-wucato-order-detail .availability.availability-icon.delayed_until_x_weeks::before, .table-wucato-order-detail .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .table-wucato-order-detail .availability.availability-icon.state-ORANGE::before, .table-wucato-order-detail .availability.availability-icon.within_few_days::before, .card-availability .availability.availability-icon.delayed_until_x_days::before, .card-availability .availability.availability-icon.delayed_until_x_weeks::before, .card-availability .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .card-availability .availability.availability-icon.state-ORANGE::before, .card-availability .availability.availability-icon.within_few_days::before, .contracts .availability.availability-icon.delayed_until_x_days::before, .contracts .availability.availability-icon.delayed_until_x_weeks::before, .contracts .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .contracts .availability.availability-icon.state-ORANGE::before, .contracts .availability.availability-icon.within_few_days::before, .table-ean-check .availability.availability-icon.delayed_until_x_days::before, .table-ean-check .availability.availability-icon.delayed_until_x_weeks::before, .table-ean-check .availability.availability-icon.deliverystate-DELIVERED_NOINVOICED::before, .table-ean-check .availability.availability-icon.state-ORANGE::before, .table-ean-check .availability.availability-icon.within_few_days::before {
            background-color: #ee7f00
        }

        .div-table-tr .availability.availability-icon.not_on_stock_product::before, .div-table-tr .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .status-legend .availability.availability-icon.not_on_stock_product::before, .status-legend .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .table-cart .availability.availability-icon.not_on_stock_product::before, .table-cart .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .table-orders .availability.availability-icon.not_on_stock_product::before, .table-orders .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .table-contracts .availability.availability-icon.not_on_stock_product::before, .table-contracts .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .table-masterservice .availability.availability-icon.not_on_stock_product::before, .table-masterservice .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .table-top-products .availability.availability-icon.not_on_stock_product::before, .table-top-products .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .doubleEAN .availability.availability-icon.not_on_stock_product::before, .doubleEAN .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .paymentDocumentListTable .availability.availability-icon.not_on_stock_product::before, .paymentDocumentListTable .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .table-wucato-order-detail .availability.availability-icon.not_on_stock_product::before, .table-wucato-order-detail .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .card-availability .availability.availability-icon.not_on_stock_product::before, .card-availability .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .contracts .availability.availability-icon.not_on_stock_product::before, .contracts .availability.availability-icon.not_on_stock_product_available_in_x_days::before, .table-ean-check .availability.availability-icon.not_on_stock_product::before, .table-ean-check .availability.availability-icon.not_on_stock_product_available_in_x_days::before {
            background-color: #ee7f00
        }

        .div-table-tr .availability.availability-icon.storno::before, .div-table-tr .availability.availability-icon.inactive, .status-legend .availability.availability-icon.storno::before, .status-legend .availability.availability-icon.inactive, .table-cart .availability.availability-icon.storno::before, .table-cart .availability.availability-icon.inactive, .table-orders .availability.availability-icon.storno::before, .table-orders .availability.availability-icon.inactive, .table-contracts .availability.availability-icon.storno::before, .table-contracts .availability.availability-icon.inactive, .table-masterservice .availability.availability-icon.storno::before, .table-masterservice .availability.availability-icon.inactive, .table-top-products .availability.availability-icon.storno::before, .table-top-products .availability.availability-icon.inactive, .doubleEAN .availability.availability-icon.storno::before, .doubleEAN .availability.availability-icon.inactive, .paymentDocumentListTable .availability.availability-icon.storno::before, .paymentDocumentListTable .availability.availability-icon.inactive, .table-wucato-order-detail .availability.availability-icon.storno::before, .table-wucato-order-detail .availability.availability-icon.inactive, .card-availability .availability.availability-icon.storno::before, .card-availability .availability.availability-icon.inactive, .contracts .availability.availability-icon.storno::before, .contracts .availability.availability-icon.inactive, .table-ean-check .availability.availability-icon.storno::before, .table-ean-check .availability.availability-icon.inactive {
            background-color: #999
        }

        .div-table-tr .availability.availability-icon.state-BLUE::before, .status-legend .availability.availability-icon.state-BLUE::before, .table-cart .availability.availability-icon.state-BLUE::before, .table-orders .availability.availability-icon.state-BLUE::before, .table-contracts .availability.availability-icon.state-BLUE::before, .table-masterservice .availability.availability-icon.state-BLUE::before, .table-top-products .availability.availability-icon.state-BLUE::before, .doubleEAN .availability.availability-icon.state-BLUE::before, .paymentDocumentListTable .availability.availability-icon.state-BLUE::before, .table-wucato-order-detail .availability.availability-icon.state-BLUE::before, .card-availability .availability.availability-icon.state-BLUE::before, .contracts .availability.availability-icon.state-BLUE::before, .table-ean-check .availability.availability-icon.state-BLUE::before {
            background-color: blue
        }

        .div-table-tr .availability.availability-icon.deliverystate-NEW::before, .div-table-tr .availability.availability-icon.pending::before, .status-legend .availability.availability-icon.deliverystate-NEW::before, .status-legend .availability.availability-icon.pending::before, .table-cart .availability.availability-icon.deliverystate-NEW::before, .table-cart .availability.availability-icon.pending::before, .table-orders .availability.availability-icon.deliverystate-NEW::before, .table-orders .availability.availability-icon.pending::before, .table-contracts .availability.availability-icon.deliverystate-NEW::before, .table-contracts .availability.availability-icon.pending::before, .table-masterservice .availability.availability-icon.deliverystate-NEW::before, .table-masterservice .availability.availability-icon.pending::before, .table-top-products .availability.availability-icon.deliverystate-NEW::before, .table-top-products .availability.availability-icon.pending::before, .doubleEAN .availability.availability-icon.deliverystate-NEW::before, .doubleEAN .availability.availability-icon.pending::before, .paymentDocumentListTable .availability.availability-icon.deliverystate-NEW::before, .paymentDocumentListTable .availability.availability-icon.pending::before, .table-wucato-order-detail .availability.availability-icon.deliverystate-NEW::before, .table-wucato-order-detail .availability.availability-icon.pending::before, .card-availability .availability.availability-icon.deliverystate-NEW::before, .card-availability .availability.availability-icon.pending::before, .contracts .availability.availability-icon.deliverystate-NEW::before, .contracts .availability.availability-icon.pending::before, .table-ean-check .availability.availability-icon.deliverystate-NEW::before, .table-ean-check .availability.availability-icon.pending::before {
            background-color: #fff;
            border: .2rem solid #999
        }

        .div-table-tr .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .div-table-tr .availability.availability-icon.state-RED::before, .status-legend .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .status-legend .availability.availability-icon.state-RED::before, .table-cart .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .table-cart .availability.availability-icon.state-RED::before, .table-orders .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .table-orders .availability.availability-icon.state-RED::before, .table-contracts .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .table-contracts .availability.availability-icon.state-RED::before, .table-masterservice .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .table-masterservice .availability.availability-icon.state-RED::before, .table-top-products .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .table-top-products .availability.availability-icon.state-RED::before, .doubleEAN .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .doubleEAN .availability.availability-icon.state-RED::before, .paymentDocumentListTable .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .paymentDocumentListTable .availability.availability-icon.state-RED::before, .table-wucato-order-detail .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .table-wucato-order-detail .availability.availability-icon.state-RED::before, .card-availability .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .card-availability .availability.availability-icon.state-RED::before, .contracts .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .contracts .availability.availability-icon.state-RED::before, .table-ean-check .availability.availability-icon.deliverystate-PARTLY_DELIVERED::before, .table-ean-check .availability.availability-icon.state-RED::before {
            background-color: #c00
        }

        .div-table-tr .availability.availability-icon.state-WHITE::before, .status-legend .availability.availability-icon.state-WHITE::before, .table-cart .availability.availability-icon.state-WHITE::before, .table-orders .availability.availability-icon.state-WHITE::before, .table-contracts .availability.availability-icon.state-WHITE::before, .table-masterservice .availability.availability-icon.state-WHITE::before, .table-top-products .availability.availability-icon.state-WHITE::before, .doubleEAN .availability.availability-icon.state-WHITE::before, .paymentDocumentListTable .availability.availability-icon.state-WHITE::before, .table-wucato-order-detail .availability.availability-icon.state-WHITE::before, .card-availability .availability.availability-icon.state-WHITE::before, .contracts .availability.availability-icon.state-WHITE::before, .table-ean-check .availability.availability-icon.state-WHITE::before {
            border: 2px solid #ccc;
            background-color: #fff
        }

.badge-pill {
    border-radius: 50%
}

.badge-success {
    color: #fff
}

.badge-added-to-cart {
    position: absolute !important;
    top: -0.6rem !important;
    width: 2rem;
    height: 2rem;
    right: -0.7rem
}

    .badge-added-to-cart i.icon-interface-tick:before {
        position: absolute;
        right: .6rem;
        top: .8rem
    }

.badge-img-tl {
    position: absolute;
    top: 0;
    left: 0
}

.badge-img-tr {
    position: absolute;
    top: 0;
    right: 0
}

.badge-img-bl {
    position: absolute;
    bottom: 0;
    left: 0
}

.badge-img-br {
    position: absolute;
    bottom: 0;
    right: 0
}

.nav-tabs.responsive .nav-link .badge {
    margin-top: -0.2rem
}

.badge-branch-office {
    font-size: 1.7rem;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-transform: uppercase;
    padding: .4rem .4rem .3rem;
    font-weight: normal
}

.breadcrumb {
    margin: .8rem 0 3.2rem;
    overflow: hidden;
    white-space: nowrap;
    display: block
}

@media(max-width: 767.98px) {
    .breadcrumb {
        margin: .8rem 0 1.6rem
    }
}

.breadcrumb li {
    display: inline-block;
    font-size: 1.5rem
}

@media(max-width: 767.98px) {
    .breadcrumb li {
        font-size: 1.2rem
    }
}

.breadcrumb .breadcrumb-backlink {
    border-right: .1rem solid #999;
    padding-right: .8rem;
    margin-right: .8rem
}

@media(max-width: 767.98px) {
    .breadcrumb .breadcrumb-backlink {
        font-size: 1.2rem
    }
}

.breadcrumb:first-child {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media(max-width: 767.98px) {
    .breadcrumb:first-child {
        margin-right: .4rem
    }
}

.breadcrumb:last-child {
    width: 100%
}

@media(hover: none)and (pointer: coarse) {
    .breadcrumb:last-child {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.breadcrumb.breadcrumb-gradient:before {
    margin: .26rem 0;
    position: absolute;
    width: 15%;
    height: 2.25rem;
    pointer-events: none;
    content: "";
    background: linear-gradient(90deg, #fff 2%, transparent 98%)
}

.breadcrumb-item {
    font-size: 1.5rem
}

@media(max-width: 767.98px) {
    .breadcrumb-item {
        font-size: 1.2rem
    }
}

.breadcrumb-label {
    font-size: 1.5rem;
    color: #000;
    float: left;
    margin-right: .8rem
}

button {
    cursor: pointer
}

    button:focus {
        outline: none
    }

.btn {
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1.7rem;
    text-transform: uppercase;
    position: relative;
    vertical-align: middle !important;
    padding: 1.3rem 1.2rem 1.1rem 1.2rem;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis
}

    .btn.btn-alt {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        text-transform: none
    }

    .btn[class*=btn-outline-] {
        border-width: .1rem;
        padding: 1.1rem 1.2rem .9rem 1.2rem;
        background-color: #fff
    }

        .btn[class*=btn-outline-].btn-sm, .btn-group-sm > .btn[class*=btn-outline-] {
            padding: .7rem 1.2rem .5rem 1.2rem
        }

        .btn[class*=btn-outline-].btn-icon-r {
            padding-right: 3.6rem
        }

            .btn[class*=btn-outline-].btn-icon-r > i {
                position: absolute;
                right: 1.2rem;
                top: 1.05rem
            }

                .btn[class*=btn-outline-].btn-icon-r > i.icon-lg {
                    top: .9rem
                }

            .btn[class*=btn-outline-].btn-icon-r.btn-icon-lg {
                padding-right: 3.9rem
            }

            .btn[class*=btn-outline-].btn-icon-r.btn-sm i, .btn-group-sm > .btn[class*=btn-outline-].btn-icon-r i {
                top: .65rem
            }

                .btn[class*=btn-outline-].btn-icon-r.btn-sm i.icon-lg, .btn-group-sm > .btn[class*=btn-outline-].btn-icon-r i.icon-lg {
                    top: .45rem
                }

                    .btn[class*=btn-outline-].btn-icon-r.btn-sm i.icon-lg.icon-interface-bottom, .btn-group-sm > .btn[class*=btn-outline-].btn-icon-r i.icon-lg.icon-interface-bottom {
                        top: .25rem
                    }

            .btn[class*=btn-outline-].btn-icon-r.btn-lg, .btn-group-lg > .btn[class*=btn-outline-].btn-icon-r {
                padding-right: 4.2rem
            }

                .btn[class*=btn-outline-].btn-icon-r.btn-lg i, .btn-group-lg > .btn[class*=btn-outline-].btn-icon-r i {
                    top: 1.2rem
                }

        .btn[class*=btn-outline-].btn-icon-l {
            padding-left: 3.6rem
        }

            .btn[class*=btn-outline-].btn-icon-l i {
                position: absolute;
                left: 1.2rem;
                top: 1.05rem
            }

                .btn[class*=btn-outline-].btn-icon-l i.icon-lg {
                    top: .9rem
                }

            .btn[class*=btn-outline-].btn-icon-l.btn-icon-lg {
                padding-left: 3.9rem
            }

            .btn[class*=btn-outline-].btn-icon-l.btn-sm i, .btn-group-sm > .btn[class*=btn-outline-].btn-icon-l i {
                top: .65rem
            }

                .btn[class*=btn-outline-].btn-icon-l.btn-sm i.icon-lg, .btn-group-sm > .btn[class*=btn-outline-].btn-icon-l i.icon-lg {
                    top: .45rem
                }

                    .btn[class*=btn-outline-].btn-icon-l.btn-sm i.icon-lg.icon-interface-bottom, .btn-group-sm > .btn[class*=btn-outline-].btn-icon-l i.icon-lg.icon-interface-bottom {
                        top: .25rem
                    }

            .btn[class*=btn-outline-].btn-icon-l.btn-lg, .btn-group-lg > .btn[class*=btn-outline-].btn-icon-l {
                padding-left: 4.2rem
            }

                .btn[class*=btn-outline-].btn-icon-l.btn-lg i, .btn-group-lg > .btn[class*=btn-outline-].btn-icon-l i {
                    top: 1.2rem
                }

    .btn.btn-outline-primary:focus, .btn.btn-outline-primary:hover {
        background-color: #c00;
        color: #fff;
        border-color: #c00
    }

    .btn.btn-sm, .btn-group-sm > .btn {
        height: 3rem;
        font-size: 1.5rem;
        line-height: 1.1;
        padding: .9rem 1.2rem .7rem 1.2rem
    }

    .btn.btn-lg, .btn-group-lg > .btn {
        font-size: 2rem;
        line-height: 1.1;
        padding: 1.4rem 1.2rem 1.2rem 1.2rem
    }

    .btn:focus, .btn.focus {
        box-shadow: none !important
    }

    .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:focus, .btn.btn-secondary.focus, .btn.btn-secondary:hover {
        background-color: #fafafa
    }

    .btn.disabled, .btn:disabled {
        opacity: .25;
        box-shadow: none !important;
        cursor: default
    }

    .btn:active, .btn.active {
        box-shadow: none !important
    }

    .btn.btn-icon-r {
        padding-right: 3.6rem
    }

        .btn.btn-icon-r > i {
            position: absolute;
            right: 1.2rem;
            top: 1.05rem
        }

            .btn.btn-icon-r > i.icon-lg {
                top: .9rem
            }

        .btn.btn-icon-r.btn-icon-lg {
            padding-right: 4rem
        }

        .btn.btn-icon-r.btn-sm i, .btn-group-sm > .btn.btn-icon-r i {
            top: .65rem
        }

            .btn.btn-icon-r.btn-sm i.icon-lg, .btn-group-sm > .btn.btn-icon-r i.icon-lg {
                top: .45rem
            }

                .btn.btn-icon-r.btn-sm i.icon-lg.icon-interface-bottom, .btn-group-sm > .btn.btn-icon-r i.icon-lg.icon-interface-bottom {
                    top: .25rem
                }

        .btn.btn-icon-r.btn-lg, .btn-group-lg > .btn.btn-icon-r {
            padding-right: 4.2rem
        }

            .btn.btn-icon-r.btn-lg i, .btn-group-lg > .btn.btn-icon-r i {
                top: 1.2rem
            }

    .btn.btn-icon-l {
        padding-left: 3.6rem
    }

        .btn.btn-icon-l i {
            position: absolute;
            left: 1.2rem;
            top: 1.05rem
        }

            .btn.btn-icon-l i.icon-lg {
                top: .9rem
            }

        .btn.btn-icon-l.btn-icon-lg {
            padding-left: 4rem
        }

        .btn.btn-icon-l.btn-sm i, .btn-group-sm > .btn.btn-icon-l i {
            top: .65rem
        }

            .btn.btn-icon-l.btn-sm i.icon-lg, .btn-group-sm > .btn.btn-icon-l i.icon-lg {
                top: .45rem
            }

                .btn.btn-icon-l.btn-sm i.icon-lg.icon-interface-bottom, .btn-group-sm > .btn.btn-icon-l i.icon-lg.icon-interface-bottom {
                    top: .25rem
                }

        .btn.btn-icon-l.btn-lg, .btn-group-lg > .btn.btn-icon-l {
            padding-left: 4.2rem
        }

            .btn.btn-icon-l.btn-lg i, .btn-group-lg > .btn.btn-icon-l i {
                top: 1.2rem
            }

    .btn:not(.btn-icon-l):not(.btn-icon-r):not(.btn-icon-only) > i.spinner-border {
        position: absolute;
        right: 1.2rem;
        top: 1.05rem
    }

    .btn:not(.btn-icon-l):not(.btn-icon-r):not(.btn-icon-only).btn-outline-primary > i.spinner-border {
        top: .75rem
    }

    .btn.btn-icon-only {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }

        .btn.btn-icon-only.btn-sm, .btn-group-sm > .btn.btn-icon-only {
            padding: .6rem 1.2rem .7rem 1.2rem
        }

        .btn.btn-icon-only.btn-lg, .btn-group-lg > .btn.btn-icon-only {
            padding: .9rem 1.2rem 1rem 1.2rem
        }

        .btn.btn-icon-only i {
            display: block;
            vertical-align: middle
        }

            .btn.btn-icon-only i.icon-interface-search {
                display: inline-block
            }

    .btn.btn-filter {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        text-transform: none
    }

        .btn.btn-filter i {
            top: .85rem !important
        }

    .btn a:hover {
        text-decoration: none
    }

    .btn.btn-black {
        color: #fff;
        background-color: #000
    }

        .btn.btn-black:hover {
            color: #fff;
            background-color: #000
        }

        .btn.btn-black.disabled, .btn.btn-black:disabled {
            opacity: .35;
            background-color: #000
        }

        .btn.btn-black:hover {
            color: #000;
            background-color: #fff
        }

    .btn.btn-text {
        color: #c00;
        font-weight: normal;
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
    }

        .btn.btn-text:hover {
            text-decoration: underline
        }

        .btn.btn-text:disabled {
            color: #000;
            text-decoration: none
        }

        .btn.btn-text.btn-icon-lg {
            padding-left: 3.2rem
        }

        .btn.btn-text i {
            font-size: 1.5rem
        }

.dropdown-toggle {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1.7rem;
    text-transform: none;
    text-align: left;
    padding-right: 3rem
}

    .dropdown-toggle::after {
        position: absolute;
        margin-left: 0;
        vertical-align: middle;
        font-family: Wuerthicons;
        text-decoration: none;
        font-size: 2rem;
        border: none;
        color: #c00;
        height: auto;
        width: auto;
        content: "\eac5";
        right: 1.2rem;
        top: .8rem;
        transition: all ease .3s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .dropdown-toggle.input-sm::after {
        top: .8rem
    }

    .dropdown-toggle:hover {
        background-color: #fcfcfc;
        background-image: none;
        border: none;
        box-shadow: none
    }

    .dropdown-toggle:focus, .dropdown-toggle.focus {
        background-color: #fcfcfc;
        background-image: none;
        border: none;
        box-shadow: none
    }

    .dropdown-toggle.dropdown-sm-font {
        font-size: 1.3rem;
        padding-right: 3rem;
        line-height: 1.3
    }

        .dropdown-toggle.dropdown-sm-font::after {
            font-size: 1.4rem;
            top: 1.25rem
        }

        .dropdown-toggle.dropdown-sm-font.dropdown-sm {
            padding-top: .8rem;
            padding-bottom: .6rem
        }

            .dropdown-toggle.dropdown-sm-font.dropdown-sm::after {
                top: .84rem
            }

    .dropdown-toggle#languageDropDown {
        background: none
    }

        .dropdown-toggle#languageDropDown::after {
            color: #c00;
            position: relative;
            display: inline-block;
            top: -0.1rem;
            right: auto;
            height: 2rem;
            font-size: 1.4rem;
            margin-left: 1rem;
            text-decoration: none;
            cursor: pointer
        }

        .dropdown-toggle#languageDropDown:hover::after, .dropdown-toggle#languageDropDown:focus::after {
            text-decoration: none !important
        }

        .dropdown-toggle#languageDropDown:hover, .dropdown-toggle#languageDropDown:focus {
            background: none
        }

    .dropdown-toggle#servicesDropdown + .dropdown-menu img {
        width: 5.6rem;
        margin-right: 1.2rem
    }

    .dropdown-toggle#servicesDropdown + .dropdown-menu .dropdown-item {
        border-bottom: .1rem solid #dedede
    }

    .dropdown-toggle.dropdown-fixed-value {
        background-color: #ededed
    }

        .dropdown-toggle.dropdown-fixed-value:after {
            display: none
        }

        .dropdown-toggle.dropdown-fixed-value:hover, .dropdown-toggle.dropdown-fixed-value:active, .dropdown-toggle.dropdown-fixed-value:focus {
            background-color: #ededed !important;
            box-shadow: none !important;
            cursor: default
        }

        .dropdown-toggle.dropdown-fixed-value ~ .dropdown-menu {
            display: none
        }

.card.card-gray .card-body .btn-secondary, .card-product .card-footer .btn-secondary {
    border: none
}

.dropdown .dropdown-menu {
    transition: opacity .3s,max-height 1s;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    max-width: 100%
}

    .dropdown .dropdown-menu .dropdown-item {
        font-size: 1.5rem;
        padding: .8rem 1.2rem;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .dropdown .dropdown-menu .dropdown-item:active {
            color: #262626
        }

        .dropdown .dropdown-menu .dropdown-item.btn-split {
            display: inline-block;
            width: 50%;
            text-align: center
        }

            .dropdown .dropdown-menu .dropdown-item.btn-split:first-of-type {
                border-right: .1rem solid #dedede;
                float: left
            }

@media(max-width: 991.98px) {
    .dropdown .dropdown-menu .dropdown-item.btn-split {
        display: block;
        width: 100%
    }
}

.dropdown .dropdown-menu .dropdown-item.btn-apply {
    background-color: #c00;
    color: #fff;
    text-transform: uppercase;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-align: center
}

    .dropdown .dropdown-menu .dropdown-item.btn-apply:hover, .dropdown .dropdown-menu .dropdown-item.btn-apply:active {
        background-color: #a60000
    }

.dropdown.show .dropdown-menu {
    transition: opacity .3s,max-height 1s;
    max-height: 30rem;
    opacity: 1;
    overflow-y: auto
}

.dropdown.show .dropdown-toggle {
    background-color: #fcfcfc;
    background-image: none;
    border: none;
    box-shadow: none
}

    .dropdown.show .dropdown-toggle::after {
        top: .9rem;
        transition: all ease .3s;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .dropdown.show .dropdown-toggle.input-sm::after {
        top: .6rem
    }

    .dropdown.show .dropdown-toggle.dropdown-sm-font::after {
        top: 1.15rem
    }

    .dropdown.show .dropdown-toggle.dropdown-sm-font.dropdown-sm::after {
        top: .56rem
    }

    .dropdown.show .dropdown-toggle#languageDropdown::after {
        top: -0.2rem
    }

    .dropdown.show .dropdown-toggle#languageDropdown + .dropdown-menu {
        transition: opacity .15s,max-height .75s;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

.btn-label {
    line-height: 4rem;
    margin-bottom: 0
}

.btn-label-sm {
    line-height: 3rem;
    margin-bottom: 0
}

.btn-link {
    padding: 0;
    border: none
}

    .btn-link.icon:hover, .btn-link.icon:active, .btn-link.icon:focus {
        text-decoration: none
    }

button.toggle-password.btn-link {
    margin-top: -4rem
}

    button.toggle-password.btn-link .field-icon {
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
        color: #000;
        padding: 1.2rem;
        height: 4rem;
        width: 4rem
    }

.form-control-sm ~ button.toggle-password.btn-link {
    margin-top: -3.5rem
}

.btn-scroll-top {
    display: inline-block;
    width: 5.3rem;
    height: 5.3rem;
    position: fixed;
    bottom: 6rem;
    right: 0;
    color: #fff;
    z-index: 2;
    text-decoration: none;
    background-color: #c00;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s 0s,visibility 0s .3s
}

    .btn-scroll-top.cd-fade-out, .btn-scroll-top.cd-is-visible {
        transition: opacity .3s 0s,visibility 0s 0s
    }

    .btn-scroll-top.cd-is-visible {
        visibility: visible;
        opacity: 1
    }

    .btn-scroll-top .icon-interface-top {
        font-size: 3rem
    }

    .btn-scroll-top:hover {
        color: #fff;
        background-color: #a60000
    }

.btn-clipboard {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem
}

.btn-code {
    text-transform: none;
    padding: 0
}

    .btn-code code {
        display: inline-block
    }

        .btn-code code:hover, .btn-code code:active {
            background-color: #dadada
        }

#socialShareButtons .col-1, #socialShareButtons .col-2, #socialShareButtons .col-3, #socialShareButtons .col-4, #socialShareButtons .col-5, #socialShareButtons .col-6, #socialShareButtons .col-7, #socialShareButtons .col-8, #socialShareButtons .col-9, #socialShareButtons .col-10, #socialShareButtons .col-11, #socialShareButtons .col-12 {
    max-width: none
}

#socialShareButtons ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    float: right
}

    #socialShareButtons ul li {
        width: 100%;
        position: relative;
        display: block;
        border: 1px solid rgba(0,0,0,.125);
        border-width: 0 0 1px;
        color: #4d4d4d;
        text-align: inherit;
        cursor: pointer
    }

        #socialShareButtons ul li:first-of-type {
            border-top-width: 0
        }

        #socialShareButtons ul li:last-of-type {
            border-bottom-width: 0
        }

        #socialShareButtons ul li:hover, #socialShareButtons ul li:focus {
            z-index: 1;
            color: #4d4d4d;
            text-decoration: none;
            background-color: #ededed
        }

        #socialShareButtons ul li a {
            padding: 1.2rem 2rem;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            color: #4d4d4d;
            text-decoration: none;
            text-align: center
        }

            #socialShareButtons ul li a .share_text {
                display: none
            }

            #socialShareButtons ul li a span.fa {
                font-family: Wuerthicons;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                font-size: 1.3rem;
                text-transform: none;
                line-height: 1;
                color: #4d4d4d;
                -webkit-font-smoothing: antialiased
            }

                #socialShareButtons ul li a span.fa.fa-facebook:before {
                    content: "\eaee"
                }

                #socialShareButtons ul li a span.fa.fa-pinterest-p:before {
                    content: "\eaf9"
                }

                #socialShareButtons ul li a span.fa.fa-twitter:before {
                    content: "\eaff"
                }

                #socialShareButtons ul li a span.fa.fa-weibo:before {
                    content: "\ec36"
                }

                #socialShareButtons ul li a span.fa.fa-envelope:before {
                    content: "\e81a"
                }

                #socialShareButtons ul li a span.fa.fa-linkedin:before {
                    content: "\eaf3"
                }

                #socialShareButtons ul li a span.fa.fa-xing:before {
                    content: "\ebd6"
                }

                #socialShareButtons ul li a span.fa.fa-whatsapp:before {
                    content: "\ea23"
                }

            #socialShareButtons ul li a span:first-of-type {
                font-size: 2rem;
                margin-right: .8rem
            }

.card {
    display: block
}

    .card.bg-warning {
        border: none
    }

.card-gray {
    background-color: #ededed;
    border: none
}

a.card-link {
    color: inherit;
    display: block;
    border-radius: .4rem
}

    a.card-link .card.border-0 {
        overflow: hidden
    }

        a.card-link .card.border-0 .link-absolute .link-underline {
            padding-left: 2.4rem !important
        }

        a.card-link .card.border-0 .card-img-top {
            transition: all .3s ease-in-out;
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1)
        }

        a.card-link .card.border-0 .magazine-image-container .image-resize {
            transition: all .3s ease-in-out;
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1);
            left: 0
        }

        a.card-link .card.border-0 .icon-interface-arrow-right {
            transition: all .2s ease-in-out;
            -webkit-transform: translateX(-0.4rem) !important;
            -ms-transform: translateX(-0.4rem) !important;
            transform: translateX(-0.4rem) !important
        }

    a.card-link:focus, a.card-link:hover {
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        color: inherit
    }

        a.card-link:focus .card.border-0 .link-underline, a.card-link:hover .card.border-0 .link-underline {
            text-decoration: underline
        }

        a.card-link:focus .card.border-0 .icon-interface-arrow-right, a.card-link:hover .card.border-0 .icon-interface-arrow-right {
            transition: all .2s ease-in-out;
            -webkit-transform: translateX(0) !important;
            -ms-transform: translateX(0) !important;
            transform: translateX(0) !important
        }

        a.card-link:focus .card.border-0 .card-img-top, a.card-link:hover .card.border-0 .card-img-top {
            transition: all .3s ease-in-out;
            -webkit-transform: scale(1.03, 1.03);
            -ms-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03)
        }

        a.card-link:focus .card.border-0 .magazine-image-container .image-resize, a.card-link:hover .card.border-0 .magazine-image-container .image-resize {
            transition: all .3s ease-in-out;
            -webkit-transform: scale(1.03, 1.03);
            -ms-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03)
        }

    a.card-link.img-hover-change .img-hover-change-container {
        position: relative
    }

    a.card-link.img-hover-change .img-hover-change-active {
        opacity: 1;
        transition: opacity ease-out .25s
    }

    a.card-link.img-hover-change .img-hover-change-inactive {
        position: absolute;
        opacity: 0;
        transition: opacity ease-out .25s
    }

    a.card-link.img-hover-change:hover .img-hover-change-active {
        opacity: 0;
        transition: opacity ease-out .25s
    }

    a.card-link.img-hover-change:hover .img-hover-change-inactive {
        opacity: 1;
        transition: opacity ease-out .25s
    }

    a.card-link.card-icon-top .card {
        height: 13.2rem
    }

    a.card-link.hover-bg-transparent-dark {
        border-radius: .4rem;
        display: block
    }

        a.card-link.hover-bg-transparent-dark .card:hover::after {
            background: rgba(0,0,0,.65);
            border-radius: .4rem;
            transition: .3s
        }

        a.card-link.hover-bg-transparent-dark .card::after {
            content: " ";
            position: absolute;
            border-radius: .4rem;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: transparent;
            transition: .3s
        }

        a.card-link.hover-bg-transparent-dark:hover .hover-card-title-center-up {
            -webkit-transform: translate3d(-50%, 50%, 0);
            transform: translate3d(-50%, 50%, 0);
            bottom: 50%;
            transition: .3s;
            color: #fff
        }

        a.card-link.hover-bg-transparent-dark:hover .hover-card-arrow-right .icon-interface-arrow-right {
            -webkit-transform: translate3d(7.5%, 0, 0);
            transform: translate3d(7.5%, 0, 0);
            transition: .3s
        }

        a.card-link.hover-bg-transparent-dark .hover-card-arrow-right {
            position: absolute;
            bottom: 1.2rem;
            left: 50%;
            -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
            transition: .3s;
            z-index: 3;
            width: 100%;
            text-align: center;
            margin-bottom: 0
        }

            a.card-link.hover-bg-transparent-dark .hover-card-arrow-right .icon-interface-arrow-right {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                transition: .3s
            }

        a.card-link.hover-bg-transparent-dark .hover-card-title-center-up {
            position: absolute;
            bottom: 1.2rem;
            left: 50%;
            -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
            transition: .3s;
            z-index: 3;
            width: 100%;
            text-align: center;
            margin-bottom: 0
        }

@media(max-width: 991.98px) {
    a.card-link .h2-style.hover-card-title-center-up, a.card-link .hover-card-title-center-up.h2-style-red, a.card-link .h2-style.hover-card-arrow-right, a.card-link .hover-card-arrow-right.h2-style-red {
        font-size: 1.5rem
    }
}

@media(min-width: 768px) {
    a.card-link .h2-style.hover-card-title-center-up, a.card-link .hover-card-title-center-up.h2-style-red, a.card-link .h2-style.hover-card-arrow-right, a.card-link .hover-card-arrow-right.h2-style-red {
        font-size: 2rem
    }
}

@media(min-width: 992px) {
    a.card-link .h2-style.hover-card-title-center-up, a.card-link .hover-card-title-center-up.h2-style-red, a.card-link .h2-style.hover-card-arrow-right, a.card-link .hover-card-arrow-right.h2-style-red {
        font-size: 1.5rem
    }
}

a.card-link-rounded {
    color: inherit;
    display: block
}

    a.card-link-rounded .img-rounded-container {
        transition: all .2s ease-in-out
    }

    a.card-link-rounded:focus, a.card-link-rounded:hover {
        text-decoration: none;
        cursor: pointer;
        color: inherit
    }

        a.card-link-rounded:focus .img-rounded-container, a.card-link-rounded:hover .img-rounded-container {
            box-shadow: 0 .3rem 2.4rem rgba(0,0,0,.15),0 .8rem 2.4rem rgba(0,0,0,.12) !important;
            transition: all .2s ease-in-out;
            -webkit-transform: scale(1.05, 1.05);
            -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05)
        }

    a.card-link-rounded p {
        line-height: 1.2
    }

.activeView {
    background-color: #c00;
    border-color: #c00
}

.inactiveView {
    background-color: #fff;
    border-color: #fff
}

#accessoryProductsModal .linked-section:not(:first-child), .productDetailLinkedProductsTab .linked-section:not(:first-child) {
    margin-top: 1.6rem !important
}

#accessoryProductsModal .linked-section-header, .productDetailLinkedProductsTab .linked-section-header {
    font-weight: bold;
    padding: 1.2rem
}

#accessoryProductsModal .card span.bold, .productDetailLinkedProductsTab .card span.bold {
    font-weight: bold
}

#accessoryProductsModal a.link-row, .productDetailLinkedProductsTab a.link-row {
    color: inherit;
    text-decoration: none
}

#accessoryProductsModal a .card .card-body .row > div, .productDetailLinkedProductsTab a .card .card-body .row > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#accessoryProductsModal a .card:hover, .productDetailLinkedProductsTab a .card:hover {
    background-color: #dedede
}

.catalogNavigationFullWidthTiles .card-category, .grid-view .card-category {
    display: block
}

    .catalogNavigationFullWidthTiles .card-category .img-wrapper, .grid-view .card-category .img-wrapper {
        min-height: 17rem
    }

    .catalogNavigationFullWidthTiles .card-category:focus, .catalogNavigationFullWidthTiles .card-category:hover, .grid-view .card-category:focus, .grid-view .card-category:hover {
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

        .catalogNavigationFullWidthTiles .card-category:focus h4, .catalogNavigationFullWidthTiles .card-category:focus span.h4-style, .catalogNavigationFullWidthTiles .card-category:hover h4, .catalogNavigationFullWidthTiles .card-category:hover span.h4-style, .grid-view .card-category:focus h4, .grid-view .card-category:focus span.h4-style, .grid-view .card-category:hover h4, .grid-view .card-category:hover span.h4-style {
            color: #000
        }

        .catalogNavigationFullWidthTiles .card-category:focus p, .catalogNavigationFullWidthTiles .card-category:hover p, .grid-view .card-category:focus p, .grid-view .card-category:hover p {
            color: #262626
        }

    .catalogNavigationFullWidthTiles .card-category .card-img-top, .grid-view .card-category .card-img-top {
        display: block;
        max-height: 17rem;
        margin: 0 auto;
        width: auto;
        padding: 0
    }

    .catalogNavigationFullWidthTiles .card-category .card-body, .grid-view .card-category .card-body {
        min-height: 6.8rem;
        padding: 0 1.2rem 1.2rem
    }

        .catalogNavigationFullWidthTiles .card-category .card-body h4, .catalogNavigationFullWidthTiles .card-category .card-body span.h4-style, .catalogNavigationFullWidthTiles .card-category .card-body h2.h4-style, .grid-view .card-category .card-body h4, .grid-view .card-category .card-body span.h4-style, .grid-view .card-category .card-body h2.h4-style {
            color: #000;
            line-height: 1.4;
            margin-bottom: 0;
            display: block
        }

        .catalogNavigationFullWidthTiles .card-category .card-body .h3-style.card-title, .grid-view .card-category .card-body .h3-style.card-title {
            color: #000;
            line-height: 1.2;
            overflow: hidden;
            text-transform: none
        }

@media(max-width: 575.98px) {
    .catalogNavigationFullWidthTiles .card-category .card-body, .grid-view .card-category .card-body {
        min-height: 8.4rem
    }
}

.catalogNavigationFullWidthTiles .card-category .card-body > h4, .grid-view .card-category .card-body > h4 {
    margin-top: 1rem
}

.catalogNavigationFullWidthTiles .card-category .img-wrapper ~ .card-body > h4, .grid-view .card-category .img-wrapper ~ .card-body > h4 {
    margin-top: 0
}

.catalogNavigationFullWidthTiles .card-category .card-title, .grid-view .card-category .card-title {
    height: 3.6rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.catalogNavigationFullWidthTiles .card-category .card-footer, .grid-view .card-category .card-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border: none;
    padding: .6rem 1.2rem 1.2rem;
    width: 100%
}

    .catalogNavigationFullWidthTiles .card-category .card-footer p, .grid-view .card-category .card-footer p {
        color: #262626;
        line-height: 1
    }

.catalogNavigationFullWidthTiles .card-category.card-subcategories a, .grid-view .card-category.card-subcategories a {
    display: block;
    color: #000
}

    .catalogNavigationFullWidthTiles .card-category.card-subcategories a:hover, .grid-view .card-category.card-subcategories a:hover {
        color: #000;
        text-decoration: none
    }

.catalogNavigationFullWidthTiles .card-category.card-subcategories .card-title, .grid-view .card-category.card-subcategories .card-title {
    padding: 0
}

    .catalogNavigationFullWidthTiles .card-category.card-subcategories .card-title.h3-style, .grid-view .card-category.card-subcategories .card-title.h3-style {
        line-height: 1.2;
        height: 3.6rem
    }

.catalogNavigationFullWidthTiles .card-category.card-subcategories .card-text, .grid-view .card-category.card-subcategories .card-text {
    line-height: 1;
    display: block;
    color: #262626;
    position: absolute;
    bottom: 12.2rem
}

.catalogNavigationFullWidthTiles .card-category.card-subcategories .card-footer, .grid-view .card-category.card-subcategories .card-footer {
    background-color: #ededed;
    position: relative;
    padding: .8rem 1.2rem;
    margin: 0;
    border: 0
}

    .catalogNavigationFullWidthTiles .card-category.card-subcategories .card-footer a, .grid-view .card-category.card-subcategories .card-footer a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .catalogNavigationFullWidthTiles .card-category.card-subcategories .card-footer a:hover, .grid-view .card-category.card-subcategories .card-footer a:hover {
            text-decoration: underline
        }

        .catalogNavigationFullWidthTiles .card-category.card-subcategories .card-footer a.all-categories, .grid-view .card-category.card-subcategories .card-footer a.all-categories {
            color: #262626
        }

.catalogNavigationFullWidthTiles .card-category .skeleton-loader-img, .grid-view .card-category .skeleton-loader-img {
    height: 15.8rem;
    margin-bottom: 1.2rem;
    position: relative;
    overflow: hidden
}

    .catalogNavigationFullWidthTiles .card-category .skeleton-loader-img::before, .grid-view .card-category .skeleton-loader-img::before {
        content: "";
        display: block;
        position: absolute;
        left: -17rem;
        top: 0;
        height: 100%;
        width: 17rem;
        background: linear-gradient(to right, transparent 0%, #ededed 50%, transparent 100%);
        -webkit-animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
        animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite
    }

@-webkit-keyframes load {
    from {
        left: -17rem
    }

    to {
        left: 100%
    }
}

@keyframes load {
    from {
        left: -17rem
    }

    to {
        left: 100%
    }
}

.catalogNavigationFullWidthTiles .card-product, .grid-view .card-product {
    overflow: initial
}

    .catalogNavigationFullWidthTiles .card-product .card-body, .grid-view .card-product .card-body {
        padding: 2.4rem 1.2rem 1.2rem 1.2rem;
        height: 17rem
    }

        .catalogNavigationFullWidthTiles .card-product .card-body p.card-text, .grid-view .card-product .card-body p.card-text {
            -webkit-line-clamp: 2;
            max-height: calc(1em * 1.4 * 2);
            line-height: 1.4 !important;
            margin-bottom: .8rem
        }

            .catalogNavigationFullWidthTiles .card-product .card-body p.card-text:after, .grid-view .card-product .card-body p.card-text:after {
                max-height: calc(1em * 1.4 * 2)
            }

            .catalogNavigationFullWidthTiles .card-product .card-body p.card-text.card-product-no-price, .grid-view .card-product .card-body p.card-text.card-product-no-price {
                -webkit-line-clamp: 4;
                max-height: calc(1em * 1.4 * 4);
                line-height: 1.4 !important;
                margin-bottom: 0
            }

                .catalogNavigationFullWidthTiles .card-product .card-body p.card-text.card-product-no-price:after, .grid-view .card-product .card-body p.card-text.card-product-no-price:after {
                    max-height: calc(1em * 1.4 * 4)
                }

                .catalogNavigationFullWidthTiles .card-product .card-body p.card-text.card-product-no-price ~ .price, .grid-view .card-product .card-body p.card-text.card-product-no-price ~ .price {
                    display: none
                }

        .catalogNavigationFullWidthTiles .card-product .card-body .price, .grid-view .card-product .card-body .price {
            font-size: 2.6rem;
            height: 2.8rem
        }

            .catalogNavigationFullWidthTiles .card-product .card-body .price .price-per-unit, .grid-view .card-product .card-body .price .price-per-unit {
                font-size: 1.5rem;
                font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
                text-transform: none;
                color: #262626
            }

    .catalogNavigationFullWidthTiles .card-product a, .grid-view .card-product a {
        display: block
    }

        .catalogNavigationFullWidthTiles .card-product a:hover, .grid-view .card-product a:hover {
            color: #000;
            text-decoration: none
        }

    .catalogNavigationFullWidthTiles .card-product .card-footer, .grid-view .card-product .card-footer {
        padding: 0;
        border-top: .1rem solid #dedede
    }

        .catalogNavigationFullWidthTiles .card-product .card-footer .input-quantity, .grid-view .card-product .card-footer .input-quantity {
            border-right: .1rem solid #dedede
        }

        .catalogNavigationFullWidthTiles .card-product .card-footer .custom-select, .grid-view .card-product .card-footer .custom-select {
            border: none
        }

        .catalogNavigationFullWidthTiles .card-product .card-footer a.all-variations, .grid-view .card-product .card-footer a.all-variations {
            color: #262626;
            line-height: 1.1;
            padding: 1.2rem;
            margin: 0
        }

            .catalogNavigationFullWidthTiles .card-product .card-footer a.all-variations:hover, .grid-view .card-product .card-footer a.all-variations:hover {
                text-decoration: underline
            }

    .catalogNavigationFullWidthTiles .card-product .card-img-left, .grid-view .card-product .card-img-left {
        display: inline-block;
        vertical-align: top;
        max-width: 12rem
    }

        .catalogNavigationFullWidthTiles .card-product .card-img-left ~ .card-body, .grid-view .card-product .card-img-left ~ .card-body {
            height: 12.4rem;
            color: #000;
            display: inline-block;
            padding: 1.2rem;
            width: calc( 100% - 12.5rem )
        }

            .catalogNavigationFullWidthTiles .card-product .card-img-left ~ .card-body .card-title, .grid-view .card-product .card-img-left ~ .card-body .card-title {
                height: 2.8rem
            }

            .catalogNavigationFullWidthTiles .card-product .card-img-left ~ .card-body .card-text, .grid-view .card-product .card-img-left ~ .card-body .card-text {
                height: 1.8rem
            }

                .catalogNavigationFullWidthTiles .card-product .card-img-left ~ .card-body .card-text.card-product-number, .grid-view .card-product .card-img-left ~ .card-body .card-text.card-product-number {
                    color: #c00;
                    margin-bottom: 0
                }

                .catalogNavigationFullWidthTiles .card-product .card-img-left ~ .card-body .card-text.card-designation, .grid-view .card-product .card-img-left ~ .card-body .card-text.card-designation {
                    -webkit-line-clamp: 2;
                    max-height: calc(1em * 1.4 * 2);
                    line-height: 1.4 !important
                }

                    .catalogNavigationFullWidthTiles .card-product .card-img-left ~ .card-body .card-text.card-designation:after, .grid-view .card-product .card-img-left ~ .card-body .card-text.card-designation:after {
                        max-height: calc(1em * 1.4 * 2)
                    }

            .catalogNavigationFullWidthTiles .card-product .card-img-left ~ .card-body .h3-style.price, .grid-view .card-product .card-img-left ~ .card-body .h3-style.price {
                font-size: 2rem;
                height: 2rem
            }

    .catalogNavigationFullWidthTiles .card-product.card-comparison .card-img-top, .grid-view .card-product.card-comparison .card-img-top {
        max-height: 15rem
    }

@media(min-width: 992px) {
    .catalogNavigationFullWidthTiles .card-product.card-comparison .card-img-top, .grid-view .card-product.card-comparison .card-img-top {
        max-height: 17rem
    }
}

.catalogNavigationFullWidthTiles .card-product.card-comparison .card-body, .grid-view .card-product.card-comparison .card-body {
    height: 6.4rem
}

    .catalogNavigationFullWidthTiles .card-product.card-comparison .card-body .h4-style, .grid-view .card-product.card-comparison .card-body .h4-style {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        display: -webkit-box;
        height: calc(1.5rem * 1.1 * 2);
        -webkit-line-clamp: 2;
        /*! autoprefixer: ignore next */
        -webkit-box-orient: vertical;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        color: #000;
        margin-bottom: 0
    }

.bundle-total-price {
    margin-bottom: 0
}

    .bundle-total-price .icon-wuerth-equal {
        position: relative;
        top: .5rem
    }

.catalogNavigationFullWidthList .card-category, .list-view .card-category {
    display: block
}

    .catalogNavigationFullWidthList .card-category:focus, .catalogNavigationFullWidthList .card-category:hover, .list-view .card-category:focus, .list-view .card-category:hover {
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

        .catalogNavigationFullWidthList .card-category:focus h4, .catalogNavigationFullWidthList .card-category:focus span.h4-style, .catalogNavigationFullWidthList .card-category:hover h4, .catalogNavigationFullWidthList .card-category:hover span.h4-style, .list-view .card-category:focus h4, .list-view .card-category:focus span.h4-style, .list-view .card-category:hover h4, .list-view .card-category:hover span.h4-style {
            color: #000
        }

        .catalogNavigationFullWidthList .card-category:focus p, .catalogNavigationFullWidthList .card-category:hover p, .list-view .card-category:focus p, .list-view .card-category:hover p {
            color: #262626
        }

    .catalogNavigationFullWidthList .card-category .img-wrapper, .list-view .card-category .img-wrapper {
        min-height: 12.3rem;
        display: inline-block
    }

    .catalogNavigationFullWidthList .card-category .card-img-top, .list-view .card-category .card-img-top {
        display: inline-block;
        padding: 0;
        width: 12.3rem
    }

    .catalogNavigationFullWidthList .card-category .card-body, .list-view .card-category .card-body {
        display: inline-block;
        min-height: auto;
        padding: 1.2rem;
        width: 55%
    }

        .catalogNavigationFullWidthList .card-category .card-body h4, .catalogNavigationFullWidthList .card-category .card-body span.h4-style, .list-view .card-category .card-body h4, .list-view .card-category .card-body span.h4-style {
            color: #000;
            line-height: 1.4;
            display: block
        }

        .catalogNavigationFullWidthList .card-category .card-body .h3-style.card-title, .list-view .card-category .card-body .h3-style.card-title {
            color: #000;
            overflow: hidden;
            text-transform: none
        }

        .catalogNavigationFullWidthList .card-category .card-body p, .list-view .card-category .card-body p {
            color: #262626;
            line-height: 1
        }

    .catalogNavigationFullWidthList .card-category .card-title, .list-view .card-category .card-title {
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .catalogNavigationFullWidthList .card-category .card-footer, .list-view .card-category .card-footer {
        display: inline-block;
        background-color: #fff;
        border: none;
        padding: 0
    }

        .catalogNavigationFullWidthList .card-category .card-footer p, .list-view .card-category .card-footer p {
            color: #262626;
            line-height: 1
        }

    .catalogNavigationFullWidthList .card-category.card-subcategories a, .list-view .card-category.card-subcategories a {
        color: #000
    }

        .catalogNavigationFullWidthList .card-category.card-subcategories a:hover, .list-view .card-category.card-subcategories a:hover {
            color: #000;
            text-decoration: none
        }

    .catalogNavigationFullWidthList .card-category.card-subcategories .card-body, .list-view .card-category.card-subcategories .card-body {
        vertical-align: top;
        width: 61%;
        padding: 1.2rem 1.2rem 1.2rem 0
    }

@media(min-width: 576px) {
    .catalogNavigationFullWidthList .card-category.card-subcategories .card-body, .list-view .card-category.card-subcategories .card-body {
        width: 40%;
        padding: 1.2rem
    }
}

.catalogNavigationFullWidthList .card-category.card-subcategories .card-title, .list-view .card-category.card-subcategories .card-title {
    padding: 0
}

    .catalogNavigationFullWidthList .card-category.card-subcategories .card-title.h3-style, .list-view .card-category.card-subcategories .card-title.h3-style {
        line-height: 1.2
    }

.catalogNavigationFullWidthList .card-category.card-subcategories .card-text, .list-view .card-category.card-subcategories .card-text {
    line-height: 1;
    display: block;
    color: #262626
}

.catalogNavigationFullWidthList .card-category.card-subcategories .card-footer, .list-view .card-category.card-subcategories .card-footer {
    background: none;
    position: relative;
    margin: -4.2rem 0 0 12.6rem;
    padding: .8rem 1.2rem .8rem 0;
    display: inline-block;
    vertical-align: top;
    width: 56%;
    border-top: 1px solid #ededed
}

@media(min-width: 576px) {
    .catalogNavigationFullWidthList .card-category.card-subcategories .card-footer, .list-view .card-category.card-subcategories .card-footer {
        width: 35%;
        padding: .8rem 1.2rem;
        margin: 0;
        border: none
    }
}

.catalogNavigationFullWidthList .card-category.card-subcategories .card-footer a, .list-view .card-category.card-subcategories .card-footer a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .catalogNavigationFullWidthList .card-category.card-subcategories .card-footer a:hover, .list-view .card-category.card-subcategories .card-footer a:hover {
        text-decoration: underline
    }

    .catalogNavigationFullWidthList .card-category.card-subcategories .card-footer a.all-categories, .list-view .card-category.card-subcategories .card-footer a.all-categories {
        color: #262626
    }

.catalogNavigationFullWidthList .card-category .skeleton-loader-img, .list-view .card-category .skeleton-loader-img {
    position: relative;
    display: inline-block;
    width: 12.3rem;
    height: 12.3rem;
    max-height: 100%;
    overflow: hidden
}

    .catalogNavigationFullWidthList .card-category .skeleton-loader-img::before, .list-view .card-category .skeleton-loader-img::before {
        content: "";
        display: block;
        position: absolute;
        left: -12.3rem;
        top: 0;
        height: 100%;
        width: 12.3rem;
        background: linear-gradient(to right, transparent 0%, #ededed 50%, transparent 100%);
        -webkit-animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
        animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite
    }

@keyframes load {
    from {
        left: -12.3rem
    }

    to {
        left: 100%
    }
}

.catalogNavigationFullWidthList .card-product, .list-view .card-product {
    display: block
}

    .catalogNavigationFullWidthList .card-product a:focus, .catalogNavigationFullWidthList .card-product a:hover, .list-view .card-product a:focus, .list-view .card-product a:hover {
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

    .catalogNavigationFullWidthList .card-product a::before, .list-view .card-product a::before {
        display: block;
        clear: both;
        content: ""
    }

    .catalogNavigationFullWidthList .card-product .card, .list-view .card-product .card {
        height: auto;
        min-height: 18.2rem
    }

    .catalogNavigationFullWidthList .card-product .card-img-top, .list-view .card-product .card-img-top {
        position: absolute;
        width: 12.7rem;
        margin-top: 1.6rem
    }

    .catalogNavigationFullWidthList .card-product .img-wrapper, .list-view .card-product .img-wrapper {
        display: inline
    }

    .catalogNavigationFullWidthList .card-product .card-body, .list-view .card-product .card-body {
        display: block;
        min-height: auto;
        height: auto;
        margin-bottom: 1.2rem;
        padding: 0;
        margin-top: 3.6rem;
        margin-left: 13.5rem;
        margin-right: 1.2rem;
        width: auto;
        overflow: hidden
    }

@media(min-width: 768px) {
    .catalogNavigationFullWidthList .card-product .card-body, .list-view .card-product .card-body {
        width: 34%
    }
}

@media(min-width: 992px) {
    .catalogNavigationFullWidthList .card-product .card-body, .list-view .card-product .card-body {
        width: 49.5%
    }
}

.catalogNavigationFullWidthList .card-product .card-body h2, .list-view .card-product .card-body h2 {
    height: auto
}

.catalogNavigationFullWidthList .card-product .card-body .price, .list-view .card-product .card-body .price {
    font-size: 2.6rem
}

    .catalogNavigationFullWidthList .card-product .card-body .price .price-per-unit, .list-view .card-product .card-body .price .price-per-unit {
        font-size: 1.5rem;
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        text-transform: none;
        color: #262626
    }

.catalogNavigationFullWidthList .card-product .card-body h4, .catalogNavigationFullWidthList .card-product .card-body .h4-style, .list-view .card-product .card-body h4, .list-view .card-product .card-body .h4-style {
    color: #000;
    line-height: 1.4
}

.catalogNavigationFullWidthList .card-product .card-body .h3-style.card-title, .list-view .card-product .card-body .h3-style.card-title {
    height: auto !important
}

.catalogNavigationFullWidthList .card-product .card-body p, .list-view .card-product .card-body p {
    height: auto
}

.catalogNavigationFullWidthList .card-product .card-title, .list-view .card-product .card-title {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.catalogNavigationFullWidthList .card-product .card-footer, .list-view .card-product .card-footer {
    padding: 0;
    border-top: .1rem solid #dedede;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 1.2rem
}

@media(min-width: 768px) {
    .catalogNavigationFullWidthList .card-product .card-footer, .list-view .card-product .card-footer {
        width: 20rem
    }
}

.catalogNavigationFullWidthList .card-product .card-footer .input-quantity, .list-view .card-product .card-footer .input-quantity {
    border-left: .1rem solid #dedede;
    border-right: .1rem solid #dedede
}

.catalogNavigationFullWidthList .card-product .card-footer .dropdown, .list-view .card-product .card-footer .dropdown {
    border-right: .1rem solid #dedede
}

@media(min-width: 768px) {
    .catalogNavigationFullWidthList .card-product .card-footer, .list-view .card-product .card-footer {
        position: absolute;
        right: 1.2rem;
        top: 0;
        margin-top: 3.6rem
    }
}

.catalogNavigationFullWidthList .card-product .card-footer p, .list-view .card-product .card-footer p {
    color: #262626;
    line-height: 1
}

.catalogNavigationFullWidthList .card-product.card-availability .card-body, .list-view .card-product.card-availability .card-body {
    height: auto
}

.catalogNavigationFullWidthList .card-model, .list-view .card-model {
    display: block
}

    .catalogNavigationFullWidthList .card-model:focus, .catalogNavigationFullWidthList .card-model:hover, .list-view .card-model:focus, .list-view .card-model:hover {
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

    .catalogNavigationFullWidthList .card-model .card, .list-view .card-model .card {
        height: auto;
        min-height: 15.1rem
    }

    .catalogNavigationFullWidthList .card-model .card-img-top, .list-view .card-model .card-img-top {
        position: absolute;
        width: 12.3rem;
        margin-top: 1.6rem
    }

    .catalogNavigationFullWidthList .card-model .img-wrapper, .list-view .card-model .img-wrapper {
        display: inline
    }

    .catalogNavigationFullWidthList .card-model .card-body, .list-view .card-model .card-body {
        display: block;
        height: auto;
        min-height: auto;
        padding: 0;
        margin-bottom: 1.2rem;
        margin-top: 3.6rem;
        margin-left: 13.5rem;
        margin-right: 1.2rem;
        width: auto;
        overflow: hidden
    }

@media(min-width: 768px) {
    .catalogNavigationFullWidthList .card-model .card-body, .list-view .card-model .card-body {
        width: 34%
    }
}

@media(min-width: 992px) {
    .catalogNavigationFullWidthList .card-model .card-body, .list-view .card-model .card-body {
        width: 49.5%
    }
}

.catalogNavigationFullWidthList .card-model .card-body h2, .list-view .card-model .card-body h2 {
    height: auto
}

.catalogNavigationFullWidthList .card-model .card-body h4, .catalogNavigationFullWidthList .card-model .card-body .h4-style, .list-view .card-model .card-body h4, .list-view .card-model .card-body .h4-style {
    color: #000;
    line-height: 1.4
}

.catalogNavigationFullWidthList .card-model .card-body .h3-style.card-title, .list-view .card-model .card-body .h3-style.card-title {
    height: auto !important
}

.catalogNavigationFullWidthList .card-model .card-body p, .list-view .card-model .card-body p {
    height: auto
}

.catalogNavigationFullWidthList .card-model .card-title, .list-view .card-model .card-title {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.catalogNavigationFullWidthList .card-model .card-footer, .list-view .card-model .card-footer {
    display: block;
    border: none;
    position: relative;
    margin-top: 1.2rem;
    width: 100%
}

@media(min-width: 768px) {
    .catalogNavigationFullWidthList .card-model .card-footer, .list-view .card-model .card-footer {
        width: 20rem;
        position: absolute;
        right: 1.2rem;
        top: 0;
        margin-top: 3.6rem
    }
}

.catalogNavigationFullWidthList .card-model .card-footer p, .list-view .card-model .card-footer p {
    color: #262626;
    line-height: 1
}

.catalogNavigationFullWidthList .card-model.card-availability .card-body, .list-view .card-model.card-availability .card-body {
    height: auto
}

.catalogNavigationFullWidthList {
    max-width: 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

    .catalogNavigationFullWidthList .card-model .img-wrapper, .catalogNavigationFullWidthList .card-product .img-wrapper {
        min-height: 0
    }

.card-webcontent {
    display: block;
    overflow: hidden
}

    .card-webcontent:focus, .card-webcontent:hover {
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

        .card-webcontent:focus h2, .card-webcontent:hover h2 {
            color: #000
        }

        .card-webcontent:focus p, .card-webcontent:hover p {
            color: #262626
        }

    .card-webcontent .card-body {
        min-height: auto
    }

        .card-webcontent .card-body span.h3-style, .card-webcontent .card-body h3 {
            color: #000;
            overflow: hidden;
            margin-bottom: .4rem
        }

        .card-webcontent .card-body p {
            color: #000;
            overflow: hidden
        }

    .card-webcontent .breadcrumb {
        margin-top: 0;
        margin-bottom: 0
    }

.card-model, .card-product {
    display: block
}

    .card-model:focus, .card-model:hover, .card-product:focus, .card-product:hover {
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

        .card-model:focus h2, .card-model:hover h2, .card-product:focus h2, .card-product:hover h2 {
            color: #000
        }

        .card-model:focus p, .card-model:hover p, .card-product:focus p, .card-product:hover p {
            color: #262626
        }

    .card-model .img-wrapper, .card-product .img-wrapper {
        min-height: 20rem
    }

    .card-model .card-img-top, .card-product .card-img-top {
        display: block;
        max-height: 20rem;
        margin: 0 auto;
        width: auto;
        padding: 0
    }

    .card-model .card-body, .card-product .card-body {
        min-height: auto;
        height: 17rem;
        padding: 2.4rem 1.2rem 1.2rem 1.2rem
    }

        .card-model .card-body h2, .card-product .card-body h2 {
            color: #000;
            height: 6.4rem;
            overflow: hidden;
            font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            text-transform: none
        }

        .card-model .card-body .h2-style, .card-model .card-body .h2-style-red, .card-product .card-body .h2-style, .card-product .card-body .h2-style-red {
            color: #000
        }

        .card-model .card-body .h3-style.card-title, .card-product .card-body .h3-style.card-title {
            color: #000;
            height: 5.4rem;
            line-height: 1.2;
            overflow: hidden;
            text-transform: none
        }

        .card-model .card-body p, .card-product .card-body p {
            color: #000;
            line-height: 1.4;
            overflow: hidden;
            -webkit-line-clamp: 4;
            max-height: calc(1em * 1.4 * 4);
            line-height: 1.4 !important
        }

            .card-model .card-body p:after, .card-product .card-body p:after {
                max-height: calc(1em * 1.4 * 4)
            }

        .card-model .card-body .bazaarvoice, .card-product .card-body .bazaarvoice {
            position: absolute;
            margin-top: -2.6rem
        }

            .card-model .card-body .bazaarvoice i, .card-product .card-body .bazaarvoice i {
                color: #c00
            }

            .card-model .card-body .bazaarvoice .bv-rating, .card-product .card-body .bazaarvoice .bv-rating {
                font-size: 1.5rem;
                color: #000
            }

    .card-model.card-availability .card-body, .card-product.card-availability .card-body {
        height: 19.6rem
    }

        .card-model.card-availability .card-body .availability, .card-product.card-availability .card-body .availability {
            margin-top: .8rem;
            color: #000;
            font-size: 1.5rem
        }

    .card-model .card-title, .card-product .card-title {
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .card-model .card-footer, .card-product .card-footer {
        border: none;
        padding: 0
    }

        .card-model .card-footer p, .card-product .card-footer p {
            color: #262626;
            line-height: 1.3;
            padding: 1.3rem 1.2rem 1.1rem;
            margin: 0;
            border-top: .1rem solid #dedede
        }

        .card-model .card-footer h4, .card-model .card-footer .h4-style, .card-product .card-footer h4, .card-product .card-footer .h4-style {
            color: #fff;
            line-height: 1.3;
            padding: 1.3rem 1.2rem 1.1rem;
            background-color: #c00;
            margin: 0
        }

        .card-model .card-footer button, .card-product .card-footer button {
            margin-bottom: 0 !important
        }

    .card-model.product, .card-product.product {
        cursor: default
    }

        .card-model.product .card, .card-product.product .card {
            height: 435px
        }

            .card-model.product .card .img-wrapper, .card-product.product .card .img-wrapper {
                background-color: #fff
            }

                .card-model.product .card .img-wrapper img, .card-product.product .card .img-wrapper img {
                    max-height: 160px
                }

            .card-model.product .card .card-body .name, .card-model.product .card .card-body h2.card-title, .card-product.product .card .card-body .name, .card-product.product .card .card-body h2.card-title {
                max-height: 44px;
                display: block;
                overflow: hidden
            }

            .card-model.product .card .card-body .price, .card-product.product .card .card-body .price {
                font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
                text-transform: uppercase;
                position: absolute;
                bottom: 135px;
                color: #c00
            }

            .card-model.product .card .card-footer, .card-product.product .card .card-footer {
                background-color: #ededed;
                border: 1px solid #fff;
                border-top: 2px solid #c00;
                padding: 1.2rem 0;
                position: absolute;
                bottom: 0;
                width: 100%
            }

                .card-model.product .card .card-footer input, .card-model.product .card .card-footer select, .card-product.product .card .card-footer input, .card-product.product .card .card-footer select {
                    text-align: left
                }

                .card-model.product .card .card-footer select, .card-product.product .card .card-footer select {
                    height: 100%
                }

                .card-model.product .card .card-footer span, .card-product.product .card .card-footer span {
                    line-height: 3rem
                }

                .card-model.product .card .card-footer.informations p, .card-product.product .card .card-footer.informations p {
                    color: #000
                }

    .card-model .skeleton-loader-img, .card-product .skeleton-loader-img {
        height: 18.8rem;
        margin-bottom: 1.2rem;
        position: relative;
        overflow: hidden
    }

        .card-model .skeleton-loader-img::before, .card-product .skeleton-loader-img::before {
            content: "";
            display: block;
            position: absolute;
            left: -20rem;
            top: 0;
            height: 100%;
            width: 20rem;
            background: linear-gradient(to right, transparent 0%, #ededed 50%, transparent 100%);
            -webkit-animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
            animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite
        }

@keyframes load {
    from {
        left: -20rem
    }

    to {
        left: 100%
    }
}

.card-model .card-text {
    margin-bottom: 0
}

.card-model.card-comparison .card-img-top {
    max-height: 15rem
}

@media(min-width: 992px) {
    .card-model.card-comparison .card-img-top {
        max-height: 17rem
    }
}

.card-model.card-comparison .card-body {
    height: 6.4rem
}

    .card-model.card-comparison .card-body .h4-style {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        display: -webkit-box;
        height: calc(1.5rem * 1.1 * 2);
        -webkit-line-clamp: 2;
        /*! autoprefixer: ignore next */
        -webkit-box-orient: vertical;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        color: #000;
        margin-bottom: 0
    }

.card-model.card-comparison .card-footer p, .card-model.card-comparison .card-footer span {
    white-space: nowrap
}

.contact-block img {
    height: 100%;
    width: auto;
    max-width: initial
}

@media(max-width: 575.98px) {
    .contact-block img {
        width: 100%;
        height: auto
    }
}

@media(min-width: 992px) {
    .contact-block img {
        width: 100%;
        height: auto
    }
}

.contact-block .card {
    border: none;
    background-color: #ededed
}

    .contact-block .card .row.no-gutters div {
        overflow: hidden
    }

.contact-block .card-body {
    min-height: 28rem;
    padding: 1.2rem;
    border-top: none
}

@media(max-width: 575.98px) {
    .contact-block .card-body {
        border-top: .2rem solid #c00;
        min-height: inherit
    }
}

@media(min-width: 992px) {
    .contact-block .card-body {
        border-top: .2rem solid #c00
    }
}

.contact-block .card-body h2 {
    color: #c00
}

.contact-block .card-body ul {
    padding-left: 1.8rem
}

.contact-block .card-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: none
}

@media(max-width: 575.98px) {
    .contact-block .card-footer {
        position: relative
    }
}

.speech-bubble-arrow-right:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #ededed;
    position: absolute;
    top: 105px;
    left: 400px
}

.speech-bubble-arrow-left:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2rem 2rem 2rem 0;
    border-color: transparent #ededed transparent transparent;
    position: absolute;
    bottom: 25%;
    left: 41%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media(max-width: 767.98px) {
    .speech-bubble-arrow-left:after {
        border-width: 2rem 2rem 0 2rem;
        border-color: #c00 transparent transparent transparent;
        position: absolute;
        bottom: auto;
        top: 14.4rem;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media(max-width: 575.98px) {
    .speech-bubble-arrow-left:after {
        top: 12.6rem
    }
}

.card-speech-bubble:hover {
    text-decoration: none
}

    .card-speech-bubble:hover > .card {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

.hr-speech-bubble-bl::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.8rem 4.8rem 0 0;
    border-color: #999 transparent transparent transparent;
    content: "";
    right: -5.6rem;
    top: 0;
    position: absolute
}

.hr-speech-bubble-br::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4.8rem 4.8rem 0;
    border-color: transparent #999 transparent transparent;
    content: "";
    right: 36.1rem;
    top: 0;
    position: absolute
}

.hr-speech-bubble-tl::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.8rem 0 0 4.8rem;
    border-color: transparent transparent transparent #c00;
    content: "";
    right: -5.6rem;
    bottom: 0;
    position: absolute
}

.hr-speech-bubble-tr::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 4.8rem 4.8rem;
    border-color: transparent transparent #c00 transparent;
    content: "";
    right: 36.1rem;
    bottom: 0;
    position: absolute
}

.slide-content.slide-content-bl.hr-speech-bubble, .slide-content.slide-content-br.hr-speech-bubble, .slide-content.slide-content-tl.hr-speech-bubble, .slide-content.slide-content-tr.hr-speech-bubble {
    width: 30%
}

.appworlds .appWorldsContentBody {
    height: 17rem;
    -webkit-line-clamp: 7;
    max-height: calc(1em * 1.6 * 7);
    line-height: 1.6 !important
}

    .appworlds .appWorldsContentBody:after {
        max-height: calc(1em * 1.6 * 7)
    }

.appworlds.applicationWorldDetail .slick.slider-reco-category {
    max-height: 28rem
}

.appworlds.applicationWorldDetail .panel-collapse {
    max-height: 45rem
}

.appWorldsComponent .appWorldsHeadline {
    margin-bottom: 2rem
}

#service-overview .card-category .card-img-top {
    max-height: 20rem
}

    #service-overview .card-category .card-img-top img {
        display: block;
        max-height: 17rem;
        margin: 0 auto;
        width: auto;
        padding: .6rem 0 0 0;
        max-width: 100%;
        height: auto
    }

#service-overview .card-category .card-body {
    min-height: 4.8rem
}

    #service-overview .card-category .card-body .tile_text {
        -webkit-line-clamp: 2;
        max-height: calc(1em * 1.4 * 2);
        line-height: 1.4 !important;
        display: -webkit-box
    }

        #service-overview .card-category .card-body .tile_text:after {
            max-height: calc(1em * 1.4 * 2)
        }

#service-overview .card-category.disabled {
    opacity: .4;
    pointer-events: none;
    cursor: default
}

    #service-overview .card-category.disabled:hover {
        box-shadow: none
    }

.card-color-swatch {
    width: 100%;
    height: 6rem
}

    .card-color-swatch.bg-white {
        border-bottom: .1rem solid #dedede
    }

.card-offer .card-body {
    height: auto !important
}

    .card-offer .card-body .h3-style {
        line-height: 1.3;
        height: 3.8rem;
        -webkit-line-clamp: 2
    }

    .card-offer .card-body p.card-text.small {
        height: 6rem;
        -webkit-line-clamp: 3
    }

    .card-offer .card-body .price {
        font-size: 2.6rem;
        height: 2.8rem
    }

        .card-offer .card-body .price .price-per-unit {
            font-size: 1.5rem;
            font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            text-transform: none;
            color: #262626
        }

.card-content:hover {
    text-decoration: none
}

    .card-content:hover .card {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

.card-content p {
    color: #000
}

.card-content .card-title, .card-content .card-text {
    height: auto;
    overflow: hidden
}

@media(min-width: 768px) {
    .card-content .card-title {
        height: 4.4rem
    }

    .card-content .card-text {
        height: 10rem
    }
}

@media(min-width: 992px) {
    .card-content .card-text {
        height: 6rem
    }
}

.ui-button .card-gray {
    line-height: 1.6
}

.ui-state-active .card-gray a, .ui-state-active .card-gray a:link, .ui-state-active .card-gray a:visited {
    color: #c00
}

.card-img-overlay-tl {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    height: 6rem;
    max-width: 9rem
}

    .card-img-overlay-tl img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto
    }

.card-img-overlay-tr {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    height: 6rem;
    max-width: 9rem
}

    .card-img-overlay-tr img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto
    }

.list-view .skeleton-loader-img {
    position: absolute;
    width: 12.3rem;
    height: 100%;
    max-height: 100%;
    top: 0
}

.list-view .card-img-overlay-tl {
    height: 3rem;
    max-width: 5rem
}

.list-view .card-img-overlay-tr {
    height: 3rem;
    max-width: 5rem;
    left: 7.2rem
}

    .list-view .card-img-overlay-tr img {
        float: right
    }

.list-view #adventBoxes a {
    text-decoration: none !important
}

@-webkit-keyframes baubleshake {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    40% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    80% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes baubleshake {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    40% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    80% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.list-view #adventBoxes .box, .list-view #adventBoxes .present {
    width: 100%;
    height: 100%
}

.list-view #adventBoxes .article {
    display: inline-block;
    width: 24rem;
    height: 24rem;
    margin: 1.2rem;
    -webkit-perspective: 850px;
    perspective: 850px
}

.list-view #adventBoxes .box {
    position: relative;
    background: linear-gradient(135deg, #cc0000 50%, #a60000 50%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-perspective: 850px;
    perspective: 850px;
    text-align: center;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.15);
    cursor: pointer;
    transition: all .3s ease-out
}

    .list-view #adventBoxes .box.active {
        background: linear-gradient(135deg, #0093dd 50%, #007ab7 50%)
    }

    .list-view #adventBoxes .box h2 {
        position: absolute;
        width: 8rem;
        height: 8rem;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
        padding: .8rem;
        font-size: 3rem;
        line-height: 6.4rem;
        color: #fff;
        background: #000;
        border-radius: 50%;
        box-shadow: inset 0 0 10px 5px rgba(0,0,0,.15)
    }

    .list-view #adventBoxes .box.openDoor.active ~ .present .bauble {
        background-color: #0093dd
    }

        .list-view #adventBoxes .box.openDoor.active ~ .present .bauble:before {
            border-color: #0093dd
        }

    .list-view #adventBoxes .box.openDoor.inactive ~ .present {
        cursor: default
    }

        .list-view #adventBoxes .box.openDoor.inactive ~ .present .bauble .h2-style, .list-view #adventBoxes .box.openDoor.inactive ~ .present .bauble .h2-style-red {
            position: relative;
            top: 2.8rem;
            font-size: 6.4rem
        }

    .list-view #adventBoxes .box.openDoor.toolate ~ .present {
        cursor: default
    }

        .list-view #adventBoxes .box.openDoor.toolate ~ .present .bauble {
            color: #000;
            background-color: #ededed
        }

            .list-view #adventBoxes .box.openDoor.toolate ~ .present .bauble .h2-style, .list-view #adventBoxes .box.openDoor.toolate ~ .present .bauble .h2-style-red {
                position: relative;
                top: 4.2rem
            }

            .list-view #adventBoxes .box.openDoor.toolate ~ .present .bauble:before {
                border-color: #ededed
            }

.list-view #adventBoxes .article:hover .box {
    background: linear-gradient(135deg, #b30000 50%, #900000 50%);
    -webkit-transform: rotateY(-97deg);
    transform: rotateY(-97deg);
    -webkit-perspective-origin: 0;
    perspective-origin: 0;
    transition: all .4s ease-in
}

    .list-view #adventBoxes .article:hover .box h2 {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .list-view #adventBoxes .article:hover .box.active {
        background: linear-gradient(135deg, #0072ab 50%, #005e8c 50%)
    }

.list-view #adventBoxes .article:hover .bauble {
    display: inline-block;
    -webkit-animation: baubleshake 1s;
    animation: baubleshake 1s;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.list-view #adventBoxes .present {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.15),inset 0 0 30px 20px rgba(0,0,0,.4);
    z-index: -1
}

.list-view #adventBoxes .bauble {
    position: relative;
    width: 12rem;
    height: 12rem;
    background: #c00;
    margin: 25% auto 0 auto;
    font-size: 6.4rem;
    font-weight: bold;
    line-height: 12rem;
    color: #fff;
    border-radius: 50%
}

    .list-view #adventBoxes .bauble .h2-style, .list-view #adventBoxes .bauble .h2-style-red {
        position: relative;
        top: 4.8rem
    }

    .list-view #adventBoxes .bauble:after {
        content: "";
        position: absolute;
        top: -5%;
        left: 50%;
        margin-left: -15%;
        width: 30%;
        height: 10%;
        background: inherit
    }

    .list-view #adventBoxes .bauble:before {
        content: "";
        width: 1.6rem;
        height: 2.4rem;
        position: absolute;
        top: -1.6rem;
        left: 50%;
        margin-left: -0.8rem;
        border-radius: 50%;
        border: .35rem solid #c00;
        z-index: 0
    }

.list-view #adventBoxes .article:hover .box.closedDoor {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    cursor: initial
}

.banner-overlap {
    top: -2.4rem;
    display: table;
    width: 100%;
    height: calc( 100% + 4.8rem );
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}

    .banner-overlap .card-body {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: -2.4rem
    }

@media(min-width: 992px) {
    .banner-overlap .card-body {
        top: auto
    }
}

.banner-overlap-img-wrapper {
    top: -100%;
    position: absolute;
    width: 100%;
    height: auto;
    max-height: 26rem
}

    .banner-overlap-img-wrapper .card-body {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: -2.4rem
    }

@media(min-width: 992px) {
    .banner-overlap-img-wrapper .card-body {
        top: auto
    }
}

.banner-overlap-img-clipped-wrapper {
    top: auto;
    position: relative;
    width: 100%;
    height: auto
}

@media(min-width: 768px) {
    .banner-overlap-img-clipped-wrapper {
        position: absolute;
        bottom: 0;
        max-height: 26rem
    }
}

@media(min-width: 992px) {
    .banner-overlap-img-clipped-wrapper {
        top: -80%
    }
}

@media(min-width: 1200px) {
    .banner-overlap-img-clipped-wrapper {
        top: -100%
    }
}

.btn-banner-overlap-wrapper {
    position: absolute;
    bottom: 0;
    left: -2.4rem
}

@media(min-width: 992px) {
    .btn-banner-overlap-wrapper {
        position: relative;
        bottom: auto;
        left: auto
    }
}

.btn-banner-overlap {
    position: relative;
    left: 5.2rem;
    width: calc( 100% - 5.6rem )
}

    .btn-banner-overlap.btn-black {
        background-color: #0093dd
    }

        .btn-banner-overlap.btn-black:hover {
            background-color: #007ab7;
            color: #fff
        }

    .btn-banner-overlap.btn-info {
        background-color: #000
    }

        .btn-banner-overlap.btn-info:hover {
            background-color: #fff;
            color: #000
        }

@media(min-width: 576px) {
    .btn-banner-overlap {
        width: calc( 100% - 12rem );
        left: 8.4rem
    }
}

@media(min-width: 768px) {
    .btn-banner-overlap {
        width: calc( 100% - 7.2rem );
        left: 6rem
    }
}

@media(min-width: 992px) {
    .btn-banner-overlap {
        left: 0;
        width: 100%
    }

        .btn-banner-overlap.btn-black {
            background-color: #000
        }

            .btn-banner-overlap.btn-black:hover {
                background-color: #fff;
                color: #000
            }

        .btn-banner-overlap.btn-info {
            background-color: #0093dd
        }

            .btn-banner-overlap.btn-info:hover {
                background-color: #007ab7;
                color: #fff
            }
}

.btn-banner-overlap.banner-overlap-circle {
    width: 26rem
}

#headerAddCart.card.card-gray .card-body h3.heading-alt {
    margin-bottom: .8rem
}

#headerAddCart.card.card-gray .card-body .buttonAddToShoppingcart {
    border: none
}

.productdetail_info_right_actions.card .card-body {
    min-height: 0
}

.skeleton-loader {
    position: relative;
    overflow: hidden;
    background-color: #ededed
}

    .skeleton-loader::before {
        content: "";
        display: block;
        position: absolute;
        left: -20rem;
        top: 0;
        height: 100%;
        width: 20rem;
        background: linear-gradient(to right, transparent 0%, rgba(222, 222, 222, 0.7) 50%, transparent 100%);
        -webkit-animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
        animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite
    }

@keyframes load {
    from {
        left: -20rem
    }

    to {
        left: 100%
    }
}

.card-model.card-model-compact, .card-model.card-product-compact, .card-model.card-reco, .card-product.card-model-compact, .card-product.card-product-compact, .card-product.card-reco {
    display: block
}

    .card-model.card-model-compact:focus, .card-model.card-model-compact:hover, .card-model.card-product-compact:focus, .card-model.card-product-compact:hover, .card-model.card-reco:focus, .card-model.card-reco:hover, .card-product.card-model-compact:focus, .card-product.card-model-compact:hover, .card-product.card-product-compact:focus, .card-product.card-product-compact:hover, .card-product.card-reco:focus, .card-product.card-reco:hover {
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

        .card-model.card-model-compact:focus h2, .card-model.card-model-compact:hover h2, .card-model.card-product-compact:focus h2, .card-model.card-product-compact:hover h2, .card-model.card-reco:focus h2, .card-model.card-reco:hover h2, .card-product.card-model-compact:focus h2, .card-product.card-model-compact:hover h2, .card-product.card-product-compact:focus h2, .card-product.card-product-compact:hover h2, .card-product.card-reco:focus h2, .card-product.card-reco:hover h2 {
            color: #000
        }

        .card-model.card-model-compact:focus p, .card-model.card-model-compact:hover p, .card-model.card-product-compact:focus p, .card-model.card-product-compact:hover p, .card-model.card-reco:focus p, .card-model.card-reco:hover p, .card-product.card-model-compact:focus p, .card-product.card-model-compact:hover p, .card-product.card-product-compact:focus p, .card-product.card-product-compact:hover p, .card-product.card-reco:focus p, .card-product.card-reco:hover p {
            color: #262626
        }

        .card-model.card-model-compact:focus .card-img-top, .card-model.card-model-compact:hover .card-img-top, .card-model.card-product-compact:focus .card-img-top, .card-model.card-product-compact:hover .card-img-top, .card-model.card-reco:focus .card-img-top, .card-model.card-reco:hover .card-img-top, .card-product.card-model-compact:focus .card-img-top, .card-product.card-model-compact:hover .card-img-top, .card-product.card-product-compact:focus .card-img-top, .card-product.card-product-compact:hover .card-img-top, .card-product.card-reco:focus .card-img-top, .card-product.card-reco:hover .card-img-top {
            transition: all ease .3s;
            -webkit-transform: translateY(-0.4rem);
            -ms-transform: translateY(-0.4rem);
            transform: translateY(-0.4rem)
        }

    .card-model.card-model-compact .img-wrapper, .card-model.card-product-compact .img-wrapper, .card-model.card-reco .img-wrapper, .card-product.card-model-compact .img-wrapper, .card-product.card-product-compact .img-wrapper, .card-product.card-reco .img-wrapper {
        min-height: 20rem
    }

    .card-model.card-model-compact .card-img-top, .card-model.card-product-compact .card-img-top, .card-model.card-reco .card-img-top, .card-product.card-model-compact .card-img-top, .card-product.card-product-compact .card-img-top, .card-product.card-reco .card-img-top {
        display: block;
        max-height: 20.4rem;
        margin: 0 auto;
        width: auto;
        padding: .4rem 0 0 0;
        transition: all ease .3s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .card-model.card-model-compact .card-body, .card-model.card-product-compact .card-body, .card-model.card-reco .card-body, .card-product.card-model-compact .card-body, .card-product.card-product-compact .card-body, .card-product.card-reco .card-body {
        min-height: auto;
        height: 15.4rem;
        padding: 0 1.2rem 1.2rem 1.2rem
    }

        .card-model.card-model-compact .card-body h2, .card-model.card-product-compact .card-body h2, .card-model.card-reco .card-body h2, .card-product.card-model-compact .card-body h2, .card-product.card-product-compact .card-body h2, .card-product.card-reco .card-body h2 {
            color: #000;
            height: 6.4rem;
            overflow: hidden;
            font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            text-transform: none
        }

        .card-model.card-model-compact .card-body .h2-style, .card-model.card-model-compact .card-body .h2-style-red, .card-model.card-product-compact .card-body .h2-style, .card-model.card-product-compact .card-body .h2-style-red, .card-model.card-reco .card-body .h2-style, .card-model.card-reco .card-body .h2-style-red, .card-product.card-model-compact .card-body .h2-style, .card-product.card-model-compact .card-body .h2-style-red, .card-product.card-product-compact .card-body .h2-style, .card-product.card-product-compact .card-body .h2-style-red, .card-product.card-reco .card-body .h2-style, .card-product.card-reco .card-body .h2-style-red {
            color: #000
        }

        .card-model.card-model-compact .card-body .h3-style.card-title, .card-model.card-product-compact .card-body .h3-style.card-title, .card-model.card-reco .card-body .h3-style.card-title, .card-product.card-model-compact .card-body .h3-style.card-title, .card-product.card-product-compact .card-body .h3-style.card-title, .card-product.card-reco .card-body .h3-style.card-title {
            color: #000;
            height: 5.4rem;
            line-height: 1.2;
            overflow: hidden;
            text-transform: none
        }

        .card-model.card-model-compact .card-body p.multiline-ellipsis, .card-model.card-product-compact .card-body p.multiline-ellipsis, .card-model.card-reco .card-body p.multiline-ellipsis, .card-product.card-model-compact .card-body p.multiline-ellipsis, .card-product.card-product-compact .card-body p.multiline-ellipsis, .card-product.card-reco .card-body p.multiline-ellipsis {
            color: #262626;
            line-height: 1.4;
            overflow: hidden;
            -webkit-line-clamp: 2;
            max-height: calc(1em * 1.4 * 2);
            line-height: 1.4 !important;
            margin-bottom: 1.2rem
        }

            .card-model.card-model-compact .card-body p.multiline-ellipsis:after, .card-model.card-product-compact .card-body p.multiline-ellipsis:after, .card-model.card-reco .card-body p.multiline-ellipsis:after, .card-product.card-model-compact .card-body p.multiline-ellipsis:after, .card-product.card-product-compact .card-body p.multiline-ellipsis:after, .card-product.card-reco .card-body p.multiline-ellipsis:after {
                max-height: calc(1em * 1.4 * 2)
            }

            .card-model.card-model-compact .card-body p.multiline-ellipsis.card-no-price, .card-model.card-product-compact .card-body p.multiline-ellipsis.card-no-price, .card-model.card-reco .card-body p.multiline-ellipsis.card-no-price, .card-product.card-model-compact .card-body p.multiline-ellipsis.card-no-price, .card-product.card-product-compact .card-body p.multiline-ellipsis.card-no-price, .card-product.card-reco .card-body p.multiline-ellipsis.card-no-price {
                -webkit-line-clamp: 4;
                max-height: calc(1em * 1.4 * 4);
                line-height: 1.4 !important
            }

                .card-model.card-model-compact .card-body p.multiline-ellipsis.card-no-price:after, .card-model.card-product-compact .card-body p.multiline-ellipsis.card-no-price:after, .card-model.card-reco .card-body p.multiline-ellipsis.card-no-price:after, .card-product.card-model-compact .card-body p.multiline-ellipsis.card-no-price:after, .card-product.card-product-compact .card-body p.multiline-ellipsis.card-no-price:after, .card-product.card-reco .card-body p.multiline-ellipsis.card-no-price:after {
                    max-height: calc(1em * 1.4 * 4)
                }

        .card-model.card-model-compact .card-body .bazaarvoice, .card-model.card-product-compact .card-body .bazaarvoice, .card-model.card-reco .card-body .bazaarvoice, .card-product.card-model-compact .card-body .bazaarvoice, .card-product.card-product-compact .card-body .bazaarvoice, .card-product.card-reco .card-body .bazaarvoice {
            position: absolute;
            margin-top: -2.6rem
        }

            .card-model.card-model-compact .card-body .bazaarvoice i, .card-model.card-product-compact .card-body .bazaarvoice i, .card-model.card-reco .card-body .bazaarvoice i, .card-product.card-model-compact .card-body .bazaarvoice i, .card-product.card-product-compact .card-body .bazaarvoice i, .card-product.card-reco .card-body .bazaarvoice i {
                color: #c00
            }

            .card-model.card-model-compact .card-body .bazaarvoice .bv-rating, .card-model.card-product-compact .card-body .bazaarvoice .bv-rating, .card-model.card-reco .card-body .bazaarvoice .bv-rating, .card-product.card-model-compact .card-body .bazaarvoice .bv-rating, .card-product.card-product-compact .card-body .bazaarvoice .bv-rating, .card-product.card-reco .card-body .bazaarvoice .bv-rating {
                font-size: 1.5rem;
                color: #000
            }

        .card-model.card-model-compact .card-body .price, .card-model.card-product-compact .card-body .price, .card-model.card-reco .card-body .price, .card-product.card-model-compact .card-body .price, .card-product.card-product-compact .card-body .price, .card-product.card-reco .card-body .price {
            font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            font-size: 2.4rem;
            line-height: 1;
            color: #c00
        }

            .card-model.card-model-compact .card-body .price .price-per-unit, .card-model.card-product-compact .card-body .price .price-per-unit, .card-model.card-reco .card-body .price .price-per-unit, .card-product.card-model-compact .card-body .price .price-per-unit, .card-product.card-product-compact .card-body .price .price-per-unit, .card-product.card-reco .card-body .price .price-per-unit {
                font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
                font-size: 1.5rem;
                color: #262626;
                line-height: 1;
                text-transform: none
            }

    .card-model.card-model-compact.card-availability .card-body, .card-model.card-product-compact.card-availability .card-body, .card-model.card-reco.card-availability .card-body, .card-product.card-model-compact.card-availability .card-body, .card-product.card-product-compact.card-availability .card-body, .card-product.card-reco.card-availability .card-body {
        height: 19.6rem
    }

        .card-model.card-model-compact.card-availability .card-body .availability, .card-model.card-product-compact.card-availability .card-body .availability, .card-model.card-reco.card-availability .card-body .availability, .card-product.card-model-compact.card-availability .card-body .availability, .card-product.card-product-compact.card-availability .card-body .availability, .card-product.card-reco.card-availability .card-body .availability {
            margin-top: .8rem;
            color: #000;
            font-size: 1.5rem
        }

    .card-model.card-model-compact .card-title, .card-model.card-product-compact .card-title, .card-model.card-reco .card-title, .card-product.card-model-compact .card-title, .card-product.card-product-compact .card-title, .card-product.card-reco .card-title {
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .card-model.card-model-compact .card-footer, .card-model.card-product-compact .card-footer, .card-model.card-reco .card-footer, .card-product.card-model-compact .card-footer, .card-product.card-product-compact .card-footer, .card-product.card-reco .card-footer {
        padding: 0;
        border-top: .1rem solid #ededed !important;
        height: 3.9rem;
        background: #fff
    }

        .card-model.card-model-compact .card-footer p, .card-model.card-product-compact .card-footer p, .card-model.card-reco .card-footer p, .card-product.card-model-compact .card-footer p, .card-product.card-product-compact .card-footer p, .card-product.card-reco .card-footer p {
            color: #262626;
            line-height: 1;
            padding: 1.2rem 1.2rem 1.1rem
        }

        .card-model.card-model-compact .card-footer .input-quantity, .card-model.card-model-compact .card-footer select.custom-select, .card-model.card-product-compact .card-footer .input-quantity, .card-model.card-product-compact .card-footer select.custom-select, .card-model.card-reco .card-footer .input-quantity, .card-model.card-reco .card-footer select.custom-select, .card-product.card-model-compact .card-footer .input-quantity, .card-product.card-model-compact .card-footer select.custom-select, .card-product.card-product-compact .card-footer .input-quantity, .card-product.card-product-compact .card-footer select.custom-select, .card-product.card-reco .card-footer .input-quantity, .card-product.card-reco .card-footer select.custom-select {
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            height: 3.8rem
        }

        .card-model.card-model-compact .card-footer .input-quantity, .card-model.card-product-compact .card-footer .input-quantity, .card-model.card-reco .card-footer .input-quantity, .card-product.card-model-compact .card-footer .input-quantity, .card-product.card-product-compact .card-footer .input-quantity, .card-product.card-reco .card-footer .input-quantity {
            width: calc( ( 100% - 4.2rem ) / 2 + 0.1rem )
        }

        .card-model.card-model-compact .card-footer select.custom-select, .card-model.card-product-compact .card-footer select.custom-select, .card-model.card-reco .card-footer select.custom-select, .card-product.card-model-compact .card-footer select.custom-select, .card-product.card-product-compact .card-footer select.custom-select, .card-product.card-reco .card-footer select.custom-select {
            width: calc( ( 100% - 4.2rem ) / 2 );
            margin-left: -0.3rem;
            margin-top: -0.5rem;
            border-left: .1rem solid #ededed
        }

            .card-model.card-model-compact .card-footer select.custom-select.fixed-value:disabled, .card-model.card-product-compact .card-footer select.custom-select.fixed-value:disabled, .card-model.card-reco .card-footer select.custom-select.fixed-value:disabled, .card-product.card-model-compact .card-footer select.custom-select.fixed-value:disabled, .card-product.card-product-compact .card-footer select.custom-select.fixed-value:disabled, .card-product.card-reco .card-footer select.custom-select.fixed-value:disabled {
                width: calc( ( 100% - 4.2rem ) / 2 + 0.2rem );
                margin-left: -0.4rem;
                color: #000;
                background: #ededed;
                opacity: 1
            }

                .card-model.card-model-compact .card-footer select.custom-select.fixed-value:disabled > option, .card-model.card-product-compact .card-footer select.custom-select.fixed-value:disabled > option, .card-model.card-reco .card-footer select.custom-select.fixed-value:disabled > option, .card-product.card-model-compact .card-footer select.custom-select.fixed-value:disabled > option, .card-product.card-product-compact .card-footer select.custom-select.fixed-value:disabled > option, .card-product.card-reco .card-footer select.custom-select.fixed-value:disabled > option {
                    color: #000;
                    opacity: 1
                }

        .card-model.card-model-compact .card-footer a.btn-quantity-minus, .card-model.card-model-compact .card-footer a.btn-quantity-plus, .card-model.card-model-compact .card-footer .input-quantity.input-group .form-control, .card-model.card-product-compact .card-footer a.btn-quantity-minus, .card-model.card-product-compact .card-footer a.btn-quantity-plus, .card-model.card-product-compact .card-footer .input-quantity.input-group .form-control, .card-model.card-reco .card-footer a.btn-quantity-minus, .card-model.card-reco .card-footer a.btn-quantity-plus, .card-model.card-reco .card-footer .input-quantity.input-group .form-control, .card-product.card-model-compact .card-footer a.btn-quantity-minus, .card-product.card-model-compact .card-footer a.btn-quantity-plus, .card-product.card-model-compact .card-footer .input-quantity.input-group .form-control, .card-product.card-product-compact .card-footer a.btn-quantity-minus, .card-product.card-product-compact .card-footer a.btn-quantity-plus, .card-product.card-product-compact .card-footer .input-quantity.input-group .form-control, .card-product.card-reco .card-footer a.btn-quantity-minus, .card-product.card-reco .card-footer a.btn-quantity-plus, .card-product.card-reco .card-footer .input-quantity.input-group .form-control {
            height: 3.8rem
        }

        .card-model.card-model-compact .card-footer .card-text, .card-model.card-product-compact .card-footer .card-text, .card-model.card-reco .card-footer .card-text, .card-product.card-model-compact .card-footer .card-text, .card-product.card-product-compact .card-footer .card-text, .card-product.card-reco .card-footer .card-text {
            width: calc( 100% - 4.1rem );
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            height: 3.8rem;
            border-top: none
        }

        .card-model.card-model-compact .card-footer .btn-cta, .card-model.card-product-compact .card-footer .btn-cta, .card-model.card-reco .card-footer .btn-cta, .card-product.card-model-compact .card-footer .btn-cta, .card-product.card-product-compact .card-footer .btn-cta, .card-product.card-reco .card-footer .btn-cta {
            width: 4rem;
            height: 4rem;
            position: absolute;
            right: -1px;
            bottom: -1px
        }

            .card-model.card-model-compact .card-footer .btn-cta i, .card-model.card-product-compact .card-footer .btn-cta i, .card-model.card-reco .card-footer .btn-cta i, .card-product.card-model-compact .card-footer .btn-cta i, .card-product.card-product-compact .card-footer .btn-cta i, .card-product.card-reco .card-footer .btn-cta i {
                margin-left: -0.3rem
            }

    .card-model.card-reco .card-body {
        height: 6.6rem;
        padding: 0 1.2rem 1.2rem 1.2rem
    }

        .card-model.card-reco .card-body .card-title {
            margin-bottom: 0
        }

.card-body.overlay-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 .4rem .4rem;
    overflow: hidden;
    height: 100%;
    max-height: 8rem;
    transition: max-height .2s ease-in-out
}

.card-link:hover .card-body.overlay-bottom {
    max-height: 100%;
    transition: max-height .2s ease-in-out
}

.card-link .img-wrapper.hover-transition {
    overflow: hidden
}

    .card-link .img-wrapper.hover-transition .img-resize {
        transition: all .3s ease-in-out;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    .card-link .img-wrapper.hover-transition.h-100 .img-resize {
        -o-object-fit: cover;
        object-fit: cover;
        min-height: 100%
    }

.card-link:hover .img-wrapper.hover-transition .img-resize {
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03)
}

.card-address {
    height: 32rem
}

    .card-address > .card-body {
        padding: 2rem
    }

    .card-address .h3-style {
        text-transform: none
    }

    .card-address .block-costunit {
        height: 6rem
    }

    .card-address .block-address {
        height: 10rem
    }

    .card-address .block-default {
        height: 6rem
    }

    .card-address .block-buttons {
        height: 3rem
    }

    .card-address.card-address-new > a {
        width: 100%;
        height: 100%;
        border-width: 2px;
        border-style: dashed;
        display: block;
        line-height: 32rem
    }

.magazine-image-container {
    position: relative;
    height: 100%;
    width: auto;
    overflow: hidden
}

@media(min-width: 768px) {
    .magazine-image-container {
        min-height: 20rem
    }
}

@media(min-width: 992px) {
    .magazine-image-container {
        min-height: 24rem
    }
}

@media(min-width: 1200px) {
    .magazine-image-container {
        min-height: 25rem
    }
}

.magazine-image-container.full-width {
    min-height: 35.8rem
}

@media(min-width: 576px) {
    .magazine-image-container.full-width {
        min-height: 26.8rem
    }
}

@media(min-width: 768px) {
    .magazine-image-container.full-width {
        min-height: 30rem
    }
}

@media(min-width: 992px) {
    .magazine-image-container.full-width {
        min-height: 25rem
    }
}

.magazine-image-container.magazine-small-teaser {
    min-height: 0rem
}

@media(min-width: 576px)and (max-width: 991px) {
    .magazine-image-container.magazine-small-teaser img.h-100 {
        height: 115% !important
    }
}

.magazine-image-container .image-resize {
    position: absolute;
    width: auto;
    left: 50%;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.magazine-title {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    font-size: 1.6rem;
    line-height: 1.25;
    max-height: 6rem;
    -webkit-line-clamp: 3;
    white-space: normal
}

    .magazine-title.h3-style {
        height: 7.48rem;
        max-height: 7.48rem;
        -webkit-line-clamp: 4
    }

@media(min-width: 768px) {
    .magazine-title {
        line-height: 1.9rem;
        max-height: 5.7rem;
        height: 5.7rem;
        -webkit-line-clamp: 3
    }

        .magazine-title.h3-style {
            max-height: 5.7rem;
            height: 5.7rem;
            -webkit-line-clamp: 3
        }
}

@media(min-width: 992px) {
    .magazine-title {
        font-size: 2rem;
        line-height: 2.2rem;
        max-height: 6.6rem;
        height: 6.6rem
    }

        .magazine-title.h3-style {
            height: 7.48rem;
            max-height: 7.48rem;
            -webkit-line-clamp: 4
        }
}

.magazine-title.full-width {
    font-size: 2rem;
    -webkit-line-clamp: 6;
    line-height: 2.2rem;
    max-height: 13.2rem;
    height: auto
}

@media(min-width: 768px) {
    .magazine-title.full-width {
        font-size: 3rem;
        line-height: 3.3rem;
        max-height: 9.9rem
    }
}

.text-truncate.magazine-intro {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    line-height: 2.3rem;
    max-height: 6.9rem;
    -webkit-line-clamp: 3;
    white-space: normal
}

.login-box {
    width: 48rem;
    height: 43rem
}

.collapse.show-more {
    position: relative
}

    .collapse.show-more:not(.show) {
        display: block;
        max-height: 48rem;
        overflow: hidden
    }

.collapse .show-more-gradient {
    bottom: -4.8rem
}

    .collapse .show-more-gradient:after {
        display: none
    }

    .collapse .show-more-gradient.collapsed {
        position: absolute;
        bottom: 0;
        width: 100%
    }

        .collapse .show-more-gradient.collapsed:after {
            position: absolute;
            height: 9.6rem;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 12%, rgba(255, 255, 255, 0.9) 34%, rgba(255, 255, 255, 0.96) 57%, white 73%);
            clear: both;
            content: " ";
            display: block
        }

        .collapse .show-more-gradient.collapsed .btn:after {
            content: "Mehr anzeigen"
        }

    .collapse .show-more-gradient .btn {
        z-index: 10
    }

        .collapse .show-more-gradient .btn:after {
            content: "Weniger anzeigen"
        }

.responsiveB4 .familyFilter button.ui-multiselect, .responsiveB4 .familyFilter select.ui-multiselect, .responsiveB4 .multiselect-wrapper button.ui-multiselect {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
    font-size: 1.7rem !important;
    line-height: 1.1 !important;
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    margin-bottom: 1.2rem !important;
    padding: 1.3rem 4rem 1.1rem 1.2rem !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    text-transform: none !important;
    text-overflow: ellipsis !important;
    color: #000;
    border: none;
    border-radius: initial;
    background-color: #fff !important;
    background-image: none
}

    .responsiveB4 .familyFilter button.ui-multiselect.ui-state-active, .responsiveB4 .familyFilter button.ui-multiselect:active, .responsiveB4 .familyFilter button.ui-multiselect:hover, .responsiveB4 .familyFilter select.ui-multiselect.ui-state-active, .responsiveB4 .familyFilter select.ui-multiselect:active, .responsiveB4 .familyFilter select.ui-multiselect:hover, .responsiveB4 .multiselect-wrapper button.ui-multiselect.ui-state-active, .responsiveB4 .multiselect-wrapper button.ui-multiselect:active, .responsiveB4 .multiselect-wrapper button.ui-multiselect:hover {
        background-color: #fcfcfc !important
    }

    .responsiveB4 .familyFilter button.ui-multiselect:after, .responsiveB4 .familyFilter select.ui-multiselect:after, .responsiveB4 .multiselect-wrapper button.ui-multiselect:after {
        font-family: Wuerthicons !important;
        font-size: 2rem !important;
        position: absolute !important;
        top: 1.1rem !important;
        right: 1.2rem !important;
        width: auto !important;
        height: auto !important;
        margin-left: 0 !important;
        content: "\eac5" !important;
        transition: all ease .3s !important;
        -webkit-transform: rotate(0deg) !important;
        -ms-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        vertical-align: middle !important;
        text-decoration: none !important;
        color: #c00 !important;
        border: none !important
    }

    .responsiveB4 .familyFilter button.ui-multiselect.ui-state-active:after, .responsiveB4 .familyFilter select.ui-multiselect.ui-state-active:after, .responsiveB4 .multiselect-wrapper button.ui-multiselect.ui-state-active:after {
        top: .9rem !important;
        transition: all ease .3s !important;
        -webkit-transform: rotate(180deg) !important;
        -ms-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important
    }

@media(max-width: 575.98px) {
    .responsiveB4 .familyFilter button.ui-multiselect > .buttonLabel, .responsiveB4 .familyFilter select.ui-multiselect > .buttonLabel, .responsiveB4 .multiselect-wrapper button.ui-multiselect > .buttonLabel {
        max-width: 25rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
}

.responsiveB4 .filter-row th {
    padding: 1.2rem 1.2rem 0 !important
}

.responsiveB4 .filter-row .row {
    margin-right: -0.8rem !important;
    margin-left: -0.8rem !important
}

    .responsiveB4 .filter-row .row .col.multiselect-wrapper {
        padding: 0 .8rem !important
    }

.responsiveB4 .filter-row .filter-row-selected-filters {
    margin-bottom: .8rem
}

.responsiveB4 .modal-content .familyFilter button.ui-multiselect, .responsiveB4 .modal-content .familyFilter select.ui-multiselect {
    background-color: #ededed !important
}

    .responsiveB4 .modal-content .familyFilter button.ui-multiselect.ui-state-active, .responsiveB4 .modal-content .familyFilter button.ui-multiselect:active, .responsiveB4 .modal-content .familyFilter button.ui-multiselect:hover, .responsiveB4 .modal-content .familyFilter select.ui-multiselect.ui-state-active, .responsiveB4 .modal-content .familyFilter select.ui-multiselect:active, .responsiveB4 .modal-content .familyFilter select.ui-multiselect:hover {
        background-color: #eaeaea !important
    }

.responsiveB4 .ui-multiselect > span.ui-icon, .responsiveB4 button.sortchildcategories.ui-multiselect > span.ui-icon {
    display: none !important
}

.responsiveB4 .familyFilter.moreFilters > a {
    margin-bottom: 1.2rem
}

.responsiveB4 .ui-multiselect-menu-relative.ui-widget.ui-widget-content.ui-corner-all, .responsiveB4 .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
    position: absolute !important;
    z-index: 998 !important;
    top: 4rem !important;
    margin: 0 !important;
    transition: opacity .3s,max-height 1s !important;
    border: none !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

@media(max-width: 767.98px) {
    .responsiveB4 .ui-multiselect-menu-relative.ui-widget.ui-widget-content.ui-corner-all, .responsiveB4 .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
        width: calc( 100% - 1.6rem ) !important
    }
}

.responsiveB4 .ui-multiselect-menu-relative.ui-widget.ui-widget-content.ui-corner-all .ui-multiselect-checkboxes.ui-helper-reset, .responsiveB4 .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all .ui-multiselect-checkboxes.ui-helper-reset {
    height: auto !important;
    max-height: 29rem !important;
    border-top: .1rem solid #dedede
}

@media(max-width: 767.98px) {
    .responsiveB4 .ui-multiselect-menu-relative.ui-widget.ui-widget-content.ui-corner-all .ui-multiselect-checkboxes.ui-helper-reset, .responsiveB4 .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all .ui-multiselect-checkboxes.ui-helper-reset {
        width: calc( 100% - 1.8rem ) !important
    }
}

.responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton {
    position: absolute !important;
    z-index: 998 !important;
    width: calc( 100% - 16px ) !important;
    margin: 0 !important;
    padding: 0;
    transition: opacity .3s,max-height 1s !important;
    border: none !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

    .responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-multiselect-header .ui-helper-reset li, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-multiselect-header .ui-helper-reset li {
        float: left;
        width: 50%;
        border-bottom: 1px solid #ececec
    }

        .responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-multiselect-header .ui-helper-reset li.ui-multiselect-close, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-multiselect-header .ui-helper-reset li.ui-multiselect-close {
            display: none
        }

        .responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-multiselect-header .ui-helper-reset li:first-child, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-multiselect-header .ui-helper-reset li:first-child {
            border-right: 1px solid #ececec
        }

    .responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-multiselect-checkboxes.ui-helper-reset, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-multiselect-checkboxes.ui-helper-reset {
        height: auto !important;
        max-height: 18rem !important
    }

    .responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-widget-header, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-widget-header {
        margin: 0;
        padding: 0;
        border: none;
        background: none
    }

        .responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-widget-header .ui-helper-reset li, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-widget-header .ui-helper-reset li {
            padding: 0
        }

            .responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-widget-header .ui-helper-reset li a, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-widget-header .ui-helper-reset li a {
                font-size: 1.3rem !important;
                font-weight: normal !important;
                line-height: 1.6 !important;
                display: block !important;
                height: auto !important;
                padding: .8rem 0 !important;
                text-align: center !important
            }

                .responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-widget-header .ui-helper-reset li a:hover, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-widget-header .ui-helper-reset li a:hover {
                    text-decoration: none !important;
                    background-color: #ededed !important
                }

                .responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-widget-header .ui-helper-reset li a .ui-icon, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-widget-header .ui-helper-reset li a .ui-icon {
                    display: none !important
                }

    .responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-multiselect-menu ul li label, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-multiselect-menu ul li label {
        line-height: 1.6 !important;
        height: auto !important
    }

.responsiveB4 .ui-multiselect-checkboxes {
    overflow-y: auto !important
}

    .responsiveB4 .ui-multiselect-checkboxes li {
        font-weight: normal;
        padding: 0 !important
    }

        .responsiveB4 .ui-multiselect-checkboxes li label {
            font-size: 1.5rem !important;
            line-height: 1.6 !important;
            display: block;
            overflow: hidden;
            margin-bottom: 0 !important;
            padding: .8rem 1.2rem !important;
            cursor: pointer !important;
            border: none !important
        }

            .responsiveB4 .ui-multiselect-checkboxes li label:active {
                color: #262626 !important
            }

            .responsiveB4 .ui-multiselect-checkboxes li label input {
                display: none
            }

                .responsiveB4 .ui-multiselect-checkboxes li label input:checked ~ .custom-control-indicator {
                    color: #c00 !important
                }

                    .responsiveB4 .ui-multiselect-checkboxes li label input:checked ~ .custom-control-indicator:before {
                        font-family: Wuerthicons !important;
                        font-size: 1.75rem !important;
                        position: absolute !important;
                        top: -0.25rem !important;
                        left: .2rem !important;
                        content: "\eb23" !important
                    }

            .responsiveB4 .ui-multiselect-checkboxes li label .custom-control-indicator {
                top: initial !important;
                left: initial !important;
                margin-top: -2rem !important;
                width: 2rem;
                height: 2rem;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                background-color: #fff;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 50% 50%
            }

                .responsiveB4 .ui-multiselect-checkboxes li label .custom-control-indicator.checkbox-border {
                    position: relative;
                    display: block;
                    float: left;
                    margin: 0 !important;
                    padding: 0;
                    border: .1rem solid #bfbfbf !important
                }

                    .responsiveB4 .ui-multiselect-checkboxes li label .custom-control-indicator.checkbox-border ~ span {
                        line-height: 1.6 !important;
                        position: relative;
                        display: block;
                        float: left;
                        width: 84%;
                        height: auto !important;
                        padding-right: 3rem !important;
                        padding-left: .5rem !important
                    }

            .responsiveB4 .ui-multiselect-checkboxes li label .countOfProducts {
                font-size: 1rem !important;
                font-weight: bold !important;
                line-height: 1 !important;
                position: absolute;
                top: 0;
                right: 0;
                display: inline-block !important;
                float: right !important;
                margin-top: 0 !important;
                padding: .5rem .8rem !important;
                text-align: center !important;
                vertical-align: middle !important;
                white-space: nowrap !important;
                color: #111 !important;
                background-color: #dedede !important
            }

            .responsiveB4 .ui-multiselect-checkboxes li label.ui-state-hover-grey .countOfProducts {
                background-color: #fff !important
            }

.responsiveB4 .ui-button.ui-corner-all.ui-widget.ui-multiselect-accept {
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
    font-size: 1.5rem !important;
    width: 100% !important;
    margin: 0 !important;
    padding: .8rem 1.2rem !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background-color: #c00 !important
}

    .responsiveB4 .ui-button.ui-corner-all.ui-widget.ui-multiselect-accept:active, .responsiveB4 .ui-button.ui-corner-all.ui-widget.ui-multiselect-accept:hover {
        background-color: #a60000 !important
    }

.responsiveB4 .titleOfSelectedFilters {
    line-height: 3rem !important
}

.responsiveB4 .listOfSelectedFilters {
    padding: 0 1.2rem .8rem !important
}

.responsiveB4 .c15l, .responsiveB4 .filter-row-selected-filters-left {
    display: inline-block !important;
    width: auto !important;
    margin-right: .4rem !important;
    vertical-align: top !important
}

    .responsiveB4 .c15l .filter-row-selected-filters-label, .responsiveB4 .filter-row-selected-filters-left .filter-row-selected-filters-label {
        font-size: 1.7rem !important;
        font-weight: normal !important;
        line-height: 3rem !important
    }

.responsiveB4 .c85r {
    display: inline-block !important;
    width: auto !important;
    max-width: calc( 100% - 8.8rem ) !important
}

.responsiveB4 .selectedFilterValue {
    font-size: 1.5rem !important;
    line-height: 1.1 !important;
    position: relative !important;
    display: inline-block !important;
    margin-bottom: .4rem !important;
    padding: .9rem 1.2rem .7rem 3.2rem !important;
    background-color: #fff !important
}

    .responsiveB4 .selectedFilterValue:active, .responsiveB4 .selectedFilterValue:hover {
        cursor: pointer !important;
        background-color: #fcfcfc !important
    }

    .responsiveB4 .selectedFilterValue:last-of-type {
        padding: .9rem 1.2rem .7rem !important
    }

        .responsiveB4 .selectedFilterValue:last-of-type .ui-icon.ui-icon-closethick {
            display: none !important
        }

.responsiveB4 .ui-icon.ui-icon-closethick {
    font-family: Wuerthicons !important;
    font-size: 1.5rem !important;
    position: absolute !important;
    left: 1.2rem !important;
    width: auto !important;
    height: auto !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    color: #c00 !important;
    border: none !important;
    background-image: none !important
}

    .responsiveB4 .ui-icon.ui-icon-closethick:before {
        content: "\eae3" !important
    }

#deselect-filter-list {
    display: inline-block !important;
    margin-bottom: 0 !important;
    padding: 0 !important
}

    #deselect-filter-list li {
        font-size: 1.5rem !important;
        font-weight: normal !important;
        line-height: 1.1 !important;
        position: relative !important;
        display: inline-block !important;
        margin: 0 .4rem .4rem 0 !important;
        padding: .9rem 1.2rem .7rem 3.2rem !important;
        background-color: #fff !important
    }

        #deselect-filter-list li:active, #deselect-filter-list li:hover {
            cursor: pointer !important;
            background-color: #fcfcfc !important
        }

        #deselect-filter-list li i.icon-interface-cross {
            position: absolute !important;
            left: 1.2rem !important;
            color: #c00 !important
        }

        #deselect-filter-list li span:first-of-type:after {
            content: ": "
        }

        #deselect-filter-list li.linkToRemoveAllFilters {
            font-size: 1.5rem !important;
            font-weight: normal !important;
            line-height: 1.1 !important;
            position: relative !important;
            display: inline-block !important;
            margin-bottom: .4rem !important;
            padding: .9rem 1.2rem .7rem !important;
            background-color: #fff !important
        }

            #deselect-filter-list li.linkToRemoveAllFilters:active, #deselect-filter-list li.linkToRemoveAllFilters:hover {
                cursor: pointer !important;
                background-color: #fcfcfc !important
            }

            #deselect-filter-list li.linkToRemoveAllFilters i.icon-interface-cross {
                display: none !important
            }

            #deselect-filter-list li.linkToRemoveAllFilters span:after {
                content: ""
            }

@media(min-width: 768px) {
    .productAreaFilters {
        min-height: 22rem
    }
}

@media(min-width: 992px) {
    .productAreaFilters {
        min-height: 16.8rem
    }
}

@media(min-width: 1200px) {
    .productAreaFilters {
        min-height: 11.6rem
    }
}

#productAreaFiltersContainer .familyFilter:not(.moreFilters):nth-child(n+8) {
    display: none
}

#productAreaFiltersContainer .pseudo-filter {
    margin: 0px 0px 12px 0px;
    border-radius: .4rem !important;
    line-height: 1 !important;
    background-color: #dedede;
    height: 32px
}

.modelTile, .category-tile {
    transition: all .4s ease-in-out
}

.filter-slider {
    overflow: hidden;
    white-space: nowrap;
    display: block
}

    .filter-slider .filter-slider-item {
        display: inline-block
    }

.horizontal-scroll {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-overflow-scrolling: touch;
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden
}

    .horizontal-scroll .filter-slider-item {
        display: inline-block;
        white-space: nowrap
    }

::-webkit-input-placeholder {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #999
}

::-moz-placeholder {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #999
}

:-ms-input-placeholder {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #999
}

input:-moz-placeholder {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #999
}

input, select {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}

    button.input-sm, input.input-sm, select.input-sm, span.input-sm {
        font-size: 1.5rem;
        line-height: 1.3;
        height: 4rem
    }

.form-control:focus {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

.btn.dropdown-toggle:focus, .btn.dropdown-toggle:hover, .input-group:focus, .input-group:hover, input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover, .custom-select:focus, .custom-select:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

.btn.dropdown-toggle.input-border, .input-group.input-border, input.input-border, select.input-border, textarea.input-border, .custom-select.input-border {
    border: .1rem solid #dedede
}

    .btn.dropdown-toggle.input-border.form-control:focus, .btn.dropdown-toggle.input-border.form-control:hover, .input-group.input-border.form-control:focus, .input-group.input-border.form-control:hover, input.input-border.form-control:focus, input.input-border.form-control:hover, select.input-border.form-control:focus, select.input-border.form-control:hover, textarea.input-border.form-control:focus, textarea.input-border.form-control:hover, .custom-select.input-border.form-control:focus, .custom-select.input-border.form-control:hover {
        border: .1rem solid #dedede;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

    .btn.dropdown-toggle.input-border.dropdown-toggle, .input-group.input-border.dropdown-toggle, input.input-border.dropdown-toggle, select.input-border.dropdown-toggle, textarea.input-border.dropdown-toggle, .custom-select.input-border.dropdown-toggle {
        padding-top: 1.2rem;
        padding-bottom: 1rem
    }

        .btn.dropdown-toggle.input-border.dropdown-toggle.dropdown-sm-font.dropdown-sm, .input-group.input-border.dropdown-toggle.dropdown-sm-font.dropdown-sm, input.input-border.dropdown-toggle.dropdown-sm-font.dropdown-sm, select.input-border.dropdown-toggle.dropdown-sm-font.dropdown-sm, textarea.input-border.dropdown-toggle.dropdown-sm-font.dropdown-sm, .custom-select.input-border.dropdown-toggle.dropdown-sm-font.dropdown-sm {
            padding-top: .7rem;
            padding-bottom: .5rem
        }

.btn.dropdown-toggle.invalid-input, .input-group.invalid-input, input.invalid-input, select.invalid-input, textarea.invalid-input, .custom-select.invalid-input {
    border: .1rem solid #ee7f00
}

.btn.dropdown-toggle.disabled, .btn.dropdown-toggle:disabled, .input-group.disabled, .input-group:disabled, input.disabled, input:disabled, select.disabled, select:disabled, textarea.disabled, textarea:disabled, .custom-select.disabled, .custom-select:disabled {
    background-color: #dedede;
    color: #999;
    cursor: default
}

    .btn.dropdown-toggle.disabled:hover, .btn.dropdown-toggle:disabled:hover, .input-group.disabled:hover, .input-group:disabled:hover, input.disabled:hover, input:disabled:hover, select.disabled:hover, select:disabled:hover, textarea.disabled:hover, textarea:disabled:hover, .custom-select.disabled:hover, .custom-select:disabled:hover {
        box-shadow: none
    }

.invalid-feedback {
    border: 1px solid #ee7f00;
    margin-top: 0
}

.errorInput, input.errorInput {
    border: 1px solid #ee7f00
}

.div-tr-border-warning {
    border: 1px solid #ee7f00;
    padding: 1.2rem
}

.div-tr-border-info {
    border: 1px solid #008448;
    padding: 1.2rem
}

.btn-wrap {
    white-space: inherit
}

.staticButton {
    background-color: #bfbfbf;
    color: #fff
}

    .staticButton:hover {
        background-color: #bfbfbf
    }

label {
    cursor: pointer
}

    label.h4-style {
        margin-bottom: .4rem;
        display: inline-block
    }

textarea {
    border: none;
    padding: 1.2rem
}

    textarea.input-sm {
        font-size: 1.5rem;
        line-height: 1.3
    }

    textarea:focus, textarea:hover {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

.input-quantity {
    background-color: #fff
}

    .input-quantity.input-group .form-control {
        z-index: auto
    }

    .input-quantity a:active, .input-quantity a:focus, .input-quantity a:hover {
        text-decoration: none !important;
        cursor: pointer
    }

    .input-quantity a:first-of-type i.input-group-addon {
        padding: 1.2rem .8rem 1.2rem 1.2rem;
        line-height: 2.9
    }

    .input-quantity a:last-of-type i.input-group-addon {
        padding: 1.2rem 1.2rem 1.2rem .8rem;
        line-height: 2.9
    }

    .input-quantity.input-border input.form-control {
        height: 3.8rem;
        padding-top: 1.1rem;
        padding-bottom: 1.1rem
    }

    .input-quantity input {
        font-size: 1.5rem;
        line-height: 1.2;
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }

        .input-quantity input:focus, .input-quantity input:hover {
            box-shadow: none
        }

    .input-quantity .input-group-addon {
        color: #c00;
        font-size: 1.5rem
    }

    .input-quantity.input-quantity-sm {
        height: 3rem
    }

        .input-quantity.input-quantity-sm a:first-of-type i.input-group-addon {
            padding: .8rem .8rem .6rem 1.2rem;
            line-height: 2.3
        }

        .input-quantity.input-quantity-sm a:last-of-type i.input-group-addon {
            padding: .8rem 1.2rem .6rem .8rem;
            line-height: 2.3
        }

        .input-quantity.input-quantity-sm input.form-control {
            height: 3rem;
            padding-top: .7rem;
            padding-bottom: .7rem
        }

        .input-quantity.input-quantity-sm.input-border input.form-control {
            height: 2.8rem;
            padding-top: .7rem;
            padding-bottom: .7rem
        }

.search-field .input-group-addon {
    position: absolute;
    top: .1rem;
    right: .1rem;
    z-index: 100
}

.search-field button {
    font-size: 1.9rem;
    padding-top: .9rem !important;
    padding-bottom: .9rem !important
}

input[type=number] {
    -moz-appearance: textfield !important
}

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none !important;
        margin: 0
    }

.custom-checkbox .custom-control-indicator {
    top: .1rem;
    position: absolute;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    color: #c00
}

    .custom-checkbox .custom-control-indicator.checkbox-border {
        border: .1rem solid #bfbfbf
    }

.custom-checkbox .custom-control-input {
    cursor: pointer
}

    .custom-checkbox .custom-control-input.errorInput ~ .custom-control-indicator.checkbox-border {
        border: .1rem solid #ee7f00
    }

.custom-checkbox .custom-control-description {
    margin-left: .8rem
}

label.custom-checkbox.required .custom-control-description::after {
    content: "*";
    font-size: 2rem;
    line-height: 2rem
}

.header-user .custom-checkbox .custom-control-description, .header-user-mobile .custom-checkbox .custom-control-description {
    margin-top: 0
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator::before {
    font-family: Wuerthicons;
    content: "\eb23";
    position: absolute;
    font-size: 1.75rem;
    top: -0.2rem;
    left: .05rem
}

.custom-control-input:active ~ .custom-control-indicator {
    color: #c00;
    background: #fff
}

.custom-control-input:disabled ~ .custom-control-indicator {
    color: #999;
    background: #dedede
}

.custom-control-input:disabled ~ .custom-control-description {
    color: #999
}

.ui-checkboxradio-label {
    font-size: 1.5rem;
    position: relative;
    background: none !important;
    border: none !important
}

    .ui-checkboxradio-label.ui-checkboxradio-checked.ui-state-active .ui-checkboxradio-icon-space::before {
        content: " ";
        position: absolute;
        margin-top: .4rem;
        left: .4rem;
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        display: inline-block;
        background-color: #c00
    }

    .ui-checkboxradio-label.ui-checkboxradio-checked.ui-state-active ~ i.icon-interface-bottom {
        transition: all ease .3s;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

input.ui-checkboxradio.ui-helper-hidden-accessible.invisible {
    position: absolute
}

.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-blank {
    position: absolute;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border-radius: 50%
}

.signup-process .existing-customer {
    min-height: 12rem
}

.radio-label-area {
    width: 100%;
    margin-bottom: 0
}

    .radio-label-area:hover .card-gray {
        background-color: #dedede;
        cursor: pointer
    }

    .radio-label-area.ui-checkboxradio-label {
        padding-left: 0
    }

        .radio-label-area.ui-checkboxradio-label.ui-state-active {
            padding: 0
        }

    .radio-label-area .ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-blank {
        left: 1.2rem
    }

    .radio-label-area.ui-checkboxradio-checked.ui-state-active .ui-checkboxradio-icon-space::before {
        left: 1.6rem !important
    }

    .radio-label-area .label-area-name {
        display: block;
        padding-left: 3.2rem;
        text-align: left
    }

#cartBranchOfficesModal .radio-label-area {
    width: 100%;
    margin-bottom: 0
}

    #cartBranchOfficesModal .radio-label-area:hover .card-gray {
        background-color: #dedede;
        cursor: pointer
    }

    #cartBranchOfficesModal .radio-label-area.ui-checkboxradio-label {
        padding-left: 0
    }

    #cartBranchOfficesModal .radio-label-area .ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-blank {
        left: 1.2rem
    }

    #cartBranchOfficesModal .radio-label-area.ui-checkboxradio-checked.ui-state-active .ui-checkboxradio-icon-space::before {
        left: 1.6rem !important
    }

    #cartBranchOfficesModal .radio-label-area .label-area-name {
        display: block;
        padding-left: 3.2rem
    }

.radio-card {
    display: none
}

    .radio-card:checked ~ .card {
        background-color: #fff;
        color: #262626;
        border: .1rem solid #c00;
        border-radius: .2rem
    }

        .radio-card:checked ~ .card i {
            color: #c00
        }

        .radio-card:checked ~ .card p {
            color: #262626
        }

        .radio-card:checked ~ .card:before {
            content: "\ec1a";
            font-family: Wuerthicons;
            color: #c00;
            position: absolute;
            top: .8rem;
            right: .8rem;
            font-size: 1.7rem;
            line-height: 1
        }

    .radio-card ~ .card i, .radio-card ~ .card p {
        color: #c00
    }

    .radio-card ~ .card .card-body {
        padding: 1.2rem
    }

    .radio-card ~ .card:hover {
        cursor: pointer;
        background-color: #fff;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        border: .1rem solid #c00;
        color: #262626
    }

        .radio-card ~ .card:hover i {
            color: #c00
        }

        .radio-card ~ .card:hover p {
            color: #262626
        }

    .radio-card.no-checkmark ~ .card p {
        color: #000;
        line-height: 1
    }

    .radio-card.no-checkmark ~ .card .card-body {
        padding: .8rem
    }

    .radio-card.no-checkmark:checked ~ .card {
        background-color: #c00;
        border: .1rem solid #c00;
        border-radius: .2rem
    }

        .radio-card.no-checkmark:checked ~ .card p {
            color: #fff
        }

        .radio-card.no-checkmark:checked ~ .card i {
            display: none
        }

        .radio-card.no-checkmark:checked ~ .card:before {
            content: ""
        }

    .radio-card.radio-card-sm ~ .card p {
        line-height: 1;
        margin-bottom: 0;
        color: #000
    }

    .radio-card.radio-card-sm ~ .card .card-body {
        padding: .8rem 3.2rem .8rem 3.2rem
    }

.filter-search {
    border: .1rem solid #dedede
}

    .filter-search .input-group-addon {
        padding: 0;
        position: absolute;
        right: 0;
        top: 0
    }

        .filter-search .input-group-addon button {
            background-color: #fff;
            color: #c00;
            font-size: 2rem;
            padding-top: .8rem;
            padding-bottom: 1rem
        }

            .filter-search .input-group-addon button:focus, .filter-search .input-group-addon button:hover {
                color: #b30000;
                text-decoration: none
            }

    .filter-search.input-group .form-control {
        z-index: auto
    }

.card.card-gray .card-body .custom-select, .card.card-gray .card-body .filter-search {
    border: none
}

.branch-offices-search .input-group-addon {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

    .branch-offices-search .input-group-addon button {
        background-color: #fff;
        color: #c00;
        font-size: 2rem;
        padding-top: .8rem;
        padding-bottom: 1rem;
        z-index: 999
    }

        .branch-offices-search .input-group-addon button:focus, .branch-offices-search .input-group-addon button:hover {
            color: #b30000;
            text-decoration: none
        }

.select {
    border: none;
    overflow: hidden;
    position: relative;
    display: block
}

    .select:after {
        content: "\eac5";
        font-family: Wuerthicons;
        font-size: 2rem;
        border: none;
        color: #c00;
        position: absolute;
        right: 1.2rem;
        top: .6rem;
        background: none;
        z-index: 1;
        text-align: center;
        height: 100%;
        pointer-events: none;
        box-sizing: border-box
    }

select {
    font-size: 1.7rem;
    cursor: pointer
}

    select.custom-select {
        padding: 1.2rem 4rem 1.2rem .8rem
    }

        select.custom-select.input-border {
            padding-top: 1.2rem;
            padding-bottom: 1rem
        }

            select.custom-select.input-border:focus {
                border: .1rem solid #dedede
            }

        select.custom-select.custom-select-sm {
            padding: .8rem 3rem .6rem 1.2rem;
            background-size: 14px;
            line-height: 1.3
        }

            select.custom-select.custom-select-sm.input-border {
                padding-top: .7rem;
                padding-bottom: .5rem
            }

        select.custom-select.custom-select-sm-font {
            font-size: 1.5rem;
            padding-right: 3rem;
            line-height: 1.3;
            background-size: 14px
        }

        select.custom-select.dropdown-sm-font {
            font-size: 1.3rem;
            background-size: 1.4rem;
            padding: 1.2rem 4rem 1.2rem 1.2rem
        }

.dropdown-filter-input {
    margin: .8rem;
    width: calc(100% - 1.6rem)
}

    .dropdown-filter-input + .input-group-addon {
        padding: 0;
        position: absolute;
        right: .8rem;
        top: .8rem;
        background: transparent
    }

        .dropdown-filter-input + .input-group-addon > .btn {
            background: transparent;
            padding-right: 1.2rem
        }

select > option:hover {
    color: #000;
    background-color: #ededed;
    cursor: pointer;
    -webkit-appearance: button !important;
    -moz-appearance: button !important;
    appearance: button !important
}

select > option.option-divider {
    font-size: .1rem;
    background: #dedede;
    padding: 1.2rem
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .webkit legend {
        font-size: 12px
    }
}

.custom-radio {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

    .custom-radio span.label-area-name {
        padding: .2rem 0 0 3.2rem;
        line-height: 2.3rem;
        width: 100%
    }

    .custom-radio input[type=radio] {
        cursor: pointer;
        position: absolute;
        top: 4px;
        width: 1.8rem;
        height: 1.8rem;
        opacity: 0
    }

        .custom-radio input[type=radio] + span.label-area-name {
            cursor: pointer
        }

            .custom-radio input[type=radio] + span.label-area-name:after, .custom-radio input[type=radio] + span.label-area-name:before {
                z-index: 1;
                position: absolute;
                content: "";
                border-radius: 50%
            }

            .custom-radio input[type=radio] + span.label-area-name:before {
                background-color: #fff;
                border: 1px solid #fff;
                top: .4rem;
                left: 0rem;
                width: 1.9rem;
                height: 1.9rem
            }

        .custom-radio input[type=radio]:checked + span.label-area-name:before {
            background-color: #c00;
            border: 1px solid #c00
        }

        .custom-radio input[type=radio]:checked + span.label-area-name:after {
            background-color: transparent;
            border: 3px solid #fff;
            top: .5rem;
            left: .1rem;
            width: 1.7rem;
            height: 1.7rem
        }

        .custom-radio input[type=radio][disabled=disabled] + span.label-area-name:before, .custom-radio input[type=radio]:disabled + span.label-area-name:before {
            background-color: #dedede;
            border: 1px solid #fff
        }

    .custom-radio.gray-border-input input[type=radio] + span.label-area-name:before {
        border-color: #dedede
    }

    .custom-radio.gray-border-input input[type=radio]:checked + span.label-area-name:before {
        border-color: #c00
    }

.radio-wrapper {
    cursor: pointer
}

span.icon-date-picker.icon-interface-calendar, span.input-text-absolute {
    position: absolute;
    right: 2rem;
    top: 3.6rem;
    pointer-events: none
}

span.input-text-absolute {
    top: 34px
}

.custom-combobox {
    position: relative;
    display: block
}

    .custom-combobox .custom-combobox-input {
        cursor: text
    }

        .custom-combobox .custom-combobox-input::after {
            display: none
        }

        .custom-combobox .custom-combobox-input.errorInput:hover, .custom-combobox .custom-combobox-input.errorInput:active, .custom-combobox .custom-combobox-input.errorInput:focus {
            border: 1px solid #ee7f00
        }

    .custom-combobox .custom-combobox-toggle {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        text-transform: none;
        text-align: left;
        font-size: 1.3rem;
        padding-right: 3rem;
        line-height: 1.3;
        display: block;
        cursor: pointer
    }

        .custom-combobox .custom-combobox-toggle::after {
            position: absolute;
            margin-left: 0;
            vertical-align: middle;
            font-family: Wuerthicons;
            text-decoration: none;
            border: none;
            color: #c00;
            height: auto;
            width: auto;
            content: "\eac5";
            right: 1.2rem;
            font-size: 1.4rem;
            top: 1.25rem;
            transition: all ease .3s;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        .custom-combobox .custom-combobox-toggle.show::after {
            top: .9rem;
            transition: all ease .3s;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .custom-combobox .ui-menu.ui-widget-content {
        border: none;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 40rem;
        max-width: 100%
    }

        .custom-combobox .ui-menu.ui-widget-content .ui-menu-item > a {
            padding: 0;
            line-height: normal
        }

            .custom-combobox .ui-menu.ui-widget-content .ui-menu-item > a.ui-state-active {
                border: none;
                margin: 0
            }

        .custom-combobox .ui-menu.ui-widget-content .ui-menu-item a.ui-menu-item-content {
            font-size: 1.5rem;
            padding: .8rem 1.2rem;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis
        }

            .custom-combobox .ui-menu.ui-widget-content .ui-menu-item a.ui-menu-item-content .ui-state-active {
                border: none
            }

select.custom-select.errorInput + .custom-combobox .custom-combobox-input {
    border: .1rem solid #ee7f00
}

.form-disabled {
    pointer-events: none;
    cursor: none
}

    .form-disabled .radio-card ~ .card {
        background-color: #dedede
    }

        .form-disabled .radio-card ~ .card i, .form-disabled .radio-card ~ .card p, .form-disabled .radio-card ~ .card span {
            color: #999
        }

.card.card-gray .custom-file label::before {
    top: 0
}

.card.card-gray .custom-file .custom-file-label {
    border: none
}

.custom-file-label {
    position: absolute;
    left: 0;
    z-index: 5;
    height: 4rem;
    padding: 1.2rem;
    line-height: 1.1;
    color: #999;
    border: 1px solid #dedede;
    border-radius: .4rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    .custom-file-label::before {
        content: "Datei Auswählen";
        position: absolute;
        top: -0.1rem;
        right: 0;
        bottom: 0;
        z-index: 6;
        display: block;
        height: 4rem;
        padding: 1.2rem;
        line-height: 1.1;
        color: #fff;
        border-radius: 0 .4rem .4rem 0;
        background-color: #c00;
        font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        text-transform: uppercase;
        font-size: 1.5rem
    }

.custom-file-input {
    cursor: pointer;
    padding-left: .2rem
}

    .custom-file-input:hover ~ .custom-file-label:before {
        background-color: #c00
    }

.delete-file i:hover {
    cursor: pointer
}

.custom-switch {
    padding-left: 5.9rem
}

    .custom-switch .custom-control-label {
        padding-top: .5rem;
        padding-left: 1rem
    }

        .custom-switch .custom-control-label::before {
            width: 6rem;
            height: 3rem;
            border: none;
            font-family: Wuerthicons;
            line-height: 2.9rem;
            border-radius: 2rem
        }

        .custom-switch .custom-control-label::after {
            top: .4rem;
            width: 2.5rem;
            height: 2.5rem;
            background: #fff;
            border-radius: 2rem;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
        }

    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        -webkit-transform: translateX(2.9rem);
        -ms-transform: translateX(2.9rem);
        transform: translateX(2.9rem)
    }

    .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
        content: "\eb23";
        color: #fff;
        background-color: #008448;
        padding-left: .8rem;
        font-size: 1.8rem
    }

    .custom-switch .custom-control-input ~ .custom-control-label::before {
        content: "\eae3";
        color: #000;
        background-color: #fff;
        padding-left: 3.8rem
    }

    .custom-switch .custom-control-input[disabled] ~ .custom-control-label::before, .custom-switch .custom-control-input:disabled ~ .custom-control-label::before {
        background: #dedede;
        cursor: none;
        pointer-events: none
    }

.toast i {
    font-size: 2rem
}

.popover-hidden {
    display: none
}

.canvas-container {
    min-height: 500px !important
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1200px;
    position: relative
}

.container {
    padding-right: 1.2rem !important;
    padding-left: 1.2rem !important;
    position: relative
}

.small-gutters {
    margin-right: -8px;
    margin-left: -8px
}

    .small-gutters > .col, .small-gutters > [class*=col-] {
        padding-right: 8px;
        padding-left: 8px
    }

@media(min-width: 576px) {
    .button-col {
        margin-top: auto
    }
}

.row {
    overflow-anchor: none
}

.icon-sm {
    font-size: 1.5rem
}

.icon-lg {
    font-size: 2rem
}

.icon-xl {
    font-size: 3rem
}

.icon-xxl {
    font-size: 6rem
}

.icon-base {
    font-size: 1.7rem
}

i.quantity-scale {
    font-size: 1.4rem;
    position: relative;
    top: -0.15rem
}

a.link-absolute, .btn-link.link-absolute {
    position: relative
}

    a.link-absolute i, .btn-link.link-absolute i {
        position: absolute;
        margin-top: .3rem
    }

        a.link-absolute i.icon-lg, .btn-link.link-absolute i.icon-lg {
            margin-top: 0
        }

            a.link-absolute i.icon-lg.icon-interface-arrow-right, .btn-link.link-absolute i.icon-lg.icon-interface-arrow-right {
                transition: all .2s ease-in-out;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0)
            }

    a.link-absolute .link-underline, .btn-link.link-absolute .link-underline {
        padding-left: 2.8rem;
        display: inline-block
    }

    a.link-absolute.sort-active, .btn-link.link-absolute.sort-active {
        color: #c00
    }

        a.link-absolute.sort-active .link-underline, .btn-link.link-absolute.sort-active .link-underline {
            padding-left: 1.6rem
        }

    a.link-absolute.sort-inactive, .btn-link.link-absolute.sort-inactive {
        color: #000
    }

        a.link-absolute.sort-inactive .link-underline, .btn-link.link-absolute.sort-inactive .link-underline {
            padding-left: 1.6rem
        }

    a.link-absolute.small .link-underline, .btn-link.link-absolute.small .link-underline {
        padding-left: 2rem
    }

    a.link-absolute.small i, .btn-link.link-absolute.small i {
        margin-top: .2rem
    }

        a.link-absolute.small i.icon-lg ~ .link-underline, .btn-link.link-absolute.small i.icon-lg ~ .link-underline {
            padding-left: 2.8rem;
            line-height: 1.4
        }

    a.link-absolute:hover i.icon-lg.icon-interface-arrow-right, .btn-link.link-absolute:hover i.icon-lg.icon-interface-arrow-right {
        transition: all .2s ease-in-out;
        -webkit-transform: translateX(0.4rem);
        -ms-transform: translateX(0.4rem);
        transform: translateX(0.4rem)
    }

p.i-absolute i, span.i-absolute i {
    position: absolute;
    margin-top: .3rem
}

    p.i-absolute i.icon-lg, span.i-absolute i.icon-lg {
        margin-top: .1rem
    }

        p.i-absolute i.icon-lg ~ span.i-text, span.i-absolute i.icon-lg ~ span.i-text {
            padding-left: 2.6rem
        }

p.i-absolute span.i-text, span.i-absolute span.i-text {
    padding-left: 2.4rem;
    display: block
}

p.i-absolute.small i, span.i-absolute.small i {
    margin-top: .2rem
}

p.i-absolute.small span.i-text, span.i-absolute.small span.i-text {
    padding-left: 1.8rem;
    display: block
}

th p.i-absolute span.i-text {
    padding-left: 1.6rem
}

a .icon-lg {
    position: relative;
    top: .1rem
}

.ralColor {
    display: inline-block;
    width: 30px
}

.errorpage-smiley-sad {
    font-size: 6.4rem;
    color: #c00;
    position: relative;
    top: -1.8rem
}

.icon-loading-32 {
    background-image: url("../img/wuerth-anim-32.gif");
    width: 32px;
    height: 32px;
    display: inline-block
}

.icon-loading-40 {
    background-image: url("../img/wuerth-anim-40.gif");
    width: 40px;
    height: 40px;
    display: inline-block
}

.icon-loading-64 {
    background-image: url("../img/wuerth-anim-64.gif");
    width: 64px;
    height: 64px;
    display: inline-block
}

.progress-ring-svg .icon {
    transition: stroke-dashoffset .35s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke: #c00
}

.progress-ring-svg .icon-bg {
    stroke: #999
}

.slick.slider-img-teaser:not(.slick-initialized) > a, .slick.slider-img-teaser:not(.slick-initialized) > div, .slick.slider-img-text-teaser:not(.slick-initialized) > a, .slick.slider-img-text-teaser:not(.slick-initialized) > div, .slider.detail-slider-zoom:not(.slick-initialized) > a, .slider.detail-slider-zoom:not(.slick-initialized) > div {
    display: none
}

    .slick.slider-img-teaser:not(.slick-initialized) > a:first-child, .slick.slider-img-teaser:not(.slick-initialized) > div:first-child, .slick.slider-img-text-teaser:not(.slick-initialized) > a:first-child, .slick.slider-img-text-teaser:not(.slick-initialized) > div:first-child, .slider.detail-slider-zoom:not(.slick-initialized) > a:first-child, .slider.detail-slider-zoom:not(.slick-initialized) > div:first-child {
        display: block
    }

.slick.slider-products-teaser:not(.slick-initialized) {
    max-height: 355px;
    overflow: hidden
}

@media(min-width: 1200px) {
    .slider.detail-slider-zoom {
        height: 57.6rem;
        width: 57.6rem
    }
}

.slider.detail-slider-zoom img {
    overflow: hidden;
    max-height: 57.6rem;
    width: auto;
    cursor: pointer;
    margin: 0 auto 2.4rem auto
}

@media(min-width: 1200px) {
    .slider.detail-slider-zoom img {
        height: 57.6rem;
        width: 57.6rem
    }
}

.slider.detail-slider-zoom:not(.slick-initialized) > a {
    display: none
}

    .slider.detail-slider-zoom:not(.slick-initialized) > a:first-child {
        display: block
    }

.ua-edg img:not(div.detail-slider-thumb img):not([usemap]) {
    pointer-events: none
}

.img-fluid {
    max-width: 100%;
    height: auto;
    width: 100% \9
}

:-ms-fullscreen, :root .img-svg {
    width: 100%
}

@media(max-width: 767.98px) {
    .img-fluid-sm-down {
        max-width: 100%;
        height: auto
    }
}

.img-textbox-teaser {
    background-color: #ededed;
    position: relative
}

    .img-textbox-teaser a .textbox.bg-white-transparent p {
        color: #000
    }

    .img-textbox-teaser a .textbox.bg-black-transparent h1, .img-textbox-teaser a .textbox.bg-black-transparent .h1-style, .img-textbox-teaser a .textbox.bg-primary h1, .img-textbox-teaser a .textbox.bg-primary .h1-style {
        color: #fff
    }

    .img-textbox-teaser a .textbox:hover {
        text-decoration: none
    }

    .img-textbox-teaser .textbox {
        position: absolute;
        margin: 3.6rem;
        padding: 3.2rem;
        width: 34.2rem
    }

        .img-textbox-teaser .textbox.textbox-lg {
            width: 50rem
        }

        .img-textbox-teaser .textbox.bg-white-transparent h1, .img-textbox-teaser .textbox.bg-white-transparent .h1-style {
            color: #c00
        }

        .img-textbox-teaser .textbox.bg-black-transparent h1, .img-textbox-teaser .textbox.bg-black-transparent .h1-style, .img-textbox-teaser .textbox.bg-primary h1, .img-textbox-teaser .textbox.bg-primary .h1-style {
            color: #fff
        }

        .img-textbox-teaser .textbox.bg-black-transparent a, .img-textbox-teaser .textbox.bg-black-transparent p, .img-textbox-teaser .textbox.bg-primary a, .img-textbox-teaser .textbox.bg-primary p {
            color: #fff
        }

        .img-textbox-teaser .textbox.bg-black-transparent a, .img-textbox-teaser .textbox.bg-primary a {
            color: #fff;
            text-decoration: underline
        }

            .img-textbox-teaser .textbox.bg-black-transparent a.btn, .img-textbox-teaser .textbox.bg-primary a.btn {
                text-decoration: none
            }

        .img-textbox-teaser .textbox.textbox-tl {
            top: 0
        }

        .img-textbox-teaser .textbox.textbox-tr {
            top: 0;
            right: 1.2rem
        }

        .img-textbox-teaser .textbox.textbox-bl {
            bottom: 0
        }

        .img-textbox-teaser .textbox.textbox-br {
            bottom: 0;
            right: 1.2rem
        }

        .img-textbox-teaser .textbox.textbox-center {
            top: 25%;
            left: 25%;
            width: 50% !important;
            text-align: center
        }

@media(max-width: 767.98px) {
    .img-textbox-teaser .textbox {
        position: relative;
        background: none !important;
        margin: 0;
        padding: 2.4rem;
        width: 100% !important;
        border-radius: 0 !important
    }

        .img-textbox-teaser .textbox.bg-black-transparent h1, .img-textbox-teaser .textbox.bg-black-transparent .h1-style, .img-textbox-teaser .textbox.bg-primary h1, .img-textbox-teaser .textbox.bg-primary .h1-style {
            color: #c00
        }

        .img-textbox-teaser .textbox.bg-black-transparent p, .img-textbox-teaser .textbox.bg-primary p {
            color: #000
        }

        .img-textbox-teaser .textbox.bg-black-transparent a, .img-textbox-teaser .textbox.bg-primary a {
            color: #000
        }

            .img-textbox-teaser .textbox.bg-black-transparent a.btn, .img-textbox-teaser .textbox.bg-primary a.btn {
                color: #fff
            }

        .img-textbox-teaser .textbox.bg-primary-transparent-dark {
            background-color: #c00 !important
        }

            .img-textbox-teaser .textbox.bg-primary-transparent-dark.textbox-overlay-sm-down-bottom {
                background-color: rgba(204,0,0,.65) !important;
                width: calc( 80% - 2.4rem ) !important;
                margin: 0 auto !important
            }

        .img-textbox-teaser .textbox.textbox-tl {
            top: auto
        }

            .img-textbox-teaser .textbox.textbox-tl.textbox-overlay-sm-down-top {
                top: 25%;
                width: calc( 100% - 2.4rem ) !important;
                margin: 0 auto;
                text-align: center
            }

        .img-textbox-teaser .textbox.textbox-tr {
            top: auto;
            right: auto
        }

            .img-textbox-teaser .textbox.textbox-tr.textbox-overlay-sm-down-top {
                top: 25%;
                width: calc( 100% - 2.4rem ) !important;
                margin: 0 auto;
                text-align: center
            }

        .img-textbox-teaser .textbox.textbox-bl {
            bottom: auto
        }

            .img-textbox-teaser .textbox.textbox-bl.textbox-overlay-sm-down-top {
                top: 25%;
                width: calc( 100% - 2.4rem ) !important;
                margin: 0 auto;
                text-align: center
            }

        .img-textbox-teaser .textbox.textbox-br {
            bottom: auto;
            right: auto
        }

            .img-textbox-teaser .textbox.textbox-br.textbox-overlay-sm-down-top {
                top: 25%;
                width: calc( 100% - 2.4rem ) !important;
                margin: 0 auto;
                text-align: center
            }

        .img-textbox-teaser .textbox.textbox-center {
            top: auto;
            left: auto;
            width: 100%;
            text-align: center
        }

            .img-textbox-teaser .textbox.textbox-center.textbox-overlay-sm-down-top {
                top: 25%;
                width: calc( 80% - 2.4rem ) !important;
                margin: 0 auto;
                text-align: center
            }
}

@media(max-width: 575.98px) {
    .img-textbox-teaser .textbox.textbox-center.textbox-overlay-sm-down-top {
        width: calc( 100% - 2.4rem ) !important
    }

    .img-textbox-teaser .textbox.bg-primary-transparent-dark {
        background-color: #c00 !important
    }

        .img-textbox-teaser .textbox.bg-primary-transparent-dark.textbox-overlay-sm-down-bottom {
            width: calc( 100% - 2.4rem ) !important
        }
}

@media(max-width: 767.98px) {
    .img-textbox-teaser.multiline_ellipsis .textbox {
        position: absolute;
        bottom: 0;
        background-color: #ededed !important
    }
}

@media(max-width: 1919.98px) {
    .img-textbox-teaser.multiline_ellipsis .img-textbox-info-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        display: -webkit-box;
        /*! autoprefixer: ignore next */
        -webkit-box-orient: vertical;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        max-height: calc(1.5rem * 1.6 * 8);
        -webkit-line-clamp: 8
    }
}

@media(max-width: 767.98px) {
    .img-textbox-teaser.multiline_ellipsis .img-textbox-info-text {
        max-height: calc(1.5rem * 1.6 * 3);
        -webkit-line-clamp: 3
    }
}

@media(max-width: 575.98px) {
    .img-textbox-teaser.multiline_ellipsis .img-textbox-info-text {
        max-height: calc(1.5rem * 1.6 * 4);
        -webkit-line-clamp: 4
    }
}

@media(max-width: 1919.98px) {
    .img-textbox-teaser.multiline_ellipsis[style*="350px"] .img-textbox-info-text {
        max-height: calc(1.5rem * 1.6 * 4);
        -webkit-line-clamp: 4
    }
}

@media(max-width: 767.98px) {
    .img-textbox-teaser.multiline_ellipsis[style*="350px"] .img-textbox-info-text {
        max-height: calc(1.5rem * 1.6 * 1);
        -webkit-line-clamp: 1
    }
}

@media(max-width: 575.98px) {
    .img-textbox-teaser.multiline_ellipsis[style*="350px"] .img-textbox-info-text {
        max-height: calc(1.5rem * 1.6 * 2);
        -webkit-line-clamp: 2
    }
}

@media(max-width: 1919.98px) {
    .img-textbox-teaser.multiline_ellipsis[style*="600px"] .img-textbox-info-text {
        max-height: calc(1.5rem * 1.6 * 12);
        -webkit-line-clamp: 12
    }
}

@media(max-width: 767.98px) {
    .img-textbox-teaser.multiline_ellipsis[style*="600px"] .img-textbox-info-text {
        max-height: calc(1.5rem * 1.6 * 6);
        -webkit-line-clamp: 6
    }
}

@media(max-width: 575.98px) {
    .img-textbox-teaser.multiline_ellipsis[style*="600px"] .img-textbox-info-text {
        max-height: calc(1.5rem * 1.6 * 10);
        -webkit-line-clamp: 10
    }
}

.img-textbox-teaser .container-fluid.position-static .textbox, .img-textbox-teaser .position-static.container-sm .textbox, .img-textbox-teaser .position-static.container-md .textbox, .img-textbox-teaser .position-static.container-lg .textbox, .img-textbox-teaser .position-static.container-xl .textbox, .img-textbox-teaser .position-static.container-xxl .textbox {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@media(min-width: 768px) {
    .img-textbox-teaser .container-fluid.position-static .textbox, .img-textbox-teaser .position-static.container-sm .textbox, .img-textbox-teaser .position-static.container-md .textbox, .img-textbox-teaser .position-static.container-lg .textbox, .img-textbox-teaser .position-static.container-xl .textbox, .img-textbox-teaser .position-static.container-xxl .textbox {
        width: 42rem
    }
}

.img-textbox-teaser .position-absolute.w-100 {
    position: relative !important;
    top: 0
}

    .img-textbox-teaser .position-absolute.w-100 .bg-primary-transparent-dark .btn-info {
        background-color: #000;
        color: #fff
    }

        .img-textbox-teaser .position-absolute.w-100 .bg-primary-transparent-dark .btn-info:hover {
            background-color: #fff;
            color: #000
        }

@media(min-width: 768px) {
    .img-textbox-teaser .position-absolute.w-100 {
        position: absolute !important
    }

        .img-textbox-teaser .position-absolute.w-100 .bg-primary-transparent-dark .btn-info {
            background-color: #0093dd;
            color: #fff
        }

            .img-textbox-teaser .position-absolute.w-100 .bg-primary-transparent-dark .btn-info:hover {
                background-color: #007ab7;
                color: #fff
            }

        .img-textbox-teaser .position-absolute.w-100 .textbox {
            width: 50rem
        }
}

@media(min-width: 1200px) {
    .img-textbox-teaser .position-absolute.w-100 .textbox.textbox-tr {
        right: 0
    }
}

@media(max-width: 767.98px) {
    .img-textbox-teaser .position-absolute.w-100.position-absolute-sm-down-bottom {
        position: absolute !important;
        top: auto;
        bottom: 2.4rem
    }

    .img-textbox-teaser .position-absolute.w-100.position-absolute-sm-down-top {
        position: absolute !important;
        top: 2.4rem;
        bottom: auto
    }
}

.img-textbox-teaser .text-overlay {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

    .img-textbox-teaser .text-overlay .h1-style {
        font-size: 4.8rem;
        margin-bottom: 0
    }

@media(max-width: 991.98px) {
    .img-textbox-teaser .text-overlay {
        position: relative;
        background: #fff;
        margin: 0;
        padding: 2.4rem 1.2rem 0 1.2rem;
        width: 100%;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

        .img-textbox-teaser .text-overlay .h1-style {
            font-size: 3rem;
            color: #000 !important
        }

        .img-textbox-teaser .text-overlay .h2-style, .img-textbox-teaser .text-overlay .h2-style-red {
            color: #000 !important
        }
}

.img-textbox-teaser.img-textbox-teaser-min-h-120 {
    min-height: 12rem;
    overflow: hidden
}

    .img-textbox-teaser.img-textbox-teaser-min-h-120 .img-fluid {
        height: 12rem;
        max-width: inherit;
        width: auto !important
    }

@media(min-width: 1200px) {
    .img-textbox-teaser.img-textbox-teaser-min-h-120 .img-fluid {
        width: 100% !important
    }
}

.img-textbox-teaser.img-textbox-teaser-min-h-120 .text-overlay {
    width: 100%;
    bottom: -8.4rem
}

@media(max-width: 991.98px) {
    .img-textbox-teaser.img-textbox-teaser-min-h-120 .text-overlay {
        padding-bottom: 2.4rem;
        bottom: auto
    }
}

.img-textbox-teaser.img-textbox-teaser-min-h-360 {
    min-height: inherit
}

    .img-textbox-teaser.img-textbox-teaser-min-h-360 .img-fluid {
        height: auto;
        max-width: 100%;
        width: inherit
    }

@media(min-width: 768px)and (max-width: 1199.98px) {
    .img-textbox-teaser.img-textbox-teaser-min-h-360 {
        min-height: 36rem;
        overflow: hidden
    }

        .img-textbox-teaser.img-textbox-teaser-min-h-360 .img-fluid {
            height: 36rem;
            max-width: inherit;
            width: auto !important
        }
}

@media(max-width: 991.98px) {
    .card-link.floating-box-md-down .img-textbox-teaser {
        background: none
    }

        .card-link.floating-box-md-down .img-textbox-teaser .position-absolute.w-100 {
            box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
            top: -7.2rem;
            background-color: #c00;
            width: calc( 100% - 3.2rem ) !important;
            margin: 0 auto
        }
}

.card-link.floating-box-md-down:hover {
    box-shadow: none
}

    .card-link.floating-box-md-down:hover .position-absolute.w-100 {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

.img-min-height-360 {
    min-height: inherit
}

    .img-min-height-360 .img-fluid {
        height: auto;
        max-width: 100%;
        width: inherit
    }

@media(min-width: 576px)and (max-width: 991.98px) {
    .img-min-height-360 {
        min-height: 36rem;
        max-height: 60rem;
        overflow: hidden
    }

        .img-min-height-360 .img-fluid {
            height: 36rem;
            max-width: inherit;
            width: auto !important
        }
}

.img-fixed-height-430-md-up .img-fluid {
    height: auto;
    max-width: 100%;
    width: inherit
}

@media(min-width: 768px) {
    .img-fixed-height-430-md-up {
        overflow: hidden;
        height: 43rem
    }

        .img-fixed-height-430-md-up .img-fluid {
            height: 43rem;
            width: auto !important;
            position: absolute;
            max-width: inherit
        }
}

@media(min-width: 1920px) {
    .img-fixed-height-430-md-up {
        overflow: hidden;
        height: 43rem
    }

        .img-fixed-height-430-md-up .img-fluid {
            height: auto;
            width: auto !important;
            min-height: 43rem;
            min-width: 100%
        }
}

.img-fixed-height-430-xl-up .img-fluid {
    height: auto;
    max-width: 100%;
    width: inherit
}

@media(min-width: 1200px) {
    .img-fixed-height-430-xl-up {
        overflow: hidden;
        height: 43rem
    }

        .img-fixed-height-430-xl-up .img-fluid {
            height: 43rem;
            width: auto !important;
            position: absolute;
            max-width: inherit
        }
}

@media(min-width: 1920px) {
    .img-fixed-height-430-xl-up {
        overflow: hidden;
        height: 43rem
    }

        .img-fixed-height-430-xl-up .img-fluid {
            height: auto;
            width: auto !important;
            min-height: 43rem;
            min-width: 100%
        }
}

.img-fixed-height-600-md-lg {
    min-height: inherit
}

    .img-fixed-height-600-md-lg .img-fluid {
        height: auto;
        max-width: 100%;
        width: inherit
    }

@media(min-width: 768px)and (max-width: 1199.98px) {
    .img-fixed-height-600-md-lg {
        height: 60rem;
        overflow: hidden
    }

        .img-fixed-height-600-md-lg .img-fluid {
            height: 60rem;
            max-width: inherit;
            width: auto !important
        }
}

.row .teaser-responsive.image_teaser {
    overflow: hidden
}

    .row .teaser-responsive.image_teaser img, .row .teaser-responsive.teaser_textbox img {
        max-width: 100%;
        height: auto;
        width: 100% \9
    }

.row .teaser-responsive .slider-img-teaser, .row .teaser-responsive .slider-img-text-teaser {
    overflow: hidden
}

    .row .teaser-responsive .slider-img-teaser.slider-text_image_product-teaser .col.mb-4, .row .teaser-responsive .slider-img-text-teaser.slider-text_image_product-teaser .col.mb-4 {
        padding: 0;
        margin-bottom: 0 !important
    }

    .row .teaser-responsive .slider-img-teaser .slick-slide, .row .teaser-responsive .slider-img-text-teaser .slick-slide {
        padding-right: 0;
        padding-left: 0
    }

.teaser-product-single {
    max-height: 262px
}

.imageIcon.Fiserv {
    background-image: url("../img/sprite_payment.png");
    background-position: -30px -480px;
    width: 210px;
    height: 30px
}

.imageIcon.China_Merchants_Bank {
    background-image: url("../img/sprite_payment.png");
    background-position: -30px -30px;
    width: 100px;
    height: 30px
}

.imageIcon.Agricultural_Bank_of_China {
    background-image: url("../img/sprite_payment.png");
    background-position: -190px -30px;
    width: 100px;
    height: 30px
}

.imageIcon.Bank_of_China {
    background-image: url("../img/sprite_payment.png");
    background-position: -30px -120px;
    width: 100px;
    height: 30px
}

.imageIcon.Bank_of_Communications {
    background-image: url("../img/sprite_payment.png");
    background-position: -190px -120px;
    width: 100px;
    height: 30px
}

.imageIcon.Bank_of_Shanghai {
    background-image: url("../img/sprite_payment.png");
    background-position: -30px -210px;
    width: 100px;
    height: 30px
}

.imageIcon.China_Citic_Bank {
    background-image: url("../img/sprite_payment.png");
    background-position: -190px -210px;
    width: 100px;
    height: 30px
}

.imageIcon.China_Construction_Bank {
    background-image: url("../img/sprite_payment.png");
    background-position: -350px -30px;
    width: 100px;
    height: 30px
}

.imageIcon.China_Everbright_Bank {
    background-image: url("../img/sprite_payment.png");
    background-position: -350px -120px;
    width: 100px;
    height: 30px
}

.imageIcon.China_Guangfa_Bank {
    background-image: url("../img/sprite_payment.png");
    background-position: -350px -210px;
    width: 100px;
    height: 30px
}

.imageIcon.AliPay {
    background-image: url("../img/sprite_payment.png");
    background-position: -30px -300px;
    width: 100px;
    height: 30px
}

.imageIcon.China_Minsheng_Banking_Corp {
    background-image: url("../img/sprite_payment.png");
    background-position: -190px -300px;
    width: 100px;
    height: 30px
}

.imageIcon.Huaxia_Bank {
    background-image: url("../img/sprite_payment.png");
    background-position: -350px -300px;
    width: 100px;
    height: 30px
}

.imageIcon.ICBC {
    background-image: url("../img/sprite_payment.png");
    background-position: -30px -390px;
    width: 100px;
    height: 30px
}

.imageIcon.Industrial_Bank {
    background-image: url("../img/sprite_payment.png");
    background-position: -190px -390px;
    width: 100px;
    height: 30px
}

.imageIcon.Invoice {
    background-image: url("../img/sprite_payment.png");
    background-position: -350px -390px;
    width: 100px;
    height: 30px
}

.imageIcon.Ping_An_Bank {
    background-image: url("../img/sprite_payment.png");
    background-position: -510px -30px;
    width: 100px;
    height: 30px
}

.imageIcon.Shanghai_Pudong_Development_Bank {
    background-image: url("../img/sprite_payment.png");
    background-position: -510px -120px;
    width: 100px;
    height: 30px
}

.imageIcon.WeChatPay {
    background-image: url("../img/sprite_payment.png");
    background-position: -510px -210px;
    width: 100px;
    height: 30px
}

.imageIcon.paymentMethodPayPal {
    background-image: url("../img/payment/paypal.png");
    background-position: 0 0;
    width: 32px;
    height: 32px
}

.imageIcon.paymentMethodInvoice {
    background-image: url("../img/payment/rechnung.png");
    background-position: 0 0;
    width: 32px;
    height: 32px;
    margin-top: -2px
}

.imageIcon.paymentMethodCreditCard {
    background-image: url("../img/payment/kreditkarte.png");
    background-position: 0 0;
    width: 32px;
    height: 32px;
    margin-top: -2px
}

.loading-img {
    position: absolute;
    z-index: 1;
    display: block;
    width: 5rem;
    height: auto
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }
}

.ajax-loader-sm {
    height: 3.2rem;
    width: 3.2rem
}

.ajax-loader-md {
    height: 4rem;
    width: 4rem
}

.ajax-loader-lg {
    height: 6rem;
    width: 6rem
}

img.parcel-service {
    max-width: 6.4rem;
    height: auto;
    margin-top: -0.8rem;
    margin-left: .4rem
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

    .video-container .embed-responsive-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.modal-content .video-container .embed-responsive-item {
    max-width: 80rem
}

.video-startimage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    container-type: inline-size;
    container-name: video-startimage-container
}

    .video-startimage p {
        line-height: 1.3
    }

    .video-startimage .show-details:after {
        content: "Details ausblenden"
    }

    .video-startimage .show-details.collapsed:after {
        content: "Details anzeigen"
    }

@container video-startimage-container (inline-size > 768px) {
    .video-startimage .video-startimage-content {
        max-width: 75%;
        margin: 7.2rem auto 0 auto
    }

    .video-startimage .btn-primary {
        width: 65%;
        margin: auto
    }
}

@container video-startimage-container (inline-size > 1200px) {
    .video-startimage .video-startimage-content {
        max-width: 50%;
        margin: 12rem auto 0 auto
    }

    .video-startimage .btn-primary {
        width: 50%;
        margin: auto
    }
}

.adm-portrait {
    position: relative;
    width: 100%;
    background-color: #ededed;
    overflow: hidden;
    border-radius: 50%
}

    .adm-portrait:before {
        content: "";
        display: block;
        padding-top: 100%
    }

.img-adm-portrait {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.img-rounded-container {
    position: relative;
    width: 100%;
    background-color: #ededed;
    overflow: hidden;
    border-radius: 50%
}

    .img-rounded-container:before {
        content: "";
        display: block;
        padding-top: 100%
    }

.img-rounded {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.login-img-container {
    height: 100%;
    position: relative;
    width: auto;
    overflow: hidden
}

    .login-img-container img {
        position: absolute;
        height: 100%
    }

    .login-img-container div.teaser.teaser-responsive {
        padding: 0;
        position: static;
        margin-bottom: 0 !important;
        height: 100%;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

        .login-img-container div.teaser.teaser-responsive > * {
            -ms-flex: 1 1 auto;
            -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
            overflow: auto;
            height: 0;
            min-height: 0
        }

        .login-img-container div.teaser.teaser-responsive img {
            max-width: none;
            height: 100%
        }

.login-img-container-full-width {
    background: #ededed url("../img/signup/2_Arbeitsplatz_Wuerth_Laptop_Online_Shopping_Einkaufswagen_Warenkorb_MAM_14468850_white.jpg");
    height: 120vh;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: -1
}

@media(min-width: 1200px) {
    .login-img-container-full-width {
        height: 100vh
    }
}

.footer-login {
    position: fixed;
    bottom: 0;
    width: 100%
}

.claim-RFW {
    max-width: 12rem;
    height: auto;
    position: absolute;
    bottom: -4.7rem;
    right: 1.2rem;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

.teaser_videoContainer.videoContainerYoutube > .videoContainer {
    position: relative;
    height: 0
}

    .teaser_videoContainer.videoContainerYoutube > .videoContainer > iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

#productImageParentContainer {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    #productImageParentContainer #productImageContainer {
        position: -webkit-sticky;
        position: sticky;
        top: 0rem
    }

        #productImageParentContainer #productImageContainer:before, #productImageParentContainer #productImageContainer:after {
            content: "";
            display: table
        }

@media(max-width: 767.98px) {
    #productImageParentContainer #productImageContainer {
        position: inherit
    }
}

#loginLogo {
    max-width: 33.33%;
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%
}

.skyscraper {
    background: #ededed url("../../click-dummies/pattern-library/img/skyscraper_1.jpg");
    height: 100vh;
    width: calc( ( 100% - 122.4rem ) / 2 );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    z-index: 9999;
    top: 0
}

    .skyscraper .card-link {
        height: 100vh
    }

    .skyscraper.skyscraper-l {
        left: 0
    }

    .skyscraper.skyscraper-r {
        right: 0
    }

    .skyscraper .textbox {
        position: absolute;
        margin: 2.4rem;
        padding: 2.4rem;
        width: calc( 100% - 4.8rem )
    }

a.icon:hover, a.icon:focus {
    text-decoration: none
}

a:not(:has(div.img-wrapper)):has(img) {
    display: block
}

.link-white {
    color: #fff
}

    .link-white:hover, .link-white:focus {
        color: #fff
    }

.link-underline:hover, .link-underline:focus {
    text-decoration: underline !important
}

.modal {
    display: block;
    visibility: hidden;
    overflow-y: hidden;
    font-size: 1.7rem
}

    .modal.show {
        visibility: visible
    }

    .modal button.close, .modal a.close {
        opacity: 1
    }

        .modal button.close:hover, .modal a.close:hover {
            color: #c00
        }

    .modal h2.modal-title, .modal .h2-style.modal-title, .modal .modal-title.h2-style-red {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        text-transform: none;
        font-size: 2rem;
        margin-bottom: 0
    }

.modal-content {
    display: block
}

.modal-xl {
    max-width: 120rem;
    padding: 0 1.2rem
}

@media(min-width: 1200px) {
    .modal-xl {
        padding: 0 2.4rem 0 0
    }
}

.bootbox {
    font-size: 1.3rem;
    font-weight: normal
}

    .bootbox .modal-title {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        text-transform: none;
        font-size: 2rem;
        line-height: 1.1;
        display: block
    }

    .bootbox .modal-body {
        display: inline-block;
        width: 100%
    }

        .bootbox .modal-body button.close {
            margin-top: 0px !important;
            margin-left: 10px
        }

.modal-dialog-centered {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 2.4rem)
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 2.4rem);
        content: ""
    }

@media(min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - 6rem)
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 6rem)
        }
}

#site-overlay .modal-dialog div.modal-loading {
    margin: auto
}

    #site-overlay .modal-dialog div.modal-loading img {
        min-width: 8rem
    }

body.blurBackground > :not(.modal) {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px)
}

@media(max-width: 575.98px) {
    .modal-fullscreen {
        padding: 0 !important
    }

        .modal-fullscreen .modal-dialog {
            width: 100%;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

            .modal-fullscreen .modal-content .img-bg-full {
                position: fixed;
                min-height: 100%;
                min-width: 37.5rem;
                height: auto;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }

        .modal-fullscreen .modal-body {
            overflow-y: auto;
            padding: 5.6rem 1.6rem 7.4rem 1.6rem;
            height: 100%
        }

        .modal-fullscreen .modal-header {
            position: fixed;
            top: 0;
            width: 100%;
            border-bottom: none;
            z-index: 1000
        }

        .modal-fullscreen .modal-footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            border-top: none;
            z-index: 1000
        }
}

@media(max-width: 767.98px) {
    .modal-fullscreen-sm {
        padding: 0 !important
    }

        .modal-fullscreen-sm .modal-dialog {
            width: 100%;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen-sm .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

            .modal-fullscreen-sm .modal-content .img-bg-full {
                position: fixed;
                min-height: 100%;
                min-width: 37.5rem;
                height: auto;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }

        .modal-fullscreen-sm .modal-body {
            overflow-y: auto;
            padding: 5.6rem 1.6rem 7.4rem 1.6rem;
            height: 100%
        }

        .modal-fullscreen-sm .modal-header {
            position: fixed;
            top: 0;
            width: 100%;
            border-bottom: none;
            z-index: 1000
        }

        .modal-fullscreen-sm .modal-footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            border-top: none;
            z-index: 1000
        }
}

@media(max-width: 991.98px) {
    .modal-fullscreen-md {
        padding: 0 !important
    }

        .modal-fullscreen-md .modal-dialog {
            width: 100%;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen-md .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

            .modal-fullscreen-md .modal-content .img-bg-full {
                position: fixed;
                min-height: 100%;
                min-width: 37.5rem;
                height: auto;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }

        .modal-fullscreen-md .modal-body {
            overflow-y: auto;
            padding: 5.6rem 1.6rem 7.4rem 1.6rem;
            height: 100%
        }

        .modal-fullscreen-md .modal-header {
            position: fixed;
            top: 0;
            width: 100%;
            border-bottom: none;
            z-index: 1000
        }

        .modal-fullscreen-md .modal-footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            border-top: none;
            z-index: 1000
        }
}

@media(max-width: 1199.98px) {
    .modal-fullscreen-lg {
        padding: 0 !important
    }

        .modal-fullscreen-lg .modal-dialog {
            width: 100%;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen-lg .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

            .modal-fullscreen-lg .modal-content .img-bg-full {
                position: fixed;
                min-height: 100%;
                min-width: 37.5rem;
                height: auto;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }

        .modal-fullscreen-lg .modal-body {
            overflow-y: auto;
            padding: 5.6rem 1.6rem 7.4rem 1.6rem;
            height: 100%
        }

        .modal-fullscreen-lg .modal-header {
            position: fixed;
            top: 0;
            width: 100%;
            border-bottom: none;
            z-index: 1000
        }

        .modal-fullscreen-lg .modal-footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            border-top: none;
            z-index: 1000
        }
}

@media(max-width: 1919.98px) {
    .modal-fullscreen-xl {
        padding: 0 !important
    }

        .modal-fullscreen-xl .modal-dialog {
            width: 100%;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen-xl .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

            .modal-fullscreen-xl .modal-content .img-bg-full {
                position: fixed;
                min-height: 100%;
                min-width: 37.5rem;
                height: auto;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }

        .modal-fullscreen-xl .modal-body {
            overflow-y: auto;
            padding: 5.6rem 1.6rem 7.4rem 1.6rem;
            height: 100%
        }

        .modal-fullscreen-xl .modal-header {
            position: fixed;
            top: 0;
            width: 100%;
            border-bottom: none;
            z-index: 1000
        }

        .modal-fullscreen-xl .modal-footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            border-top: none;
            z-index: 1000
        }
}

.modal-fullscreen-xxl {
    padding: 0 !important
}

    .modal-fullscreen-xxl .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

        .modal-fullscreen-xxl .modal-content .img-bg-full {
            position: fixed;
            min-height: 100%;
            min-width: 37.5rem;
            height: auto;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

    .modal-fullscreen-xxl .modal-body {
        overflow-y: auto;
        padding: 5.6rem 1.6rem 7.4rem 1.6rem;
        height: 100%
    }

    .modal-fullscreen-xxl .modal-header {
        position: fixed;
        top: 0;
        width: 100%;
        border-bottom: none;
        z-index: 1000
    }

    .modal-fullscreen-xxl .modal-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        border-top: none;
        z-index: 1000
    }

.pagination-sm .page-link {
    padding: .8rem 1.2rem .6rem 1.2rem;
    margin: 0 .2rem;
    border: none
}

.page-item.active .page-link {
    z-index: auto
}

.catalogue-prev {
    display: none;
    color: #999;
    transition: width .1s ease-in-out
}

@media only screen and (min-width: 1500px) {
    .catalogue-prev {
        display: block;
        position: fixed;
        overflow: hidden;
        left: 0;
        top: 55.8rem;
        height: 9.4rem;
        width: 5.3rem;
        padding: .8rem;
        background-color: #ededed
    }

        .catalogue-prev i {
            font-size: 4rem
        }

        .catalogue-prev:hover {
            color: #c00;
            background-color: #dedede;
            text-decoration: none;
            height: 14.8rem;
            width: 14rem;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
        }

            .catalogue-prev:hover .catalogue-prev-img {
                display: block
            }
}

.catalogue-next {
    display: none;
    color: #999;
    transition: all .15s ease-in-out
}

@media only screen and (min-width: 1500px) {
    .catalogue-next {
        display: block;
        position: fixed;
        overflow: hidden;
        right: 0;
        top: 55.8rem;
        height: 9.4rem;
        width: 5.3rem;
        padding: .8rem;
        background-color: #ededed
    }

        .catalogue-next i {
            font-size: 4rem
        }

        .catalogue-next:hover {
            color: #c00;
            background-color: #dedede;
            text-decoration: none;
            height: 14.8rem;
            width: 14rem;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
        }

            .catalogue-next:hover .catalogue-next-img {
                display: block
            }

        .catalogue-next .catalogue-next-arrow {
            right: 0
        }
}

.catalogue-prev-arrow, .catalogue-prev-img, .catalogue-next-arrow, .catalogue-next-img {
    display: block;
    position: absolute
}

.catalogue-prev-arrow, .catalogue-next-arrow {
    top: 3rem
}

.catalogue-prev-img {
    left: 5.4rem
}

.catalogue-next-img {
    right: 5.4rem
}

.catalogue-prev-img, .catalogue-next-img {
    display: none
}

.catalogue-arrow-product-name {
    position: absolute;
    top: 9.2rem;
    color: #000
}

    .catalogue-arrow-product-name p {
        height: 5.1rem;
        overflow: hidden;
        line-height: 1.2
    }

button, input, select, th {
    outline: none !important
}

.videoContainer iframe {
    max-width: 100% !important
}

#headerSearch ul.ui-autocomplete, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete, #tabDirectEntry ul.ui-autocomplete, #tabFastEntry ul.ui-autocomplete, .checkout-process #FastEntryForm ul.ui-autocomplete, .checkout-process #directEntryForm ul.ui-autocomplete, .search-mobile ul.ui-autocomplete {
    border: none !important;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 991;
    background: #ededed;
    list-style: none;
    padding: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    width: calc( 100% - 2.4rem )
}

@supports(-moz-appearance: none) {
    #headerSearch ul.ui-autocomplete, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete, #tabDirectEntry ul.ui-autocomplete, #tabFastEntry ul.ui-autocomplete, .checkout-process #FastEntryForm ul.ui-autocomplete, .checkout-process #directEntryForm ul.ui-autocomplete, .search-mobile ul.ui-autocomplete {
        width: calc( 100% - 2.41rem )
    }
}

#headerSearch ul.ui-autocomplete sup, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete sup, #tabDirectEntry ul.ui-autocomplete sup, #tabFastEntry ul.ui-autocomplete sup, .checkout-process #FastEntryForm ul.ui-autocomplete sup, .checkout-process #directEntryForm ul.ui-autocomplete sup, .search-mobile ul.ui-autocomplete sup {
    top: -0.4rem
}

#headerSearch ul.ui-autocomplete li:last-child, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete li:last-child, #tabDirectEntry ul.ui-autocomplete li:last-child, #tabFastEntry ul.ui-autocomplete li:last-child, .checkout-process #FastEntryForm ul.ui-autocomplete li:last-child, .checkout-process #directEntryForm ul.ui-autocomplete li:last-child, .search-mobile ul.ui-autocomplete li:last-child {
    margin-bottom: 1.2rem !important
}

#headerSearch ul.ui-autocomplete .leftColumnSuggestSearch, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .leftColumnSuggestSearch, #tabDirectEntry ul.ui-autocomplete .leftColumnSuggestSearch, #tabFastEntry ul.ui-autocomplete .leftColumnSuggestSearch, .checkout-process #FastEntryForm ul.ui-autocomplete .leftColumnSuggestSearch, .checkout-process #directEntryForm ul.ui-autocomplete .leftColumnSuggestSearch, .search-mobile ul.ui-autocomplete .leftColumnSuggestSearch {
    float: left
}

#headerSearch ul.ui-autocomplete .rightColumnSuggestSearch, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .rightColumnSuggestSearch, #tabDirectEntry ul.ui-autocomplete .rightColumnSuggestSearch, #tabFastEntry ul.ui-autocomplete .rightColumnSuggestSearch, .checkout-process #FastEntryForm ul.ui-autocomplete .rightColumnSuggestSearch, .checkout-process #directEntryForm ul.ui-autocomplete .rightColumnSuggestSearch, .search-mobile ul.ui-autocomplete .rightColumnSuggestSearch {
    float: right
}

#headerSearch ul.ui-autocomplete .categoryItem, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .categoryItem, #tabDirectEntry ul.ui-autocomplete .categoryItem, #tabFastEntry ul.ui-autocomplete .categoryItem, .checkout-process #FastEntryForm ul.ui-autocomplete .categoryItem, .checkout-process #directEntryForm ul.ui-autocomplete .categoryItem, .search-mobile ul.ui-autocomplete .categoryItem {
    width: 86% !important;
    font-weight: normal !important
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-headline, #headerSearch ul.ui-autocomplete .ui-autocomplete-text, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-headline, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-headline, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-headline, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text, .search-mobile ul.ui-autocomplete .ui-autocomplete-headline, .search-mobile ul.ui-autocomplete .ui-autocomplete-text {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1;
    display: table;
    margin: 0 1.2rem !important;
    height: 4.8rem;
    width: calc( 50% - 2.4rem ) !important
}

@media(max-width: 991.98px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-headline, #headerSearch ul.ui-autocomplete .ui-autocomplete-text, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-headline, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-headline, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-headline, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text, .search-mobile ul.ui-autocomplete .ui-autocomplete-headline, .search-mobile ul.ui-autocomplete .ui-autocomplete-text {
        width: calc( 100% - 2.4rem ) !important
    }
}

@supports(-moz-appearance: none) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-headline, #headerSearch ul.ui-autocomplete .ui-autocomplete-text, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-headline, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-headline, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-headline, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text, .search-mobile ul.ui-autocomplete .ui-autocomplete-headline, .search-mobile ul.ui-autocomplete .ui-autocomplete-text {
        width: calc( 50% - 2.41rem ) !important
    }

    @media(max-width: 991.98px) {
        #headerSearch ul.ui-autocomplete .ui-autocomplete-headline, #headerSearch ul.ui-autocomplete .ui-autocomplete-text, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-headline, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-headline, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-headline, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text, .search-mobile ul.ui-autocomplete .ui-autocomplete-headline, .search-mobile ul.ui-autocomplete .ui-autocomplete-text {
            width: calc( 100% - 2.41rem ) !important
        }
    }
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-headline span, #headerSearch ul.ui-autocomplete .ui-autocomplete-text span, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline span, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text span, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-headline span, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text span, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-headline span, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text span, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline span, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text span, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-headline span, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text span, .search-mobile ul.ui-autocomplete .ui-autocomplete-headline span, .search-mobile ul.ui-autocomplete .ui-autocomplete-text span {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: .8rem
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-text-full-width, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text-full-width, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text-full-width, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text-full-width, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text-full-width, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text-full-width, .search-mobile ul.ui-autocomplete .ui-autocomplete-text-full-width {
    width: calc( 100% - 2.4rem ) !important
}

@supports(-moz-appearance: none) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-text-full-width, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text-full-width, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text-full-width, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text-full-width, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text-full-width, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text-full-width, .search-mobile ul.ui-autocomplete .ui-autocomplete-text-full-width {
        width: calc( 100% - 2.41rem ) !important
    }
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-placeholder, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-placeholder, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-placeholder, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-placeholder, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-placeholder, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-placeholder, .search-mobile ul.ui-autocomplete .ui-autocomplete-placeholder {
    background: none;
    border: none !important
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item, .search-mobile ul.ui-autocomplete .ui-autocomplete-item {
    padding: 0;
    margin: 0 1.2rem !important;
    height: 4.8rem;
    border: none;
    font-size: 1.7rem;
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc( 50% - 2.4rem ) !important
}

@media(max-width: 991.98px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item, .search-mobile ul.ui-autocomplete .ui-autocomplete-item {
        width: calc( 100% - 2.4rem ) !important
    }
}

@supports(-moz-appearance: none) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item, .search-mobile ul.ui-autocomplete .ui-autocomplete-item {
        width: calc( 50% - 2.41rem ) !important
    }

    @media(max-width: 991.98px) {
        #headerSearch ul.ui-autocomplete .ui-autocomplete-item, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item, .search-mobile ul.ui-autocomplete .ui-autocomplete-item {
            width: calc( 100% - 2.41rem ) !important
        }
    }
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item a, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a {
    color: #000;
    padding: .8rem;
    border-bottom: .1rem solid #dedede;
    line-height: 1.6rem;
    background-color: #fff;
    width: 100%;
    cursor: pointer
}

    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a:active, #headerSearch ul.ui-autocomplete .ui-autocomplete-item a:hover, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a:active, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a:hover, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a:active, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a:hover, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a:active, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a:hover, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a:active, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a:hover, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a:active, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a:hover, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a:active, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a:hover {
        background-color: #dedede;
        text-decoration: none
    }

    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a.ui-state-active, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a.ui-state-active, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a.ui-state-active, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a.ui-state-active, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a.ui-state-active, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a.ui-state-active, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a.ui-state-active {
        color: #000;
        background: #dedede url("images/ui-bg_flat_0_0000_40x100.png") 50% 50% repeat-x;
        background-color: #dedede;
        margin: 0 !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important
    }

    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.image, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.image, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.image, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.image, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.image, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.image, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.image {
        padding: 0;
        margin-right: .8rem;
        float: left
    }

    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label {
        float: left;
        width: 60%
    }

    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.description, #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label, #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.value, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.value, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.value, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.value, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.value, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.value, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.value {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-weight: bold
    }

    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly {
        min-height: 3.8rem;
        width: 77%;
        font-weight: normal !important;
        white-space: normal !important
    }

        #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly.labelWithoutImage, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly.labelWithoutImage, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly.labelWithoutImage, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly.labelWithoutImage, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly.labelWithoutImage, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly.labelWithoutImage, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly.labelWithoutImage {
            width: 85% !important
        }

    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.value, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.value, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.value, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.value, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.value, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.value, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.value {
        width: 27%;
        font-weight: normal;
        text-align: left;
        padding-left: 10px
    }

    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.description {
        width: 61%;
        display: inline-block;
        font-weight: normal;
        font-size: 1.5rem;
        text-transform: uppercase
    }

#headerSearch ul.ui-autocomplete .ui-autocomplete-item img, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item img, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item img, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item img, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item img, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item img, .search-mobile ul.ui-autocomplete .ui-autocomplete-item img {
    margin-right: 0
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-state-active, #headerSearch ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-content .ui-state-active, #headerSearch ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-header .ui-state-active, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-state-active, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-content .ui-state-active, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-header .ui-state-active, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-state-active, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-content .ui-state-active, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-header .ui-state-active, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-state-active, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-content .ui-state-active, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-header .ui-state-active, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-state-active, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-content .ui-state-active, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-header .ui-state-active, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-state-active, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-content .ui-state-active, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-header .ui-state-active, .search-mobile ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-state-active, .search-mobile ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-content .ui-state-active, .search-mobile ul.ui-autocomplete .ui-autocomplete-item .search-mobile .ui-widget-header .ui-state-active {
    border: none !important;
    background: none !important;
    font-weight: inherit !important
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item .strongRed, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item .strongRed, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item .strongRed, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item .strongRed, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item .strongRed, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item .strongRed, .search-mobile ul.ui-autocomplete .ui-autocomplete-item .strongRed {
    color: #c00
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item .multiline_ellipsis_webkit, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item .multiline_ellipsis_webkit, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item .multiline_ellipsis_webkit, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item .multiline_ellipsis_webkit, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item .multiline_ellipsis_webkit, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item .multiline_ellipsis_webkit, .search-mobile ul.ui-autocomplete .ui-autocomplete-item .multiline_ellipsis_webkit {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical
}

#headerSearch ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, #tabDirectEntry ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, #tabFastEntry ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, .checkout-process #FastEntryForm ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, .checkout-process #directEntryForm ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, .search-mobile ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item {
    width: calc( 100% - 2.4rem ) !important
}

@supports(-moz-appearance: none) {
    #headerSearch ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, #tabDirectEntry ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, #tabFastEntry ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, .checkout-process #FastEntryForm ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, .checkout-process #directEntryForm ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item, .search-mobile ul.ui-autocomplete.suggest-search-one-column .ui-autocomplete-item {
        width: calc( 100% - 2.41rem ) !important
    }
}

#main-wrapper.responsive #FastEntryForm ul.ui-autocomplete {
    width: 71.9% !important
}

#tabFastEntry ul.ui-autocomplete {
    width: 71.7% !important
}

#tabDirectEntry ul.ui-autocomplete, .checkout-process #directEntryForm ul.ui-autocomplete {
    width: 63.4% !important
}

    #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text {
        width: calc( 100% - 2.4rem ) !important
    }

@supports(-moz-appearance: none) {
    #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text {
        width: calc( 100% - 2.41rem ) !important
    }
}

#main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text:hover, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text:hover, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text:hover, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text:hover {
    border: none;
    background-color: transparent
}

#main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text .ui-state-active, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text .ui-state-active, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text .ui-state-active, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text .ui-state-active {
    border: none;
    background-color: transparent;
    background-image: none;
    font-weight: bold
}

#main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .value, #tabDirectEntry ul.ui-autocomplete .value, #tabFastEntry ul.ui-autocomplete .value, .checkout-process #directEntryForm ul.ui-autocomplete .value {
    position: absolute;
    right: 20px;
    text-align: right
}

@media(max-width: 991.98px) {
    #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete, #tabDirectEntry ul.ui-autocomplete, #tabFastEntry ul.ui-autocomplete, .checkout-process #directEntryForm ul.ui-autocomplete {
        width: calc( 100% - 2.4rem ) !important;
        left: 1.2rem !important;
        margin-top: 10px
    }

    @supports(-moz-appearance: none) {
        #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete, #tabDirectEntry ul.ui-autocomplete, #tabFastEntry ul.ui-autocomplete, .checkout-process #directEntryForm ul.ui-autocomplete {
            width: calc( 100% - 2.41rem ) !important
        }
    }
}

.pac-container {
    z-index: 10000
}

.CaCBranchFound {
    cursor: pointer
}

.wuerthAutocomplete img.loading-icon {
    position: absolute;
    top: 2rem;
    right: 2.4rem
}

.ui-autocomplete-text {
    list-style-type: none
}

    .ui-autocomplete-text .search-flyout-info {
        padding: .4rem .4rem .4rem 3.6rem !important;
        line-height: 1.1;
        border: .2rem solid #0093dd;
        border-left: .8rem solid #0093dd;
        position: relative;
        font-size: 1.5rem;
        display: table-cell;
        background-color: #fff;
        vertical-align: middle !important
    }

        .ui-autocomplete-text .search-flyout-info:before {
            font-family: Wuerthicons;
            font-weight: normal;
            font-size: 2rem;
            position: absolute;
            top: 1rem;
            left: .8rem;
            color: #0093dd;
            content: "\ec3e"
        }

.section {
    margin-bottom: 6rem
}

@media(max-width: 767.98px) {
    .section {
        margin-bottom: 5rem
    }
}

.side-nav {
    margin-bottom: 6rem
}

@media(max-width: 991.98px) {
    .side-nav {
        margin-bottom: 0
    }
}

.side-nav ul {
    list-style: none;
    padding: 0
}

.side-nav li {
    width: 100%;
    word-wrap: break-word;
    overflow-x: hidden
}

    .side-nav li a, .side-nav li button {
        border-bottom: .1rem solid #dedede;
        color: #000;
        font-size: 1.7rem;
        line-height: 1.35;
        margin: 0;
        padding: 1rem 2.8rem 1rem 3.8rem;
        text-decoration: none;
        float: left;
        width: 100%;
        word-wrap: break-word;
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

@media(max-width: 991.98px) {
    .side-nav li a, .side-nav li button {
        font-size: 1.5rem
    }
}

.side-nav li a.badge-r, .side-nav li button.badge-r {
    padding-right: 1.4rem
}

.side-nav li a.list-head, .side-nav li button.list-head {
    font-weight: bold;
    color: #000;
    background-color: #ededed
}

    .side-nav li a.list-head:hover, .side-nav li button.list-head:hover {
        color: #000;
        background-color: #dedede
    }

.side-nav li a.active, .side-nav li button.active {
    font-weight: bold;
    padding-right: 0
}

    .side-nav li a.active:hover, .side-nav li button.active:hover {
        color: #000
    }

.side-nav li a:hover, .side-nav li button:hover {
    color: #c00
}

.side-nav li a:not(.accordion-toggle) i, .side-nav li button:not(.accordion-toggle) i {
    position: absolute
}

    .side-nav li a:not(.accordion-toggle) i:first-of-type, .side-nav li button:not(.accordion-toggle) i:first-of-type {
        left: 2.4rem;
        margin-top: .15rem
    }

    .side-nav li a:not(.accordion-toggle) i:last-of-type, .side-nav li button:not(.accordion-toggle) i:last-of-type {
        color: #c00;
        font-size: 1.2rem;
        right: 2.4rem;
        margin-top: .4rem
    }

.side-nav li a.accordion-toggle i, .side-nav li button.accordion-toggle i {
    position: absolute
}

    .side-nav li a.accordion-toggle i:first-of-type, .side-nav li button.accordion-toggle i:first-of-type {
        left: 2.4rem;
        margin-top: .2rem
    }

    .side-nav li a.accordion-toggle i:last-of-type, .side-nav li button.accordion-toggle i:last-of-type {
        right: 2.4rem;
        margin-top: .3rem;
        color: #c00
    }

.side-nav li #mobileApproval li a {
    border: none;
    padding: 0;
    line-height: 1.5;
    color: #c00
}

    .side-nav li #mobileApproval li a:hover {
        text-decoration: underline
    }

.side-nav li #mobileApproval hr, .side-nav li #mobileApproval .card, .side-nav li #mobileApproval .card-body {
    display: block;
    float: left;
    width: 100%
}

.side-nav li .badge {
    float: right
}

.side-nav .side-nav-accordion a {
    padding-left: 1.4rem
}

    .side-nav .side-nav-accordion a.list-head {
        color: #000
    }

        .side-nav .side-nav-accordion a.list-head:hover {
            color: #000
        }

    .side-nav .side-nav-accordion a.accordion-toggle i {
        position: absolute;
        right: 2.4rem !important;
        left: auto !important;
        margin-top: .3rem !important;
        color: #c00
    }

    .side-nav .side-nav-accordion a.badge-r {
        padding-right: 1.4rem
    }

.side-nav .side-nav-accordion ul, .side-nav .side-nav-accordion li {
    float: left;
    width: 100%
}

    .side-nav .side-nav-accordion ul.collapsing, .side-nav .side-nav-accordion li.collapsing {
        float: left;
        width: 100%
    }

    .side-nav .side-nav-accordion ul .RequisitionsList li a {
        padding-left: 2.8rem
    }

.side-nav .side-nav-toggle-more {
    font-weight: bold
}

.side-nav .side-nav-approval a {
    border-bottom: none;
    padding: 0;
    color: #c00
}

.side-nav .side-nav-approval div {
    overflow: hidden
}

@media(min-width: 768px) {
    .side-nav .side-nav-approval {
        display: block
    }
}

.side-nav .side-nav-catalogues {
    margin-bottom: 4.8rem
}

    .side-nav .side-nav-catalogues ul, .side-nav .side-nav-catalogues li {
        float: left;
        width: 100%
    }

    .side-nav .side-nav-catalogues a.active {
        padding-left: 2.2rem
    }

        .side-nav .side-nav-catalogues a.active i {
            position: relative;
            right: auto !important;
            left: -1rem !important;
            font-size: 1.5rem !important
        }

.side-nav .side-nav-content .list-head {
    color: #000
}

    .side-nav .side-nav-content .list-head:not(.accordion-toggle) {
        padding-right: 0
    }

    .side-nav .side-nav-content .list-head:hover {
        color: #000
    }

    .side-nav .side-nav-content .list-head i {
        font-size: 1.5rem !important
    }

.side-nav .side-nav-content .side-nav-content-head {
    font-weight: bold;
    padding-right: 0
}

.side-nav .side-nav-content img {
    position: absolute;
    left: 1.2rem;
    margin-top: -0.8rem
}

    .side-nav .side-nav-content img.img-floor-category {
        position: relative;
        left: auto;
        margin-top: 0
    }

    .side-nav .side-nav-content img ~ i {
        color: #c00 !important;
        font-size: 1.2rem !important;
        right: 2.4rem !important;
        left: auto !important;
        margin-top: .4rem !important
    }

.side-nav .side-nav-content .reco-floor-header {
    padding: 0 0 1rem 0;
    text-align: center
}

    .side-nav .side-nav-content .reco-floor-header img:not(.category-img) {
        padding: 0 5.8rem
    }

@media(max-width: 991.98px) {
    .side-nav .side-nav-content .reco-floor-header img:not(.category-img) {
        padding: 0 2.4rem
    }
}

.side-nav .side-nav-content .reco-floor-header img.category-img {
    max-height: 17rem
}

.side-nav .side-nav-content .reco_floor_navigation img {
    max-width: 33px;
    max-height: 33px
}

.reco-floor .side-nav-content li a.nav-link {
    padding: 1rem 0 1rem 3.8rem
}

.reco-floor .side-nav-content li:last-of-type a.nav-link {
    padding: 1rem 2.8rem 1rem 3.8rem
}

.filter-modal label.custom-checkbox {
    width: 100%
}

    .filter-modal label.custom-checkbox span.badge {
        position: absolute;
        right: -1.8rem
    }

.filter-modal ul.radio-list a {
    padding-left: 4.6rem
}

    .filter-modal ul.radio-list a.active {
        padding-left: 3rem
    }

        .filter-modal ul.radio-list a.active i.icon-interface-tick {
            position: relative;
            right: auto !important;
            left: -1rem !important;
            font-size: 1.5rem !important
        }

#bottomad {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #c00;
    color: #fff;
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,.26)
}

#cookieBanner, .cookiebanner {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #ededed;
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,.26)
}

@media(max-width: 767.98px) {
    #cookieBanner, .cookiebanner {
        max-height: 80%;
        overflow-y: auto
    }
}

table {
    font-size: 1.5rem
}

    table thead {
        background-color: #fff
    }

    table.table th {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: bold
    }

    table.table td {
        vertical-align: middle
    }

    table.table .md-detail {
        width: auto;
        min-width: 15rem
    }

    table.table .md-attribute-1 {
        width: auto;
        min-width: 12rem
    }

    table.table .md-attribute-2 {
        width: auto;
        min-width: 12rem
    }

    table.table .md-attribute-3 {
        width: auto;
        min-width: 12rem
    }

    table.table .md-attribute-4 {
        width: auto;
        min-width: 12rem
    }

    table.table .md-quantity {
        width: auto;
        min-width: 12rem
    }

@media(max-width: 767.98px) {
    table.table .md-quantity {
        min-width: 9rem
    }
}

table.table .td_preisve {
    min-width: 12rem
}

@media(max-width: 767.98px) {
    table.table .td_preisve {
        min-width: auto
    }
}

table.table .md-packageunit {
    width: auto;
    min-width: 12rem
}

@media(max-width: 767.98px) {
    table.table .md-packageunit {
        min-width: 9rem
    }
}

table.table .md-price {
    width: auto;
    min-width: 8rem
}

table.table .md-addtocart {
    width: auto;
    min-width: 4rem
}

table.table .md-toggle {
    width: 3.2rem
}

    table.table .md-toggle i {
        position: absolute;
        margin-top: -0.6rem;
        right: 1.2rem
    }

table.table.table-shipment th, table.table.table-shipment td {
    padding: 1.2rem .8rem
}

    table.table.table-shipment th:first-of-type, table.table.table-shipment td:first-of-type {
        padding: 1.2rem .8rem 1.2rem 1.2rem
    }

    table.table.table-shipment th:last-of-type, table.table.table-shipment td:last-of-type {
        padding: 1.2rem 1.2rem 1.2rem .8rem
    }

table.table.table-shipment .md-product {
    width: auto;
    min-width: 33rem
}

@media(max-width: 767.98px) {
    table.table.table-shipment .md-product {
        min-width: auto
    }
}

table.table.table-accessory th, table.table.table-accessory td {
    padding: 1.2rem .8rem
}

    table.table.table-accessory th:first-of-type, table.table.table-accessory td:first-of-type {
        padding: 1.2rem .8rem 1.2rem 1.2rem
    }

    table.table.table-accessory th:last-of-type, table.table.table-accessory td:last-of-type {
        padding: 1.2rem 1.2rem 1.2rem .8rem
    }

table.table.table-accessory .md-product {
    width: auto;
    min-width: 13rem
}

table.table.table-hover tr:hover {
    cursor: pointer
}

table.table.table-hover tr.hidden-row {
    cursor: auto
}

table.table.table-top-products tr td {
    vertical-align: top;
    padding: 1.2rem .8rem
}

    table.table.table-top-products tr td:first-of-type {
        padding: 1.2rem .8rem 1.2rem 1.2rem
    }

    table.table.table-top-products tr td:last-of-type {
        padding: 1.2rem 1.2rem 1.2rem .8rem
    }

table.table.table-top-products tr th {
    vertical-align: bottom;
    padding: 1.2rem .8rem
}

    table.table.table-top-products tr th:first-of-type {
        padding: 1.2rem .8rem 1.2rem 1.2rem
    }

    table.table.table-top-products tr th:last-of-type {
        padding: 1.2rem 1.2rem 1.2rem .8rem
    }

table.table.table-top-products .md-toggle {
    min-width: 1.3rem
}

table.table.table-top-products .md-quantity {
    width: 13rem
}

table.table.table-top-products .md-packageunit {
    width: 9rem;
    min-width: auto
}

table.table.table-top-products .md-product {
    width: auto;
    min-width: 13rem;
    word-break: break-all
}

table.table-variants th, table.table-variants td {
    padding: 1.2rem .8rem
}

    table.table-variants th:first-of-type, table.table-variants td:first-of-type {
        padding: 1.2rem .8rem 1.2rem 1.2rem
    }

    table.table-variants th:last-of-type, table.table-variants td:last-of-type {
        padding: 1.2rem 1.2rem 1.2rem .8rem
    }

table.table-cart {
    background-color: #fff;
    margin-bottom: 0
}

    table.table-cart th {
        border-bottom: none
    }

        table.table-cart th.cart-actions {
            min-width: 7rem
        }

    table.table-cart td {
        border-top: none;
        vertical-align: top
    }

    table.table-cart tbody tr {
        border: .1rem solid #dedede
    }

    table.table-cart .input-quantity {
        border: .1rem solid #dedede
    }

    table.table-cart .dropdown {
        border: .1rem solid #dedede
    }

    table.table-cart .tr-spacer {
        border: none !important
    }

        table.table-cart .tr-spacer td {
            height: .6rem !important;
            padding: 0 !important
        }

table.table-content {
    background: none;
    margin-bottom: 4.8rem
}

    table.table-content thead tr {
        border-bottom: .2rem solid #262626
    }

    table.table-content thead th {
        font-size: 1.7rem;
        line-height: 1.2;
        border-bottom: none
    }

    table.table-content tr {
        border-bottom: .1rem solid #dedede
    }

    table.table-content th, table.table-content td {
        border-top: none
    }

table.table-hover tbody tr:hover {
    cursor: pointer
}

.div-table-tr {
    font-size: 1.5rem
}

    .div-table-tr .div-tr-border {
        border: .1rem solid #dedede;
        padding: 1.2rem
    }

    .div-table-tr .cart-actions {
        margin-top: 1.2rem
    }

@media(min-width: 576px) {
    .div-table-tr .cart-actions {
        margin-top: 0
    }
}

@media(min-width: 992px) {
    .div-table-tr .cart-actions {
        margin-top: 1.2rem
    }
}

.div-table-cart .col_pricePerPriceQuantity {
    text-align: right
}

    .div-table-cart .col_pricePerPriceQuantity .col_quantity, .div-table-cart .col_pricePerPriceQuantity .scalePriceSpanIcon {
        display: block
    }

.div-table-cart .img-wrapper {
    min-width: 78px;
    display: block;
    text-align: center
}

.div-table-cart.order-detail .div-tr-border {
    width: 100%
}

    .div-table-cart.order-detail .div-tr-border div[class*=cart-] {
        padding: 0 .4rem;
        display: block
    }

@media(min-width: 576px) {
    .div-table-cart.order-detail .div-tr-border div[class*=cart-] {
        display: inline-block
    }
}

.div-table-cart.order-detail .cart-price-total {
    width: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .div-table-cart.order-detail .div-table-cart-head .cart-shipment-item {
        width: 17rem
    }

    .div-table-cart.order-detail .div-table-cart-head .cart-article {
        width: calc( 100% - 34.4rem );
        padding: 0 .8rem
    }

    .div-table-cart.order-detail .div-table-cart-head .cart-packingunit {
        width: 9rem
    }

    .div-table-cart.order-detail .div-table-cart-head .cart-quantity {
        width: 14rem;
        margin-left: 0
    }

    .div-table-cart.order-detail .div-table-cart-head .cart-item-status {
        width: 8rem;
        margin-left: 0
    }
}

@media(min-width: 992px) {
    .div-table-cart.order-detail .div-table-cart-head .cart-article {
        width: calc( 100% - 50.4rem )
    }

    .div-table-cart.order-detail .div-table-cart-head .cart-packingunit {
        width: 9rem
    }

    .div-table-cart.order-detail .div-table-cart-head .cart-pack-ref {
        width: 5rem
    }
}

.div-table-cart.order-detail .cart-shipment-item {
    width: 5rem
}

.div-table-cart.order-detail .cart-item-img {
    width: 8.6rem
}

.div-table-cart.order-detail .cart-article-pack-ref {
    width: calc( 100% - 13.6rem );
    padding: 0 !important
}

.div-table-cart.order-detail .cart-article {
    width: 100%;
    padding: 0
}

.div-table-cart.order-detail .cart-pack-ref {
    width: 100%;
    padding: 0;
    vertical-align: top
}

.div-table-cart.order-detail .cart-packingunit {
    width: calc( 100% - 13.6rem );
    margin-left: 13.6rem
}

.div-table-cart.order-detail .cart-quantity {
    width: auto;
    margin-left: 0
}

.div-table-cart.order-detail .cart-item-status {
    width: calc( 100% - 13.6rem );
    margin-left: 13.6rem
}

@media(min-width: 576px) {
    .div-table-cart.order-detail .cart-shipment-item {
        width: 8.4rem
    }

    .div-table-cart.order-detail .cart-article-pack-ref {
        width: calc( 100% - 34rem )
    }

    .div-table-cart.order-detail .cart-packingunit {
        width: 9rem;
        margin-left: 0
    }

    .div-table-cart.order-detail .cart-article {
        width: 100%
    }

    .div-table-cart.order-detail .cart-pack-ref {
        width: 100%
    }

    .div-table-cart.order-detail .cart-quantity {
        width: 11rem;
        margin-left: 0
    }

    .div-table-cart.order-detail .cart-item-status {
        width: auto;
        margin-left: 0
    }
}

@media(min-width: 992px) {
    .div-table-cart.order-detail .cart-article-pack-ref {
        width: calc( 100% - 33.8rem )
    }

    .div-table-cart.order-detail .cart-packingunit {
        width: 9rem
    }

    .div-table-cart.order-detail .cart-article {
        width: calc( 100% - 17rem )
    }

    .div-table-cart.order-detail .cart-pack-ref {
        width: 5rem
    }

    .div-table-cart.order-detail .cart-item-status {
        width: auto;
        margin-left: 0
    }
}

.div-table-cart.return-items .div-table-cart-head .cart-article {
    width: calc( 100% - 20rem );
    padding-left: .4rem !important
}

@media(min-width: 1200px) {
    .div-table-cart.return-items .div-table-cart-head .cart-article {
        width: calc( 100% - 69.2rem )
    }
}

@media(min-width: 576px) {
    .div-table-cart.return-items .div-table-cart-head .cart-pack-ref {
        width: 5rem
    }
}

.div-table-cart.return-items .div-table-cart-head .cart-checkbox {
    width: 3rem
}

.div-table-cart.return-items .div-table-cart-head .cart-return-reason {
    width: 14.1rem
}

.div-table-cart.return-items .div-table-cart-head .cart-settlement-request {
    width: 16.1rem
}

.div-table-cart.return-items .cart-checkbox {
    width: 3rem
}

.div-table-cart.return-items .cart-article {
    width: 100%
}

@media(min-width: 1200px) {
    .div-table-cart.return-items .cart-article {
        width: calc( 100% - 6.4rem )
    }
}

.div-table-cart.return-items .cart-article-pack-ref {
    width: calc( 100% - 17rem )
}

@media(min-width: 576px) {
    .div-table-cart.return-items .cart-article-pack-ref {
        width: calc( 100% - 20rem )
    }
}

@media(min-width: 1200px) {
    .div-table-cart.return-items .cart-article-pack-ref {
        width: calc( 100% - 63.5rem )
    }
}

.div-table-cart.return-items .cart-pack-ref {
    vertical-align: top;
    width: 100%
}

@media(min-width: 1200px) {
    .div-table-cart.return-items .cart-pack-ref {
        width: 6rem
    }
}

.div-table-cart.return-items .cart-quantity-reason-settlement {
    width: 100%;
    padding: 0 0 0 3rem !important;
    display: block !important
}

    .div-table-cart.return-items .cart-quantity-reason-settlement .cart-quantity, .div-table-cart.return-items .cart-quantity-reason-settlement .cart-article, .div-table-cart.return-items .cart-quantity-reason-settlement .cart-return-reason, .div-table-cart.return-items .cart-quantity-reason-settlement .cart-settlement-request, .div-table-cart.return-items .cart-quantity-reason-settlement .cart-pack-ref {
        width: 100%;
        margin-left: 0;
        vertical-align: top
    }

@media(min-width: 576px) {
    .div-table-cart.return-items .cart-quantity-reason-settlement {
        padding: 0 0 0 20rem !important
    }
}

@media(min-width: 992px) {
    .div-table-cart.return-items .cart-quantity-reason-settlement .cart-quantity {
        width: 14rem;
        display: inline-block
    }

    .div-table-cart.return-items .cart-quantity-reason-settlement .cart-return-reason, .div-table-cart.return-items .cart-quantity-reason-settlement .cart-settlement-request {
        width: calc( ( 100% - 11.725rem ) / 2 );
        padding-left: 0 !important;
        display: inline-block
    }
}

@media(min-width: 1200px) {
    .div-table-cart.return-items .cart-quantity-reason-settlement {
        width: 43.5rem;
        padding: 0 !important
    }

        .div-table-cart.return-items .cart-quantity-reason-settlement .cart-quantity {
            width: 14rem;
            display: inline-block
        }

        .div-table-cart.return-items .cart-quantity-reason-settlement .cart-return-reason {
            width: 12.7rem;
            padding-left: 0 !important;
            display: inline-block
        }

        .div-table-cart.return-items .cart-quantity-reason-settlement .cart-settlement-request {
            width: 16rem;
            padding-left: 0 !important;
            display: inline-block
        }
}

.div-table-cart.return-items .cart-quantity-reason-settlement .cart-return-comments {
    width: 100%
}

@media(min-width: 1200px) {
    .div-table-cart.return-items.return-items-overview .div-table-cart-head .cart-article {
        width: calc( 100% - 66.2rem )
    }
}

@media(min-width: 1200px) {
    .div-table-cart.return-items.return-items-overview .cart-article-pack-ref {
        width: calc( 100% - 60.5rem )
    }
}

.div-table-cart.return-items.return-items-overview .cart-pack-ref {
    vertical-align: top
}

@media(max-width: 575.98px) {
    .div-table-cart.return-items.return-items-overview .cart-quantity-reason-settlement {
        padding: 0 0 0 13.6rem !important
    }
}

@media(min-width: 576px)and (max-width: 1199.98px) {
    .div-table-cart.return-items.return-items-overview .cart-quantity-reason-settlement {
        padding: 0 0 0 17rem !important
    }
}

@media(min-width: 992px) {
    .div-table-cart.no-return-items .div-table-cart-head .cart-article {
        width: calc( 100% - 48.4rem )
    }
}

@media(min-width: 992px) {
    .div-table-cart.no-return-items .div-table-cart-head .cart-article {
        width: calc( 100% - 53.4rem )
    }
}

@media(min-width: 992px) {
    .div-table-cart.no-return-items .div-table-cart-head .cart-item-status {
        width: 20.4rem
    }
}

.div-table-cart.no-return-items .cart-article-pack-ref .cart-pack-ref {
    vertical-align: top
}

@media(min-width: 992px) {
    .div-table-cart.no-return-items .cart-article-pack-ref {
        width: calc( 100% - 48rem )
    }
}

@media(min-width: 992px) {
    .div-table-cart.no-return-items .cart-article-pack-ref .cart-article {
        width: calc( 100% - 6rem )
    }
}

@media(min-width: 992px) {
    .div-table-cart.no-return-items .cart-item-status {
        width: 20rem
    }
}

.div-table-cart.contract-detail .cart-quantity, .div-table-cart.contract-detail .cart-fulfillment {
    margin-left: 13.6rem;
    width: 100%
}

@media(min-width: 576px) {
    .div-table-cart.contract-detail .cart-fulfillment {
        margin-left: 16.8rem
    }

    .div-table-cart.contract-detail .cart-quantity {
        width: auto;
        margin-left: 0
    }
}

@media(min-width: 992px) {
    .div-table-cart.contract-detail .cart-article-pack-ref {
        width: calc( 100% - 45rem )
    }

        .div-table-cart.contract-detail .cart-article-pack-ref .cart-article {
            width: calc( 100% - 6rem )
        }

    .div-table-cart.contract-detail .cart-fulfillment {
        margin-left: 0;
        width: 16.8rem
    }

    .div-table-cart.contract-detail .cart-quantity {
        width: 11.2rem
    }
}

@media(min-width: 1200px) {
    .div-table-cart.contract-detail .cart-fulfillment {
        width: calc( 100% - 69.8rem )
    }
}

.div-table-cart-head {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.2rem
}

    .div-table-cart-head div[class*=cart-] {
        padding: 0 .8rem;
        margin-top: auto
    }

    .div-table-cart-head .cart-price-total {
        width: auto;
        margin-left: auto
    }

@media(min-width: 576px) {
    .div-table-cart-head .cart-article {
        width: calc( 10.2rem + 21.8% )
    }

    .div-table-cart-head .cart-pack-ref {
        width: 7.6%
    }

    .div-table-cart-head .cart-price-unit {
        width: 12.9%
    }

    .div-table-cart-head .cart-quantity {
        width: 20%
    }
}

@media(min-width: 768px) {
    .div-table-cart-head .cart-article {
        width: calc( 10.2rem + 21.8% )
    }

    .div-table-cart-head .cart-pack-ref {
        width: 7.6%
    }

    .div-table-cart-head .cart-price-unit {
        width: 12.9%;
        text-align: right
    }

    .div-table-cart-head .cart-quantity {
        width: 20%
    }
}

@media(min-width: 992px) {
    .div-table-cart-head .cart-article {
        width: calc( 10.2rem + 22.8% )
    }

    .div-table-cart-head .cart-pack-ref {
        width: 7.4%
    }

    .div-table-cart-head .cart-price-unit {
        width: 13.5%
    }

    .div-table-cart-head .cart-quantity {
        width: 24%
    }
}

@media(min-width: 1200px) {
    .div-table-cart-head .cart-article {
        width: 30%
    }

    .div-table-cart-head .cart-pack-ref {
        width: 6.2%
    }

    .div-table-cart-head .cart-price-unit {
        width: 11.7%
    }

    .div-table-cart-head .cart-quantity {
        width: 28%
    }
}

@supports not (-webkit-touch-callout: none) {
    @media(max-width: 767.98px) {
        #ModelDetailForm .dataTable > thead tr:nth-child(3) {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 2fr 1fr 0fr;
            grid-template-columns: 1fr 2fr 1fr 0fr
        }
    }

    @media(max-width: 991.98px) {
        #ModelDetailForm .modelDetailRow td.productNo {
            vertical-align: top
        }

        #ModelDetailForm .modelDetailRow td.td_preisve > button {
            max-width: 14rem
        }

        #ModelDetailForm .modelDetailRow td.basketButtonChanger a {
            margin-right: auto;
            margin-left: auto
        }
    }

    @media(max-width: 767.98px) {
        #ModelDetailForm .modelDetailRow {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 2fr 1fr;
            grid-template-columns: 1fr 2fr 1fr;
            -ms-grid-rows: 2fr 1fr;
            grid-template-rows: 2fr 1fr;
            grid-template-areas: "productno attributes price" "productno attributes price" "productno attributes button"
        }

            #ModelDetailForm .modelDetailRow:hover {
                background-color: #dedede
            }

            #ModelDetailForm .modelDetailRow td.productNo {
                grid-area: productno
            }

            #ModelDetailForm .modelDetailRow td.td_attributes {
                grid-area: attributes
            }

            #ModelDetailForm .modelDetailRow td.td_preisve {
                grid-area: price;
                border-bottom: none !important;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-align-items: flex-end;
                -ms-flex-align: end;
                align-items: flex-end;
                -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column
            }

                #ModelDetailForm .modelDetailRow td.td_preisve p {
                    margin-bottom: 0
                }

            #ModelDetailForm .modelDetailRow td.basketButtonChanger {
                grid-area: button;
                border-top: none
            }
    }

    @media (max-width: 767.98px) {
        #ModelDetailForm .modelDetailRow td.productNo {
            -ms-grid-row: 1;
            -ms-grid-row-span: 3;
            -ms-grid-column: 1
        }

        #ModelDetailForm .modelDetailRow td.td_attributes {
            -ms-grid-row: 1;
            -ms-grid-row-span: 3;
            -ms-grid-column: 2
        }

        #ModelDetailForm .modelDetailRow td.td_preisve {
            -ms-grid-row: 1;
            -ms-grid-row-span: 2;
            -ms-grid-column: 3
        }

        #ModelDetailForm .modelDetailRow td.basketButtonChanger {
            -ms-grid-row: 3;
            -ms-grid-column: 3
        }
    }
}

.div-table-orders-head ~ .div-table-tr .div-tr-border {
    padding: 1.2rem .8rem
}

    .div-table-orders-head ~ .div-table-tr .div-tr-border div[class*=orders-] {
        padding: 0 .8rem;
        display: block
    }

@media(min-width: 576px) {
    .div-table-orders-head ~ .div-table-tr .div-tr-border div[class*=orders-] {
        display: inline-block
    }
}

.div-table-orders-head {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.2rem
}

    .div-table-orders-head div[class*=orders-], .div-table-orders-head div[class*=return-] {
        padding: 0 .8rem
    }

        .div-table-orders-head div[class*=orders-]:first-of-type, .div-table-orders-head div[class*=return-]:first-of-type {
            padding: 0 .8rem 0 1.2rem
        }

        .div-table-orders-head div[class*=orders-]:last-of-type, .div-table-orders-head div[class*=return-]:last-of-type {
            padding: 0 1.2rem 0 .8rem
        }

    .div-table-orders-head .orders-number {
        width: 11.4rem
    }

    .div-table-orders-head .orders-date {
        width: 7.8rem
    }

    .div-table-orders-head .orders-reference {
        width: 11rem
    }

    .div-table-orders-head .orders-purchaser {
        width: 12.4rem
    }

    .div-table-orders-head .orders-cost-unit {
        width: 14rem
    }

    .div-table-orders-head .orders-origin {
        width: 3.4rem
    }

    .div-table-orders-head .orders-status {
        width: auto
    }

    .div-table-orders-head .orders-actions {
        width: 8.4rem
    }

    .div-table-orders-head .orders-toggle {
        width: 2.8rem
    }

    .div-table-orders-head .return-number {
        width: 11.4rem
    }

    .div-table-orders-head .return-date {
        width: 13.2rem
    }

    .div-table-orders-head .return-initiator {
        width: 15rem
    }

    .div-table-orders-head .return-method {
        width: 14rem
    }

    .div-table-orders-head .return-status {
        width: auto
    }

    .div-table-orders-head .return-toggle {
        width: 2.8rem
    }

.table-orders td, .table-orders th {
    padding: 1.2rem .8rem
}

    .table-orders td:first-of-type, .table-orders th:first-of-type {
        padding: 1.2rem .8rem 1.2rem 0
    }

    .table-orders td:last-of-type, .table-orders th:last-of-type {
        padding: 1.2rem 1.2rem 1.2rem .8rem
    }

.table-orders .orders-number {
    width: 11.8rem
}

.table-orders .orders-date {
    width: 8.2rem
}

.table-orders .orders-reference {
    width: 11.4rem
}

.table-orders .orders-purchaser {
    width: 12.8rem
}

.table-orders .orders-cost-unit {
    width: 14.4rem
}

.table-orders .orders-origin {
    text-align: center;
    width: 3.8rem
}

.table-orders .orders-status {
    width: auto
}

.table-orders .orders-actions {
    width: 8.4rem;
    padding-left: 0;
    padding-right: 0;
    text-align: right
}

    .table-orders .orders-actions a, .table-orders .orders-actions button {
        display: inline-block
    }

        .table-orders .orders-actions a i, .table-orders .orders-actions button i {
            position: relative
        }

            .table-orders .orders-actions a i.icon-editorial-trash-l, .table-orders .orders-actions button i.icon-editorial-trash-l {
                top: .3rem
            }

            .table-orders .orders-actions a i.icon-interface-reverse, .table-orders .orders-actions button i.icon-interface-reverse {
                top: .5rem
            }

.table-orders .orders-toggle {
    width: 3.2rem
}

    .table-orders .orders-toggle i {
        position: absolute;
        margin-top: -0.6rem;
        right: 1.2rem
    }

.table-orders .return-number {
    width: 11.4rem
}

.table-orders .return-date {
    width: 13.6rem
}

.table-orders .return-initiator {
    width: 15.4rem
}

.table-orders .return-method {
    width: 14.4rem
}

.table-orders .return-status {
    width: auto
}

.table-orders .return-toggle {
    width: 2.8rem
}

.table-orders tr.storno a, .table-orders tr.storno button, .table-orders tr.storno td {
    color: #999
}

.table-orders .order-actions a, .table-orders .order-actions button {
    display: inline-block
}

.cart-price-total-sum {
    text-align: right;
    position: absolute;
    right: 1.2rem;
    bottom: 0
}

.couponrow .cart-actions .delete_action {
    margin-left: 2.8rem
}

@media(max-width: 575.98px) {
    .couponrow .cart-price-total-sum {
        position: static;
        float: left
    }
}

.table.table-text > tbody > tr.selected {
    background-color: #bfbfbf
}

.table.table-text .thumb img {
    max-height: 5rem
}

.table.table-text tr.headline {
    font-weight: bold;
    font-size: 1.3rem
}

.table.table-text tr.footer {
    font-size: 1.1rem
}

.table_settings.table_settings_responsive {
    font-size: 1.5rem;
    margin-bottom: 1.2rem
}

    .table_settings.table_settings_responsive .table_results {
        display: none
    }

@media(min-width: 576px) {
    .table_settings.table_settings_responsive .table_results {
        display: inline-block;
        width: 18rem
    }
}

.table_settings.table_settings_responsive .table_paging {
    width: 100%;
    display: inline-block
}

@media(min-width: 576px) {
    .table_settings.table_settings_responsive .table_paging {
        text-align: right;
        width: calc( 100% - 18.4rem )
    }
}

@media(min-width: 992px) {
    .table_settings.table_settings_responsive .table_paging {
        text-align: center;
        width: calc( 100% - 46.8rem )
    }
}

.table_settings.table_settings_responsive .table_paging .current_pagenumber {
    padding: .8rem 1.2rem .6rem;
    margin: 0 .2rem;
    border: none;
    color: #fff;
    text-decoration: none;
    background-color: #c00
}

.table_settings.table_settings_responsive .table_paging .pagecursortxt, .table_settings.table_settings_responsive .table_paging a {
    padding: .8rem 1.2rem .6rem;
    margin: 0 .2rem;
    border: none
}

    .table_settings.table_settings_responsive .table_paging .pagecursortxt:hover, .table_settings.table_settings_responsive .table_paging a:hover {
        color: #000;
        text-decoration: none;
        background-color: #fff
    }

.table_settings.table_settings_responsive .table_paging .arrow-left, .table_settings.table_settings_responsive .table_paging .arrow-right {
    padding: .8rem 1.2rem .6rem;
    margin: 0 .2rem
}

.table_settings.table_settings_responsive .table_showlines {
    width: 100%;
    display: none
}

@media(min-width: 992px) {
    .table_settings.table_settings_responsive .table_showlines {
        display: inline-block;
        width: 28rem
    }
}

.table_settings.table_settings_responsive .table_showlines a {
    padding: .8rem 1.2rem .6rem;
    margin: 0 .2rem;
    border: none
}

    .table_settings.table_settings_responsive .table_showlines a:hover {
        color: #000;
        text-decoration: none;
        background-color: #fff
    }

.table_settings.table_settings_responsive .table_showlines .current_showlines {
    padding: .8rem 1.2rem .6rem;
    margin: 0 .2rem;
    border: none;
    color: #fff;
    text-decoration: none;
    background-color: #c00
}

#costUnitUpdate table.table thead, #inventoryDataOverview table.table thead, #selectDepartmentRole table.table thead, .dark-table table.table thead {
    background: none
}

    #costUnitUpdate table.table thead th, #inventoryDataOverview table.table thead th, #selectDepartmentRole table.table thead th, .dark-table table.table thead th {
        border-bottom: .1rem solid #999;
        border-top: .1rem solid #999
    }

#costUnitUpdate table.table tr td, #inventoryDataOverview table.table tr td, #selectDepartmentRole table.table tr td, .dark-table table.table tr td {
    border-bottom: .1rem solid #bfbfbf;
    border-top: none
}

#costUnitUpdate table.table tr.has-error td, #inventoryDataOverview table.table tr.has-error td, #selectDepartmentRole table.table tr.has-error td, .dark-table table.table tr.has-error td {
    border-bottom: 0
}

.table-productAttributes {
    font-size: 1.5rem
}

.light-table table.table {
    background: none;
    border-collapse: separate;
    border-spacing: 0 .4rem
}

    .light-table table.table th {
        border: none
    }

    .light-table table.table td {
        border-top: .1rem solid #dedede;
        border-bottom: .1rem solid #dedede
    }

        .light-table table.table td:first-child {
            border-left: .1rem solid #dedede
        }

        .light-table table.table td:last-child {
            border-right: .1rem solid #dedede
        }

        .light-table table.table td .availability.availability-icon {
            padding: 0
        }

            .light-table table.table td .availability.availability-icon::before {
                position: relative;
                margin: 0
            }

        .light-table table.table td .custom-radio input[type=radio] + span.label-area-name:before {
            border-color: #dedede
        }

        .light-table table.table td .custom-radio input[type=radio]:checked + span.label-area-name:before {
            border-color: #c00
        }

.table-light {
    background-color: #fff
}

    .table-light thead th {
        border-bottom: .2rem solid #bfbfbf;
        border-top: none
    }

    .table-light tbody tr:last-of-type {
        border-bottom: .1rem solid #dedede
    }

    .table-light td {
        border-top: .1rem solid #dedede
    }

@media(max-width: 767.98px) {
    .table-mobile {
        border: 0
    }

        .table-mobile thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

        .table-mobile tr {
            border: .1rem solid #dedede;
            display: block;
            margin-bottom: 1.6rem
        }

        .table-mobile td {
            display: block;
            text-align: right
        }

            .table-mobile td:before {
                content: attr(data-label);
                float: left;
                font-weight: bold
            }

            .table-mobile td:last-child {
                border-bottom: 0
            }

            .table-mobile td:first-child {
                border-top: 0
            }
}

.comparison {
    max-width: 100%;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 767px) {
    .comparison .row {
        background: #fff
    }
}

.comparison table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border-bottom: none
}

.comparison td, .comparison th {
    border-right: .1rem solid #dedede;
    empty-cells: show;
    padding: 1.2rem
}

@media(max-width: 639px) {
    .comparison td, .comparison th {
        padding: 1rem .5rem
    }
}

@media(max-width: 767px) {
    .comparison td:first-child, .comparison th:first-child {
        display: none
    }
}

.comparison th {
    font-weight: normal;
    padding: 0;
    border-bottom: .1rem solid #dedede
}

    .comparison th.compare-image {
        border-bottom: none
    }

.comparison tbody tr:nth-child(odd) {
    display: none
}

@media(max-width: 767px) {
    .comparison tbody tr:nth-child(odd) {
        display: table-row;
        background: #ededed
    }
}

.comparison .compare-row {
    background: #ededed
}

@media(max-width: 767.98px) {
    .comparison .compare-row {
        background: #fff
    }
}

.comparison .compare-btn-row {
    background: #fff
}

    .comparison .compare-btn-row td {
        border: none
    }

@media(max-width: 767.98px) {
    .comparison .compare-btn-row td {
        border-top: .1rem solid #dedede
    }
}

.comparison tr td:first-child {
    text-align: left
}

.comparison .marketing-header th {
    padding: 1.2rem !important
}

.comparison .price-info {
    padding: .4rem 1.2rem 1.2rem 1.2rem;
    vertical-align: bottom
}

    .comparison .price-info .price {
        font-size: 2.6rem;
        line-height: 1
    }

@media(max-width: 767.98px) {
    .comparison .price-info .price {
        font-size: 2rem
    }
}

.comparison .price-info .price .price-per-unit {
    font-size: 1.5rem;
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-transform: none
}

.comparison .price-was {
    color: #999;
    text-decoration: line-through
}

.comparison .price-now {
    color: #000
}

    .comparison .price-now span {
        color: #000;
        font-size: 2rem;
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
    }

.comparison .price-small {
    font-size: 1.7rem !important;
    position: relative;
    top: -1.2rem;
    left: .2rem
}

.comparison .compare-heading {
    font-size: 1.7rem;
    font-weight: bold !important;
    border-bottom: 0 !important;
    padding: 0 1.2rem !important;
    vertical-align: top;
    line-height: 1.3
}

@media(max-width: 639px) {
    .comparison .compare-heading {
        font-size: 1.5rem
    }
}

.cart-coupon-icon {
    width: 9.4rem
}

.hidden {
    display: none
}

.cart-price-total-sum-net-container p {
    font-weight: normal
}

.cart-price-total-sum-gross-container p {
    font-weight: bold
}

.nav-tabs {
    border-bottom: none
}

    .nav-tabs .nav-link {
        padding: 0;
        margin-right: 2.4rem;
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-size: 2rem;
        line-height: 1.4;
        color: #4d4d4d;
        border: none
    }

@media(max-width: 1199.98px) {
    .nav-tabs .nav-link {
        font-size: 1.5rem
    }
}

.nav-tabs .nav-link::after {
    content: "";
    position: absolute;
    width: 0px;
    height: .2rem;
    left: 50%;
    bottom: 0;
    background-color: #c00;
    transition: all ease-in-out .2s
}

.nav-tabs .nav-link.active::after {
    width: calc( 100% - 2.4rem );
    left: 0;
    bottom: -0.2rem
}

.nav-tabs .nav-link span.badge.badge-light {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}

.nav-tabs .nav-link:hover {
    color: #c00
}

.nav-tabs .nav-item {
    border-bottom: .2rem solid #4d4d4d;
    height: 3rem;
    position: relative
}

    .nav-tabs .nav-item:first-of-type .nav-link {
        margin-left: 0
    }

    .nav-tabs .nav-item:last-of-type .nav-link {
        margin-right: 0
    }

        .nav-tabs .nav-item:last-of-type .nav-link.active::after {
            width: 100%
        }

.nav-tabs.mobile-login-tabs .nav-item {
    height: auto
}

    .nav-tabs.mobile-login-tabs .nav-item .nav-link {
        width: 100%;
        color: #000;
        background-color: #dedede;
        border: none;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 1.2rem .6rem;
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
    }

@media(max-width: 767.98px) {
    .nav-tabs.mobile-login-tabs .nav-item .nav-link {
        font-size: 1.2rem;
        padding: 1.2rem .6rem;
        font-weight: bold;
        line-height: 1.4rem;
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
    }
}

.nav-tabs.mobile-login-tabs .nav-item .nav-link.active {
    background-color: #ededed;
    color: #000;
    border-color: none
}

    .nav-tabs.mobile-login-tabs .nav-item .nav-link.active::after {
        width: 100%
    }

.nav-tabs.reco-tabs, .nav-tabs.login-tabs {
    border-bottom: .1rem solid #dedede
}

    .nav-tabs.reco-tabs .nav-item, .nav-tabs.login-tabs .nav-item {
        margin-bottom: -0.1rem;
        border-bottom: none;
        height: auto
    }

    .nav-tabs.reco-tabs .nav-link, .nav-tabs.login-tabs .nav-link {
        border: .1rem solid transparent;
        padding: 1.2rem;
        margin: 0;
        background-color: #ededed;
        color: #999;
        font-size: 1.7rem;
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: bold
    }

        .nav-tabs.reco-tabs .nav-link:hover, .nav-tabs.reco-tabs .nav-link:focus, .nav-tabs.login-tabs .nav-link:hover, .nav-tabs.login-tabs .nav-link:focus {
            border-color: #dedede #dedede #fff;
            color: #4d4d4d;
            background-color: #fcfcfc
        }

        .nav-tabs.reco-tabs .nav-link.disabled, .nav-tabs.login-tabs .nav-link.disabled {
            color: #bfbfbf;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs.reco-tabs .nav-link.active::after, .nav-tabs.login-tabs .nav-link.active::after {
            width: 100%;
            bottom: 0
        }

        .nav-tabs.reco-tabs .nav-link.active, .nav-tabs.reco-tabs .nav-item.show .nav-link, .nav-tabs.login-tabs .nav-link.active, .nav-tabs.login-tabs .nav-item.show .nav-link {
            color: #000;
            background-color: #fff;
            border-color: #dedede #dedede #fff
        }

    .nav-tabs.reco-tabs + .tab-content, .nav-tabs.login-tabs + .tab-content {
        padding: 2.4rem 1.2rem 1.2rem 1.2rem;
        border: 1px solid;
        border-color: #fff #dedede #dedede #dedede
    }

@media(max-width: 767.98px) {
    .nav-tabs.reco-tabs + .tab-content, .nav-tabs.login-tabs + .tab-content {
        padding: 0
    }
}

.nav-tabs.reco-tabs + .tab-content .card-body, .nav-tabs.login-tabs + .tab-content .card-body {
    background-color: #ededed;
    border-top: .2rem solid #c00;
    padding: 1.2rem;
    height: 8.4rem;
    overflow: hidden
}

.nav-tabs.reco-tabs + .tab-content .card-footer .card-text.small, .nav-tabs.login-tabs + .tab-content .card-footer .card-text.small {
    padding: 0 1.2rem .4rem 1.2rem
}

.nav-tabs.reco-tabs + .tab-content .card-title, .nav-tabs.reco-tabs + .tab-content .card-text, .nav-tabs.login-tabs + .tab-content .card-title, .nav-tabs.login-tabs + .tab-content .card-text {
    color: #000;
    text-align: center
}

.nav-tabs.reco-tabs + .tab-content .card-title, .nav-tabs.login-tabs + .tab-content .card-title {
    line-height: 1.5;
    margin-bottom: 0;
    height: 5.7rem;
    overflow: hidden
}

.nav-tabs.reco-tabs + .tab-content .card-price, .nav-tabs.login-tabs + .tab-content .card-price {
    font-size: 3rem;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #c00
}

.nav-tabs.reco-tabs + .tab-content .card-model:hover .card-body, .nav-tabs.reco-tabs + .tab-content .card-model:hover .card-footer, .nav-tabs.reco-tabs + .tab-content .card-model:focus .card-body, .nav-tabs.reco-tabs + .tab-content .card-model:focus .card-footer, .nav-tabs.login-tabs + .tab-content .card-model:hover .card-body, .nav-tabs.login-tabs + .tab-content .card-model:hover .card-footer, .nav-tabs.login-tabs + .tab-content .card-model:focus .card-body, .nav-tabs.login-tabs + .tab-content .card-model:focus .card-footer {
    background-color: #dedede
}

.nav-tabs.reco-tabs + .tab-content .tab-pane, .nav-tabs.login-tabs + .tab-content .tab-pane {
    display: block;
    height: 0;
    overflow: hidden
}

    .nav-tabs.reco-tabs + .tab-content .tab-pane.active, .nav-tabs.login-tabs + .tab-content .tab-pane.active {
        height: auto
    }

.nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .collapse, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .collapse {
    display: block;
    height: 0;
    overflow: hidden
}

    .nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .collapse.show, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .collapse.show {
        height: auto
    }

.nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-body, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-body {
    background-color: #ededed;
    border-top: .2rem solid #c00;
    padding: 1.2rem;
    height: 8.4rem;
    overflow: hidden
}

.nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-footer .card-text.small, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-footer .card-text.small {
    padding: 0 1.2rem .4rem 1.2rem
}

.nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-title, .nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-text, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-title, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-text {
    color: #000;
    text-align: center
}

.nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-title, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-title {
    line-height: 1.5;
    margin-bottom: 0
}

.nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-price, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-price {
    font-size: 3rem;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #c00
}

.nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-model:hover .card-body, .nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-model:hover .card-footer, .nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-model:focus .card-body, .nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-model:focus .card-footer, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-model:hover .card-body, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-model:hover .card-footer, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-model:focus .card-body, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-model:focus .card-footer {
    background-color: #dedede
}

.tab-content {
    padding: 2.4rem 0
}

    .tab-content .tab-pane {
        width: 100%
    }

@media(max-width: 767.98px) {
    .nav-tabs.responsive.hidden-xs.hidden-sm, .tab-content.responsive.hidden-xs.hidden-sm {
        display: none !important
    }
}

@media(min-width: 768px) {
    .nav-tabs.responsive.hidden-xs.hidden-sm, .tab-content.responsive.hidden-xs.hidden-sm {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.nav-tabs.responsive.hidden-xs.hidden-sm.d-none, .tab-content.responsive.hidden-xs.hidden-sm.d-none {
    display: none !important
}

@media(max-width: 991.98px) {
    .nav-tabs.responsive.hidden-xs.hidden-sm.hidden-md, .tab-content.responsive.hidden-xs.hidden-sm.hidden-md {
        display: none !important
    }
}

@media(min-width: 992px) {
    .nav-tabs.responsive.hidden-xs.hidden-sm.hidden-md, .tab-content.responsive.hidden-xs.hidden-sm.hidden-md {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media(max-width: 767.98px) {
    .nav-tabs.responsive.visible-xs.visible-sm, .tab-content.responsive.visible-xs.visible-sm {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media(min-width: 768px) {
    .nav-tabs.responsive.visible-xs.visible-sm, .tab-content.responsive.visible-xs.visible-sm {
        display: none !important
    }
}

.nav-tabs.responsive.pt0, .tab-content.responsive.pt0 {
    padding-top: 0px
}

.panel-group.responsive .panel-heading {
    background-color: #ededed;
    margin-bottom: .4rem
}

    .panel-group.responsive .panel-heading:hover {
        background-color: #dedede
    }

    .panel-group.responsive .panel-heading h2.panel-title, .panel-group.responsive .panel-heading span.panel-title {
        margin-bottom: 0
    }

        .panel-group.responsive .panel-heading h2.panel-title a, .panel-group.responsive .panel-heading span.panel-title a {
            font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            text-transform: none;
            padding: 1.2rem 4rem 1.2rem 1.2rem
        }

            .panel-group.responsive .panel-heading h2.panel-title a i, .panel-group.responsive .panel-heading span.panel-title a i {
                position: absolute;
                right: 2.4rem
            }

    .panel-group.responsive .panel-heading h2.panel-title-alt {
        margin-bottom: 0
    }

        .panel-group.responsive .panel-heading h2.panel-title-alt a {
            font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            text-transform: none;
            padding: 1.2rem 4rem 1.2rem 1.2rem
        }

            .panel-group.responsive .panel-heading h2.panel-title-alt a i {
                position: absolute;
                right: 2.4rem
            }

            .panel-group.responsive .panel-heading h2.panel-title-alt a.active {
                color: #c00;
                background-color: #ededed
            }

            .panel-group.responsive .panel-heading h2.panel-title-alt a.collapsed {
                color: #000
            }

                .panel-group.responsive .panel-heading h2.panel-title-alt a.collapsed i {
                    color: #c00
                }

    .panel-group.responsive .panel-heading .badge-light {
        color: #000;
        background-color: #fff
    }

.panel-group.responsive .panel-body {
    padding: 1.2rem
}

    .panel-group.responsive .panel-body .addToCartButton {
        margin-bottom: 1.2rem
    }

@media(max-width: 767.98px) {
    .panel-group.responsive.hidden-xs.hidden-sm {
        display: none !important
    }
}

@media(min-width: 768px) {
    .panel-group.responsive.hidden-xs.hidden-sm {
        display: block !important
    }
}

@media(max-width: 767.98px) {
    .panel-group.responsive.visible-xs.visible-sm {
        display: block !important
    }
}

@media(min-width: 768px) {
    .panel-group.responsive.visible-xs.visible-sm {
        display: none !important
    }
}

.panel-group.responsive #collapse-afterSearchShop .panel-body, .panel-group.responsive #collapse-afterSearchWeb .panel-body {
    padding: 1.2rem 0
}

.checkout-process .panel-collapse .panel-body {
    padding: 0
}

.vertical-tab-nav .list-group-item i {
    font-size: 4rem;
    color: #c00
}

@media screen and (max-width: 768px) {
    .vertical-tab-nav .list-group-item i {
        font-size: 3rem
    }
}

.vertical-tab-nav {
    height: 100%;
    border-right: 1px solid #ededed
}

    .vertical-tab-nav .list-group-item {
        border-top: .1rem solid #ededed;
        border-right: none;
        border-bottom: none;
        border-left: none
    }

        .vertical-tab-nav .list-group-item:first-child {
            border-top: none
        }

        .vertical-tab-nav .list-group-item:last-child {
            border-bottom: .1rem solid #ededed
        }

        .vertical-tab-nav .list-group-item.active {
            background-color: #c00
        }

            .vertical-tab-nav .list-group-item.active i {
                color: #fff
            }

.list-group-item.vertical-tab-arrow.active:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -1.3rem;
    border-bottom: 1.3rem solid transparent;
    border-top: 1.3rem solid transparent;
    border-left: 1rem solid #c00
}

.tooltip-inner {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

    .tooltip-inner .tooltip-quantity-scale {
        text-align: left;
        width: 19rem
    }

        .tooltip-inner .tooltip-quantity-scale .col {
            padding-left: 6px;
            padding-right: 3px
        }

        .tooltip-inner .tooltip-quantity-scale .col-3 {
            padding-right: 3px
        }

.tooltip-quick-buy {
    text-align: left;
    padding: .4rem
}

    .tooltip-quick-buy p {
        margin-bottom: 0
    }

.tooltip {
    width: auto !important
}

    .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before {
        content: "";
        border-width: .8rem .8rem 0;
        border-top-color: #ededed
    }

.bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: -0.8rem
}

    .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
        border-bottom-color: #fff
    }

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: 0
}

    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
        border-bottom-color: #fff
    }

.tooltip-orange {
    background-color: #90112c;
    color: #fff;
    margin: -0.8rem;
    padding: .8rem;
    max-width: 26rem
}

    .tooltip-orange.bs-tooltip-bottom .arrow::before, .tooltip-orange.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
        content: "";
        border-bottom-color: #90112c
    }

.orange-tooltip-margin {
    margin: 0 -0.6rem -1.4rem -0.6rem
}

.tooltip.bs-tooltip-bottom .arrow.arrow-orange:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow.arrow-orange:before {
    border-bottom-color: #90112c
}

.tooltip.bs-tooltip-top .arrow.arrow-orange:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow.arrow-orange:before {
    border-top-color: #90112c
}

.tooltip .arrow-orange + .tooltip-inner {
    min-width: 24rem
}

.orangeTooltipWrapper .tooltip.bs-tooltip-bottom .arrow::before, .orangeTooltipWrapper .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #90112c !important
}

#productDetailTable .tooltip.bs-tooltip-bottom .arrow::before, #productDetailTable .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #90112c !important
}

.popover-shadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase
}

    h1.heading-alt, h2.heading-alt, h3.heading-alt, h4.heading-alt, h5.heading-alt, h6.heading-alt {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        text-transform: none
    }

    h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline {
        border-bottom: .3rem solid;
        display: inline-block
    }

h2 {
    margin-bottom: 2rem
}

h3.heading-alt, h4.heading-alt {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: bold
}

ul.tick-list {
    list-style: none;
    padding-left: 2.4rem
}

    ul.tick-list li::before {
        font-family: Wuerthicons;
        content: "\eb70";
        color: #c00;
        position: absolute;
        margin-left: -2.4rem
    }

dt {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: bold;
    font-size: 1.7rem
}

dl, ol, ul {
    margin-bottom: 1.6rem
}

.line-height-1 {
    line-height: 1
}

.line-height-base {
    line-height: 1.5
}

.footnote {
    font-size: 1.5rem;
    color: #999;
    margin-bottom: 0
}

.text-normal {
    text-transform: none
}

.text-gray {
    color: #999
}

.text-body {
    color: #000
}

@media(max-width: 767.98px) {
    .small-sm-down {
        font-size: 1.5rem !important
    }

        .small-sm-down h3, .small-sm-down .h3-style, .small-sm-down p {
            font-size: 1.5rem !important
        }
}

@media(max-width: 991.98px) {
    .small-md-down {
        font-size: 1.5rem !important
    }

        .small-md-down h3, .small-md-down .h3-style, .small-md-down p {
            font-size: 1.5rem !important
        }
}

@media(max-width: 1199.98px) {
    .small-lg-down {
        font-size: 1.5rem !important
    }

        .small-lg-down h3, .small-lg-down .h3-style, .small-lg-down p {
            font-size: 1.5rem !important
        }
}

.x-small {
    font-size: 1.3rem
}

.font-size-sm {
    font-size: 1.5rem !important
}

.text-lg {
    font-size: 2rem !important;
    line-height: 1.1
}

p.text-lg {
    line-height: 1.3
}

.text-xl {
    font-size: 3rem !important;
    line-height: 1.1
}

p.text-xl {
    line-height: 1.2
}

.text-xxl {
    font-size: 4.8rem !important;
    line-height: 1
}

p.text-xxl {
    line-height: 1.15
}

.text-xxxl {
    font-size: 6rem !important;
    line-height: 1
}

p.text-xxxl {
    line-height: 1.1
}

@media(max-width: 991.98px) {
    .text-md-md-down {
        font-size: 1.7rem !important
    }
}

@media(max-width: 991.98px) {
    .text-lg-md-down {
        font-size: 2rem !important
    }
}

@media(max-width: 991.98px) {
    .text-xl-md-down {
        font-size: 3rem !important
    }
}

@media(max-width: 991.98px) {
    .text-xxl-md-down {
        font-size: 4.8rem !important
    }
}

.h1-style {
    font-size: 3rem;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: .8rem;
    display: block
}

    .h1-style.text-xxl, .h1-style.text-xxxl {
        line-height: 1
    }

    .h1-style.heading-alt {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        text-transform: none
    }

.h2-style, .h2-style-red {
    font-size: 2rem;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: .8rem;
    display: block
}

    .h2-style.heading-alt, .heading-alt.h2-style-red {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        text-transform: none
    }

.h2-style-red {
    color: #c00
}

.h3-style {
    font-size: 1.7rem;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: .8rem;
    display: block
}

    .h3-style.heading-alt {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: bold;
        text-transform: none
    }

.h4-style {
    font-size: 1.5rem;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: .8rem;
    display: block
}

    .h4-style.heading-alt {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: bold;
        text-transform: none
    }

        .h4-style.heading-alt.required::after {
            content: "*";
            margin-left: .4rem;
            font-size: 2rem
        }

    .h4-style.requiredPlaceholderMargin::after {
        content: "";
        font-size: 2rem
    }

.h5-style {
    font-size: 1.3rem;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: .8rem;
    display: block
}

    .h5-style.heading-alt {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: bold;
        text-transform: none
    }

.h6-style {
    font-size: 1.1rem;
    font-family: wuerthextra_bold_cond,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: .8rem;
    display: block
}

    .h6-style.heading-alt {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: bold;
        text-transform: none
    }

.model_info h1, .productdetail_info_right h1 {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.hyphens {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.asterisk {
    font-size: 150%;
    margin-left: .2rem;
    top: .2rem;
    position: relative;
    line-height: 0
}

pre {
    margin-bottom: 0
}

    pre code {
        position: relative;
        display: block
    }

b, strong {
    font-weight: bold
}

.blockquote.quotation-marks {
    padding: 0 3.2rem
}

@media(min-width: 576px) {
    .blockquote.quotation-marks {
        padding: 0 4.8rem
    }
}

@media(min-width: 1300px) {
    .blockquote.quotation-marks {
        padding: 0
    }
}

.blockquote.quotation-marks .text-xxl {
    position: relative
}

    .blockquote.quotation-marks .text-xxl::before {
        content: "»";
        position: absolute;
        top: -12.8rem;
        left: -6.4rem;
        z-index: -2;
        font-size: 24rem;
        color: #ededed
    }

@media(max-width: 991.98px) {
    .blockquote.quotation-marks .text-xxl::before {
        font-size: 14rem;
        top: -8rem;
        left: -3.2rem
    }
}

.blockquote.quotation-marks .text-xxl::after {
    content: "«";
    position: absolute;
    bottom: -8rem;
    right: -5.4rem;
    font-size: 24rem;
    z-index: -2;
    color: #ededed
}

@media(max-width: 991.98px) {
    .blockquote.quotation-marks .text-xxl::after {
        font-size: 14rem;
        bottom: -4.8rem;
        right: -3.2rem
    }
}

.blockquote.quotation-marks .blockquote-footer {
    font-size: 2rem;
    color: #262626;
    line-height: 1.2;
    border-top: 1px solid #262626;
    padding-top: 1.6rem
}

    .blockquote.quotation-marks .blockquote-footer::before {
        content: ""
    }

.quote-circle {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    min-width: 4rem
}

.quote-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media(min-width: 992px) {
    .quote-icon {
        font-size: 5rem
    }
}

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}

.display-5 {
    font-size: 6rem;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: .8rem;
    display: block
}

@media(max-width: 991.98px) {
    .display-5.small-md-down {
        font-size: 3rem !important
    }
}

.display-6 {
    font-size: 3rem;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: .8rem;
    display: block
}

@media(max-width: 991.98px) {
    .display-6.small-md-down {
        font-size: 2.6rem !important
    }
}

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

@media(min-width: 576px) {
    .text-right-sm-up {
        text-align: right !important
    }
}

@media(min-width: 768px) {
    .text-right-md-up {
        text-align: right !important
    }
}

@media(min-width: 992px) {
    .text-right-lg-up {
        text-align: right !important
    }
}

@media(min-width: 1200px) {
    .text-right-xl-up {
        text-align: right !important
    }
}

@media(max-width: 575.98px) {
    .text-right-xs-down {
        text-align: right !important
    }
}

@media(max-width: 767.98px) {
    .text-right-sm-down {
        text-align: right !important
    }
}

@media(max-width: 991.98px) {
    .text-right-md-down {
        text-align: right !important
    }
}

@media(max-width: 1199.98px) {
    .text-right-lg-down {
        text-align: right !important
    }
}

@media(max-width: 1919.98px) {
    .text-right-xl-down {
        text-align: right !important
    }
}

@media(max-width: 767.98px) {
    .text-black-sm-down {
        color: #000 !important
    }
}

@media(max-width: 991.98px) {
    .text-black-md-down {
        color: #000 !important
    }
}

@media(max-width: 767.98px) {
    .text-primary-sm-down {
        color: #c00 !important
    }
}

@media(max-width: 991.98px) {
    .text-primary-md-down {
        color: #c00 !important
    }
}

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

@media(min-width: 576px) {
    .text-center-sm-up {
        text-align: center !important
    }
}

@media(min-width: 768px) {
    .text-center-md-up {
        text-align: center !important
    }
}

@media(min-width: 992px) {
    .text-center-lg-up {
        text-align: center !important
    }
}

@media(min-width: 1200px) {
    .text-center-xl-up {
        text-align: center !important
    }
}

@media(max-width: 575.98px) {
    .text-center-xs-down {
        text-align: center !important
    }
}

@media(max-width: 767.98px) {
    .text-center-sm-down {
        text-align: center !important
    }
}

@media(max-width: 991.98px) {
    .text-center-md-down {
        text-align: center !important
    }
}

@media(max-width: 1199.98px) {
    .text-center-lg-down {
        text-align: center !important
    }
}

@media(max-width: 1919.98px) {
    .text-center-xl-down {
        text-align: center !important
    }
}

.text-hover-black:hover {
    color: #000 !important
}

.text-hover-white:hover {
    color: #fff !important
}

.text-hover-primary:hover {
    color: #c00 !important
}

.card-header-accordion:hover .text-hover-black {
    color: #000 !important
}

.card-header-accordion:hover .text-hover-white {
    color: #fff !important
}

.card-header-accordion:hover .text-hover-primary {
    color: #c00 !important
}

.block_model_information {
    min-height: 25rem
}

.marketingSection br {
    content: "";
    display: block;
    height: 0
}

.marketingSection li.level1, .marketingSection p.level1, .marketingSection span.level1 {
    font-weight: bold;
    margin-bottom: .4rem
}

.marketingSection li.level3, .marketingSection p.level3, .marketingSection span.level3 {
    text-indent: 2rem
}

.marketingSection span.marketingSectionTitle {
    font-weight: bold;
    display: block;
    margin-bottom: .4rem;
    margin-top: 2.4rem
}

.marketingSection:first-of-type span.marketingSectionTitle, .marketingSection:first-of-type.AT_PublicationApplicationArea {
    margin-top: 0
}

.marketingSection .AT_PictureCaption {
    font-size: 1.5rem;
    display: block;
    margin-top: .4rem;
    text-align: center
}

.marketingSection .AT_PictureHeadline {
    font-size: 1.7rem;
    font-weight: bold
}

.marketingSection.AT_PublicationShortTextUSP {
    margin-bottom: .8rem
}

.marketingSection ul {
    margin-bottom: 1.2rem
}

.marketingSection.AT_PublicationApplicationArea, .marketingSection.AT_ManualPub, .marketingSection.AdditionalData, .marketingSection.TechnicalData, .marketingSection.ContentInformation, .marketingSection.ApplicationInformation {
    margin-top: 3.2rem
}

.marketingSection.AT01_NationalAddition, .marketingSection.AT01_Guaranty, .marketingSection.AT01_Warranty {
    margin-top: 1.6rem
}

.marketingSection .ASSET_ApplicationPicture, .marketingSection .ASSET_SettingInstructions, .marketingSection .ASSET_InstructionPicture {
    max-height: 20rem
}

.marketingSection .table-usage a .AT_PublicationTitle {
    color: #000;
    margin-bottom: .4rem
}

.marketingSection .table-usage a .AT_PublicationDescription {
    color: #000;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 0
}

.marketingSection .table-usage a .AT01_ProductDescription {
    color: #c00;
    margin-bottom: 0
}

.marketingSection .table-usage a:hover .AT_PublicationDescription, .marketingSection .table-usage a:hover .AT_PublicationTitle {
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000
}

.marketingSection .table-usage .AC_IOT, .marketingSection .table-usage .AT_PublicationShortTextUSP {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1.3
}

.marketingSection .table-usage .AT01_SettingValue {
    margin-bottom: .8rem;
    font-size: 1.5rem
}

    .marketingSection .table-usage .AT01_SettingValue:last-of-type {
        margin-bottom: 0
    }

.marketingSection .table-usage .md-img {
    width: 9rem
}

.marketingSection .table-usage .md-addtocart {
    width: 4rem
}

.modeldetailproduct_title {
    font-size: 1.5rem;
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}

.table-text tr.headline-red {
    background-color: #fff !important
}

    .table-text tr.headline-red td {
        font-size: 2rem;
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        color: #c00;
        padding: 0
    }

.table-text tr.headline {
    background-color: #fff !important
}

    .table-text tr.headline td {
        font-size: 1.7rem;
        font-weight: bold;
        color: #000;
        padding: .8rem 0 0 0
    }

.table-text tr.head {
    font-weight: bold
}

.table-text tr td {
    padding: .4rem
}

    .table-text tr td.table-img {
        background-color: #fff;
        text-align: center
    }

.table-text.table-bordered {
    border: none
}

    .table-text.table-bordered tr td:first-child {
        border-left: none
    }

    .table-text.table-bordered tr td:last-child {
        border-right: none
    }

.table-text br {
    content: "";
    display: block;
    height: 0
}

.table-text .bg-hs-material {
    background-color: #b20019 !important;
    color: #fff
}

.table-text .bg-wood {
    background-color: #523d29 !important;
    color: #fff
}

.table-text .bg-hardwood {
    background-color: #c00 !important;
    color: #fff
}

.table-text .bg-universal {
    background-color: #5c00da !important;
    color: #fff
}

.table-text .bg-nf-metal {
    background-color: #fff200 !important;
    color: #000
}

.table-text .bg-sl-steel {
    background-color: #40ff00 !important;
    color: #000
}

.table-text .bg-blue-basic {
    background-color: #00b6f2 !important;
    color: #fff
}

.table-text .bg-red-basic {
    background-color: red !important;
    color: #fff
}

.table-text .bg-green-basic {
    background-color: #b7eb00 !important;
    color: #000
}

.table-text .bg-gray-basic {
    background-color: #999 !important;
    color: #fff
}

.table-text .bg-gray-bright-basic {
    background-color: #e6e6e6 !important;
    color: #000
}

.table-text .bg-gray-dark-basic {
    background-color: #4d4d4d !important;
    color: #fff
}

.table-text .bg-orange-basic {
    background-color: #ff6700 !important;
    color: #fff
}

.tech_table {
    width: 100%;
    font-size: 1.7rem
}

    .tech_table tr {
        border-bottom: .1rem solid #ededed !important
    }

        .tech_table tr td {
            padding: .4rem 0 !important;
            vertical-align: top !important
        }

            .tech_table tr td p {
                margin-bottom: 0 !important
            }

            .tech_table tr td:first-child p {
                font-weight: bold
            }

            .tech_table tr td:last-child {
                padding-left: 1.2rem !important
            }

    .tech_table img {
        margin-bottom: 1.6rem;
        max-width: 100%
    }

.modelRecommendationRight {
    display: none
}

@media(min-width: 1600px) {
    .modelRecommendationRight {
        display: block;
        position: absolute;
        margin-top: 3px
    }

        .modelRecommendationRight .card {
            min-height: 300px;
            width: 210px
        }

            .modelRecommendationRight .card .info {
                font-size: 1.4rem
            }

            .modelRecommendationRight .card .productItem {
                display: block;
                background-color: #fff;
                width: 100%;
                height: 223px;
                margin-bottom: 12px
            }

                .modelRecommendationRight .card .productItem .img-wrapper {
                    border-bottom: 2px solid #c00;
                    height: 123px;
                    display: block
                }

                .modelRecommendationRight .card .productItem .name-wrapper {
                    display: block;
                    color: #000;
                    text-align: center;
                    margin-top: 12px;
                    padding: 0 12px;
                    font-size: 13px
                }

                .modelRecommendationRight .card .productItem img {
                    max-height: 121px;
                    margin: 0 auto;
                    display: block
                }

                .modelRecommendationRight .card .productItem:hover {
                    text-decoration: none;
                    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
                }
}

@media(min-width: 1200px) {
    .detailRecommendationTop {
        margin: 20px 0
    }

        .detailRecommendationTop .card {
            margin-top: 2rem
        }

        .detailRecommendationTop .productItem {
            display: block
        }

            .detailRecommendationTop .productItem .img-wrapper {
                display: block;
                height: 158px;
                border-bottom: 2px solid #c00
            }

                .detailRecommendationTop .productItem .img-wrapper img {
                    max-height: 156px;
                    margin: 0 auto;
                    display: block
                }

            .detailRecommendationTop .productItem .name-wrapper {
                display: block;
                height: 100px;
                background-color: #ededed;
                color: #000;
                padding: 12px
            }

            .detailRecommendationTop .productItem:hover {
                text-decoration: none;
                box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
            }
}

.img_leiste_modelinfo {
    min-height: 9.4rem
}

    .img_leiste_modelinfo .card-body {
        padding: .8rem
    }

    .img_leiste_modelinfo .img-wrapper {
        display: inline-block;
        margin: 0;
        max-width: 7.6rem;
        min-height: 7.6rem;
        padding: .4rem
    }

#service_information {
    min-height: 6.4rem
}

.img-badge-pdp-tl {
    position: absolute;
    left: 2.4rem;
    top: 1.2rem;
    z-index: 1;
    padding: .8rem
}

    .img-badge-pdp-tl img {
        height: 4rem;
        width: auto
    }

@media print {
    #ReqEditForm.buttons, #headerSearch, #servicemenu, .cd-top, div#cookieBanner, footer#footer {
        display: none !important
    }

    #requisitionApprovalTaskDetails .nav-tabs, #requisitionApprovalTaskDetails .panel-heading, #requisitionDetails .nav-tabs, #requisitionDetails .panel-heading {
        display: none !important
    }

    #requisitionApprovalTaskDetails .tab-content, #requisitionDetails .tab-content {
        display: block !important
    }

        #requisitionApprovalTaskDetails .tab-content div.tab-pane, #requisitionDetails .tab-content div.tab-pane {
            display: block !important;
            opacity: 1
        }

            #requisitionApprovalTaskDetails .tab-content div.tab-pane .button-col, #requisitionApprovalTaskDetails .tab-content div.tab-pane a, #requisitionDetails .tab-content div.tab-pane .button-col, #requisitionDetails .tab-content div.tab-pane a {
                display: none !important
            }

            #requisitionApprovalTaskDetails .tab-content div.tab-pane input.input-sm.form-control, #requisitionApprovalTaskDetails .tab-content div.tab-pane label.h4-style, #requisitionApprovalTaskDetails .tab-content div.tab-pane span.input-sm.form-control, #requisitionDetails .tab-content div.tab-pane input.input-sm.form-control, #requisitionDetails .tab-content div.tab-pane label.h4-style, #requisitionDetails .tab-content div.tab-pane span.input-sm.form-control {
                display: inline-block;
                width: auto !important
            }

            #requisitionApprovalTaskDetails .tab-content div.tab-pane .mb-3.col-md-12, #requisitionApprovalTaskDetails .tab-content div.tab-pane p, #requisitionDetails .tab-content div.tab-pane .mb-3.col-md-12, #requisitionDetails .tab-content div.tab-pane p {
                margin-bottom: 0 !important
            }

    body {
        margin: 2pt !important;
        background-color: transparent !important
    }

    #appFrameCol3 {
        color: #000;
        font-size: 12pt;
        font-family: "times new roman",times,serif !important;
        text-align: justify
    }

    .header .header-new {
        display: none !important
    }

    .header-nav {
        display: none !important
    }

    .side-nav {
        display: none !important
    }

    .breadcrumb {
        display: none !important
    }

    .btn_function {
        display: none !important
    }

    .icon-doc-print {
        display: none !important
    }

    nav {
        display: none !important
    }

    .viewport-size {
        display: none !important
    }

    .viewport {
        display: none !important
    }
}

.progressbar .progressbar-bg-line {
    position: relative;
    width: 80%;
    top: 3.2rem
}

    .progressbar .progressbar-bg-line.border-b-g-lightest {
        border-bottom: .1rem solid #ededed
    }

    .progressbar .progressbar-bg-line.border-b-g-light {
        border-bottom: .1rem solid #bfbfbf
    }

@media(max-width: 575.98px) {
    .progressbar .progressbar-bg-line.progressbar-mobile-vertical {
        width: auto;
        height: 74%;
        top: 3.2rem;
        left: 2.4rem;
        position: absolute
    }

        .progressbar .progressbar-bg-line.progressbar-mobile-vertical.border-b-g-lightest {
            border-bottom: none;
            border-left: .1rem solid #ededed
        }

        .progressbar .progressbar-bg-line.progressbar-mobile-vertical.border-b-g-light {
            border-bottom: none;
            border-left: .1rem solid #bfbfbf
        }
}

.progressbar .progressbar-step {
    display: block
}

@media(max-width: 767.98px) {
    .progressbar .progressbar-step {
        font-size: 1.5rem;
        line-height: 1.3
    }
}

.progressbar .progressbar-step .progressbar-step-circle {
    font-family: Wuerthicons;
    font-size: 1.8rem;
    text-align: center;
    height: 3.2rem;
    width: 3.2rem;
    display: block;
    position: relative;
    border: none;
    border-radius: 50%;
    color: #999;
    background-color: #dedede;
    margin: 1.6rem auto .6rem
}

    .progressbar .progressbar-step .progressbar-step-circle i {
        position: relative;
        vertical-align: middle;
        left: .1rem;
        top: .1rem
    }

@media(max-width: 575.98px) {
    .progressbar .progressbar-step .progressbar-step-circle {
        margin: 1.6rem 0 .6rem;
        display: inline-block
    }

        .progressbar .progressbar-step .progressbar-step-circle i {
            top: .4rem
        }

    .progressbar .progressbar-step .progressbar-step-label {
        display: inline-block;
        vertical-align: middle;
        margin: .4rem 0 0 .6rem
    }
}

.progressbar .progressbar-step .progressbar-step-label {
    font-size: 1.5rem;
    color: #999
}

.progressbar .progressbar-step.completed .progressbar-step-circle {
    background-color: #008448;
    color: #fff
}

.progressbar .progressbar-step.completed .progressbar-step-label {
    color: #000
}

.progressbar-vertical .progressbar-bg-line {
    width: auto;
    height: calc( 100% - 1.6rem );
    top: 5rem;
    left: 2.5rem;
    position: absolute
}

    .progressbar-vertical .progressbar-bg-line.border-b-g-lighter {
        border-bottom: none;
        border-left: .3rem solid #dedede
    }

.progressbar-vertical .progressbar-step-circle {
    font-family: Wuerthicons;
    font-size: 2rem;
    text-align: center;
    height: 4.8rem;
    width: 4.8rem;
    display: block;
    position: relative;
    border: none;
    border-radius: 50%;
    color: #fff;
    background-color: #c00;
    margin-left: -1rem;
    margin-top: -1rem
}

    .progressbar-vertical .progressbar-step-circle i {
        position: relative;
        vertical-align: middle;
        left: 0;
        top: .5rem
    }

.counter-progressbar .progressbar-bg-line {
    position: relative;
    border-bottom: .1rem solid #ededed;
    width: 100%;
    top: 3.2rem
}

.counter-progressbar a {
    color: #999;
    display: block;
    cursor: default;
    text-decoration: none
}

@media(max-width: 767.98px) {
    .counter-progressbar a {
        font-size: 1.5rem;
        line-height: 1.3
    }
}

.counter-progressbar a.enabled {
    cursor: pointer
}

    .counter-progressbar a.enabled.active, .counter-progressbar a.enabled:hover {
        color: #000;
        text-decoration: none
    }

        .counter-progressbar a.enabled.active .progressbar-step, .counter-progressbar a.enabled:hover .progressbar-step {
            color: #c00;
            border-color: #999
        }

.counter-progressbar a .progressbar-step {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 2rem;
    color: #999;
    line-height: 1.5;
    text-align: center;
    height: 3.2rem;
    width: 3.2rem;
    display: block;
    position: relative;
    border: .2rem solid #bfbfbf;
    border-radius: 50%;
    background-color: #fff;
    margin: 1.6rem auto .2rem
}

.progressbar-new {
    top: 0;
    right: 0;
    left: 0;
    z-index: 2
}

    .progressbar-new .navbar-brand {
        width: 100%
    }

@media(min-width: 576px) {
    .progressbar-new .navbar-brand {
        width: 12.5rem
    }
}

.progressbar-new .nav-progressbar-bg-line {
    position: relative;
    border-bottom: .1rem solid #ededed;
    width: 100%;
    top: 3.3rem
}

.progressbar-new a:not(.navbar-brand) {
    color: #999;
    display: block;
    cursor: default;
    text-decoration: none
}

@media(max-width: 767.98px) {
    .progressbar-new a:not(.navbar-brand) {
        font-size: 1.5rem;
        line-height: 1.3
    }
}

.progressbar-new a:not(.navbar-brand).enabled {
    cursor: pointer
}

    .progressbar-new a:not(.navbar-brand).enabled.active, .progressbar-new a:not(.navbar-brand).enabled:hover {
        color: #000;
        text-decoration: none
    }

        .progressbar-new a:not(.navbar-brand).enabled.active .nav-progressbar-step, .progressbar-new a:not(.navbar-brand).enabled.active .nav-registration-step, .progressbar-new a:not(.navbar-brand).enabled:hover .nav-progressbar-step, .progressbar-new a:not(.navbar-brand).enabled:hover .nav-registration-step {
            color: #c00;
            border-color: #999
        }

.progressbar-new a:not(.navbar-brand) .nav-progressbar-step {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 2rem;
    color: #999;
    line-height: 1.5;
    text-align: center;
    height: 3.2rem;
    width: 3.2rem;
    display: block;
    position: relative;
    border: .2rem solid #bfbfbf;
    border-radius: 50%;
    background-color: #fff;
    margin: 1.6rem auto .2rem
}

.progressbar-new a:not(.navbar-brand) .nav-registration-step {
    margin: 2.4rem auto 0
}

.progressbar-new ~ #main-wrapper, .progressbar-new ~ .canvas-container {
    margin-top: 12rem
}

.progressbar-new .header-nav {
    padding-top: 0
}

@media(max-width: 767.98px) {
    .progressbar-new .header-nav {
        display: block !important
    }

        .progressbar-new .header-nav a {
            word-wrap: break-word
        }
}

.password-meter {
    height: .6rem
}

    .password-meter .password-bar {
        transition: width .5s ease-in-out
    }

        .password-meter .password-bar.password-bar-bad, .password-meter .password-bar.password-bar-worst {
            background-color: #c00
        }

        .password-meter .password-bar.password-bar-weak {
            background-color: #ee7f00
        }

        .password-meter .password-bar.password-bar-good {
            background-color: #008448
        }

        .password-meter .password-bar.password-bar-best {
            background-color: #008448
        }

.progress-value-sm {
    position: absolute;
    width: 100%;
    text-align: center;
    font-weight: bold;
    top: 1.2rem;
    font-size: 1.2rem;
    height: 100%
}

#setMatrixViewModel table {
    overflow: hidden
}

#setMatrixViewModel td, #setMatrixViewModel th {
    position: relative
}

#setMatrixViewModel th {
    z-index: 1;
    padding: 1.2rem .4rem .4rem .4rem;
    text-align: center
}

#setMatrixViewModel td:hover::after, #setMatrixViewModel thead th:not(:empty):hover::after, #setMatrixViewModel td:focus::after, #setMatrixViewModel thead th:not(:empty):focus::after {
    content: "";
    height: 1000rem;
    left: 0;
    position: absolute;
    top: -500rem;
    width: 100%;
    z-index: -1
}

#setMatrixViewModel td:hover::after, #setMatrixViewModel th:hover::after {
    background-color: rgba(0,0,0,.065);
    z-index: 0
}

#setMatrixViewModel td:hover::before {
    content: "";
    left: -0.2rem;
    top: -0.2rem;
    height: calc( 100% + 0.4rem );
    width: calc( 100% + 0.4rem );
    position: absolute;
    background-color: #ededed;
    z-index: 1;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.26);
    border: .2rem solid #fff
}

#setMatrixViewModel td:focus::after, #setMatrixViewModel th:focus::after {
    background-color: #fff
}

#setMatrixViewModel tbody td, #setMatrixViewModel tbody th {
    padding: 0;
    height: 3.2rem;
    vertical-align: middle;
    text-align: center
}

    #setMatrixViewModel tbody td:hover, #setMatrixViewModel tbody th:hover {
        background-color: #dedede
    }

#setMatrixViewModel tbody th {
    background-color: #fff
}

#setMatrixViewModel tbody tr:hover th {
    background-color: #ededed
}

#setMatrixViewModel a.matrix-view-product-modal-link {
    display: block;
    width: 100%;
    height: 100%
}

    #setMatrixViewModel a.matrix-view-product-modal-link:hover {
        text-decoration: none
    }

    #setMatrixViewModel a.matrix-view-product-modal-link .availability {
        position: relative;
        top: .4rem;
        z-index: 1
    }

#setMatrixViewModel .matrix-diameter {
    top: 0px;
    left: 0px;
    width: 8rem;
    height: 50px;
    line-height: 15px
}

    #setMatrixViewModel .matrix-diameter:hover {
        background-color: #fff;
        cursor: initial
    }

    #setMatrixViewModel .matrix-diameter .matrix-diameter-inner {
        display: block;
        font-size: 9px;
        -webkit-transform: rotate(28deg);
        -ms-transform: rotate(28deg);
        transform: rotate(28deg);
        margin: 19px 0px 0px 33px
    }

        #setMatrixViewModel .matrix-diameter .matrix-diameter-inner .matrix-diameter-inner-top {
            margin-left: -5px
        }

    #setMatrixViewModel .matrix-diameter hr {
        width: 8rem;
        top: 4.6rem;
        left: .8rem;
        -webkit-transform: rotate(26deg);
        -ms-transform: rotate(26deg);
        transform: rotate(26deg);
        border-top: .2rem solid #dedede
    }

.rating {
    letter-spacing: -0.1rem
}

    .rating i.active {
        color: #c00
    }

    .rating i.inactive {
        color: #999
    }

    .rating i:last-of-type {
        margin-right: .8rem
    }

.bazaarvoiceinlineRating {
    margin-left: -2px;
    margin-top: -7px;
    position: absolute
}

#BVRRSummaryContainer {
    min-height: 2.4rem
}

.canvas-container {
    min-height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.mobile-mega-menu {
    -webkit-transform: translate3d(-100%, 0px, 0px);
    -ms-transform: translate3d(-100%, 0px, 0px);
    transform: translate3d(-100%, 0px, 0px);
    transition: all 250ms linear;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    background: none
}

    .mobile-mega-menu.open {
        -webkit-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        background: none
    }

    .mobile-mega-menu.nav-mobile {
        top: 4.8rem
    }

    .mobile-mega-menu.search-mobile {
        top: 4.8rem
    }

        .mobile-mega-menu.search-mobile input {
            padding: 1.2rem;
            line-height: 1.5
        }

        .mobile-mega-menu.search-mobile .input-group-addon {
            padding: 0;
            position: absolute;
            right: 0
        }

            .mobile-mega-menu.search-mobile .input-group-addon button {
                background-color: #fff;
                color: #c00;
                font-size: 2rem;
                padding-top: .8rem;
                padding-bottom: 1rem;
                z-index: 100
            }

                .mobile-mega-menu.search-mobile .input-group-addon button:hover, .mobile-mega-menu.search-mobile .input-group-addon button:focus {
                    color: #b30000;
                    text-decoration: none
                }

    .mobile-mega-menu.cart-mobile {
        top: 4.8rem
    }

        .mobile-mega-menu.cart-mobile .cart-mobile-item {
            background-color: #fff;
            border-bottom: .1rem solid #dedede;
            cursor: pointer
        }

            .mobile-mega-menu.cart-mobile .cart-mobile-item:hover {
                background-color: #ededed
            }

            .mobile-mega-menu.cart-mobile .cart-mobile-item a {
                color: #000;
                display: inherit;
                text-decoration: none;
                -webkit-flex: auto;
                -ms-flex: auto;
                flex: auto
            }

            .mobile-mega-menu.cart-mobile .cart-mobile-item img {
                max-height: 7.8rem;
                width: auto
            }

        .mobile-mega-menu.cart-mobile p.small {
            line-height: 1.1
        }

    .mobile-mega-menu nav {
        position: relative
    }

    .mobile-mega-menu ul:not(.nav) {
        transition: all 250ms linear;
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        -webkit-transform: translateZ(0)
    }

        .mobile-mega-menu ul:not(.nav).is-in-view {
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
        }

        .mobile-mega-menu ul:not(.nav).has-been-viewed {
            -webkit-transform: translate3d(-100%, 0px, 0px);
            -ms-transform: translate3d(-100%, 0px, 0px);
            transform: translate3d(-100%, 0px, 0px)
        }

        .mobile-mega-menu ul:not(.nav) li:not(.nav-item) ul:not(.nav) {
            left: 100%
        }

        .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper), .mobile-mega-menu ul:not(.nav) li:not(.nav-item) button.btn-link:not(.no-nav-link):not(.ui-menu-item-wrapper):not(.passwordForgottenLink):not(.toggle-password) {
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            background: #fff;
            border-bottom: .1rem solid #dedede;
            color: #000;
            float: left;
            font-size: 1.7rem;
            margin: 0;
            padding: 1.2rem;
            text-decoration: none;
            width: 100%
        }

            .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper).menu-item i, .mobile-mega-menu ul:not(.nav) li:not(.nav-item) button.btn-link:not(.no-nav-link):not(.ui-menu-item-wrapper):not(.passwordForgottenLink):not(.toggle-password).menu-item i {
                margin-right: .8rem
            }

            .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper).has-next-button, .mobile-mega-menu ul:not(.nav) li:not(.nav-item) button.btn-link:not(.no-nav-link):not(.ui-menu-item-wrapper):not(.passwordForgottenLink):not(.toggle-password).has-next-button {
                width: calc( 100% - 5rem )
            }

            .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper).next-button, .mobile-mega-menu ul:not(.nav) li:not(.nav-item) button.btn-link:not(.no-nav-link):not(.ui-menu-item-wrapper):not(.passwordForgottenLink):not(.toggle-password).next-button {
                color: #c00;
                text-align: right;
                width: 5rem;
                border-left: .1rem solid #ededed
            }

                .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper).next-button i, .mobile-mega-menu ul:not(.nav) li:not(.nav-item) button.btn-link:not(.no-nav-link):not(.ui-menu-item-wrapper):not(.passwordForgottenLink):not(.toggle-password).next-button i {
                    position: relative;
                    margin-right: .4rem;
                    top: .1rem
                }

                .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper).next-button .arrow, .mobile-mega-menu ul:not(.nav) li:not(.nav-item) button.btn-link:not(.no-nav-link):not(.ui-menu-item-wrapper):not(.passwordForgottenLink):not(.toggle-password).next-button .arrow {
                    visibility: hidden
                }

            .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper).back-button, .mobile-mega-menu ul:not(.nav) li:not(.nav-item) button.btn-link:not(.no-nav-link):not(.ui-menu-item-wrapper):not(.passwordForgottenLink):not(.toggle-password).back-button {
                background: #ededed;
                color: #c00;
                text-shadow: none
            }

            .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper).close-button, .mobile-mega-menu ul:not(.nav) li:not(.nav-item) button.btn-link:not(.no-nav-link):not(.ui-menu-item-wrapper):not(.passwordForgottenLink):not(.toggle-password).close-button {
                background: #fff;
                color: #c00;
                text-align: left;
                text-decoration: none
            }

            .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper).toggle-password, .mobile-mega-menu ul:not(.nav) li:not(.nav-item) button.btn-link:not(.no-nav-link):not(.ui-menu-item-wrapper):not(.passwordForgottenLink):not(.toggle-password).toggle-password {
                padding: 0;
                margin-top: -4rem;
                width: auto
            }

        .mobile-mega-menu ul:not(.nav) li:not(.nav-item):first-child > a {
            border-top: none
        }

    .mobile-mega-menu .language-mobile i.icon-interface-tick {
        position: absolute;
        right: 1.2rem;
        margin-top: .2rem
    }

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

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

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

.slick-loading .slick-list {
    background: #fff slick-image-url("../img/ajax-loader.gif") center center no-repeat
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

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

    .slick-track:after {
        clear: both
    }

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 1
}

    .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
        outline: none;
        background: transparent;
        color: transparent
    }

        .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
            opacity: 1
        }

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-family: Wuerthicons;
        font-size: 2.5rem;
        line-height: 1;
        opacity: 1;
        color: #999;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: 0
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "\eafa"
}

[dir=rtl] .slick-prev:before {
    content: "\2192"
}

.slick-next {
    right: 0
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "\eb14"
}

[dir=rtl] .slick-next:before {
    content: "\2190"
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:focus, .slick-dots li button:hover {
                outline: none
            }

                .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\2022";
                width: 20px;
                height: 20px;
                font-family: Wuerthicons;
                font-size: 4.2rem;
                line-height: 20px;
                text-align: center;
                color: #c00;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            color: #c00;
            opacity: .75
        }

.slider-img-teaser .slick-track .col-12.mb-4, .slider-img-text-teaser .slick-track .col-12.mb-4 {
    padding: 0;
    margin-bottom: 0 !important
}

.slider-img-teaser .slick-slide, .slider-img-text-teaser .slick-slide {
    background-color: #ededed
}

.slider-img-teaser .slick-dots, .slider-img-text-teaser .slick-dots {
    bottom: .8rem
}

    .slider-img-teaser .slick-dots li, .slider-img-text-teaser .slick-dots li {
        margin: 0
    }

        .slider-img-teaser .slick-dots li button:focus:before, .slider-img-teaser .slick-dots li button:hover:before, .slider-img-text-teaser .slick-dots li button:focus:before, .slider-img-text-teaser .slick-dots li button:hover:before {
            opacity: 1;
            color: #c00
        }

        .slider-img-teaser .slick-dots li button:before, .slider-img-text-teaser .slick-dots li button:before {
            color: #999;
            opacity: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .slider-img-teaser .slick-dots li.slick-active button:before, .slider-img-text-teaser .slick-dots li.slick-active button:before {
            color: #c00;
            opacity: 1
        }

.slider-img-teaser .slick-next, .slider-img-teaser .slick-prev, .slider-img-text-teaser .slick-next, .slider-img-text-teaser .slick-prev {
    color: transparent;
    border: none;
    outline: none;
    background: rgba(255,255,255,.5);
    padding-top: .8rem;
    padding-bottom: .4rem
}

    .slider-img-teaser .slick-next:hover, .slider-img-teaser .slick-prev:hover, .slider-img-text-teaser .slick-next:hover, .slider-img-text-teaser .slick-prev:hover {
        background: rgba(255,255,255,.7)
    }

    .slider-img-teaser .slick-next:focus, .slider-img-teaser .slick-prev:focus, .slider-img-text-teaser .slick-next:focus, .slider-img-text-teaser .slick-prev:focus {
        background: rgba(255,255,255,.5)
    }

.slider-img-teaser .slick-prev, .slider-img-text-teaser .slick-prev {
    padding-right: .4rem;
    padding-left: 0
}

.slider-img-teaser .slick-next, .slider-img-text-teaser .slick-next {
    padding-right: 0;
    padding-left: .4rem
}

    .slider-img-teaser .slick-next:before, .slider-img-teaser .slick-prev:before, .slider-img-text-teaser .slick-next:before, .slider-img-text-teaser .slick-prev:before {
        font-size: 3rem;
        color: #4d4d4d;
        opacity: 1
    }

    .slider-img-teaser .slick-next:hover:before, .slider-img-teaser .slick-prev:hover:before, .slider-img-text-teaser .slick-next:hover:before, .slider-img-text-teaser .slick-prev:hover:before {
        color: #c00
    }

.thumbnail-icon i {
    position: absolute;
    font-size: 3rem;
    color: #262626;
    cursor: pointer;
    margin-top: 1.8rem;
    text-align: center;
    width: 100%;
    z-index: 1000
}

i.icon-wuerth-youtube:hover ~ img {
    border-bottom: .3rem solid #c00;
    padding-bottom: 1.5rem
}

.white-overlay {
    background: #fff;
    opacity: .35
}

.vertical-center-360-container {
    position: relative;
    display: inline-block
}

    .vertical-center-360-container .vertical-center-360 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center
    }

        .vertical-center-360-container .vertical-center-360 i {
            font-size: 9.6rem;
            color: #262626;
            cursor: pointer
        }

        .vertical-center-360-container .vertical-center-360 h2 {
            max-width: 15rem;
            color: #000
        }

.lazy-360-image-container {
    position: relative;
    display: inline-block;
    width: 100%
}

    .lazy-360-image-container .lazy-360-image canvas:hover {
        cursor: url("../img/wuerth-swipe-pointer.svg"),pointer
    }

    .lazy-360-image-container .loading {
        height: 0 !important
    }

    .lazy-360-image-container .lazy-360-image-center, .lazy-360-image-container .lazy-360-image-placeholder {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center
    }

        .lazy-360-image-container .lazy-360-image-center i, .lazy-360-image-container .lazy-360-image-placeholder i {
            font-size: 9.6rem;
            color: #262626;
            cursor: pointer
        }

.slider.detail-slider-zoom {
    min-height: 35.1rem
}

@media(min-width: 576px) {
    .slider.detail-slider-zoom {
        min-height: 55.2rem
    }
}

@media(min-width: 768px) {
    .slider.detail-slider-zoom {
        min-height: 36rem
    }
}

@media(min-width: 992px) {
    .slider.detail-slider-zoom {
        min-height: 47.2rem
    }
}

@media(min-width: 1200px) {
    .slider.detail-slider-zoom {
        min-height: 57.6rem;
        width: 57.6rem
    }
}

.slider.detail-slider-zoom img {
    overflow: hidden;
    max-height: auto;
    width: auto;
    cursor: pointer;
    margin: 0 auto 2.4rem
}

@media(min-width: 1200px) {
    .slider.detail-slider-zoom img {
        width: 57.6rem;
        height: auto
    }
}

.slider.detail-slider-thumb {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-bottom: 1.6rem;
    margin-top: 1.6rem;
    width: 100%;
    min-height: 7.8rem
}

    .slider.detail-slider-thumb img {
        height: 7.8rem;
        width: auto;
        padding-bottom: 1.8rem;
        margin: 0 auto;
        cursor: pointer
    }

        .slider.detail-slider-thumb img:hover {
            padding-bottom: 1.5rem;
            border-bottom: .3rem solid #c00
        }

    .slider.detail-slider-thumb .slick-current img {
        padding-bottom: 1.5rem;
        border-bottom: .3rem solid #c00
    }

.slick-next:hover:before, .slick-prev:hover:before {
    opacity: 1;
    color: #c00
}

[dir=rtl] .slick-prev {
    right: 0;
    left: auto
}

    [dir=rtl] .slick-prev:before {
        content: "\eb14"
    }

[dir=rtl] .slick-next {
    right: auto;
    left: 0
}

    [dir=rtl] .slick-next:before {
        content: "\eafa"
    }

.slider-product-detail .slick-next, .slider-product-detail .slick-prev {
    color: transparent;
    border: none;
    outline: none;
    background: rgba(255,255,255,.5);
    padding-top: .8rem;
    padding-bottom: .4rem
}

    .slider-product-detail .slick-next:hover, .slider-product-detail .slick-prev:hover {
        background: rgba(255,255,255,.7)
    }

.slider-product-detail .slick-prev {
    padding-right: .4rem;
    padding-left: 0
}

.slider-product-detail .slick-next {
    padding-right: 0;
    padding-left: .4rem
}

    .slider-product-detail .slick-next:before, .slider-product-detail .slick-prev:before {
        font-size: 3.5rem;
        color: #4d4d4d;
        opacity: 1
    }

    .slider-product-detail .slick-next:hover:before, .slider-product-detail .slick-prev:hover:before {
        color: #c00
    }

.detail_info_left_img_modal .AT_PictureCaption, .slider-product-detail .AT_PictureCaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.6rem;
    font-size: 1.5rem
}

    .detail_info_left_img_modal .AT_PictureCaption ul, .detail_info_left_img_modal .AT_PictureCaption ol, .slider-product-detail .AT_PictureCaption ul, .slider-product-detail .AT_PictureCaption ol {
        margin-bottom: 0;
        padding-left: 1.6rem
    }

    .detail_info_left_img_modal .AT_PictureCaption br, .slider-product-detail .AT_PictureCaption br {
        content: "";
        display: block;
        height: 0
    }

    .detail_info_left_img_modal .AT_PictureCaption p, .slider-product-detail .AT_PictureCaption p {
        margin-bottom: 0
    }

.slider-products-teaser, .slider-reco, .slider-offer {
    padding-left: 4.2rem;
    padding-right: 4.2rem
}

    .slider-products-teaser .col-md-3, .slider-reco .col-md-3, .slider-offer .col-md-3 {
        padding: 0;
        margin-bottom: 0 !important
    }

    .slider-products-teaser .slick-list, .slider-reco .slick-list, .slider-offer .slick-list {
        padding-bottom: 1.2rem
    }

    .slider-products-teaser .slick-slide, .slider-reco .slick-slide, .slider-offer .slick-slide {
        margin-left: 8px;
        margin-right: 8px;
        color: #000
    }

        .slider-products-teaser .slick-slide:focus, .slider-products-teaser .slick-slide:hover, .slider-reco .slick-slide:focus, .slider-reco .slick-slide:hover, .slider-offer .slick-slide:focus, .slider-offer .slick-slide:hover {
            text-decoration: none;
            cursor: pointer;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
        }

            .slider-products-teaser .slick-slide:focus .card-body, .slider-products-teaser .slick-slide:hover .card-body, .slider-reco .slick-slide:focus .card-body, .slider-reco .slick-slide:hover .card-body, .slider-offer .slick-slide:focus .card-body, .slider-offer .slick-slide:hover .card-body {
                background-color: #dedede
            }

        .slider-products-teaser .slick-slide .img-wrapper, .slider-reco .slick-slide .img-wrapper, .slider-offer .slick-slide .img-wrapper {
            min-height: 20rem
        }

@media(min-width: 768px) {
    .slider-products-teaser .slick-slide .img-wrapper, .slider-reco .slick-slide .img-wrapper, .slider-offer .slick-slide .img-wrapper {
        min-height: 14.4rem
    }
}

@media(min-width: 992px) {
    .slider-products-teaser .slick-slide .img-wrapper, .slider-reco .slick-slide .img-wrapper, .slider-offer .slick-slide .img-wrapper {
        min-height: 15.6rem
    }
}

@media(min-width: 1200px) {
    .slider-products-teaser .slick-slide .img-wrapper, .slider-reco .slick-slide .img-wrapper, .slider-offer .slick-slide .img-wrapper {
        min-height: 20rem
    }
}

.slider-products-teaser .card-img-top, .slider-reco .card-img-top, .slider-offer .card-img-top {
    display: block;
    max-height: 20rem;
    margin: 0 auto;
    width: auto;
    padding: 0
}

.slider-products-teaser .card-body, .slider-reco .card-body, .slider-offer .card-body {
    background-color: #ededed;
    padding: 1.2rem;
    height: 8.4rem;
    overflow: hidden
}

    .slider-products-teaser .card-body p, .slider-reco .card-body p, .slider-offer .card-body p {
        font-size: 1.5rem;
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        height: 6rem;
        overflow: hidden
    }

.slider-products-teaser .slick-next:before, .slider-products-teaser .slick-prev:before, .slider-reco .slick-next:before, .slider-reco .slick-prev:before, .slider-offer .slick-next:before, .slider-offer .slick-prev:before {
    font-size: 3rem
}

.slider-products-teaser .card-model .card-footer p, .slider-reco .card-model .card-footer p, .slider-offer .card-model .card-footer p {
    border: none
}

.slider-reco-sm {
    padding-left: 5rem;
    padding-right: 5rem
}

    .slider-reco-sm .slick-list {
        padding-bottom: 1.2rem
    }

    .slider-reco-sm .slick-slide {
        margin-left: 8px;
        margin-right: 8px;
        color: #000
    }

        .slider-reco-sm .slick-slide:focus, .slider-reco-sm .slick-slide:hover {
            text-decoration: none;
            cursor: pointer;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
        }

            .slider-reco-sm .slick-slide:focus .card-body, .slider-reco-sm .slick-slide:hover .card-body {
                background-color: #fcfcfc
            }

    .slider-reco-sm .card-img-top {
        display: block;
        max-height: 17rem;
        margin: 0 auto;
        width: auto;
        padding: 0
    }

    .slider-reco-sm .card-body {
        background-color: #fff;
        padding: 1.2rem;
        height: 8.4rem;
        overflow: hidden
    }

        .slider-reco-sm .card-body p {
            font-size: 1.5rem;
            word-wrap: break-word;
            overflow-wrap: break-word;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            height: 6rem;
            overflow: hidden
        }

    .slider-reco-sm .slick-next:before, .slider-reco-sm .slick-prev:before {
        font-size: 3rem
    }

.reco-floor .tab-content {
    padding: 0
}

.reco-floor .tab-pane {
    display: block;
    height: 0;
    overflow: hidden
}

    .reco-floor .tab-pane.active {
        height: auto
    }

.slider-reco-floor .slick-list {
    margin-left: 50px;
    margin-right: 50px;
    padding-bottom: 1.2rem
}

@media(max-width: 575.98px) {
    .slider-reco-floor .slick-list {
        margin-left: 3.2rem;
        margin-right: 3.2rem
    }
}

.slider-reco-floor .slick-next:before, .slider-reco-floor .slick-prev:before {
    font-size: 3rem
}

.slider-reco-floor .card-category {
    display: block
}

    .slider-reco-floor .card-category:focus, .slider-reco-floor .card-category:hover {
        text-decoration: none;
        cursor: pointer
    }

        .slider-reco-floor .card-category:focus .card, .slider-reco-floor .card-category:hover .card {
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
            z-index: 1000
        }

        .slider-reco-floor .card-category:focus h4, .slider-reco-floor .card-category:hover h4 {
            color: #000
        }

        .slider-reco-floor .card-category:focus p, .slider-reco-floor .card-category:hover p {
            color: #262626
        }

    .slider-reco-floor .card-category .imgblock {
        display: block;
        min-height: 13.6rem
    }

    .slider-reco-floor .card-category .card-img-top {
        display: block;
        max-height: 13.6rem;
        margin: auto;
        width: auto;
        padding: 0
    }

    .slider-reco-floor .card-category .card-body {
        padding: 0 1.2rem 1.2rem
    }

        .slider-reco-floor .card-category .card-body h4, .slider-reco-floor .card-category .card-body span.h4-style {
            height: 3.6rem;
            color: #000;
            line-height: 1.4;
            margin-bottom: 0;
            overflow: hidden;
            display: block
        }

@media(max-width: 767.98px) {
    .slider-reco-floor .card-category .card-body h4, .slider-reco-floor .card-category .card-body span.h4-style {
        height: 5.4rem
    }
}

.slider-reco-floor .card-category .card-title {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

#similarModels {
    background-color: #ededed
}

    #similarModels.collapse {
        display: block !important;
        height: 0;
        overflow: hidden
    }

        #similarModels.collapse.show {
            margin-bottom: 3.2rem;
            transition: margin-bottom cubic-bezier(0.19, 1, 0.22, 1) .6s
        }

    #similarModels .slick-list {
        padding-bottom: 2.4rem
    }

        #similarModels .slick-list .img-wrapper {
            min-height: 147px
        }

    #similarModels .close {
        margin-top: 1.2rem;
        margin-right: 1.2rem;
        color: #999;
        opacity: 1;
        cursor: pointer
    }

        #similarModels .close:hover {
            color: #c00
        }

    #similarModels .slick-prev {
        margin-left: .4rem
    }

    #similarModels .slick-next {
        margin-right: .4rem
    }

    #similarModels span.h2-style, #similarModels span.h2-style-red {
        display: inline-block;
        max-width: 90%;
        margin-top: 2.4rem;
        margin-left: 2.4rem
    }

    #similarModels .card-text {
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

.slick:not(.slick-initialized) > * {
    display: inline-block
}

.slick:not(.slick-initialized) .img-wrapper {
    height: 243px;
    display: block
}

.slick:not(.slick-initialized).slider-reco, .slick:not(.slick-initialized).slider-reco-category, .slick:not(.slick-initialized).slider-reco-delayed, .slick:not(.slick-initialized).slider-reco-variant {
    max-height: 335px;
    overflow: hidden
}

.videoHeight {
    min-height: 36rem;
    max-height: 60rem
}

#timlineSlider [data-animation-in] {
    opacity: 0
}

.timeline-slider [data-animation-in] {
    opacity: 0
}

.timeline-slider {
    max-height: 60rem;
    overflow: hidden;
    margin-bottom: 2.4rem
}

    .timeline-slider .slick-slide {
        max-height: 60rem;
        background-color: #ededed
    }

        .timeline-slider .slick-slide img {
            max-height: 60rem;
            width: auto !important;
            max-width: 100%;
            margin: 0 auto
        }

    .timeline-slider .timeline-no-img {
        height: 60rem;
        background-color: #ededed
    }

.timeline-slider-thumb .slick-slide {
    cursor: pointer
}

    .timeline-slider-thumb .slick-slide img {
        width: 7.8rem;
        height: auto;
        min-height: 6rem;
        overflow: hidden;
        margin: 0 auto .8rem auto
    }

    .timeline-slider-thumb .slick-slide .h2-style, .timeline-slider-thumb .slick-slide .h2-style-red {
        text-align: center;
        width: 7.8rem;
        margin: 0 auto
    }

    .timeline-slider-thumb .slick-slide.slick-current .h2-style, .timeline-slider-thumb .slick-slide.slick-current .h2-style-red {
        border-bottom: .3rem solid #c00
    }

.slide-content {
    position: absolute
}

    .slide-content.slide-content-center {
        top: 25%;
        left: 25%;
        width: 50%;
        text-align: center
    }

@media(max-width: 767.98px) {
    .slide-content.slide-content-center {
        display: block;
        position: relative;
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%
    }
}

.slide-content.slide-content-center.slide-content-xl {
    width: calc( 100% - 15.2rem );
    top: 15%;
    left: 7.6rem
}

.slide-content.slide-content-b100 {
    bottom: 0;
    width: 100%;
    text-align: left
}

@media(max-width: 767.98px) {
    .slide-content.slide-content-b100 {
        display: block;
        position: relative
    }
}

.slide-content.slide-content-t100 {
    top: 0;
    width: 100%;
    text-align: left
}

@media(max-width: 767.98px) {
    .slide-content.slide-content-t100 {
        display: block;
        position: relative;
        bottom: 0;
        top: auto
    }
}

.slide-content.slide-content-tl {
    right: auto;
    left: 6.4rem;
    top: 3.2rem;
    width: 42rem
}

@media(max-width: 767.98px) {
    .slide-content.slide-content-tl {
        display: block;
        position: relative;
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%
    }
}

.slide-content.slide-content-tr {
    right: 6.4rem;
    left: auto;
    top: 3.2rem;
    width: 42rem
}

@media(max-width: 767.98px) {
    .slide-content.slide-content-tr {
        display: block;
        position: relative;
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%
    }
}

.slide-content.slide-content-bl {
    top: auto;
    left: 6.4rem;
    bottom: 3.2rem;
    text-align: left;
    width: 42rem
}

@media(max-width: 767.98px) {
    .slide-content.slide-content-bl {
        display: block;
        position: relative;
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%
    }
}

.slide-content.slide-content-br {
    right: 6.4rem;
    left: auto;
    top: auto;
    bottom: 6.4rem;
    width: 42rem
}

@media(max-width: 767.98px) {
    .slide-content.slide-content-br {
        display: block;
        position: relative;
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%
    }
}

.slider-cropped-container {
    overflow: hidden;
    padding: 0 1.2rem
}

@media(min-width: 1200px) {
    .slider-cropped-container .slick-slider {
        width: 1176px;
        margin: 0 auto
    }
}

.slider-cropped-container .slick-slider .slick-list {
    overflow: visible
}

.slider-cropped-container .slick-slider .slick-next, .slider-cropped-container .slick-slider .slick-prev {
    margin: -1.6rem 0 0 0;
    position: absolute;
    background: #c00;
    border: .1rem solid #c00;
    height: 4rem;
    width: 4rem;
    border-radius: 50%
}

@media(min-width: 1200px) {
    .slider-cropped-container .slick-slider .slick-next, .slider-cropped-container .slick-slider .slick-prev {
        top: calc( 50% - 2.8rem )
    }
}

.slider-cropped-container .slick-slider .slick-next:before, .slider-cropped-container .slick-slider .slick-prev:before {
    display: inline-block;
    color: #fff;
    font-size: 2.4rem
}

.slider-cropped-container .slick-slider .slick-next:hover, .slider-cropped-container .slick-slider .slick-prev:hover {
    border: .1rem solid #a60000;
    background-color: #a60000
}

    .slider-cropped-container .slick-slider .slick-next:hover:before, .slider-cropped-container .slick-slider .slick-prev:hover:before {
        color: #fff
    }

.slider-cropped-container .slick-slider .slick-next.slick-disabled, .slider-cropped-container .slick-slider .slick-prev.slick-disabled {
    display: none !important
}

.slider-cropped-container .slick-slider .slick-next {
    right: 0
}

@media(min-width: 1200px) {
    .slider-cropped-container .slick-slider .slick-next {
        right: calc( ( 100vw - 1176px ) / -2 + 2.4rem );
        transition: all ease .3s;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

        .slider-cropped-container .slick-slider .slick-next:hover {
            transition: all ease .3s;
            -webkit-transform: translateX(0.4rem);
            -ms-transform: translateX(0.4rem);
            transform: translateX(0.4rem)
        }
}

.slider-cropped-container .slick-slider .slick-prev {
    left: 0
}

@media(min-width: 1200px) {
    .slider-cropped-container .slick-slider .slick-prev {
        left: calc( ( 100vw - 1176px ) / -2 + 2.4rem );
        transition: all ease .3s;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

        .slider-cropped-container .slick-slider .slick-prev:hover {
            transition: all ease .3s;
            -webkit-transform: translateX(-0.4rem);
            -ms-transform: translateX(-0.4rem);
            transform: translateX(-0.4rem)
        }
}

.slider-cropped-container .slick-slider.slider-top-categories-cropped .slick-list {
    margin: 0 -3.6rem
}

.slider-cropped-container .slick-slider.slider-top-categories-cropped .slick-track {
    left: 2.4rem
}

@media(min-width: 768px) {
    .slider-cropped-container .slick-slider.slider-top-categories-cropped .slick-track {
        left: 0
    }
}

.slider-cropped-container .slick-slider.slider-top-categories-cropped .card-link-rounded {
    padding: 0 3.2rem
}

@media(min-width: 768px) {
    .slider-cropped-container .slick-slider.slider-top-categories-cropped .card-link-rounded {
        padding: 0 4rem
    }
}

.slider-cropped-container .slick-slider.slider-cropped .slick-list {
    margin: 0 -0.8rem
}

.slider-cropped-container .slick-slider.slider-cropped a.card-model, .slider-cropped-container .slick-slider.slider-cropped .card-product, .slider-cropped-container .slick-slider.slider-cropped a.card-link {
    margin: .8rem
}

    .slider-cropped-container .slick-slider.slider-cropped .card-product a:hover {
        text-decoration: none
    }

.slider-cropped-container .slick-slider.slider-cropped.slickFilterFade {
    -webkit-animation: slickFilterFade 1s ease-in-out;
    animation: slickFilterFade 1s ease-in-out
}

@-webkit-keyframes slickFilterFade {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }

    25% {
        opacity: .3
    }

    50% {
        opacity: .1;
        -webkit-transform: translateY(1.6rem);
        transform: translateY(1.6rem)
    }

    75% {
        opacity: .3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }
}

@keyframes slickFilterFade {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }

    25% {
        opacity: .3
    }

    50% {
        opacity: .1;
        -webkit-transform: translateY(1.6rem);
        transform: translateY(1.6rem)
    }

    75% {
        opacity: .3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }
}

.login-slider-fixed-height-430-md-up {
    max-height: 54.5rem;
    overflow: hidden;
    width: 100%
}

    .login-slider-fixed-height-430-md-up.slick-initialized {
        max-height: unset;
        overflow: visible
    }

@media(min-width: 768px) {
    .login-slider-fixed-height-430-md-up {
        max-height: 43rem
    }
}

@media(min-width: 1200px) {
    .login-slider-fixed-height-430-md-up {
        width: calc( 100% - 48rem )
    }
}

.login-slider-fixed-height-430-xl-up {
    max-height: 54.5rem;
    overflow: hidden;
    width: 100%
}

    .login-slider-fixed-height-430-xl-up.slick-initialized {
        max-height: unset;
        overflow: visible
    }

@media(min-width: 1200px) {
    .login-slider-fixed-height-430-xl-up {
        max-height: 43rem;
        width: calc( 100% - 48rem )
    }
}

.sticky.header-search {
    transition: all .3s ease-out
}

.sticky .show-is-sticky, .sticky .show-not-sticky {
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden
}

.sticky .show-not-sticky {
    opacity: 1;
    visibility: visible
}

.sticky.is-sticky.header-search {
    background-color: #fff
}

.sticky.is-sticky.header-add-cart {
    width: 100%;
    top: 7.2rem;
    z-index: 2
}

    .sticky.is-sticky.header-add-cart .input-group {
        height: 3rem
    }

        .sticky.is-sticky.header-add-cart .input-group.custom-select {
            font-size: 1.5rem;
            line-height: 1.3;
            padding-top: .8rem;
            padding-bottom: .6rem
        }

    .sticky.is-sticky.header-add-cart.login-cart-combined-sticky {
        top: 8.7rem
    }

    .sticky.is-sticky.header-add-cart .card-body.hide-on-scroll-add-cart {
        opacity: 0;
        visibility: hidden;
        position: absolute
    }

    .sticky.is-sticky.header-add-cart .card-body.show-on-scroll-add-cart {
        transition: all .5s ease;
        position: relative;
        opacity: 1;
        visibility: visible
    }

@media(max-width: 991.98px) {
    .sticky.is-sticky.header-add-cart .card-body.show-on-scroll-add-cart {
        padding-bottom: 1.5rem
    }
}

.sticky.is-sticky .show-is-sticky {
    opacity: 1;
    visibility: visible
}

.sticky.is-sticky .show-not-sticky {
    opacity: 0;
    visibility: hidden
}

.sticky.is-sticky {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
    right: 0;
    top: 0;
    z-index: 990;
    width: 100%
}

    .sticky.is-sticky .input-group.input-header-search {
        border: 1px solid #dedede;
        border-radius: initial;
        transition: all .2s ease-out
    }

    .sticky.is-sticky .header-search-group {
        margin-left: 20%;
        transition: all .2s ease-out
    }

        .sticky.is-sticky .header-search-group .dropdown-toggle {
            border: 1px solid #dedede;
            transition: all .2s ease-out
        }

        .sticky.is-sticky .header-search-group #headerUser {
            border: none
        }

    .sticky.is-sticky .navbar-brand-scroll {
        position: absolute;
        display: block;
        opacity: 1;
        width: 12rem;
        top: 1rem;
        transition: all .8s ease-out
    }

.header-new .sticky.header-search.is-sticky .header-search-group {
    margin-left: -1.2rem
}

.header-new .sticky.header-search.is-sticky .input-group.input-header-search {
    border: none
}

#megaDropdown.booNavigation {
    position: relative
}

    #megaDropdown.booNavigation h3 {
        margin-bottom: 0
    }

    #megaDropdown.booNavigation ul ul {
        padding-left: 0
    }

    #megaDropdown.booNavigation li {
        list-style-type: none
    }

    #megaDropdown.booNavigation ul.navContent {
        display: none;
        padding: 1.2rem;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

        #megaDropdown.booNavigation ul.navContent li + li h3 {
            margin-top: 1.6rem
        }

        #megaDropdown.booNavigation ul.navContent a.icon {
            padding-left: 3.2rem
        }

        #megaDropdown.booNavigation ul.navContent i {
            position: absolute;
            margin-left: -2.4rem;
            margin-top: .3rem
        }

        #megaDropdown.booNavigation ul.navContent a {
            word-wrap: break-word;
            overflow-wrap: break-word;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto
        }

    #megaDropdown.booNavigation li.navItem {
        background: none;
        float: left;
        text-decoration: none;
        transition: all .3s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease
    }

        #megaDropdown.booNavigation li.navItem .navContent {
            background-color: #ededed;
            left: 0;
            position: absolute;
            top: 7.8rem;
            width: 100%;
            z-index: 1000
        }

@media(max-width: 991.98px) {
    #megaDropdown.booNavigation li.navItem .navContent {
        width: 80%;
        margin-left: 10%
    }
}

#megaDropdown.booNavigation .navContent ul li a {
    color: #000;
    display: block;
    padding: .8rem;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

    #megaDropdown.booNavigation .navContent ul li a:hover {
        color: #c00;
        text-decoration: none
    }

.header-new #megaDropdown.booNavigation li.navItem .navContent {
    top: 7.4rem;
    background-color: #fff
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    from,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    from,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from,to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from,to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    from,11.1%,to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {
    from,11.1%,to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.delay-0-5s {
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

    .animated.delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    .animated.delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }

    .animated.delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }

    .animated.delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s
    }

    .animated.delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }

    .animated.fast {
        -webkit-animation-duration: 800ms;
        animation-duration: 800ms
    }

    .animated.faster {
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms
    }

    .animated.slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    .animated.slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s
    }

@media(print),(prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }
}

/*! nouislider - 14.1.1 - 12/15/2019 */
.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: #000;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-base, .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%;
    background: #c00
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
    cursor: pointer
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: .4rem
}

    .noUi-horizontal .noUi-handle {
        width: 1.8rem;
        height: 1.8rem;
        right: -1.2rem;
        top: -0.8rem;
        border-radius: 1.2rem
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        right: -6px;
        top: -17px
    }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #dedede;
    border-radius: .4rem
}

#slider-round {
    height: 4px
}

    #slider-round .noUi-handle {
        height: 18px;
        width: 18px;
        top: -7px;
        right: -9px;
        border-radius: 9px
    }

.slider-styled {
    color: #000
}

#slider-hide .noUi-tooltip {
    display: none
}

#slider-hide .noUi-active .noUi-tooltip {
    display: block
}

#slider-round.noUi-connect {
    background: #c00
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    position: absolute;
    background: #c00;
    border: .1rem solid #c00;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    cursor: default
}

.noUi-active.noUi-handle {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.noUi-handle:before, .noUi-handle:after {
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #dedede;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #999
}

[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle, [disabled] .noUi-touch-area {
    cursor: not-allowed
}

[disabled] .noUi-handle {
    background: #999;
    border: .1rem solid #999
}

.noUi-pips, .noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #bfbfbf
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #dedede;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #bfbfbf
}

.noUi-marker-sub {
    background: #dedede
}

.noUi-marker-large {
    background: #dedede
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #ededed;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

    .noUi-tooltip:before {
        border-bottom-color: #000
    }

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.example {
    position: relative;
    padding: 40px 40px 50px 40px;
    margin: 20px 0;
    overflow: hidden
}

.example-val:before {
    content: "Value = ";
    top: 3
}

span.icon-date-picker.icon-interface-calendar, span.input-text-absolute {
    position: absolute;
    right: 2rem;
    top: 3.6rem;
    pointer-events: none
}

#ui-datepicker-div {
    z-index: 1000 !important;
    border: .1rem solid #dedede
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
    min-height: 0
}

.ui-widget-content {
    background-color: #fff;
    color: #000;
    border: .1rem solid #dedede !important
}

.ui-datepicker {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    width: auto;
    padding: 1.2rem;
    display: none
}

    .ui-datepicker a.ui-state-default {
        color: #000;
        text-align: center;
        line-height: 1;
        width: 2.4rem;
        height: auto;
        padding: .6rem 0 .5rem 0;
        display: inline-block
    }

        .ui-datepicker a.ui-state-default:hover {
            background-color: #ededed;
            text-decoration: none
        }

        .ui-datepicker a.ui-state-default.ui-state-active {
            color: #fff;
            border-radius: none !important
        }

            .ui-datepicker a.ui-state-default.ui-state-active.hover {
                color: #fff;
                background-color: #c00
            }

        .ui-datepicker a.ui-state-default.ui-state-highlight {
            background: none;
            border: 1px solid #c00;
            height: 2.4rem !important;
            padding: .5rem 0 .4rem 0 !important
        }

    .ui-datepicker .ui-widget-header .ui-datepicker-title {
        font-weight: normal
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.4rem;
        line-height: 1.2;
        text-align: center;
        display: block
    }

    .ui-datepicker table {
        width: 100%;
        font-size: 1.3rem;
        border-collapse: collapse;
        margin: 0 -0.6rem -0.6rem -0.6rem;
        text-align: center
    }

    .ui-datepicker th {
        padding: .6rem;
        text-align: center;
        font-weight: bold;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: .6rem
    }

.ui-datepicker-header {
    position: relative;
    padding: .8rem 0
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.5rem
}

.ui-widget-header {
    background: none;
    background-color: #fff;
    border: none
}

    .ui-widget-header a {
        cursor: pointer
    }

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    font-weight: normal;
    color: #fff;
    background-color: #c00
}

#searchTermSuggestContainer div.search-flyout div.ui-menu-item-wrapper {
    padding: 0px
}

    #searchTermSuggestContainer div.search-flyout div.ui-menu-item-wrapper.ui-state-active .searchTermSuggestItem, #searchTermSuggestContainer div.search-flyout div.ui-menu-item-wrapper:hover .searchTermSuggestItem {
        background-color: #dedede
    }

#searchTermSuggestContainer div.search-flyout li:last-child {
    margin-bottom: 0px !important
}

.ui-widget-content table.ui-datepicker-calendar a.ui-state-active {
    font-weight: normal;
    color: #fff;
    background-color: #c00
}

    .ui-widget-content table.ui-datepicker-calendar a.ui-state-active.hover {
        color: #fff;
        background-color: #c00
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal;
    color: #fff
}

.ui-datepicker-next {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.4rem;
    height: 2.4em
}

    .ui-datepicker-next a {
        float: right;
        margin-right: 3rem
    }

    .ui-datepicker-next span {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: absolute;
        display: inline-block;
        right: 0;
        height: 2.4rem;
        font-size: inherit;
        text-decoration: none
    }

        .ui-datepicker-next span:after {
            content: "\eac5";
            font-family: Wuerthicons;
            color: #c00;
            width: auto;
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);
            position: absolute;
            display: inline-block;
            top: .4rem;
            right: 0;
            height: 2.4rem;
            font-size: 2rem;
            text-decoration: none
        }

.ui-datepicker-prev {
    width: 2.4em;
    height: 2.4em;
    left: 0
}

    .ui-datepicker-prev span {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: absolute;
        display: inline-block;
        top: 0;
        right: auto;
        height: 2.4rem;
        font-size: inherit;
        text-decoration: none;
        left: 0
    }

        .ui-datepicker-prev span:after {
            content: "\eac5";
            font-family: Wuerthicons;
            color: #c00;
            width: auto;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            position: absolute;
            display: inline-block;
            top: .6rem;
            right: auto;
            height: 2.4rem;
            font-size: 2rem;
            text-decoration: none
        }

.ui-datepicker-calendar tr th {
    font-weight: bold;
    font-size: 1.3rem
}

    .ui-datepicker-calendar tr th.ui-datepicker-week-end span {
        color: #c00
    }

.ui-datepicker-calendar tr td.ui-datepicker-week-end a.ui-state-default {
    color: #c00
}

    .ui-datepicker-calendar tr td.ui-datepicker-week-end a.ui-state-default.ui-state-active, .ui-datepicker-calendar tr td.ui-datepicker-week-end a.ui-state-default.ui-state-highlight {
        background: none;
        background-color: #c00;
        color: #fff !important;
        border: 1px solid #c00;
        height: 2.4rem !important
    }

.drp-picker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: .4rem;
    border: .1rem solid #dedede;
    width: 27.8rem;
    max-width: none;
    padding: 0;
    margin-top: .7rem;
    top: 10rem;
    left: 2rem;
    z-index: 3001;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.5rem;
    line-height: 1em;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

    .drp-picker:before, .drp-picker:after {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0,0,0,.2);
        content: ""
    }

    .drp-picker:before {
        top: -0.7rem;
        border-right: .7rem solid transparent;
        border-left: .7rem solid transparent;
        border-bottom: .7rem solid #bfbfbf
    }

    .drp-picker:after {
        top: -0.6rem;
        border-right: .6rem solid transparent;
        border-bottom: .6rem solid #fff;
        border-left: .6rem solid transparent
    }

    .drp-picker.opensleft:before {
        right: .9rem
    }

    .drp-picker.opensleft:after {
        right: 1rem
    }

    .drp-picker.openscenter:before, .drp-picker.openscenter:after {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto
    }

    .drp-picker.opensright:before {
        left: .9rem
    }

    .drp-picker.opensright:after {
        left: 1rem
    }

    .drp-picker.drop-up {
        margin-top: -0.7rem
    }

        .drp-picker.drop-up:before {
            top: initial;
            bottom: -0.7rem;
            border-bottom: initial;
            border-top: .7rem solid #bfbfbf
        }

        .drp-picker.drop-up:after {
            top: initial;
            bottom: -0.6rem;
            border-bottom: initial;
            border-top: .6rem solid #fff
        }

    .drp-picker.single .daterangepicker .ranges, .drp-picker.single .drp-calendar {
        float: none
    }

    .drp-picker.single .drp-selected {
        display: none
    }

    .drp-picker.show-calendar .drp-calendar, .drp-picker.show-calendar .drp-buttons {
        display: block
    }

    .drp-picker.auto-apply .drp-buttons {
        display: none
    }

    .drp-picker .drp-calendar {
        display: none;
        max-width: 33rem
    }

        .drp-picker .drp-calendar.left {
            padding: .8rem
        }

        .drp-picker .drp-calendar.right {
            padding: .8rem
        }

        .drp-picker .drp-calendar.single .calendar-table {
            border: none
        }

    .drp-picker .calendar-table {
        border: .1rem solid #fff;
        border-radius: .4rem;
        background-color: #fff
    }

        .drp-picker .calendar-table .next span, .drp-picker .calendar-table .prev span {
            font-family: Wuerthicons;
            font-size: 2rem;
            color: #c00;
            width: 100%;
            height: 100%
        }

            .drp-picker .calendar-table .next span:after, .drp-picker .calendar-table .prev span:after {
                display: inline-block;
                content: "\eac5"
            }

            .drp-picker .calendar-table .next span:after {
                -webkit-transform: rotate(270deg);
                -ms-transform: rotate(270deg);
                transform: rotate(270deg);
                top: 2rem;
                right: 2rem
            }

            .drp-picker .calendar-table .prev span:after {
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                top: 2rem;
                left: 2rem
            }

        .drp-picker .calendar-table th, .drp-picker .calendar-table td {
            white-space: nowrap;
            text-align: center;
            vertical-align: middle;
            width: 30.2rem;
            height: 2.4rem;
            line-height: 3.2rem;
            font-size: 1.5rem;
            cursor: pointer
        }

        .drp-picker .calendar-table th {
            color: #999
        }

            .drp-picker .calendar-table th.month {
                height: 3.7rem;
                color: #191919;
                font-size: 1.5rem
            }

        .drp-picker .calendar-table td.weekend {
            color: #c00
        }

            .drp-picker .calendar-table td.weekend.off:not(.disabled) {
                color: #fff
            }

            .drp-picker .calendar-table td.weekend.active {
                color: #fff
            }

                .drp-picker .calendar-table td.weekend.active:hover {
                    color: #fff
                }

        .drp-picker .calendar-table table {
            width: 100%;
            margin: 0;
            border-collapse: initial;
            border: 0 solid #fff;
            border-spacing: 0 .5rem
        }

    .drp-picker td.week, .drp-picker th.week {
        font-size: 80%;
        color: #bfbfbf
    }

    .drp-picker td.off {
        background-color: #fff;
        color: #fff
    }

        .drp-picker td.off.in-range, .drp-picker td.off.start-date, .drp-picker td.off.end-date {
            background-color: #fff;
            color: #fff
        }

            .drp-picker td.off.in-range.weekend, .drp-picker td.off.start-date.weekend, .drp-picker td.off.end-date.weekend {
                color: #fff
            }

    .drp-picker td.in-range {
        background-color: #ededed;
        color: #000;
        border-radius: 0
    }

    .drp-picker td.active {
        background-color: #c00;
        color: #fff
    }

        .drp-picker td.active.start-date.end-date {
            border-radius: .4rem
        }

        .drp-picker td.active.start-date {
            border-radius: .4rem 0 0 .4rem
        }

        .drp-picker td.active.end-date {
            border-radius: 0 .4rem .4rem 0
        }

        .drp-picker td.active:hover {
            background-color: #c00;
            color: #fff
        }

            .drp-picker td.active:hover.off {
                background-color: #fff
            }

    .drp-picker th.month {
        width: auto
    }

    .drp-picker td.disabled, .drp-picker option.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through
    }

    .drp-picker select.monthselect, .drp-picker select.yearselect {
        font-size: 10.2rem;
        padding: .1rem;
        height: auto;
        margin: 0;
        cursor: default
    }

    .drp-picker select.monthselect {
        margin-right: 2%;
        width: 56%
    }

    .drp-picker select.yearselect {
        width: 40%
    }

    .drp-picker select.hourselect, .drp-picker select.minuteselect, .drp-picker select.secondselect, .drp-picker select.ampmselect {
        width: 5rem;
        margin: 0 auto;
        background: #dedede;
        border: .1rem solid #dedede;
        padding: .2rem;
        outline: 0;
        font-size: 10.2rem
    }

    .drp-picker .calendar-time {
        text-align: center;
        margin: .4rem auto 0 auto;
        line-height: 3rem;
        position: relative
    }

        .drp-picker .calendar-time select.disabled {
            color: #bfbfbf;
            cursor: not-allowed
        }

    .drp-picker .drp-buttons {
        clear: both;
        text-align: right;
        padding: 1.2rem;
        border-top: .1rem solid #dedede;
        display: none;
        vertical-align: middle
    }

        .drp-picker .drp-buttons .applyBtn {
            min-width: 8rem
        }

    .drp-picker.show-ranges.single.rtl .drp-calendar.left {
        border-right: .1rem solid #dedede
    }

    .drp-picker.show-ranges.single.ltr .drp-calendar.left {
        border-left: .1rem solid #dedede
    }

    .drp-picker.show-ranges.rtl .drp-calendar.right {
        border-right: .1rem solid #dedede
    }

    .drp-picker.show-ranges.ltr .drp-calendar.left {
        border-left: .1rem solid #dedede
    }

    .drp-picker .ranges {
        float: none;
        text-align: left;
        margin: 0
    }

        .drp-picker .ranges ul {
            list-style: none;
            margin: 0 auto;
            padding: 0;
            width: 100%
        }

        .drp-picker .ranges li {
            font-size: 10.2rem;
            padding: .8rem 10.2rem;
            cursor: pointer
        }

            .drp-picker .ranges li:hover {
                background-color: #dedede
            }

            .drp-picker .ranges li.active {
                background-color: #08c;
                color: #fff
            }

    .drp-picker.show-calendar .ranges {
        margin-top: .8rem
    }

@media(min-width: 678px) {
    .drp-picker {
        width: auto;
        direction: ltr;
        text-align: left
    }

        .drp-picker .ranges ul {
            width: 14rem
        }

        .drp-picker.single .ranges ul {
            width: 100%
        }

        .drp-picker.single .drp-calendar.left {
            clear: none
        }

        .drp-picker.single .ranges, .drp-picker.single .drp-calendar {
            float: left
        }

        .drp-picker .drp-calendar.left {
            clear: left;
            margin-right: 0
        }

            .drp-picker .drp-calendar.left .calendar-table {
                border-right: none;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                padding-right: .8rem
            }

        .drp-picker .drp-calendar.right {
            margin-left: 0
        }

            .drp-picker .drp-calendar.right .calendar-table {
                border-left: none;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

        .drp-picker .ranges, .drp-picker .drp-calendar {
            float: left
        }
}

@media(min-width: 730px) {
    .drp-picker .ranges {
        width: auto;
        float: left
    }

    .drp-picker.rtl .ranges {
        float: right
    }

    .drp-picker .drp-calendar.left {
        clear: none !important
    }
}

.date-input-row::after {
    content: "\eb6a";
    font-family: Wuerthicons;
    position: absolute;
    right: 1.7rem;
    top: .5rem;
    color: #c00;
    font-size: 2rem;
    width: 30px;
    text-align: center;
    cursor: pointer
}

.responsive-collapsible-dataTable-wrapper table {
    width: 100%;
    background-color: #ededed
}

    .responsive-collapsible-dataTable-wrapper table.tech_table {
        background-color: transparent
    }

    .responsive-collapsible-dataTable-wrapper table tr td, .responsive-collapsible-dataTable-wrapper table tr th {
        padding: 12px;
        border-bottom: 4px solid #fff
    }

        .responsive-collapsible-dataTable-wrapper table tr td input, .responsive-collapsible-dataTable-wrapper table tr td select, .responsive-collapsible-dataTable-wrapper table tr th input, .responsive-collapsible-dataTable-wrapper table tr th select {
            border: none
        }

        .responsive-collapsible-dataTable-wrapper table tr td input {
            min-width: 15px
        }

.responsive-collapsible-dataTable-wrapper .dataTable {
    width: 100%
}

    .responsive-collapsible-dataTable-wrapper .dataTable .ui-icon {
        font-family: Wuerthicons;
        font-size: 2rem
    }

    .responsive-collapsible-dataTable-wrapper .dataTable td.emptyCell, .responsive-collapsible-dataTable-wrapper .dataTable th.emptyCell {
        display: none
    }

    .responsive-collapsible-dataTable-wrapper .dataTable td.centeralign, .responsive-collapsible-dataTable-wrapper .dataTable th.centeralign {
        text-align: center
    }

    .responsive-collapsible-dataTable-wrapper .dataTable td.rightalign, .responsive-collapsible-dataTable-wrapper .dataTable th.rightalign {
        text-align: right
    }

    .responsive-collapsible-dataTable-wrapper .dataTable td:focus, .responsive-collapsible-dataTable-wrapper .dataTable td:hover, .responsive-collapsible-dataTable-wrapper .dataTable th:focus, .responsive-collapsible-dataTable-wrapper .dataTable th:hover {
        outline: none
    }

    .responsive-collapsible-dataTable-wrapper .dataTable > thead tr {
        background-color: #ededed
    }

        .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row {
            background-color: #fff
        }

            .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row label, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row p {
                font-weight: normal;
                font-size: 1.5rem
            }

            .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row .search_container input, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row .search_container label, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row #search_container input, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row #search_container label {
                width: 100%
            }

            .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row .search_container label, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row #search_container label {
                position: relative
            }

@media(max-width: 767.98px) {
    .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row .search_container label, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row #search_container label {
        margin-bottom: -1px
    }
}

.responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row .search_container label:after, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row #search_container label:after {
    content: "\ebab";
    font-family: Wuerthicons;
    position: absolute;
    right: 10px;
    top: 3px;
    color: #c00;
    font-size: 2rem;
    background-color: #fff;
    width: 30px;
    text-align: center
}

.responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row .search_container input, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row #search_container input {
    border: 1px solid #dedede;
    padding: .8rem;
    padding: 10px\9
}

@media all and (-ms-high-contrast: none) {
    .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row .search_container input, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row #search_container input {
        padding: 10px
    }
}

.responsive-collapsible-dataTable-wrapper .dataTable > thead tr:nth-child(3) {
    background-color: #fff
}

    .responsive-collapsible-dataTable-wrapper .dataTable > thead tr:nth-child(3) th {
        padding: 50px 0 12px 12px;
        vertical-align: text-top
    }

        .responsive-collapsible-dataTable-wrapper .dataTable > thead tr:nth-child(3) th:first-child {
            min-width: 90px
        }

.responsive-collapsible-dataTable-wrapper .dataTable > thead tr.p-small:nth-child(3) th {
    padding: 12px 0 12px 12px
}

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow {
    cursor: pointer
}

@-moz-document url-prefix() {
    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow > td .multiline-ellipsis:before, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow > td .multiline-ellipsis:before {
        background: linear-gradient(90deg, transparent 20%, #ededed 80%)
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow > td .multiline-ellipsis:before, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow > td .multiline-ellipsis:before {
        background: -ms-linear-gradient(90deg, transparent 20%, #ededed 80%)
    }
}

@-moz-document url-prefix() {
    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow > td .multiline-ellipsis:after, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow > td .multiline-ellipsis:after {
        background: #ededed
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow > td .multiline-ellipsis:after, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow > td .multiline-ellipsis:after {
        background: #ededed
    }
}

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow:hover > td, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow:hover > td {
    background-color: #dedede
}

@-moz-document url-prefix() {
    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow:hover > td .multiline-ellipsis:before, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow:hover > td .multiline-ellipsis:before {
        background: linear-gradient(90deg, transparent 20%, #dedede 80%)
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow:hover > td .multiline-ellipsis:before, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow:hover > td .multiline-ellipsis:before {
        background: -ms-linear-gradient(90deg, transparent 20%, #dedede 80%)
    }
}

@-moz-document url-prefix() {
    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow:hover > td .multiline-ellipsis:after, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow:hover > td .multiline-ellipsis:after {
        background: #dedede
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow:hover > td .multiline-ellipsis:after, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow:hover > td .multiline-ellipsis:after {
        background: #dedede
    }
}

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.modelDetailRow.active .arrow .icon-interface-bottom, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow.active .arrow .icon-interface-bottom {
    display: block;
    transition: all ease .3s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.child {
    display: none
}

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td {
    padding: 12px 0 12px 12px;
    border-bottom: 4px solid #fff !important;
    word-break: break-word;
    position: relative
}

@media(max-width: 767.98px) {
    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td {
        padding: 6px
    }
}

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.tech_col_left {
    padding: 0;
    border-bottom: 0 !important
}

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td .buttonAddToShoppingcart, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td .buttonNotAddToShoppingcart {
    color: #fff;
    width: 40px;
    height: 40px;
    padding-left: .9rem
}

    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td .buttonAddToShoppingcart i.icon-com-email, .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td .buttonNotAddToShoppingcart i.icon-com-email {
        top: 0;
        left: -2px
    }

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.productPackingSelectorTD {
    text-align: center
}

    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.productPackingSelectorTD .packing {
        word-break: normal
    }

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td .arrow {
    float: right
}

    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td .arrow .icon-interface-bottom {
        color: #c00;
        cursor: pointer;
        transition: all ease .3s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td .arrow .icon-interface-top {
        cursor: pointer
    }

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.td_preisve {
    text-align: right
}

    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.td_preisve span.icon {
        float: right;
        color: #c00
    }

    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.td_preisve .priceDisplayed {
        font-size: 1.5rem;
        display: inline-block;
        line-height: 1em;
        white-space: nowrap
    }

        .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.td_preisve .priceDisplayed::first-line {
            font-weight: bold
        }

    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.td_preisve span.star {
        margin-left: 0;
        margin-right: 5px
    }

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td:last-child {
    padding: 0 12px
}

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.defaultPaddingTop {
    padding-top: 12px
}

@media(min-width: 768px) {
    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.stk {
        width: 200px
    }

        .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.stk .input-quantity {
            margin: 0 auto
        }
}

.responsive-collapsible-dataTable-wrapper .dataTable input[type=text], .responsive-collapsible-dataTable-wrapper .dataTable select {
    border: none;
    text-align: left;
    font-size: 100%
}

    .responsive-collapsible-dataTable-wrapper .dataTable input[type=text].input_amount, .responsive-collapsible-dataTable-wrapper .dataTable select.input_amount {
        max-width: 80px;
        min-width: 30px
    }

@media(max-width: 767.98px) {
    .responsive-collapsible-dataTable-wrapper .dataTable input[type=text].input_amount, .responsive-collapsible-dataTable-wrapper .dataTable select.input_amount {
        max-width: 80px
    }
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper table > thead th.table_col_product {
    min-width: 13rem
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper table > thead th.table_col_price {
    min-width: 9rem
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable > tbody tr.productListRow {
    cursor: pointer
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable > tbody tr *[data-id=productListArticleSelect4Price] a.recoTooltipContainer {
    display: block
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable .addShoppingCartButton, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable .addShoppingCartButton {
    padding: 10px 10px 9px
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable th, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable th {
    padding-right: 0 !important
}

@media(min-width: 768px) {
    .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable th.interactive, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable th.interactive {
        padding-left: 0;
        padding-right: 0
    }
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable .table_col_article, .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable .table_col_amount, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable .table_col_article, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable .table_col_amount {
    min-width: 75px
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable .table_col_ve, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable .table_col_ve {
    min-width: 100px
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable .table_col_thumbnail, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable .table_col_thumbnail {
    min-width: 50px
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr td, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr td {
    vertical-align: top
}

@media(min-width: 768px) {
    .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr td:last-child.interactive, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr td:last-child.interactive {
        padding-left: 0;
        padding-right: 0
    }
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr td:last-child > .arrow, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr td:last-child > .arrow {
    margin-top: 1.2rem
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr div.input-group.input-quantity > input.input_amount, .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr .img-wrapper > img.img-fluid, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr div.input-group.input-quantity > input.input_amount, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr .img-wrapper > img.img-fluid {
    max-width: 60px
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr .input-border, .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr input, .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr select, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr .input-border, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr input, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr select {
    border: none
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr .table_col_right br, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr .table_col_right br {
    display: none
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr .priceValue, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr .priceValue {
    font-weight: bold;
    display: block
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr .col_additional_tax .label, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr .col_additional_tax .label {
    display: block
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr.child, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr.child {
    background: #fff;
    height: 0;
    overflow: hidden
}

    .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr.child td, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr.child td {
        padding: 1rem 0
    }

        .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr.child td ul, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr.child td ul {
            list-style-type: none;
            padding: 0
        }

            .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr.child td ul li, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr.child td ul li {
                width: 50%;
                float: left;
                padding: 1rem .5rem
            }

                .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr.child td ul li .dtr-title, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr.child td ul li .dtr-title {
                    font-weight: bold;
                    display: block
                }

                .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr.child td ul li .d-none-in-child, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr.child td ul li .d-none-in-child {
                    display: none
                }

                .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr.child td ul li .input-group.input-quantity, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr.child td ul li .input-group.input-quantity {
                    border: .1rem solid #dedede;
                    width: auto;
                    display: -webkit-inline-flex;
                    display: -ms-inline-flexbox;
                    display: inline-flex
                }

                .responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr.child td ul li select.custom-select, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr.child td ul li select.custom-select {
                    border: .1rem solid #dedede
                }

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr.productListRow {
    cursor: default
}

.responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper #tableCategoryProductList.dataTable thead th {
    vertical-align: top
}

    .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper #tableCategoryProductList.dataTable thead th.table_col_article {
        min-width: 10rem
    }

    .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper #tableCategoryProductList.dataTable thead th.table_col_name {
        min-width: 14rem
    }

    .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper #tableCategoryProductList.dataTable thead th.table_col_cart {
        min-width: 8rem
    }

    .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper #tableCategoryProductList.dataTable thead th.table_col_ve {
        min-width: 9rem
    }

.dataTables_wrapper .header_col {
    cursor: pointer
}

    .dataTables_wrapper .header_col.sorting .sortingIcon, .dataTables_wrapper .header_col.sorting_asc .sortingIcon, .dataTables_wrapper .header_col.sorting_desc .sortingIcon {
        font-family: Wuerthicons !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased
    }

        .dataTables_wrapper .header_col.sorting .sortingIcon:before, .dataTables_wrapper .header_col.sorting_asc .sortingIcon:before, .dataTables_wrapper .header_col.sorting_desc .sortingIcon:before {
            content: "\eb45"
        }

    .dataTables_wrapper .header_col.sorting_asc, .dataTables_wrapper .header_col.sorting_desc {
        color: #c00
    }

        .dataTables_wrapper .header_col.sorting_asc .sortingIcon:before {
            content: "\eb4f"
        }

        .dataTables_wrapper .header_col.sorting_desc .sortingIcon:before {
            content: "\eb45"
        }

    .dataTables_wrapper .header_col .headerName {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        padding-left: 1.6rem;
        max-width: 175px
    }

    .dataTables_wrapper .header_col.sorting_disabled {
        cursor: default
    }

        .dataTables_wrapper .header_col.sorting_disabled .headerName {
            padding-left: 0
        }

    .dataTables_wrapper .header_col .sortingIcon {
        position: absolute;
        margin-top: .3rem
    }

    .dataTables_wrapper .header_col.image_col::before {
        content: "";
        display: block;
        min-width: 60px
    }

.dataTables_wrapper .dataTables_paginate {
    margin: .8rem 0
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: .8rem 1.2rem .6rem;
        margin: 0 .2rem;
        cursor: pointer;
        text-decoration: none;
        font-size: 1.3rem;
        width: 30px;
        height: 30px;
        display: inline-block
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
            background-color: #dedede;
            color: #000
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            color: #000;
            cursor: default
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current {
            background-color: #ededed;
            color: #000
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.next {
            font-family: Wuerthicons !important
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.next:after {
                content: "\eb14"
            }

        .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
            font-family: Wuerthicons !important
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.previous:after {
                content: "\eafa"
            }

.dataTables_wrapper #data_table tbody tr.child {
    background-color: #fff
}

    .dataTables_wrapper #data_table tbody tr.child td {
        padding: 1.2rem 0 0
    }

        .dataTables_wrapper #data_table tbody tr.child td ul {
            padding: 0;
            margin: 0;
            list-style-type: none
        }

            .dataTables_wrapper #data_table tbody tr.child td ul li {
                margin-bottom: 1rem
            }

                .dataTables_wrapper #data_table tbody tr.child td ul li .dtr-title {
                    font-weight: bold;
                    display: block
                }

                    .dataTables_wrapper #data_table tbody tr.child td ul li .dtr-title:after {
                        content: ":";
                        position: relative;
                        left: -3px
                    }

                .dataTables_wrapper #data_table tbody tr.child td ul li .dtr-data {
                    display: block
                }

table.table-border {
    background-color: #fff;
    border-spacing: 0 10px;
    border-collapse: separate
}

    table.table-border thead th {
        border: none
    }

    table.table-border tbody tr td {
        vertical-align: top;
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        background-color: #fff
    }

        table.table-border tbody tr td:first-child {
            border-left: 1px solid #ededed
        }

        table.table-border tbody tr td:last-child {
            border-right: 1px solid #ededed
        }

table td:focus {
    outline: none
}

table .collapsible-table tr.active span.arrow i.icon-interface-bottom {
    display: block;
    transition: all ease .3s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .se-price-scale-tooltip {
        width: 24rem
    }
}

#tableRequisitionDetails .quantity_col, .tableRequisitionDetails .quantity_col {
    min-width: 20rem
}

#tableRequisitionDetails .product_image_col, .tableRequisitionDetails .product_image_col {
    min-width: 6rem
}

#tableRequisitionDetails .cart-position, .tableRequisitionDetails .cart-position {
    width: 10%
}

#tableRequisitionDetails .cart-position-state, .tableRequisitionDetails .cart-position-state {
    width: 15%
}

#tableRequisitionDetails .cart-amount, .tableRequisitionDetails .cart-amount {
    width: 35%
}

#tableRequisitionDetails .cart-name, .tableRequisitionDetails .cart-name {
    width: 40%
}

#tableRequisitionDetails .cart-delivery-state, .tableRequisitionDetails .cart-delivery-state {
    width: 33%
}

#tableRequisitionDetails .cart-packaging, .tableRequisitionDetails .cart-packaging {
    width: 33%
}

#tableRequisitionDetails .cart-delivery-data, .tableRequisitionDetails .cart-delivery-data {
    width: 33%
}

#tableRequisitionDetails .cart-invoice-date, .tableRequisitionDetails .cart-invoice-date {
    width: 50%
}

#tableRequisitionDetails .cart-invoice-number, .tableRequisitionDetails .cart-invoice-number {
    width: 50%
}

@media(min-width: 576px) {
    #tableRequisitionDetails .cart-amount, .tableRequisitionDetails .cart-amount {
        width: 25%
    }

    #tableRequisitionDetails .cart-delivery-state, .tableRequisitionDetails .cart-delivery-state {
        width: 10%
    }

    #tableRequisitionDetails .cart-packaging, .tableRequisitionDetails .cart-packaging {
        width: 25%
    }

    #tableRequisitionDetails .cart-delivery-data, .tableRequisitionDetails .cart-delivery-data {
        width: 25%
    }

    #tableRequisitionDetails .cart-invoice-date, .tableRequisitionDetails .cart-invoice-date {
        width: 25%
    }

    #tableRequisitionDetails .cart-invoice-number, .tableRequisitionDetails .cart-invoice-number {
        width: 25%
    }
}

@media(min-width: 768px) {
    #tableRequisitionDetails .cart-position, .tableRequisitionDetails .cart-position {
        width: 3rem
    }

    #tableRequisitionDetails .cart-position-state, .tableRequisitionDetails .cart-position-state {
        width: 6rem
    }

    #tableRequisitionDetails .cart-amount, .tableRequisitionDetails .cart-amount {
        width: 10rem
    }

    #tableRequisitionDetails .cart-name, .tableRequisitionDetails .cart-name {
        width: 15rem
    }

    #tableRequisitionDetails .cart-delivery-state, .tableRequisitionDetails .cart-delivery-state {
        width: 6rem
    }

    #tableRequisitionDetails .cart-packaging, .tableRequisitionDetails .cart-packaging {
        width: 11rem
    }

    #tableRequisitionDetails .cart-delivery-data, .tableRequisitionDetails .cart-delivery-data {
        width: 33%
    }

    #tableRequisitionDetails .cart-invoice-date, .tableRequisitionDetails .cart-invoice-date {
        width: 33%
    }

    #tableRequisitionDetails .cart-invoice-number, .tableRequisitionDetails .cart-invoice-number {
        width: 33%
    }
}

@media(min-width: 992px) {
    #tableRequisitionDetails .cart-delivery-data, .tableRequisitionDetails .cart-delivery-data {
        width: 11rem
    }

    #tableRequisitionDetails .cart-invoice-date, .tableRequisitionDetails .cart-invoice-date {
        width: 7rem
    }
}

@media(min-width: 1200px) {
    #tableRequisitionDetails .cart-invoice-date, .tableRequisitionDetails .cart-invoice-date {
        width: 9rem
    }

    #tableRequisitionDetails .cart-invoice-number, .tableRequisitionDetails .cart-invoice-number {
        width: 14rem
    }
}

#tableRequisitionDetails .div-table-cart.order-detail .div-table-cart-head .product-no-link, .tableRequisitionDetails .div-table-cart.order-detail .div-table-cart-head .product-no-link {
    cursor: pointer;
    color: #c00
}

#tableRequisitionDetails .div-table-cart.order-detail .div-table-cart-head .icon-interface-arrow-bottom, #tableRequisitionDetails .div-table-cart.order-detail .div-table-cart-head .icon-interface-arrow-top, .tableRequisitionDetails .div-table-cart.order-detail .div-table-cart-head .icon-interface-arrow-bottom, .tableRequisitionDetails .div-table-cart.order-detail .div-table-cart-head .icon-interface-arrow-top {
    color: #c00
}

@media(min-width: 576px) {
    #tableRequisitionDetails .div-table-cart.order-detail .div-table-cart-head .cart-article, .tableRequisitionDetails .div-table-cart.order-detail .div-table-cart-head .cart-article {
        width: calc( 100% - 29.4rem );
        padding: 0 .8rem
    }
}

@media(min-width: 992px) {
    #tableRequisitionDetails .div-table-cart.order-detail .div-table-cart-head .cart-article, .tableRequisitionDetails .div-table-cart.order-detail .div-table-cart-head .cart-article {
        width: calc( 100% - 34.4rem )
    }
}

@media(min-width: 576px) {
    #tableRequisitionDetails .div-table-cart.order-detail .cart-article-pack-ref, .tableRequisitionDetails .div-table-cart.order-detail .cart-article-pack-ref {
        width: calc( 100% - 29rem )
    }
}

@media(min-width: 576px) {
    #tableRequisitionDetails .div-table-cart.order-detail.short-table .div-table-cart-head .cart-article, .tableRequisitionDetails .div-table-cart.order-detail.short-table .div-table-cart-head .cart-article {
        width: calc( 100% - 39.4rem );
        padding: 0 .8rem
    }
}

@media(min-width: 768px) {
    #tableRequisitionDetails .div-table-cart.order-detail.short-table .div-table-cart-head .cart-shipment-item, .tableRequisitionDetails .div-table-cart.order-detail.short-table .div-table-cart-head .cart-shipment-item {
        width: 10rem
    }

    #tableRequisitionDetails .div-table-cart.order-detail.short-table .div-table-cart-head .cart-article, .tableRequisitionDetails .div-table-cart.order-detail.short-table .div-table-cart-head .cart-article {
        width: calc( 100% - 32.4rem )
    }
}

@media(min-width: 992px) {
    #tableRequisitionDetails .div-table-cart.order-detail.short-table .div-table-cart-head .cart-article, .tableRequisitionDetails .div-table-cart.order-detail.short-table .div-table-cart-head .cart-article {
        width: calc( 100% - 48.4rem )
    }
}

#tableRequisitionDetails .div-table-cart.order-detail.short-table .div-table-cart-head .infoIcon, .tableRequisitionDetails .div-table-cart.order-detail.short-table .div-table-cart-head .infoIcon {
    cursor: pointer
}

#tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article-pack-ref, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article-pack-ref {
    width: calc( 100% - 13.6rem );
    padding: 0 !important
}

#tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article {
    width: 100%;
    padding: 0
}

#tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-total, #tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-unit, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-total, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-unit {
    width: calc(100% - 13.6rem);
    margin-left: 13.6rem
}

@media(min-width: 576px) {
    #tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article-pack-ref, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article-pack-ref {
        width: calc( 100% - 39rem )
    }

    #tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article {
        width: 100%
    }

    #tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-unit, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-unit {
        width: calc(100% - 17rem);
        margin-left: 17rem
    }

    #tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-total, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-total {
        width: auto;
        margin-left: auto
    }
}

@media(min-width: 992px) {
    #tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article-pack-ref, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article-pack-ref {
        width: calc( 100% - 50rem )
    }

    #tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-article {
        width: calc( 100% - 6rem )
    }

    #tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-unit, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-unit {
        width: 10rem;
        margin-left: 0
    }

    #tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-total, .tableRequisitionDetails .div-table-cart.order-detail.short-table .cart-price-total {
        width: 11rem
    }
}

.div-table-footer {
    font-size: 1.5rem
}

#purchaseOrderList .dataTable a.addPurchaseOrderToBasket {
    color: #c00 !important
}

#barcode-kanban-table tbody tr {
    cursor: pointer
}

    #barcode-kanban-table tbody tr:hover {
        background-color: #dedede
    }

#js-topSellersSearchProduct + .input-group-addon {
    padding: 0;
    position: absolute;
    right: .8rem;
    top: 2.6rem;
    z-index: 100;
    background-color: initial
}

    #js-topSellersSearchProduct + .input-group-addon > button {
        background-color: #fff;
        color: #c00;
        font-size: 1.9rem;
        padding-top: .9rem;
        padding-bottom: 1rem
    }

.search-input-row input {
    border-radius: .4rem;
    border-width: .1rem;
    border-style: solid;
    border-color: #dedede;
    -o-border-image: initial;
    border-image: initial;
    display: block;
    width: 100%;
    height: 4rem;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.1;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    padding: 1.2rem;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s
}

    .search-input-row input:disabled {
        background-color: #dedede;
        color: #999
    }

    .search-input-row input::-webkit-search-cancel-button {
        display: none
    }

.search-input-row label {
    display: inline
}

    .search-input-row label:after {
        content: "\ebab";
        font-family: Wuerthicons;
        position: absolute;
        right: 1.7rem;
        top: .5rem;
        color: #c00;
        font-size: 2rem;
        width: 30px;
        text-align: center
    }

table.dataTable > tbody > tr.selected > td .select-checkbox, table.dataTable > tbody > tr.selected > th .select-checkbox {
    background-color: #fff
}

    table.dataTable > tbody > tr.selected > td .select-checkbox.checkbox-border, table.dataTable > tbody > tr.selected > th .select-checkbox.checkbox-border {
        border: .1rem solid #bfbfbf
    }

        table.dataTable > tbody > tr.selected > td .select-checkbox.checkbox-border::before, table.dataTable > tbody > tr.selected > th .select-checkbox.checkbox-border::before {
            top: -0.1rem;
            left: .2rem
        }

    table.dataTable > tbody > tr.selected > td .select-checkbox::before, table.dataTable > tbody > tr.selected > th .select-checkbox::before {
        font-family: Wuerthicons;
        content: "\eb23";
        position: absolute;
        font-size: 1.4rem;
        top: 0;
        left: .3rem
    }

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 1px dashed #999;
    padding: 20px 20px
}

    .dropzone.dz-clickable {
        cursor: pointer
    }

        .dropzone.dz-clickable * {
            cursor: default
        }

        .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
            cursor: pointer
        }

    .dropzone.dz-started .dz-message {
        display: none
    }

    .dropzone.dz-drag-hover {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: .5
        }

    .dropzone .dz-message {
        text-align: center;
        margin: 3em 0
    }

        .dropzone .dz-message .dz-button {
            background: none;
            color: inherit;
            border: none;
            padding: 0;
            font: inherit;
            cursor: pointer;
            outline: inherit
        }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 16px;
        min-height: 100px
    }

        .dropzone .dz-preview:hover {
            z-index: 1000
        }

            .dropzone .dz-preview:hover .dz-details {
                opacity: 1
            }

            .dropzone .dz-preview:hover .dz-image img {
                -webkit-transform: scale(1.05, 1.05);
                -ms-transform: scale(1.05, 1.05);
                transform: scale(1.05, 1.05);
                -webkit-filter: blur(8px);
                filter: blur(8px)
            }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 20px;
            background: #999;
            background: linear-gradient(to bottom, #eee, #ddd)
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview.dz-image-preview {
            background: #fff
        }

            .dropzone .dz-preview.dz-image-preview .dz-details {
                transition: opacity .2s linear
            }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline
            }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 2em 1em;
            text-align: center;
            color: rgba(0,0,0,.9);
            line-height: 150%
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 1em;
                font-size: 16px
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200,200,200,.8);
                    background-color: rgba(255,255,255,.8)
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent
                    }

                .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255,255,255,.4);
                    padding: 0 .4em;
                    border-radius: 3px
                }

        .dropzone .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10
        }

            .dropzone .dz-preview .dz-image img {
                display: block
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
        }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto
        }

        .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px;
            background: rgba(0,0,0,.8);
            border-radius: 50%
        }

            .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
                display: block;
                width: 54px;
                height: 54px;
                fill: #fff
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            transition: all .2s linear
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            transition: opacity .4s ease-in
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            -webkit-animation: pulse 6s ease infinite;
            animation: pulse 6s ease infinite
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 20px;
            top: 50%;
            margin-top: -10px;
            left: 15%;
            right: 15%;
            border: 3px solid rgba(0,0,0,.8);
            background: rgba(0,0,0,.8);
            border-radius: 10px;
            overflow: hidden
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #fff;
                display: block;
                position: relative;
                height: 100%;
                width: 0;
                transition: width 300ms ease-in-out;
                border-radius: 17px
            }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: block;
            display: none;
            opacity: 0;
            transition: opacity .3s ease;
            border-radius: 8px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #b10606;
            padding: .5em 1em;
            color: #fff
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: "";
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #b10606
            }

.dz-shadow.dz-drag-hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

[class^=icon-], [class*=" icon-"] {
    font-family: "Wuerthicons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-logo-x:before {
    content: "\ee4a"
}

.icon-wuerth-sendungsverfolgung:before {
    content: "\12df"
}

.icon-music-next-l-a:before {
    content: "\1c3f"
}

.icon-interface-cmd:before {
    content: "\1cd3"
}

.icon-smiley-a2:before {
    content: "\1cf2"
}

.icon-wuerth-pinterest-solid:before {
    content: "\1cf3"
}

.icon-com-bubble-dot-b:before {
    content: "\e814"
}

.icon-com-bubble-line:before {
    content: "\e815"
}

.icon-com-bubble-line-a:before {
    content: "\e816"
}

.icon-com-bubble-line-b:before {
    content: "\e817"
}

.icon-com-chat:before {
    content: "\e818"
}

.icon-com-check-box:before {
    content: "\e819"
}

.icon-com-email:before {
    content: "\e81a"
}

.icon-com-email-cross:before {
    content: "\e81c"
}

.icon-com-email-o:before {
    content: "\e81d"
}

.icon-com-email-minus:before {
    content: "\e81e"
}

.icon-com-email-plus:before {
    content: "\e820"
}

.icon-com-email-tick:before {
    content: "\e821"
}

.icon-com-envelope:before {
    content: "\e822"
}

.icon-com-feather-pen:before {
    content: "\e823"
}

.icon-com-fountain-pen:before {
    content: "\e824"
}

.icon-com-group-bubble:before {
    content: "\e825"
}

.icon-com-group-bubble-a:before {
    content: "\e826"
}

.icon-com-group-bubble-b:before {
    content: "\e827"
}

.icon-com-group-bubble-c:before {
    content: "\e829"
}

.icon-com-group-bubble-d:before {
    content: "\e82a"
}

.icon-com-help:before {
    content: "\e82b"
}

.icon-com-mic:before {
    content: "\e82c"
}

.icon-com-help-a:before {
    content: "\e82d"
}

.icon-com-megaphone:before {
    content: "\e82e"
}

.icon-com-phone:before {
    content: "\e82f"
}

.icon-com-megaphone-a:before {
    content: "\e830"
}

.icon-com-mic-mute:before {
    content: "\e832"
}

.icon-com-paperplane:before {
    content: "\e833"
}

.icon-com-phone-a:before {
    content: "\e835"
}

.icon-com-pictures:before {
    content: "\e836"
}

.icon-com-voicemail:before {
    content: "\e837"
}

.icon-com-bell:before {
    content: "\e839"
}

.icon-com-bell-a:before {
    content: "\e83a"
}

.icon-com-broadcast:before {
    content: "\e83b"
}

.icon-com-broadcast-a:before {
    content: "\e83c"
}

.icon-com-bubble:before {
    content: "\e83d"
}

.icon-com-bubble-a:before {
    content: "\e83e"
}

.icon-com-bubble-b:before {
    content: "\e83f"
}

.icon-com-bubble-dot:before {
    content: "\e840"
}

.icon-com-bubble-dot-a:before {
    content: "\e841"
}

.icon-doc-analytic-blank:before {
    content: "\e842"
}

.icon-doc-analytic-line:before {
    content: "\e843"
}

.icon-doc-analytic-line-a:before {
    content: "\e844"
}

.icon-doc-article:before {
    content: "\e845"
}

.icon-doc-article-a:before {
    content: "\e846"
}

.icon-doc-article-b:before {
    content: "\e847"
}

.icon-doc-attachment:before {
    content: "\e848"
}

.icon-doc-attachment-a:before {
    content: "\e849"
}

.icon-doc-book:before {
    content: "\e84a"
}

.icon-doc-binder-blank:before {
    content: "\e84b"
}

.icon-doc-binder-four:before {
    content: "\e84c"
}

.icon-doc-binder-one:before {
    content: "\e84d"
}

.icon-doc-binder-three:before {
    content: "\e84e"
}

.icon-doc-binder-two:before {
    content: "\e84f"
}

.icon-doc-binder-zero:before {
    content: "\e850"
}

.icon-doc-book-a:before {
    content: "\e852"
}

.icon-doc-book-b:before {
    content: "\e853"
}

.icon-doc-book-c:before {
    content: "\e854"
}

.icon-doc-book-d:before {
    content: "\e855"
}

.icon-doc-bookmark:before {
    content: "\e856"
}

.icon-doc-book-mark:before {
    content: "\e857"
}

.icon-doc-box:before {
    content: "\e859"
}

.icon-doc-briefcase:before {
    content: "\e85a"
}

.icon-doc-briefcase-a:before {
    content: "\e85b"
}

.icon-doc-briefcase-b:before {
    content: "\e85c"
}

.icon-doc-briefcase-c:before {
    content: "\e85d"
}

.icon-doc-briefcase-d:before {
    content: "\e85e"
}

.icon-doc-compose:before {
    content: "\e85f"
}

.icon-doc-compose-a:before {
    content: "\e860"
}

.icon-doc-documents:before {
    content: "\e861"
}

.icon-doc-documents-minus:before {
    content: "\e862"
}

.icon-doc-documents-plus:before {
    content: "\e863"
}

.icon-doc-download:before {
    content: "\e864"
}

.icon-doc-drawer:before {
    content: "\e865"
}

.icon-doc-drawer-a:before {
    content: "\e866"
}

.icon-doc-drawer-b:before {
    content: "\e867"
}

.icon-doc-drawer-blank:before {
    content: "\e868"
}

.icon-doc-drawer-download:before {
    content: "\e869"
}

.icon-doc-drawer-line:before {
    content: "\e86b"
}

.icon-doc-drawer-upload:before {
    content: "\e86c"
}

.icon-doc-envelope:before {
    content: "\e86d"
}

.icon-doc-file-blank:before {
    content: "\e86f"
}

.icon-doc-file-blank-a:before {
    content: "\e870"
}

.icon-doc-file-cross:before {
    content: "\e872"
}

.icon-doc-file-cross-a:before {
    content: "\e873"
}

.icon-doc-file-line:before {
    content: "\e874"
}

.icon-doc-file-line-a:before {
    content: "\e875"
}

.icon-doc-file-minus:before {
    content: "\e876"
}

.icon-doc-file-minus-a:before {
    content: "\e877"
}

.icon-doc-file-plus:before {
    content: "\e878"
}

.icon-doc-file-plus-a:before {
    content: "\e879"
}

.icon-doc-file-stack:before {
    content: "\e87a"
}

.icon-doc-file-tick:before {
    content: "\e87b"
}

.icon-doc-file-tick-a:before {
    content: "\e87c"
}

.icon-doc-folder:before {
    content: "\e87d"
}

.icon-doc-folder-a:before {
    content: "\e87e"
}

.icon-doc-folder-check-a:before {
    content: "\e87f"
}

.icon-doc-folder-cross:before {
    content: "\e880"
}

.icon-doc-folder-cross-a:before {
    content: "\e881"
}

.icon-doc-folder-minus:before {
    content: "\e882"
}

.icon-doc-folder-minus-a:before {
    content: "\e883"
}

.icon-doc-folder-plus:before {
    content: "\e884"
}

.icon-doc-folder-plus-a:before {
    content: "\e885"
}

.icon-doc-folder-s:before {
    content: "\e886"
}

.icon-doc-folder-sync:before {
    content: "\e887"
}

.icon-doc-folder-tick:before {
    content: "\e888"
}

.icon-doc-list:before {
    content: "\e889"
}

.icon-doc-news:before {
    content: "\e88a"
}

.icon-doc-newspaper:before {
    content: "\e88b"
}

.icon-doc-newspaper-a:before {
    content: "\e88c"
}

.icon-doc-newspaper-b:before {
    content: "\e88d"
}

.icon-doc-notebook:before {
    content: "\e88e"
}

.icon-doc-print:before {
    content: "\e88f"
}

.icon-doc-notebook-a:before {
    content: "\e890"
}

.icon-doc-note-pen:before {
    content: "\e891"
}

.icon-doc-paper-line:before {
    content: "\e892"
}

.icon-doc-papers:before {
    content: "\e893"
}

.icon-doc-wboard-line:before {
    content: "\e894"
}

.icon-doc-wboard-tick:before {
    content: "\e895"
}

.icon-doc-paper-stack:before {
    content: "\e896"
}

.icon-doc-photo-stack:before {
    content: "\e897"
}

.icon-doc-pie:before {
    content: "\e898"
}

.icon-doc-pie-a:before {
    content: "\e899"
}

.icon-doc-pie-b:before {
    content: "\e89a"
}

.icon-doc-pin:before {
    content: "\e89b"
}

.icon-doc-pin-a:before {
    content: "\e89c"
}

.icon-doc-print-a:before {
    content: "\e89e"
}

.icon-doc-profile:before {
    content: "\e89f"
}

.icon-doc-profile-a:before {
    content: "\e8a0"
}

.icon-doc-upload:before {
    content: "\e8a1"
}

.icon-media-glass:before {
    content: "\e8a4"
}

.icon-media-glass-a:before {
    content: "\e8a5"
}

.icon-media-image:before {
    content: "\e8a6"
}

.icon-media-image-a:before {
    content: "\e8a7"
}

.icon-media-image-b:before {
    content: "\e8a8"
}

.icon-media-image-c:before {
    content: "\e8a9"
}

.icon-media-image-d:before {
    content: "\e8aa"
}

.icon-media-negative:before {
    content: "\e8ab"
}

.icon-media-negative-a:before {
    content: "\e8ac"
}

.icon-media-video:before {
    content: "\e8ad"
}

.icon-media-video-a:before {
    content: "\e8ae"
}

.icon-media-video-clip:before {
    content: "\e8af"
}

.icon-media-video-r:before {
    content: "\e8b0"
}

.icon-business-tie:before {
    content: "\e8b1"
}

.icon-business-tie-a:before {
    content: "\e8b2"
}

.icon-business-tie-b:before {
    content: "\e8b3"
}

.icon-doc-analytic-bar:before {
    content: "\e8b4"
}

.icon-ecommerce-basket:before {
    content: "\e8b5"
}

.icon-ecommerce-bill:before {
    content: "\e8b6"
}

.icon-ecommerce-bill-a:before {
    content: "\e8b7"
}

.icon-ecommerce-bill-b:before {
    content: "\e8b8"
}

.icon-ecommerce-bowtie:before {
    content: "\e8b9"
}

.icon-ecommerce-cash:before {
    content: "\e8ba"
}

.icon-ecommerce-cash-a:before {
    content: "\e8bb"
}

.icon-ecommerce-coins:before {
    content: "\e8bc"
}

.icon-ecommerce-coins-a:before {
    content: "\e8bd"
}

.icon-ecommerce-creditcard:before {
    content: "\e8be"
}

.icon-ecommerce-creditcard-b:before {
    content: "\e8bf"
}

.icon-ecommerce-creditcard-c:before {
    content: "\e8c0"
}

.icon-ecommerce-creditcard-d:before {
    content: "\e8c1"
}

.icon-ecommerce-diamon:before {
    content: "\e8c2"
}

.icon-ecommerce-digital-download:before {
    content: "\e8c3"
}

.icon-ecommerce-digital-upload:before {
    content: "\e8c4"
}

.icon-ecommerce-dollar:before {
    content: "\e8c5"
}

.icon-ecommerce-euro:before {
    content: "\e8c6"
}

.icon-ecommerce-gift:before {
    content: "\e8c7"
}

.icon-ecommerce-shopcart:before {
    content: "\e8c8"
}

.icon-ecommerce-hanger:before {
    content: "\e8c9"
}

.icon-ecommerce-jeans:before {
    content: "\e8ca"
}

.icon-ecommerce-lipstick:before {
    content: "\e8cb"
}

.icon-ecommerce-market:before {
    content: "\e8cc"
}

.icon-ecommerce-mastercard:before {
    content: "\e8cd"
}

.icon-ecommerce-shopcart-download:before {
    content: "\e8ce"
}

.icon-ecommerce-pack:before {
    content: "\e8cf"
}

.icon-ecommerce-pack-a:before {
    content: "\e8d0"
}

.icon-ecommerce-pounds:before {
    content: "\e8d1"
}

.icon-ecommerce-ring:before {
    content: "\e8d2"
}

.icon-ecommerce-safebox:before {
    content: "\e8d3"
}

.icon-ecommerce-shirt:before {
    content: "\e8d4"
}

.icon-ecommerce-shirt-a:before {
    content: "\e8d5"
}

.icon-ecommerce-shoes:before {
    content: "\e8d7"
}

.icon-ecommerce-tag-c:before {
    content: "\e8d8"
}

.icon-ecommerce-shop:before {
    content: "\e8d9"
}

.icon-ecommerce-shopcart-fill:before {
    content: "\e8e1"
}

.icon-ecommerce-short:before {
    content: "\e8e2"
}

.icon-ecommerce-suitcase:before {
    content: "\e8e3"
}

.icon-ecommerce-suitcase-a:before {
    content: "\e8e4"
}

.icon-ecommerce-tag:before {
    content: "\e8e5"
}

.icon-ecommerce-tag-a:before {
    content: "\e8e6"
}

.icon-ecommerce-tag-a-s:before {
    content: "\e8e7"
}

.icon-ecommerce-tag-b:before {
    content: "\e8e8"
}

.icon-ecommerce-tag-b-s:before {
    content: "\e8e9"
}

.icon-ecommerce-tag-cross:before {
    content: "\e8eb"
}

.icon-ecommerce-tag-c-s:before {
    content: "\e8ec"
}

.icon-ecommerce-tag-minus:before {
    content: "\e8ed"
}

.icon-ecommerce-tag-plus:before {
    content: "\e8ee"
}

.icon-ecommerce-tag-tick:before {
    content: "\e8ef"
}

.icon-ecommerce-tracking:before {
    content: "\e8f1"
}

.icon-ecommerce-tshirt:before {
    content: "\e8f2"
}

.icon-ecommerce-wallet:before {
    content: "\e8f3"
}

.icon-ecommerce-wallet-a:before {
    content: "\e8f4"
}

.icon-ecommerce-woman-bag:before {
    content: "\e8f5"
}

.icon-ecommerce-yen:before {
    content: "\e8f6"
}

.icon-ecommerce-backpack:before {
    content: "\e8f7"
}

.icon-ecommerce-backpack-a:before {
    content: "\e8f8"
}

.icon-ecommerce-bag:before {
    content: "\e8f9"
}

.icon-ecommerce-bag-a:before {
    content: "\e8fa"
}

.icon-ecommerce-bag-b:before {
    content: "\e8fb"
}

.icon-editorial-pencil-s:before {
    content: "\e8fc"
}

.icon-editorial-pen-s:before {
    content: "\e8fd"
}

.icon-editorial-pencil-a:before {
    content: "\e8fe"
}

.icon-editorial-redo:before {
    content: "\e8ff"
}

.icon-wuerth-2d:before {
    content: "\e900"
}

.icon-wuerth-3d:before {
    content: "\e901"
}

.icon-wuerth-auftragstext:before {
    content: "\e902"
}

.icon-wuerth-favourite-solid:before {
    content: "\e903"
}

.icon-wuerth-freihand-zeichnen:before {
    content: "\e904"
}

.icon-wuerth-linie-zeichnen:before {
    content: "\e905"
}

.icon-wuerth-navigation-starten:before {
    content: "\e906"
}

.icon-wuerth-positionstext:before {
    content: "\e907"
}

.icon-wuerth-raster:before {
    content: "\e908"
}

.icon-cyid10:before {
    content: "\e909"
}

.icon-wuerth-zeichnung-zentrieren:before {
    content: "\e90a"
}

.icon-wuerth-google-plus:before {
    content: "\e90b"
}

.icon-cyid05:before {
    content: "\e90c"
}

.icon-wuerth-haeufig-bestellt:before {
    content: "\e90d"
}

.icon-cyid15:before {
    content: "\e90e"
}

.icon-cyid20:before {
    content: "\e90f"
}

.icon-cyid40:before {
    content: "\e910"
}

.icon-cyid25:before {
    content: "\e911"
}

.icon-cyid30:before {
    content: "\e912"
}

.icon-cyid45:before {
    content: "\e913"
}

.icon-cyid55:before {
    content: "\e914"
}

.icon-cyid56:before {
    content: "\e915"
}

.icon-cyid60:before {
    content: "\e916"
}

.icon-cyid65:before {
    content: "\e917"
}

.icon-cyid85:before {
    content: "\e918"
}

.icon-cyid70:before {
    content: "\e919"
}

.icon-cyid50:before {
    content: "\e91a"
}

.icon-cyid75:before {
    content: "\e91b"
}

.icon-cyid61:before {
    content: "\e91c"
}

.icon-cyid22:before {
    content: "\e91d"
}

.icon-cyid80:before {
    content: "\e91e"
}

.icon-cyid21:before {
    content: "\e91f"
}

.icon-cyid35:before {
    content: "\e920"
}

.icon-cyid95:before {
    content: "\e921"
}

.icon-wuerth-versandadresse-anlegen-aendern-1:before {
    content: "\e922"
}

.icon-building-office-b:before {
    content: "\e923"
}

.icon-wuerth-filter:before {
    content: "\e924"
}

.icon-wuerth-filter-loeschen:before {
    content: "\e925"
}

.icon-wuerth-scanner:before {
    content: "\e926"
}

.icon-environment-sign:before {
    content: "\e927"
}

.icon-wuerth-artikel-zu-bestellvorlage-hinzufuegen:before {
    content: "\e928"
}

.icon-wuerth-artikel-zu-favoriten-hinzufuegen:before {
    content: "\e929"
}

.icon-wuerth-artikel-zur-vergleichsliste-hinzufuegen:before {
    content: "\e92a"
}

.icon-cyid23:before {
    content: "\e92b"
}

.icon-wuerth-datei-csv:before {
    content: "\e92c"
}

.icon-cyid66:before {
    content: "\e92d"
}

.icon-wuerth-datei-pdf-logo:before {
    content: "\e92e"
}

.icon-wuerth-datei-pdf:before {
    content: "\e92f"
}

.icon-wuerth-datei-txt:before {
    content: "\e930"
}

.icon-wuerth-datei-xls:before {
    content: "\e931"
}

.icon-wuerth-export:before {
    content: "\e932"
}

.icon-wuerth-information:before {
    content: "\e933"
}

.icon-wuerth-orsyfleet-datei-negativ:before {
    content: "\e934"
}

.icon-wuerth-orsyfleet-einstellungen-negativ:before {
    content: "\e935"
}

.icon-wuerth-orsyfleet-information-negativ:before {
    content: "\e936"
}

.icon-wuerth-orsyfleet-schraubenschluessel-negativ:before {
    content: "\e937"
}

.icon-wuerth-vergleichsliste-anzeigen:before {
    content: "\e938"
}

.icon-wuerth-video:before {
    content: "\e939"
}

.icon-wuerth-zurueck-zur-uebersicht:before {
    content: "\e93a"
}

.icon-wuerth-datei-xlsx:before {
    content: "\e93b"
}

.icon-wuerth-karriere:before {
    content: "\e93c"
}

.icon-smiley-a1:before {
    content: "\e93d"
}

.icon-wuerth-download:before {
    content: "\e93e"
}

.icon-wuerth-makler-login:before {
    content: "\e93f"
}

.icon-wuerth-teamviewer:before {
    content: "\e940"
}

.icon-wuerth-musterbestellung:before {
    content: "\e941"
}

.icon-wuerth-weltkugel:before {
    content: "\e942"
}

.icon-wuerth-blog:before {
    content: "\e943"
}

.icon-wuerth-fastviewer:before {
    content: "\e944"
}

.icon-wuerth-agb:before {
    content: "\e945"
}

.icon-wuerth-tarifrechner:before {
    content: "\e946"
}

.icon-wuerth-schadenformular:before {
    content: "\e947"
}

.icon-wuerth-bluetooth:before {
    content: "\e948"
}

.icon-interface-list-view:before {
    content: "\e949"
}

.icon-wuerth-text:before {
    content: "\e94a"
}

.icon-wuerth-ausrufezeichen:before {
    content: "\e94b"
}

.icon-editorial-right-align:before {
    content: "\e94c"
}

.icon-editorial-trash:before {
    content: "\e94d"
}

.icon-editorial-trash-a:before {
    content: "\e94e"
}

.icon-editorial-trash-a-l:before {
    content: "\e94f"
}

.icon-kitchen-fork-knife-a:before {
    content: "\e950"
}

.icon-editorial-trash-l:before {
    content: "\e951"
}

.icon-editorial-undo:before {
    content: "\e952"
}

.icon-editorial-write:before {
    content: "\e953"
}

.icon-editorial-write-s:before {
    content: "\e954"
}

.icon-editorial-ascending:before {
    content: "\e955"
}

.icon-editorial-bookmark:before {
    content: "\e956"
}

.icon-editorial-bookmark-a:before {
    content: "\e957"
}

.icon-editorial-brush:before {
    content: "\e958"
}

.icon-editorial-center-align:before {
    content: "\e959"
}

.icon-editorial-compose:before {
    content: "\e95a"
}

.icon-editorial-descending:before {
    content: "\e95b"
}

.icon-editorial-left-align:before {
    content: "\e95c"
}

.icon-editorial-pen:before {
    content: "\e95d"
}

.icon-editorial-pencil:before {
    content: "\e95e"
}

.icon-smiley-a3:before {
    content: "\e95f"
}

.icon-editorial-pencil-a-s:before {
    content: "\e960"
}

.icon-building-drawer-a:before {
    content: "\e961"
}

.icon-building-house:before {
    content: "\e962"
}

.icon-building-house-a:before {
    content: "\e963"
}

.icon-building-museum:before {
    content: "\e964"
}

.icon-building-office:before {
    content: "\e965"
}

.icon-building-office-a:before {
    content: "\e966"
}

.icon-smiley-a4:before {
    content: "\e967"
}

.icon-building-sofa:before {
    content: "\e968"
}

.icon-building-sofa-a:before {
    content: "\e969"
}

.icon-building-sofa-b:before {
    content: "\e96a"
}

.icon-building-sofa-twin:before {
    content: "\e96b"
}

.icon-building-sofa-twin-a:before {
    content: "\e96c"
}

.icon-building-table-lamp:before {
    content: "\e96d"
}

.icon-building-table-lamp-a:before {
    content: "\e96e"
}

.icon-building-tower:before {
    content: "\e96f"
}

.icon-building-tree:before {
    content: "\e970"
}

.icon-environment-flower:before {
    content: "\e971"
}

.icon-environment-flower-a:before {
    content: "\e972"
}

.icon-environment-flower-b:before {
    content: "\e973"
}

.icon-environment-leaf:before {
    content: "\e974"
}

.icon-environment-leaf-a:before {
    content: "\e975"
}

.icon-environment-mountain:before {
    content: "\e976"
}

.icon-setting-gear-b:before {
    content: "\e977"
}

.icon-environment-mountain-a:before {
    content: "\e978"
}

.icon-environment-no-smoke:before {
    content: "\e979"
}

.icon-environment-plant:before {
    content: "\e97a"
}

.icon-smiley-a5:before {
    content: "\e97b"
}

.icon-environment-smoke:before {
    content: "\e97c"
}

.icon-environment-tree:before {
    content: "\e97d"
}

.icon-building-apartment:before {
    content: "\e97e"
}

.icon-building-bed:before {
    content: "\e97f"
}

.icon-building-bulb:before {
    content: "\e980"
}

.icon-building-cabinet:before {
    content: "\e981"
}

.icon-building-desk:before {
    content: "\e982"
}

.icon-building-desk-a:before {
    content: "\e983"
}

.icon-building-desk-b:before {
    content: "\e984"
}

.icon-building-desk-c:before {
    content: "\e985"
}

.icon-building-door:before {
    content: "\e986"
}

.icon-building-drawer:before {
    content: "\e987"
}

.icon-beverage-cocktail-a:before {
    content: "\e988"
}

.icon-beverage-coffee:before {
    content: "\e989"
}

.icon-beverage-coffee-a:before {
    content: "\e98a"
}

.icon-wuerth-facebook-messenger:before {
    content: "\e98b"
}

.icon-beverage-coffee-cup:before {
    content: "\e98c"
}

.icon-beverage-coffee-cup-a:before {
    content: "\e98d"
}

.icon-beverage-cokctail:before {
    content: "\e98e"
}

.icon-beverage-cup-straw:before {
    content: "\e98f"
}

.icon-beverage-empty-glass:before {
    content: "\e990"
}

.icon-beverage-milk:before {
    content: "\e991"
}

.icon-beverage-milk-a:before {
    content: "\e992"
}

.icon-beverage-tea:before {
    content: "\e993"
}

.icon-beverage-tea-a:before {
    content: "\e994"
}

.icon-beverage-tea-cup:before {
    content: "\e995"
}

.icon-beverage-tea-cup-a:before {
    content: "\e996"
}

.icon-beverage-water:before {
    content: "\e997"
}

.icon-beverage-water-a:before {
    content: "\e998"
}

.icon-beverage-water-glass:before {
    content: "\e999"
}

.icon-beverage-wine:before {
    content: "\e99a"
}

.icon-food-apple:before {
    content: "\e99b"
}

.icon-food-bowl:before {
    content: "\e99c"
}

.icon-time-calendar:before {
    content: "\e99d"
}

.icon-food-cherry:before {
    content: "\e99e"
}

.icon-food-cherry-a:before {
    content: "\e99f"
}

.icon-food-chinese-food:before {
    content: "\e9a0"
}

.icon-time-clock-a:before {
    content: "\e9a1"
}

.icon-food-chinese-food-a:before {
    content: "\e9a2"
}

.icon-food-chinese-food-b:before {
    content: "\e9a3"
}

.icon-food-drumstick:before {
    content: "\e9a4"
}

.icon-food-egg:before {
    content: "\e9a5"
}

.icon-food-grape:before {
    content: "\e9a6"
}

.icon-food-hamburger:before {
    content: "\e9a7"
}

.icon-food-hamburger-a:before {
    content: "\e9a8"
}

.icon-food-ice-cream:before {
    content: "\e9a9"
}

.icon-food-ice-cream-a:before {
    content: "\e9aa"
}

.icon-food-ice-cream-b:before {
    content: "\e9ab"
}

.icon-food-ice-cream-c:before {
    content: "\e9ac"
}

.icon-wuerth-instagram-outline:before {
    content: "\e9ad"
}

.icon-location-alt-pin:before {
    content: "\e9ae"
}

.icon-food-noodle:before {
    content: "\e9af"
}

.icon-location-compass:before {
    content: "\e9b0"
}

.icon-food-noodle-a:before {
    content: "\e9b1"
}

.icon-food-onigiri:before {
    content: "\e9b2"
}

.icon-food-onigiri-a:before {
    content: "\e9b3"
}

.icon-food-white-bread:before {
    content: "\e9b4"
}

.icon-kitchen-fork-knife:before {
    content: "\e9b5"
}

.icon-kitchen-fridge:before {
    content: "\e9b6"
}

.icon-kitchen-grill:before {
    content: "\e9b7"
}

.icon-kitchen-heat:before {
    content: "\e9b8"
}

.icon-kitchen-heat-a:before {
    content: "\e9b9"
}

.icon-kitchen-hood:before {
    content: "\e9ba"
}

.icon-kitchen-hood-a:before {
    content: "\e9bb"
}

.icon-kitchen-jam:before {
    content: "\e9bc"
}

.icon-kitchen-ketchup:before {
    content: "\e9bd"
}

.icon-tool-disk:before {
    content: "\e9be"
}

.icon-kitchen-leaf:before {
    content: "\e9bf"
}

.icon-tool-flashlight:before {
    content: "\e9c0"
}

.icon-kitchen-microwave:before {
    content: "\e9c1"
}

.icon-kitchen-pepper:before {
    content: "\e9c2"
}

.icon-kitchen-plate:before {
    content: "\e9c3"
}

.icon-kitchen-recipe-book:before {
    content: "\e9c4"
}

.icon-kitchen-salt:before {
    content: "\e9c5"
}

.icon-kitchen-spatula:before {
    content: "\e9c6"
}

.icon-kitchen-spoon-fork:before {
    content: "\e9c7"
}

.icon-kitchen-spoon-fork-a:before {
    content: "\e9c8"
}

.icon-kitchen-tissue:before {
    content: "\e9c9"
}

.icon-kitchen-water:before {
    content: "\e9ca"
}

.icon-beverage-alt-glass:before {
    content: "\e9cb"
}

.icon-tool-magnifier:before {
    content: "\e9cc"
}

.icon-beverage-alt-glass-a:before {
    content: "\e9cd"
}

.icon-tool-mobile:before {
    content: "\e9ce"
}

.icon-beverage-alt-glass-b:before {
    content: "\e9cf"
}

.icon-wuerth-ios-outline:before {
    content: "\e9d0"
}

.icon-beverage-alt-glass-c:before {
    content: "\e9d1"
}

.icon-beverage-beer:before {
    content: "\e9d2"
}

.icon-beverage-chinese-tea:before {
    content: "\e9d3"
}

.icon-beverage-chinese-tea-a:before {
    content: "\e9d4"
}

.icon-beverage-chinese-tea-a-s:before {
    content: "\e9d5"
}

.icon-beverage-chinese-tea-s:before {
    content: "\e9d6"
}

.icon-setting-switch:before {
    content: "\e9d7"
}

.icon-setting-switch-a:before {
    content: "\e9d8"
}

.icon-setting-wrench:before {
    content: "\e9d9"
}

.icon-setting-wrench-a:before {
    content: "\e9da"
}

.icon-setting-airplane:before {
    content: "\e9db"
}

.icon-setting-component:before {
    content: "\e9dc"
}

.icon-setting-eq:before {
    content: "\e9dd"
}

.icon-setting-eq-a:before {
    content: "\e9de"
}

.icon-setting-gear:before {
    content: "\e9df"
}

.icon-setting-gear-a:before {
    content: "\e9e0"
}

.icon-wuerth-newsletter:before {
    content: "\e9e1"
}

.icon-setting-hotspot:before {
    content: "\e9e2"
}

.icon-setting-notification:before {
    content: "\e9e3"
}

.icon-sport-tape:before {
    content: "\e9e4"
}

.icon-sport-tennisball:before {
    content: "\e9e5"
}

.icon-sport-time:before {
    content: "\e9e6"
}

.icon-sport-trophy:before {
    content: "\e9e7"
}

.icon-sport-trophy-a:before {
    content: "\e9e8"
}

.icon-tool-camera-b:before {
    content: "\e9e9"
}

.icon-sport-tv:before {
    content: "\e9ea"
}

.icon-sport-tv-a:before {
    content: "\e9eb"
}

.icon-medicine-heart:before {
    content: "\e9ec"
}

.icon-medicine-lab:before {
    content: "\e9ed"
}

.icon-medicine-lab-a:before {
    content: "\e9ee"
}

.icon-sport-alt-badge:before {
    content: "\e9ef"
}

.icon-sport-alt-badge-a:before {
    content: "\e9f0"
}

.icon-sport-badge:before {
    content: "\e9f1"
}

.icon-sport-badge-a:before {
    content: "\e9f2"
}

.icon-sport-badge-b:before {
    content: "\e9f3"
}

.icon-sport-badge-c:before {
    content: "\e9f4"
}

.icon-sport-badge-one:before {
    content: "\e9f5"
}

.icon-sport-badge-one-a:before {
    content: "\e9f6"
}

.icon-sport-baseball:before {
    content: "\e9f7"
}

.icon-sport-basketball:before {
    content: "\e9f8"
}

.icon-sport-basketball-a:before {
    content: "\e9f9"
}

.icon-sport-bottle:before {
    content: "\e9fa"
}

.icon-sport-cards:before {
    content: "\e9fb"
}

.icon-sport-dumbell:before {
    content: "\e9fc"
}

.icon-sport-dumbell-a:before {
    content: "\e9fd"
}

.icon-sport-flag:before {
    content: "\e9fe"
}

.icon-sport-flag-a:before {
    content: "\e9ff"
}

.icon-sport-football:before {
    content: "\ea00"
}

.icon-sport-medic:before {
    content: "\ea01"
}

.icon-user-single:before {
    content: "\ea02"
}

.icon-sport-mic:before {
    content: "\ea03"
}

.icon-sport-puzzle:before {
    content: "\ea04"
}

.icon-sport-stadium:before {
    content: "\ea05"
}

.icon-user-single-a-group:before {
    content: "\ea06"
}

.icon-sport-stadium-a:before {
    content: "\ea07"
}

.icon-time-alarm:before {
    content: "\ea08"
}

.icon-time-alt-wall-clock:before {
    content: "\ea09"
}

.icon-user-single-check:before {
    content: "\ea0a"
}

.icon-user-single-cross:before {
    content: "\ea0b"
}

.icon-user-single-minus:before {
    content: "\ea0c"
}

.icon-user-single-plus:before {
    content: "\ea0d"
}

.icon-user-single-round:before {
    content: "\ea0e"
}

.icon-wuerth-paypal-outline:before {
    content: "\ea0f"
}

.icon-time-calendar-a:before {
    content: "\ea10"
}

.icon-time-calendar-b:before {
    content: "\ea11"
}

.icon-time-clock:before {
    content: "\ea12"
}

.icon-wuerth-user-lupe:before {
    content: "\ea13"
}

.icon-time-clock-b:before {
    content: "\ea14"
}

.icon-time-clock-c:before {
    content: "\ea15"
}

.icon-wuerth-warenkorb-fragezeichen:before {
    content: "\ea16"
}

.icon-time-hour-glass:before {
    content: "\ea17"
}

.icon-time-speed-meter:before {
    content: "\ea18"
}

.icon-time-stopwatch:before {
    content: "\ea19"
}

.icon-time-stopwatch-a:before {
    content: "\ea1a"
}

.icon-time-stopwatch-b:before {
    content: "\ea1b"
}

.icon-time-timer:before {
    content: "\ea1c"
}

.icon-time-wall-clock:before {
    content: "\ea1d"
}

.icon-time-watches:before {
    content: "\ea1e"
}

.icon-time-watches-a:before {
    content: "\ea1f"
}

.icon-user-lock:before {
    content: "\ea20"
}

.icon-time-watches-b:before {
    content: "\ea21"
}

.icon-user-lock-u-a:before {
    content: "\ea22"
}

.icon-wuerth-whatsapp:before {
    content: "\ea23"
}

.icon-location-avenue:before {
    content: "\ea24"
}

.icon-wuerth-youtube-outline:before {
    content: "\ea25"
}

.icon-location-map:before {
    content: "\ea26"
}

.icon-location-pin:before {
    content: "\ea27"
}

.icon-location-pin-blank:before {
    content: "\ea28"
}

.icon-location-pin-check:before {
    content: "\ea29"
}

.icon-location-pin-map:before {
    content: "\ea2a"
}

.icon-location-pin-map-a:before {
    content: "\ea2b"
}

.icon-location-pin-minus:before {
    content: "\ea2c"
}

.icon-location-pin-plus:before {
    content: "\ea2d"
}

.icon-location-pin-regular:before {
    content: "\ea2e"
}

.icon-cyid07:before {
    content: "\ea2f"
}

.icon-tool-console:before {
    content: "\ea30"
}

.icon-tool-console-a:before {
    content: "\ea31"
}

.icon-tool-console-old:before {
    content: "\ea32"
}

.icon-wuerth-e-mail-outline:before {
    content: "\ea33"
}

.icon-tool-disk-a:before {
    content: "\ea34"
}

.icon-wuerth-e-mail-solid:before {
    content: "\ea35"
}

.icon-tool-flashlight-a:before {
    content: "\ea36"
}

.icon-tool-flashlight-a-s:before {
    content: "\ea37"
}

.icon-tool-flashlight-s:before {
    content: "\ea38"
}

.icon-tool-gameboy:before {
    content: "\ea39"
}

.icon-tool-hammer:before {
    content: "\ea3a"
}

.icon-tool-headphone:before {
    content: "\ea3b"
}

.icon-web-download:before {
    content: "\ea3c"
}

.icon-tool-headphone-a:before {
    content: "\ea3d"
}

.icon-tool-laptop:before {
    content: "\ea3e"
}

.icon-web-internet:before {
    content: "\ea3f"
}

.icon-tool-magic-wand:before {
    content: "\ea40"
}

.icon-tool-magic-wand-a:before {
    content: "\ea41"
}

.icon-tool-magnet:before {
    content: "\ea42"
}

.icon-wuerth-e-mail:before {
    content: "\ea43"
}

.icon-tool-medical-tape:before {
    content: "\ea44"
}

.icon-wuerth-erstkauf:before {
    content: "\ea45"
}

.icon-tool-mobile-l:before {
    content: "\ea46"
}

.icon-tool-monitor:before {
    content: "\ea47"
}

.icon-tool-monitor-a:before {
    content: "\ea48"
}

.icon-tool-mouse:before {
    content: "\ea49"
}

.icon-web-share:before {
    content: "\ea4a"
}

.icon-tool-net:before {
    content: "\ea4b"
}

.icon-tool-paint-roler:before {
    content: "\ea4c"
}

.icon-tool-projector:before {
    content: "\ea4d"
}

.icon-tool-radio:before {
    content: "\ea4e"
}

.icon-tool-ruler:before {
    content: "\ea4f"
}

.icon-tool-scissor:before {
    content: "\ea50"
}

.icon-tool-tablet:before {
    content: "\ea51"
}

.icon-web-upload:before {
    content: "\ea52"
}

.icon-tool-tablet-l:before {
    content: "\ea53"
}

.icon-tool-television:before {
    content: "\ea54"
}

.icon-tool-toothbrush:before {
    content: "\ea55"
}

.icon-web-warning:before {
    content: "\ea56"
}

.icon-tool-umbrella:before {
    content: "\ea57"
}

.icon-tool-video:before {
    content: "\ea58"
}

.icon-tool-alt-camera:before {
    content: "\ea59"
}

.icon-tool-alt-camera-a:before {
    content: "\ea5a"
}

.icon-tool-android:before {
    content: "\ea5b"
}

.icon-tool-android-l:before {
    content: "\ea5c"
}

.icon-tool-binoculars:before {
    content: "\ea5d"
}

.icon-tool-brush:before {
    content: "\ea5e"
}

.icon-tool-brush-a:before {
    content: "\ea5f"
}

.icon-tool-calculator:before {
    content: "\ea60"
}

.icon-tool-camera:before {
    content: "\ea61"
}

.icon-tool-camera-a:before {
    content: "\ea62"
}

.icon-tool-compass:before {
    content: "\ea63"
}

.icon-transport-car-b:before {
    content: "\ea64"
}

.icon-transport-car-c:before {
    content: "\ea65"
}

.icon-transport-ship:before {
    content: "\ea66"
}

.icon-transport-train:before {
    content: "\ea67"
}

.icon-transport-truck:before {
    content: "\ea68"
}

.icon-transport-truck-a:before {
    content: "\ea69"
}

.icon-transport-alt-bus:before {
    content: "\ea6a"
}

.icon-transport-bicycle:before {
    content: "\ea6b"
}

.icon-transport-bicycle-a:before {
    content: "\ea6c"
}

.icon-transport-boat:before {
    content: "\ea6d"
}

.icon-transport-bus:before {
    content: "\ea6e"
}

.icon-transport-bus-a:before {
    content: "\ea6f"
}

.icon-transport-car:before {
    content: "\ea70"
}

.icon-transport-car-a:before {
    content: "\ea71"
}

.icon-user-male:before {
    content: "\ea72"
}

.icon-user-male-check:before {
    content: "\ea73"
}

.icon-user-male-cross:before {
    content: "\ea74"
}

.icon-user-male-minus:before {
    content: "\ea75"
}

.icon-user-male-plus:before {
    content: "\ea76"
}

.icon-user-male-sign:before {
    content: "\ea77"
}

.icon-user-password:before {
    content: "\ea78"
}

.icon-user-password-u:before {
    content: "\ea79"
}

.icon-user-password-u-a:before {
    content: "\ea7a"
}

.icon-wuerth-customer-card-1:before {
    content: "\ea7b"
}

.icon-user-single-a:before {
    content: "\ea7c"
}

.icon-user-single-a-check:before {
    content: "\ea7d"
}

.icon-user-single-a-cross:before {
    content: "\ea7e"
}

.icon-wuerth-facebook-solid:before {
    content: "\ea7f"
}

.icon-user-single-a-list:before {
    content: "\ea80"
}

.icon-user-single-a-minus:before {
    content: "\ea81"
}

.icon-user-single-a-plus:before {
    content: "\ea82"
}

.icon-wuerth-facebook:before {
    content: "\ea83"
}

.icon-wuerth-google-plus-outline:before {
    content: "\ea84"
}

.icon-wuerth-google-plus-solid:before {
    content: "\ea85"
}

.icon-wuerth-google-plus1:before {
    content: "\ea86"
}

.icon-wuerth-grauer-riese:before {
    content: "\ea87"
}

.icon-user-alt:before {
    content: "\ea88"
}

.icon-user-alt-check:before {
    content: "\ea89"
}

.icon-user-alt-cross:before {
    content: "\ea8a"
}

.icon-user-alt-group:before {
    content: "\ea8b"
}

.icon-user-alt-list:before {
    content: "\ea8c"
}

.icon-user-alt-minus:before {
    content: "\ea8d"
}

.icon-user-alt-plus:before {
    content: "\ea8e"
}

.icon-user-contact-book:before {
    content: "\ea8f"
}

.icon-user-female:before {
    content: "\ea90"
}

.icon-user-female-cross:before {
    content: "\ea91"
}

.icon-user-female-group:before {
    content: "\ea92"
}

.icon-user-female-list:before {
    content: "\ea93"
}

.icon-user-female-minus:before {
    content: "\ea94"
}

.icon-user-female-plus:before {
    content: "\ea95"
}

.icon-music-play:before {
    content: "\ea96"
}

.icon-user-female-sign:before {
    content: "\ea97"
}

.icon-user-female-tick:before {
    content: "\ea98"
}

.icon-user-key:before {
    content: "\ea99"
}

.icon-wuerth-streckenlieferungsindikator:before {
    content: "\ea9a"
}

.icon-user-lock-u:before {
    content: "\ea9b"
}

.icon-wuerth-instagram-solid:before {
    content: "\ea9c"
}

.icon-weather-sunset-a:before {
    content: "\ea9d"
}

.icon-weather-wind:before {
    content: "\ea9e"
}

.icon-weather-wind-pressure:before {
    content: "\ea9f"
}

.icon-weather-wind-pressure-a:before {
    content: "\eaa0"
}

.icon-weather-cloud:before {
    content: "\eaa1"
}

.icon-weather-cloud-a:before {
    content: "\eaa2"
}

.icon-weather-cloud-rainy:before {
    content: "\eaa3"
}

.icon-weather-cloud-rainy-a:before {
    content: "\eaa4"
}

.icon-weather-cloud-snow:before {
    content: "\eaa5"
}

.icon-weather-cloud-snow-a:before {
    content: "\eaa6"
}

.icon-weather-cloud-stormy:before {
    content: "\eaa7"
}

.icon-weather-cloud-stormy-a:before {
    content: "\eaa8"
}

.icon-weather-cloud-sun:before {
    content: "\eaa9"
}

.icon-weather-humid:before {
    content: "\eaaa"
}

.icon-weather-moon:before {
    content: "\eaab"
}

.icon-weather-moon-a:before {
    content: "\eaac"
}

.icon-weather-moon-b:before {
    content: "\eaad"
}

.icon-weather-moon-r:before {
    content: "\eaae"
}

.icon-weather-sun-a:before {
    content: "\eaaf"
}

.icon-weather-sun-b:before {
    content: "\eab0"
}

.icon-weather-sun-r:before {
    content: "\eab1"
}

.icon-weather-sunrise:before {
    content: "\eab2"
}

.icon-web-bug:before {
    content: "\eab3"
}

.icon-web-code:before {
    content: "\eab4"
}

.icon-web-database:before {
    content: "\eab5"
}

.icon-wuerth-instagram:before {
    content: "\eab6"
}

.icon-web-graph:before {
    content: "\eab7"
}

.icon-web-inspect:before {
    content: "\eab8"
}

.icon-wuerth-a-artikel:before {
    content: "\eab9"
}

.icon-web-internet-a:before {
    content: "\eaba"
}

.icon-web-logout:before {
    content: "\eabb"
}

.icon-web-menu-collapse-down:before {
    content: "\eabc"
}

.icon-web-menu-collapse-left:before {
    content: "\eabd"
}

.icon-web-menu-collapse-right:before {
    content: "\eabe"
}

.icon-web-menu-collapse-up:before {
    content: "\eabf"
}

.icon-web-reading-list:before {
    content: "\eac0"
}

.icon-web-report:before {
    content: "\eac1"
}

.icon-web-report-a:before {
    content: "\eac2"
}

.icon-wuerth-ios-solid:before {
    content: "\eac3"
}

.icon-web-rss:before {
    content: "\eac4"
}

.icon-interface-bottom:before {
    content: "\eac5"
}

.icon-wuerth-ios:before {
    content: "\eac6"
}

.icon-interface-bottom-r:before {
    content: "\eac7"
}

.icon-web-share-a:before {
    content: "\eac8"
}

.icon-web-share-b:before {
    content: "\eac9"
}

.icon-web-statistic:before {
    content: "\eaca"
}

.icon-web-traffic:before {
    content: "\eacb"
}

.icon-web-traffic-a:before {
    content: "\eacc"
}

.icon-web-traffic-b:before {
    content: "\eacd"
}

.icon-web-traffic-c:before {
    content: "\eace"
}

.icon-wuerth-keine-verbindung-vpn:before {
    content: "\eacf"
}

.icon-web-url:before {
    content: "\ead0"
}

.icon-web-url-a:before {
    content: "\ead1"
}

.icon-web-url-b:before {
    content: "\ead2"
}

.icon-wuerth-kernsortiment:before {
    content: "\ead3"
}

.icon-web-webcam:before {
    content: "\ead4"
}

.icon-web-broken-link:before {
    content: "\ead5"
}

.icon-wuerth-kreditkarte-outline:before {
    content: "\ead6"
}

.icon-web-browser:before {
    content: "\ead7"
}

.icon-web-browser-a:before {
    content: "\ead8"
}

.icon-web-browser-b:before {
    content: "\ead9"
}

.icon-wuerth-kreditkarte-solid:before {
    content: "\eada"
}

.icon-web-browser-cross:before {
    content: "\eadb"
}

.icon-web-browser-minus:before {
    content: "\eadc"
}

.icon-web-browser-plus:before {
    content: "\eadd"
}

.icon-web-browser-tab:before {
    content: "\eade"
}

.icon-web-browser-tab-cross:before {
    content: "\eadf"
}

.icon-web-browser-tab-minus:before {
    content: "\eae0"
}

.icon-web-browser-tab-plus:before {
    content: "\eae1"
}

.icon-web-browser-tab-tick:before {
    content: "\eae2"
}

.icon-interface-cross:before {
    content: "\eae3"
}

.icon-web-browser-tick:before {
    content: "\eae4"
}

.icon-web-browser-window:before {
    content: "\eae5"
}

.icon-wuerth-kreditkarte:before {
    content: "\eae6"
}

.icon-interface-direction:before {
    content: "\eae7"
}

.icon-wuerth-offline:before {
    content: "\eae8"
}

.icon-wuerth-online:before {
    content: "\eae9"
}

.icon-logo-amazon:before {
    content: "\eaea"
}

.icon-logo-dribbble:before {
    content: "\eaeb"
}

.icon-logo-dropbox:before {
    content: "\eaec"
}

.icon-wuerth-datei-cad:before {
    content: "\eaed"
}

.icon-logo-facebook:before {
    content: "\eaee"
}

.icon-wuerth-contains:before {
    content: "\eaef"
}

.icon-logo-instagram:before {
    content: "\eaf0"
}

.icon-interface-hamburger:before {
    content: "\eaf1"
}

.icon-interface-heart:before {
    content: "\eaf2"
}

.icon-logo-linkedin:before {
    content: "\eaf3"
}

.icon-logo-musio:before {
    content: "\eaf4"
}

.icon-interface-home:before {
    content: "\eaf5"
}

.icon-wuerth-edi:before {
    content: "\eaf6"
}

.icon-logo-paypal:before {
    content: "\eaf7"
}

.icon-logo-picasa:before {
    content: "\eaf8"
}

.icon-logo-pinterest:before {
    content: "\eaf9"
}

.icon-interface-left:before {
    content: "\eafa"
}

.icon-logo-rdio:before {
    content: "\eafb"
}

.icon-logo-squarespace:before {
    content: "\eafc"
}

.icon-interface-left-r:before {
    content: "\eafd"
}

.icon-logo-squareup:before {
    content: "\eafe"
}

.icon-logo-twitter:before {
    content: "\eaff"
}

.icon-misc-one-click:before {
    content: "\eb00"
}

.icon-interface-logout-a:before {
    content: "\eb01"
}

.icon-misc-pointer:before {
    content: "\eb02"
}

.icon-misc-pointer-swipe-l:before {
    content: "\eb03"
}

.icon-misc-pointer-swipe-r:before {
    content: "\eb04"
}

.icon-misc-puzzle:before {
    content: "\eb05"
}

.icon-misc-wifi:before {
    content: "\eb06"
}

.icon-misc-crown:before {
    content: "\eb07"
}

.icon-interface-places:before {
    content: "\eb08"
}

.icon-misc-cube:before {
    content: "\eb09"
}

.icon-interface-plus:before {
    content: "\eb0a"
}

.icon-misc-dice-five:before {
    content: "\eb0b"
}

.icon-interface-power:before {
    content: "\eb0c"
}

.icon-misc-dice-four:before {
    content: "\eb0d"
}

.icon-misc-dice-one:before {
    content: "\eb0e"
}

.icon-misc-dice-six:before {
    content: "\eb0f"
}

.icon-misc-dice-three:before {
    content: "\eb10"
}

.icon-misc-dice-two:before {
    content: "\eb11"
}

.icon-misc-double-click:before {
    content: "\eb12"
}

.icon-misc-female-gender:before {
    content: "\eb13"
}

.icon-interface-right:before {
    content: "\eb14"
}

.icon-misc-globe:before {
    content: "\eb15"
}

.icon-interface-right-r:before {
    content: "\eb16"
}

.icon-misc-male-gender:before {
    content: "\eb17"
}

.icon-misc-mood-happy:before {
    content: "\eb18"
}

.icon-misc-mood-sad:before {
    content: "\eb19"
}

.icon-music-mic:before {
    content: "\eb1a"
}

.icon-music-mic-a:before {
    content: "\eb1b"
}

.icon-music-next:before {
    content: "\eb1c"
}

.icon-music-next-l:before {
    content: "\eb1d"
}

.icon-music-pause:before {
    content: "\eb1e"
}

.icon-wuerth-customer-card-2:before {
    content: "\eb1f"
}

.icon-music-pause-a:before {
    content: "\eb20"
}

.icon-music-pause-b:before {
    content: "\eb21"
}

.icon-wuerth-paypal-solid:before {
    content: "\eb22"
}

.icon-interface-tick:before {
    content: "\eb23"
}

.icon-interface-top:before {
    content: "\eb24"
}

.icon-music-playlist:before {
    content: "\eb25"
}

.icon-interface-top-r:before {
    content: "\eb26"
}

.icon-interface-undo:before {
    content: "\eb27"
}

.icon-interface-uploading:before {
    content: "\eb28"
}

.icon-music-previous:before {
    content: "\eb29"
}

.icon-music-previous-l:before {
    content: "\eb2a"
}

.icon-music-previous-l-a:before {
    content: "\eb2b"
}

.icon-music-radio:before {
    content: "\eb2c"
}

.icon-music-record:before {
    content: "\eb2d"
}

.icon-music-record-a:before {
    content: "\eb2e"
}

.icon-music-repeat:before {
    content: "\eb2f"
}

.icon-music-repeat-a:before {
    content: "\eb30"
}

.icon-music-repeat-one:before {
    content: "\eb31"
}

.icon-music-repeat-one-a:before {
    content: "\eb32"
}

.icon-music-shuffle:before {
    content: "\eb33"
}

.icon-music-shuffle-a:before {
    content: "\eb34"
}

.icon-music-song-note:before {
    content: "\eb35"
}

.icon-music-song-note-a:before {
    content: "\eb36"
}

.icon-music-speaker:before {
    content: "\eb37"
}

.icon-music-speaker-a:before {
    content: "\eb38"
}

.icon-music-stop:before {
    content: "\eb39"
}

.icon-music-stop-a:before {
    content: "\eb3a"
}

.icon-volume-high:before {
    content: "\eb3b"
}

.icon-volume-high-a:before {
    content: "\eb3c"
}

.icon-volume-low:before {
    content: "\eb3d"
}

.icon-volume-low-a:before {
    content: "\eb3e"
}

.icon-volume-medium:before {
    content: "\eb3f"
}

.icon-volume-medium-a:before {
    content: "\eb40"
}

.icon-volume-mute:before {
    content: "\eb41"
}

.icon-volume-mute-a:before {
    content: "\eb42"
}

.icon-music-album:before {
    content: "\eb43"
}

.icon-music-album-a:before {
    content: "\eb44"
}

.icon-interface-arrow-bottom:before {
    content: "\eb45"
}

.icon-music-album-b:before {
    content: "\eb46"
}

.icon-interface-arrow-left:before {
    content: "\eb47"
}

.icon-music-album-c:before {
    content: "\eb48"
}

.icon-music-album-cd:before {
    content: "\eb49"
}

.icon-music-cd:before {
    content: "\eb4a"
}

.icon-interface-arrow-right:before {
    content: "\eb4b"
}

.icon-music-eject:before {
    content: "\eb4c"
}

.icon-music-eq:before {
    content: "\eb4d"
}

.icon-music-eq-a:before {
    content: "\eb4e"
}

.icon-interface-arrow-top:before {
    content: "\eb4f"
}

.icon-music-group-note:before {
    content: "\eb50"
}

.icon-music-group-note-a:before {
    content: "\eb51"
}

.icon-music-headphone:before {
    content: "\eb52"
}

.icon-music-headphone-a:before {
    content: "\eb53"
}

.icon-music-list:before {
    content: "\eb54"
}

.icon-interface-backspace:before {
    content: "\eb55"
}

.icon-interface-backspace-a:before {
    content: "\eb56"
}

.icon-interface-bell:before {
    content: "\eb57"
}

.icon-interface-bell-a:before {
    content: "\eb58"
}

.icon-interface-block:before {
    content: "\eb59"
}

.icon-wuerth-paypal:before {
    content: "\eb5a"
}

.icon-interface-bottom-k:before {
    content: "\eb5b"
}

.icon-wuerth-pinterest-outline:before {
    content: "\eb5c"
}

.icon-interface-box-bottom:before {
    content: "\eb5d"
}

.icon-interface-box-bottom-a:before {
    content: "\eb5e"
}

.icon-interface-box-cross:before {
    content: "\eb5f"
}

.icon-interface-box-left:before {
    content: "\eb60"
}

.icon-interface-box-left-a:before {
    content: "\eb61"
}

.icon-interface-box-minus:before {
    content: "\eb62"
}

.icon-interface-box-plus:before {
    content: "\eb63"
}

.icon-interface-box-right:before {
    content: "\eb64"
}

.icon-interface-box-right-a:before {
    content: "\eb65"
}

.icon-interface-box-tick:before {
    content: "\eb66"
}

.icon-interface-box-top:before {
    content: "\eb67"
}

.icon-interface-box-top-a:before {
    content: "\eb68"
}

.icon-interface-bulleye:before {
    content: "\eb69"
}

.icon-interface-calendar:before {
    content: "\eb6a"
}

.icon-interface-circle:before {
    content: "\eb6b"
}

.icon-interface-circle-cross:before {
    content: "\eb6c"
}

.icon-interface-circle-minus:before {
    content: "\eb6d"
}

.icon-interface-circle-plus:before {
    content: "\eb6e"
}

.icon-interface-circle-tick:before {
    content: "\eb6f"
}

.icon-interface-circle-tick-a:before {
    content: "\eb70"
}

.icon-interface-clock:before {
    content: "\eb71"
}

.icon-interface-clock-a:before {
    content: "\eb72"
}

.icon-interface-clock-b:before {
    content: "\eb73"
}

.icon-interface-cloud-download:before {
    content: "\eb74"
}

.icon-interface-cloud-upload:before {
    content: "\eb75"
}

.icon-wuerth-pinterest:before {
    content: "\eb76"
}

.icon-interface-crop:before {
    content: "\eb77"
}

.icon-wuerth-preisstufe-7:before {
    content: "\eb78"
}

.icon-interface-dashboard:before {
    content: "\eb79"
}

.icon-wuerth-randsortiment:before {
    content: "\eb7a"
}

.icon-interface-downloading:before {
    content: "\eb7b"
}

.icon-interface-enlarge:before {
    content: "\eb7c"
}

.icon-interface-enlarge-a:before {
    content: "\eb7d"
}

.icon-interface-enlarge-c:before {
    content: "\eb7e"
}

.icon-interface-expand:before {
    content: "\eb7f"
}

.icon-interface-forward:before {
    content: "\eb80"
}

.icon-interface-fullscreen:before {
    content: "\eb81"
}

.icon-interface-fullscreen-a:before {
    content: "\eb82"
}

.icon-interface-fullscreen-wide:before {
    content: "\eb83"
}

.icon-wuerth-rechnung-outline:before {
    content: "\eb84"
}

.icon-wuerth-rechnung-solid:before {
    content: "\eb85"
}

.icon-interface-help:before {
    content: "\eb86"
}

.icon-interface-help-a:before {
    content: "\eb87"
}

.icon-wuerth-rechnung:before {
    content: "\eb88"
}

.icon-interface-home-a:before {
    content: "\eb89"
}

.icon-interface-horizontal:before {
    content: "\eb8a"
}

.icon-interface-in-link:before {
    content: "\eb8b"
}

.icon-wuerth-s24:before {
    content: "\eb8c"
}

.icon-interface-left-b-k:before {
    content: "\eb8d"
}

.icon-interface-left-k:before {
    content: "\eb8e"
}

.icon-wuerth-sicherheitsdatenblaetter:before {
    content: "\eb8f"
}

.icon-interface-left-t-k:before {
    content: "\eb90"
}

.icon-wuerth-sortierte-abnahme:before {
    content: "\eb91"
}

.icon-interface-login:before {
    content: "\eb92"
}

.icon-wuerth-facebook-outline:before {
    content: "\eb93"
}

.icon-interface-minimize:before {
    content: "\eb94"
}

.icon-interface-minus:before {
    content: "\eb95"
}

.icon-interface-more:before {
    content: "\eb96"
}

.icon-interface-number:before {
    content: "\eb97"
}

.icon-interface-out-link:before {
    content: "\eb98"
}

.icon-interface-pixel:before {
    content: "\eb99"
}

.icon-wuerth-twitter-outline:before {
    content: "\eb9a"
}

.icon-interface-places-a:before {
    content: "\eb9b"
}

.icon-wuerth-twitter-solid:before {
    content: "\eb9c"
}

.icon-interface-popup:before {
    content: "\eb9d"
}

.icon-wuerth-twitter:before {
    content: "\eb9e"
}

.icon-interface-refresh:before {
    content: "\eb9f"
}

.icon-interface-repeating:before {
    content: "\eba0"
}

.icon-interface-reply:before {
    content: "\eba1"
}

.icon-interface-resize-full:before {
    content: "\eba2"
}

.icon-interface-resize-full-a:before {
    content: "\eba3"
}

.icon-interface-resize-normal:before {
    content: "\eba4"
}

.icon-interface-reverse:before {
    content: "\eba5"
}

.icon-wuerth-verbindung-vpn:before {
    content: "\eba6"
}

.icon-interface-right-k:before {
    content: "\eba7"
}

.icon-wuerth-verfuegbarkeit:before {
    content: "\eba8"
}

.icon-interface-right-b-k:before {
    content: "\eba9"
}

.icon-interface-right-t-k:before {
    content: "\ebaa"
}

.icon-interface-search:before {
    content: "\ebab"
}

.icon-interface-search-cross:before {
    content: "\ebac"
}

.icon-interface-search-minus:before {
    content: "\ebad"
}

.icon-interface-search-plus:before {
    content: "\ebae"
}

.icon-interface-search-tick:before {
    content: "\ebaf"
}

.icon-interface-sidebar-hamburger:before {
    content: "\ebb0"
}

.icon-interface-star:before {
    content: "\ebb1"
}

.icon-interface-star-a:before {
    content: "\ebb2"
}

.icon-interface-target:before {
    content: "\ebb3"
}

.icon-interface-thumbnail:before {
    content: "\ebb4"
}

.icon-wuerth-windows-outline:before {
    content: "\ebb5"
}

.icon-wuerth-windows-solid:before {
    content: "\ebb6"
}

.icon-interface-top-k:before {
    content: "\ebb7"
}

.icon-wuerth-windows:before {
    content: "\ebb8"
}

.icon-wuerth-xing-outline:before {
    content: "\ebb9"
}

.icon-wuerth-xing-solid:before {
    content: "\ebba"
}

.icon-interface-vertical:before {
    content: "\ebbb"
}

.icon-interface-view:before {
    content: "\ebbc"
}

.icon-interface-warning:before {
    content: "\ebbd"
}

.icon-interface-window:before {
    content: "\ebbe"
}

.icon-layout-footer:before {
    content: "\ebbf"
}

.icon-layout-grid:before {
    content: "\ebc0"
}

.icon-layout-half:before {
    content: "\ebc1"
}

.icon-layout-header:before {
    content: "\ebc2"
}

.icon-layout-sidebar-l:before {
    content: "\ebc3"
}

.icon-layout-sidebar-l-a:before {
    content: "\ebc4"
}

.icon-layout-sidebar-l-half:before {
    content: "\ebc5"
}

.icon-layout-sidebar-l-half-a:before {
    content: "\ebc6"
}

.icon-layout-sidebar-r:before {
    content: "\ebc7"
}

.icon-layout-sidebar-r-a:before {
    content: "\ebc8"
}

.icon-layout-sidebar-r-half:before {
    content: "\ebc9"
}

.icon-layout-sidebar-r-half-a:before {
    content: "\ebca"
}

.icon-layout-third-h:before {
    content: "\ebcb"
}

.icon-layout-third-v:before {
    content: "\ebcc"
}

.icon-layout-wireframe:before {
    content: "\ebcd"
}

.icon-layout-wireframe-a:before {
    content: "\ebce"
}

.icon-interface-alt-cross:before {
    content: "\ebcf"
}

.icon-interface-alt-fullscreen:before {
    content: "\ebd0"
}

.icon-interface-alt-minus:before {
    content: "\ebd1"
}

.icon-interface-alt-plus:before {
    content: "\ebd2"
}

.icon-interface-alt-tick:before {
    content: "\ebd3"
}

.icon-interface-alt-widescreen:before {
    content: "\ebd4"
}

.icon-interface-arrow-all:before {
    content: "\ebd5"
}

.icon-wuerth-xing:before {
    content: "\ebd6"
}

.icon-interface-arrow-bottom-circle:before {
    content: "\ebd7"
}

.icon-wuerth-android-solid:before {
    content: "\ebd8"
}

.icon-interface-arrow-left-b:before {
    content: "\ebd9"
}

.icon-interface-arrow-left-circle:before {
    content: "\ebda"
}

.icon-interface-arrow-left-t:before {
    content: "\ebdb"
}

.icon-wuerth-youtube-solid:before {
    content: "\ebdc"
}

.icon-interface-arrow-right-b:before {
    content: "\ebdd"
}

.icon-interface-arrow-right-circle:before {
    content: "\ebde"
}

.icon-interface-arrow-right-t:before {
    content: "\ebdf"
}

.icon-wuerth-youtube:before {
    content: "\ebe0"
}

.icon-interface-arrow-top-circle:before {
    content: "\ebe1"
}

.icon-wuerth-equal:before {
    content: "\ebe2"
}

.icon-interface-horizontal-a-1:before {
    content: "\ebe3"
}

.icon-interface-vertical-a-1:before {
    content: "\ebe4"
}

.icon-interface-diag:before {
    content: "\ebe5"
}

.icon-interface-diag-a:before {
    content: "\ebe6"
}

.icon-wuerth-speiseplan_app:before {
    content: "\ebe7"
}

.icon-wuerth-orsyfleet-diebstahl-melden:before {
    content: "\ebe8"
}

.icon-wuerth-orsyfleet-historie:before {
    content: "\ebe9"
}

.icon-wuerth-orsyfleet-kostenstellenauswertung:before {
    content: "\ebea"
}

.icon-wuerth-orsyfleet-lokalisieren:before {
    content: "\ebeb"
}

.icon-wuerth-orsyfleet-nicht-einsatzbereit:before {
    content: "\ebec"
}

.icon-wuerth-orsyfleet-reparatur:before {
    content: "\ebed"
}

.icon-wuerth-user:before {
    content: "\ebee"
}

.icon-wuerth-greater:before {
    content: "\ebef"
}

.icon-wuerth-auftragshistorie:before {
    content: "\ebf0"
}

.icon-wuerth-stammkunde:before {
    content: "\ebf1"
}

.icon-wuerth-topkunde:before {
    content: "\ebf2"
}

.icon-wuerth-rfid:before {
    content: "\ebf3"
}

.icon-wuerth-qr-code:before {
    content: "\ebf4"
}

.icon-wuerth-quantity-scale:before {
    content: "\ebf5"
}

.icon-cyid67:before {
    content: "\ebf6"
}

.icon-wuerth-sonderangebote:before {
    content: "\ebf7"
}

.icon-interface-search-list:before {
    content: "\ebf8"
}

.icon-wuerth-kein-bedarf:before {
    content: "\ebf9"
}

.icon-wuerth-nicht-angetroffen:before {
    content: "\ebfa"
}

.icon-wuerth-nicht-besucht:before {
    content: "\ebfb"
}

.icon-wuerth-rueckmeldung-hinzufuegen:before {
    content: "\ebfc"
}

.icon-wuerth-termin-verschoben:before {
    content: "\ebfd"
}

.icon-wuerth-greater-equal:before {
    content: "\ebfe"
}

.icon-wuerth-include:before {
    content: "\ebff"
}

.icon-wuerth-less:before {
    content: "\ec00"
}

.icon-wuerth-less-equal:before {
    content: "\ec01"
}

.icon-wuerth-not-equal:before {
    content: "\ec02"
}

.icon-wuerth-orsy-cart:before {
    content: "\ec03"
}

.icon-wuerth-orsy-label:before {
    content: "\ec04"
}

.icon-wuerth-contains-not:before {
    content: "\ec05"
}

.icon-wuerth-ends-with:before {
    content: "\ec06"
}

.icon-wuerth-starts-with:before {
    content: "\ec07"
}

.icon-wuerth-lieferung:before {
    content: "\ec08"
}

.icon-wuerth-linkedin:before {
    content: "\ec09"
}

.icon-wuerth-linkedin-outline:before {
    content: "\ec0a"
}

.icon-wuerth-linkedin-solid:before {
    content: "\ec0b"
}

.icon-wuerth-niederlassung:before {
    content: "\ec0c"
}

.icon-wuerth-user-change:before {
    content: "\ec0d"
}

.icon-wuerth-verkaeufer:before {
    content: "\ec0e"
}

.icon-wuerth-eye:before {
    content: "\ec0f"
}

.icon-wuerth-eye-outline:before {
    content: "\ec10"
}

.icon-wuerth-eye-slash:before {
    content: "\ec11"
}

.icon-wuerth-click-collect:before {
    content: "\ec12"
}

.icon-wuerth-paketstation:before {
    content: "\ec13"
}

.icon-wuerth-s24-a:before {
    content: "\ec14"
}

.icon-wuerth-sofort-service:before {
    content: "\ec15"
}

.icon-wuerth-nicht-praemienrelevant:before {
    content: "\ec16"
}

.icon-interface-circle-cross-a:before {
    content: "\ec17"
}

.icon-interface-circle-cross-solid:before {
    content: "\ec18"
}

.icon-wuerth-disable-notifications:before {
    content: "\ec19"
}

.icon-interface-circle-tick-solid:before {
    content: "\ec1a"
}

.icon-wuerth-geplante-zustellung:before {
    content: "\ec1b"
}

.icon-wuerth-tiktok:before {
    content: "\ec1c"
}

.icon-wuerth-tiktok-outline:before {
    content: "\ec1d"
}

.icon-wuerth-tiktok-solid:before {
    content: "\ec1e"
}

.icon-wuerth-commitment:before {
    content: "\ec1f"
}

.icon-wuerth-planer-und-konfiguratoren:before {
    content: "\ec20"
}

.icon-wuerth-rund-ums-produkt:before {
    content: "\ec21"
}

.icon-wuerth-podcast:before {
    content: "\ec22"
}

.icon-wuerth-keyboard:before {
    content: "\ec23"
}

.icon-wuerth-kostenstelle:before {
    content: "\ec24"
}

.icon-wuerth-return:before {
    content: "\ec25"
}

.icon-wuerth-zustellinfo-nicht-vorhanden:before {
    content: "\ec26"
}

.icon-wuerth-360img:before {
    content: "\ec27"
}

.icon-wuerth-swipe-pointer:before {
    content: "\ec28"
}

.icon-wuerth-call-cancel:before {
    content: "\ec29"
}

.icon-wuerth-call-outgoing:before {
    content: "\ec2a"
}

.icon-wuerth-cart-approval:before {
    content: "\ec2b"
}

.icon-wuerth-cart-export:before {
    content: "\ec2c"
}

.icon-wuerth-cart-import:before {
    content: "\ec2d"
}

.icon-wuerth-customer-l:before {
    content: "\ec2e"
}

.icon-wuerth-customer-m:before {
    content: "\ec2f"
}

.icon-wuerth-customer-s:before {
    content: "\ec30"
}

.icon-wuerth-edit:before {
    content: "\ec31"
}

.icon-wuerth-sort:before {
    content: "\ec32"
}

.icon-wuerth-transfer:before {
    content: "\ec33"
}

.icon-wuerth-weibo-outline:before {
    content: "\ec34"
}

.icon-wuerth-weibo-solid:before {
    content: "\ec35"
}

.icon-wuerth-weibo:before {
    content: "\ec36"
}

.icon-wuerth-kununu-outline:before {
    content: "\ec37"
}

.icon-wuerth-kununu-solid:before {
    content: "\ec38"
}

.icon-wuerth-kununu:before {
    content: "\ec39"
}

.icon-wuerth-pico-a:before {
    content: "\ec3a"
}

.icon-wuerth-pico-b:before {
    content: "\ec3b"
}

.icon-wuerth-ausrufezeichen-solid:before {
    content: "\ec3c"
}

.icon-wuerth-datei-step:before {
    content: "\ec3d"
}

.icon-wuerth-information-solid:before {
    content: "\ec3e"
}

.icon-wuerth-logo-step:before {
    content: "\ec3f"
}

.icon-web-warning-solid:before {
    content: "\ec40"
}

.icon-wuerth-bulb:before {
    content: "\ec41"
}

.icon-wuerth-NOW:before {
    content: "\ec42"
}

.icon-wuerth-orsy-rfid-kanban:before {
    content: "\ec43"
}

.icon-wuerth-psa:before {
    content: "\ec44"
}

.icon-wuerth-special-date:before {
    content: "\ec45"
}

.icon-cyid82:before {
    content: "\ec91"
}

.icon-wuerth-android-outline:before {
    content: "\ed93"
}

.icon-wuerth-android:before {
    content: "\ee23"
}

.icon-battery-0:before {
    content: "\ee24"
}

.icon-battery-100:before {
    content: "\ee25"
}

.icon-battery-25:before {
    content: "\ee26"
}

.icon-battery-50:before {
    content: "\ee27"
}

.icon-battery-75:before {
    content: "\ee28"
}

.icon-battery-load:before {
    content: "\ee29"
}

.icon-clipboard-check:before {
    content: "\ee2a"
}

.icon-interface-calendar-minus:before {
    content: "\ee2b"
}

.icon-interface-calendar-plus:before {
    content: "\ee2c"
}

.icon-interface-incident:before {
    content: "\ee2d"
}

.icon-interface-list:before {
    content: "\ee2e"
}

.icon-interface-sleep:before {
    content: "\ee2f"
}

.icon-interface-wifi-circle-solid:before {
    content: "\ee30"
}

.icon-interface-wifi-cross:before {
    content: "\ee31"
}

.icon-interface-wifi:before {
    content: "\ee32"
}

.icon-shield-clock:before {
    content: "\ee36"
}

.icon-thumbs-down:before {
    content: "\ee37"
}

.icon-thumbs-up:before {
    content: "\ee38"
}

.icon-wuerth-orsyconnect:before {
    content: "\ee39"
}

.icon-ecommerce-barcode-plus:before {
    content: "\ee3a"
}

.icon-interface-pointer-drag:before {
    content: "\ee3b"
}

.icon-misc-dices:before {
    content: "\ee3c"
}

.icon-music-notes:before {
    content: "\ee3d"
}

.icon-sport-challenges:before {
    content: "\ee3e"
}

.icon-sport-soccer:before {
    content: "\ee3f"
}

.icon-transport-van:before {
    content: "\ee40"
}

.icon-weather-snowflake:before {
    content: "\ee41"
}

.icon-wuerth-app:before {
    content: "\ee42"
}

.icon-wuerth-bauloc:before {
    content: "\ee43"
}

.icon-wuerth-care:before {
    content: "\ee44"
}

.icon-wuerth-hello-circle:before {
    content: "\ee45"
}

.icon-wuerth-opportunity:before {
    content: "\ee46"
}

.icon-wuerth-party:before {
    content: "\ee47"
}

.icon-ecommerce-pack-check:before {
    content: "\ee48"
}

.icon-ecommerce-pack-cross:before {
    content: "\ee49"
}

.icon-wuerth-x-outline:before {
    content: "\ee4b"
}

.icon-wuerth-x-solid:before {
    content: "\ee4c"
}

.icon-wuerth-x:before {
    content: "\ee4d"
}

h3.heading-alt, h4.heading-alt, .h3-style.heading-alt, .h4-style.heading-alt, .h5-style.heading-alt, .h6-style.heading-alt {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

dl dt {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    font-size: 1.5rem
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-headline, #headerSearch ul.ui-autocomplete .ui-autocomplete-text, .search-mobile ul.ui-autocomplete .ui-autocomplete-headline, .search-mobile ul.ui-autocomplete .ui-autocomplete-text {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    font-size: 1.7rem
}

.header-new .header-user-mobile #headerUserLayerAnnymousLoginForm .nav-tabs li.nav-item {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

    .header-new .header-user-mobile #headerUserLayerAnnymousLoginForm .nav-tabs li.nav-item a.nav-link, .header-new .header-user-mobile #headerUserLayerAnnymousLoginForm .nav-tabs li.nav-item button.nav-link {
        font-size: 1.3rem;
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: normal
    }

.header-new .dropdown.show.header-user-logged-out #loginTabs .nav-item .nav-link {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.header-new #megaDropdown.booNavigation li.navItem .navContent {
    border-radius: .4rem
}

.header-new .input-header-search {
    border-radius: .4rem
}

.header-user-content .nav-tabs .nav-link.active::after {
    width: 100%
}

.btn {
    border-radius: .4rem;
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-transform: none;
    font-size: 1.5rem;
    line-height: 1;
    padding: 1.3rem 1.2rem 1.2rem 1.2rem
}

    .btn.btn-sm, .btn-group-sm > .btn {
        font-size: 1.3rem;
        height: 3.2rem;
        line-height: 1;
        padding: 1rem 1.2rem .9rem 1.2rem
    }

        .btn.btn-sm.btn-icon-l i, .btn-group-sm > .btn.btn-icon-l i, .btn.btn-sm.btn-icon-l i.icon-lg, .btn.btn-sm.btn-icon-r i, .btn-group-sm > .btn.btn-icon-r i, .btn.btn-sm.btn-icon-r i.icon-lg, .btn.btn-sm.btn-icon-only i, .btn-group-sm > .btn.btn-icon-only i, .btn.btn-sm.btn-icon-only i.icon-lg {
            top: .7rem;
            font-size: 1.6rem
        }

        .btn.btn-sm.btn-icon-l, .btn-group-sm > .btn.btn-icon-l {
            padding-left: 3.6rem
        }

        .btn.btn-sm.btn-icon-r, .btn-group-sm > .btn.btn-icon-r {
            padding-right: 3.6rem
        }

    .btn.btn-lg, .btn-group-lg > .btn {
        line-height: 1;
        padding: 1.6rem 1.2rem 1.4rem 1.2rem;
        font-size: 1.8rem
    }

        .btn.btn-lg.btn-icon-only, .btn-group-lg > .btn.btn-icon-only {
            padding: 1rem 1.2rem 1rem 1.2rem
        }

            .btn.btn-lg.btn-icon-only i, .btn-group-lg > .btn.btn-icon-only i {
                font-size: 2rem
            }

            .btn.btn-lg.btn-icon-only .badge i, .btn-group-lg > .btn.btn-icon-only .badge i {
                font-size: 1rem
            }

    .btn.btn-code {
        padding: 0
    }

        .btn.btn-code code {
            line-height: 1.5
        }

    .btn.btn-filter {
        font-size: 1.7rem;
        padding: 1.2rem 1.2rem 1.1rem 1.2rem
    }

        .btn.btn-filter.btn-sm, .btn-group-sm > .btn.btn-filter {
            padding: .9rem 1.2rem .7rem 1.2rem
        }

        .btn.btn-filter.btn-icon-l {
            padding-left: 3.6rem
        }

    .btn[class*=btn-outline-] {
        padding: 1.2rem 1.1rem 1.1rem 1.1rem
    }

        .btn[class*=btn-outline-].btn-sm, .btn-group-sm > .btn[class*=btn-outline-] {
            padding: .5rem 1.1rem .5rem 1.1rem
        }

            .btn[class*=btn-outline-].btn-sm.btn-icon-l, .btn-group-sm > .btn[class*=btn-outline-].btn-icon-l {
                padding-left: 3.5rem
            }

            .btn[class*=btn-outline-].btn-sm.btn-icon-r, .btn-group-sm > .btn[class*=btn-outline-].btn-icon-r {
                padding-right: 3.5rem
            }

        .btn[class*=btn-outline-].btn-lg, .btn-group-lg > .btn[class*=btn-outline-] {
            padding: 1.3rem 1.2rem
        }

            .btn[class*=btn-outline-].btn-lg.btn-icon-only, .btn-group-lg > .btn[class*=btn-outline-].btn-icon-only {
                padding: .9rem 1.1rem .9rem 1.1rem
            }

    .btn.dropdown-toggle {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-size: 1.7rem;
        padding: 1.3rem 2.8rem 1rem 1.2rem;
        line-height: 1
    }

        .btn.dropdown-toggle.input-border {
            padding-top: 1.1rem !important;
            padding-bottom: 1rem !important
        }

        .btn.dropdown-toggle.btn-sm, .btn-group-sm > .btn.dropdown-toggle, .btn.dropdown-toggle.dropdown-sm-font.dropdown-sm {
            font-size: 1.5rem;
            padding: .9rem 2.8rem .8rem 1.2rem
        }

            .btn.dropdown-toggle.btn-sm.input-border, .btn-group-sm > .btn.dropdown-toggle.input-border, .btn.dropdown-toggle.dropdown-sm-font.dropdown-sm.input-border {
                padding-top: .8rem !important;
                padding-bottom: .7rem !important
            }

        .btn.dropdown-toggle.dropdown-sm-font {
            font-size: 1.7rem
        }

    .btn.btn-scroll-top {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.dropdown .dropdown-menu .dropdown-item.btn-apply {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    text-transform: none
}

.custom-select-sm {
    height: 3.2rem
}

select.custom-select.errorInput + .custom-combobox .custom-combobox-input {
    border: .1rem solid #90112c
}

.custom-select optgroup {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

    .custom-select optgroup option {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
    }

.custom-file-label::before {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    text-transform: none
}

.marketingSection li.level1, .marketingSection p.level1, .marketingSection span.level1 {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.marketingSection span.marketingSectionTitle {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.marketingSection .AT_PictureHeadline {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.table-text tr.headline td {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.table-text tr.head {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.table.table-hover, table.table-hover {
    position: relative;
    width: calc( 100% - 0.8rem );
    left: .4rem
}

    .table.table-hover tr:not(.hidden-row):hover td:first-of-type::before, .table.table-hover tr:not(.hidden-row):hover td:last-of-type::after, .table.table-hover tr:not(.hidden-row):hover td.orders-actions::after, table.table-hover tr:not(.hidden-row):hover td:first-of-type::before, table.table-hover tr:not(.hidden-row):hover td:last-of-type::after, table.table-hover tr:not(.hidden-row):hover td.orders-actions::after {
        background-color: #dedede
    }

    .table.table-hover tr:not(.hidden-row) td:first-of-type, table.table-hover tr:not(.hidden-row) td:first-of-type {
        padding: 1.2rem .8rem 1.2rem .4rem;
        position: relative
    }

        .table.table-hover tr:not(.hidden-row) td:first-of-type::before, table.table-hover tr:not(.hidden-row) td:first-of-type::before {
            content: "";
            width: .8rem;
            position: absolute;
            background-color: #ededed;
            height: 100%;
            left: -0.4rem;
            top: 0;
            border-radius: .4rem
        }

    .table.table-hover tr:not(.hidden-row) td:last-of-type, table.table-hover tr:not(.hidden-row) td:last-of-type {
        padding: 1.2rem .4rem 1.2rem .8rem;
        position: relative
    }

        .table.table-hover tr:not(.hidden-row) td:last-of-type::after, table.table-hover tr:not(.hidden-row) td:last-of-type::after {
            content: "";
            width: .8rem;
            position: absolute;
            background-color: #ededed;
            height: 100%;
            right: -0.4rem;
            top: 0;
            border-radius: .4rem
        }

@media(max-width: 991.98px) {
    .table.table-hover tr:not(.hidden-row) td.orders-actions::after, table.table-hover tr:not(.hidden-row) td.orders-actions::after {
        content: "";
        width: .8rem;
        position: absolute;
        background-color: #ededed;
        height: 100%;
        right: -0.4rem;
        top: 0;
        border-radius: .4rem
    }
}

.table.table-hover.table-orders .orders-toggle i, table.table-hover.table-orders .orders-toggle i {
    right: .8rem
}

.table.table-hover .tech_table tr td, table.table-hover .tech_table tr td {
    border-top: none
}

.table.table-hover .tech_table tr:hover, table.table-hover .tech_table tr:hover {
    background-color: #fff;
    cursor: default
}

@media(max-width: 991.98px) {
    .table.table-hover .tech_table tr td:first-of-type, table.table-hover .tech_table tr td:first-of-type {
        display: table-row
    }
}

.table.table-hover .tech_table tr td:first-of-type::before, table.table-hover .tech_table tr td:first-of-type::before {
    display: none
}

@media(max-width: 991.98px) {
    .table.table-hover .tech_table tr td:last-of-type, table.table-hover .tech_table tr td:last-of-type {
        display: table-row
    }
}

.table.table-hover .tech_table tr td:last-of-type::after, table.table-hover .tech_table tr td:last-of-type::after {
    display: none
}

.table.table-text tr.headline, table.table-text tr.headline {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    font-size: 1.5rem
}

.table.table-text tr.footer, table.table-text tr.footer {
    font-size: 1.3rem
}

.table th, table th {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.light-table .table.table-hover tr:not(.hidden-row) td:first-of-type, .light-table table.table-hover tr:not(.hidden-row) td:first-of-type {
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem
}

    .light-table .table.table-hover tr:not(.hidden-row) td:first-of-type::before, .light-table table.table-hover tr:not(.hidden-row) td:first-of-type::before {
        background: none
    }

.light-table .table.table-hover tr:not(.hidden-row) td:last-of-type, .light-table table.table-hover tr:not(.hidden-row) td:last-of-type {
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem
}

    .light-table .table.table-hover tr:not(.hidden-row) td:last-of-type::after, .light-table table.table-hover tr:not(.hidden-row) td:last-of-type::after {
        background: none
    }

.tech_table tr td:first-child p {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

div.product_details .modeldetailproduct_info_right_information .tech_table, div.product_details .modeldetailproduct_technicalinfo_right_information .tech_table, tr.product_details .modeldetailproduct_info_right_information .tech_table, tr.product_details .modeldetailproduct_technicalinfo_right_information .tech_table {
    font-size: 1.5rem !important
}

    div.product_details .modeldetailproduct_info_right_information .tech_table .table-productAttributes, div.product_details .modeldetailproduct_technicalinfo_right_information .tech_table .table-productAttributes, tr.product_details .modeldetailproduct_info_right_information .tech_table .table-productAttributes, tr.product_details .modeldetailproduct_technicalinfo_right_information .tech_table .table-productAttributes {
        font-size: 1.5rem !important
    }

.div-table-tr .div-tr-border {
    border-radius: .4rem
}

.productDetailLinkedProductsTab {
    font-size: 1.7rem !important
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-headline, #headerSearch ul.ui-autocomplete .ui-autocomplete-text, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-headline, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-text, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-headline, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-headline, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-text, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-headline, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-text, .search-mobile ul.ui-autocomplete .ui-autocomplete-headline, .search-mobile ul.ui-autocomplete .ui-autocomplete-text {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.description, #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label, #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.value, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.value, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.value, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.value, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.value, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.value, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.value {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    line-height: 1
}

    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch ul.ui-autocomplete .ui-autocomplete-item a, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a {
        line-height: 1
    }

        #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label {
            width: 53%
        }

@media(min-width: 992px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label {
        width: 56%
    }
}

@media(min-width: 1200px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label {
        width: 66%
    }
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.description {
    width: 86%
}

@media(min-width: 992px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.description {
        width: 87%
    }
}

@media(min-width: 1200px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.description {
        width: 90%
    }
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly {
    width: 76%
}

@media(min-width: 992px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly {
        width: 75%
    }
}

@media(min-width: 1200px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly {
        width: 82%
    }
}

.side-nav li a, .side-nav li button {
    line-height: 1.2;
    padding: 1.2rem 2.8rem .9rem 3.8rem
}

    .side-nav li a.list-head, .side-nav li button.list-head {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: normal;
        border-radius: .4rem
    }

    .side-nav li a.active, .side-nav li button.active {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: normal
    }

    .side-nav li a:not(.accordion-toggle) i:first-of-type, .side-nav li button:not(.accordion-toggle) i:first-of-type {
        margin-top: 0
    }

    .side-nav li a:not(.accordion-toggle) i:last-of-type, .side-nav li button:not(.accordion-toggle) i:last-of-type {
        margin-top: .3rem
    }

    .side-nav li a.accordion-toggle i:first-of-type, .side-nav li button.accordion-toggle i:first-of-type {
        margin-top: 0
    }

    .side-nav li a.accordion-toggle i:last-of-type, .side-nav li button.accordion-toggle i:last-of-type {
        margin-top: .1rem
    }

.side-nav .side-nav-toggle-more {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.side-nav .side-nav-content .side-nav-content-head {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

table.table th {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.div-table-cart-head, .div-table-orders-head {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.table.table-text tr.headline {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.table.table-text tr.footer {
    font-size: 1.3rem
}

@media(max-width: 767.98px) {
    .table-mobile td:before {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: normal
    }
}

.responsive-collapsible-dataTable-wrapper table .dataTable > tbody tr td.td_preisve .priceDisplayed::first-line {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

#lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr .priceValue, #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr .priceValue {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

#lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr.child td ul li .dtr-title, #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr.child td ul li .dtr-title {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.dataTables_wrapper #data_table tbody tr.child td ul li .dtr-title {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 1.5rem;
    height: 3.2rem;
    width: 3.2rem;
    padding: 1rem 1.1rem .6rem 1.1rem;
    text-align: center;
    line-height: 1;
    border-radius: .4rem
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
        position: relative;
        top: .2rem
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.next::after, .dataTables_wrapper .dataTables_paginate .paginate_button.previous::after {
            position: relative;
            top: -0.1rem
        }

.dataTables_wrapper .dataTables_empty {
    border-radius: .4rem;
    font-size: 1.7rem
}

.pagination-sm .page-link {
    border-radius: .4rem
}

.div-table-tr {
    font-size: 1.5rem
}

.availability .availability-icon {
    line-height: 1.2
}

.nav-tabs.reco-tabs, .nav-tabs.login-tabs {
    border-bottom: none
}

    .nav-tabs.reco-tabs .nav-link, .nav-tabs.login-tabs .nav-link {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: normal;
        font-size: 1.5rem;
        height: 100%;
        line-height: 1.2
    }

    .nav-tabs.reco-tabs + .tab-content, .nav-tabs.login-tabs + .tab-content {
        border-radius: .4rem;
        border-top-left-radius: 0;
        border-color: #dedede
    }

        .nav-tabs.reco-tabs + .tab-content .card-body, .nav-tabs.reco-tabs + .tab-content .card-body .nav-tabs, .nav-tabs.login-tabs + .tab-content .card-body, .nav-tabs.login-tabs + .tab-content .card-body .nav-tabs {
            height: 7.6rem;
            border-top: none
        }

            .nav-tabs.reco-tabs + .tab-content .card-body.mobile-login-tabs .nav-item .nav-link, .nav-tabs.reco-tabs + .tab-content .card-body .nav-tabs.mobile-login-tabs .nav-item .nav-link, .nav-tabs.login-tabs + .tab-content .card-body.mobile-login-tabs .nav-item .nav-link, .nav-tabs.login-tabs + .tab-content .card-body .nav-tabs.mobile-login-tabs .nav-item .nav-link {
                font-size: 1.5rem;
                font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
                font-weight: normal
            }

@media(max-width: 767.98px) {
    .nav-tabs.reco-tabs + .tab-content .card-body.mobile-login-tabs .nav-item .nav-link, .nav-tabs.reco-tabs + .tab-content .card-body .nav-tabs.mobile-login-tabs .nav-item .nav-link, .nav-tabs.login-tabs + .tab-content .card-body.mobile-login-tabs .nav-item .nav-link, .nav-tabs.login-tabs + .tab-content .card-body .nav-tabs.mobile-login-tabs .nav-item .nav-link {
        font-size: 1.3rem;
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: normal
    }
}

.nav-tabs.reco-tabs + .tab-content .card-title, .nav-tabs.login-tabs + .tab-content .card-title {
    height: 6.2rem;
    line-height: 1.2;
    font-size: 1.3rem
}

.nav-tabs.reco-tabs + .tab-content + .panel-group.responsive .card-body, .nav-tabs.login-tabs + .tab-content + .panel-group.responsive .card-body {
    border-top: none;
    height: 8.4rem
}

.nav-tabs.mobile-login-tabs .nav-item .nav-link {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.nav-tabs.reco-tabs .nav-link .tab-pane:not(#afterSearchShop):not(#afterSearchWeb):not(#commonSettings):not(#branchOffice):not(#accessData):not(#tabFastEntry).fade, .nav-tabs.login-tabs .nav-link .tab-content .tab-pane:not(#afterSearchShop):not(#afterSearchWeb):not(#commonSettings):not(#branchOffice):not(#accessData):not(#tabFastEntry).fade, .tab-content .tab-pane:not(#afterSearchShop):not(#afterSearchWeb):not(#commonSettings):not(#branchOffice):not(#accessData):not(#tabFastEntry).fade {
    transition: all .2s;
    -webkit-transform: translateY(0.8rem);
    -ms-transform: translateY(0.8rem);
    transform: translateY(0.8rem)
}

    .nav-tabs.reco-tabs .nav-link .tab-pane:not(#afterSearchShop):not(#afterSearchWeb):not(#commonSettings):not(#branchOffice):not(#accessData):not(#tabFastEntry).fade.show, .nav-tabs.login-tabs .nav-link .tab-content .tab-pane:not(#afterSearchShop):not(#afterSearchWeb):not(#commonSettings):not(#branchOffice):not(#accessData):not(#tabFastEntry).fade.show, .tab-content .tab-pane:not(#afterSearchShop):not(#afterSearchWeb):not(#commonSettings):not(#branchOffice):not(#accessData):not(#tabFastEntry).fade.show {
        -webkit-transform: translateY(0rem);
        -ms-transform: translateY(0rem);
        transform: translateY(0rem)
    }

.panel-group.responsive .panel-heading {
    border-radius: .4rem
}

    .panel-group.responsive .panel-heading h2.panel-title a, .panel-group.responsive .panel-heading span.panel-title a {
        font-size: 1.7rem;
        color: #000
    }

        .panel-group.responsive .panel-heading h2.panel-title a i, .panel-group.responsive .panel-heading span.panel-title a i {
            color: #c00
        }

b, strong, .font-weight-bold {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.progress-value-sm {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.ui-widget {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1.7rem
}

.ui-datepicker {
    border-radius: .4rem !important
}

    .ui-datepicker th {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: normal
    }

    .ui-datepicker a.ui-state-default:hover {
        border-radius: .4rem
    }

    .ui-datepicker a.ui-state-default.ui-state-highlight {
        border-radius: .4rem
    }

.ui-datepicker-calendar tr th {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    font-size: 1.5rem
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right, .ui-corner-bl, .ui-corner-left, .ui-corner-top, .ui-corner-tr, .ui-corner-tl {
    border-radius: .4rem
}

.ui-widget-content table.ui-datepicker-calendar a.ui-state-active {
    border-radius: .4rem
}

.drp-picker {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1.7rem
}

.drp-calendar tr th {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    font-size: 1.5rem
}

@media(max-width: 767.98px) {
    .breadcrumb li {
        font-size: 1.3rem
    }
}

@media(max-width: 767.98px) {
    .breadcrumb-item {
        font-size: 1.3rem
    }
}

.dropdown-toggle.dropdown-sm-font {
    font-size: 1.5rem
}

.dropdown-toggle::after {
    top: 1rem
}

select.custom-select {
    line-height: 1;
    padding: 1.2rem 4rem 1rem .8rem
}

    select.custom-select.input-border {
        padding-top: 1.1rem;
        padding-bottom: 1rem
    }

    select.custom-select.dropdown-sm-font {
        font-size: 1.5rem;
        padding: 1.2rem 4rem 1.1rem 1.2rem
    }

.custom-combobox .custom-combobox-toggle {
    font-size: 1.5rem
}

.catalogNavigationFullWidthTiles .card-product .card-img-left ~ .card-body .card-title, .grid-view .card-product .card-img-left ~ .card-body .card-title {
    height: 3.3rem
}

.progress-value-sm {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    font-size: 1.3rem
}

#accessoryProductsModal .linked-section-header, .productDetailLinkedProductsTab .linked-section-header {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

#accessoryProductsModal .card span.bold, .productDetailLinkedProductsTab .card span.bold {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.card-model, .card-product {
    border-radius: .4rem
}

    .card-model .card-body .h3-style.card-title, .card-product .card-body .h3-style.card-title {
        font-size: 1.5rem
    }

    .card-model .card-body p, .card-product .card-body p {
        line-height: 1.25 !important
    }

    .card-model.card-availability .card-body .availability, .card-product.card-availability .card-body .availability {
        margin-top: .4rem
    }

    .card-model .card-footer p, .card-product .card-footer p {
        line-height: 1;
        text-align: center
    }

    .card-model .card-footer .h4-style, .card-product .card-footer .h4-style {
        line-height: 1;
        padding: 1.3rem 1.2rem 1.2rem;
        border-bottom-right-radius: .4rem;
        border-bottom-left-radius: .4rem;
        width: calc( 100% + 0.2rem );
        margin-left: -0.1rem;
        margin-bottom: -0.1rem;
        text-align: center
    }

    .card-model .card-footer .input-quantity, .card-product .card-footer .input-quantity {
        border-radius: 0
    }

    .card-model .card-footer .btn, .card-product .card-footer .btn {
        border-radius: 0
    }

        .card-model .card-footer .btn.btn-info, .card-product .card-footer .btn.btn-info {
            border-bottom-right-radius: .4rem;
            border-bottom-left-radius: .4rem;
            width: calc( 100% + 0.2rem );
            margin-left: -0.1rem;
            margin-bottom: -0.1rem !important
        }

    .card-model .card-footer .custom-select, .card-product .card-footer .custom-select {
        border-radius: 0;
        border: none
    }

.card-product-compact .card-footer .input-quantity, .card-model-compact .card-footer .input-quantity {
    border-radius: 0 0 0 .4rem
}

.card-product-compact .card-footer .btn-cta, .card-model-compact .card-footer .btn-cta {
    border-radius: 0 0 .4rem 0
}

.grid-view .card-model .card-body, .grid-view .card-product .card-body {
    height: 17rem
}

    .grid-view .card-model .card-body .h3-style.card-title, .grid-view .card-product .card-body .h3-style.card-title {
        height: 5.4rem
    }

    .grid-view .card-model .card-body p.card-text, .grid-view .card-product .card-body p.card-text {
        margin-bottom: .4rem
    }

@media(min-width: 576px)and (max-width: 1199.98px) {
    .grid-view .card-model .card-body, .grid-view .card-product .card-body {
        height: 18.8rem
    }

        .grid-view .card-model .card-body .h3-style.card-title, .grid-view .card-product .card-body .h3-style.card-title {
            height: 7.2rem
        }

    .grid-view .card-model.card-availability .card-body, .grid-view .card-product.card-availability .card-body {
        height: 21.6rem
    }
}

@media(min-width: 768px) {
    .list-view .card-model .card-footer, .list-view .card-product .card-footer {
        border-radius: .4rem
    }

        .list-view .card-model .card-footer .card-text, .list-view .card-product .card-footer .card-text {
            border-top-right-radius: .4rem;
            border-top-left-radius: .4rem;
            border-top: none
        }

        .list-view .card-model .card-footer .input-quantity, .list-view .card-product .card-footer .input-quantity {
            border-top-left-radius: .4rem
        }

            .list-view .card-model .card-footer .input-quantity .btn-quantity-minus, .list-view .card-product .card-footer .input-quantity .btn-quantity-minus {
                border-top-left-radius: .4rem
            }

        .list-view .card-model .card-footer .dropdown, .list-view .card-product .card-footer .dropdown {
            border-top-right-radius: .4rem
        }

            .list-view .card-model .card-footer .dropdown .dropdown-toggle, .list-view .card-product .card-footer .dropdown .dropdown-toggle {
                border-top-right-radius: .4rem
            }

        .list-view .card-model .card-footer .custom-select, .list-view .card-product .card-footer .custom-select {
            border-top: none;
            border-left: none;
            border-right: .1rem solid #dedede;
            border-top-right-radius: .4rem !important
        }

        .list-view .card-model .card-footer .h4-style, .list-view .card-product .card-footer .h4-style {
            width: 100%;
            margin-left: 0;
            margin-bottom: 0 !important
        }

        .list-view .card-model .card-footer .btn, .list-view .card-product .card-footer .btn {
            border-radius: 0
        }

            .list-view .card-model .card-footer .btn.btn-info, .list-view .card-product .card-footer .btn.btn-info {
                width: 100%;
                margin-left: 0;
                margin-bottom: 0 !important;
                border-bottom-right-radius: .4rem;
                border-bottom-left-radius: .4rem
            }
}

.card-product .card-img-left {
    border-radius: .4rem
}

.catalogNavigationFullWidthTiles .card-product .card-body p.card-text.card-product-no-price, .grid-view .card-product .card-body p.card-text.card-product-no-price {
    line-height: 1.25 !important
}

.catalogNavigationFullWidthTiles .card-category .card-body > h4, .grid-view .card-category .card-body > h4 {
    margin-top: 0;
    line-height: 1.2
}

.card-category h2.h4-style {
    color: #000
}

.catalogNavigationFullWidthTiles .card-category .card-body h4, .catalogNavigationFullWidthTiles .card-category .card-body span.h4-style, .catalogNavigationFullWidthTiles .card-category .card-body h2.h4-style, .grid-view .card-category .card-body h4, .grid-view .card-category .card-body span.h4-style, .grid-view .card-category .card-body h2.h4-style {
    line-height: 1.2
}

.slider-reco .slick-slide {
    border-radius: .4rem
}

.slider-reco-sm.card-body {
    border-radius: .4rem
}

.slider-products-teaser .card-body, .slider-reco .card-body, .slider-offer .card-body {
    height: 7.2rem
}

    .slider-products-teaser .card-body p, .slider-reco .card-body p, .slider-offer .card-body p {
        font-size: 1.3rem;
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: normal;
        text-align: left;
        line-height: 1.2;
        height: 4.7rem
    }

.slick-slider .slick-next, .slick-slider .slick-prev {
    margin: 0;
    position: absolute;
    background: rgba(255,255,255,.7);
    border: .1rem solid #bfbfbf;
    height: 4rem;
    width: 4rem;
    border-radius: 50%
}

    .slick-slider .slick-next:before, .slick-slider .slick-prev:before {
        display: inline-block;
        color: #262626;
        font-size: 2.4rem
    }

    .slick-slider .slick-next:hover, .slick-slider .slick-prev:hover {
        border: .1rem solid #c00
    }

        .slick-slider .slick-next:hover:before, .slick-slider .slick-prev:hover:before {
            color: #c00
        }

    .slick-slider .slick-next.slick-disabled, .slick-slider .slick-prev.slick-disabled {
        display: none !important
    }

.slick-slider .slick-next {
    right: 1.2rem
}

    .slick-slider .slick-next:before {
        margin-right: -0.3rem
    }

.slick-slider .slick-prev {
    left: 1.2rem
}

    .slick-slider .slick-prev:before {
        margin-left: -0.3rem
    }

.slick-slider.slider-reco .slick-next, .slick-slider.detail-slider-thumb .slick-next, .slick-slider.timeline-slider-thumb .slick-next, .slick-slider.slider-reco-floor .slick-next {
    right: 0
}

.slick-slider.slider-reco .slick-prev, .slick-slider.detail-slider-thumb .slick-prev, .slick-slider.timeline-slider-thumb .slick-prev, .slick-slider.slider-reco-floor .slick-prev {
    left: 0
}

.slick-slider.detail-slider-thumb .slick-next, .slick-slider.detail-slider-thumb .slick-prev {
    margin-top: -0.8rem
}

.slick-slider.slider-product-detail .slick-next, .slick-slider.slider-product-detail .slick-prev, .slick-slider.detail_info_left_img_modal .slick-next, .slick-slider.detail_info_left_img_modal .slick-prev, .slick-slider.slider-img-teaser .slick-next, .slick-slider.slider-img-teaser .slick-prev {
    padding: 0
}

.slick-dots {
    position: absolute;
    bottom: 1.6rem;
    right: 1.2rem;
    border-radius: 1.2rem;
    padding: 0 .8rem;
    margin: 0;
    width: auto;
    background: rgba(153,153,153,.6)
}

    .slick-dots li {
        margin: 0px .2rem;
        padding: .4rem;
        vertical-align: middle;
        top: -0.1rem
    }

@media(max-width: 1199.98px) {
    .slick-dots {
        display: none !important
    }
}

.productdetail_info .detail_info_left_img_modal .slick-next, .productdetail_info .detail_info_left_img_modal .slick-prev {
    padding: 0 !important;
    background: rgba(255,255,255,.7) !important
}

    .productdetail_info .detail_info_left_img_modal .slick-next:before, .productdetail_info .detail_info_left_img_modal .slick-prev:before {
        font-size: 2.4rem !important
    }

.slider-reco-floor .card-category .card-body h4, .slider-reco-floor .card-category .card-body span.h4-style {
    line-height: 1.2
}

.img-textbox-teaser .textbox {
    border-radius: .4rem
}

.form-control {
    border-radius: .4rem
}

.input-group:not(.has-validation) > .form-control:not(:last-child) {
    border-radius: .4rem
}

.filter-search {
    border-radius: .4rem
}

    .filter-search .form-control {
        padding: 1.1rem 4rem 1rem 1.2rem
    }

    .filter-search .input-group-addon button {
        padding-top: .8rem;
        padding-bottom: 1.1rem
    }

.btn.dropdown-toggle.invalid-input, .input-group.invalid-input, input.invalid-input, select.invalid-input, textarea.invalid-input, .custom-select.invalid-input {
    border: .1rem solid #90112c
}

.btn.dropdown-toggle.valid-input, .input-group.valid-input, input.valid-input, select.valid-input, textarea.valid-input, .custom-select.valid-input {
    border: .1rem solid #008448
}

p.message {
    font-size: 1.5rem
}

    p.message.errorMessage, p.message.warnMessage, p.message.successMessage, p.message.infoMessage, p.message.invalid-feedback, p.message.valid-feedback {
        padding: .4rem .4rem .4rem 2.4rem;
        border: none;
        background: none;
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        position: relative
    }

        p.message.errorMessage::before, p.message.warnMessage::before, p.message.successMessage::before, p.message.infoMessage::before, p.message.invalid-feedback::before, p.message.valid-feedback::before {
            font-family: Wuerthicons;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            position: absolute;
            margin-left: -2rem;
            margin-top: .1rem
        }

    p.message.errorMessage, p.message.invalid-feedback {
        color: #90112c
    }

        p.message.errorMessage::before, p.message.invalid-feedback::before {
            content: "\ec18"
        }

    p.message.successMessage, p.message.valid-feedback {
        color: #008448;
        margin-top: 0
    }

        p.message.successMessage::before, p.message.valid-feedback::before {
            content: "\ec1a"
        }

    p.message.warnMessage {
        color: #000
    }

        p.message.warnMessage::before {
            content: "\ec3c";
            color: #ee7f00
        }

    p.message.infoMessage {
        color: #000
    }

        p.message.infoMessage::before {
            content: "\ec3e";
            color: #0093dd
        }

.input-quantity .input-group-addon, .input-group.input-quantity.input-border, .input-quantity {
    border-radius: .4rem
}

    .input-quantity a:first-of-type i.input-group-addon, .input-quantity a:last-of-type i.input-group-addon {
        padding: 1.1rem .8rem 1.2rem .8rem;
        line-height: 2.6
    }

    .input-quantity input[type=number] {
        line-height: 1;
        padding: 1.3rem 0 1.1rem 0;
        font-size: 1.7rem
    }

    .input-quantity.input-border input.form-control {
        padding: 1.3rem 0 1.1rem 0
    }

    .input-quantity.input-border a:first-of-type i.input-group-addon, .input-quantity.input-border a:last-of-type i.input-group-addon {
        padding: 1rem 1.2rem 1.1rem .8rem;
        line-height: 2.5
    }

    .input-quantity.input-quantity-sm {
        height: 3.2rem
    }

        .input-quantity.input-quantity-sm input[type=number] {
            font-size: 1.5rem
        }

        .input-quantity.input-quantity-sm input.form-control {
            height: 3.2rem;
            padding-top: .8rem;
            padding-bottom: .6rem
        }

        .input-quantity.input-quantity-sm a:first-of-type i.input-group-addon, .input-quantity.input-quantity-sm a:last-of-type i.input-group-addon {
            padding: .7rem 1.2rem .8rem .8rem;
            line-height: 2.1
        }

        .input-quantity.input-quantity-sm.input-border input.form-control {
            padding: .8rem 0 .7rem 0;
            height: 3rem
        }

        .input-quantity.input-quantity-sm.input-border a:first-of-type i.input-group-addon, .input-quantity.input-quantity-sm.input-border a:last-of-type i.input-group-addon {
            padding: .6rem 1.2rem .7rem .8rem;
            line-height: 2
        }

.sticky.is-sticky.header-add-cart .input-group {
    height: 3.2rem
}

.collapse .show-more-gradient .btn {
    z-index: 1
}

    .collapse .show-more-gradient .btn.btn[class*=btn-outline-].btn-sm, .collapse .show-more-gradient .btn-group-sm > .btn.btn[class*=btn-outline-] {
        padding-top: .8rem;
        padding-bottom: .6rem
    }

        .collapse .show-more-gradient .btn.btn[class*=btn-outline-].btn-icon-l.btn-sm i.icon-lg.icon-interface-bottom, .collapse .show-more-gradient .btn-group-sm > .btn.btn[class*=btn-outline-].btn-icon-l i.icon-lg.icon-interface-bottom {
            top: .55rem
        }

a.link-absolute i.icon-lg {
    margin-top: 0;
    top: auto
}

.alert {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
    border-radius: 0
}

    .alert.alert-primary, .alert.alert-danger, .alert.alert-success, .alert.alert-warning {
        color: #fff
    }

    .alert.alert-info {
        background-color: #008448;
        color: #fff
    }

    .alert.alert-dismissible .close {
        color: #fff
    }

        .alert.alert-dismissible .close:hover {
            color: #fff
        }

    .alert .close {
        color: #fff
    }

        .alert .close:hover {
            color: #fff
        }

        .alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover {
            opacity: 1
        }

.messages-list ul li.message {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
    font-weight: normal
}

    .messages-list ul li.message.errorMessage {
        color: #fff
    }

p.message {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.toast .toast-img {
    position: absolute;
    max-width: 7.8rem
}

    .toast .toast-img ~ .toast-header {
        padding-left: 7.8rem
    }

        .toast .toast-img ~ .toast-header ~ .toast-body {
            padding-left: 7.8rem
        }

.toast .toast-header {
    border-bottom: none;
    padding-bottom: 0;
    padding-left: 1.2rem
}

    .toast .toast-header i.icon-xl {
        position: absolute;
        font-size: 2.4rem
    }

        .toast .toast-header i.icon-xl ~ strong {
            padding-left: 3.2rem
        }

.toast .toast-body {
    padding-top: 0;
    padding-left: 1.2rem;
    line-height: 1.2
}

.toast.toast-info {
    border-left: .6rem solid #0093dd
}

    .toast.toast-info .toast-header {
        padding-left: .8rem
    }

        .toast.toast-info .toast-header ~ strong {
            padding-left: 3.2rem
        }

    .toast.toast-info .toast-body {
        padding-left: 4rem
    }

.toast.toast-success {
    border-left: .6rem solid #008448
}

    .toast.toast-success .toast-header {
        padding-left: .8rem
    }

        .toast.toast-success .toast-header ~ strong {
            padding-left: 3.2rem
        }

    .toast.toast-success .toast-body {
        padding-left: 4rem
    }

.toast.toast-warning {
    border-left: .6rem solid #ee7f00
}

    .toast.toast-warning .toast-header {
        padding-left: .8rem
    }

        .toast.toast-warning .toast-header ~ strong {
            padding-left: 3.2rem
        }

    .toast.toast-warning .toast-body {
        padding-left: 4rem
    }

.toast.toast-danger {
    border-left: .6rem solid #90112c
}

    .toast.toast-danger .toast-header {
        padding-left: .8rem
    }

        .toast.toast-danger .toast-header ~ strong {
            padding-left: 3.2rem
        }

    .toast.toast-danger .toast-body {
        padding-left: 4rem
    }

.password-meter .password-bar.password-bar-best {
    background-color: #008448
}

.custom-checkbox {
    margin-bottom: 0
}

    .custom-checkbox .custom-control-indicator {
        color: #fff;
        border-radius: .4rem
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
        background-color: #c00
    }

        .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator.checkbox-border {
            border: .1rem solid #c00
        }

            .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator.checkbox-border::before {
                top: -0.1rem;
                left: .2rem
            }

        .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator::before {
            font-size: 1.4rem;
            top: 0;
            left: .3rem
        }

    .custom-checkbox .custom-control-input.invalid-input ~ .custom-control-indicator, .custom-checkbox .custom-control-input.errorInput ~ .custom-control-indicator {
        border: .1rem solid #90112c
    }

    .custom-checkbox .custom-control-input[disabled=disabled] ~ .custom-control-indicator, .custom-checkbox .custom-control-input:disabled ~ .custom-control-indicator {
        background-color: #dedede
    }

    .custom-checkbox ~ p.message {
        padding-top: 0
    }

    .custom-checkbox .custom-control-input.errorInput ~ .custom-control-indicator.checkbox-border {
        border: .1rem solid #90112c !important
    }

.custom-radio.invalid-input input[type=radio] + span.label-area-name:before, .custom-radio.gray-border-input.invalid-input input[type=radio] + span.label-area-name:before {
    border: .1rem solid #90112c
}

.custom-radio.invalid-input ~ p.message, .custom-radio.gray-border-input.invalid-input ~ p.message {
    padding-top: 0
}

.radio-card:checked ~ .card, .radio-card.no-checkmark:checked ~ .card {
    border-radius: .4rem
}

.radio-card.no-checkmark ~ .card .card-body {
    padding: .9rem .8rem .8rem .8rem
}

.radio-card ~ .card .card-body {
    padding: 1.2rem 2.4rem
}

.responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row .search_container label:after, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row #search_container label:after {
    right: .6rem;
    top: .8rem
}

.responsive-collapsible-dataTable-wrapper .dataTable > thead tr:nth-child(3) th:first-child {
    min-width: 9.6rem !important;
    padding-left: .4rem
}

    .responsive-collapsible-dataTable-wrapper .dataTable > thead tr:nth-child(3) th:first-child th {
        padding: 2.4rem 0 1.2rem 1.2rem !important
    }

.dataTables_wrapper .header_col .headerName {
    line-height: 1.2
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label, #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.value, #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.description {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}

.header-new .dropdown.show.header-user-logged-out .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content {
    border-radius: .4rem
}

.header .cart-preview {
    border-radius: .4rem
}

    .header .cart-preview .cart-preview-footer {
        border-radius: 0 0 .4rem .4rem
    }

.bootbox {
    font-size: 1.7rem
}

.header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-unit-col .heading-alt.h3-style, .header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-quantity-col .heading-alt.h3-style {
    line-height: 1;
    margin-bottom: 0;
    padding: .8rem;
    font-size: 1.5rem;
    white-space: nowrap
}

.header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-unit-col .variationDetailArticleSelect-fixed-wrapper {
    padding: .4rem .8rem
}

.header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-button-col .productdetail_info_right_order_submit button {
    height: 3.2rem !important
}

.header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-quantity-col a.btn-quantity-minus, .header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-quantity-col a.btn-quantity-plus {
    max-height: 3.2rem !important;
    line-height: 3.2rem;
    margin-left: 0 !important
}

    .header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-quantity-col a.btn-quantity-minus i, .header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-quantity-col a.btn-quantity-plus i {
        max-height: 3.2rem !important;
        line-height: 3.2rem
    }

.header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-quantity-col input.input_amount {
    max-height: 3.2rem !important
}

.header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-button-col .productdetail_info_right_order_submit button .productdetail_info_right_order_submit {
    margin-top: .4rem
}

.sticky.is-sticky.header-add-cart .productdetail_info_right_order_submit {
    margin-top: 0
}

@media(max-width: 1919.98px) {
    .header-add-cart.is-sticky .card-body form .sticky-area-right .add-to-cart-button-col .productdetail_info_right_order_submit button {
        max-height: 3.2rem !important
    }
}

.header-add-cart.is-sticky .card-body form .sticky-area-left .priceValue, .header-add-cart.is-sticky .card-body form .sticky-area-left #productPriceKeyQuantity {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
    font-weight: normal !important
}

#variationDetailArticleSelectPrice ~ .float_right {
    font-size: 1.5rem
}

.card-product.card-availability .card-body, .card-model.card-availability .card-body {
    height: 19.6rem
}

    .card-product.card-availability .card-body .availability p, .card-model.card-availability .card-body .availability p {
        margin-top: .2rem;
        margin-bottom: 0
    }

a.link-absolute.small i {
    margin-top: .4rem
}

.div-tr-border-warning {
    border: .1rem solid #90112c;
    border-radius: .4rem
}

.div-tr-border-info {
    border: .1rem solid #008448;
    border-radius: .4rem
}

.invalid-feedback {
    border: .1rem solid #90112c
}

.errorInput, input.errorInput {
    border: .1rem solid #90112c
}

.tableRequisitionDetails .row.messages-list {
    margin-bottom: 1.2rem
}

.tableRequisitionDetails .alert {
    font-size: 1.5rem;
    padding: .8rem .4rem 0 2.4rem;
    border: none;
    background: none;
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    position: relative;
    margin-bottom: .8rem
}

    .tableRequisitionDetails .alert.alert-danger {
        color: #90112c
    }

        .tableRequisitionDetails .alert.alert-danger::before {
            font-family: Wuerthicons;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            position: absolute;
            margin-left: -2rem;
            color: #90112c;
            content: "\ec18";
            margin-top: -0.2rem
        }

    .tableRequisitionDetails .alert.alert-info {
        color: #008448
    }

        .tableRequisitionDetails .alert.alert-info::before {
            font-family: Wuerthicons;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            position: absolute;
            margin-left: -2rem;
            color: #008448;
            content: "\ec1a";
            margin-top: -0.2rem
        }

.responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row label, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row p {
    line-height: 1.2 !important
}

.responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row .search_container input, .responsive-collapsible-dataTable-wrapper .dataTable > thead tr.search-row #search_container input {
    border-radius: .4rem !important;
    padding: 1rem 1.2rem .8rem 1.2rem;
    font-size: 1.7rem;
    line-height: 1
}

.responsiveB4 .familyFilter button.ui-multiselect, .responsiveB4 .familyFilter select.ui-multiselect, .responsiveB4 .multiselect-wrapper button.ui-multiselect {
    font-size: 1.5rem !important;
    padding: .9rem 2.8rem .8rem 1.2rem !important;
    border-radius: .4rem !important;
    line-height: 1 !important
}

    .responsiveB4 .familyFilter button.ui-multiselect::after, .responsiveB4 .familyFilter select.ui-multiselect::after, .responsiveB4 .multiselect-wrapper button.ui-multiselect::after {
        top: .6rem !important
    }

.responsiveB4 .ui-multiselect-menu-relative.ui-widget.ui-widget-content.ui-corner-all, .responsiveB4 .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
    border-radius: .4rem !important;
    top: 3.2rem !important
}

.responsiveB4 .ui-multiselect-menu-relative.ellipsis-modelFilterButton .ui-widget-header .ui-helper-reset li a, .responsiveB4 .ui-multiselect-menu.ellipsis-modelFilterButton .ui-widget-header .ui-helper-reset li a {
    color: #000 !important
}

.responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.td_preisve .priceDisplayed {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

    .responsive-collapsible-dataTable-wrapper .dataTable > tbody tr td.td_preisve .priceDisplayed p {
        font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important
    }

.div.product_details .strong, tr.product_details .strong {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
    font-weight: normal !important
}

.modeldetailproduct_info_right_information a.link-absolute i {
    margin-top: .1rem !important
}

.table-rights .inherited > span {
    position: relative !important
}

span.priceValue {
    white-space: nowrap
}

#ModelDetailForm table.dataTable {
    position: relative;
    width: calc(100% - 0.8rem);
    left: .4rem
}

#ModelDetailForm .modelDetailRow td:first-of-type {
    padding: 1.2rem .8rem 1.2rem .4rem;
    position: relative
}

    #ModelDetailForm .modelDetailRow td:first-of-type::before {
        content: "";
        width: .8rem;
        position: absolute;
        background-color: #ededed;
        height: 100%;
        left: -0.4rem;
        top: 0;
        border-radius: .4rem
    }

#ModelDetailForm .modelDetailRow td:last-of-type {
    padding: 1.2rem .4rem 1.2rem .8rem;
    position: relative
}

    #ModelDetailForm .modelDetailRow td:last-of-type::after {
        content: "";
        width: .8rem;
        position: absolute;
        background-color: #ededed;
        height: 100%;
        right: -0.4rem;
        top: 0;
        border-radius: .4rem
    }

@media(max-width: 991.98px) {
    #ModelDetailForm .modelDetailRow td.basketButtonChanger::after {
        content: "";
        width: .8rem;
        position: absolute;
        background-color: #ededed;
        height: 100%;
        right: -0.4rem;
        top: 0;
        border-radius: .4rem
    }
}

@media(max-width: 767.98px) {
    #ModelDetailForm .modelDetailRow td.td_preisve::after {
        content: "";
        width: .8rem;
        position: absolute;
        background-color: #ededed;
        height: 100%;
        right: -0.4rem;
        top: 0;
        border-top-right-radius: .4rem
    }

    #ModelDetailForm .modelDetailRow td.basketButtonChanger::after {
        border-top-right-radius: 0
    }
}

#ModelDetailForm .modelDetailRow:hover td:first-of-type::before, #ModelDetailForm .modelDetailRow:hover td:last-of-type::after, #ModelDetailForm .modelDetailRow:hover td.td_preisve:after, #ModelDetailForm .modelDetailRow:hover td.basketButtonChanger:after {
    background-color: #dedede
}

#ModelDetailForm .modelDetailRow .productNo .text-prewrap {
    white-space: pre !important
}

#ModelDetailForm .availability.availability-icon::before {
    left: .4rem !important;
    margin-top: .1rem !important
}

@media(min-width: 576px) {
    #ModelDetailForm .availability.availability-icon::before {
        left: .4rem !important
    }
}

.responsiveB4 .filter-row th {
    position: relative;
    padding: 1.2rem .8rem 0 !important
}

    .responsiveB4 .filter-row th::before {
        content: "";
        width: .8rem;
        position: absolute;
        background-color: #ededed;
        height: 100%;
        left: -0.4rem;
        top: 0;
        border-radius: .4rem
    }

    .responsiveB4 .filter-row th::after {
        content: "";
        width: .8rem;
        position: absolute;
        background-color: #ededed;
        height: 100%;
        right: -0.4rem;
        top: 0;
        border-radius: .4rem
    }

    .responsiveB4 .filter-row th .small-gutters > .col, .responsiveB4 .filter-row th .small-gutters > [class*=col-] {
        padding-right: .6rem;
        padding-left: .6rem
    }

.moreFilters .btn.btn-filter {
    font-size: 1.5rem;
    padding: .9rem 1.2rem .8rem 1.2rem
}

.responsiveB4 .ui-button.ui-corner-all.ui-widget.ui-multiselect-accept {
    border-radius: 0 0 .4rem .4rem;
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important
}

.responsiveB4 .ui-multiselect-checkboxes li label .countOfProducts {
    border-radius: .4rem
}

.responsiveB4 .ui-multiselect-checkboxes li label .custom-control-indicator.checkbox-border {
    border-radius: .4rem !important
}

.responsiveB4 .ui-multiselect-checkboxes li label input:checked ~ .custom-control-indicator {
    border-radius: .4rem !important;
    color: #fff !important;
    background-color: #c00 !important;
    border: .1rem solid #c00 !important
}

    .responsiveB4 .ui-multiselect-checkboxes li label input:checked ~ .custom-control-indicator:before {
        font-size: 1.5rem !important;
        top: -0.2rem !important;
        left: .2rem !important
    }

#deselect-filter-list li {
    font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
    border-radius: .4rem !important;
    line-height: 1 !important;
    padding: .9rem 1.2rem .8rem 2.8rem !important
}

    #deselect-filter-list li i.icon-interface-cross {
        left: .8rem !important;
        top: .8rem !important
    }

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable.dataTable > tbody tr .priceValue, .responsive-collapsible-dataTable-wrapper #tableCategoryProductList_wrapper .dataTable.dataTable > tbody tr .priceValue {
    font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: normal
}

.responsive-collapsible-dataTable-wrapper #lastOrderedProducts_wrapper .dataTable .table_col_amount {
    width: 13rem
}

.modelRecommendationRight .productItem {
    border-radius: .4rem
}

    .modelRecommendationRight .productItem .name-wrapper p {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: normal
    }

#addToCartRecommendation .productItem {
    border-radius: .4rem;
    border: .1rem solid #ededed
}

    #addToCartRecommendation .productItem .name-wrapper {
        font-family: wuerthbold,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: normal;
        font-size: 1.5rem;
        overflow: hidden;
        height: 7.6rem;
        line-height: 1.2;
        text-align: center
    }

    #addToCartRecommendation .productItem .img-wrapper {
        border-bottom: none
    }

#similarModels {
    border-radius: .4rem
}

    #similarModels .slider-reco-sm .slick-slide {
        border-radius: .4rem
    }

        #similarModels .slider-reco-sm .slick-slide .card-body {
            border-radius: .4rem
        }

    #similarModels .slick-prev {
        margin-left: -0.4rem
    }

    #similarModels .slick-next {
        margin-right: -0.4rem
    }

.header.header-checkout .nav-checkout-bg-line, .header.header-checkout .nav-registration-bg-line, .header.header-registration .nav-checkout-bg-line, .header.header-registration .nav-registration-bg-line {
    position: relative;
    border-bottom: .3rem solid #bfbfbf;
    width: 74%;
    left: 13%
}

.header.header-checkout a:not(.navbar-brand).enabled, .header.header-registration a:not(.navbar-brand).enabled {
    cursor: pointer
}

    .header.header-checkout a:not(.navbar-brand).enabled.active .nav-checkout-step, .header.header-checkout a:not(.navbar-brand).enabled.active .nav-registration-step, .header.header-checkout a:not(.navbar-brand).enabled:hover .nav-checkout-step, .header.header-checkout a:not(.navbar-brand).enabled:hover .nav-registration-step, .header.header-registration a:not(.navbar-brand).enabled.active .nav-checkout-step, .header.header-registration a:not(.navbar-brand).enabled.active .nav-registration-step, .header.header-registration a:not(.navbar-brand).enabled:hover .nav-checkout-step, .header.header-registration a:not(.navbar-brand).enabled:hover .nav-registration-step {
        color: #fff;
        background-color: #c00;
        border: none;
        padding: .2rem
    }

#headerSearch ul.ui-autocomplete .ui-autocomplete-item a, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a {
    line-height: 1
}

    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label, #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch {
        width: 50%
    }

@media(min-width: 992px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label, #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch {
        width: 54%
    }
}

@media(min-width: 1200px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label, #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.label #headerSearch {
        width: 62%
    }
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.description {
    width: 84%
}

@media(min-width: 992px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.description {
        width: 86%
    }
}

@media(min-width: 1200px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.description, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.description {
        width: 88%
    }
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly {
    width: 72%
}

@media(min-width: 992px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly {
        width: 74%
    }
}

@media(min-width: 1200px) {
    #headerSearch ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a span.labelOnly {
        width: 81%
    }
}

#headerSearch ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, #main-wrapper.responsive #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, #tabDirectEntry ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, #tabFastEntry ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, .checkout-process #FastEntryForm ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, .checkout-process #directEntryForm ul.ui-autocomplete .ui-autocomplete-item a .suggestresult, .search-mobile ul.ui-autocomplete .ui-autocomplete-item a .suggestresult {
    overflow: hidden;
    height: 3.4rem
}

table.dataTable > tbody > tr.selected > td .select-checkbox, table.dataTable > tbody > tr.selected > th .select-checkbox {
    background-color: #c00
}

    table.dataTable > tbody > tr.selected > td .select-checkbox.checkbox-border, table.dataTable > tbody > tr.selected > th .select-checkbox.checkbox-border {
        border: .1rem solid #c00
    }

/*# sourceMappingURL=bootstrap_fs.css.map */