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

    pre {
        overflow: auto
    }

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

    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }

    button {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }

    button[disabled],
    html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    input {
        line-height: normal
    }

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

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

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: .35em .625em .75em
    }

    legend {
        border: 0
    }

    textarea {
        overflow: auto
    }

    optgroup {
        font-weight: 700
    }

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

    td,
    th {
        padding: 0
    }

    @font-face {
        font-display: fallback;
        font-family: UvexNHG;
        font-style: normal;
        font-weight: 100;
        src: url(https://d2qrx616zfqhjn.cloudfront.net/releases/7.11.0/fonts/f93770b9e240bf66bd12.woff2) format("woff2"), url(https://d2qrx616zfqhjn.cloudfront.net/releases/7.11.0/fonts/62a77dda029a87e1730d.woff) format("woff")
    }

    @font-face {
        font-display: fallback;
        font-family: UvexNHG;
        font-style: normal;
        font-weight: 400;
        src: url(https://d2qrx616zfqhjn.cloudfront.net/releases/7.11.0/fonts/94f6c5b32c21767b2460.woff2) format("woff2"), url(https://d2qrx616zfqhjn.cloudfront.net/releases/7.11.0/fonts/cfee77ea1783716e20da.woff) format("woff")
    }

    @font-face {
        font-display: fallback;
        font-family: UvexNHG;
        font-style: normal;
        font-weight: 700;
        src: url(https://d2qrx616zfqhjn.cloudfront.net/releases/7.11.0/fonts/9476701a5171a4951cb9.woff2) format("woff2"), url(https://d2qrx616zfqhjn.cloudfront.net/releases/7.11.0/fonts/ffc52bdcb699ddba64c7.woff) format("woff")
    }

    :root {
        --brand-primary: #f60;
        --brand-secondary: #00349a;
        --brand-offcanvas-toggle: #fff;
        --brand-offcanvas-background: #2a2a2a;
        --brand-offcanvas-color: #fff;
        --brand-offcanvas-border-color: #666;
        --brand-offcanvas-divider-color: #fff;
        --brand-offcanvas-arrow-next-color: #666;
        --brand-offcanvas-arrow-prev-color: #fff;
        --brand-offcanvas-globe-display: none;
        --brand-offcanvas-divider-display: block
    }

    html {
        box-sizing: border-box
    }

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

    @-moz-viewport {
        width: device-width
    }

    @-o-viewport {
        width: device-width
    }

    @-webkit-viewport {
        width: device-width
    }

    @viewport {
        width: device-width
    }

    html {
        -ms-overflow-style: scrollbar;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        font-smoothing: antialiased;
        font-size: 16px
    }

    body {
        background-color: #fff;
        color: #000;
        font-family: UvexNHG, Arial, Geneva, Helvetica, sans-serif;
        font-size: .875rem;
        line-height: 1.5
    }

    body.cart-active,
    body.portal-active {
        overflow-y: hidden;
        padding-right: 8px
    }

    [tabindex="-1"]:focus {
        outline: none !important
    }

    .product .title,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: .5rem;
        margin-top: 0
    }

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

    dl,
    ol,
    ul {
        margin: 1.5rem 0;
        padding: 0 0 0 1.5rem
    }

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

    dt {
        font-weight: 700
    }

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


  

    table {
        background-color: transparent
    }

    caption {
        caption-side: bottom;
        color: #e3e3e3;
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    caption,
    th {
        text-align: left
    }




    table:not(.unstyled):not(.table) {
        width: 100%
    }

    table:not(.unstyled):not(.table) td,
    table:not(.unstyled):not(.table) th {
        padding: 1rem 0;
        text-align: center
    }

    @media(max-width:991px) {
        table:not(.unstyled):not(.table) td,
        table:not(.unstyled):not(.table) th {
            display: block;
            padding: .25rem;
            text-align: right
        }
        table:not(.unstyled):not(.table) td:nth-of-type(2n),
        table:not(.unstyled):not(.table) th:nth-of-type(2n) {
            background-color: #fff
        }
        table:not(.unstyled):not(.table) td:last-child,
        table:not(.unstyled):not(.table) th:last-child {
            border-bottom: 1px solid gray
        }
        table:not(.unstyled):not(.table) td:before,
        table:not(.unstyled):not(.table) th:before {
            content: attr(data-label);
            float: left;
            font-weight: 700;
            padding: 0 .5rem 0 0
        }
    }

    table:not(.unstyled):not(.table) th {
        font-weight: 700;
        height: 45px;
        position: relative
    }

    table:not(.unstyled):not(.table) th:after {
        border-color: gray transparent transparent;
        border-style: solid;
        border-width: 10px 10px 0;
        bottom: -10px;
        content: "";
        display: block;
        left: calc(50% - 5px);
        position: absolute;
        transform: rotate(1turn)
    }

    table:not(.unstyled):not(.table) thead {
        background-color: gray;
        color: #fff;
        text-transform: uppercase
    }

    table:not(.unstyled):not(.table) thead th {
        background-color: gray
    }

    @media(max-width:991px) {
        table:not(.unstyled):not(.table) thead {
            display: none
        }
    }

    table:not(.unstyled):not(.table) tbody {
        background-color: #f1f1f1;
        color: #666;
        font-size: .75rem
    }

    @media(min-width:992px) {
        table:not(.unstyled):not(.table) tbody tr:hover {
            background-color: #f60;
            color: #fff
        }
        table:not(.unstyled):not(.table) tbody tr:hover a {
            color: #fff
        }
    }

    table:not(.unstyled):not(.table) td+td,
    table:not(.unstyled):not(.table) th+th {
        border-left: 2px solid #fff
    }

    @media(max-width:991px) {
        table:not(.unstyled):not(.table) td+td,
        table:not(.unstyled):not(.table) th+th {
            border-left: 0
        }
    }

    @media(min-width:992px) {
        table:not(.unstyled):not(.table).striped tbody tr:nth-of-type(2n) {
            background-color: #fff
        }
        table:not(.unstyled):not(.table).striped tbody tr:nth-of-type(2n):hover {
            background-color: #f60
        }
    }

    table.horizontal {
        width: 100%
    }

    table.horizontal tr:not(:last-child) {
        border-bottom: 2px solid #fff
    }

    table.horizontal td:not(.th):not(:last-child) {
        border-right: 2px solid #fff
    }

    table.horizontal .th {
        background-color: gray;
        color: #fff;
        font-weight: 700;
        padding: 1rem;
        text-transform: uppercase;
        vertical-align: top
    }

    table.horizontal td {
        padding: 1rem .5rem
    }

    table.horizontal td:not(.th) {
        background-color: #f1f1f1;
        color: #666;
        font-size: .75rem;
        text-align: center
    }

    table.horizontal td:not(.th) img {
        display: inline-block
    }

    table.horizontal td:not(.th).bg-white {
        background-color: #fff
    }

    table.horizontal tbody tr:hover a:not(.btn) {
        color: #000
    }

    .table-shop {
        width: 100%
    }

    .table-shop th {
        font-weight: 700;
        height: 45px;
        position: relative
    }

    .table-shop thead {
        color: #fff;
        text-transform: uppercase
    }

    .table-shop thead,
    .table-shop thead th {
        background-color: gray
    }

    .table-shop td,
    .table-shop th {
        padding: 7px 12px;
        text-align: left
    }

    .table-shop td+td,
    .table-shop th+th {
        border-left: 2px solid #fff
    }

    .table-shop tbody {
        background-color: #f1f1f1;
        color: #666;
        font-size: .875rem
    }

    @media(min-width:992px) {
        .table-shop tbody tr:hover {
            background-color: #d0d0d0;
            color: #fff
        }
        .table-shop tbody tr:hover a {
            color: #fff
        }
    }

    .table {
        border-bottom: 1px solid #999;
        width: 100%
    }

    .table td,
    .table th {
        border-top: 1px solid #999;
        padding: .75rem;
        vertical-align: top
    }

    .table td.bg-primary,
    .table th.bg-primary {
        border-top-color: #fff
    }

    .table td.bg-primary-light,
    .table th.bg-primary-light {
        border-color: #fff
    }

    .table td p:last-child,
    .table th p:last-child {
        margin-bottom: 0
    }

    .table thead th {
        border-bottom: 3px solid #999;
        font-weight: 700;
        vertical-align: bottom
    }

    .table thead th.bg-primary {
        border-bottom-color: #fff
    }

    .table tbody+tbody tr:first-child td {
        border-top-width: 3px
    }

    .table caption {
        color: #000
    }

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

    .table-bordered,
    .table-bordered td,
    .table-bordered th {
        border: 1px solid gray
    }

    .table-bordered td.bg-primary,
    .table-bordered th.bg-primary {
        border-color: #fff
    }

    .table-bordered thead td,
    .table-bordered thead th {
        border-bottom-width: 2px
    }

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

    .table-striped tbody tr:nth-of-type(2n) {
        background-color: #f1f1f1
    }

    .table-hover tbody tr:hover {
        background-color: #f60
    }

    .table-numbers td:not(:first-child),
    .table-numbers th:not(:first-child) {
        text-align: right
    }

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

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