:root,
:host,
:root[data-theme],
:root [data-theme] {
    --bodyBg: #080808;
    --bodyTxt: #fff;
    --accentBg: #FFBB1B;
    --dominantG: #181818;
    --dominantBg: #181818;
    --dominantBg2: #313131;
    --dominantBg3: #3e3e3e;
    --dominantTxt: #fff;
    --dominantTxt2: #bababa;
    --menu_1G: #181818;
    --menu_1Bg2: #313131;
    --menu_1Txt: #fff;
    --menu_2G: #202020;
    --menu_2Bg2: #393939;
    --menu_2Txt: #fff;
    --menu_3G: #2A2A2A;
    --headerG: #181818;
    --borderRadius: undefinedpx;
}

.logo {
    background: url('images/ClientLogo/592/big_dark.png') no-repeat;
    width: 115px;
    height: 36px;
    background-size: contain;
}

:root[data-theme="dark"] .logo,
:root [data-theme="dark"] .logo {
    background: url('images/ClientLogo/592/big_dark.png') no-repeat;
    width: 115px;
    height: 36px;
    background-size: contain;
}

:root[data-theme="light"] .logo,
:root [data-theme="light"] .logo {
    background: url('images/ClientLogo/592/big_light.png') no-repeat;
    width: 115px;
    height: 36px;
    background-size: contain;
}

@media screen and (max-width: 1024px) {
    .logo {
        background: url('images/ClientLogo/592/sm_dark.png') no-repeat;
        width: 30px;
        height: 30px;
        background-size: contain;
    }

    :root[data-theme="dark"] .logo,
    :root [data-theme="dark"] .logo {
        background: url('images/ClientLogo/592/sm_dark.png') no-repeat;
        width: 30px;
        height: 30px;
        background-size: contain;
    }

    :root[data-theme="light"] .logo,
    :root [data-theme="light"] .logo {
        background: url('images/ClientLogo/592/sm_light.png') no-repeat;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
}

.tg_native_styled_scroll::-webkit-scrollbar-track {
    background: var(--bodyBg);
}

.tg_native_styled_scroll::-webkit-scrollbar-thumb {
    background: var(--dominantBg2);
}

    .tg_native_styled_scroll::-webkit-scrollbar-thumb:hover {
        background: var(--dominantBg3);
    }

body {
    background-color: var(--bodyBg);
    color: var(--bodyTxt);
}

header {
    background: var(--headerG);
    box-shadow: 3px 1px 4px rgba(0,0,0,0.3);
}

.languages .select-list,
.langRow {
    background-color: var(--dominantBg2);
}

    .langRow .txt {
        color: var(--dominantTxt2);
    }

    .langRow:hover {
        background-color: var(--dominantBg3);
    }

.languages #selLang > a {
    border-radius: var(--borderRadius);
}

.expandable-list {
    background-color: var(--bodyBg);
}

.main-col {
    background: var(--dominantBg);
    color: var(--dominantTxt);
}

.expandable-list .menuleft .menuleftа {
    background: var(--menu_1G);
    color: var(--menu_1Txt);
}

    .expandable-list .menuleft .menuleftа:hover {
        background: var(--menu_1Bg2);
    }

.expandable-list .menuleft ul li a {
    background: var(--menu_2G);
    color: var(--menu_2Txt);
}

    .expandable-list .menuleft ul li a:hover {
        background-color: var(--menu_2Bg2);
    }

.expandable-list .menuleft ul li.active a {
    background: var(--menu_3G);
}

.content-head {
    color: var(--accentBg);
}

.mob_nav {
    color: var(--dominantTxt2);
}

.subMenu .arrow,
.languages #selLang > a:after {
    color: var(--dominantTxt2);
}