:root,
:root[data-theme='dark'],
:root [data-theme='dark'] {
	--bodyBg: #22343D;
	--bodyRGBA: rgba(34, 52, 61, 0.7);
	--bodyTxt: rgba(255, 255, 255, 0.9);
	--bodyTxt2: rgba(255, 255, 255, 0.6);
	--bodyTxt3: rgba(255, 255, 255, 0.4);
	--accentBg: #3AAFA9;
	--dominantG: #273c47;
	--dominantBg: #273c47;
	--dominantBgHover: #2c4451;
	--dominantBg2: #395868;
	--dominantBg3: #426678;
	--dominantTxt: rgba(255, 255, 255, 0.9);
	--dominantTxt2: rgba(255, 255, 255, 0.6);
	--dominantRadius: 0px;
	--menu_1G: #34505e;
	--menu_1Bg2: #466c7f;
	--menu_1Txt: rgba(255, 255, 255, 0.9);
	--menu_2G: #395868;
	--menu_2Bg2: #4b7489;
	--menu_2Txt: rgba(255, 255, 255, 0.9);
	--menu_3G: #3d5e6e;
	--headerBG: undefined;
	--headerG: #426678;
}

		:root,
		:root[data-theme="light"],
		:root [data-theme="light"] {
			--primaryBg: #FFFFFF;
			--primaryRGBA: rgba(255, 255, 255, 0.7);
			--primaryTxt: #000;
			--primaryTxt2: #333333;
			--primaryTxt3: #666666;
			--accentBg: #F3B11E;
			--widgetG: #DEDEDE;
			--widgetBg: #DEDEDE;
			--widgetBgHover: #e6e6e6;
			--widgetBg2: #f7f7f7;
			--widgetBg3: #ffffff;
			--widgetTxt: #000;
			--widgetTxt2: #333333;
			--widgetRadius: 0;
			--MenuLevel_AG: #e6e6e6;
			--MenuLevel_AG2: undefined;
			--MenuLevel_ATxt: #000;
			--MenuLevel_BG: #f7f7f7;
			--MenuLevel_BBg2: #ffffff;
			--MenuLevel_BTxt: #000;
			--MenuLevel_CG: #ffffff;
			--headerBG: #B7B7B7;
		}


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

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


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(--dominantRadius);
}

.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);
}