.bmat_left h2 {
   border-top: 1px solid #f3f7fa;
   padding-top: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
}

.bmat_left h3,
.bmat_left h4 {
   padding-top: 20px;
   margin-top: -20px;
   margin-bottom: 20px;
   font-weight: 700;
}

/* Вид навигации по материалу в тексте */

.obloshka_pda,
.nav_in_pda {
   display: none;
}

@media only screen and (max-width:1239px) {
   .obloshka {
      display: none;
   }

   .obloshka_pda {
      display: block;
   }
}

@media only screen and (max-width:1023px) {

   .nav_in_pda {
      display: block;
   }

   .nav_in_pda ul {
      display: block;
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-top: 0px;
      border: 1px solid #f3f7fa;
      border-radius: 4px;
   }

   .nav_in_pda ul li {
      display: block;
      margin: 0px;
      padding: 10px 10px 10px 25px;
      font-size: 14px;
      line-height: 20px;
      border-bottom: 1px solid #f3f7fa;
   }

   .nav_in_pda ul li:last-child {
      border-bottom: none;
   }

   .nav_in_pda ul li::before {
      display: block;
      content: ' ';
      background: url(/whole/img/arright.png) center no-repeat;
      background-size: 5px 8px;
      float: left;
      height: 20px;
      width: 5px;
      padding: 0px;
      margin-left: -15px;
      transition: all 0.5s;
   }

   .nav_in_pda ul li a {
      color: #333;
   }

   .nav_in_pda ul li a:hover {
      color: #333;
   }

}

/* Вид материалов */

.jour_mat {
   display: block;
   background-color: #fff;
   padding: 20px;
   border-radius: 4px;
   overflow: hidden;
}

.jm_image {
   display: block;
   margin: -20px -20px 12px -20px;
   line-height: 0px;
}

.otidopinf {
   display: table;
   font-size: 12px;
   margin-bottom: 5px;
   margin-top: 0px;
   width: 100%;
}

#otzyv .otidopinf div.rstars {
   margin-top: 1px;
   margin-left: -1px;
}

.otidopinf div:last-child {
   margin-right: 0px;
}

.otkogoist i {
   margin-right: 5px;
   color: #5eb948;
}

.otkogoist a {
   color: #000;
}

.otkogoist a:hover {
   color: #e30013;
}

.jm_name {
   color: #000;
   font-weight: 900;
   font-size: 18px;
   line-height: 24px;
}

.jm_name:hover {
   color: #e13d3d;
}

.jm_text {
   display: block;
   overflow: hidden;
   line-height: 24px;
   position: relative;
   max-height: 149px;
}

.fullotz {
   height: 24px;
}

.jm_name {
   margin-bottom: 5px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   max-height: 72px;
   overflow: hidden;
}

.jm_text p {
   margin: 0px;
   padding: 0px;
   overflow: hidden;
   text-align: left;
   position: relative;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
}

.dopolotz {
   display: table;
   position: absolute;
   font-weight: 400;
   bottom: 0px;
   left: 40px;
   width: calc(100% - 40px);
}

.fullotz {
   background: linear-gradient(to left, #fff, transparent);
   height: 24px;
   display: table-cell;
}

.dopolotz a {
   float: none;
   display: table-cell;
   background: #fff;
   width: 100px;
   white-space: nowrap;
}

/* List */

ul.h2list {
   display: block;
   list-style: none;
   margin: 0px;
   padding: 0px;
   padding-left: 20px;
   margin-bottom: 20px;
}

ul.h2list li {
   display: block;
   margin: 0px;
   margin-bottom: 10px;
   padding: 0px 0px 0px 15px;
   font-size: 14px;
   line-height: 24px;
}

ul.h2list li:last-child {
   margin-bottom: 0px;
}

ul.h2list li::before {
   display: block;
   content: ' ';
   background: url(/whole/img/arright.png) center no-repeat;
   background-size: 5px 8px;
   float: left;
   height: 24px;
   width: 5px;
   padding: 0px;
   margin-left: -15px;
   transition: all 0.5s;
}

.tireul {
   display: block;
   list-style: none;
   margin: 0px;
   padding: 0px;
}

.tireul li {
   display: block;
   margin: 0px;
   margin-bottom: 10px;
   padding: 0px;
   font-size: 15px;
   line-height: 24px;
   text-align: justify;
}

.h2list li:last-child {
   margin-bottom: 0px;
}

.tireul li::before {
   display: block;
   float: left;
 content: "—";
   margin-right:10px;
   font-weight: 700;
   transition: all 0.5s;
}

/* Новый вид материалов, нужно исправить старый */

.new_jurnalmat {
   display: block;
   overflow: hidden;
   border-radius: 4px;
}

.newj_img img {
   width: 100%;
}

.newj_img {
   display: block;
   line-height: 0px;
}

.newj_content_style {
   background-color: #fff;
   padding: 20px;
}

.newj_content {
   overflow: hidden;
   text-align: left;
   position: relative;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
}

.newj_name {
   display: block;
   color: #000;
   font-weight: 900;
   font-size: 18px;
   line-height: 24px;
   margin-bottom: 10px;
}

.newj_text {
   display: block;
   font-size: 14px;
   line-height: 24px;
}

.otidopinf {
   margin-bottom: 10px;
}

.dopolotz a {
   color: #5eb948;
}

.dopolotz {
   font-weight: 300;
   bottom: -2px;
}

/* Стиль категорий */

.jall {
   background-image: url(/whole/icon/otzyvy/star.png);
}

.jsovety {
   background-image: url(/whole/icon/journal/sovety.png);
}

.jpoleznoe {
   background-image: url(/whole/icon/journal/poleznoe.png);
}

.jtarify {
   background-image: url(/whole/icon/journal/tarif.png);
}

.jmegafon {
   background-image: url(/whole/icon/journal/megafon.png);
}


/* Поиск номеров телефона */

ul.headsearchul {
   display: block;
   margin: 0px;
   padding: 0px;
}

ul.headsearchul.hsucol {
   margin-top: 5px;
}

ul.headsearchul li {
   display: flex;
   flex-wrap: wrap;
   align-items: unset;
   justify-content: space-around;
   width: 100%;
   margin-bottom: 5px;
   text-align: center;
}

ul.headsearchul li:last-child {
   margin-bottom: 0px;
}

ul.headsearchul li:hover span {
   background-color: #f1f0f0;
   cursor: pointer;
}

ul.headsearchul li:hover span:hover {
   background-color: #fff6c1;
   border: 1px solid #fff6c1;
}

ul.headsearchul.hsucol span {
   background-color: #f3f7fa;
   text-align: center;
   margin-bottom: 5px;
   font-size: 12px;
   margin-top: 5px;
}

.hsu_b5,
.hsu_b4,
.hsu_b3,
.hsu_b2,
.hsu_b1 {
   border: 1px solid #f1f0f0;
   line-height: 20px;
   width: calc(50% - 22px - 180px);
   padding: 5px 10px;
   border-radius: 4px;
   font-size: 12px;
}

.hsu_b3,
.hsu_b4 {
   width: 88px;
}

.hsu_b5 {
   width: 98px;
}

/* Адаптация номеров телефонов */

@media only screen and (max-width:1239px) {
   ul.headsearchul li {
      justify-content: start;
   }

   ul.headsearchul.hsucol span {
      margin-top: 0px;
   }

   .hsu_b1 {
      margin-right: 5px;
   }

   .hsu_b5,
   .hsu_b4,
   .hsu_b3,
   .hsu_b2,
   .hsu_b1 {
      width: calc(100% / 2 - 14.5px - 0px);
      padding: 5px;
   }

   .hsu_b3,
   .hsu_b4 {
      width: calc(100% / 3 - 12px - 3.333px);
      margin-right: 5px;
      margin-top: 5px;
   }

   .hsu_b5 {
      width: calc(100% / 3 - 12px - 3.333px);
      margin-top: 5px;
   }
}