/* Start:/local/templates/stylemetal/components/bitrix/news/divier.blog/bitrix/news.detail/.default/style.css?17881889032238*/
* {
  color: #333; }

html {
  font-size: 14px !important; }

h1 {
  font-family: TranjanBold, sans-serif; }

.blog h1 {
  font-size: 2rem;
  padding-bottom: 25px;
  margin: 20px 0 30px 0;
  position: relative;
  text-transform: uppercase; }
  .blog h1::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    width: 160px;
    background-color: #ffbc1e; }
.blog .item .date {
  color: #8d8d8d;
  margin-bottom: 30px; }
  .blog .item .date::before {
    font-family: FontAwesome, sans-serif;
    content: "\f073";
    margin-right: 5px; }
.blog .item h2 {
  font-family: OpenSansSemiBold, sans-serif;
  font-size: 1.8rem;
  margin: 15px 0; }

.see_also_blok {
  padding: 20px 50px;
  background-color: #ffc847;
  margin-bottom: 40px;
  font-size: 15px;
  width: 100%;
  display: flex;
  gap: 60px;
  align-items: center;
}
.see_also_blok .title {
  font-size: 20px;
  font-weight: bold;
}
.see_also_blok .see_also_btn__wrapp {
  display: flex;
  gap: 40px;
}
.see_also_blok .btn_see_also {
  color: #fff;
  background-color: #274d86;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  min-width: 150px;
  text-align: center;
}
.see_also_blok .btn_see_also:hover {
  background-color: #18396a;
}
@media only screen and (max-width: 575px) {
  .see_also_blok {
    flex-direction: column;
    gap: 20px;
    padding: 20px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .blog .item img {
    max-width: 100%;
    height: auto; } 

    .see_also_blok .see_also_btn__wrapp {
      gap: 10px;
      flex-wrap: wrap;
    }
    .see_also_blok .btn_see_also{
      min-width: 100px;
    }

  }
.blog .item img.left {
  float: left;
  margin: 15px 15px 15px 0; }
  @media only screen and (max-width: 575px) {
    .blog .item img.left {
      float: none;
      margin-left: 0;
      margin-right: 0; } }
.blog .item img.right {
  float: right;
  margin: 15px 0 15px 15px; }
  @media only screen and (max-width: 575px) {
    .blog .item img.right {
      float: none;
      margin-left: 0;
      margin-right: 0; } }
.blog .item img.first {
  margin-top: 0; }
.blog .item p {
  font-family: OpenSansSemiBold, sans-serif;
  margin: 15px 0;
  text-align: justify; }

/* End */
/* /local/templates/stylemetal/components/bitrix/news/divier.blog/bitrix/news.detail/.default/style.css?17881889032238 */