﻿
:root {
    --primaryBg: #1B1F27;
    --primaryRGBA: rgba(27, 31, 39, 0.7);
    --primaryTxt: #fff;
    --primaryTxt2: #cccccc;
    --primaryTxt3: #999999;
    --accentBg: #FF9C00;
    --widgetG: #303745;
    --widgetBg: #303745;
    --widgetBgHover: #363e4e;
    --widgetBg2: #454f63;
    --widgetBg3: #4f5b72;
    --widgetTxt: #fff;
    --widgetTxt2: #cccccc;
    --widgetRadius: 0;
    --MenuLevel_AG: #363e4e;
    --MenuLevel_AG2: undefined;
    --MenuLevel_ATxt: #fff;
    --MenuLevel_BG: #454f63;
    --MenuLevel_BBg2: #5a6781;
    --MenuLevel_BTxt: #fff;
    --MenuLevel_CG: #4b566c;
    --headerBG: #3A4354;
}

/*.logo {
    background: url('images/ClientLogo/undefined/big.png') no-repeat;
    width: 115px;
    height: 36px;
    background-size: contain;
}

@media screen and (max-width: 1024px) {
    .logo {
        background: url('images/ClientLogo/undefined/sm.png') no-repeat;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
}*/

body {
    background-color: var(--primaryBg);
    color: var(--primaryTxt);
}

header {
    background: var(--headerG);
    box-shadow: 3px 1px 4px rgba(0,0,0,0.3);
}

.languages .select-list,
.langRow {
    background-color: var(--widgetBg2);
}

    .langRow .txt {
        color: var(--widgetTxt2);
    }

    .langRow:hover {
        background-color: var(--widgetBg3);
    }

.languages #selLang > a {
    border-radius: var(--widgetRadius);
}

.expandable-list {
    background-color: var(--primaryBg);
}

.main-col {
    background: var(--widgetBg);
    color: var(--widgetTxt);
}

.expandable-list .menuleft .menuleftа {
    background: var(--MenuLevel_AG);
    color: var(--MenuLevel_ATxt);
}

    .expandable-list .menuleft .menuleftа:hover {
        background: var(--MenuLevel_ABg2);
    }

.expandable-list .menuleft ul li a {
    background: var(--MenuLevel_BG);
    color: var(--MenuLevel_BTxt);
}

    .expandable-list .menuleft ul li a:hover {
        background-color: var(--MenuLevel_BBg2);
    }

.expandable-list .menuleft ul li.active a {
    background: var(--MenuLevel_CG);
}

.content-head {
    color: var(--accentBg);
}

.mob_nav {
    color: var(--widgetTxt2);
}

.subMenu .arrow,
.languages #selLang > a:after {
    color: var(--widgetTxt2);
}
