@font-face {

    font-family: 'MaPolice';

    src: url('Myriad-Pro.ttf')format('truetype');

}




.ull {
	margin-top: 25px;
	margin-right: 15px;

}
ul {
	font-family: 'MaPolice';
  margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	margin-left: 15px;
	box-shadow: 0px 4px 4px #1c1a19;
	
	
	margin-top: 10px;
	background : linear-gradient(to bottom,#0e4378,#5ab6e7);
}
.ac2   {
 width: 160px;
 height: 65px;
 border-right: 1px solid #000;

}
.ac{
	width: 160px;
 height: 65px;
 border-right: 1px solid #000;
}
.ac3{
	width: 170px;
 height: 65px;
 border-right: 1px solid #000;
}
ul li a  {
	color: #fff;
	display: block;
	padding: 7px 8px;
	text-decoration: none;
	transition: 0.3;
	font-size: 22px;
	font-weight: bold;
	
color: #f2f2f2;
	text-align: center ;
	padding: 14px 16px ;
}
ul li a.acc2 {
	color: #fff;
	display: block;
	padding: 7px 8px;
	text-decoration: none;
	transition: 0.3;
	font-size: 19px;
	
color: #f2f2f2;
	text-align: center ;
	padding: 14px 16px ;
}
ul li a.acc3 {
	color: #fff;
	display: block;
	padding: 7px 8px;
	text-decoration: none;
	transition: 0.3;
	font-size: 19px;
	
color: #f2f2f2;
	text-align: center ;
	padding-top: 25px;
	padding-right: 5px;
}
ul li a.acc {
	color: #fff;
	display: block;
	padding: 7px 8px;
	text-decoration: none;
	transition: 0.3;
	font-size: 19px;
	
	
color: #f2f2f2;
	text-align: center ;
	padding-top: 25px;
}

ul li:hover{
	background-color: #92c250;
	border-bottom: 4px solid #eee;
	
}
.activeee{
	background:linear-gradient(to bottom,#46a834,#dedd03);
	
	height: 65px;
}