.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pagination-container { text-align: center; padding: 57px 0; }

.pagination-container .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.pagination-container .pagination li { margin: 0 3px; }

.pagination-container .pagination li a:link, .pagination-container .pagination li a:visited { color: #fff; }

.pagination-container .pagination li a:hover, .pagination-container .pagination li a:active { color: rgba(0, 0, 0, 0.8); }

.pagination-container .pagination li a, .pagination-container .pagination li span { min-width: 50px; height: 50px; padding: 0 5px; font-size: 1.25rem; line-height: 50px; line-height: 3.125rem; display: inline-block; text-align: center; margin-left: 13px; background: #D5D5D5; overflow: hidden; border-radius: 5px; }

.pagination-container .pagination li a:first-child, .pagination-container .pagination li span:first-child { margin-left: 0; }

.pagination-container .pagination li a.active, .pagination-container .pagination li span.active { background: #58a4eb; color: #fff; }

.pagination-container .pagination li a.disabled a, .pagination-container .pagination li span.disabled a { color: #fff; }

.pagination-container .pagination li a:hover:not([class*="disabled"]), .pagination-container .pagination li span:hover:not([class*="disabled"]) { background: #58a4eb; color: #fff; }

.pagination-container .pagination li.PagedList-ellipses a { min-width: auto; width: auto; height: auto; color: #666; background: none; }

.pagination-container .pagination li.PagedList-ellipses a:hover { background: none; color: #58a4eb; }

.pagination-container .pagination li.disabled a { color: #fff; }

.pagination-container .pagination li.active span { background: #58a4eb; color: #fff; }

@media only screen and (max-width: 1201px) { .pagination-container { padding: 30px 0; }
  .pagination-container .pagination li { margin: 3px; }
  .pagination-container .pagination li a, .pagination-container .pagination li span { min-width: 40px; height: 40px; font-size: 0.8125rem; line-height: 40px; line-height: 2.5rem; padding: 0 2px; } }

@media only screen and (max-width: 577px) { .pagination-container .pagination { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.pagination2 { text-align: center; padding: 20px 0; }

.pagination2 a:link, .pagination2 a:visited { color: #000; }

.pagination2 a:hover, .pagination2 a:active { color: rgba(0, 0, 0, 0.8); }

.pagination2 > li { display: inline; }

.pagination2 > li > a { min-width: 26px; padding: 0 5px; font-size: 1rem; line-height: 30px; line-height: 1.875rem; display: inline-block; text-align: center; margin-left: 3px; background: #D5D5D5; overflow: hidden; }

.pagination2 > li > a:first-child { margin-left: 0; }

.pagination2 > li > a.active { background: #58a4eb; color: #fff; }

.pagination2 > li > a.disabled { color: #fff; }

.pagination2 > li > a:hover:not([class*="disabled"]) { background: #58a4eb; color: #fff; }