.section { /*Длинна полосы прокрутки*/
  max-height: 781px;
  width: 600px; /*ширина окна для текста (можно убрать)*/
  padding: 0rem; /*Отступ побокам*/
  overflow-y: auto;
  direction: 0tr;  /*устанавливает направление письма и выравнивание текста*/
  scrollbar-color: #d4aa70 #e4e4e4; /*Цвет бегунка*/
  scrollbar-width: thin;


}

.section::-webkit-scrollbar { /*Ширина бегунка*/
  width: 5px;
}

.section::-webkit-scrollbar-track {
  background-color: #; /*Цвет поля под бегунком*/
  border-radius: 100px;
}

.section::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-image: linear-gradient(180deg, #e6e0c6 0%, #708ad4 99%);/*Цвет бегункa*/*/
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
}

{
  box-sizing: border-box;
}

/* Кнопка в тесте*/
.btn {
	display: inline-block;	
	box-sizing: border-box;
	padding: 0 5px;
	margin: 0 5px 5px 0;
	outline: none;
	border: 1px solid #315574; 
	border-radius: 5px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	color: #315574;
	background-color: #c3d7db; /* Кнопка с цвета */
	cursor: pointer;
	user-select: none;
	appearance: none;
	touch-action: manipulation;  
}
.btn:focus {
	box-shadow: 0 0 0 3px rgb(49 85 116 / 20%);
}
.btn:hover {
	color: #315574;
	background-color: #cae5f0;
	border-color: #6c757d;
}	
	
	.section2 { /*Длинна полосы прокрутки*/
  max-height: 300px;
  width: 180px; /*ширина окна для текста (можно убрать)*/
  padding: 0rem; /*Отступ побокам*/
  overflow-y: auto;
  direction: 0tr;  /*устанавливает направление письма и выравнивание текста*/
  scrollbar-color: #dfd2b8 #8a7d64; /*Цвет бегунка*/
  scrollbar-width: thin;


}

.section2::-webkit-scrollbar { /*Ширина бегунка*/
  width: 5px;
}

.section2::-webkit-scrollbar-track {
  background-color: #; /*Цвет поля под бегунком*/
  border-radius: 100px;
}

.section2::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-image: linear-gradient(180deg, #dfd2b8 0%, #8a7d64 99%);/*Цвет бегункa*/*/
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
}

{
  box-sizing: border-box;
}

   .hr {
    align-items: center;
    justify-content: center;
    border: none; /* Убираем границу */
    background-color: 898068; /* Цвет линии */
    color: 898068; /* Цвет линии для IE6-7 */
    height: 1px; /* Толщина линии */
   }

   .bnn {
	display: inline-block;	
	box-sizing: border-box;
	padding: 0 1px;
	margin: 0 2px 1px 0;
	outline: none;
	border: 1px solid #707359; 
	border-radius: 5px;
	width: 165px;
	height: 25px;
	line-height: 25px;
	font-size: 11.5px;
	font-weight: 600;
	text-decoration: none;
	color: #3c3930;
	background-image: url('images/menu_litri_03.png');  /* Кнопка с картинкой вместо цвета */
	cursor: pointer;
	user-select: none;
	appearance: none;
	touch-action: manipulation;  
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2); /* Внутренняя тень */
    border-radius: 1em 0.3em 1em 0.3em; /* Радиус скругления */

   }
   .bnn:focus {
	box-shadow: 0 0 0 3px rgb(49 85 116 / 20%);
}
.bnn:hover {
	color: #3c3930;
	background-color: #dbcfb4;
	border-color: #898068;
	box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.6); /* Внутренняя тень */
	border-bottom: 2px solid #707359; /* Линия снизу */
}	

   .bsn {
	display: inline-block;	
	box-sizing: border-box;
	padding: 0 17px;
	margin: 0 3px 3px 0;
	outline: none;
	border: 1px solid; 
	border-radius: 3px;
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	color: #315574;
	background-color: #c8dbe1;
	cursor: pointer;
	user-select: none;
	appearance: none;
	touch-action: manipulation;  
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); /* Внутренняя тень */
    border-radius: 1em 0.3em 1em 0.3em; /* Радиус скругления */

   }
   .bsn:focus {
	box-shadow: 0 0 0 3px rgb(49 85 116 / 20%);
}
.bsn:hover {
	color: #3c3930;
	background-color: #bed2d6;
	border-color: #8a9da8;
	box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.6); /* Внутренняя тень */
	border-bottom: 2px solid #8a9da8; /* Линия снизу */
}	

.ban {
	display: inline-block;	
	box-sizing: border-box;
	padding: 0 17px;
	margin: 0 3px 3px 0;
	outline: none;
	border: 1px solid; 
	border-radius: 3px;
	width: 400px;
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	color: #3c3930;
	background-color: #ede9d3;
	cursor: pointer;
	user-select: none;
	appearance: none;
	touch-action: manipulation;  
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); /* Внутренняя тень */
    border-radius: 0.3em 1em 0.3em 1em; /* Радиус скругления */
}
.ban:focus {
	box-shadow: 0 0 0 3px rgb(49 85 116 / 20%);
}
.ban:hover {
	color: #315574;
	background-color: #cae5f0;
	border-color: #6c757d;}


.section3 { /*Длинна полосы прокрутки*/
  max-height: 181px;
  width: 300px; /*ширина окна для текста (можно убрать)*/
  padding: 0rem; /*Отступ побокам*/
  overflow-y: auto;
  direction: 0tr;  /*устанавливает направление письма и выравнивание текста*/
  scrollbar-color: #bbd7d9 #6c9093; /*Цвет бегунка*/
  scrollbar-width: thin;


}

.section3::-webkit-scrollbar { /*Ширина бегунка*/
  width: 5px;
}

.section3::-webkit-scrollbar-track {
  background-color: #; /*Цвет поля под бегунком*/
  border-radius: 100px;
}

.section3::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-image: linear-gradient(180deg, #e6e0c6 0%, #708ad4 99%);/*Цвет бегункa*/*/
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
}

{
  box-sizing: border-box;
}

/* Кнопка в тесте*/
.btn {
	display: inline-block;	
	box-sizing: border-box;
	padding: 0 5px;
	margin: 0 5px 5px 0;
	outline: none;
	border: 1px solid #315574; 
	border-radius: 5px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	color: #315574;
	background-color: #c3d7db; /* Кнопка с цвета */
	cursor: pointer;
	user-select: none;
	appearance: none;
	touch-action: manipulation;  
}
.btn:focus {
	box-shadow: 0 0 0 3px rgb(49 85 116 / 20%);
}
.btn:hover {
	color: #315574;
	background-color: #cae5f0;
	border-color: #6c757d;