.clearfix {clear: both;}
.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.pager {max-width: 800px;text-align: center;margin-bottom: 30px;display: inline-block;}
/*.pager a {cursor: pointer;}*/
.pager a,.pager span {width: 45px;height: 40px;border: 1px solid #EBEBEB;margin-left: -1px;color: #8a8a8a;display: inline-block;line-height: 40px;float: left;font-size: 16px;text-decoration: none;margin: 0 2px;border-radius: 6px;cursor: pointer;}
.pager a:hover,.pager span:hover,.pager span.current {background-image: linear-gradient( 135deg,#f1d5b6,#c4a583,#f1d5b6);border-color: #c4a583;color: #FFF;position: relative;z-index: 1;}

 /*{background-image: linear-gradient( 135deg,#f1d5b6,#c4a583,#f1d5b6);color: #fff;border-color: #c4a583;position: relative;z-index: 1;}*/

.pager .pg-first,
.pager .pg-prev,
.pager .pg-last {background: white url(../images/page_bg.jpg)  8px 7px no-repeat;font-size:0;
}
.pager .pg-next{background: white url(../images/page_bg.jpg)  -24px 7px no-repeat;font-size:0;
}
/*.fynr .pager .pg-prev:hover,.fynr .pager .pg-prev:hover {background-color:#c4a583;border-color: #c4a583;position: relative;z-index: 1;}*/
.fynr .pager .pg-prev:hover,.fynr .pager .pg-prev:hover {position: relative;z-index: 1;}

/*.pager .pg-first:hover,*/
/*.pager .pg-prev:hover,*/
/*.pager .pg-next:hover,*/
/*.pager .pg-last:hover {*/
/*	background: white url(../images/page_bg_hover.jpg)  8px 7px no-repeat;*/
/*}*/

/*.pager .pg-prev,*/
/*.pager .pg-prev:hover {*/
/*	background-position: 7px -21px;*/
/*}*/

.pager .pg-next,
.pager .pg-next:hover {
	/*background-position: -21px -21px;*/
}

.pager .pg-last,
.pager .pg-last:hover {
	background-position: -21px 7px;
}

.pager .pg-prev[disabled='true'],
.pager .pg-prev[disabled='true']:hover {
	cursor: default;
	/*background-image: url(../images/page_bg.jpg);*/
}

.pager .pg-next[disabled='true'],
.pager .pg-next[disabled='true']:hover {
	cursor: default;
	/*background-image: url(../images/page_bg.jpg);*/
}

/*.pager .pg-prev[disabled='true'],*/
/*.pager .pg-next[disabled='true'] {*/
/*	border-color: #eeeeee;*/
/*}*/

.pager span.els {
	border-color: transparent;
}

.pagerHtmlWrap {
	width: 800px;
	margin: 30px auto;
}

.pagerHtmlWrap .cc_cells {
	width: 100%;
	height: 35px;
	padding: 5px 0;
	border-bottom: 1px #cccccc solid;
}

.pagerHtmlWrap .cc_cells a {
	color: #454545;
	font-size: 14px;
	line-height: 35px;
	text-decoration: none;
}

.pagerHtmlWrap .cc_cells a span {
	display: inline-block;
	width: 25%;
	text-align: left;
	margin: 0;
}

@media(max-width:768px){
    .pager a, .pager span { width: 32px; height: 30px; color: #888; line-height: 30px; font-size: 14px;}
    .pager .pg-next, .pager .pg-next:hover {background-position: -30px -27px;}
    .pager .pg-prev, .pager .pg-prev:hover {background-position: 0px -27px;}
}