.hader_part{padding: 10px 0; position: absolute;}
.ehf-header #masthead{z-index: 9999;}

.hader_part.sticky {position: fixed; top: 0;left: 0; width: 100%;  background: rgba(255, 255, 255, 0.6); /* semi-transparent */ backdrop-filter: blur(10px); /* blur effect */  -webkit-backdrop-filter: blur(10px);   /* Safari support */
  z-index: 9999;}
.hader_part .hfe-nav-menu{ /*align-items: center;*/}
.header_nav li.menu-item{ padding:18px 0;}
.header_nav li.menu-item:last-child{ padding:0;}
.header_nav li.menu-item:last-child a.hfe-menu-item{color: #fff!important; background: #EF7F1B; padding: 15px 20px!important;  border-radius: 10px; height: 56px;}
.header_nav li.menu-item:last-child a:hover.hfe-menu-item{ background: #113D58;}
.header_nav .hfe-dropdown.menu-is-active{ margin-top: 20px;}

.footer_block{background: #123D56; padding: 75px 0 10px 0;}
.my_hero{min-height:300px; width:100%;}
.hero .cap,.hero__sec .cap{position:absolute; top:60%; left:0; right:0;font-size:19px; transform: translateY(-55%);font-weight: 500;}
.hero .cap p,.hero__sec .cap p{ margin-bottom:50px;text-shadow: 0px 0px 1px black; max-width:650px;}
.hero .cap h1,.hero__sec .cap h1{font-size:90px;}
.hero .cap .container,.hero__sec .cap .container{width:1410px;max-width:1410px;}
.hero .cap h1 small,.hero__sec .cap h1 small{ display: block; font-size: 40px; font-weight: 300; }
.hero .cap h2,.hero__sec .cap h2{font-size: 50px;}
.hero .btn-cons,.hero__sec .btn-cons{ background: #EF7F1B; padding: 10px 25px; font-size: 20px; color: #fff; font-weight:bold; border-radius: 10px; text-decoration: none; }
.hero .btn-cons:hover,.hero .btn-cons:hover{background: #113D58;}

.hero .owl-dots{ position: relative; bottom: 40px; z-index: 8; max-width: 1410px; width: 1410px; margin: 0 auto;}
.hero .owl-dots .owl-dot{ width: 16px; height: 16px; background:rgba(255, 255, 255, 0.4); margin:0 5px ;}
.hero .owl-dot.active{ background: #EF7F1B; }


.hero__sec{ width: 100%; overflow: hidden;}
.hero__sec .hero-slider{ margin: 0;}
.hero__sec .hero-slider .slick-slide > div { display: flex;}
.hero__sec .item{ position: relative;}
.hero__sec .slick-slide img{ min-height: 100%; height: 100vh; object-fit: cover; width: 100%;}
.hero__sec .cap{position:absolute; top:60%; left:0; right:0;font-size:19px; transform: translateY(-55%);font-weight: 500;}
.hero__sec .cap p{ margin-bottom:50px;text-shadow: 0px 0px 1px black; max-width:650px;}
.hero__sec .cap h1{font-size:90px;}
.hero__sec .cap .container{width:1410px;max-width:1410px;}
.hero__sec .cap h1 small{ display: block; font-size: 40px; font-weight: 300; }
.hero__sec .cap h2{font-size: 50px;}
.hero__sec .btn-cons{ background: #EF7F1B; padding: 10px 25px; font-size: 20px; color: #fff; font-weight:bold; border-radius: 10px; text-decoration: none; }
.hero__sec .btn-cons:hover{background: #113D58;}

.slick-dots{ position: absolute; left: 0; right: 0; bottom: 20px; z-index: 8; max-width: 1410px; width: 96%; margin: 0 auto; display: flex; gap: 5px;}
.slick-dots li{ margin: 0; padding: 0;}
.slick-dots li button{ width: 16px; height: 16px; background:rgba(255, 255, 255, 0.4); margin:0; border-radius: 50%;}
.slick-dots li button::before{ display: none;}
.slick-dots li.slick-active button{ background: #EF7F1B; }


.what_we{ position: relative;}
.top_text{ position: absolute; top:-10px; left: 0; font-size:80px; font-weight: 900; color: rgba(170,195,210,0.20); }
.bottom_text{ position: absolute; bottom:-10px; right: 0; font-size:80px; font-weight: 900; color: rgba(170,195,210,0.20); }

.services-carousel{ position: relative;}
.services-carousel .item .caption{position: absolute; height: 200px; bottom: 0; left: 0; right: 0; padding:60px 30px 30px 30px; background: rgba(0, 0, 0, 10);
background: linear-gradient(182deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 83%);}
.services-carousel .item .caption h3{ font-size: 25px; color: #fff; min-height: 60px; }
.services-carousel .item .caption a{ text-decoration: none; font-size: 20px;}
.services-carousel .item .caption a:hover{color:#EF7F1B;transition: width 2s, height 4s;}
.services-carousel .item .caption a:hover svg{transform: translate(10px, 0px);transition: width 2s, height 4s;}

.services-carousel .owl-nav button{ width:50px; height:50px; font-size:0; display:flex; align-items: center; justify-content: center; border-radius:0; position:absolute; top:50%; transform:translateY(-50%); z-index:555; transition:all .4s ease-in-out; color:#fff !important; background: rgba(255,255,255,0.4) !important;}
.services-carousel .owl-nav button span{ display: none !important;}
.services-carousel .owl-nav button.owl-prev{ left:0;}
.services-carousel .owl-nav button.owl-prev:after{ content: "\f053"; font-family:"FontAwesome"; font-size:25px;}
.services-carousel .owl-nav button.owl-next{ right:0;}
.services-carousel .owl-nav button.owl-next:after{ content: "\f054"; font-family:"FontAwesome"; font-size:25px;}
.services-carousel .owl-nav button:hover{ color:#000 !important; background: #fff !important;}

.email_box a{ font-size: 18px; font-weight: 400;}
.check{ position: relative; padding: 0 0 0 30px;}
.check .form-check-label{ line-height: 26px; font-weight: 400;} 
.check span.wpcf7-form-control-wrap{ position: absolute; left: 0; }
.check span.wpcf7-form-control-wrap [type=checkbox]{ width: 20px; height: 20px;}
.check span.wpcf7-list-item.first.last{ margin-left: 0;}
.check a{ font-size: 18px; font-weight: 400; text-decoration: none; }
.form_block .wpcf7-form-control{ border: 1px solid #E4E4E4; border-radius: 0;}
.form_block label{font-weight: bold;}

.careers-list{}
.career-item {display: flex;flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 1px solid #00000033; padding: 20px 0;}
.career-item .job_title{ width: 52%;}
.career-item .job_title h3 a{ color: #303A40; font-size: 24px; font-weight: 800; text-decoration: none;}
.career-item .job_title h3 a:hover{ color: #EF7F1B;}
.career-item .job_title span{ font-size: 16px; color: #fff; background: #EF7F1B; padding: 5px 15px; border-radius: 10px; margin-left: 10px;}
.type,.location{ font-size:22px; font-weight: 600; color: #303A40; width: 20%; }


.privacy{}
.privacy h3{ margin-top:30px;}

/* Initial state */
.scroll-left, .scroll-right {opacity: 0; transform: translateX(100px); transition: all 0.8s ease-out;}
/* Slide from left */
.scroll-left { transform: translateX(-100px);}
.scroll-bottom { opacity: 0; transform: translateY(100px);  transition: all 0.8s ease-out;}
.scroll-top { opacity: 0; transform: translateY(-100px); /* start above */ transition: all 0.8s ease-out;}
.scroll-animate { opacity: 1; transform: translateY(0);}
/* Active state */
.scroll-animate { opacity: 1;transform: translateX(0);}
.counters{ padding:40px 0;}
.counters .elementor-kit-10 button:hover, .counters .elementor-kit-10 button:focus, .counters .elementor-kit-10 input[type="button"]:hover, .counters .elementor-kit-10 input[type="button"]:focus, .counters .elementor-kit-10 input[type="submit"]:hover, .counters .elementor-kit-10 input[type="submit"]:focus, .counters .elementor-kit-10 .elementor-button:hover, .counters .elementor-kit-10 .elementor-button:focus{border-radius:0 0 0 0!important;}

/* Responsive */
@media(max-width:1366px){
.header_nav li.menu-item:last-child a.hfe-menu-item{ padding: 12px 20px !important; height: 48px;}
.hero .cap,.hero__sec .cap{ font-size: 16px;}
.hero .cap h1,.hero__sec .cap h1 { font-size: 60px; margin: 0;}
.hero .cap h1 small,.hero__sec .cap h1 small{ font-size: 24px;}
.hero .cap h2,.hero__sec .cap h2{ font-size: 38px;}
.hero .cap p,.hero__sec .cap p { margin-bottom: 30px;}
.hero .owl-dots{ /*bottom: 15px;*/}
.hero .owl-dots .owl-dot{ width: 12px; height: 12px;}
.services-carousel .item .caption h3{ font-size: 22px; min-height: 54px;}
.services-carousel .item .caption a{ font-size: 18px;}
.ourservice_bloks > .e-con-inner{ padding-left: 20px; padding-right: 20px;}
.career-item .job_title span{ display: inline-block;}
.type, .location{ font-size: 18px;}
.career-item .job_title h3 a{ font-size: 20px;}
.hero .owl-dots{ width:100%; max-width:inherit;}
}

@media(max-width:1024px){
.header_nav li.menu-item:last-child a.hfe-menu-item{ color: var(--e-global-color-primary) !important; padding: 15px 10px !important; height: auto;}
.hero .cap h1,.hero__sec .cap h1{ font-size: 40px;}
.hero .cap h1 small,.hero__sec .cap h1 small{ font-size: 18px;}
.hero .cap h2,.hero__sec .cap h2{ font-size: 28px;}
.hero .cap p,.hero__sec .cap p{ margin-bottom: 20px; line-height: 1.5;}
.hero .btn-cons,.hero__sec .btn-cons{ font-size: 16px; padding: 10px 16px;}
.hero.owl-carousel .owl-item .item > img{ height: 400px; object-fit: cover;}
.what_we p.elementor-image-box-description{ line-height: 24px !important;}
.services-carousel .item .caption{ height: 160px; padding: 40px 30px 20px 30px;}
.services-carousel .item .caption h3 { font-size: 18px; min-height: 44px;}
.services-carousel .item .caption a{ font-size: 16px;}
.footer_block{ padding-top: 40px;}
.career-item{ padding: 10px 0;}
.career-item .job_title h3 a { font-size: 18px; font-weight: 600;}
.career-item .job_title span { font-size: 13px; padding: 5px 10px; border-radius: 8px; margin-left: 5px;}
.type, .location { font-size: 16px;}
.check a{ font-size: 16px;}
.header_nav li.menu-item:last-child{ padding:18px 0;}
}

@media(max-width:767px){
.what_we .what_we-grid{ display: block !important;}
.what_we .what_we-grid .scroll-top{ padding: 15px 0 !important; border: none !important;}
.what_we .what_we-grid .scroll-top .elementor-image-box-wrapper{ text-align: center !important;}
.what_we .what_we-grid .scroll-top .elementor-image-box-wrapper .elementor-image-box-img img{ display: inline-block !important;}
.services-carousel .item .caption{ height: auto; padding-bottom: 30px;}
.services-carousel .item .caption h3{ min-height: auto;}
.career-item { flex-wrap: wrap; align-items: flex-start; position: relative; padding-right: 44px;}
.career-item .job_title{ width: 100%;}
.career-item .job_title h3{ display: flex; flex-direction: column; align-items: flex-start;}
.type, .location{ width: 40%;}
.career-item .read-more{ position: absolute; right: 0; top: 15px;}
.career-item .job_title span{ margin: 5px 0 0;}
.hero .cap .container,.hero__sec .cap .container{width: 100%;max-width: inherit;}	
}

.hero.owl-carousel .owl-item img {
	min-height: 100vh;
	object-fit: cover;
}

#site-loader { position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0.98); z-index: 999999; top: 0; left: 0; display: flex;
  justify-content: center; align-items: center; transition: opacity 0.3s ease;}

#site-loader .loader {  width: 100px; height: 91px; background-image:url(https://altopenergy.com/wp-content/uploads/2025/11/loader.gif);}

.grecaptcha-badge { max-width: 70px !important;overflow: hidden !important;}