/* block_popular and recentlyread */
.block_popular, .block_recentlyread, .block_blog{
   border-top:1px dashed var(--greycolor);
   width:100%;
   padding: 10px 0;
}

.block_popular h2, .block_recentlyread h2, .block_blog h2{
   position: relative;
   margin: 18px 10px 18px 35px;
   font-size: 16px;
   color: var(--greycolor);
   font-weight: bold;
   text-transform: uppercase;
}

@media (max-width: 479.98px){
   .block_popular h2, .block_recentlyread h2, .block_blog h2{
      font-size: 14px;
   }
}

.block_recentlyread h2::before{
   content: "";
   position: absolute;
   top: 1px;
   left: -35px;
   width: 26px;
   height: 23px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -28px -328px;
}

.block_popular h2::before{
   content: "";
   position: absolute;
   top: 0px;
   left: -35px;
   width: 26px;
   height: 23px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 -328px;
}

.block_blog h2::before{
   content: "";
   position: absolute;
   top: -3px;
   left: -35px;
   width: 30px;
   height: 30px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -30px -86px;
}

.block_blog{
   margin-bottom: 20px;
}


.block_popular .view-popular .view-content, .block_recentlyread .view-recently-read .view-content{
   display: grid;
   gap: 15px;
   grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
   grid-auto-rows: 1fr;
   margin-bottom: 20px;
}

@media (max-width: 479.98px){
   .block_popular .view-popular .view-content, .block_recentlyread .view-recently-read .view-content{
      gap: 10px;
      grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
   }
}

.block_recentlyread .view-recently-read .views-row{
   display: flex;
   gap: 10px;
   padding: 10px;
   align-items: center;
   background: var(--whitecolor);
   position:relative;
   border: 1px solid var(--bordercolor);
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius: 4px;
   -webkit-box-shadow:0px 0px 5px var(--shadowcolor);
   -moz-box-shadow: 0px 0px 5px var(--shadowcolor);
   box-shadow:0px 0px 5px var(--shadowcolor);
   -webkit-transition: all 0.3s 0s ease;
   -moz-transition: all 0.3s 0s ease;
   -o-transition: all 0.3s 0s ease;
   transition: all 0.3s 0s ease;
}

.block_popular .view-popular .views-row{
   display: grid;
   row-gap: 4px;
   column-gap: 10px;
   padding: 10px;
   background: var(--whitecolor);
   position:relative;
   border: 1px solid var(--bordercolor);
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius: 4px;
   -webkit-box-shadow:0px 0px 5px var(--shadowcolor);
   -moz-box-shadow: 0px 0px 5px var(--shadowcolor);
   box-shadow:0px 0px 5px var(--shadowcolor);
   -webkit-transition: all 0.3s 0s ease;
   -moz-transition: all 0.3s 0s ease;
   -o-transition: all 0.3s 0s ease;
   transition: all 0.3s 0s ease;
   grid-template-columns: 80px 1fr;
   grid-template-areas:
   "img title"
   "img count"
}

@media (max-width: 479.98px){
   .block_popular .view-popular .views-row{
      grid-template-columns: 60px 1fr;
      column-gap: 5x;
      padding: 8px;
   }
}

.block_popular .view-popular .views-row .views-field-field-img-sauna{
   grid-area: img;
   align-self:center;
}

@media (max-width: 479.98px){
   .block_popular .view-popular .views-row .views-field-field-img-sauna{
      width: 60px;
   }
}

.block_popular .view-popular .views-row .views-field-title{
   grid-area: title;
   align-self:center;
}

.block_popular .view-popular .views-row .views-field-daycount, .block_popular .view-popular .views-row .views-field-totalcount{
   grid-area: count;
   align-self:center;

}

.block_popular .view-popular .views-row:hover, .block_recentlyread .view-recently-read .views-row .views-row:hover{
   -webkit-box-shadow:0px 0px 10px 0px var(--shadowcolor);
   -moz-box-shadow: 0px 0px 10px 0px var(--shadowcolor);
   box-shadow:0px 0px 10px 0px var(--shadowcolor);
   -webkit-transition: all 0.3s 0s ease;
   -moz-transition: all 0.3s 0s ease;
   -o-transition: all 0.3s 0s ease;
   transition: all 0.3s 0s ease;
}

.block_popular .view-popular .views-field-title, .block_recentlyread .view-recently-read .views-field-title{
   font: bold 14px/18px var(--font-family);
   -webkit-line-clamp: 2;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

@media (max-width: 479.98px){
   .block_popular .view-popular .views-field-title, .block_recentlyread .view-recently-read .views-field-title{
      font: bold 12px/14px var(--font-family);
   }
}

.block_popular .view-popular .views-field-field-img-sauna img, .block_recentlyread .view-recently-read .views-field-field-img-sauna img{
   border: 1px solid var(--shadowcolor);
}

@media (max-width: 479.98px){
   .block_popular .view-popular .views-field-field-img-sauna img, .block_recentlyread .view-recently-read .views-field-field-img-sauna img{
      max-width: 60px;
      height: 45px;
   }
}

.block_popular .view-popular .views-field-daycount, .block_popular .view-popular .views-field-totalcount{
   color: #777;
   font-size: 13px;
}

@media (max-width: 479.98px){
   .block_popular .view-popular .views-field-daycount, .block_popular .view-popular .views-field-totalcount{
      font-size: 11px;
   }
}

/* content_bot_text */

.main__content-bot-text{
   margin:5px 0;
}

.main__content-bot-text h2{
   text-align:left;
   color: var(--textcolor);
   font: 300 24px/30px var(--font-family);
   margin: 20px 0;
   overflow: hidden;
}

.main__content-bot-text h2:before, .main__content-bot-text h2:after {
   content: '';
   display: inline-block;
   vertical-align: middle;
   box-sizing: border-box;
   width: 100%;
   height: 1px;
   background: var(--bordercolor);
   border: solid var(--bgcolor);
   border-width: 0 10px;
}

@media (max-width: 767.98px){
   .main__content-bot-text h2{
      font: 300 20px/24px var(--font-family);
      margin: 10px 0;
      text-align: center;
   }
}

.main__content-bot-text h2:before {
   margin-left: -100%;
}

.main__content-bot-text h2:after {
   margin-right: -100%;
}

.main__content-bot-text h3{
   color: var(--textcolor);
   font: 300 18px/24px var(--font-family);
}

.main__content-bot-text h4{
   color: var(--textcolor);
   font: 300 18px/24px var(--font-family);
}

.main__content-bot-text ul li{
   padding-bottom:10px;
   line-height: 18px;
   list-style:inside url(../images/common/arrows-ul.png);
}

/* fast link */

.block_fastlink{
   padding:15px 0;
   position: relative;
   display: flex;
   flex-direction: column;
   background:var(--whitecolor);
   margin: 30px 0 20px;
   border:1px solid var(--bordercolor);
   -webkit-box-shadow: 0px 0px 2px rgba(50,50,50,0.3);
   -moz-box-shadow: 0px 0px 2px rgba(50,50,50,0.3);
   box-shadow: 0px 0px 2px rgba(50,50,50,0.3);
}

.block_fastlink::before {
   content: "";
   position: absolute;
   top: -8px;
   right: 41px;
   width: 23px;
   height: 22px;
   z-index: 1;
   display: inline-block;
   background: url(../images/header/dub.png) no-repeat;
   background-position: 0 0;
}

.block_fastlink::after {
   content: "";
   position: absolute;
   top: 28px;
   left: -11px;
   width: 23px;
   height: 22px;
   z-index: 1;
   display: inline-block;
   background: url(../images/header/dub.png) no-repeat;
   background-position: 0 -44px;
}

.block_fastlink h2{
   padding: 0 10px 22px 20px;
   font: 300 22px/30px var(--font-family);
   text-align: center;
   background: url(../images/common/wave.png) bottom center no-repeat;
   margin:5px 0;
}

@media (max-width: 767.98px){
   .block_fastlink h2{
      padding: 0 10px 22px 20px;
      font: 300 18px/24px var(--font-family);
      text-align: center;
   }
}

.block_fastlink h2::before, .block_fastlink h2::after{
   display: none;
}


.block_fastlink .fastlink{
   position: relative;
   display:block;
   margin:5px;
   padding:8px 0 8px 56px;
   font: 400 14px/18px var(--font-family);
}

.block_fastlink .fastlink1::before{
   content: "";
   position: absolute;
   top: 4px;
   left: 15px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 -56px;
}

.block_fastlink .fastlink2::before{
   content: "";
   position: absolute;
   top: 4px;
   left: 15px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 -84px;
}

.block_fastlink .fastlink3::before{
   content: "";
   position: absolute;
   top: 4px;
   left: 15px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 -28px;
}

.block_fastlink .fastlink4::before{ 
   content: "";
   position: absolute;
   top: 4px;
   left: 15px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 0;
}

.block_fastlink .fastlink5::before{
   content: "";
   position: absolute;
   top: 4px;
   left: 15px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 -112px;
}