html.dark-mode body {
    color: #fff;
    background-color: #363636;
    transition: 0.5s;
}

    html.dark-mode a {
        color: #fff;
    }

html.dark-mode .header,
html.dark-mode .header-row a {
    color: #595757;
}

html.dark-mode .header-row__2 {
    background-color: #363636;
}

html.dark-mode .search-box__field {
    color: #fff;
    background-color: #363636;
}

html.dark-mode .slide-sidebar {
    background-color: #363636;
}

html.dark-mode .slide-sidebar ul > li > a {
    border-bottom: 1px solid #515151;
}

html.dark-mode .footer {
    background-color: #191919;
    transition-delay: 0.1s;
}

html.dark-mode .footer-menu > li > a,
html.dark-mode .footer-contact .item a,
html.dark-mode .footer-contact .item {
    color: #fff;
}

html.dark-mode .footer-menu > li > a:hover,
html.dark-mode .footer-contact .item a:hover {
    color: #ff4f59;
}

html.dark-mode .page-breadcrumb li svg {
    stroke: #fff;
}

html.dark-mode .logo-wrapper {
    display: none;
}


html.dark-mode .header-logo:not(.white) {
    display: none;
}

html.dark-mode .header-logo.white {
    display: block;
}

html.dark-mode .logo-wrapper.white {
    display: flex;
}

html.dark-mode .mode-toggle-icon.moon {
    opacity: 0;
}

html.dark-mode .mode-toggle-icon.sun {
    opacity: 1;
}

html.dark-mode .mode-toggle-icon.sun svg {
    stroke: #333;
}

html.dark-mode .sidebar-toggle.open .toggle-icon span {
    background-color: #fff;
}

html.dark-mode .side-menu ul {
    position: relative;
    z-index: 0;
    background-color: #191919;
}

html.dark-mode .side-menu ul svg path {
    fill: #fff;
}


html.dark-mode .page-dealer .side-menu a {
    padding-left: 45px;
}

html.dark-mode .page-dealer .side-menu .layer-2 a {
    padding-left: 55px;
}

html.dark-mode .page-dealer .side-menu .layer-1 > a > svg {
    left: 18px;
}

html.dark-mode .dealer-info-icon svg {
    fill: #fff;
}


html.dark-mode .page-mobile-menu > .collapse__item > .collapse__button {
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}


html.dark-mode .desc tr:nth-of-type(odd) {
    background: #1b1b1b;
}


html.dark-mode .desc td, html.dark-mode .desc th {
    border: 1px solid #5d5d5d;
}

html.dark-mode .mobile-menu .collapse__content a {
    color: #ffffff;
}

html.dark-mode .mobile-menu .collapse__content {
    background-color: #595959;
}

@media(max-width: 991px) {
    html.dark-mode .header-row__2 {
        border-color: #232323;
    }
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    html.dark-mode .responsive tr {
        border: 1px solid #696969;
    }

    html.dark-mode .responsive td {
        border-bottom: 1px solid #696969;
    }

}