.participants-list {
  position: relative;
  margin: 0; }
  .participants-list__grid {
    margin: 0 -10px;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: space-around;	}
    @media only screen and (max-width: 991px) {
      .participants-list__grid {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center; } }
  .participants-list__item {
    text-align: center;
    width: 33.33333%;
    padding: 0 10px;
    margin: 0 0 63px 0; }
    .participants-list__item[data-desc] {
      cursor: pointer; }
    @media only screen and (max-width: 991px) {
      .participants-list__item {
        width: 50%; } }
    @media only screen and (max-width: 767px) {
      .participants-list__item {
        width: 100%; } }
  .participants-list__btn {
    width: 100%;
    position: relative; }
  .participants-list__image-container {
    position: relative;
    margin: 0 auto 40px;
    display: block;
    width: 200px;
    height: 200px; }
    @media only screen and (max-width: 991px) {
      .participants-list__image-container {
        width: 180px;
        height: 180px;
        margin: 0 auto 30px; } }
  .participants-list__image-border {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; }
    .participants-list__image-border:before {
      content: '';
      position: absolute;
      width: 240px;
      height: 240px;
      left: -21px;
      top: -21px;
      background-image: url(/local/static/build/img/svg/quotes-slider-bg.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 50% 50%; }
      @media only screen and (max-width: 991px) {
        .participants-list__image-border:before {
          width: 220px;
          height: 220px; } }
  .participants-list__image {
    position: relative;
    z-index: 1;
    width: 200px;
    height: 200px;
    border-radius: 200px; }
    @media only screen and (max-width: 991px) {
      .participants-list__image {
        width: 180px;
        height: 180px;
        border-radius: 180px; } }
  .participants-list__info {
    margin: 0 auto;
    max-width: 350px; }
  .participants-list__name {
    margin: 0 0 12px 0;
    font: bold 18px/156% "Stem", sans-serif;
    position: relative; }
  .participants-list__desc {
    font: 300 16px/150% "Stem", sans-serif;
    position: relative; }
    .participants-list__desc a {
      color: #00a9dc; }
      .participants-list__desc a:hover {
        color: #007b87; }
  .participants-list__item:hover .participants-list__image-border {
    opacity: 1; }
    .participants-list__item:hover .participants-list__image-border:before, .participants-list__item:hover .participants-list__image-border:after {
      -webkit-transition: -webkit-transform 30s ease;
      transition: -webkit-transform 30s ease;
      transition: transform 30s ease;
      transition: transform 30s ease, -webkit-transform 30s ease; }
    .participants-list__item:hover .participants-list__image-border:before {
      -webkit-transform: rotate(1200deg);
      transform: rotate(1200deg); }
    .participants-list__item:hover .participants-list__image-border:after {
      -webkit-transform: rotate(-1200deg);
      transform: rotate(-1200deg); }

#participant_card .modal-dialog {
  padding: 0; }
  @media only screen and (min-width: 991px) {
    #participant_card .modal-dialog {
      max-width: 860px !important; } }
  @media only screen and (max-width: 991px) {
    #participant_card .modal-dialog {
      margin: 0;
      max-width: 100% !important; } }

#participant_card .modal-body {
  padding: 0; }

#participant_card .modal-content {
  position: relative;
  max-width: 100% !important; }
  @media only screen and (max-width: 767px) {
    #participant_card .modal-content {
      background: white !important; } }

#participant_card .modal-close {
  position: absolute;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  @media only screen and (min-width: 991px) {
    #participant_card .modal-close {
      top: -35px;
      right: -45px;
      width: 35px;
      height: 35px; } }
  @media only screen and (max-width: 991px) {
    #participant_card .modal-close {
      top: 0;
      right: 0;
      width: 45px;
      height: 45px; } }
  #participant_card .modal-close:before, #participant_card .modal-close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.5px 0 0 -10px;
    width: 20px;
    height: 3px;
    background: #ed1c24;
    border-radius: 2px; }
  #participant_card .modal-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  #participant_card .modal-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #participant_card .modal-close:hover, #participant_card .modal-close:active {
    opacity: 0.85; }

.participant-card {
  background: white; }
  @media only screen and (min-width: 991px) {
    .participant-card {
      padding: 35px 10px 35px 50px; } }
  @media only screen and (max-width: 991px) and (min-width: 767px) {
    .participant-card {
      padding: 25px 15px; } }
  @media only screen and (max-width: 767px) {
    .participant-card {
      padding: 20px 15px; } }
  @media only screen and (min-width: 767px) {
    .participant-card__heading {
      margin: 0 0 15px;
      font: 500 30px/100% "Stem", sans-serif; } }
  @media only screen and (max-width: 767px) {
    .participant-card__heading {
      margin: 0 0 10px;
      font: 500 24px/100% "Stem", sans-serif; } }
  .participant-card__position {
    position: relative;
    margin: 0 0 35px;
    font: 300 18px/100% "Stem", sans-serif; }
    .participant-card__position:before, .participant-card__position:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -18px;
      height: 2px; }
    .participant-card__position:before {
      width: 124px;
      background: #bcbdbe; }
    .participant-card__position:after {
      width: 40px;
      background: #222528; }
  @media only screen and (min-width: 991px) {
    .participant-card__desc {
      max-height: 440px;
      overflow: auto;
      font: 300 18px/130% "Stem", sans-serif; } }
  @media only screen and (max-width: 991px) {
    .participant-card__desc {
      font: 300 16px/130% "Stem", sans-serif; }
      .participant-card__desc .mCSB_container {
        margin-right: 0 !important; }
      .participant-card__desc .mCSB_scrollTools {
        display: none !important; } }

.nti-tabs--el .participants-list__grid {
  padding-top: 50px; }
