html.chrome {
	/*     overflow: hidden; */
}
.admin-bar #masthead {
	top: 32px!important;
}
* {
	padding: 0;
	margin: 0;
}
/* #energy-control-technologies-ect .products-grid > .product-card:first-child {
    grid-column: span 3;
} */
#energy-control-technologies-ect .subcategory-title:first-of-type + .products-grid > .product-card:first-child {
    grid-column: span 2;
}
#energy-control-technologies-ect .subcategory-title:nth-of-type(2) + .products-grid > .product-card:first-child {
    grid-column: span 3;
}
::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

body {
	padding-top: 116px;
	overflow-x:hidden;
}

a,button{
	cursor: pointer;
}

::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

header#masthead {
	display: block !important;
}

#masthead {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #ffffff;
	display: block;
	z-index: 999;
	box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.10);
}

.header-wrapper .elementor-section .elementor-container {
	justify-content: space-between;
	align-items: center;
}

.header-wrapper .logo-box {
	width: auto !important;
	float: left;
}

.header-wrapper .menu-box {
	width: auto !important;
	float: right;
}

.notfound-content {
	text-align: center;
	padding: 7vw 0;
	width: 100%;
	float: left;
}

.error404 .notfound-content h1 {
	color: #000000;
}

.error404 .notfound-content h3 {
	margin: 20px 0;
}

/* Padding top and bottom zero*/

.e-con.p-top {
	padding-top: 0;
}

.e-con.p-bottom {
	padding-bottom: 0;
}
/* Contact form 7 */

.contact-form .wpcf7 .row {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.contact-form .wpcf7 .column {
	width: 50%;
}

.contact-form .wpcf7 .column-full {
	width: 100%;
}
.contact-form .wpcf7 label{
	color: #000;
	font-family: "Plus Jakarta Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: -0.16px;

}

.contact-form .wpcf7 input,
.contact-form .wpcf7 textarea,
.contact-form .wpcf7 select {
	width: 100%;
	padding: 12px 24px;
	border: 1px solid var(--grey-1, #DDE0E6);
	margin-top: 8px;
	color: rgba(155, 163, 178, 1) !important;
	font-family: "Plus Jakarta Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.16px;
}
.contact-form .wpcf7 textarea{
	height:160px;
}
.contact-form .iti--inline-dropdown{
	margin-top:8px !important;
	width: 100% !important;
}
.iti--show-flags{
	margin-top:8px !important;
}
.contact-form .wpcf7-form-control.wpcf7-submit{
	width:auto;
	margin:0px;
	padding: 8px 40px;
	color: #fff !important;
	text-transform: uppercase;
	line-height: 100%; /* 16px */
	letter-spacing: 0.64px;
	background: rgba(0, 121, 193, 1);
	height: 56px;
	cursor:pointer;
} 

.contact-form .iti__selected-dial-code{
	color: #9BA3B2 !important;
} 

#cf7-ajax-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.65);
	z-index: 9999999;
}

#cf7-ajax-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 500px;
	background: #F8F4EE;
	border-radius: 12px;
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.4);
	z-index: 99999999;
	font-family: "Groillim", Sans-serif;
	color: #252525;
	text-align: center;
}

#cf7-ajax-modal.show,
#cf7-ajax-overlay.show {
	display: block !important;
}

.cf7-ajax-inner {
	padding: 50px 40px;
	position: relative;
}

#cf7-ajax-text {
	font-size: 22px;
	line-height: 1.5;
	margin: 0;
}

.cf7-ajax-close {
	position: absolute;
	top: 10px;
	right: 18px;
	font-size: 38px;
	cursor: pointer;
	opacity: 0.7;
}

.cf7-ajax-close:hover {
	opacity: 1;
}

.cf7-ajax-ok-btn{
	padding:12px 14px !important;
	color:#FAFCFF !important;
	background-color:#9B5F17 !important;
	border:none !important;
	margin-top:5px !important;
}

.wpcf7-spinner {
	display: none;
}

#cf7-ajax-loading {
	display:none;
	position:fixed;
	top:0;left:0;
	width:100%;height:100%;
	background:rgba(255,255,255,0.6);
	z-index:9999999999;
	justify-content:center;
	align-items:center;
}

#cf7-ajax-loading.active { display:flex; }

.cf7-spinner {
	width:45px;
	height:45px;
	border:4px solid #ccc;
	border-top-color:#000;
	border-radius:50%;
	animation:spin 0.8s linear infinite;
}

@keyframes spin { to { transform:rotate(360deg); } }

.wpcf7-response-output { 
	display:none !important; 
}

.cf7-popup-open, .cf7-loading {
	overflow:hidden;
}

.wpcf7-not-valid-tip {
	margin-top: 6px;
}
.counter-div:hover{
  background: rgba(255, 255, 255, 0.12);
}
.fb-icon .elementor-icon-wrapper {
	display: flex !important;
}
.devider-height {
	height: 21px;
}
.contact-desktop {
	display: none !important ;
}

/*  */
header .contact-hide{
	display:none !important;
}
.black-bg .elementor-button, .white-bg .elementor-button{
	position: relative;
	overflow: hidden;
	color: #fff;
	z-index: 1;
}

/* background layer */
.black-bg .elementor-button::before, .white-bg .elementor-button::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #000;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
	z-index: -1;
}

/* hover effect */
.black-bg .elementor-button:hover::before, .white-bg .elementor-button:hover::before{
	transform: scaleX(1);
}
.white-bg .elementor-button::before {
	background: #fff;
}
/* .white-bg .elementor-button:hover{
color:#000 !important;
} */
.menu-box  .elementor-nav-menu__container ul li:last-child a{
	padding-right: 0px !important;
}
.home_hero_slider {
	position: relative;
}

.home_hero_slider .slick-track {
	display: flex;
}

.home_hero_slider .hero-slider-slide {
	height: 100%;
}

/* --- Hide overflow to avoid flicker --- */
.home_hero_slider .slick-list {
	overflow: hidden;
}
/* Restore Elementor flex layout inside slick */
.home_hero_slider .slick-slide > div {
	height: 100%;
}

.home_hero_slider .hero-slider-slide {
	display: flex !important;
	align-items: center;
}

.home_hero_slider {
	margin-bottom: 0 !important;
}

.slide_content_wrap h1 span, .slide_content_wrap h3 span,
.baner_ft h1 span,
.counter .elementor-counter-number-wrapper span{
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--Lifgt-text-white, #FFF);
}
.register-icon-boxs {
	overflow: hidden;
	position: relative;
}

/* Scroll track */
.register-icon-boxs .scroll-track {
	display: flex;
	width: max-content;
	animation: registerScroll 8s linear infinite;
}

/* Icon boxes */
.register-icon-boxs .middle-icon-box {
	flex: 0 0 auto;
	margin-right: 60px;
}

/* Animation */
@keyframes registerScroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

/* Pause on hover (optional) */
.register-icon-boxs:hover .scroll-track {
	animation-play-state: paused;
}
.col-right {
	margin-right: calc(-1 * (100vw - 1720px) / 2) !important;
	flex: 1 !important;
	width: 50% !important;
}
.col-left-about{
	width: 50% !important;
}
.blue-text{
	color: rgba(0, 121, 193, 1);
}
.counter_num .elementor-counter-title {
	text-align: center;
}
.counter span.elementor-counter-number {
	font-family: sans-serif;
} 
/* Base - overflow hidden */
.our-brand-wrap_main {
	overflow: hidden;
	width: 100%;
}

/* Desktop - 4.5 logos */
.our-brand-wrap {
	display: flex !important;
	width: max-content !important;
	animation: brandMarquee 30s linear infinite;
}

.our-brand-wrap .brand-item,
.our-brand-wrap > div,
.our-brand-wrap > li,
.our-brand-wrap > a {
	flex-shrink: 0;
	width: calc(100vw / 4.5) !important; /* Desktop: 4.5 logos */
	padding: 0 20px;
	box-sizing: border-box;
}

/* Tablet - 3 logos */
@media (max-width: 1024px) {
	.our-brand-wrap > div,
	.our-brand-wrap > li,
	.our-brand-wrap > a {
		width: calc(100vw / 3) !important;
	}
}

/* Mobile - 2 logos */
@media (max-width: 768px) {
	.our-brand-wrap > div,
	.our-brand-wrap > li,
	.our-brand-wrap > a {
		width: calc(100vw / 2) !important;
	}
	.our-brand-wrap {
		animation-duration: 15s;
	}
}

/* Instant pause on hover - desktop only */
@media (hover: hover) {
	.our-brand-wrap_main:hover .our-brand-wrap {
		animation-play-state: paused !important;
	}
}

@keyframes brandMarquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
} 
.counter-col:hover{
	background: rgba(255, 255, 255, 0.12);
	transition: 0.3s ease;
}
.our-brand-wrap_main{
	position: relative;
}

.our-brand-wrap_main::before,
.our-brand-wrap_main::after{
	content: "" !important;
	position: absolute;
	top: 0;
	height: 100%;
	width: 262px !important;
	z-index: 10;
	pointer-events: none;
}
.our-brand-wrap_main::before{
	left: 0;
	background: linear-gradient(90deg, #EFEFEF 0%, rgba(239,239,239,0) 100%);
}
.our-brand-wrap_main::after{
	right: 0;
	background: linear-gradient(270deg, #EFEFEF 0%, rgba(239,239,239,0) 100%);
}


.catalog-content{
	width: 100%;
	max-height: 100vh;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #0079c1 transparent;
}
.catalog-layout {
	display: flex;
	gap: 80px;
}
.catalog-sidebar{
	max-width: 480px;
	width: 100%;
	max-height: 100vh;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #0079c1  transparent;
}

.sidebar-item {
	padding: 24px;
	cursor: pointer;
	border: 1px solid rgba(1, 1, 1, 0.20);
}

.sidebar-logo {
	max-width: 160px;
	/* 	margin-bottom: 10px; */
}
.sidebar-item p {
	color: #7B7C80;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.16px;
}

.panel-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.brochure-btn {
	border: 2.5px solid #0D0E0F;
	padding: 8px 16px;
	font-weight: 500;
	/* 	font-size: 11px; */
	text-decoration: none;
	color: #0D0E0F;
}
.sidebar-item.active ,
.sidebar-item:hover{
    border: 1px solid var(--primary, #0079C1);
    background: #EBF5FA;
}
.sidebar-item{
	transition: all 0.5s;
}
.products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
/* 	padding-top: 40px; */
	/* 	max-height:70vh;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #9B5F17 transparent; */
}
.lines {
	border: none;
	height: 1px;
	background-color: #DDE0E6 !important;
	margin-block: 40px !important;
}

.products-grid .product-card img {
	width: 100%;
	height: 347px;
	object-fit: contain !important;
}
.sidebar-item{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 63px !important;
}
.panel-header p{
	color: #0079C1;
	font-weight: 500;
	line-height: 100%;    
	letter-spacing: 0.64px;
	text-transform: uppercase; 
}

.panel-description p{
	color: #7B7C80;
}
.panel-description p:not(:last-child){
	padding-bottom: 12px;
}
.product-card p{
	color: #0D0E0F;
}
.sidebar-item img{
	filter: brightness(0);
}
.sidebar-item img{
	filter: brightness(0);
	transition: filter 0.3s ease;
	display: inline-block !important;
}
.sidebar-item:hover img ,
.sidebar-item.active img{
	filter: none !important ;
}
.product-card_img{
	border: 1px solid #E6E8EB;
	display: flex;
	background: #fff;
}
.product-card{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.brochure-btn{
	display: inline-block;
}
.enquire_btn_col{
	display: flex;
	justify-content: center;
	padding-top: 56px;
}
.enquire_btn{
	padding: 20px 16px;
	background: #0079C1;
	color: #fff;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.64px;
	text-transform: uppercase;
	border-radius: 10px;
	font-family: "Plus Jakarta Sans";
	font-size: 18px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	z-index: 1;
}
.enquire_btn:before{
	content: "";
	position: absolute;
	inset: 0;
	background: #000;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
	z-index: -1;
}
.enquire_btn:hover:before{
	transform: scaleX(1);
	transform-origin: left;
}
.sidebar-title {
	padding-bottom: 40px;
	    color: #565656;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0.64px;
    text-transform: uppercase;
}
.devider-height .elementor-widget-container a{
	pointer-events:none !important;
}
.sticky_header .header-wrap{
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16) !important;
	background: #FAFCFF !important;
	backdrop-filter: blur(4px);
}
.sticky_header ul li a{
	color: #0D0E0F !important;
}

.sidebar-title-phone{
	display:none;
}

button{
	cursor: pointer;
}

.post_date{
	pointer-events: none;
}
.btn-wrap .elementor-button{
	background: #9b5f17;
}


/* .catalog-content{
position: sticky;
top: 120px;
height: 100%;
}
*/

/* next-post-css */
.next-post-section{
	padding-top:24px;
}
.next-post-image{
	height: 430px;
	overflow: hidden;
}
.next-post-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.next-post-image:hover img {
	transform: scale(1.1);
}

.next-post-title{
	padding-top:16px;
	color: #313131;
	font-family: "Bauhaus Std";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%;
}

#add_number .elementor-counter-number-wrapper {
    display: flex;
    justify-content: center;
}
/*  */
.event-media{
	position:relative;
	overflow:hidden;
}

.event-image{
	width:100%;
	display:block;
}

.event-video{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0;
	transition:0.4s ease;
}

.event-media:hover .event-video{
	opacity:1;
}

.event-media:hover .event-image{
	opacity:0;
}

.catalog-sidebar .sidebar-item[data-slug="rembe-gmbh-safetycontrol"] img.sidebar-logo,
.catalog-sidebar .sidebar-item[data-slug="philip-townsend-associates-ptai"] img.sidebar-logo,
.catalog-sidebar .sidebar-item[data-slug="leser"] img.sidebar-logo{
    transition: filter 0.3s ease;
    filter: grayscale(100%) brightness(0.9) opacity(0.8) !important;
	height: 60px !important;
}

.catalog-sidebar .sidebar-item[data-slug="rembe-gmbh-safetycontrol"]:hover img.sidebar-logo,
.catalog-sidebar .sidebar-item[data-slug="philip-townsend-associates-ptai"]:hover img.sidebar-logo,
.catalog-sidebar .sidebar-item[data-slug="leser"]:hover img.sidebar-logo {
    filter: none !important;
}
.catalog-sidebar img { 
    height: 45px !important;
}

#rembe-gmbh-safetycontrol .products-grid,  #energy-control-technologies-ect .products-grid {
    padding-top: 16px !important;
}
h3.subcategory-title {
    font-size: 16px !important;
    padding-top: 40px !important;
    text-transform: uppercase;
    font-family: "Roboto", Sans-serif !important;
    color: #0D0E0F !important;
    font-weight: 400 !important;
}
.product-card_img .hover-img {
    position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 2;
	pointer-events: none;
}
.product-card_img.has-hover:hover .hover-img {
	opacity: 1;
	/*     transform: scale(1.02); */
}
.product-card_img .main-img {
	opacity: 1;
	z-index: 1;
}
.product-card_img {
    position: relative;
    overflow: hidden;
    
}
#distran .products-grid .product-card {
    grid-column: span 2 !important;
}
#distran .products-grid .product-card .hover-img {
    background: #fff;
}
.product-card_img img {
    width: 100%;
    display: block;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.animated{
	overflow:hidden;
}
.animated .elementor-widget-container{
    animation-duration: 2s;
}
.home_hero_slider .slick-slide .animated .elementor-widget-container{
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-in-out;
}

.home_hero_slider .slick-current .animated .elementor-widget-container{
  opacity: 1;
  transform: translateY(0);
}
.add_0 span.elementor-counter-number:before {
    content: "0";
}
#bray .products-grid > .product-card:first-child {
    grid-column: span 2;
}
.home_hero_slider h1,.home_hero_slider h3{
	-webkit-text-stroke-width: 2px;	
}
#energy-control-technologies-ect .products-grid p{
display: none;
}
.home_hero_slider .slick-list {
	overflow: hidden;
}

.home_hero_slider .slick-dots {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	display: flex !important;
	flex-direction: column;
	gap: 8px;
	height: fit-content;
	left: auto;
	align-items: flex-end;
	overflow: hidden;
}
.home_hero_slider .slick-dots li {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.home_hero_slider .slick-dots button {
	width: 16px;
	height: 16px;
	padding: 0;
	border-radius: 50%;
	background: rgb(250 252 255 / 60%);
	border: none;
	font-size: 0;
	cursor: pointer;
	transition: height 0.3s ease;
}

.home_hero_slider .slick-dots .slick-active button {
	height: 40px; 
	border-radius: 24px;
	border: 2px solid rgba(250, 252, 255, 0.40);
	background:  #0079C1;
	transition: height 0.3s ease;
}
/* Restore Elementor flex layout inside slick */
.home_hero_slider .slick-slide > div {
	height: 100%;
}

.home_hero_slider .hero-slider-slide {
	display: flex !important;
	align-items: center;
}
/* Remove default Slick dot */
.home_hero_slider .slick-dots li button::before {
	content: none !important;
}
li.slick-active {
	height: 40px !important;
}
.events_img_col{
	overflow: hidden;
}
.events_img_col *{
	object-fit: cover !important;
	max-height: 550px;
	min-height: 550px;
	height: 100%;
}
.video_none{
	pointer-events: none;
}