.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__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__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); }
    @media only screen and (max-width: 991px) {
      .main-news__item {
        width: 50%; }
        .main-news__item:nth-child(3) {
          display: none; } }
    @media only screen and (max-width: 767px) {
      .main-news__item {
        width: 100%;
        margin: 0 0 12px 0; }
        .main-news__item:nth-child(3) {
          display: block;
          margin: 0; } }
  .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%; }
  .main-news__data {
    position: relative;
    padding: 0 24px;
    display: block;
    margin: 0 0 10px;
    font: 300 14px/143% "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .main-news__data {
        font: 300 13px/150% "Stem", sans-serif;
        margin: 0 0 15px;
        padding: 0 16px; } }
    @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; }
    @media only screen and (max-width: 991px) {
      .main-news__title {
        font: 300 16px/160% "Stem", sans-serif;
        padding: 0 16px; } }
    @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; }