.pagination {
	color: #888;
	justify-content: center!important;
}

@media (max-width: 767px) {
	.pagination {
		margin-left: 7px;
	}
}

.pagination span, .pagination em, .pagination a {
	display: inline-block;
	border: 0;
	font-size: 14px;
	text-align: center;
	position: relative;
	line-height: 50px;
	width: 50px;
	height: 50px;
	padding: 0;
	overflow: hidden;
	background-color: #f5f5f5;
	border-right: 1px solid #d3d2d2;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	float: left;
}

.pagination a {
	color: #888;
	background-color: #f5f5f5;
}

.pagination a:hover {
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
	z-index: 999;
	color: #333;
	background-color: #EDEDED;
	text-decoration: none;
	background-color: #eee;
}

.pagination a:focus {
	text-decoration: none;
	background-color: #eee;
}

.pagination .current {
	color: #333;
	background-color: #EDEDED;
	font-style: normal;
	font-weight: bold;
}

.pagination .previous_page::before {
	color: #a96fe0;
	font-size: 18px;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f053";
}

.pagination .previous_page.disabled::before, .pagination .next_page.disabled::before {
	color:#e6e6e6;
}

.pagination .next_page::before {
	color: #a96fe0;
	font-size: 18px;
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f054";
}

@media screen and (max-device-width:479px) {
	.pagination span, .pagination em, .pagination a {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}