@font-face {
  font-family: "roboto-bold";
  src: url(/public/fonts/Roboto/Roboto-medium.ttf) format("opentype"); }

@font-face {
  font-family: "roboto";
  src: url(/public/fonts/Roboto/Roboto-Regular.ttf) format("opentype"); }

@font-face {
  font-family: "roboto-bold";
  src: url(/public/fonts/Roboto/Roboto-medium.ttf) format("opentype"); }

@font-face {
  font-family: "roboto";
  src: url(/public/fonts/Roboto/Roboto-Regular.ttf) format("opentype"); }

.paginator-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }

.paginator-item__page {
  margin: 0 5px;
  padding: 5px 10px;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  border-radius: 20px; }
  .paginator-item__page_is-active {
    background-color: #00A791;
    color: #fff; }

.paginator-item__page-container {
  display: flex;
  margin: 0 100px; }
  @media only screen and (max-width: 600px) {
    .paginator-item__page-container {
      margin: 0 20px; } }

.paginator-item__control-item {
  color: #00438E; }