/************Палитра SNOWPRO - белый фон***********/

	.bg-sp-white {/* Палитра SNOWPRO - белый фон */
		color:#085CA3;
		background-color:#ffffff
	}


/************Палитра SNOWPRO - белый фон***********/

	.sp-invert {/* Палитра SNOWPRO - белый фон */
		background-color:#085CA3;
		color:#ffffff
	}


/************Церый цвет фона рабочего поля***********/

	.bk-gray {/* Церый цвет фона рабочего поля */
		background-color:RGB(241,243,248);
	}


/************Церый цвет фона рабочего поля***********/

	.bg-gray {/* Церый цвет фона рабочего поля */
		background-color:RGB(240,236,242);
	}


/************Церый цвет фона рабочего поля***********/

	.bg-light-blue {/* Церый цвет фона рабочего поля */
		background-color:#c9fffe;
		color:#058480;
	}


/************Скругленные края***********/

	.blk-rounded {/* Скругленные края */
		border-radius:12px;
	}


/************Размытый фон белого***********/

	.blur_bcolor {/* Размытый фон белого */
		backdrop-filter: blur(28px);
		background-color: RGBA(255,255,255,0.3);
	}


/************Размытый блок***********/

	.bk_mask {/* Размытый блок */
		height:100%;   
		min-height: 100%;
		width:100%;
		z-index:2;
		position:fixed;
		
		
	}


/************Размытая картинка***********/

	.blur_img {/* Размытая картинка */
		backdrop-filter: blur(8px);
	}


/************Размытый блок***********/

	.bk_blur {/* Размытый блок */
		background-color: rgba(10,10, 10, 0.4); 
		backdrop-filter: blur(10px);
		
		
		
	}


/************Валидация пройдена***********/

	.is-invalid {/* Валидация пройдена */
		border-color:red;
		border-width:3!important;
	}


/************Надпись о заполнении поля***********/

	.invalid-feedback {/* Надпись о заполнении поля */
		font-color:red;
		font-size:x-small;
		font-style:italic;
	}


/************Блок-карточка данных***********/

	.data-blс {/* Блок-карточка данных */
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		width: 50%;
		margin:0;
		padding:20px;
	}


/************Переопределение класса active***********/

	.navlink.active {/* Переопределение класса active */
		color:green!important;
	}


/************Ссылка***********/

	a:hover {/* Ссылка */
		cursor:pointer;
	}


/************Символ сворачивания***********/

	.collapse-sym {/* Символ сворачивания */
		text-decoration: none;
		font-family:'roboto',sans-serif;
		font-weight:bold;
		font-size:16pt!important;
		text-transform:uppercase;
		color:#085CA3;
		vertical-align:middle;
		height:100px;
		
	}


/************Символ сворачивания***********/

	.collapse-sym[aria-expanded="true"]::before {/* Символ сворачивания */
		content:url("/styles/plus.jpg");
		color:#085CA3;
		vertical-align:middle;
		height:80px;
		transform: rotate(45deg);
	}


/************Символ сворачивания***********/

	.collapse-sym::before {/* Символ сворачивания */
		content:url("/styles/plus.jpg");
		color:#085CA3;
		vertical-align:middle;
		height:80px;
		
	}


/************Символ сворачивания справа***********/

	.collapse-right {/* Символ сворачивания справа */
		text-decoration: none;
		font-family:'roboto',sans-serif;
		font-weight:bold;
		font-size:16pt!important;
		text-transform:uppercase;
		color:#085CA3;
		vertical-align:middle;
		height:100px;
		
	}


/************Символ сворачивания справа***********/

	.collapse-right[aria-expanded="true"]::after {/* Символ сворачивания справа */
		content:url("/styles/close.png");
		color:#085CA3;
		vertical-align:middle;
		height:80px;
		transform: rotate(45deg);
	}


/************Символ сворачивания справа***********/

	.collapse-right::after {/* Символ сворачивания справа */
		content:url("/styles/plus.png");
		color:#085CA3;
		vertical-align:middle;
		height:80px;
		
	}


/************Кросс-флекс***********/

	.crossflex {/* Кросс-флекс */
		display:flex;
	}


/************Блок со скругленными краями***********/

	.rnb {/* Блок со скругленными краями */
		border-radius:12px;
	}


/************Контейнер левого меню***********/

	.lmenu_box {/* Контейнер левого меню */
		height:90%;
		border-style:solid;
		border-width:thin;
		border-radius:8px;
		border-color:rgb(220,220,240);
		box-shadow:0px 4px 10px rgba(0,0,0,0.2);
		background-color:RGB(255, 255,255,0.9);
		width:70%; 
		top:0;
		
	}


/************Простой блок***********/

	.simple_block {/* Простой блок */
		margin:0;
		padding:0;
		position:relative;
	}


/************.dlink***********/

	.dlink {/* .dlink */
		border:1pxsolid#333;/*рамка*/
		display:inline-block;
		border-radius:8px;
		background-color:#eeeeee;
		padding:5px20px;/*поля*/
		text-decoration:none;/*убираемподчёркивание*/
		color:#222222;/*цветтекста*/
	}


/************.dlink***********/

	.dlink:hover  {/* .dlink */
		
		box-shadow:005pxrgba(0,0,0,0.3);/*тень*/
		background:linear-gradient(tobottom,#fcfff4,#e9e9ce);/*градиент*/
		color:#a00;
		
	}


/************Контейнер поля ввода***********/

	.bf_block {/* Контейнер поля ввода */
		border-style:solid;
		border-color:#dedede;
		border-radius:5px;
		margin:5px 20px 25px 50px;
		border-width:1;
		display:block;
		padding: 0;
		width:400px;
		height:60px;
		box-shadow: 2px 2px 2px rgba(0,0,0,.2);
		background-color:#eeeefe;
	}


/************Контейнер поля ввода***********/

	.bf_block:hover {/* Контейнер поля ввода */
		background-color:white;
	}


/************Контейнер поля ввода***********/

	.bf_block:focus-within {/* Контейнер поля ввода */
		background-color:white;
	}


/************Короткое поле с переносом***********/

	.bf_shortfield {/* Короткое поле с переносом */
		box-shadow:none;
		background-color: transparent;
		bottom:0;
		height:25px;
		margin: 4px 0 0 0;
		border-style:none;
		box-shadow:none;
		border-radius:0;
		padding:0 15px 0 15px;
		font-size: 14pt;
		color:#777777;;
		width:100%;
		
		
	}


/************Короткое поле с переносом***********/

	.bf_shortfield:focus {/* Короткое поле с переносом */
		border-style:none;
		box-shadow:none;
		outline: none !important;
		background-color:white;
	}


/************Края с закруглением 8зч***********/

	.br8 {/* Края с закруглением 8зч */
		.border-radius:8px;
		box-shadow: 2px 2px 2px rgba(0,0,0,.2);
		background-color:#eeeefe;
	}


/************Метка с обтеканиам слева***********/

	.bf_label {/* Метка с обтеканиам слева */
		float:left;
		clear:both;
		position:relative;
		width:100%;
		height:20px;
		padding:1px 5px 0 20px;
	}


/************Текст надписи***********/

	.f_text {/* Текст надписи */
		position:relative;
		font-size:12pt;	
		top:10px;
		
	}


/************Длинное поле***********/

	.longfield {/* Длинное поле */
		font-size:12pt;
	}


/************Список выбора***********/

	.js_chosen {/* Список выбора */
		font-size:12pt!important;
	}


/************Короткое поле с переносом***********/

	.shortfield {/* Короткое поле с переносом */
		font-size:12pt;
	}


/************Короткое поле с переносом***********/

	.shortfield:focus {/* Короткое поле с переносом */
		font-size:12pt;
	}


/************Метка с выравниванием на мобильном***********/

	.label_mob {/* Метка с выравниванием на мобильном */
		display:inline-block;
		cursor:pointer;
		padding-left:25px;
		margin-right:15px;
		font-size:13px;
		color:black;
	}


/************Метка с обтеканиам слева***********/

	.label_fl {/* Метка с обтеканиам слева */
		font-size:11pt;
		font-weight:400;
	}


/************Метка с маленьким тонким шрифтом***********/

	.label_smf {/* Метка с маленьким тонким шрифтом */
		font-size:10pt;
		font-weight:200;
	}


/************Флажок***********/

	.checkbox {/* Флажок */
		float:left;
		width:20px;
		height:20px;
		margin-top:9px;
		box-shadow:none;
	}


/************Флажок***********/

	.checkbox label:before {/* Флажок */
		border-radius:3px;
		
		
	}


/************Метка для флажка слева***********/

	.label_chbox_mid {/* Метка для флажка слева */
		font-size:10pt;
	}


/************Метка для флажка справа***********/

	.label_chbox_right {/* Метка для флажка справа */
		font-size:10pt;
	}


/************Темно зеленый цвет фона ***********/

	.dark_green {/* Темно зеленый цвет фона  */
		background-color:rgb(0,33,55, 0.9);
		color:white;
	}


/************Темно зеленый цвет фона ***********/

	.dark_green:hover {/* Темно зеленый цвет фона  */
		background-color:rgb(255,255,255,0.9);
	}


/************Темно зеленый цвет фона ***********/

	.dark_green:focus {/* Темно зеленый цвет фона  */
		background-color:rgb(255,255,255,0.9);
	}


/************Заголовок приглашения***********/

	.inv-header {/* Заголовок приглашения */
		margin: 3rem 0 1.5 rem 1 rem
	}


/************Скрепка***********/

	.inv_spring {/* Скрепка */
		height:auto;
		width:auto;
	}


/************Центральный блок***********/

	.inv-central {/* Центральный блок */
		display:flex;
		flex-direction:column;
		justify-content:center;
		margin:0;
		
	}


/************Оболочка панели***********/

	.cmd-panel {/* Оболочка панели */
		width:100%;
		background-color:#eeeeee;
		color:black;
		margin-top:0;
		padding-top:0;
		
	}


/************Кнопка командной панели***********/

	.cmd_button {/* Кнопка командной панели */
		border:1pxsolid#333;/*рамка*/
		border-radius:5px;
		background-color:#eeeeee;
		display:inline-block;
		padding:7px 20px;/*поля*/
		color:#22222;/*цвет текста*/
	}


/************Кнопка командной панели***********/

	.cmd_button:hover {/* Кнопка командной панели */
		
		box-shadow:0 0 5px rgba(0,0,0,0.3);/*тень*/
		background:linear-gradient(to bottom,#fcfff4,#e9e9ce);/*градиент*/
		color:#a00;
	}


/************Имя пользователя***********/

	.m-logout_user {/* Имя пользователя */
		font-size:13px;
		color:#777;
		font-family:'Roboto',sans-serif
	}


/************Форма входа***********/

	.login_form {/* Форма входа */
		padding:0;
		margin:0 auto;
		display:flex;
		flex-direction:row;
		justify-content:center;
		min-height:400px;
		border-style:solid;
		border-color:#cccccc;
		border-width:medium;
		border-radius:18px;
		box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)
	}


/************Форма входа***********/

	.reguser_form {/* Форма входа */
		background-color:RGB(22,100,140,0.6);
		padding:0;
		margin:0 auto;
		display:flex;
		flex-direction:row;
		justify-content:center;
		height:400px;
		border-style:solid;
		border-color:#cccccc;
		border-width:medium;
		border-radius:18px;
		box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)
	}


/************Главное меню***********/

	.m_main-menu {/* Главное меню */
		position:absolute;
	}


/************Верхнее меню (модификация)***********/

	.m_left .m_main-menu nav #main {/* Верхнее меню (модификация) */
		
		color:#ffffff
		
	}


/************.main-left-menu nav UL LI***********/

	.main-left-menunav UL LI {/* .main-left-menu nav UL LI */
		color:#ffffff!important
		
	}


/************Логотип***********/

	.m_logo_box {/* Логотип */
		position:relative;
		float:left;
		width:60px;
		z-index:1000;
		
	}


/************Логотип***********/

	.m_logo_fixed {/* Логотип */
		position:fixed;
		z-index:20000;
		
	}


/************Логотип***********/

	.m_logo_box_min {/* Логотип */
		position:relative;
		float:left;
		width:60px;
		z-index:1000;
		
	}


/************Затемнение фона***********/

	.mask {/* Затемнение фона */
		position:fixed;
		top:0px;
		left:0px;
		
		vertical-align:middle;
		margin-left:auto;
		margin-right:auto;
		
		width:100%;
		height:100%;
		background-color:rgba(50,50,50,0.6);
		z-index:100
	}


/************Основной баннер***********/

	.m_banner {/* Основной баннер */
		width:100%;
		height:auto;
	}


/************Наименование логотипа***********/

	.m_logo_name {/* Наименование логотипа */
		float:left;
		position:absolute;
		color:rgb(60,100,190);
		left:0px;
		text-shadow:4px 4px 3px rgba(100,100,190,.6);
		
	}


/************Наименование логотипа***********/

	.m_logo_name_min {/* Наименование логотипа */
		float:left;
		position:absolute;
		color:rgb(60,100,190);
		left:0px;
	}


/************Тело материала***********/

	.m_body {/* Тело материала */
		width:100%;
		padding-bottom:10px;
		line-height:2.2em;
		padding-top:1px;
		top:440px;
		align:center;
		z-index:200px;
		
	}


/************Отступы для одноколоночного контейнера***********/

	.inv-container {/* Отступы для одноколоночного контейнера */
		display:flex;
		justify-content:space-between;
		flex-direction:row;
		min-height:90%;
	}


/************Цвет логотипа SNOWPRO***********/

	.font-sp {/* Цвет логотипа SNOWPRO */
		color:#065BA3!important;
	}


/************Цвет логотипа SNOWPRO***********/

	.border-sp {/* Цвет логотипа SNOWPRO */
		border-color:#B2CAEB!important;
	}


/************Размытый белый фон***********/

	.bw-blur {/* Размытый белый фон */
		background-color: rgba(255, 255, 255, 0.6); 
		backdrop-filter: blur(10px);
	}


/************Рамка черная тонкая***********/

	.bb1 {/* Рамка черная тонкая */
		border-style:solid;
		border-width:1px;
	}


/************Рамка с радиусом 10***********/

	.br10 {/* Рамка с радиусом 10 */
		border-radius:14px;
		
	}


/************Фоновый рисунок***********/

	.bk_ground {/* Фоновый рисунок */
		top:0; left:0; background-image:url(/collection/gesh3.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: cover;
		min-height:100%;
		height: 100%;
		width: 100%;
		z-index:0;
		
	}


/************Красный текст***********/

	.redtext {/* Красный текст */
		color:red!important;/*красныйцветвыделения*/
		
	}


/************Отступ 40px***********/

	.tab {/* Отступ 40px */
		margin-left:40px;
	}


/************Заголовок 1 уровня***********/

	h1 {/* Заголовок 1 уровня */
		
		font-family:'roboto',sans-serif;
		font-weight:bold;
		font-size:20pt!important;
		text-transform:uppercase;
		color:#085CA3;
		line-height:1.5em;
		margin:0px;
		clear:both;
		
	}


/************Заголовок 2 уровня***********/

	h2 {/* Заголовок 2 уровня */
		color:#085CA3;
	}


/************Заголовок 3 уровня***********/

	h3 {/* Заголовок 3 уровня */
		color:#085CA3;
	}


/************Высота окна редактора***********/

	.ck-editor__editable {/* Высота окна редактора */
		min-height:400px;
	}


/************Проверять заполнение***********/

	.check-val {/* Проверять заполнение */
		{width:100px;}
	}



@media (min-width:1200px){

/************Блок-карточка данных***********/

	.data-blс {/* Блок-карточка данных */
		min-height:400px;
		padding:20px;
	}


/************Таблица приема взносов***********/

	.dn-table {/* Таблица приема взносов */
		margin-left:70px;
		width:50%;
	}


/************Модификация класса .navbar-toogler***********/

	.navbar-toggler {/* Модификация класса .navbar-toogler */
		display:none;
	}


/************Заголовок сворачиваемого блока***********/

	.m-header-collapse {/* Заголовок сворачиваемого блока */
		width:96%
	}


/************Кросс-флекс***********/

	.crossflex {/* Кросс-флекс */
		flex-direction:column;
	}


/************Контейнер левого меню***********/

	.lmenu_box {/* Контейнер левого меню */
		width:100%;
		padding:40px 0 20px 0;
		margin:20px auto 20px auto;
		
		
	}


/************Короткое поле с переносом***********/

	.bf_shortfield:focus {/* Короткое поле с переносом */
		border-style:none;
		box-shadow:none;
	}


/************Длинное поле***********/

	.longfield {/* Длинное поле */
		position:relative;
		height:30px;
		width:97%;
		min-width:0;;
	}


/************Список выбора***********/

	.js_chosen {/* Список выбора */
		position:relative;
		height:30px;
		width:90%;
		min-width:0;
		margin 0 40px 0 0;
	}


/************Короткое поле с переносом***********/

	.shortfield {/* Короткое поле с переносом */
		position:relative;
		height:30px;
		width:90%;
		min-width:0;
		margin 0 40px 0 0;
	}


/************Короткое поле с переносом***********/

	.shortfield:focus {/* Короткое поле с переносом */
		position:relative;
		height:30px;
		width:90%;
		min-width:0;
		margin 0 40px 0 0;
	}


/************Метка с обтеканиам слева***********/

	.label_fl {/* Метка с обтеканиам слева */
		float:left;
		clear:both;
		height:30px;
		padding-top:10px;
		margin: 0 5px 0 20px ;
		width:100%;
		height:20px;
		
	}


/************Метка с маленьким тонким шрифтом***********/

	.label_smf {/* Метка с маленьким тонким шрифтом */
		float:left;
		clear:both;
		height:20px;
		padding-top:0px;
		margin: 0 20px 0px 30px ;
		width:100%;
		width:auto;
		border-style:solid;
		top:0;
		
	}


/************Метка для флажка слева***********/

	.label_chbox_mid {/* Метка для флажка слева */
		float:left;
		padding-top:10px;
		margin: 0 20px 40px 20px;
		width:auto;
		height:20px;
		
	}


/************Метка для флажка справа***********/

	.label_chbox_right {/* Метка для флажка справа */
		padding-bottom:2px; 
		margin: 0 20px 0px 20px;
		width:auto;
		height:35px;
		
	}


/************Длинное поле с переносом***********/

	.long-field {/* Длинное поле с переносом */
		width:700px;
	}


/************Фоновый блок***********/

	.inv-back {/* Фоновый блок */
		height:80%
	}


/************Заголовок приглашения***********/

	.inv-header {/* Заголовок приглашения */
		margin: 1rem 0 1.5 rem 1 rem
	}


/************Блок кнопок приглашения***********/

	.inv-button {/* Блок кнопок приглашения */
		padding-bottom:2rem;
		padding-left:1rem;
		margin-left:0rem;
		margin-top:0;
	}


/************Пружинка***********/

	.inv-spring {/* Пружинка */
		height:100%;
	}


/************Оболочка панели***********/

	.cmd-panel {/* Оболочка панели */
		position:sticky;
		top:0;
		height:auto;
		box-shadow:0px 12px 23px rgba(0,0,0,.1);
	}


/************Форма входа***********/

	.login_form {/* Форма входа */
		width:400px;
		
	}


/************Форма входа***********/

	.reguser_form {/* Форма входа */
		width:683px;
		
	}


/************Главное меню***********/

	.m_main-menu {/* Главное меню */
		left:30%;
		height:25px;
		line-height:15px;
		width:600px;
		text-align:left;
		top:16px;
		margin-top:0;
	}


/************Текст главного меню (модификация)***********/

	.m_main-menu a {/* Текст главного меню (модификация) */
		font-size:20px;
		font--weigh:bold;
		letter-spacing:0.2em;
		width:auto;
		top:11px;
		margin:0px 14px 0 14px;
	}


/************Логотип***********/

	.m_logo_box {/* Логотип */
		top:8px;
		height:30px;
		line-height:30px;
		left:10px;
		width:30px;
		right:20px;
	}


/************Логотип***********/

	.m_logo_fixed {/* Логотип */
		top:30px;
		height:auto;
		line-height:30px;
		left:40px;
		width:200px;
		border-radius:25px;
		box-shadow: 0 0 30px rgba(0,0,0,0.#aaaaaa);
	}


/************Логотип***********/

	.m_logo_box_min {/* Логотип */
		top:8px;
		height:15px;
		line-height:30px;
		left:10px;
		width:10px;
		right:20px;
	}


/************Затемнение фона***********/

	.mask {/* Затемнение фона */
		padding-top:200px;
	}


/************Основной баннер***********/

	.m_banner {/* Основной баннер */
		position:fixed!important;
	}


/************Наименование логотипа***********/

	.m_logo_name {/* Наименование логотипа */
		font-size:42px;
		height:70px;
		width:220px;
		line-height:30px;
		top:0px;
		left:20px;
		
	}


/************Наименование логотипа***********/

	.m_logo_name_min {/* Наименование логотипа */
		font-size:42px;
		height:55px;
		width:150px;
		line-height:30px;
		top:0px;
		left:20px;
		text-shadow:4px 4px 3px rgba(100,100,190,.6);
	}


/************Ширина 200px***********/

	.w-200px {/* Ширина 200px */
		width:200px!important;
	}


/************Отступы для одноколоночного контейнера***********/

	.inv-container {/* Отступы для одноколоночного контейнера */
		padding:20px 60px;
		
	}


/************Отступы для одноколоночного контейнера***********/

	.logo-one {/* Отступы для одноколоночного контейнера */
		top:0;
		height:65px;
		left:0px;
		width:200px;
		right:20px;
		margin:0;
		padding:0;
	}


/************Вычисляемый размер маленького шрифта***********/

	.m-font-sm-calc {/* Вычисляемый размер маленького шрифта */
		font-size:calc(#*f-sm-min*#px + (#*f-sm-max*# - #*f-sm-min*#) * ((100vw - 480px) / (1920 - 480)));
		color:#555555;
	}


/************Кнопка редактора***********/

	.editor_fl {/* Кнопка редактора */
		height:80%;
		width:100%;
	}


/************Заголовок 2 уровня***********/

	h2 {/* Заголовок 2 уровня */
		font-size:28px;
		
		
		
		
	}


/************Заголовок 3 уровня***********/

	h3 {/* Заголовок 3 уровня */
		font-size:22px;
	}


/************Таблица детализации взносов***********/

	.dn-tab-detail {/* Таблица детализации взносов */
		margin-left:5%;
		width:900px;
	}


}



@media (min-width:768px) and (max-width:1199.98px){

/************Блок-карточка данных***********/

	.data-blс {/* Блок-карточка данных */
		min-height:450px;
		padding:15px;
		
	}


/************Таблица приема взносов***********/

	.dn-table {/* Таблица приема взносов */
		margin-left:70px;
		width:60%;
	}


/************Модификация класса .navbar-toogler***********/

	.navbar-toggler {/* Модификация класса .navbar-toogler */
		display:none;
	}


/************Заголовок сворачиваемого блока***********/

	.m-header-collapse {/* Заголовок сворачиваемого блока */
		width:93%
	}


/************Кросс-флекс***********/

	.crossflex {/* Кросс-флекс */
		flex-direction:column;
	}


/************Контейнер левого меню***********/

	.lmenu_box {/* Контейнер левого меню */
		width:100%;
		padding:50px 20px 50px 30px;
		margin:20px auto 20px auto;
	}


/************Короткое поле с переносом***********/

	.bf_shortfield:focus {/* Короткое поле с переносом */
		border-style:none;
		box-shadow:none;
	}


/************Длинное поле***********/

	.longfield {/* Длинное поле */
		position:relative;
		height:30px;
		width:94%;
		min-width:0;
	}


/************Список выбора***********/

	.js_chosen {/* Список выбора */
		position:relative;
		height:30px;
		margin 0 40px 0 0;
		width:90%;
		min-width:0;
	}


/************Короткое поле с переносом***********/

	.shortfield {/* Короткое поле с переносом */
		position:relative;
		height:30px;
		margin 0 40px 0 0;
		width:90%;
		min-width:0;
	}


/************Короткое поле с переносом***********/

	.shortfield:focus {/* Короткое поле с переносом */
		position:relative;
		height:30px;
		margin 0 40px 0 0;
		width:90%;
		min-width:0;
	}


/************Метка с обтеканиам слева***********/

	.label_fl {/* Метка с обтеканиам слева */
		float:left;
		clear:both;
		height:30px;
		padding-top:10px;
		margin: 0 20px 0 20px ;
		width:100%;
		height:20px;
	}


/************Метка с маленьким тонким шрифтом***********/

	.label_smf {/* Метка с маленьким тонким шрифтом */
		float:left;
		clear:both;
		height:20px;
		padding-top:0px;
		margin: 0 20px 0px 30px;
		width:100%;
		
		width:auto;
		border-style:solid;
		top:0;
	}


/************Метка для флажка слева***********/

	.label_chbox_mid {/* Метка для флажка слева */
		float:left;
		padding-top:10px;
		margin: 0 20px 40px 20px ;
		width:auto;
		height:20px;
	}


/************Метка для флажка справа***********/

	.label_chbox_right {/* Метка для флажка справа */
		padding-bottom:2px;
		margin: 0 20px 0px 20px ;
		width:auto;
		height:35px;
	}


/************Длинное поле с переносом***********/

	.long-field {/* Длинное поле с переносом */
		width:500px;
	}


/************Блок кнопок приглашения***********/

	.inv-button {/* Блок кнопок приглашения */
		padding-bottom:2rem;
		padding-left:1rem;
		
	}


/************Пружинка***********/

	.inv-spring {/* Пружинка */
		height:100%;
	}


/************Оболочка панели***********/

	.cmd-panel {/* Оболочка панели */
		position:sticky;
		top:0;
		height:70px;
		box-shadow:0px 12px 23px rgba(0,0,0,.1);
	}


/************Форма входа***********/

	.login_form {/* Форма входа */
		width:400px;
		
	}


/************Форма входа***********/

	.reguser_form {/* Форма входа */
		width:512x;
		
	}


/************Главное меню***********/

	.m_main-menu {/* Главное меню */
		    left: 28%;
		    height: 30px;
		    line-height: 15px;
		    width: 460px;
		    text-align: left;
		    top: 13px;
		    margin-top: 0;
	}


/************Текст главного меню (модификация)***********/

	.m_main-menu a {/* Текст главного меню (модификация) */
		font-size:14px;
		font--weigh:bold;
		letter-spacing:0.2em;
		width:auto;
		top:9px;
		margin:0px 4px 0 8px;
	}


/************Логотип***********/

	.m_logo_box {/* Логотип */
		top:8px;
		height:30px;
		line-height:30px;
		left:0px;
		width:20px;
		right:20px;
	}


/************Логотип***********/

	.m_logo_fixed {/* Логотип */
		top:8px;
		height:auto;
		line-height:30px;
		left:10px;
		width:200px;
		border-radius:25px;
	}


/************Логотип***********/

	.m_logo_box_min {/* Логотип */
		top:8px;
		height:25px;
		line-height:30px;
		left:0px;
		width:20px;
		right:20px;
	}


/************Затемнение фона***********/

	.mask {/* Затемнение фона */
		padding-top:200px;
	}


/************Основной баннер***********/

	.m_banner {/* Основной баннер */
		position:fixed!important;
	}


/************Наименование логотипа***********/

	.m_logo_name {/* Наименование логотипа */
		font-size:32px;
		height:60px;
		width:190px;
		line-height:25px;
		top:0px;
		left:0px;
		
	}


/************Наименование логотипа***********/

	.m_logo_name_min {/* Наименование логотипа */
		font-size:32px;
		height:30px;
		line-height:30px;
		top:0px;
		left:0px;
		text-shadow:4px 4px 3px rgba(100,100,190,.6);
	}


/************Ширина 200px***********/

	.w-200px {/* Ширина 200px */
		width:200px!important;
	}


/************Отступы для одноколоночного контейнера***********/

	.inv-container {/* Отступы для одноколоночного контейнера */
		padding:20px;
	}


/************Отступы для одноколоночного контейнера***********/

	.logo-one {/* Отступы для одноколоночного контейнера */
		top:0;
		height:50px;
		left:0px;
		width:140px;
		right:20px;
		margin:0;
		padding:0;
	}


/************Вычисляемый размер маленького шрифта***********/

	.m-font-sm-calc {/* Вычисляемый размер маленького шрифта */
		font-size:calc(#*f-sm-min*#px + (#*f-sm-max*# - #*f-sm-min*#) * ((100vw - 480px) / (1920 - 480)));
		color:#555555;
	}


/************Кнопка редактора***********/

	.editor_fl {/* Кнопка редактора */
		height:80%;
		width:100%;
	}


/************Заголовок 2 уровня***********/

	h2 {/* Заголовок 2 уровня */
		font-size:26px;
	}


/************Заголовок 3 уровня***********/

	h3 {/* Заголовок 3 уровня */
		font-size:22px;
	}


/************Таблица детализации взносов***********/

	.dn-tab-detail {/* Таблица детализации взносов */
		margin-left:1%;
		width:98%;
	}


}



@media (min-width:576px) and (max-width:767.98px){

/************Блок-карточка данных***********/

	.data-blс {/* Блок-карточка данных */
		min-width:245px;
		padding:10px;
	}


/************Таблица приема взносов***********/

	.dn-table {/* Таблица приема взносов */
		margin-left:50px;
		width:75%;
	}


/************Заголовок сворачиваемого блока***********/

	.m-header-collapse {/* Заголовок сворачиваемого блока */
		width:93%
	}


/************Кросс-флекс***********/

	.crossflex {/* Кросс-флекс */
		flex-direction:row;
	}


/************Контейнер левого меню***********/

	.lmenu_box {/* Контейнер левого меню */
		width:95%;
		border-style:solid;
		border-width:thin;
		border-radius:0px;
		border-color:rgb(220,220,240);
		box-shadow:0px 0px 0px rgba(0,0,0,0.2);
		padding-left:20px;
		margin:2px auto;
		
		
	}


/************Короткое поле с переносом***********/

	.bf_shortfield {/* Короткое поле с переносом */
		width:320px;
		margin-left:0;
	}


/************Метка с обтеканиам слева***********/

	.bf_label {/* Метка с обтеканиам слева */
		width:320px;
	}


/************Длинное поле***********/

	.longfield {/* Длинное поле */
		width:320px;
		margin-left:0;
	}


/************Список выбора***********/

	.js_chosen {/* Список выбора */
		width:320px;
		margin-left:0;
	}


/************Короткое поле с переносом***********/

	.shortfield {/* Короткое поле с переносом */
		width:320px;
		margin-left:0;
	}


/************Короткое поле с переносом***********/

	.shortfield:focus {/* Короткое поле с переносом */
		width:320px;
		margin-left:0;
	}


/************Метка с выравниванием на мобильном***********/

	.label_mob {/* Метка с выравниванием на мобильном */
		width:120px;
		
	}


/************Метка с обтеканиам слева***********/

	.label_fl {/* Метка с обтеканиам слева */
		width:320px;
	}


/************Метка с маленьким тонким шрифтом***********/

	.label_smf {/* Метка с маленьким тонким шрифтом */
		width:320px;
	}


/************Метка для флажка слева***********/

	.label_chbox_mid {/* Метка для флажка слева */
		width:320px;
	}


/************Метка для флажка справа***********/

	.label_chbox_right {/* Метка для флажка справа */
		padding-bottom:20px;
		margin: 0 20px 40px 20px ;
		width:auto;
		height:35px;
		
	}


/************Длинное поле с переносом***********/

	.long-field {/* Длинное поле с переносом */
		width:50px
	}


/************Заголовок приглашения***********/

	.inv-header {/* Заголовок приглашения */
		margin:0;
		text-align:center;
		height:30px;
	}


/************Блок кнопок приглашения***********/

	.inv-button {/* Блок кнопок приглашения */
		margin-left:20px;
		margin-top:0;
	}


/************Пружинка***********/

	.inv-spring {/* Пружинка */
		display:none;
	}


/************Оболочка панели***********/

	.cmd-panel {/* Оболочка панели */
		position:sticky;
		top:0;
		height:70px;
		box-shadow:0px 5px 14px rgba(0,0,0,.1);
		
	}


/************Форма входа***********/

	.login_form {/* Форма входа */
		width:400px;
		
	}


/************Форма входа***********/

	.reguser_form {/* Форма входа */
		width:400px;
		
	}


/************Главное меню***********/

	.m_main-menu {/* Главное меню */
		    left: 22%;
		    height: 30px;
		    line-height: 15px;
		    width: 460px;
		    text-align: left;
		    top: 13px;
		    margin-top: 0;
	}


/************Текст главного меню (модификация)***********/

	.m_main-menu a {/* Текст главного меню (модификация) */
		font-size:14px;
		letter-spacing:1.2px;
		margin:0px 5px 0 5px;;
	}


/************Логотип***********/

	.m_logo_box {/* Логотип */
		top:8px;
		height:30px;
		line-height:30px;
		left:0px;
		width:20px;
		right:20px;
	}


/************Логотип***********/

	.m_logo_fixed {/* Логотип */
		top:8px;
		height:auto;
		line-height:30px;
		left:10px;
		width:200px;
		border-radius:25px;
		
	}


/************Логотип***********/

	.m_logo_box_min {/* Логотип */
		top:0px;
		height:10px;
		line-height:30px;
		left:0px;
		width:60px;
		
	}


/************Затемнение фона***********/

	.mask {/* Затемнение фона */
		padding-top:100px;
		
	}


/************Основной баннер***********/

	.m_banner {/* Основной баннер */
		position:relative!important;
	}


/************Наименование логотипа***********/

	.m_logo_name {/* Наименование логотипа */
		font-size:32px;
		width:140px;
		line-height:20px;
		top:0px;
		left:0px;
		
		
		
	}


/************Наименование логотипа***********/

	.m_logo_name_min {/* Наименование логотипа */
		font-size:22px;
		top:5px;
		left:10px;
		font-style:roboto;
		background-color:rgb(60,100,190);
		color:white;
		
		
	}


/************Ширина 200px***********/

	.w-200px {/* Ширина 200px */
		width:200px!important;
	}


/************Отступы для одноколоночного контейнера***********/

	.inv-container {/* Отступы для одноколоночного контейнера */
		padding:10px;
		
	}


/************Отступы для одноколоночного контейнера***********/

	.logo-one {/* Отступы для одноколоночного контейнера */
		height:60px;
		width:200px;
		margin:auto;
		padding:0px 10px;;
	}


/************Заголовок 2 уровня***********/

	h2 {/* Заголовок 2 уровня */
		font-size:24px;
	}


/************Заголовок 3 уровня***********/

	h3 {/* Заголовок 3 уровня */
		font-size:20px;
	}


/************Таблица детализации взносов***********/

	.dn-tab-detail {/* Таблица детализации взносов */
		margin-left:1%;
		width:98%;
	}


}



@media (max-width:575.98px){

/************Размытый фон белого***********/

	.blur_bcolor {/* Размытый фон белого */
		RGB(255,255,255);
	}


/************Блок-карточка данных***********/

	.data-blс {/* Блок-карточка данных */
		width:100%;
		display:none;
	}


/************Таблица приема взносов***********/

	.dn-table {/* Таблица приема взносов */
		width:100%;
	}


/************Заголовок сворачиваемого блока***********/

	.m-header-collapse {/* Заголовок сворачиваемого блока */
		width:90%
	}


/************Кросс-флекс***********/

	.crossflex {/* Кросс-флекс */
		flex-direction:row;
	}


/************Блок со скругленными краями***********/

	.rnb {/* Блок со скругленными краями */
		border-style:none;
	}


/************Фоновый блок***********/

	.inv-back {/* Фоновый блок */
		height:100%
	}


/************Блок кнопок приглашения***********/

	.inv-button {/* Блок кнопок приглашения */
		margin-left:10px;
		margin-top:0;
	}


/************Пружинка***********/

	.inv-spring {/* Пружинка */
		display:none;
	}


/************Центральный блок***********/

	.inv-central {/* Центральный блок */
		justify-content:flex-start;
	}


/************Форма входа***********/

	.login_form {/* Форма входа */
		max-width:400px;
		min-width:258px;
		width:100%;
		
	}


/************Форма входа***********/

	.reguser_form {/* Форма входа */
		max-width:400px;
		min-width:258px;
		width:100%;
		
	}


/************Главное меню***********/

	.m_main-menu {/* Главное меню */
		top:0px;
		margin-top:0px;
		padding-top:2px;
		left:30px;
		height:40px;
		line-height:55px;
		width:300px;
		text-align:left;
	}


/************Логотип***********/

	.m_logo_box {/* Логотип */
		top:8px;
		height:30px;
		line-height:30px;
		left:0px;
		width:20px;
		right:20px;
	}


/************Наименование логотипа***********/

	.m_logo_name {/* Наименование логотипа */
		display:none;
		
	}


/************Ширина 200px***********/

	.w-200px {/* Ширина 200px */
		width:100%!important;
	}


/************Отступы для одноколоночного контейнера***********/

	.inv-container {/* Отступы для одноколоночного контейнера */
		padding:0;
		justify-control:flex-start;
	}


/************Отступы для одноколоночного контейнера***********/

	.logo-one {/* Отступы для одноколоночного контейнера */
		;
	}


/************Размытый белый фон***********/

	.bw-blur {/* Размытый белый фон */
		background-color: rgba(140, 140, 140, 0); 
	}


/************Заголовок 2 уровня***********/

	h2 {/* Заголовок 2 уровня */
		font-size:22px;
	}


/************Заголовок 3 уровня***********/

	h3 {/* Заголовок 3 уровня */
		font-size:18px;
	}


/************Таблица детализации взносов***********/

	.dn-tab-detail {/* Таблица детализации взносов */
		width:100%;
	}


}