.h-line .wrapper{
   padding-top: 48px;
   padding-bottom: 58px;
   position: relative;
   overflow: hidden;
}
.h-line-title {
   padding-left: 282px;
   font-family: 'Proxima Nova', sans-serif;
   font-style: normal;
   font-weight: 700;
   font-size: 32px;
   line-height: 39px;
   letter-spacing: 0.03em;
   color: #000000;
   margin-bottom: 32px;
}
.h-line-linear {
   position: absolute;
   top: -5px;
   left: 197px;
   height: calc(100% + 5px);
   width: 20px;
}
.h-line-linear:before {
   content:'';
   display: block;
   position: absolute;
   top: 75px;
   left: -20px;
   width: 62px;
   height: 2px;
   z-index: 20;
   background: #E0E0E0;
}
.h-line-linear:after {
   content:'';
   display: block;
   position: absolute;
   bottom: 80px;
   left: -20px;
   width: 62px;
   height: 2px;
   z-index: 20;
   background: #E0E0E0;
}
.h-line-post {
   position: relative;
   margin-bottom: 33px;
   height: 95px;
}
.h-line-post:after {
   content:'';
   display: block;
   width: 62px;
   height: 2px;
   z-index: 20;
   background: #585858;
   transition: 0.25s;
   transform-origin: left center;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 155px;
}
.h-line-post:last-child {
   margin-bottom: 0px;
}
.h-line-permalink {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 10;
}
.h-line-post-flex {
   display: flex;
   align-items: center;
}
.h-line-post-data {
   width: 177px;
   min-width: 177px;
   margin-right: 104px;
}
.h-line-post-data .h-populars-author-photo {
   display: none;
}
.h-line-post-data .h-populars-author {
   display: none;
}
.h-line-post-data .h-populars-separator {
   display: none;
}
.h-line-post-data .article-date {
   margin-left: 0px;
   margin-right: 0px;
}
.h-line-post-data .article-date .fa {
   display: none;
}
.h-line-post-box {
   width: 600px;
   max-width: calc(100% - 282px);
   display: flex;
   align-items: center;
}
.h-line-post-image {
   width: 150px;
   min-width: 150px;
   margin-right: 15px;
   height: 95px;
   border: 3px solid #EFF0F2;
   transition: 0.25s;
}
.h-line-post-image img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}
.h-line-post-box-content {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
}
.h-line-category {
   font-family: 'Proxima Nova', sans-serif;
   font-style: normal;
   font-weight: 600;
   font-size: 12px;
   line-height: 120%;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   color: #EA6101;
   margin-bottom: 6px;
}
.h-line-post-title {
   font-family: 'Mariupol', sans-serif;
   font-style: normal;
   font-weight: 700;
   font-size: 20px;
   line-height: 125%;
   letter-spacing: 0.01em;
   color: #0D0634;
   transition: 0.25s;
}
.h-line-post .h-line-post-data {
   font-family: 'Proxima Nova', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 120%;
   letter-spacing: 0.01em;
   color: #111111;
   opacity: 0.5;
   padding-right: 37px;
   text-align: right;  
}
.h-line-post:hover:after  {
   background: #EA6101;
   width: 102px;
}
.h-line-post:hover .h-line-post-image{
   border-color: #EA6101;
}
.h-line-post:hover .h-line-post-title {
   color: #EA6101;
}
.h-line-btn {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 600px;
   max-width: 100%;
   height: 52px;
   border: 2px solid #EFF0F2;
   transition: 0.25s;
   font-family: 'Proxima Nova', sans-serif;
   font-style: normal;
   font-weight: 700;
   font-size: 14px;
   line-height: 155%;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: #111111;
}
.h-line-btn:hover {
   background: #EA6101;
   color: #111111;
   border-color: #EA6101;
}
.h-line-btn-wrap {
   padding-left: 282px;
   margin-top: 28px;
}

.h-line-posts .lds-dual-ring {
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   backdrop-filter: blur(1px);
   z-index: 50;
   background: rgba(0,0,0,0.25);
   position: fixed;
}
.lds-dual-ring.active {
   pointer-events: inherit;
}
@media screen and (max-width: 1100px){
   .h-line-linear {
      left: -12px;
   }
   .h-line-title {
      padding-left: 16px;
   }
   .h-line-linear:before {
      width: 52px;
   }
   .h-line-linear:after {
      width: 52px;
   }
   .h-line-linear {
      top: -9px;
      height: calc(100% + 9px);
   }
   .h-line-post-flex {
      flex-direction: column-reverse;
   }
   .h-line-post .h-line-post-data {
      width: 100%;
      padding-right: 0px;
      margin-right: 0px;
      margin-top: 6px;
      font-family: 'Proxima Nova', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 120%;
      letter-spacing: 0.01em;
      color: #111111;
      opacity: 0.5;
      text-align: left;
   }
   .h-line-post-box {
      margin-right: 0px;
      width: 100%;
      max-width: 100%;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
   }
   .h-line-post-image {
      margin-right: 0px;
      margin-bottom: 12px;
      width: 126px;
      height: 80px;
   }
   .h-line-post {
      padding-left: 16px;
   }
   .h-line-post {
      height: auto;
      min-height: 184px;
      margin-bottom: 20px;
   }
   .h-line-post:after {
      top: 35px;
      width: 62px !important;
      left: -58px;
      transform: none;
   }
   .h-line-post:nth-child(even):after {
   top: 31px;
   left: -58px;
   transform: none;
}
  .h-line-linear:after {
     bottom: 78px;
   }
   .h-line-btn-wrap {
      padding-left: 16px;
      margin-top: 20px;
   }
   .h-line-post-title {
      font-size: 18px;
      line-height: 23px;
   }
   .h-line-btn {
      height: 44px;
      width: 360px;
      max-width: 100%;
      font-weight: 700;
      font-size: 14px;
      line-height: 155%;
   }
}
@media screen and (max-width: 600px){
   .h-line .wrapper {
      padding-top: 28px;
      padding-bottom: 28px;
   }
   .h-line-title {
      font-weight: 700;
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 24px;
   }
   .h-line-post:after {
      top: 33px;
   }
   .h-line-post:nth-child(even):after {
      top: 29px;
   }
   .h-line-linear:after {
      bottom: 47px;
   }
   .h-line-linear:before {
      top: 51px;
   }
}