* {
  margin: 0;
  padding: 0;
}

body {
    background-color: #2F343A;
}
.posts_title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 123.05%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top: 35px;
}
.posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.posts__item {
  display: flex;
  flex-direction: column;
  flex-basis: 32%;
  background-color: #fff;
  margin-bottom: 22px;
  position: relative;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.posts__item--main {
  flex-basis: 66%;
}
.posts__item--main .posts__image--main img{
  width: 100%;
  /* height: 350px; */
  display:block;
  flex-grow: 1;
}
.posts__item--main .posts__date--main {
  color: white;
}
.posts__item--main .posts__information--main {
    position: absolute;
    bottom: 35px;
    left: 50px;
    padding: 0 25px 0 0;
    z-index: 1;
}
.posts__item--main .posts__title--main a {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.75px;
    color: #fff;
}
.posts__item--main .posts__title--main:hover a {
  text-decoration: underline;
}
.posts__item--main::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.posts__item .posts__image img {
    width: 100%;
}
.posts__item .posts__information {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 25px;
  flex-grow: 1;
}
.posts__item .posts__date {
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 0.325px;
  color: #818181;
  text-transform: uppercase;
  font-weight: 600;
  margin: 7px 0;
}
.posts__item .posts_title {
    margin-top: 7px;
    margin-bottom: auto;
}
.posts__item .posts__title a{
      font-size: 18px;
      line-height: 30px;
      color: #000;
      font-weight: 700;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.55px;
}
.posts__item .posts__title:hover a {
  text-decoration: underline;
}
.posts__groups {
  display: flex;
  margin-bottom: 25px;
  flex-wrap: wrap;
}
.posts__groups--item a {
  text-transform: uppercase;
  /* margin-right: 18px; */
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}
.posts__groups--item:hover a {
  color: #E60D2E;
}
.group_line {
    color: white;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 8px 10px;
}
.posts__group {
  background: #E60D2E;
  padding: 0 15px;
  width: fit-content;
  color: white;
  text-transform: uppercase;
}
.news__block {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    /*margin-bottom: 35px;*/
}
.news__block__title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news__block__title__title {
    background-color: #E60D2E;
    color: #FFFFFF;
    padding: 10px 35px;
    font-weight: bold;
    text-transform: uppercase;
}
.news__block__title__title a{
    color: white;
}
.news__block__title__data {
    color: #5c636a;
    padding: 10px;
}
.news__block__subtitle {
    padding: 35px;
    font-size: 22px;
    font-weight: bold;
}
.image__news__block {
    display: flex;
    justify-content: center;
}
.news__block__image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    margin: 20px;
}
.news__block__image img {
    width: 100%;
}
.news__block__corner {
    background-color: #FFFFFF;
    text-align: right;
    margin-bottom: 35px;
}
.news__description {
    margin: 20px;
}
.news__description .table td {
    border: solid 1px black;
}
.news__description .table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.news__description .table td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 5px;
}

.news__description .table tr:nth-child(even) {
  /*background-color: #dddddd;*/
}

@media screen and (max-width: 992px) {
  .posts__information {
		padding: 10px 15px 15px 15px;
	}
  .posts__date {
		font-size: 12px;
	}
	.posts__title a {
		font-size: 16px;
		line-height: 24px;
	}
	.posts__item--main .posts__information .post-title--main a {
		font-size: 20px;
		line-height: 26px;
	}
  .group_line {
    display: none;
  }
  .posts__groups--item a {
    margin-right: 15px;
  }
}

@media screen and (max-width: 768px) {
	.posts__item {
		flex-basis: 49%;
	}

	.posts__item--main {
		flex-basis: 100%;
    justify-content: center;
    }
    .posts__image {
      display: block;
    }
    .posts__information {
          width: 100%;
          bottom: auto;
          left: auto;
          align-items: center;
          text-align: center;
          padding: 0;
    }
}

@media screen and (max-width: 480px) {
	.posts__item {
		flex-basis: 100%;
	}
  .posts__item--main .posts__title--main a {
    font-size: 20px;
  }
  .posts__groups--item a {
    font-size: 13px;
  }
}

@media (max-width: 350px) {
  .posts__item--main .posts__title--main a {
    font-size: 15px;
  }
  .posts__item--main .posts__date--main {
    font-size: 15px;
  }
}
@media (max-width: 300px) {
  .posts__group {
    display: none;
  }
}