/*staff*/
.staff-block-inner {
}
.staff-block-inner__section {
  margin-top: 41px;
}
.staff-block-inner .staff-block-inner__section:first-child {
  margin-top: 0;
}
.staff-block-inner__section-content {
  margin-bottom: 24px;
}
.staff-block-inner__section-title {
  font-size: 1.73333em;
  line-height: calc(1em + 7px);
  color: #333;
  color: var(--white_text_black);
  margin-bottom: 23px;
}
.staff-block-inner__section-description {
}
.staff-block-inner__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.staff-block-inner__wrapper {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.staff-block-inner__item {
  position: relative;
  height: 100%;
}
.staff-block-inner__item::before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.2s ease-in-out;
}
.staff-block-inner__image-wrapper {
  position: relative;
}
.staff-block-inner__image-wrapper::after {
  content: "";
  position: absolute;
  left: 0%;
  right: 0%;
  top: 51%;
  bottom: 0%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.staff-block-inner__image {
  padding-top: 128%;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.staff-block-inner__image-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.staff-block-inner__no-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
}
.staff-block-inner__preview-wrapper {
  position: absolute;
  bottom: 25px;
  left: 32px;
  right: 32px;
}
.staff-block-inner__label {
  font-size: 0.86667em;
  line-height: calc(1em + 7px);
  color: #fff;
  opacity: 0.5;
  margin-bottom: 5px;
}
.staff-block-inner__name {
  font-size: 1.2em;
  line-height: calc(1em + 7px);
  color: #fff;
  font-weight: bold;
}
.staff-block-inner__content-wrapper {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  border-radius: 4px 4px 2px 2px;
  padding: 0px 3px 0px 32px;
  max-height: 100%;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  width: 100%;
}
.staff-block-inner__content-wrapper .mCSB_container {
  padding: 26px 10px 32px 0px;
}
.staff-block-inner__properties {
}
.staff-block-inner__property {
  margin-top: 11px;
}
.staff-block-inner__properties .staff-block-inner__property:first-child {
  margin-top: 0;
}
.staff-block-inner__property-label {
  color: #fff;
  opacity: 0.5;
  font-size: 0.86667em;
  line-height: calc(1em + 7px);
}
.staff-block-inner__property-value a,
.staff-block-inner__property-value {
  font-size: 0.93333em;
  line-height: calc(1em + 7px);
  color: #fff;
}
.staff-block-inner__property--name {
  padding-bottom: 3px;
}
.staff-block-inner__property--social {
  margin-top: 17px;
}
.staff-block-inner__socials {
}
.staff-block-inner__social svg path {
  fill: #b8b8b8;
}
.staff-block-inner__property--feedback {
  margin-top: 30px;
}
.staff-block-inner__feedback {
  position: relative;
  display: inline-block;
}

.staff-block-inner__item-link--absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/* hovers */
.staff-block-inner__item:hover::before {
  opacity: 0.35;
}
.staff-block-inner__item:hover .staff-block-inner__content-wrapper {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.staff-block-inner__item:hover .staff-block-inner__preview-wrapper {
  display: none;
}
.staff-block-inner__property-value a:hover,
.staff-block-inner__name:hover,
.staff-block-inner__name:focus {
  color: #fff;
  opacity: 0.7;
}
.staff-block-inner__social:hover svg path {
  fill: #fff;
}

@media (max-width: 600px) {
  .staff-block-inner__list.mobile-scrolled .staff-block-inner__content-wrapper {
    padding: 0px 3px 0px 20px;
  }
  .staff-block-inner__list.mobile-scrolled .staff-block-inner__content-wrapper .mCSB_container {
    padding: 26px 10px 20px 0px;
  }
}
/*staff ends*/


.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;
}

@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));
  }
}

@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;
  }
  #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;
  }
}

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