.main-ui-pagination {
	font-size: 11px;
	text-transform: uppercase;
	display: table;
	text-align: center;
}
.main-ui-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
}
.main-ui-pagination-pages {
	order: 2;
	display: inline-block;
}
.main-ui-pagination-label,
.main-ui-pagination-pages-list,
.main-ui-pagination-page,
.main-ui-pagination-arrows,
.main-ui-pagination-arrow {
	display: inline-block;
}
.main-ui-pagination-pages-list {
	order: 2;
}

.main-ui-pagination-arrow {
	position: relative;
	background-color: transparent;
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #282b2c;
	transition: color 0.2s ease, background-color 0.2s ease;
}
.main-ui-pagination-arrow:hover {
	color: #fff;
	background-color: #FF6134;
}

.main-ui-pagination-prev {
	order: 1;
	transform: rotate(180deg);
	margin-right: 8px;
}
.main-ui-pagination-next {
	order: 3;
	margin-left: 8px;
}

.main-ui-pagination-page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
    border-radius: 4px;
	color: #282b2c;
	transition: background-color 0.3s ease,color 0.3s ease;
}
.main-ui-pagination-page:hover {
	background: #FF6134;
	color: #FFFFFF;
}

.main-ui-pagination-page.main-ui-pagination-active {
	background: #FF6134;
	color: #FFFFFF;
}

@media screen and (max-width: 768px){
	.main-ui-pagination {
		margin-top: 32px;
	}
}