.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, #dfd2b8 0%, #8a7d64 99%);/*Цвет бегункa*/*/
  box-shadow: inset 2px 2px 5px 0 rgba(#000, 0.5);
}

{
  box-sizing: border-box;
}

   .hr {
    align-items: center;
    justify-content: center;
    border: none; /* Убираем границу */
    background-color: b3d1d2; /* Цвет линии */
    color: b3d1d2; /* Цвет линии для 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 #b3d1d2; 
	border-radius: 1px;
	width: 165px; /* длинна кнопки */
	height: 23px; /* высота кнопки */
	line-height: 15px; /* отступ сверху */
	font-size: 11.5px; /* размер текста в кнопке */
	font-weight: 600;
	text-decoration: none;
	color: #3c3930; /* Цвет текста */
	background-image: url('images/klass_04.gif');  /* Кнопка с картинкой вместо цвета */
	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;}