@font-face {
    font-family:  'RobotoSlab-Regular';
    src:  url(../font/RobotoSlab-Regular.woff) format('woff');        
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'fa-brands-400' ;
    src: url(../font/fa-brands-400.woff) format('woff');
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family:'ArialNova' ;
    src: url(../font/ArialNova.woff) format('woff');
    font-style: normal;
	font-weight: normal;
}


.section {
	height: 642px;
	width: 410px;	 /* ширина меню*/
	 /* сдесь был цвет фона блока*/
    margin-left:40px; 
    margin-top:57px; 
}
ul.tabs {
	height: 46px;
	line-height: 43px;
	list-style: none;
	border-bottom: 0px  #DDD;
	background: rgb(239, 240, 240);
}
.tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 2px  1px;
	color: #f0e5e5;
	cursor: pointer;
	background: #f8ad6b;
	border: 1px solid #E4E4E4;
	border-bottom: 1px solid #F9F9F9;
  position: relative;
   font-family: 'RobotoSlab-Regular';
  font-size: 17px;
border-bottom: 1px solid #DDD;
}
.tabs li:hover,
.vertical .tabs li:hover {
	color: rgb(247, 8, 8);
	padding: 0 14px;
	background: rgb(248, 238, 225);
	border: 2px solid rgb(238, 72, 6);
}
.tabs li.current {
	color: #f52408;
	background: #fdfdfd;
	padding: 0 13px 2px;
	}
.box::-webkit-scrollbar {
    width: 6px;
    background-color: #e4894c;
}
.box::-webkit-scrollbar-thumb {
    background-color: #223c50;
}
.box {
	display: none;
	/*border: 1px solid #D4D4D4; 
    border-width: 0 1px 1px;
	background: #EFEFEF;*/      /* цвет фона текста*/
	padding: 0 12px;
  width:490px;
  font-family: 'ArialNova';
  line-height: 1.2;
  font-size: 1.04em;/* размер шрифта других страниц*/ 
	height: 575px; 
	overflow-y: auto;
  }
  .box.visible {
	width:490px;
	display: block;
	font-family: 'ArialNova' ;
	line-height: 1.3;
	font-size: 1.06em;/* размер шрифта страницы цели движения*/	
	}
  P { 
    text-indent: 1.4em;  }