.h-last {
   background: #111111;
   padding-top: 56px;
   padding-bottom: 26px;
}
.h-last-title {
   font-family: 'Proxima Nova', sans-serif;
   font-style: normal;
   font-weight: 700;
   font-size: 32px;
   line-height: 39px;
   letter-spacing: 0.03em;
   margin-bottom: 48px;
   color: #FFFFFF;
}
.h-last-box {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}
.h-last-big-slide {
   width: calc(50% - 80px);
   position: relative;
}
.h-last-small-box {
   width: calc(50% - 42px);
}
.h-last-big-image {
   width: 100%;
   margin-bottom: 20px;
}
.h-last-big-image img {
   display: block;
   width: 100%;
   height: auto;
}

.h-last-big-post-title {
   font-family: 'PF Regal Text Pro', sans-serif;
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 125%;
   letter-spacing: 1.5px;
   color: #FFFFFF;
   margin-bottom: 12px;
}
.h-last-bix-post-bottom {
   display: flex;
   align-items: center;
   pointer-events: none;
   position: relative;
   z-index: 30;
}
.h-last-big-post-photo-author {
   width: 32px;
   height: 32px;
   margin-right: 12px;
   pointer-events: initial;
   position: relative;
   z-index: 30;
}
.h-last-big-post-photo-author img {
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 100%;
   object-fit: cover;
   object-position: center top;
}
.h-last-big-post-author {
   font-family: 'Proxima Nova', sans-serif;
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 0.02em;
   position: relative;
   z-index: 30;
   color: #FFFFFF;
   pointer-events: initial;
}
.h-last-big-post-separator {
   font-family: 'Proxima Nova', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 0.03em;
   color: #FFFFFF;
   padding-left: 4px;
   padding-right: 4px;
}
.h-last-big-post-data {
   font-family: 'Proxima Nova', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 0.01em;
   color: #FFFFFF;
}
.h-last-big-permalink {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 10;
}
.h-last-small-box {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-top: -23px;
}
.h-last-small-item {
   width: calc(50% - 34px);
   margin-top: 23px;
   position: relative;
}
.h-last-small-permalink {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
}
.h-last-small-item-title {
   font-family: 'PF Regal Text Pro', sans-serif;
   font-style: normal;
   font-weight: 500;
   font-size: 20px;
   line-height: 125%;
   letter-spacing: 1.5px;
   color: #FFFFFF;
   transition: 0.25s;
   margin-bottom: 12px;
}
.page-for-data {
   display: none;
}
.h-last-small-item:hover .h-last-small-item-title {
   color: #EA6101;
}
.h-last-small-item-data {
   font-family: 'Proxima Nova', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 120%;
   letter-spacing: 1.5px;
   color: #FFFFFF; 
}
.h-last-buttons {
   left: 0px;
   margin-top: 20px;
   z-index: 100;
   width: 100%;
}
.h-last-buttons {
   display: flex;
   justify-content: flex-end;
   align-items: center;
}
.h-last-prev-btn {
   width: 24px;
   height: 24px;
   margin-right: 8px;
   background-image: url('../images/h-last-prev-btn.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   cursor: pointer;
   transition: 0.25s;
}
.h-last-prev-btn:hover {
   opacity: 0.6;
}
.h-last-next-btn {
   width: 24px;
   height: 24px;
   background-image: url('../images/h-last-next-btn.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   cursor: pointer;
   transition: 0.25s;
}
.h-last-next-btn:hover {
   opacity: 0.6;
}
.h-last .wrapper {
   position: relative;
}
.h-last-box-wrapper {
   min-height: 400px;
   position: relative;
}
.lds-dual-ring {
   display: inline-block;
   width: 100px;
   height: 100px;
   position: absolute;
   top: calc(50% - 75px);
   left: calc(50% - 75px);
   opacity: 0;
   pointer-events: none;
   transition: 0.1s;
}
 .lds-dual-ring.active {
   opacity: 1;
 }
 .lds-dual-ring:after {
   content: " ";
   display: block;
   width: 100px;
   height: 100px;
   margin: 8px;
   border-radius: 50%;
   border: 6px solid #EA6101;
   border-color: #EA6101 transparent #EA6101 transparent;
   animation: lds-dual-ring 1.2s linear infinite;
 }
 @keyframes lds-dual-ring {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }
.h-last-small-item .article-date .fa {
   display: none;
}
.h-last-small-item .article-date {
   margin-left: 0px;
   margin-right: 0px;
}
.h-last-big-slide .article-date {
   margin-left: 0px;
   margin-right: 0px;
}
.h-last-big-slide .article-date .fa{
   display: none;
}


.h-hero-main-post-bottom-info {
   position: relative;
   z-index: 30;
}
@media screen and (max-width: 1100px){
   .h-last-box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .h-last .h-last-title {
      text-align: center;
   }
   .h-last-small-box {
      margin-top: 0px;
      width: 100%;
   }
   .h-last-buttons {
      position: static;
      margin-top: 30px;
      justify-content: center;
   }
   .h-last-title {
      margin-bottom: 32px;
   }
   .h-last-big-slide {
      width: 500px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
   }
}
@media screen and (max-width: 992px){
   .h-last-small-item {
      margin-top: 32px;
      width: calc(50% - 8px);
   }
   .h-last-small-box {
      margin-top: 0px;
   }
   .h-last-small-box {
      width: 500px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
   }
   .h-last-small-item-data {
      opacity: 0.5;
   }
}
@media screen and (max-width: 600px){
   .h-last {
      padding-top: 36px;
      padding-bottom: 36px;
   }
   .h-last .h-last-title {
      margin-bottom: 24px;
      font-size: 24px;
      line-height: 29px;
      text-align: left;
   }
   .h-last-big-post-title {
      font-size: 18px;
      line-height: 125%;
      margin-bottom: 0%;
   }
   .h-last-big-image {
      margin-bottom: 8px;
   }
   .h-last-small-item-title {
      font-size: 14px;
      margin-bottom: 4px;
   }
   .h-last-small-item-data {
      font-size: 12px;
   }
}