/*Версия для слабовидящих*/

/*Стили опций для слабовидящих*/
.visual-aid-bar {
	background: #fff;
	color: #000;
	display: none;	
}
.visual-aid .visual-aid-bar {
	display: block;
}
.visual-aid .visual-aid-btn {
	display: none;
}
.visual-aid-btn {
	color: #000;
	font-weight: bold;
	flex: 0 0 auto;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.visual-aid-btn:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-position: under;
}
.visual-aid-btn::before {
	content:  '';
	display: inline-block;
	width: 25px;
	height: 25px;
	padding-bottom: 0;
	padding-right: 0;
	margin-right: 10px;
	background: url('/img/eye-icon.png') no-repeat;
	background-position: 50% 50%;
	vertical-align: middle;
	position: relative;
	top: -1px;
	border-bottom: solid 0px transparent;
	box-sizing: border-box;
}


.visual-aid .visual-aid-bar {
	padding: 20px 0;
	font-family: 'Arial';
	font-size: 16px;

}
.visual-aid-bar .g-max-width,
.visual-aid-bar .wrapper,
.visual-aid-bar .inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.visual-aid-bar .font-change,
.visual-aid-bar .cs-change,
.visual-aid-bar .img-change {
	display: flex;
	align-items: flex-end;

}
.visual-aid-bar .title {
	font-weight: bold;
}
.visual-aid-bar .font-change p,
.visual-aid-bar .cs-change p,
.visual-aid-bar .img-change p{
	margin: 0 10px 0 0;
}
.visual-aid-bar .option,
.visual-aid-off {
	cursor: pointer;
}
.visual-aid-bar .option {
	text-decoration: underline;
}
.visual-aid-bar .font-change .fs-small {
	font-size: var(--fsSM-1);
}
.visual-aid-bar .font-change .fs-medium {
	font-size: var(--fsMED-1);
}
.visual-aid-bar .font-change .fs-big {
	font-size: var(--fsBIG-1);
}
.font-small .option.fs-small,
.font-medium .option.fs-medium,
.font-large .option.fs-big,
.cs-white .option.cs-white,
.cs-black .option.cs-black,
.cs-contrast .option.cs-contrast,
body:not(.img-off) .option.img-on,
.img-off .option.img-off {
	text-decoration: none;
	font-weight: bold;
}
.visual-aid .option:hover {
	text-decoration: none;
}
/*Стили для опций для слабовидящих end*/
/*Размер шрифта*/
:root {
	--fs-24: 24px;
	--fs-23: 23px;
	--fs-22: 22px;
	--fs-21: 21px;
	--fs-20: 20px;
	--fs-19: 19px;
	--fs-18: 18px;
	--fs-17: 17px;
	--fs-16: 16px;
	--fs-15: 15px;
	--fs-14: 14px;
	--fs-13: 13px;
	--fs-12: 12px;
	--fs-11: 11px;
	--fs-10: 10px;
	--fs-9: 9px;
	/*Группа 12px-16px*/
	--visual-font-main: 16px;

	/*Группа 17px-24px*/
	--visual-font-medium: 18px;
	
	--fsBIG-1: 22px;
	--fsBIG-2: 24px;
	
	--fsMED-1: 20px;
	--fsMED-2: 22px;

	--fsSM-1: 16px;
	--fsSM-2: 18px;
	
	--toWhite: brightness(0) invert(1);
	--toBlack: brightness(0);
}
.font-large,
.font-medium,
.font-small {
	--fs-9: var(--visual-font-main);
	--fs-10: var(--visual-font-main);
	--fs-11: var(--visual-font-main);
	--fs-12: var(--visual-font-main);
	--fs-13: var(--visual-font-main);
	--fs-14: var(--visual-font-main);
	--fs-15: var(--visual-font-main);
	--fs-16: var(--visual-font-main);

	--fs-17: var(--visual-font-medium);
	--fs-18: var(--visual-font-medium);
	--fs-19: var(--visual-font-medium);
	--fs-20: var(--visual-font-medium);
	--fs-21: var(--visual-font-medium);
	--fs-22: var(--visual-font-medium);
	--fs-23: var(--visual-font-medium);
	--fs-24: var(--visual-font-medium);
}
.font-large {
	/*Группа 12px-16px*/
	--visual-font-main: var(--fsBIG-1);
	/*Группа 17px-24px*/
	--visual-font-medium: var(--fsBIG-2);	
}
.font-medium {
	/*Группа 12px-16px*/
	--visual-font-main: var(--fsMED-1);
	/*Группа 17px-24px*/
	--visual-font-medium: var(--fsMED-2);	
}
.font-small {
	/*Группа 12px-16px*/
	--visual-font-main: var(--fsSM-1);
	/*Группа 17px-24px*/
	--visual-font-medium: var(--fsSM-2);	
}
/*Размер шрифта end*/

/*Изображения*/
.img-off img{
	opacity: 0 !important;
}
.img-off * {
	transition: all 0s !important;
	animation-duration: 0s;
}
/*Изображения end*/
/*Цветовые схемы*/

.cs-white {
	--main-color: #fff;
	--accent: #000;
	--accent2: #000;
	--toMainColor: var(--toWhite);
	--toAccent: var(--toBlack);
}
.cs-black {
	--main-color: #000;
	--accent: #fff;
	--accent2: #fff;
	--toMainColor: var(--toBlack);
	--toAccent: var(--toWhite);
}
.cs-contrast {
	--main-color: #9dd1ff;
	--accent: #063462;
	--accent2: #063462;
	--toMainColor: brightness(0) saturate(100%) invert(69%) sepia(47%) saturate(348%) hue-rotate(176deg) brightness(104%) contrast(103%);
	--toAccent: brightness(0) saturate(100%) invert(14%) sepia(97%) saturate(1078%) hue-rotate(187deg) brightness(98%) contrast(101%);
}
/*Цветовые схемы end*/