/* LISTINGS */
.listings {min-height: 16px; font-size: 1.384615em; line-height: 1.4444em; font-weight: 300; color: #4a4a4a; text-align: center; text-transform: uppercase; padding: 46px 0; margin: 0;}
.listings .page {margin: 0 2px;}
.listings a {color: #4a4a4a; text-decoration: none; text-align: center; padding: 0 4px; margin: 0 2px;}
.listings span {padding: 0; margin: 0;}
.listings a.active,
.listings a.active:hover,
.listings a:hover {color: #40bbaa;}

.listings a.first,
.listings a.last {}
.listings .prev,
.listings .next {float: left; white-space: nowrap; text-decoration: none!important; background: url(./design/bg-paging-arrows.png) 0 0 no-repeat; padding: 0 0 0 45px; margin: 0;}
.listings .next {float: right; background-position: right -62px; padding: 0 45px 0 0; margin: 0;}
.listings .prev:hover {background-position: 0 -31px;}
.listings .next:hover {background-position: right -93px;}
.listings span.prev,
.listings span.next {visibility: hidden;}
.listings span.numbers {}
@media (max-width: 680px) {
	.listings {font-size: 1.230769em; line-height: 1.625em;}
	.listings a {padding: 2px 4px;}
	.listings .prev {background-position: 0 2px; padding: 2px 0 2px 35px;}
	.listings .next {background-position: right -60px; padding: 2px 35px 2px 0;}
	.listings .prev:hover {background-position: 0 -29px;}
	.listings .next:hover {background-position: right -91px;}
}
@media (max-width: 580px) {
	.listings span.numbers {display: block; clear: both;}
	.listings span.numbers a {padding: 4px 6px; margin: 0 4px;}
	.listings .prev,
	.listings .next {margin-bottom: 10px;}
}
@media (max-width: 360px) {
	.listings {font-size: 1.0769em; line-height: 1.85714em;}
}