html {
    --sans-serif-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --monospace-font-family: Menlo, "SF Mono", "Andale Mono", "Roboto Mono", Monaco, monospace;
    --font-family: var(--sans-serif-font-family);
    --cloudflare-logo-gray-rgb: 64, 64, 65;
    --cloudflare-logo-orange-rgb: 243, 128, 32;
    --cloudflare-logo-light-orange-rgb: 248, 173, 76;
    --orange-rgb: var(--cloudflare-logo-orange-rgb);
    --orange: rgb(var(--orange-rgb));
    --orange-for-use-as-selection-color: #ef9530;
    --light-blue-rgb: 79, 140, 200;
    --light-blue: rgb(var(--light-blue-rgb));
    --blue-rgb: 0, 81, 127;
    --blue: rgb(var(--blue-rgb));
    --red-0: #430c15;
    --red-0-rgb: 67, 12, 21;
    --red-1: #711423;
    --red-1-rgb: 113, 20, 35;
    --red-2: #a01c32;
    --red-2-rgb: 160, 28, 50;
    --red-3: #bf223c;
    --red-3-rgb: 191, 34, 60;
    --red-4: #da304c;
    --red-4-rgb: 218, 48, 76;
    --red-5: #e35f75;
    --red-5-rgb: 227, 95, 117;
    --red-6: #ec93a2;
    --red-6-rgb: 236, 147, 162;
    --red-7: #f3bac3;
    --red-7-rgb: 243, 186, 195;
    --red-8: #f9dce1;
    --red-8-rgb: 249, 220, 225;
    --red-9: #fcf0f2;
    --red-9-rgb: 252, 240, 242;
    --orange-0: #341a04;
    --orange-0-rgb: 52, 26, 4;
    --orange-1: #5b2c06;
    --orange-1-rgb: 91, 44, 6;
    --orange-2: #813f09;
    --orange-2-rgb: 129, 63, 9;
    --orange-3: #a24f0b;
    --orange-3-rgb: 162, 79, 11;
    --orange-4: #b6590d;
    --orange-4-rgb: 182, 89, 13;
    --orange-5: #e06d10;
    --orange-5-rgb: 224, 109, 16;
    --orange-6: #f4a15d;
    --orange-6-rgb: 244, 161, 93;
    --orange-7: #f8c296;
    --orange-7-rgb: 248, 194, 150;
    --orange-8: #fbdbc1;
    --orange-8-rgb: 251, 219, 193;
    --orange-9: #fdf1e7;
    --orange-9-rgb: 253, 241, 231;
    --gold-0: #2c1c02;
    --gold-0-rgb: 44, 28, 2;
    --gold-1: #573905;
    --gold-1-rgb: 87, 57, 5;
    --gold-2: #744c06;
    --gold-2-rgb: 116, 76, 6;
    --gold-3: #8e5c07;
    --gold-3-rgb: 142, 92, 7;
    --gold-4: #a26a09;
    --gold-4-rgb: 162, 106, 9;
    --gold-5: #c7820a;
    --gold-5-rgb: 199, 130, 10;
    --gold-6: #f4a929;
    --gold-6-rgb: 244, 169, 41;
    --gold-7: #f8cd81;
    --gold-7-rgb: 248, 205, 129;
    --gold-8: #fbe2b6;
    --gold-8-rgb: 251, 226, 182;
    --gold-9: #fdf3e2;
    --gold-9-rgb: 253, 243, 226;
    --green-0: #0f2417;
    --green-0-rgb: 15, 36, 23;
    --green-1: #1c422b;
    --green-1-rgb: 28, 66, 43;
    --green-2: #285d3d;
    --green-2-rgb: 40, 93, 61;
    --green-3: #31724b;
    --green-3-rgb: 49, 114, 75;
    --green-4: #398557;
    --green-4-rgb: 57, 133, 87;
    --green-5: #46a46c;
    --green-5-rgb: 70, 164, 108;
    --green-6: #79c698;
    --green-6-rgb: 121, 198, 152;
    --green-7: #b0ddc2;
    --green-7-rgb: 176, 221, 194;
    --green-8: #d8eee1;
    --green-8-rgb: 216, 238, 225;
    --green-9: #eff8f3;
    --green-9-rgb: 239, 248, 243;
    --cyan-0: #0c2427;
    --cyan-0-rgb: 12, 36, 39;
    --cyan-1: #164249;
    --cyan-1-rgb: 22, 66, 73;
    --cyan-2: #1d5962;
    --cyan-2-rgb: 29, 89, 98;
    --cyan-3: #26727e;
    --cyan-3-rgb: 38, 114, 126;
    --cyan-4: #2b818e;
    --cyan-4-rgb: 43, 129, 142;
    --cyan-5: #35a0b1;
    --cyan-5-rgb: 53, 160, 177;
    --cyan-6: #66c3d1;
    --cyan-6-rgb: 102, 195, 209;
    --cyan-7: #a5dce4;
    --cyan-7-rgb: 165, 220, 228;
    --cyan-8: #d0edf1;
    --cyan-8-rgb: 208, 237, 241;
    --cyan-9: #e9f7f9;
    --cyan-9-rgb: 233, 247, 249;
    --blue-0: #0c2231;
    --blue-0-rgb: 12, 34, 49;
    --blue-1: #163d57;
    --blue-1-rgb: 22, 61, 87;
    --blue-2: #1f567a;
    --blue-2-rgb: 31, 86, 122;
    --blue-3: #276d9b;
    --blue-3-rgb: 39, 109, 155;
    --blue-4: #2c7cb0;
    --blue-4-rgb: 44, 124, 176;
    --blue-5: #479ad1;
    --blue-5-rgb: 71, 154, 209;
    --blue-6: #7cb7de;
    --blue-6-rgb: 124, 183, 222;
    --blue-7: #add2eb;
    --blue-7-rgb: 173, 210, 235;
    --blue-8: #d6e9f5;
    --blue-8-rgb: 214, 233, 245;
    --blue-9: #ebf4fa;
    --blue-9-rgb: 235, 244, 250;
    --indigo-0: #181e34;
    --indigo-0-rgb: 24, 30, 52;
    --indigo-1: #2c365e;
    --indigo-1-rgb: 44, 54, 94;
    --indigo-2: #404e88;
    --indigo-2-rgb: 64, 78, 136;
    --indigo-3: #5062aa;
    --indigo-3-rgb: 80, 98, 170;
    --indigo-4: #6373b6;
    --indigo-4-rgb: 99, 115, 182;
    --indigo-5: #8794c7;
    --indigo-5-rgb: 135, 148, 199;
    --indigo-6: #a5aed5;
    --indigo-6-rgb: 165, 174, 213;
    --indigo-7: #c8cde5;
    --indigo-7-rgb: 200, 205, 229;
    --indigo-8: #e0e3f0;
    --indigo-8-rgb: 224, 227, 240;
    --indigo-9: #f1f3f8;
    --indigo-9-rgb: 241, 243, 248;
    --violet-0: #2d1832;
    --violet-0-rgb: 45, 24, 50;
    --violet-1: #502b5a;
    --violet-1-rgb: 80, 43, 90;
    --violet-2: #753f83;
    --violet-2-rgb: 117, 63, 131;
    --violet-3: #8e4c9e;
    --violet-3-rgb: 142, 76, 158;
    --violet-4: #9f5bb0;
    --violet-4-rgb: 159, 91, 176;
    --violet-5: #b683c3;
    --violet-5-rgb: 182, 131, 195;
    --violet-6: #c9a2d2;
    --violet-6-rgb: 201, 162, 210;
    --violet-7: #dbc1e1;
    --violet-7-rgb: 219, 193, 225;
    --violet-8: #ebddee;
    --violet-8-rgb: 235, 221, 238;
    --violet-9: #f7f1f8;
    --violet-9-rgb: 247, 241, 248;
    --gray-00-rgb: 23, 23, 24;
    --gray-00: rgb(var(--gray-00-rgb));
    --gray-0F-rgb: 25, 27, 29;
    --gray-0F: rgb(var(--gray-0F-rgb));
    --gray-0-rgb: 29, 31, 32;
    --gray-0: rgb(var(--gray-0-rgb));
    --gray-05-rgb: 36, 38, 40;
    --gray-05: rgb(var(--gray-05-rgb));
    --gray-1-rgb: 54, 57, 58;
    --gray-1: rgb(var(--gray-1-rgb));
    --gray-2-rgb: 78, 82, 85;
    --gray-2: rgb(var(--gray-2-rgb));
    --gray-3-rgb: 98, 103, 106;
    --gray-3: rgb(var(--gray-3-rgb));
    --gray-4-rgb: 114, 119, 123;
    --gray-4: rgb(var(--gray-4-rgb));
    --gray-5-rgb: 146, 151, 155;
    --gray-5: rgb(var(--gray-5-rgb));
    --gray-6-rgb: 183, 187, 189;
    --gray-6: rgb(var(--gray-6-rgb));
    --gray-7-rgb: 213, 215, 216;
    --gray-7: rgb(var(--gray-7-rgb));
    --gray-8-rgb: 234, 235, 235;
    --gray-8: rgb(var(--gray-8-rgb));
    --gray-9-rgb: 243, 243, 244;
    --gray-9: rgb(var(--gray-9-rgb));
    --gray-A-rgb: 247, 247, 248;
    --gray-A: rgb(var(--gray-A-rgb));
    --code-gray: #a7a7a3;
    --code-red: #ed8978;
    --code-orange: #fba056;
    --code-gold: #fdda68;
    --code-green: #57c78f;
    --code-blue: #78c0ed;
    --code-cyan: #71e4f4;
    --code-indigo: #7b99ea;
    --code-lilac: #d188dd;
    --code-violet: #a68adb;
    --code-gray-light-theme: var(--gray-3);
    --code-red-light-theme: #8f1500;
    --code-orange-light-theme: #b35000;
    --code-gold-light-theme: #b35300;
    --code-green-light-theme: #007a3d;
    --code-blue-light-theme: #00588f;
    --code-cyan-light-theme: #006c7a;
    --code-indigo-light-theme: #00268f;
    --code-lilac-light-theme: #7c008f;
    --code-violet-light-theme: #32008f;
    --diff-indicator-red: var(--code-red);
    --diff-indicator-green: var(--code-green);
    --diff-indicator-red-light-theme: #eb0052;
    --diff-indicator-green-light-theme: #0c6;
    --focus-color: rgba(var(--orange-rgb), .5)
}

.ThemeToggle {
    width: 50px;
    height: 28px;
    border-radius: 99em;
    display: inline-block;
    margin-bottom: -27px;
}

@media (max-width: 767px) {
    .ThemeToggle {
        margin-bottom: -17px;
    }
}

.ThemeToggle--input {
    position: absolute;
    opacity: 0;
    top: -9999em
}

.ThemeToggle--toggle {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 99em;
    background: rgba(var(--gray-6-rgb), .7);
    cursor: pointer;
    box-shadow: 0 0 0 var(--focus-size) var(--focus-color)
}

.ThemeToggle--input:not([is-focus-visible]) ~ .ThemeToggle--toggle {
    --focus-size: 0
}

.ThemeToggle--input:checked ~ .ThemeToggle--toggle, [theme=dark] .ThemeToggle[data-is-loading=true] .ThemeToggle--toggle {
    background: rgba(var(--gray-2-rgb), .7)
}

.ThemeToggle--toggle-handle {
    position: absolute;
    top: 3px;
    left: 3px;
    --size: 22px;
    width: var(--size);
    height: var(--size);
    border-radius: 99em;
    background: #fff;
    box-shadow: 0 .15em .3em rgba(0, 0, 0, .15), 0 .2em .5em rgba(0, 0, 0, .3)
}

.ThemeToggle--input:checked ~ .ThemeToggle--toggle .ThemeToggle--toggle-handle, [theme=dark] .ThemeToggle[data-is-loading=true] .ThemeToggle--toggle-handle {
    left: auto;
    right: 3px;
    background: var(--gray-00);
    border: 1px solid #000;
    box-shadow: 0 .5px hsla(0, 0%, 100%, .16)
}

.ThemeToggle--toggle-handle-icon {
    position: absolute;
    top: 6px;
    width: 16px;
    height: 16px
}

.ThemeToggle--moon, .ThemeToggle--sun {
    pointer-events: none
}

.ThemeToggle--sun {
    left: 6px
}

@media (max-width: 320px) {
    .ThemeToggle--sun {
        transform: translateX(-.1px)
    }
}

.ThemeToggle--moon {
    right: 6px;
    color: var(--gray-3)
}

.ThemeToggle--input:checked ~ .ThemeToggle--toggle .ThemeToggle--moon, .ThemeToggle--sun, [theme=dark] .ThemeToggle[data-is-loading=true] .ThemeToggle--moon {
    /*color: var(--orange);*/
    color: #fcdd76;
}

.ThemeToggle--input:checked ~ .ThemeToggle--toggle .ThemeToggle--sun, [theme=dark] .ThemeToggle[data-is-loading=true] .ThemeToggle--sun {
    color: rgba(var(--gray-6-rgb), .8)
}

[theme-is-changing] * {
    transition: none !important;
}

[theme=dark] body {
    background-color: #222;
    background-image: url(/images/background-invert.jpg);
}

[theme=dark] .breadcrumb > .active {
    color: #e0deda;
}

[theme=dark] .breadcrumb li {
    color: #e0deda;
}

[theme=dark] .panel-default > .panel-body {
    background-color: #303030;
    color: #e0deda;
}

[theme=dark] .catalog-container .panel-body {
    padding: 0 !important;
}

[theme=dark] table tbody tr td {
    background-color: rgba(0, 0, 0, 0.075);
    /*background-color: #444;*/
    color: #e0deda;
}

[theme=dark] label.checkbox {
    color: #e0deda;
}

[theme=dark] .panel-default {
    border-color: #444;
}

[theme=dark] .popover-title {
    background-color: #444;
}

[theme=dark] .popover-content {
    background-color: #303030;
}

[theme=dark] .panel-default > .panel-heading {
    background-color: #444;
    color: #e0deda;
}

[theme=dark] .panel-info > .panel-heading {
    background-color: #222;
    color: #e0deda;
}

[theme=dark] .stb-info {
    color: #e0deda;
}

[theme=dark] .shipping-top-block {
    background-image: url(/images/hexellence-invert.png);
    background-position: 0 0;
    background-repeat: repeat;
    border-color: #303030;
    color: #e0deda;
}

[theme=dark] #shopping-cart {
    color: #e0deda;
}

[theme=dark] h2, [theme=dark] h4 {
    color: #fff;
}

[theme=dark] ul.breadcrumb {
    background-color: #444;
    color: #999;
}

[theme=dark] .product-col {
    background-color: #303030;
    border-color: #444 #444 transparent;
    color: #e0deda;
}

[theme=dark] .product-col h4.part-col-list-h4 {
    color: #e0deda;
}

[theme=dark] .product-col .price span.price-new {
    color: #e0deda;
}

[theme=dark] #content .container {
    background: #222 !important;
}

[theme=dark] .intro-search-block {
    background-image: url(/images/hexellence-invert.png);
    background-position: 0 0;
    background-repeat: repeat;
    border-color: #303030;
    color: #e0deda;
}

[theme=dark] .top-tabs .tab-content {
    border-color: #303030;
}

[theme=dark] .top-tabs .nav.nav-tabs {
    background-color: #444;
}

[theme=dark] .top-tabs .nav li a {
    color: #999;
}

[theme=dark] .tab-pane {
    color: #e0deda;
}

[theme=dark] .tab-content {
    border-color: #303030;
}

[theme=dark] h1, [theme=dark] h3 {
    color: #fff;
}

[theme=dark] .shop-your-make .item a {
    border-color: #303030;
}

[theme=dark] .shop-your-make .shop-title {
    color: #e0deda;
}

[theme=dark] .counter-text-block {
    border-color: #303030;
    background-color: #444;
    color: #e0deda;
}

[theme=dark] #header .navbar {
    box-shadow: 0px 6px 6px 1px rgba(0, 0, 0, 0.75);
}

[theme=dark] .search-widget table tr td, [theme=dark] .search-widget table, [theme=dark] .search-widget table tr {
    border-color: #444 !important;
}

[theme=dark] #shopping-cart-content table tr td {
    border-color: #444 #444 transparent;
}

[theme=dark] #shopping-cart-content table tr {
    background-color: #303030;
    color: #e0deda;
}

[theme=dark] table tbody tr td {
    color: #e0deda;
}

[theme=dark] .table tr td {
    border-color: #444;
}

[theme=dark] table tbody tr th {
    color: #e0deda;
    background: #444 !important;
}


[theme=dark] .confirm-table table tr:nth-child(odd) th {
    color: #fff;
    background: #222 !important;
}

[theme=dark] .footer-top {
    border-top: 1px solid #444;
}

[theme=dark] .summary {
    color: #e0deda;
}

[theme=dark] table.order-details-special tbody tr th {
    background-color: #303030 !important;
}

[theme=dark] table.order-details-special tbody tr td {
    background-color: #303030 !important;
}

[theme=dark] .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--gray-1);
}

[theme=dark] table tr th {
    color: #fff;
}

[theme=dark] .cms-page-content {
    color: #e0deda;
}

[theme=dark] .alert-warning {
    background-color: #f39c12;
    color: #fff;
    border-color: #f39c12;
}

[theme=dark] .alert button.close {
    color: #fff;
}

[theme=dark] #sidebar {
    background-image: url(/images/hexellence-invert.png);
    border: 1px solid var(--gray-1);
}

[theme=dark] .icon-ps-BMW {
    background: url(/images/invert/brands.png) no-repeat -0px -0px !important;
}

[theme=dark] .icon-ps-CHEVROLET {
    background: url(/images/invert/brands.png) no-repeat -16px -0px !important;
}

[theme=dark] .icon-ps-CHRYSLER {
    background: url(/images/invert/brands.png) no-repeat -0px -96px !important;
}

[theme=dark] .icon-ps-DODGE {
    background: url(/images/invert/brands.png) no-repeat -16px -96px !important;
}

[theme=dark] .icon-ps-HONDA {
    background: url(/images/invert/brands.png) no-repeat -32px -0px !important;
}

[theme=dark] .icon-ps-HYUNDAI {
    background: url(/images/invert/brands.png) no-repeat -48px -0px !important;
}

[theme=dark] .icon-ps-INFINITI {
    background: url(/images/invert/brands.png) no-repeat -0px -16px !important;
}

[theme=dark] .icon-ps-ISUZU {
    background: url(/images/invert/brands.png) no-repeat -32px -16px !important;
}

[theme=dark] .icon-ps-JEEP {
    background: url(/images/invert/brands.png) no-repeat -32px -80px !important;
}

[theme=dark] .icon-ps-KIA {
    background: url(/images/invert/brands.png) no-repeat -48px -16px !important;
}

[theme=dark] .icon-ps-LAND-ROVER {
    background: url(/images/invert/brands.png) no-repeat -32px -64px !important;
}

[theme=dark] .icon-ps-LEXUS {
    background: url(/images/invert/brands.png) no-repeat -0px -32px !important;
}

[theme=dark] .icon-ps-MAZDA {
    background: url(/images/invert/brands.png) no-repeat -16px -32px !important;
}

[theme=dark] .icon-ps-MERCEDES-BENZ {
    background: url(/images/invert/brands.png) no-repeat -32px -32px !important;
}

[theme=dark] .icon-ps-MITSUBISHI {
    background: url(/images/invert/brands.png) no-repeat -48px -32px !important;
}

[theme=dark] .icon-ps-SUZUKI {
    background: url(/images/invert/brands.png) no-repeat -48px -48px !important;
}


[theme=dark] .icon-ps-TOYOTA {
    background: url(/images/invert/brands.png) no-repeat -0px -64px !important;
}

[theme=dark] .icon-ps-VOLKSWAGEN {
    background: url(/images/invert/brands.png) no-repeat -48px -64px !important;
}

[theme=dark] .icon-ps-VOLVO {
    background: url(/images/invert/brands.png) no-repeat -16px -80px !important;
}

[theme=dark] .table-bordered > thead > tr > th, [theme=dark] .table-bordered > tbody > tr > th, [theme=dark] .table-bordered > tfoot > tr > th, [theme=dark] .table-bordered > thead > tr > td, [theme=dark] .table-bordered > tbody > tr > td, [theme=dark] .table-bordered > tfoot > tr > td {
    border: 1px solid #444 !important;
}

[theme=dark] .popover {
    background-color: #444;
}

[theme=dark] .popover-title {
    border: none;
}

[theme=dark] .my-inbox-container table tr:nth-child(odd) td {
    background: #333 !important;
}

[theme=dark] .table > tbody > tr > td, [theme=dark] .table > tbody > tr > th, [theme=dark] .table > tfoot > tr > td, [theme=dark] .table > tfoot > tr > th, [theme=dark] .table > thead > tr > td, [theme=dark] .table > thead > tr > th {
    border-top: 1px solid #444;
}

[theme=dark] a {
    color: #3498db;
}

[theme=dark] a.btn {
    color: #fff;
}

[theme=dark] .nav > li > a:focus, [theme=dark] .nav > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #375a7f;
}

[theme=dark] .top-tabs .nav li a:hover {
    color: #999 !important;
}

[theme=dark] .model-core {
    color: #00bc8c;
}

[theme=dark] .panel-info {
    border-color: #3498db;
}

[theme=dark] table tbody tr td {
    background-color: #222;
    color: #e0deda;
}

[theme=dark] .panel-info > .panel-heading {
    border-color: #3498db;
}

[theme=dark] .f-inp {
    color: #000;
}

[theme=dark] .model-container .panel-body {
    padding: 0px !important;
}

[theme=dark] .shop-your-make .item a:hover, [theme=dark] .shop-your-make .item a:focus {
    border-color: #3498db;
    box-shadow: inset 0px 0px 3px #7db8e3;
}

[theme=dark] .group-th {
    padding-top: 10px !important;
}

[theme=dark] .the-what001 {
    background-color: #333;
}

[theme=dark] .search-trigger-container {
    color: #000;
}

[theme=dark] .new-message a {
    background-color: #e74c3c;
    color: #fff;
}

[theme=dark] .search-textarea {
    color: #000;
}

[theme=dark] .input-search {
    color: #000;
}

[theme=dark] #gf-result-table th {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

[theme=dark] #gf-result-table td {
    border-left: 1px solid #fff;
}

[theme=dark] .btn-default {
    color: #000 !important;
}

