body.homepage-hf{padding:0 !important;background:#000 !important}
body.homepage-hf .frame-bg, body.homepage-hf .site-header, body.homepage-hf .messages{display:none !important}
body.homepage-hf main{max-width:none !important;padding-top:140px !important;margin:0 !important}
.homepage-hf #layer-down-page{display:none !important}
.homepage-hf .hf-header{display:block}
.homepage-hf .course-item h3,.homepage-hf .course-item p,.homepage-hf .menu-desktop a,.homepage-hf .hero-section-details *{font-family:Tahoma,Arial,sans-serif !important}
.homepage-hf .course-items{width:min(1200px,94vw) !important}
.homepage-hf .course-item{min-width:260px !important;width:260px !important}
.homepage-hf .hero-section{min-height:calc(100vh - 140px)}
.homepage-hf header img.logo{left:0 !important;width:180px !important}
.homepage-hf .effect-logo-courses{display:none !important}
.homepage-hf .header-container{padding:0 28px}

@media (max-width:900px){
 .homepage-hf .hf-header{position:sticky !important;top:0 !important;left:0 !important;right:0 !important}
 .homepage-hf main{padding-top:0 !important}
 .homepage-hf .header-container{padding:0 12px}
 .homepage-hf .hero-section{min-height:60vh;overflow:visible !important}
 .homepage-hf .hero-section video{width:100% !important;height:100% !important;object-fit:cover !important;top:0 !important;opacity:.55 !important;filter:none !important;transform:none !important}
 .homepage-hf .hero-section:before{background:linear-gradient(to bottom, transparent 86%, #141414) !important}
 .homepage-hf .hero-section-details{backdrop-filter:none !important;filter:none !important}
 .homepage-hf .hero-section-details h1{font-size:30px !important;line-height:1.4 !important}
 .homepage-hf .hero-section-details p{font-size:15px !important}
}