.participate-block {
  position: relative;
  padding: 80px 0 50px;
  background-color: #f2fbfd; }
  @media only screen and (max-width: 767px) {
    .participate-block {
      margin: 30px 0; } }
  .participate-block a {
    font: 300 20px/150% "Stem", sans-serif;
    color: #5099f6; }
    @media only screen and (max-width: 991px) {
      .participate-block a {
        font: 300 18px/150% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .participate-block a {
        font: 300 16px/150% "Stem", sans-serif; } }
  .participate-block p {
    margin-bottom: 0; }
  .participate-block__item {
    background-color: #ffffff;
    height: 100%;
    padding: 16px 20px 24px; }
    .participate-block__item img {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 24px;
      flex: 0 0 24px;
      max-width: 24px;
      margin-right: 16px; }
  .participate-block__col {
    padding-bottom: 32px; }
  .participate-block__wrapper {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap row;
    flex-flow: wrap row; }
    @media only screen and (max-width: 767px) {
      .participate-block__wrapper {
        padding: 30px 20px 30px; } }
    .participate-block__wrapper.active:before {
      left: 0;
      opacity: 1; }
    .participate-block__wrapper.active:after {
      right: 0;
      opacity: 1; }
  .participate-block__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap row;
    flex-flow: wrap row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    position: relative;
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease; }
    .participate-block__text--min {
      display: block;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1; }

.participate-block__wrapper.active .participate-block__link,
.participate-block__wrapper.active .participate-block__text {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }