.main-news {
  position: relative;
  background: #f2fbfd;
  padding: 60px 0 50px;
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0; }
  .main-news.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  @media only screen and (max-width: 991px) {
    .main-news {
      padding: 35px 0 20px; } }
  @media only screen and (max-width: 767px) {
    .main-news {
      padding: 40px 0 25px; } }
  .main-news.ic {
    background: #f2fbfd; }
  .main-news.ai {
    background: #eaf1f3; }
  .main-news.aimfinder-bg {
    background: #FFFFFF; }
  .main-news.readable--modif {
    background: #151618;

  }

.main-news.readable--margin {
  margin: 70px 0 0 0;
}


.main-news__block-wrap {
    position: relative; }
  .main-news__btn {
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
    .main-news__btn.active {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  .main-news__wrapper {
    position: relative;
    margin: 0 -16px 45px; }
    @media only screen and (max-width: 991px) {
      .main-news__wrapper {
        margin: 0 -16px 32px; } }
  .main-news__h2 {
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    margin: 0 0 25px; }
    .main-news__h2.active {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    @media only screen and (max-width: 991px) {
      .main-news__h2 {
        margin: 0 0 11px; } }
  .main-news__h2.readable--modif {
    color: #70c8d9;
  }
  .main-news__h2.ai-sat {
    color: #00A98F;
  }
  .button.readable--modif {
    background-color: #74c8da;
    color: #000;
    border-radius: 24px;

  }
.button.ai-sat {
  background-color: #00A98F;
  color: #ffffff;
}
.button.readable--modif:before {
  display: none;
}
.button.readable--modif span {
  padding: 17px 54px;
}
.button.readable--modif .arrow {
  display: none;
}
  .main-news__grid {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap row;
    flex-flow: wrap row; }
    @media only screen and (max-width: 767px) {
      .main-news__grid {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; } }
  .main-news__item {
    width: 33.33333%;
    position: relative;
    padding: 0 16px;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
    .main-news__item.active {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    .ai .main-news__item {
      width: 25%; }
    @media only screen and (max-width: 991px) {
      .main-news__item {
        width: 50%; }
        .main-news__item:nth-child(3), .main-news__item:nth-child(4) {
          display: none; }
        .ai .main-news__item {
          width: 50%; } }
    @media only screen and (max-width: 767px) {
      .main-news__item {
        width: 100%;
        margin: 0 0 12px 0; }
        .main-news__item:nth-child(3), .main-news__item:nth-child(4) {
          display: block; }
        .main-news__item:last-child {
          margin: 0; }
        .ai .main-news__item {
          width: 100%; } }
  .main-news__item-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    padding: 0 0 40px;
    color: #253746; }
    @media only screen and (max-width: 991px) {
      .main-news__item-wrap {
        padding: 0 0 24px; } }
    @media only screen and (max-width: 767px) {
      .main-news__item-wrap {
        padding: 12px 10px; } }
    .main-news__item-wrap:hover {
      color: #253746; }
      .main-news__item-wrap:hover .main-news__title {
        color: #4BBDCF; }
  .main-news__image {
    position: relative;
    margin: 0 0 15px 0;
    display: block;
    min-height: 252px; }
    @media only screen and (max-width: 991px) {
      .main-news__image {
        margin: 0 0 15px 0;
        min-height: 229px; } }
    @media only screen and (max-width: 767px) {
      .main-news__image {
        margin: 0;
        display: none; } }
    .main-news__image img {
      width: 100%; }
    .ai .main-news__image {
      min-height: 150px; }
      @media only screen and (max-width: 991px) {
        .ai .main-news__image {
          min-height: 141px; } }
  .main-news__data {
    position: relative;
    padding: 0 24px;
    display: block;
    margin: 0 0 10px;
    font: 300 14px/143% "Stem", sans-serif; }
.main-news__data.readable--modif {
  padding: 0 12px;
}
    @media only screen and (max-width: 991px) {
      .main-news__data {
        font: 300 13px/150% "Stem", sans-serif;
        margin: 0 0 15px;
        padding: 0 16px; }
      .main-news__data.readable--modif {
        padding: 0 12px;
      }
    }
    @media only screen and (max-width: 767px) {
      .main-news__data {
        padding: 0; } }
  .main-news__title {
    display: block;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    padding: 0 24px;
    font: 300 18px/156% "Stem", sans-serif; }
.main-news__title.readable--modif {
  padding: 0 12px;
}
    @media only screen and (max-width: 991px) {
      .main-news__title {
        font: 300 16px/160% "Stem", sans-serif;
        padding: 0 16px; }
      .main-news__title.readable--modif {
        padding: 0 12px;
      }
    }
    @media only screen and (max-width: 767px) {
      .main-news__title {
        font: 300 16px/150% "Stem", sans-serif;
        padding: 0; } }
  .main-news--el .main-news__item-wrap:hover .main-news__title {
    color: #594a90; }
  .main-news--zg .main-news__item-wrap:hover .main-news__title {
    color: #00a9dc; }
  .main-news.ic .main-news__item-wrap:hover .main-news__title {
    color: #aa3186; }
  .main-news.ai .main-news__item-wrap:hover .main-news__title {
    color: #253746;
    opacity: 0.8; }