/***Стили блога***/
h2 {
  margin: 0 auto 35px;
}
.theme__link{
  color:#029CDF;
}
.white__container {
  background: #FFFFFF;
  box-shadow: 0px 4px 14px 1px rgba(181, 204, 223, 0.18);
  border-radius: 0px 0px 30px 30px;
  padding-top: 50px;
  padding-bottom: 72px;
}
.blue__container {
  background: #F4FAFF;
  box-shadow: 0px 0px 14px 2px rgba(181, 204, 223, 0.38);
  border-radius: 0px 0px 30px 30px;
  padding-top: 65px;
  padding-bottom: 150px;
}
.container {
  max-width: 1440px;
}
.blog__container {
  max-width: 863px;
  margin: auto;
}
.single__blog__image {
  margin-top: 20px;
  margin-bottom: 34px;
  max-width: 100%;
}
.single__blog__heading {
  text-align: center;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  color: #2C2C2C;
  margin-top: 0;
  margin-bottom:34px;
}
.blog__container p {
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  color: #2C2C2C;
  margin-top: 0;
  /*margin-bottom: 56px;*/
}
.blog__container h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 50px;
  text-align: center;
  color: #115F8B;
  margin-top: 0;
  margin-bottom: 27px;
}
.blog__img__box {
  display: flex;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 34px;
}
.blog__img__box img {
  align-self: center;
  max-width: 50%;
}
/***Стили сетки блога***/
.grid__box {
  display: flex;
  column-gap: 36px;
  margin-bottom: 62px;
  flex-wrap: wrap;
}
.whitebox {
  background: #FFFFFF;
  box-shadow: 0px 0px 9px 2px rgba(161, 171, 190, 0.18);
  border-radius: 15px;
}
.grid__element {
  display: flex;
  flex-direction: column;
  max-width: calc(25% - 29px);
  margin-bottom: 60px;
  position: relative;
}
.grid__element h3 {
  margin: 0;
  padding: 25px;
}
.grid__element.akcii img{
  border-radius: 15px;
}
.grid__element.akcii{
  max-width: calc(20% - 34px);
}
.publication__data__box {
  display: flex;
  margin-top: auto;
  padding: 25px;
}
.publication__data__box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #A0A9B9;
}
.publication__data__box img {
  margin-left: auto;
}
.catalog__pagination {
  float: right;
  text-align: center;
}
.catalog__pagination a {
  margin-right: 36px;
  font-weight: 400;
  font-size: 21px;
  color: #029CDF;
}
.catalog__pagination a.active {
  padding: 2px 9px;
  color: #fff;
  background: #029CDF;
  border-radius: 3px;
}
.pagination__button {
  display: inline;
}
.catalog__pagination button {
  padding: 7px 7px;
}
.outline {
  border-radius: 50px;
  border: 1px solid rgba(0, 160, 227, 0.7);
  background: transparent;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #00A0E3;
}
.grid__element.akcii h3{
  font-size:16px;
  font-weight: 400;
}
.promo__carousel{
  margin-bottom:40px;
}
/***Стили адаптива***/
@media screen and (max-width:1462px) {
  .container {
    padding: 0 11px;
  }
}
@media screen and (max-width:1250px) {
  .grid__element h3 {
    font-size: 18px;
    padding: 15px;
  }
  .publication__data__box {
    padding: 15px;
  }
  .publication__data__box p {
    font-size: 12px;
  }
  .catalog__pagination a {
  margin-right: 25px;
  font-size: 16px;
  }
}
@media screen and (max-width:940px) {
  h2 {
    font-size: 27px;
  }
  .grid__box {
    column-gap: 20px;
    justify-content: space-between;
  }
  .grid__element{
    max-width: calc(25% - 15px);
    margin-bottom: 30px;
  }
  .grid__element h3 {
    font-size: 14px;
    line-height: 1.4;
  }
  .publication__data__box p {
    font-size: 10px;
  }
}
@media screen and (max-width:780px) {
  .grid__element {
    min-width: 48%;
  }
  .grid__box {
    column-gap: normal;
    margin-bottom: 20px;
  }
  .catalog__pagination a {
    margin-right: 10px;
    font-size: 13px;
  }


  .single__blog__heading {
    font-size: 30px;
    line-height: 40px;
    }
  h2 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .blog__container p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 30px;
  }
  .blog__container h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
.whitebox__img{
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
