.pagination {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 5px 0;
    border-radius: 10px;
	margin:8px 0;
}

.pagination li a {
	display: block;
	padding: 8px 12px;
	text-decoration: none;
	border: 1px solid gray;
	color: black;
	margin: 0 4px;
	border-radius: 5px;
}

.pagination a:hover,
.pagination a:active {
	color: #faeb69;
    background:#2f3947;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	box-shadow: rgba(25, 25, 25, 0.4) 3px 3px 7px;
}
.pagination a.active,
.pagination a.active:hover,
.pagination a.active:active  {
	background-color: #2f3947;
	color: #ffe;
	box-shadow: none;
}
.pagination .disabled,
.pagination .disabled:hover,
.pagination .disabled:active{
	background: #fff;
	color:#c0c0c0;
	box-shadow: none;
	border:1px solid #C0C0C0;
}
.pageof{
	text-align:right;
	margin-right:5%;
}