.dark,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
    color: #fff;
}
.dark #content,
.dark #wrapper,
.dark .modal-content,
.dark .page-transition-wrap,
.dark .portfolio-ajax-modal,
.dark .shop-quick-view-ajax,
body #side-panel.dark,
body.dark,
body.dark #side-panel {
    background-color: #2b303b;
}

.dark a:hover { color: #fff; }

.dark .css3-spinner-ball-pulse-sync > div,
.dark .css3-spinner-ball-rotate > div,
.dark .css3-spinner-ball-scale-multiple > div,
.dark .css3-spinner-grid-pulse > div,
.dark .css3-spinner-triangle-path > div,
.dark .css3-spinner-zig-zag > div,
.dark .css3-spinner > div {
    background-color: rgba(255, 255, 255, 0.35);
}
#header.dark:not(.transparent-header),
.dark #header:not(.transparent-header) {
    background-color: #333;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark),
#header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
#header.dark.transparent-header.floating-header .container,
#header.dark.transparent-header.floating-header.sticky-header .container,
.dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark),
.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
.dark #header.transparent-header.floating-header .container,
.dark #header.transparent-header.floating-header.sticky-header .container,
.dark .responsive-sticky-header #header-wrap,
.responsive-sticky-header.dark #header-wrap {
    background-color: rgb(36, 37, 41, 0.9);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    border-bottom: 1px solid #313642;
}
#header.dark.semi-transparent,
#header.dark.semi-transparent.floating-header .container,
.dark #header.semi-transparent,
.dark #header.semi-transparent.floating-header .container {
    background-color: rgba(43, 48, 59, 0.6);
}
#header.dark.semi-transparent.floating-header,
#header.dark.semi-transparent.floating-header.sticky-header .container,
#header.dark.sticky-header.semi-transparent,
.dark #header.semi-transparent.floating-header,
.dark #header.semi-transparent.floating-header.sticky-header .container,
.dark #header.sticky-header.semi-transparent {
    background-color: transparent;
}
#header.dark.semi-transparent.sticky-header #header-wrap,
.dark #header.semi-transparent.sticky-header #header-wrap {
    background-color: rgba(0, 0, 0, 0.6);
}
.dark #logo a {
    color: #fff;
}
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover,
.dark #header-wrap:not(.not-dark) #top-account a,
.dark #header-wrap:not(.not-dark) #top-account a:hover,
.dark #header-wrap:not(.not-dark) #top-cart a,
.dark #header-wrap:not(.not-dark) #top-cart a:hover,
.dark #header-wrap:not(.not-dark) #top-search a,
.dark #header-wrap:not(.not-dark) #top-search a:hover,
.dark #header-wrap:not(.not-dark) #top-search form input,
.dark #top-cart .top-cart-item-desc a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.overlay-menu #primary-menu.dark > #overlay-menu-close,
.overlay-menu #primary-menu.dark > ul > li > a,
body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a {
    color: #fff;
}
.dark .portfolio-filter {
    border-color: rgba(255, 255, 255, 0.08);
}
.dark .portfolio-filter li a {
    color: #fff;
    border-left-color: rgba(255, 255, 255, 0.08);
}
.dark .portfolio-filter li.activeFilter a,
.dark .portfolio-shuffle:hover {
    color: #fff;
}
.dark .feature-box h3 {
    color: #fff;
}
.dark .feature-box p {
    color: #abb9ba;
}
.dark .emphasis-title:not(.not-dark) h1,
.dark .emphasis-title:not(.not-dark) h2,
.dark .heading-block:not(.not-dark) h1,
.dark .heading-block:not(.not-dark) h2,
.dark .heading-block:not(.not-dark) h3,
.dark .heading-block:not(.not-dark) h4 {
    color: #fff;
    font-weight: 700;
}
.dark .heading-block:not(.not-dark) > span {
    color: #abb9ba;
}
.dark .form-process,
.dark .preloader,
.dark .preloader2 {
    background-image: url(../images/preloader-dark.gif);
}
footer.dark,
footer.dark a {
    color: #565759;
}
.dark .close {
    opacity: 1;
    color: rgba(128, 128, 128, 0.5);
    text-shadow: none;
    position: absolute;
    right: 16px;
    z-index: 20;
}
.dark .modal-content {
    border-color: #404040;
    padding: 10px;
}

