<div class="pagination-wrapper row {{ styleModifier }}">
	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 text-center {{colOpts}}">
		<span class="results-number">
			10 of 73
		</span>
		<ul class="paginator">
			<li>
				<a class="" href="javascript:;">First</a>
			</li>
			<li class="previous">
				<a class="icons-arrow-left-dark" href="javascript:;"></a>
			</li>
			<li>
				<a href="javascript:;">17</a>
			</li>
			<li>
				<a href="javascript:;">18</a>
			</li>
			<li class="active">
				<a href="javascript:;">19</a>
			</li>
			<li>
				<a href="javascript:;">20</a>
			</li>
			<li>
				<a href="javascript:;">21</a>
			</li>
			<li class="next">
				<a class="icons-arrow-right-dark" href="javascript:;"></a>
			</li>
			<li>
				<a class="" href="javascript:;">Last</a>
			</li>
		</ul>
	</div>

	<!-- <div class="col-xl-6  col-md-4 col-sm-12 text-center">

	</div> -->

	{{#if perPage }}
	<div class="col-xl-3 col-lg-3 col-md-4">
		<div class="item-number pull-right">
			<ul class="unstyled">
				<li>
					<a class="active" href="javascript:;">15</a>
				</li>
				<li>
					<a href="javascript:;">30</a>
				</li>
				<li>
					<a href="javascript:;">90</a>
				</li>
			</ul>
			<span>per page</span>
		</div>
	</div>
	{{/if}}
</div>
