html, body {
  min-height: 100vh;
}
.has-scroll-smooth [data-scroll-container] {
  min-height: 100%;
}

[data-scroll-direction=horizontal] [data-scroll-container] {
  white-space: nowrap;
  height: 100%;
  display: inline-block;
  white-space: nowrap;
}

[data-scroll-direction=horizontal] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%;
}
.content-container {display: block;}
.footer-area{height: 100vh; position: relative; z-index: 3; border-top: #000 1px solid}

.news-title-fixed{position: fixed; top: 0; left: 0; z-index: 1; padding: 106px 0 0 105px; background: #fff; width: 100%; border-bottom: #000 1px solid;}
.news-title-fixed h1{font-family: var(--font-book); font-size: 46px; line-height: 46px; color: #000; text-transform: uppercase; margin: 0 0 56px 0}
.news-title-fixed ul.news-menu{margin: 0px; padding: 0px; list-style: none; display: flex;}
.news-title-fixed ul.news-menu li{margin-right: 35px}
.news-title-fixed ul.news-menu li a{ font-family: var(--font-light); color: #00000066; font-size: 14px; line-height: 16px; padding: 15px 0; display: block; text-decoration: none; position: relative;}
.news-title-fixed ul.news-menu li a:hover,
.news-title-fixed ul.news-menu li a.active{font-family: var(--font-book); color: #000; }
.news-title-fixed ul.news-menu li a:hover:before,
.news-title-fixed ul.news-menu li a.active:before{content: ''; position: absolute; bottom: -1px; left: 0px; background: #E51735; width: 100%; height: 2px}

.media-page{padding: 278px 24px 0 104px}
.media-page ul.media-list{margin: 0px -15px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.media-page ul.media-list li{width: 33.33%; padding: 0 15px; }
.media-page .media-block{margin-bottom: 40px}
.media-page .media-block .photo{width: 100%; position: relative; overflow: hidden; margin: 0 0 16px 0}
.media-page .media-block .photo img{position: relative; width: 100%;}
.media-page .media-block h2{font-family: var(--font-book); font-size: 14px; line-height: 16px; color: #000000; margin: 0 0 8px 0}
.media-page .media-block p{font-family: var(--font-light); font-size: 14px; line-height: 16px; color: #000000; margin: 0 0 14px 0; max-width: 430px}
.media-page .media-block .btn-view{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 14px; line-height: 14px; color: #8D8D8D; padding-bottom: 4px}
.media-page .media-block .btn-view:hover{text-decoration:none; color: #8D8D8D}
.media-page .media-block .btn-view::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #8D8D8D; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.media-page .media-block .btn-view:hover::after {transform: scaleX(1); transform-origin: bottom left;}

.testimonials-area{padding: 254px 0px 0 80px; height: auto;}
.testimonials-area .review-area{height: auto;}
.testimonials-area .review-area ul.review-list li{padding-bottom: 100px; width: 33.33%;}

.social-page{padding: 278px 125px 0 104px}
.social-page ul.social-list{margin: 0px -15px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.social-page ul.social-list li{width: 25%; padding: 0 15px; }
.social-page .social-block{margin-bottom: 24px}
.social-page .social-block .photo{width: 100%; margin-bottom: 16px}
.social-page .social-block .photo img{width: 100%}
.social-page .social-block h2{font-family: var(--font-book); font-size: 14px; line-height: 16px; min-height: 32px; color: #000000; margin: 0 0 8px 0; max-width: 316px}
.social-page .social-block .btn-view{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 14px; line-height: 14px; color: #8D8D8D; padding-bottom: 4px}
.social-page .social-block .btn-view:hover{text-decoration:none; color: #8D8D8D}
.social-page .social-block .btn-view::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #8D8D8D; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.social-page .social-block .btn-view:hover::after {transform: scaleX(1); transform-origin: bottom left;}

.blog-page{padding: 278px 24px 0 104px}
.blog-page ul.blog-list{margin: 0px -15px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.blog-page ul.blog-list li{width: 33.33%; padding: 0 15px; }
.blog-page .blog-block{margin-bottom: 24px}
.blog-page .blog-block .photo{width: 100%; margin-bottom: 16px}
.blog-page .blog-block .photo img{width: 100%}
.blog-page .blog-block h2 {font-family: var(--font-book); font-size: 14px; line-height: 16px; color: #000000; margin: 0 0 8px 0}
.blog-page .blog-block p{font-family: var(--font-light); font-size: 14px; line-height: 16px; color: #000000; margin: 0 0 14px 0; max-width: 430px}
.blog-page .blog-block .btn-view{position: relative; text-decoration: none; font-family: var(--font-light); font-size: 14px; line-height: 14px; color: #8D8D8D; padding-bottom: 4px}
.blog-page .blog-block .btn-view:hover{text-decoration:none; color: #8D8D8D}
.blog-page .blog-block .btn-view::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #8D8D8D; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.blog-page .blog-block .btn-view:hover::after {transform: scaleX(1); transform-origin: bottom left;}