@charset "UTF-8";

.pager {clear: both;margin: 10px 0 10px;font-size: 14px;text-align: center;position: relative;background: #fff;padding: 10px 10px 10px;border-radius: 14px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;color: #6E6D7A;width: 100%;}

/* кнопки переходов по страницам */
.pager .buttons {display: inline-block;display: inline-flex;height: 38px;line-height: 38px;margin-left: auto;vertical-align: top;}
.pager:not(.dummy) .buttons:empty {display: none;}

.pager .buttons a {display:inline-block;min-width: 38px;height: 38px;line-height: 36px;text-align:center;padding: 0px 10px;font-size:14px;color: inherit;text-decoration:none;background-color: #F4F6F5;border: 1px solid transparent;border-radius: 8px;vertical-align: top;}
.pager .buttons a + a {margin-left: 4px;}

.pager .buttons a:hover {background-color: #EBE9D3;color: #8B8100;}
.pager:not(.dummy) .buttons a.active {background-color: #EBE9D3;color: #8B8100;border-color: rgba(156, 150, 71, 0.5);}

.pager .buttons .divider {display: inline-block;margin-right: 5px;}

.pager .buttons .prev,
.pager .buttons .next {display: inline-flex;font-size: 0;color: transparent;/* background-image: url(../i/arrows.svg); *//* background-repeat: no-repeat; *//* background-position: -211px -52px; */align-items: center;}

.pager .buttons .prev:before,
.pager .buttons .next:before {content: "";width: 16px;height: 16px;display: block;background: url(../i/arrows.svg) -221px -62px no-repeat;margin: auto;}

.pager .buttons .next:before {/* background-position-x: -252px; *//* transform: rotate(180deg); */transform: scaleX(-1);}


.pager .buttons .prev:hover:before,
.pager .buttons .next:hover:before {background-position-y: -142px;}

.pager .buttons .prev.disabled:before,
.pager .buttons .next.disabled:before {opacity: .5;}


/* кнопка "Загрузить ещё" */
.pager .more {display: inline-block;height: 38px;line-height: 38px;text-decoration:none;background: #f4f6f5;color: #6E6D7A;padding: 0 20px;border-radius: 9px;vertical-align: top;text-align: center;position: relative;display: inline-flex;align-items: center;justify-content: center;margin-right: auto;}
.pager .more:hover {background: #F4F6F5;color: #6E6D7A;}

/*
.pager .more .ico {display: inline-block;width: 22px;height: 22px;margin-right: 8px;vertical-align: middle;}
*/
.pager .more:before {content: "";display: inline-block;width: 22px;height: 22px;margin-right: 8px;vertical-align: middle;background: url(../i/reload.svg) 50% 50% no-repeat;background-size: contain;}

.pager .more span {display: inline-block;line-height: 22px;vertical-align: middle;}



.pager .more.pending {}
/*.pager .more.pending .ico,*/
.pager .more.pending:before {-webkit-animation: spin 1.8s linear infinite;-moz-animation: spin 1.8s linear infinite;animation: spin 1.8s linear infinite;transform-origin: 50% 50%;}



.pager .more.disabled,
.pager .buttons a.disabled {pointer-events: none;opacity: .5;color: rgba(110, 109, 122, .5);border-color: transparent;}
.pager .more.disabled {/* pointer-events: none; */overflow: hidden;/*background: #fff;*//* color: #888888; *//* opacity: .5; */}
.pager .more.disabled:before {opacity: .5;}


/* вариант c единственной кнопкой "Загрузить ещё" */
.pager.more-only {display: block; background: none; padding: 0;}
.pager.more-only .buttons {display: none !important;}
.pager.more-only .more {display: block;background: #fff;height: 62px;line-height: 62px;margin: 0;border-radius: inherit;display: flex;align-items: center;justify-content: center;}
.pager.more-only .more.disabled {background: #fff;color: #888888;}


@media only screen and (max-width: 520px) {		/* 600 */

	.pager {display: block;line-height: normal;height: auto;text-align: center;}
	
	.pager .more {display:block;display: flex;/* margin: 0 auto 0; */}

	.pager .more + .buttons {margin-top: 10px;}
	.pager .buttons {text-align: center;margin: 0 auto 0;/* display: flex; */overflow-x: auto;max-width: 100%;}
}


/* скелетон */
.pager.dummy {pointer-events: none;}
.pager.dummy .more > * {visibility: hidden;}
.pager.dummy .buttons {position: relative;}
.pager.dummy .buttons > a {color: transparent; font-size: 0;}
.pager.dummy .buttons .divider {display: none;}

.pager.dummy .more,
.pager.dummy .buttons a {background: #e6eaea;}

.pager.dummy .more:before {visibility: hidden;}
.pager.dummy .more:after,
.pager.dummy .buttons:after {content: "";position: absolute;z-index: 10;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(60deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1), rgba(255,255,255,0) 60%) right / 300% 100%;animation: skeleton-glare 3s linear infinite;}

.pager.dummy .prev,
.pager.dummy .next {display:none;}

.pager.dummy .prev:before,
.pager.dummy .next:before {content: none;}
/**/




/* custom */
.pager.item-pager {border-radius: 8px;}