
.bx-pagination{display:block;*height:40px;margin:20px 0;overflow:hidden}

.bx-pagination .bx-pagination-container{position:relative;text-align:center}

.bx-pagination .bx-pagination-container ul{display:inline-block;margin:0;padding:0;list-style:none}

.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 0 2px}

.bx-pagination .bx-pagination-container ul li span{display:block;height:40px;min-width:40px;padding:0 8px;line-height:40px;color:#444;font-size:18px;border:2px solid rgba(0,0,0,.05);overflow:hidden;
	box-sizing:border-box;
	-webkit-transition:all .2s;
       -moz-transition:all .2s;
    	-ms-transition:all .2s;
    	 -o-transition:all .2s;
    		transition:all .2s;
}

.bx-pagination .bx-pagination-container ul li a{display:block;height:40px;min-width:40px;line-height:40px;color:#444;text-decoration:none}

.bx-pagination .bx-pagination-container ul li a:hover span{box-shadow:inset 0 0 3px 0 rgba(0,0,0,.5)}

.bx-pagination .bx-pagination-container ul li.bx-active span{color:rgba(33,16,5,1);background:rgba(245,245,245,1);box-shadow:inset 0 0 6px 0 rgba(0,0,0,.5)}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{padding:0 18px;line-height:40px;color:#444;border:2px solid rgba(0,0,0,.05);background:#fff}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{padding:0 18px;line-height:40px;color:#aab1b4;border:2px solid rgba(0,0,0,.05);background:#fff}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{color:#000;background:#fff}

/*color schemes*/
.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{color:#fff;background:#3bc915}

.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{color:#fff;background:#F9A91D}

.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{color:#fff;background:#E22B2B}

.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{color:#fff;background:#0083d1}


@media screen and (max-width: 800px)
{
	.bx-pagination .bx-pagination-container ul li span{height:40px;min-width:32px;font-size:16px;border:2px solid rgba(0,0,0,.05)}

	.bx-pagination .bx-pagination-container ul li a{height:40px;min-width:32px;line-height:39px}

	.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{padding:0 4px;font-size:12px}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{padding:0 4px;font-size:12px}

}
