.grid-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  grid-gap: 32px;
}

.grid-list--gap-20 {
  grid-gap: 20px;
}

.grid-list--gap-32 {
  grid-gap: 32px;
}

#main .body .grid-list--items-1,
#main .body .grid-list--items-1-wide {
  grid-template-columns: 1fr;
}

.grid-list--items-2 {
  grid-template-columns: repeat(auto-fill, minmax(505px, 1fr));
}

.grid-list--items-2.grid-list--items-min260 {
  grid-template-columns: repeat(auto-fill, minmax(max(calc((100% - 32px) / 2), 260px), 1fr));
}

.grid-list--items-2.grid-list--no-gap {
  grid-template-columns: repeat(auto-fill, minmax(520px, 1fr));
}

.grid-list--items-2.grid-list--no-gap.grid-list--items-min260 {
  grid-template-columns: repeat(auto-fill, minmax(max(50%, 260px), 1fr));
}

.grid-list--items-3 {
  grid-template-columns: repeat(auto-fill, minmax(425px, 1fr));
}

.grid-list--items-4 {
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}

.grid-list--items-5 {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.grid-list--items-exact-2 {
  grid-template-columns: 1fr 1fr;
}

body .grid-list--no-gap {
  grid-gap: 0px;
}

body .grid-list--gap-row {
  grid-row-gap: 32px;
}

.grid-list--no-gap .grid-list-border-outer {
  margin: 0px -1px -1px 0px;
}

.grid-list--items-2-wide {
  grid-template-columns: repeat(auto-fill, minmax(640px, 1fr));
}

.grid-list--items-3-wide {
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
}

.grid-list--items-4-wide {
  grid-template-columns: repeat(auto-fill, minmax(385px, 1fr));
}

.grid-list--items-5-wide {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

body .grid-list--no-grid {
  display: flex;
  grid-gap: unset;
  flex-wrap: wrap;
}

.grid-list__item>.bordered {
  background: #fff;
  background: var(--card_bg_black);
}

.alphabet-menu {
  display: none;
  justify-content: space-between;
  margin-bottom: 20px;
}

.alphabet-menu__button {
  font-family: var(--font-family);
  font-weight: 600;
  text-transform: uppercase;
  background-color: transparent;
  text-align: center;
  color: #00ad9f;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #00ad9f;
  border-radius: 4px;
  font-size: 18px;
  padding: 4px 6px;
  width: 35px;
}

.alphabet-menu__button:hover {
  background: #00ad9f;
  border: 1px solid #00ad9f;
  color: #fff;
  transition: 0.3s;
}

@media (max-width: 1300px) {
  .grid-list--items-2-wide {
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
  }
}

@media (min-width: 992px) {
  .grid-list--items-5:not(.grid-list--no-gap) {
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
  }
  .alphabet-menu {display: flex;}
}

@media (max-width: 1280px) {
  .alphabet-menu__button {
    padding: 2px 0;
    width: 28px;
  }
}

@media (max-width: 1100px) {
  #main .grid-list.grid-list--items-1-991 {
    grid-template-columns: 1fr;
  }

  .grid-list.grid-list--items-2-991 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-list.grid-list--items-3-991 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/*@media (max-width: 991px) and (min-width: 768px) {
  #main .grid-list.grid-list--items-2-768-991 {
    grid-template-columns: 1fr 1fr;
  }
}*/
@media (max-width: 768px) {
  #main [class*="grid-list--items"] {
    grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));

    /* grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); */
  }
}

@media (max-width: 500px) {
  #main .grid-list:not(.mobile-scrolled) {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}

.item-w25 {
  width: 25%;
}

.item-w33 {
  width: 33.33%;
}

.item-w50 {
  width: 50%;
}

.item-w66 {
  width: 66.66%;
}

.item-w75 {
  width: 75%;
}

.item-w100 {
  width: 100%;
}

/* IE */
html.bx-ie .grid-list {
  display: flex;
  flex-wrap: wrap;
}

html.bx-ie .grid-list .grid-list__item {
  width: 100%;
}

html.bx-ie .grid-list--items-5 .grid-list__item {
  width: 20%;
}

html.bx-ie .grid-list--items-4 .grid-list__item {
  width: 25%;
}

html.bx-ie .grid-list--items-3 .grid-list__item {
  width: 33.33%;
}

html.bx-ie .grid-list--items-2 .grid-list__item {
  width: 50%;
}

@media (max-width: 1200px) {
  html.bx-ie .grid-list--items-5 .grid-list__item {
    width: 33%;
  }
}

@media (min-width: 992px) {

  .grid-list--no-grid:not(.grid-list--no-gap),
  html.bx-ie .grid-list:not(.grid-list--no-gap) {
    margin: -16px -16px;
  }

  .grid-list--no-grid:not(.grid-list--no-gap)>div,
  html.bx-ie .grid-list:not(.grid-list--no-gap)>div {
    padding: 16px;
  }

  html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap) {
    margin: 0px -10px;
  }

  html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap)>div {
    padding: 10px;
  }

  html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap) {
    margin: 0px -16px;
  }

  html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap)>div {
    padding: 16px;
  }
}

@media (max-width: 991px) {
  html.bx-ie .grid-list .grid-list__item {
    width: 50%;
  }

  html.bx-ie .grid-list--items-5 .grid-list__item {
    width: 20%;
  }

  html.bx-ie .grid-list--items-1 .grid-list__item,
  html.bx-ie .grid-list--items-1-wide .grid-list__item {
    width: 100%;
  }

  .grid-list {
    grid-gap: 24px;
  }

  .grid-list--no-grid:not(.grid-list--no-gap),
  html.bx-ie .grid-list:not(.grid-list--no-gap) {
    margin: 0px -12px;
  }

  .grid-list--no-grid:not(.grid-list--no-gap)>div,
  html.bx-ie .grid-list:not(.grid-list--no-gap)>div {
    padding: 12px;
  }
}

@media (max-width: 767px) {
  html.bx-ie .grid-list .grid-list__item {
    width: 100%;
  }
}

@media (max-width: 600px) {
  body .grid-list--no-gap.grid-list--no-gap-f601 {
    grid-gap: 24px;
  }

  body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601 {
    grid-gap: 0;
  }

  body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601>div {
    padding-right: 24px;
  }

  /*compact*/
  #main .grid-list.grid-list--compact {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 450px) {

  /*compact*/
  #main .grid-list.grid-list--compact {
    grid-gap: 0px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 24px;
  }

  #main .grid-list.grid-list--compact .grid-list-border-outer {
    margin: 0px -1px -1px 0px;
    width: 50%;
  }

  #main .grid-list.grid-list--compact .grid-list__item>.bordered {
    border-radius: 0px;
  }
}

@media (max-width: 400px) {
  #main .grid-list:not(.mobile-scrolled) {
    grid-template-columns: 1fr;
  }
}