*{box-sizing: border-box}
* [onclick] {cursor: pointer; }
body,html{overflow-x: hidden;}
body {font-family:Helvetica, Arial, sans-serif; margin:0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#808080; text-decoration:none}
a:visited{color: #808080;}
a:hover{ color:#0d1437;}
a:active{color: #808080;}
h1{font-size:2.6em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.2em;}
h6{font-size:1.2em}
.item-hide{display:none;}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}
.quick-enquiry-block,.menu-top>label,#mobi-toggle{display: none}

.btn1{display: inline-block; padding:12px 22px; text-align:center; font-size:16px; background-color: #0d1437; color: rgba(255,255,255,.8) !important}
.btn1:hover{opacity: .9;} 
a > button{ display: contents; all: unset}

.electrical-supplies{position:absolute; visibility:hidden; z-index:999999;}
.electrical-supplies-1{ margin:auto; width:100%; height:100px; z-index:100;  background-color:#fff;box-shadow:0 0 10px 2px #ccc;}
.section-header{ max-width:1280px; margin:auto auto;}
.electrical-supplies-2{ position:relative; float:left; width:100%;}
.electrical-solutions-section{ max-width:1280px; margin:auto auto;}
.menu-home-container{ max-width:1280px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; height:100%}

/*================== MAIN SECTION ============================*/
.back_main{ max-width:1280px; margin: auto auto; margin-top:10px; margin-bottom:10px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.75);box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.75);}
.back_page{ max-width:1280px; position:relative; line-height: 28px; font-size:16px; margin: auto; text-align:left; top:0px; padding:30px 0px}
.back_page p{text-align:justify; font-size:20px}
.news-text-block{ width: 72%; margin-left: 4%; float:right}

.page-title{background-color: #f1f1f1; float: left; width: 100%; position:relative; line-height: 22px; overflow: hidden;}
.page-title > div{max-width:1280px; width:100%; position: absolute; margin: auto; top:0; bottom:0; left: 0; right: 0; z-index:1; display:flex; justify-content: space-between;align-items:center;}
.page-title > div a{ color:#fff; font-size:18px; height:44px}
.page-title h1{font-size: 60px; color: #fff; margin:0; }
.page-title img{display: block; width: 100%; height: auto
;top:0}
.page-title:before{content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); z-index:1}

.breadcrumb {color:#fff; text-transform: uppercase; position:absolute; font-size: 1.3em;   display: none; z-index:10; width: auto !important; right:0; font-weight:bold; bottom:8px}
.breadcrumb a{color: #fff}
.online-shop-text ul{ padding-left:10px}
.online-shop-text > ul{ margin:0}
.online-shop-tc-ul{ padding:0}
.online-shop-text li{display:flex; list-style:none; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.online-shop-text li > span:first-of-type{ }
.online-shop-text li > span:last-of-type{ width:96% }
.online-shop-text li > ul > li > span:last-of-type{ width:93% }
.online-shop-text > ul > li > span > ul > li > span > ul > li > span:last-of-type{ width:93%}
.online-shop-text > ul > li > span > ul > li > span > ul{ padding-left:30px}
.online-shop-text  > ul > li > span > ul > li > span > ul > li > ul li span:last-of-type{ width:93%}
.online-shop-text div > ul > li > span > ul > li > span > ul > li > span > ul > li > span:last-of-type{ width:92%;}
.online-shop-text div > ul > li > span > ul > li > span > ul > li > span:last-of-type{ width:92%;}
.online-shop-text > ul > li > span > ul > li > span > ul > li > span > ul{ padding-left:30px}
.online-shop-text div > ul > li > span > ul{ padding-left:30px}
.online-shop-text > div > ul > li > span > ul{ padding-left:30px}
.online-shop-text > div > ul > li > span > ul > li > span > ul{ padding-left:30px}
.online-shop-text > ul > li > span > ul{ padding-left:30px}
.online-shop-text > div > ul > li > span > ul > li > span:last-of-type{ width:93%;}

.aboutus-block{ width:100%; margin-left:0;padding-left:20px;padding-right:20px}
.intro-subpage{ font-size:20px}

.awards-list{margin-bottom:35px; display:table}
.awards-block{margin: 10px 0; color:#0d1437; position:relative}
.awards-block h2{ position:relative; margin:0px; padding: 13px 0; font-size: 18px; font-weight: normal; cursor: pointer; margin-bottom: -7px;}
.awards-block h2:hover{ opacity:0.8}

.awards-info{ color:#fff; border-bottom:1px solid #c1c1c1; }
.awards-info > div{ width:70%; display:inline-block; float:left;transition:all 0.5s ;background-color:#eee;min-height: 229px;    padding-right: 40px; }
.awards-info > div li{ color:#0d1437}
.awards-info > div:last-of-type{ width:30%}
.awards-info > div img{border-radius: 5px; box-shadow: 0 1px 4px rgba(0,0,0,0.3); margin: 23px 0 15px -15px;}
.awards-info > div:hover a{ border:solid #fff 2px}
.awards-info > div > div{ width:50%; float:left; font-size:20px; padding:20px 10px}
.awards-info > div > div:first-of-type{ padding:27px 12px}
.awards-info .btn2{border-radius: 4px;padding: 8px 12px; display: inline-block;  border: 2px solid rgba(0,0,0,0.3); font-size: 14px; color:rgba(0, 0, 0, 0.68); font-weight:600; float:right;transition:all 0.5s}

awards-block > div ul { display:none}
.awards-block > h2::before{content: "\2039"; position:absolute; right:0; top:0; bottom:0; margin-bottom:auto; margin-top:auto; transform: rotate(267deg); font-size:22px;}

.download-lighting{ width:100%; margin-left:0} 
.download-lighting > div{position:relative; width:auto; height:auto;text-align:center;}
.download-lighting a{font-size:20px; margin:auto; text-align:center; position:relative; margin-top:25px;display:table; width:35%}

.history-block > div{width: 100%; float: left; margin: 10px 0}
.history-block > ul{ padding:0 !important; margin:0}
.history-block > ul li{ list-style:none; padding:5px 0; display:flex;  width: 100%; flex-wrap: wrap; justify-content: space-between;}
.history-block > ul li strong{ width:11%}
.history-block > ul li span{ width:89%}

.interests-block{ display:block; margin-bottom:20px}
.interests-block > div{ display: flex; flex-wrap: wrap;}
.interests-block > div > div{width:20%; text-align: left; font-size: 12px; display: flex; align-items: center;}
.interests-block h3{ font-size:18px; font-weight:normal; margin:0}
.interests-block > div input{width: 35px; height: 25px;}

/*================= MENUS ======================*/
.shopping-block{ width:60%; display: flex; justify-content: space-between; height:110px; align-items: center;}
.shopping-block > div:first-of-type{display: flex; flex-direction: column; width:58%;}
.shopping-block > div:first-of-type > div > ul{ display:flex;justify-content: space-between; flex-wrap:wrap; padding: 0; margin: 0;}
.shopping-block > div:first-of-type > div > ul > li{ list-style:none; padding:7px 10px; border-radius: 2px;}
.shopping-block > div:first-of-type > div > ul > li > a{ color:#231f20; font-size: 16px;display:flex; justify-content: space-between;}
.shopping-block > div:first-of-type > div > ul > li > a .fa-fw{margin-right: 10px;}
.shopping-block > div:first-of-type > div{ width:100%}
.shopping-block > div:first-of-type > div:nth-of-type(1){display: flex; flex-direction: row-reverse;}
.shopping-block > div:last-of-type{ width:75%; left:34px; position:relative; overflow:hidden; padding-left: 65px; height: 100%;}
.shopping-block > div:last-of-type > div:before{ content:""; position:absolute; display:block; background-color:#168bbd;height: 100%; width:57%; right: 49%;-webkit-transform: rotate(108deg); -moz-transform: rotate(108deg); transform: rotate(108deg);}
.shopping-block > div:last-of-type > div > a{display: flex; justify-content: space-between; height: 100%; align-items: center; color:#fff;  position:relative; overflow:hidden}
.shopping-block > div:last-of-type > div{width:100%; margin:auto; height:100%;background-color: #168bbd;padding-right:40px; padding-left:15px}
.shopping-block > div:last-of-type > div > a strong{ font-size:24px}

.ecommerce-user-block{ position:absolute;background-color:#ffffff; padding:15px 15px 10px;font-size:13px; width:230px; z-index:101; top: 50%; right:5%; transform: translate(0, 32%); border: solid 1px #dbdbdb; display:none}
.ecommerce-user-block > .fas{ color:#808180; position: absolute; bottom:72%; right:25%; transform: translate(-50% , -50%);    font-size: 25px;}
.help-block > span,.ecommerce-user-block > span{position: absolute; right: 10px; top: 5px; font-size: 20px; font-weight: bold;}
.ecommerce-user-block a:hover{ color:#0d1437}
.ecommerce-user-block ul{ padding:0; margin:0}
.ecommerce-user-block ul li{ list-style:none; padding: 5px 0;}
.ecommerce-user-block ul li a{ color:#000}
.ecommerce-user-block ul:nth-of-type(2){ border-top: solid 1px #000; border-bottom: solid 1px #000; margin: 10px 0; padding:10px 0}

.menu-top-container{ display:flex;justify-content:end; flex-wrap: wrap; width: 80%; align-items: baseline;}
.menu-top{ position:relative; width:85%; background-color:#0d1437; display: flex; flex-wrap: wrap; justify-content: end;}
.menu-top:before{ content:""; position:absolute; height:100%; width:100vw; right:0; transform: translateX(100%); background-color:#0d1437}
.menu-top:after{ content:""; position:absolute;left:0.5px;  border: solid 33px transparent; border-right-color: #0d1437; border-top: none; top: 0;transform: translateX(-100%);}

.menu-home{ width:65%;}
.menu-home > ul{ padding:0; margin:0; display: flex; justify-content:space-around;height: 100%; align-items: center;}
.menu-home > ul > li{ display: flex; height: 100%;list-style:none; position:relative}
.menu-home > ul > li > span,.menu-home > ul > li > a{color:#0d1437; font-size:20px; text-decoration:none;display: flex; height: 100%; align-items: center; padding:21px 15px; transition:all .3s;}
.menu-home a:hover{color:#293370}

.menu-top > div{display:flex; justify-content:flex-end; width: 100%; align-items: center;}
.nav{margin:0; padding:0}
.nav > li{float: left; position:relative; list-style:none}
.nav > li:after{content: ""; height: 20px; width: 1px; position: absolute; background: #fff; opacity: 0.2; right: 0; top: 50%; transform: translateY(-50%);}
.nav > li > span,.nav > li > a{display: inline-block; color:rgba(255, 255, 255,1) !important; padding:0 25px; line-height:33px; font-size:1.4em !important; text-decoration:none; transition:all .3s; background-color:transparent !important;}
.nav > li a:hover, .nav > li:hover > a{}

.tel-block{display: flex !important; align-items: center; justify-content: space-between; padding: 0 20px !important; width: 176px;}
.tel-block .fa-phone-alt{background-color: #fff; display: flex !important; width: 20px; height: 20px; color: #091437; align-items: center; justify-content: space-around; border-radius: 50px; font-size: 12px;}

.socials-heaher{}
.socials-heaher a{ padding:0 20px; font-size:14px; color:#fff}

.dropdown li{border-bottom:1px solid rgba(41,46,90,.1) !important;}
.dropdown li:last-of-type{border:none !important}
#mainNav > ul > li:nth-child(2) > ul > li:nth-child(1) {display: none !important;}
body > div.footer > div > div:nth-child(3) > ul > li:nth-child(2){display: none}
.dropdown-menu li{position:relative; list-style: none}
.dropdown-menu{padding:0; margin:0; border-radius:4px !important; display: none; background-color:rgba(255,255,255,.95) !important; min-width:220px; left:20px; position:absolute; box-shadow: 0 1px 5px 1px #0d1437; font-size: 16px; z-index:100; top:100%}
.dropdown:hover .dropdown-menu.long-dropdown-menu{display: flex !important; flex-wrap: wrap; justify-content: space-between; min-width: 300px;}
.dropdown-menu.long-dropdown-menu li{ width: 50%}
.dropdown-menu a{color:#0d1437 !important; transition:background-color .5s;  padding: 14px 12px!important; white-space: nowrap; width: 100%; display: flex; justify-content: space-between;}
.dropdown-menu > li:hover a{color:#0d1437!important}
/*.dropdown-menu > li:first-of-type::before{content:""; position:absolute; top:-20px; left:20px; border: solid 10px transparent; 
border-bottom-color: rgba(255,255,255,.95)}*/

.dropdown-menu > li .electrical-menu{padding:0; margin:0; border-radius: 4px; display: none; background-color: rgba(255,255,255,.95); min-width: 200px; left: 100%; position: absolute; box-shadow: 0 1px 5px 1px #0d1437; top:0}
.dropdown-menu > li:hover .electrical-menu{ display:block}

/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:hover > .dropdown-menu{display:block}

	.dropdown-menu::before {
		content: "";
		position: absolute;
		top: -20px;
		left: 20px;
		border: solid 10px transparent;
		border-bottom-color: rgba(255,255,255,.95);
	}
	.dropdown[data-menulevel="1"] > .dropdown-menu::before, .dropdown[data-menulevel="2"] > .dropdown-menu::before {
		content: "";
		position: absolute;
		top: 20px;
		left: -20px;
		border-bottom-color: transparent;
		border-right-color: rgba(255,255,255,.95);
	  }
	.dropdown[data-menulevel="1"]:hover > .dropdown-menu {
		left: 100%;
		top: 0;
	  }
	  .dropdown-menu.product-menu-top li[data-menulevel="2"] > ul {
		padding: 0 0 0 7px;
		position: absolute;
		left: 100%;
		min-width: 240px;
		background-color: #fff;
		display: none;
		top: 0;
		transition: all .3s;
		border-radius: 0 4px 4px 0;
		box-shadow: 3px 1px 5px 1px #0e1537;
	  }
	
}


.menu-cat{position:relative; float:left; width:990px; padding:5px; padding-left:10px;}
.menu-cat h2{text-align:center; text-transform:none !important; border-bottom:1px dotted #666; margin-bottom:10px;}
.menu-cat h1{color:#BB1D19;}
.menu-cat img{position:relative; float:left; margin-right:5px; margin-bottom:50px;}
.menu-cat div{position:relative; float:left; width:300px; height:160px; margin-bottom:10px;background-color:#fff; border-bottom:10px solid #DA251C; padding:10px;box-shadow: 10px 10px 5px #888888;margin-right:50px;}
.menu-cat div:first-child{margin-left:150px;}
.menu-cat div:last-child{margin-right:0px;}
.menu-cat span{ display:block;height:90px;}
.menu-cat ul{list-style:none; padding:0px; margin:0px;}

.menu-side{position:relative; width:23%; float: left;  font-size: 14px; text-transform: uppercase}
.menu-side ul{margin: 0; padding:0; }
.menu-side li{list-style: none; border:#f1f1f1 1px solid; margin-bottom: 4px}
.menu-side li a{padding: 15px; display: inline-block; width: 100%; transition: all .5s; color: #0d1437; border-left: 2px #0d1437 solid}
.menu-side li a:before{content: ""; margin-right: 5px; color: #0d1437}
.menu-side a.menu-active, .menu-side li a:hover{ background-color: #0d1437; color: white}
.menu-side ul > li > ul{background-color: #f1f1f1;}

.item-summary{}
.item-summary div{ position:relative; float:left;  border:1px solid #999; padding:20px; box-shadow:0 0 10px 2px #ccc; margin-bottom:20px; margin-right:20px;  }
.item-summary div:hover{box-shadow:0 0 10px 2px #404040;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease;}
.item-summary div:last-child{margin-right:0px;}

/*==================== LOGO =======================*/
.logo{position:relative; width:19.6%;display: flex; align-items: center; background-color: #fff; }
.logo img{display:block;}

.widget-container{width:18%;}
.widget-container a{ font-size:16px; text-decoration:none; background-color:#293370; padding:12px 14px; color:#fff; font-weight:bold;display: flex; align-items: center; justify-content: space-around;}

/*===================== SEARCH ======================*/
.search{ position:relative; float:left;  font-weight:normal; width:100%;border-radius: 0 4px 4px 0;display: flex;justify-content: space-between; background-color: white; height:36px; margin-top: 10px;}
.search div{position:relative; float:left; border:1px solid #D6D2D2;  width:85%;}
.search a{width:60px; position:relative; font-size: 20px; color: #fff; background-color: #0d1437; display:flex; align-items: center;border-radius: 0 12px 12px 0; justify-content: space-around}
.search a:hover{text-decoration:none; opacity:.8}
.search input{position:relative; width:60%; font-size: 13px; font-style:italic; border: none; outline: none; text-transform:uppercase;background-color: #f5f5f5; padding-left: 10px;}
.search span{ width:40%; background-color:#cdccca; color:#000; text-transform:uppercase; display: flex; align-items: center; justify-content: space-around;font-size: 11px;border-radius: 12px 0 0 12px}

.pop-up-45{position: fixed; z-index: 999999999; top:0%; left: 0; width:100%; background:rgba(36, 36, 36, 0.85); height: 100%; text-align:center; display:none}
.pop-up-45-close{position: absolute; right:-10px; top:-10px; cursor: pointer; color: #fff; font-weight:bold; height:28px; width:28px; border-radius:40px; background-color:#0d1437; z-index: 999999999; font-size: 18px;line-height: 28px; padding:0 8px}
.pop-up-45 img{border-radius:4px; display:block;box-shadow: 0 0 10px 2px #010101;}
.pop-up-45 > div{ font-size: 18px; line-height: 26px;border-radius: 4px;top:10%; max-width:600px; max-height:550px; height:100%; width:100%; position: relative; margin:auto; display:table; background:url(images/magnetgroup-solution.webp) no-repeat;background-size:cover;}
.pop-up-45 > div > div{ display:flex; flex-wrap:wrap; width:100%; height:100%; flex-direction: column;}
.pop-up-45 > div > div > div{ width:100%}
.pop-up-45 > div > div p{ color:#fff; font-size: 16px; line-height: 22px;}
.divisions-block{ display: flex; justify-content: space-between; flex-wrap:wrap; padding:0 28px;margin-bottom: 20px;}
.divisions-block > span{ width:100%; color:#fff; margin-top:0; text-align:left;margin-bottom: 45px;; display:block; font-size:29px}
.divisions-block > div{ width:32%; display: flex; height: 143px; overflow: hidden; border-radius: 12px; margin-top: 20px;}
.divisions-block > div a > span{ width: 100%; height:116px}
.divisions-block > div:nth-of-type(1) a > span{ background: url(images/industry-4.0.webp) no-repeat; background-size: cover}
.divisions-block > div:nth-of-type(1){ border:3px solid #008dc1 ;background-color: #008dc1}
.divisions-block > div:nth-of-type(2) a > span{background: url("images/iot.webp") no-repeat; background-size: cover}
.divisions-block > div:nth-of-type(2){ border:3px solid #00b652; background-color: #00b652}
.divisions-block > div:nth-of-type(3) a > span{background: url("images/digitisation-sustainability.webp") no-repeat; background-size: cover}
.divisions-block > div:nth-of-type(3){ border:3px solid #008d4c; background-color: #008d4c}
.divisions-block > div strong{ font-size:12px;width: 100%; margin:  0; display:block; }
.divisions-block > div a{ color:#fff; width:100%; display:flex; align-items: flex-end; text-align: center; flex-wrap: wrap}
.pop-up-45 > div > div > div:first-of-type span{color:#fff; margin-bottom:0; display:block; margin-top:23px; font-weight:bold; font-size:29px }
.pop-up-45 > div > div > div:first-of-type{ text-align:left; margin-top:46px; padding-left:35px;}
.pop-up-45 > div > div > div:last-of-type span{ margin:8px 0; color:#fff; text-align:center; display:block}
.pop-up-45 > div > div > div:last-of-type{ text-align:left; padding:0 20px}
.pop-up-45 > div > div > div:last-of-type p{ font-size:16px; margin-top: 9px; margin-bottom: 10px; color:#231f20; text-align:center}
.pop-up-45 > div > div > div:last-of-type h3{ margin-bottom:0;font-size:18px;margin-top: 25px;}
.pop-up-45 > div > div > div:last-of-type > div{display: flex; flex-wrap: wrap;justify-content: space-evenly;}
.pop-up-45 > div > div > div:last-of-type > div input{ width:31%; background-color:#d1d3d4; border:none; padding: 8px; border-radius: 4px;}
.pop-up-45 .btn-pop-up{font-weight: bold; color: #fff; background-color: #231f20; padding: 5px; width: 150px; text-align: center; border-radius: 4px; margin-top: 15px;}

.newsletter-pop-up {transform: rotate(90deg); display:block;background:#0f9648; right:-80px;transition:all .3s;position:fixed; z-index:999;top: 350px; color:#fff}
.newsletter-pop-up a{ color:#fff; text-decoration:none; font-size:14px; text-align: center; display:block;padding: 12px 14px;}
.newsletter-pop-up:hover{background-color:#283470}

.home-banner{ display:flex;position:relative; margin:auto; max-width:1663px; width:100%; text-align:center; overflow:hidden; padding:0px 0;padding-bottom:0px; max-height: 533px}
.home-banner img{ width:100%; height:auto; display:block}
.home-banner .cs_title .cs_wrapper{  font-size: 53px; line-height: 70px; width:100%; padding-top:30px}
.home-banner .cs_description > label .cs_title{width:100%; margin-bottom: 40px !important}
.home-banner .cs_title .cs_wrapper strong{ font-weight: normal}
.home-banner .cs_title .cs_wrapper h1{ font-weight: normal; font-size: 53px; margin: 0;}

.cs_description.mobile-banner > label.num0 .cs_title .cs_wrapper strong{ color: #008bc0}
.cs_description.mobile-banner > label.num1 .cs_title .cs_wrapper strong{ color: #39b54a}
.cs_description.mobile-banner > label.num1 .cs_title .cs_wrapper{ text-align: right;padding-right: 20px}
.cs_description.mobile-banner > label.num1 .cs_descr,.cs_description.mobile-banner > label.num3 .cs_descr{ text-align: right; float: right}
.cs_description.mobile-banner > label.num1 .cs_descr .btn1,.cs_description.mobile-banner > label.num3 .cs_descr .btn1{}
.cs_description.mobile-banner .btn1{ background-color: #fff !important; color: #0d1437 !important; font-weight: bold; font-size: 18px; border-radius:4px;}
.cs_description.mobile-banner > label.num2 .cs_title .cs_wrapper strong{ color:#008bc0}
.cs_description.mobile-banner > label.num2 .cs_title .cs_wrapper strong:last-of-type{ color: #00969c }
.cs_description.mobile-banner > label.num3 .cs_title .cs_wrapper{ text-align: right; padding-right: 20px}
.cs_description.mobile-banner > label.num3 .cs_title .cs_wrapper strong{ color:#008bc0}

.csslider1 > ul > .slide a{ display:block}
.home-banner p{ font-size:20px; line-height: 32px;margin:0}
.cs_title-center{ text-align:center}
.home-banner:before{content: "";position: absolute;left: 0;top: 35px;background: url("images/magnet-est-1972.webp") no-repeat; width: 1280px; height:36px; background-size: contain; margin: auto; right: 0; z-index: 9;}

.brand_description .brands_num0{}
.brand_description > label.brands_num1 > span.cs_descr1 > span{}
.home-brands-description{ max-width:1349px; margin: auto; width: 100%; display: flex; flex-wrap: wrap; margin-top: 90px; margin-bottom: 60px;}
.schneider-electric-block > div{ display: flex; flex-wrap: wrap; width:71%; text-align: end; padding-right: 20px; justify-content: space-between;}
.home-brands-description p{color: #fff; font-size: 26px; line-height:32px}
.home-brands-description p strong{ display: block; font-size: 30px;}
.home-brands-description .btn1{font-size: 14px; padding: 7px 14px; font-weight: bold; color: #fff !important;    pointer-events: auto; margin: 0 1px; opacity: 0; width: 35%;}

.intro-divisions{width:100%; display:table; background-color: #fff; position: relative; margin:auto}
.intro-divisions > div{width: 100%; margin: auto}
.intro-divisions > div > div{width: 25%; margin:auto; float: left; text-align:center;display: inline-block;}
.intro-divisions > div > div > div{ display:none}
.divisions-solution > div > div{ margin-bottom:0}
.intro-divisions > div > div:first-of-type > a > div{ background-color:#008bc0}
.intro-divisions > div > div:nth-of-type(2) > a > div{ background-color:#39b54a}
.intro-divisions > div > div:nth-of-type(3) > a > div{ background-color:#00969c}
.intro-divisions > div > div:nth-of-type(4) > a > div{ background-color:#009060}
.intro-divisions > div > div:last-of-type{margin-right: 0}
.intro-divisions > div > div > a div{padding:20px 0;}
.intro-divisions > div > div > a:first-of-type{ color:#fff; font-size:20px;font-weight:bold; display:block; text-transform:uppercase; }
.intro-divisions > div > div > a:first-of-type:hover{ opacity:.8; box-shadow:none}

.divisions-solution > div > div > a{ box-shadow:none !important}
.intro-divisions h2{height: 80px; font-size: 22px; margin-top:35px}
.intro-divisions img{width: auto; height: 116px}
.intro-divisions .btn1{text-transform: uppercase; font-size:12px}

.intro-categories{font-size: 16px; width: 100%; position: relative; display: flex; flex-wrap: wrap; padding: 0 15px; margin: auto; margin-bottom: 50px; max-width: 1663px}
.intro-categories > div{  width:23%; margin:0 auto}
.intro-categories > div > div h2{width: 100%; text-align: center}
.intro-categories > div > div h2 a{ color:#008bc0; }
.intro-categories > div:hover > div > a:before{content: ""; position: absolute; top:0; left: 0; background:rgb(13 20 55 / 50%); width: 100%; height: 100%}
.intro-categories > div:nth-of-type(2) h2 a{ color:#39b54a }
.intro-categories > div:nth-of-type(3) h2 a{ color:#00969c }
.intro-categories > div:nth-of-type(4) h2 a{ color: #009060}
.intro-categories > div > div{width:100%; display: flex; flex-wrap: wrap; position:relative; }
.intro-categories > div > div > a{color: #fff; background-color: #0d1437; transition: all .3s; position: relative; border-radius: 20px; overflow: hidden;}
.intro-categories > div > div > a img{width: 100%; display: block; height: auto;opacity: 1}
.intro-categories p{line-height: 32px; text-align:center; font-size: 23px; width: 100%}
.intro-categories .btn1{margin-top: 5px; font-size:14px; border: solid 2px #0d1437; padding:7px 14px; font-weight: bold; color: #0d1437 !important; background: transparent}
.intro-categories .btn1:hover{color: #fff !important; background: #0d1437}
.intro-categories .product-img{position:absolute; bottom:13%; right:10%}
.intro-categories .product-img1 img{ width:200px !important; height:62px !important}
.intro-categories .product-img img{ width:165px; height:81px}
.intro-categories > div > div .intro-btn{display: flex; flex-wrap: wrap; margin: auto; margin-top: 15px;}
.intro-categories > div:last-of-type  > div .intro-btn{}
.intro-categories > div:last-of-type  > div .intro-btn:nth-of-type(2){ margin: 0 10px}
.intro-categories > div > div .intro-btn  > .btn1:nth-of-type(2){display: flex; align-items: center; margin-right: 10px; margin-left: 10px;}
.solar-solutions-block > div,.water-solutions-block > div{height:290px !important;}
.intro-categories .intro-btn .loadshedding-btn{ color: #0d1437 !important; background-color: transparent}



/*.schneider-electric-block {
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end;
    height: 210px;
    align-items: center;
    margin: 90px auto 60px;
    background: url(images/sinetamer-products.webp) 0% 0% / cover;
}
.schneider-electric-block > div span {
    display: block;
}
.schneider-electric-block .btn1 {
    font-size: 14px;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    padding: 7px 14px;
}
.schneider-electric-block > div {
    display: flex;
    flex-wrap: wrap;
    width: 71%;
    text-align: end;
    padding-right: 20px;
    justify-content: space-between;
}
.schneider-electric-block > div p {
    color: rgb(255, 255, 255);
    font-size: 26px;
    line-height: 32px;
}
.schneider-electric-block > div p strong {
    display: block;
    font-size: 30px;
}
*/
/*----------Electrical Solution CSS----------*/

.solar-cs_description label .cs_descr,.lighting-cs_description label .cs_descr,.electrical-cs_description label .cs_descr{ float: unset !important;}

.electrical-supplies{position:absolute; visibility:hidden; z-index:999999;}
.electrical-equipment-1{width:100%; z-index:100; position: fixed; top: 0; background-color:#fff; box-shadow: 0 0 10px 2px #ccc;}
.electrical-equipment-header{ max-width:1280px; margin:auto auto; }
.electrical-products-2{ position:relative; display:table; width:100%;}
.electrical-products-section{ max-width:1280px; margin:auto auto;}

.electrical-solution-block{ background-color:#fff; position:relative; display:flex; justify-content: space-between; width:100%;max-width: 1140px; margin: auto;}
.electrical-solution-block > div{ width:16%;}
.electrical-solution-block > div img{ width:100%; height:auto; display:block; margin:auto }

.electrical-solution-video-block{ width: 100%; display: flex; flex-wrap:wrap; position: relative; overflow: hidden}
.electrical-solution-video-block > span{ position: absolute; top: 30px;left: 0; font-size: 32px; background-color: #39b54a; color: #fff; font-weight: bold; padding: 10px ; z-index: 9; text-align: center; width: 15%}

.electrical-solution-video-block:before{ content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 30%); z-index: 1}
.electrical-solution-video-block > video{position: absolute; left: 0; top: 0;    object-fit: fill;}
.electrical-solution-video-block > div{ max-width: 1280px;margin:157px auto 120px auto; width: 100%; position: relative; color: #fff; z-index: 1}
.electrical-solution-video-block > div > div{ width: 100%;display: flex; flex-wrap: wrap; margin-top: 35px}
.electrical-btn{ background-color: #019dcb; color: #fff !important; padding: 10px 30px; font-weight: bold; font-size: 22px; border-radius: 4px; border: solid 2px #019dcb; transition: .3s all; display: inline-block}
.electrical-btn:hover{ color:  #019dcb !important; background-color: transparent !important; border: solid 2px #019dcb !important;}
.electrical-solution-video-block > div p{ font-size:24px; line-height: 32px}
.electrical-solution-video-block > div h1{ font-weight: bold; font-size: 48px; text-transform: uppercase; margin-bottom: 32px; display: block; margin-top: 0}
.electrical-solution-video-block > div .btn1{ font-size: 16px; letter-spacing: 0.5px; line-height: 28px; text-transform: uppercase; padding: 13px 28px; margin-top: 15px; background: #019dcb}
.electrical-solution-video-block > div > h1 strong{ color:#019dcb}

.electrical-home-solution-block{ background-color: #ededed; width: 100%; display: flex; padding:60px 0; position: relative; overflow: hidden; margin-bottom: 50px}
.csslider1:before{content: ''; position: absolute; top: 0;right:0; background: rgb(0 0 0 / 25%); width:100%; height:100%; z-index:2; pointer-events: none;}

.electrical-home-solution-block > div{ max-width:1140px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; position: relative}
.electrical-home-solution-block > div > div{ width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between;    text-align: center;}

.electrical-home-solution-block .electrical-mission-block > div:first-of-type{margin-bottom: 40px;}
.electrical-home-solution-block .electrical-mission-block > div ul{padding: 0  }
.electrical-home-solution-block .electrical-mission-block > div > ul li{list-style: none; font-size: 21px; padding:5px 0}
.electrical-home-solution-block .electrical-mission-block > div:first-of-type .btn1{ padding: 12px;}
.electrical-home-solution-block .electrical-mission-block > div:first-of-type strong{font-size:42px; line-height: 48px; color: #000; font-weight: normal; transition: .3s all}
.electrical-home-solution-block .electrical-mission-block > div:first-of-type strong a{ color: #000}
.electrical-home-solution-block .electrical-mission-block > div:first-of-type strong a:hover{ color: #019dcb}
.electrical-home-solution-block .electrical-mission-block > div p{ font-size: 23px; line-height: 32px;}
.electrical-home-solution-block .electrical-mission-block > div .btn1{background-color: #019dcb; color: #fff !important; font-weight: bold; font-size: 18px}
.electrical-home-solution-block .electrical-mission-block img{ width: 100%; height: auto; display: block}
.electrical-home-solution-block .electrical-mission-block > div{width: 100% }
.electrical-home-solution-block .annual-revenue-block{justify-content: end; padding-top:40px}
.electrical-home-solution-block .annual-revenue-block > div:first-of-type{ color: #019dcb}
.electrical-home-solution-block .annual-revenue-block > div{ width: 25%; color: #fff; padding: 0 25px}
.electrical-home-solution-block .annual-revenue-block > div p{ font-size: 18px}
.electrical-home-solution-block .annual-revenue-block > div > span{ font-size: 45px; font-weight: bold}

.electrical-call2Action-block{ background:url("images/industrial-control-automation.webp"); display: flex; background-size: cover; background-repeat: no-repeat; position: relative}
.electrical-call2Action-block:before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: rgb(0 0 0 / 55%); z-index: 0; margin: 0}
.electrical-call2Action-block > div{ max-width: 1230px; margin: 10px auto 50px auto; display: flex; flex-wrap: wrap; justify-content: space-around; padding:75px 0 60px 0; position: relative;}
.electrical-call2Action-block > div > strong{ width: 100%; font-size: 38px; display: block; margin-bottom:30px; text-align: center; color: #fff;}
.electrical-call2Action-block > div > strong a{ color: #fff; transition: .3s all}
.electrical-call2Action-block > div > strong a:hover{ color: #019dcb}

.electrical-intro-products{position: relative; overflow: hidden; display:flex; flex-wrap:wrap; justify-content: space-between; max-width: 1250px; width: 100%;margin: auto;}
.electrical-intro-products p{font-size:22px; text-align: center; margin: 25px auto auto}
#product-scroll {position: relative; width: fit-content; display: grid; grid-auto-flow: column; grid-template-rows: auto; flex-wrap: wrap; transition: all 0.8s;  margin:40px auto; }
.electrical-intro-products > strong { width: 100%; font-size: 38px; text-align: center; display: block; font-weight: normal}
.electrical-intro-products > strong a{color: #000; display: inline-block; transition: .3s all}
.electrical-intro-products > strong a:hover{ color: #019dcb}

.electrical-intro-products > span{ position:absolute; top:50%; transform: translate(0,-50%);font-size: 20px; left:-5px;    text-shadow: 2px 2px 4px #fff; z-index: 1}
.electrical-intro-products > span a{ color:#019dcb}
.electrical-intro-products > span:last-of-type{ right:-5px; left:unset}
.electrical-intro-products > div > div{ border: 1px solid #c9caca; transition: all .5s ease;; width: 282px; height: auto; margin: 2px 15px;}
.electrical-intro-products  label{ cursor: pointer}
.electrical-intro-products > div > div h2{ text-transform: uppercase; text-align: center; overflow: hidden; font-size: 22px; color: #019dcb; margin: 10px 0; font-weight: normal; height: 52px}
.electrical-intro-products > div > div h2 a{color: #000;}
.electrical-intro-products > div > div:hover h2 {color: #fff;}
.electrical-intro-products > div > div > div{ padding: 16px}
.electrical-intro-products > div > div > div ul{ padding: 0; margin-top: 0; height: 84px}
.electrical-intro-products > div > div > div li{padding:5px 0; font-size: 16px; text-align: center; list-style: none; color: #fff}
.electrical-intro-products > div .btn-prod{text-align: center; font-size: 16px; display: block; color: #019dcb}
.electrical-intro-products > div > div:hover .btn-prod{color: #fff}
.electrical-intro-products > div > div p{font-size: 12px; line-height: 1.8; color: #333; min-height: 90px; padding: 10px 28px; text-align: center; margin: 0}
.electrical-intro-products > div > div img{ width: 100%; height: auto; display: block; padding-top: 10px;}
.electrical-product-block > div:hover{ background-color: #019dcb; color: #fff}
.electrical-product-block > div img{ display: block; margin: auto; transition: all 0.5s;}
.electrical-product-block > div:hover img{ width: 80%}

.electrical-product-block.product-block-v2 > div:hover{ background-color: #00b854; color: #fff}
.electrical-product-block.product-block-v2 > div img{ display: block; margin: auto; transition: all 0.5s;}
.electrical-product-block.product-block-v2 > div:hover img{ width: 80%}


.electrical-schneider-electric{ position:absolute; width:100%;height: 100%; padding-left: 30px; background-color: #019dcb;    color: #fff; opacity:0}
.electrical-schneider-electric ul{ padding:0}
.electrical-schneider-electric ul li{ list-style:none; font-size: 16px;  }
.electrical-schneider-electric h2{font-size: 29px; margin-top:30px; text-align:center}
.electrical-schneider-electric strong{font-size: 16px;}
.electrical-schneider-electric strong{ display: block; margin-bottom:10px}
.electrical-schneider-electric > a{ color: #fff}

.electrical-project{ display: flex;flex-wrap: wrap; justify-content: space-around}
.electrical-project > div{ width: 48%; text-align: center}

.electrical-contactus-form{background-color: #2a336e; padding: 20px;width: 87%; margin: auto;}
.electrical-contactus-form > p{margin-top: 0; font-size: 20px; color: #fff}
.electrical-contactus-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{width: 49.5%; margin-bottom: 10px; padding: 12px; color: #2b2b2b; border: 1.5px solid #ffffff; background: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 16px}
.electrical-contactus-form textarea#lead_details{width: 99%}
.electrical-contactus-form .btn-submit{ padding: 12px; margin-top: 10px !important; font-size: 18px; background: #fdca40; border: none; border-radius: 4px; color: #29336f; font-weight: bold; transition: all .3s; cursor: pointer}
.electrical-contactus-form .btn-submit:hover{background: #29336f; color: #fff}
.electrical-contactus-form label.opt-class{color: #fff; font-size: 16px}

/*-----------End Solution CSS*/

/*----------Lighting Solution CSS----------*/
.lighting-solution-video-block{ width: 100%; display: flex; flex-wrap:wrap; position: relative; overflow: hidden}
.lighting-solution-video-block > span{ position: absolute; top: 30px;left: 0; font-size: 32px; background-color: #39b54a; color: #fff; font-weight: bold; padding: 10px ; z-index: 9; text-align: center; width: 15%}

.lighting-solution-video-block:before{ content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 30%); z-index: 1}
.lighting-solution-video-block > video{position: absolute; left: 0; top: 0;    object-fit: fill;}
.lighting-solution-video-block > div{ max-width: 1280px;margin:180px auto 120px auto; width: 100%; position: relative; color: #fff; z-index: 1}
.lighting-solution-video-block > div > div{ width: 100%;display: flex; flex-wrap: wrap; margin-top: 35px}
.lighting-pg-btn{ background-color: #00b854; color: #fff !important; padding: 10px 30px; font-weight: bold; font-size: 22px; border-radius: 4px; border: solid 2px #00b854; transition: .3s all; display: inline-block;}
.lighting-pg-btn:hover{ color:  #00b854 !important; background-color: transparent !important; border: solid 2px #00b854 !important;}
.lighting-solution-video-block > div p{ font-size:24px; line-height: 32px}
.lighting-solution-video-block > div h1{ font-weight: bold; font-size: 48px; text-transform: uppercase; margin-bottom: 32px; display: block; margin-top: 0}
.lighting-solution-video-block > div .btn1{ font-size: 16px; letter-spacing: 0.5px; line-height: 28px; text-transform: uppercase; padding: 13px 28px; margin-top: 15px; background: #00b854}
.lighting-solution-video-block > div > h1 strong{ color:#00b854}

.lighting-home-solution-block{ background-color: #ededed; width: 100%; display: flex; padding:60px 0; position: relative; overflow: hidden; margin-bottom: 50px}
.csslider1:before{content: ''; position: absolute; top: 0;right:0; background: rgb(0 0 0 / 25%); width:100%; height:100%; z-index:2; pointer-events: none;}
.lighting-home-solution-block > div{ max-width:1140px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; position: relative}
.lighting-home-solution-block > div > div{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center}
.lighting-home-solution-block .lighting-mission-block > div:first-of-type{ margin-bottom: 40px; width: 100%}
.lighting-home-solution-block .lighting-mission-block > div ul{padding: 0  }
.lighting-home-solution-block .lighting-mission-block > div > ul li{list-style: none; font-size: 21px; padding:5px 0}
.lighting-home-solution-block .lighting-mission-block > div:first-of-type .btn1{ padding: 12px;}
.lighting-home-solution-block .lighting-mission-block > div:first-of-type strong{font-size:42px; line-height: 48px; color: #000; font-weight: normal; transition: .3s all}
.lighting-home-solution-block .lighting-mission-block > div:first-of-type strong a{ color: #000}
.lighting-home-solution-block .lighting-mission-block > div:first-of-type strong a:hover{ color: #00b854}
.lighting-home-solution-block .lighting-mission-block > div p{ font-size: 23px; line-height:32px; 	}
.lighting-home-solution-block .lighting-mission-block > div .btn1{background-color: #00b854; color: #fff !important; font-weight: bold; font-size: 18px}
.lighting-home-solution-block .lighting-mission-block img{ width: 100%; height: auto; display: block}
.lighting-home-solution-block .lighting-mission-block > div{ }
.lighting-home-solution-block .annual-revenue-block{justify-content: end; padding-top:40px}
.lighting-home-solution-block .annual-revenue-block > div:first-of-type{ color: #00b854}
.lighting-home-solution-block .annual-revenue-block > div{ width: 25%; color: #fff; padding: 0 25px}
.lighting-home-solution-block .annual-revenue-block > div p{ font-size: 18px}
.lighting-home-solution-block .annual-revenue-block > div > span{ font-size: 45px; font-weight: bold}

.lighting-pg-btn:hover{ color:  #00b854 !important; background-color: transparent !important; border: solid 2px #00b854 !important;}

.lighting-call2Action-block{ background:url("images/hi-bay-led-lighting.webp"); display: flex; background-size: cover; background-repeat: no-repeat; position: relative}
.lighting-call2Action-block:before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: rgb(0 0 0 / 55%); z-index: 0; margin: 0}
.lighting-call2Action-block > div{ max-width: 1230px; margin: 10px auto 50px auto; display: flex; flex-wrap: wrap; justify-content: space-around; padding:75px 0 60px 0; position: relative;}
.lighting-call2Action-block > div > strong{ width: 100%; font-size: 38px; display: block; margin-bottom: 30px; text-align: center; color: #fff;}
.lighting-call2Action-block > div > strong a{ color: #fff; transition: .3s all}
.lighting-call2Action-block > div > strong a:hover{ color: #00b854}

.lighting-contactus-form{background-color: #2a336e; padding: 20px;width: 87%; margin: auto;}
.lighting-contactus-form > p{margin-top: 0; font-size: 20px; color: #fff}
.lighting-contactus-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{width: 49.5%; margin-bottom: 10px; padding: 12px; color: #2b2b2b; border: 1.5px solid #ffffff; background: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 16px}
.lighting-contactus-form textarea#lead_details{width: 99%}
.lighting-contactus-form .btn-submit{ padding: 12px; margin-top: 10px !important; font-size: 18px; background: #fdca40; border: none; border-radius: 4px; color: #29336f; font-weight: bold; transition: all .3s; cursor: pointer}
.lighting-contactus-form .btn-submit:hover{background: #29336f; color: #fff}
.lighting-contactus-form label.opt-class{color: #fff; font-size: 16px}

.lighting-intro-products{position: relative; overflow: hidden; display:flex; flex-wrap:wrap; justify-content: space-between; max-width: 1250px; width: 100%;margin: auto;}
.lighting-intro-products p{font-size:22px; text-align: center; margin: 25px auto auto}
#product-scroll {position: relative; width: fit-content; display: grid; grid-auto-flow: column; grid-template-rows: auto; flex-wrap: wrap; transition: all 0.8s;  margin:40px auto; }
.lighting-intro-products > strong { width: 100%; font-size: 38px; text-align: center; display: block; font-weight: normal}
.lighting-intro-products > strong a{color: #000; display: inline-block; transition: .3s all}
.lighting-intro-products > strong a:hover{ color: #00b854}

.lighting-intro-products > span{ position:absolute; top:50%; transform: translate(0,-50%);font-size: 20px; left:-5px;    text-shadow: 2px 2px 4px #fff; z-index: 1}
.lighting-intro-products > span a{ color:#00b854}
.lighting-intro-products > span:last-of-type{ right:-5px; left:unset}
.lighting-intro-products > div > div{ border: 1px solid #c9caca; transition: all .5s ease;; width: 282px; height: auto; margin: 2px 15px;}
.lighting-intro-products  label{ cursor: pointer}
.lighting-intro-products > div > div h2{ text-transform: uppercase; text-align: center; overflow: hidden; font-size: 22px; color: #00b854; margin: 10px 0; font-weight: normal; height: 52px}
.lighting-intro-products > div > div h2 a{color: #000;}
.lighting-intro-products > div > div:hover h2 {color: #fff;}
.lighting-intro-products > div > div > div{ padding: 16px}
.lighting-intro-products > div > div > div ul{ padding: 0; margin-top: 0; height: 84px}
.lighting-intro-products > div > div > div li{padding:5px 0; font-size: 16px; text-align: center; list-style: none; color: #fff}
.lighting-intro-products > div .btn-prod{text-align: center; font-size: 16px; display: block; color: #00b854}
.lighting-intro-products > div > div:hover .btn-prod{color: #fff}
.lighting-intro-products > div > div p{font-size: 12px; line-height: 1.8; color: #333; min-height: 90px; padding: 10px 28px; text-align: center; margin: 0}
.lighting-intro-products > div > div img{ width: 100%; height: auto; display: block}
.lighting-product-block.product-block-v2 > div:hover{ background-color: #00b854; color: #fff}
.lighting-product-block.product-block-v2 > div img{ display: block; margin: auto; transition: all 0.5s;}
.lighting-product-block.product-block-v2 > div:hover img{ width: 80%}

.lighting-block{ background-color:#fff}
.lighting-block > div:last-of-type > div:last-of-type, .lighting-block > div:first-of-type > div:first-of-type{padding: 40px}
.lighting-block > div:nth-of-type(odd) > div:nth-of-type(even){ padding:40px 0}
.lighting-block > div > div > div{ float:left; display:inline-block; width:28%; margin:0 2%}
.lighting-block > div > div > div img{ width:100%; height:auto; display:block}
.lighting-laboratory{ width:100%; display:table; font-size: 16px; background-color: #e2e2e2;}
.lighting-laboratory > div{ width:50%; display:inline-block; float:left; line-height: 32px;}
.lighting-laboratory > div:first-of-type{ padding:40px}
.lighting-laboratory img{ display:block;float: right;}

.lighting-solution-block{ background-color:#fff; position:relative; display:flex; flex-wrap:wrap; max-width:1140px;width:100%; margin:auto;justify-content: space-between;}
.lighting-solution-block h2{ width:100%; text-align:center; font-size: 30px; text-align: center;}
.lighting-solution-block > div{ width:16%;text-align:center;}
.lighting-solution-block > div img{ width:100%; height:auto; display:block}


/*----------End Solution CSS----------*/

/*----------Solar Solution CSS----------*/
.solar-solution-video-block{ width: 100%; display: flex; flex-wrap:wrap; position: relative; overflow: hidden}
.solar-solution-video-block > span{ position: absolute; top: 30px;left: 0; font-size: 32px; background-color: #39b54a; color: #fff; font-weight: bold; padding: 10px ; z-index: 9; text-align: center; width: 15%}

.solar-solution-video-block:before{ content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 45%); z-index: 1}
.solar-solution-video-block > video{position: absolute; left: 0; top: 0;    object-fit: fill;}
.solar-solution-video-block > div{ max-width: 1280px;margin:180px auto 65px auto; width: 100%; position: relative; color: #fff; z-index: 1}
.solar-solution-video-block > div > div{ width: 100%;display: flex; flex-wrap: wrap; margin-top: 35px}
.solar-btn{ background-color: #00939f; color: #fff !important; padding: 10px 30px; font-weight: bold; font-size: 22px; border-radius: 4px; border: solid 2px #00939f; transition: .3s all; display: inline-block;}
.solar-btn:hover{ color:  #00939f !important; background-color: transparent !important; border: solid 2px #00939f !important;}
.solar-solution-video-block > div p{ font-size:24px; line-height: 32px}
.solar-solution-video-block > div h1{ font-weight: bold; font-size: 48px; text-transform: uppercase; margin-bottom: 32px; display: block; margin-top: 0}
.solar-solution-video-block > div .btn1{ font-size: 16px; letter-spacing: 0.5px; line-height: 28px; text-transform: uppercase; padding: 13px 28px; margin-top: 15px; background: #00939f}
.solar-solution-video-block > div > h1 strong{ color:#00939f}

.solar-home-solution-block{ background-color: #ededed; width: 100%; display: flex; padding:60px 0; position: relative; overflow: hidden; margin-bottom: 50px}
.csslider1:before{content: ''; position: absolute; top: 0;right:0; background: rgb(0 0 0 / 25%); width:100%; height:100%; z-index:2; pointer-events: none;}
.solar-home-solution-block > div{ max-width:1140px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; position: relative}
.solar-home-solution-block > div > div{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center}
.solar-home-solution-block .solar-mission-block > div:first-of-type{ margin-bottom: 40px; width: 100%}
.solar-home-solution-block .solar-mission-block > div ul{padding: 0  }
.solar-home-solution-block .solar-mission-block > div > ul li{list-style: none; font-size: 21px; padding:5px 0}
.solar-home-solution-block .solar-mission-block > div:first-of-type .btn1{ padding: 12px;}
.solar-home-solution-block .solar-mission-block > div:first-of-type strong{font-size:42px; line-height: 48px; color: #000; font-weight: normal; transition: .3s all}
.solar-home-solution-block .solar-mission-block > div:first-of-type strong a{ color: #000}
.solar-home-solution-block .solar-mission-block > div:first-of-type strong a:hover{ color: #00939f}
.solar-home-solution-block .solar-mission-block > div p{ font-size: 23px; line-height: 32px; 	}
.solar-home-solution-block .solar-mission-block > div .btn1{background-color: #00939f; color: #fff !important; font-weight: bold; font-size: 18px}
.solar-home-solution-block .solar-mission-block img{ width: 100%; height: auto; display: block}

.solar-btn:hover{ color:  #00939f !important; background-color: transparent !important; border: solid 2px #00939f !important;}
.solar-intro-products{position: relative; overflow: hidden; display:flex; flex-wrap:wrap; justify-content: space-between; max-width: 1250px; width: 100%;margin: auto;}
.solar-intro-products p{font-size:22px; text-align: center; margin: 25px auto auto}
#product-scroll {position: relative; width: fit-content; display: grid; grid-auto-flow: column; grid-template-rows: auto; flex-wrap: wrap; transition: all 0.8s;  margin:40px auto; }
.solar-intro-products > strong { width: 100%; font-size: 38px; text-align: center; display: block; font-weight: normal}
.solar-intro-products > strong a{color: #000; display: inline-block; transition: .3s all}
.solar-intro-products > strong a:hover{ color: #00939f}

.solar-intro-products > span{ position:absolute; top:50%; transform: translate(0,-50%);font-size: 20px; left:-5px;    text-shadow: 2px 2px 4px #fff; z-index: 1}
.solar-intro-products > span a{ color:#00939f}
.solar-intro-products > span:last-of-type{ right:-5px; left:unset}
.solar-intro-products > div > div{ border: 1px solid #c9caca; transition: all .5s ease;; width: 282px; height: auto; margin: 2px 15px;}
.solar-intro-products  label{ cursor: pointer}
.solar-intro-products > div > div h2{ text-transform: uppercase; text-align: center; overflow: hidden; font-size: 22px; color: #00939f; margin: 10px 0; font-weight: normal; height: 52px}
.solar-intro-products > div > div h2 a{color: #000;}
.solar-intro-products > div > div:hover h2 {color: #fff;}
.solar-intro-products > div > div > div{ padding: 16px}
.solar-intro-products > div > div > div ul{ padding: 0; margin-top: 0; height: 84px}
.solar-intro-products > div > div > div li{padding:5px 0; font-size: 16px; text-align: center; list-style: none; color: #fff}
.solar-intro-products > div .btn-prod{text-align: center; font-size: 16px; display: block; color: #00939f}
.solar-intro-products > div > div:hover .btn-prod{color: #fff}
.solar-intro-products > div > div p{font-size: 12px; line-height: 1.8; color: #333; min-height: 90px; padding: 10px 28px; text-align: center; margin: 0}
.solar-intro-products > div > div img{ width: 100%; height: auto; display: block}
.solar-product-block > div:hover{ background-color: #00939f; color: #fff}
.solar-product-block > div img{ display: block; margin: auto; transition: all 0.5s;}
.solar-product-block > div:hover img{ width: 80%}

.solar-call2Action-block{ background:url("images/solar-backup-power.webp"); display: flex; background-size: cover; background-repeat: no-repeat; position: relative}
.solar-call2Action-block:before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: rgb(0 0 0 / 55%); z-index: 0;}
.solar-call2Action-block > div{ max-width: 1230px; margin: 10px auto 50px auto; display: flex; flex-wrap: wrap; justify-content: space-around; padding:75px 0 60px 0; position: relative;}
.solar-call2Action-block > div > strong{ width: 100%; font-size: 38px; display: block; margin-bottom: 30px; text-align: center; color: #fff;}
.solar-call2Action-block > div > strong a{ color: #fff; transition: .3s all}
.solar-call2Action-block > div > strong a:hover{ color: #00939f}

.solar-contactus-form{background-color: #2a336e; padding: 20px;width: 87%; margin: auto;}
.solar-contactus-form > p{ margin-top: 0; font-size: 20px; color: #fff}
.solar-contactus-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{width: 49.5%; margin-bottom: 10px; padding: 12px; color: #2b2b2b; border: 1.5px solid #ffffff; background: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 16px}
.solar-contactus-form textarea#lead_details{width: 99%}
.solar-contactus-form .btn-submit{ padding: 12px; margin-top: 10px !important; font-size: 18px; background: #fdca40; border: none; border-radius: 4px; color: #29336f; font-weight: bold; transition: all .3s; cursor: pointer}
.solar-contactus-form .btn-submit:hover{background: #29336f; color: #fff}
.solar-contactus-form label.opt-class{color: #fff; font-size: 16px}
div.checkbox-block,td.checkbox-block div{display: flex;align-items: center;flex-wrap: nowrap;justify-content: flex-start;line-height:1.2;font-size: 20px;} 


/*----------End Solution CSS----------*/

.solutions-block{ display:flex; width:100%; height:100%}
.cs_wrapper .solutions-block > div{ width:50%;display: flex; justify-content: flex-end; color:#fff}
.cs_wrapper .solutions-block > div > div{ width:40%; background-color:#458bc0; padding:0 15px; position:relative}
.cs_wrapper .solutions-block > div:last-of-type > div{background-color:#57b64b}
.num1 .cs_wrapper .solutions-block > div > div{background-color:#449061}
.num1 .cs_wrapper .solutions-block > div:last-of-type > div{background-color:#49969c}
.solutions-block .intro-btn{display: flex; text-transform:uppercase; width:100%; justify-content: space-around;    position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; }
.solutions-block .intro-btn  > .btn1:last-of-type{display: flex; align-items: center;}
.solutions-block h2{ text-transform:uppercase;color:#fff; font-size:20px}
.solutions-block p{ font-size:16px; color:#fff;line-height: 32px; text-align: justify;}

.electrical-supplies-solutions{color:#fff;background-color:#0d1437; transition:all .3s}
.electrical-supplies-solutions > a{ position:relative; display:block; height: 100%;}
.electrical-supplies-solutions > a ul{ padding:0; margin:0; display:none; position:absolute;color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.electrical-supplies-solutions > a ul li{ list-style:none; padding:5px 0; font-size:18px}
.electrical-supplies-solutions:hover > a img{ opacity:0 !important}
.electrical-supplies-solutions:hover > a ul{ display:block}

.energy-sustainability-block{display: flex; flex-wrap: wrap; background-color: #f1f1f1; width: 100%; max-width: 1663px; padding:  15px; margin-bottom: 40px; }
.energy-sustainability-block > div{display: flex; flex-wrap: wrap; justify-content: space-around; padding: max(15px, calc( (100vw - 100%) / 2)); margin-inline: min(0px, calc( (100vw - 100%) / -2)); max-width: 100vw; width: 100vw;}
.energy-sustainability-block p{text-align: center; font-size: 28px; line-height:36px; margin:0 0 20px 0; width: 100% }
.energy-sustainability-block > a{ color: #293370 !important; font-size: 20px}
.energy-sustainability-block a{ color: #293370 !important;}
.intro-logo{width: 100%; display:table; text-align:center}
.intro-logo > div{max-width: 1200px; display: table; margin:35px auto; position:relative;box-shadow: inset 1px 0px 5px 0px #ccc;padding: 30px 20px; width:100% !important; overflow:hidden}
.intro-logo > div > a {position:relative; display:none; width:13%; height:auto; box-shadow: 0 0 10px 0px #ccc; margin-left:0.5%; margin-right:0.5%; cursor: pointer; overflow:hidden}
.intro-logo > div > a > img{width: 100%; height: auto; object-fit: contain;}
.fade-out-brands{opacity: 0; transition: all 0.5s}
.intro-logo h2{text-transform: uppercase; margin-top: 50px; font-size: 24px}

.brands-logo{width: 100%; display:table; text-align:center}
.brands-logo > div{max-width: 1280px; display: table; margin:15px auto; position:relative; padding: 30px 0 20px; width:100% !important; overflow:hidden}
.brands-logo > div > a {position:relative; display:none; width:16%; height:auto; margin-left:2%; margin-right:2%; cursor: pointer; overflow:hidden}

.brands-page img{ width:100%; height:auto; display:block; margin: auto}
.ccg-cable-block img{width:70%; }
.ccg-cable-block > div{min-height: 210px;}
.eaton-brands-page{ max-width: 2000px; width: 100%; position: relative; margin: auto}
.eaton-brands-page img{ width: 100%; height: auto; display: block}
.eaton-brands-page span{ width: 200px; position: absolute; left: 20px; bottom: -1px}
.eaton-catalogues{display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
.eaton-catalogues > div{ width:31.5%; position: relative; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2); margin-bottom: 2.5%;}
.segment-block{display: flex; justify-content: space-between; flex-wrap: wrap;}
.segment-block > div{ width:31.5%; position:relative;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);}
.segment-block > div img{ border-radius:3px}
.eaton-catalogues > div h2,.discover-block > div > h2,.motor-control-block > div h2,.segment-block > div h2{ background-color:#3fcd59; font-size:22px; color:#fff; padding:15px 21px; margin:0; min-width:50%; bottom: 10%;
 position: absolute;}
.schneider-tools-catalogues,.about-schneider-electric{display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-schneider-electric > div{ width:48%; margin-top: 35px; position:relative}
.about-schneider-electric > div:first-of-type > p:first-of-type{margin-bottom: 40px;}
.about-schneider-electric > div iframe{ width:100%}
.motor-control-block{ margin:50px 0}
.motor-control-block > div{ margin-top:0}
.motor-control-block > div p{ margin-top:0}
.motor-control-block > p{ width:100%}

.brady-block{ max-width: 1140px; width: 100%; margin:30px auto; display: flex; flex-wrap: wrap; justify-content: space-around}
.brady-block > div{ width: 44%; text-align: center}
.brady-block > p{ width: 100%; margin-bottom: 0}
.brady-block > div strong{ width: 100%; text-align: center; display: block}

.brady-block .btn-brand{font-size: 22px; color: #fff; padding: 15px 21px; background: #3e7bc8; font-weight: bold; display: table; margin:20px auto auto ; min-width: 245px;}

.brands-block{display: flex; flex-wrap: wrap; justify-content: space-between}
.brands-block > div{ width: 22%; box-shadow: 4px 3px 5px #888; margin:15px 0; padding: 5px; display: flex; align-items: center; justify-content: space-around;}
.brands-block > div img{width: 100%; height: auto; display: block; max-height: 85px; object-fit: contain; border-radius: 4px; overflow: hidden;}

.phoenix-contact-brands,.sinetamer-video-block,.eaton-video-block{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 50px 0}
.sinetamer-video-block > div,.eaton-video-block > div{ width: 31.5%}
.phoenix-contact-brands > div{ width: 24%}
.phoenix-contact-brands > div iframe{ display: block; min-height: 270px; height: auto;}
.phoenix-contact-brands > div iframe,.eaton-video-block > div iframe{box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);}
.eaton-video-block > div p{ height: 56px; text-align: left;}
.sinetamer-video-block > p,.sinetamer-block > p,.eaton-video-block > p{ width: 100%}
.eaton-catalogues > div h2,.segment-block.discover-block > div > a h2{ background-color: #007dc1}
.mars-catalogues > div h2{ background-color: #00b956}
.siemens-block > div h2{ background-color: #4b9ba1}
.siemens-catalogues > div h2{min-width: 20%;}
.siemens-catalogues > div{ width: 100%}
.sinetamer-block > ul,.brands-page > ul{ padding: 0 0 0 20px; margin: 0; font-size:20px}
.sinetamer-block > ul > li,.brands-page > ul > li{ padding: 3px 0}
.emergency-lighting-block,.sinetamer-brands-page{ position: relative; width: 100%; max-width: 1663px; margin: auto}
.emergency-lighting-block,.cassara-brands-page{ position: relative; width: 100%; max-width: 1930px; margin: auto}
.emergency-lighting-block img,.sinetamer-brands-page img{width: 100%; height: auto; display: block}
.sinetamer-brands-page > span{ display: flex; flex-wrap: wrap; position: absolute; bottom: 12%; right: 3%; width: 46%; justify-content: space-between;}
.emergency-lighting-block > span{ display: flex; flex-wrap: wrap; justify-content: space-between; position: absolute; bottom: 26%; right: 4%; width: 24%;}
.emergency-lighting-block > span a{ background-color: #00b355; color: #fff; padding:8px; max-width: 145px; width: 100%; font-size: 28px; text-align: center; font-weight: bold}
.sinetamer-brands-page > span a{ background-color: #4e9231; color: #fff; padding:5px 35px; font-size: 20px}

.brady-brands-page{background-color: #21366c; padding: 40px 0}
.brady-brands-page .contactus-form{max-width: 800px; margin: auto; background-color: #fff; padding: 15px}
.brady-brands-page .contactus-form .checkbox-block span { font-size: 20px; padding-left: 5px; color: #21366c}
.brady-brands-page .contactus-form > span{ text-align: center; margin: 20px 0; font-size: 28px; font-weight: bold; color: #21366c; display: block}
.brady-brands-page input[type="text"],.brady-brands-page input[type="password"], .brady-brands-page input[type="search"], .brady-brands-page input[type="number"], .brady-brands-page input[type="tel"], .brady-brands-page input[type="range"], .brady-brands-page input[type="date"], .brady-brands-page input[type="month"], .brady-brands-page input[type="week"], .brady-brands-page input[type="time"], input[type="datetime"], input[type="datetime-local"], .brady-brands-page input[type="color"], .brady-brands-page textarea, .brady-brands-page  select{width: 49.5%; margin-bottom: 10px; padding: 12px; color: #2b2b2b; border: 1.5px solid #21366c; background: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 16px}

.schneider-tools-catalogues{margin-bottom: 50px;}
.schneider-tools-catalogues > div{ height:251px; background:url(images/product-brands/industry-segment.webp);   background-size: cover; background-repeat: no-repeat;width:48%;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2); border-radius:3px; color:#fff; position:relative}
.schneider-tools-catalogues > div > span{ padding:0 15px; display:block; width: 90%; margin: 75px auto;}
.schneider-tools-catalogues > div > span strong{ position:relative; font-size:20px; display: block; margin-bottom: 30px; }
.schneider-tools-catalogues > div > span strong:after{ position:absolute; content:"";border: 1px solid #fff; width:20%; left:0; top:40px}
.schneider-tools-catalogues > div a{ color:#fff; display:block; height:100%}
.schneider-tools-catalogues > div h2{ background-color:#3fcd59; font-size:22px; color:#fff; padding:15px 21px; margin:0; min-width:33%; bottom: 33%;position: absolute;}
.schneider-tools-catalogues > div p{color:#fff; padding:15px 21px; margin:0;bottom: 10%;position: absolute;}
.schneider-tools-catalogues > div:last-of-type{ background:url(images/product-brands/easy9-consumer-unit-easy.webp); background-size: cover; background-repeat: no-repeat;}

.schneider-electric-img > a img{width: 100%; height: auto; display: block}

.brands-logo > div > a > img{width: 100%; height: auto; object-fit: contain;}
.fade-out-brands{opacity: 0; transition: all 0.5s}
.brands-logo h2{text-transform: uppercase; margin-top: 50px; font-size: 24px}

.customers-logo > div{max-width:1280px; display: table; position:relative; width:100% !important; overflow:hidden}
.customers-logo > div > a {position:relative; display:none; width:16%; height:auto; margin-left:2%; margin-right:2%; cursor: pointer; overflow:hidden}
.customers-logo > div > a > img{width: 100%; height: auto; object-fit: contain;}

.cassara-img{max-width: 1663px; margin: auto; margin-bottom: -70px}
.cassara-img img{width: 100%; height: auto; display: block}
.cassara-intro-block{}
.cassara-intro-block > p{ font-size: 18px; line-height: 1.3; color: #3a3a3a;}
.cassara-intro-block > span{ display: flex; justify-content: space-between; align-items: center; max-width: 500px; margin: auto;    margin-top: 20px; width: 100%}
.cassara-intro-block > span p{ font-size: 23px; line-height: 1.2; color: #3a3a3a; font-weight: bold}

.project-main-block > h2{ background-color:#2c3552; font-size:28px; display:table; width:100%; color:#fff; text-align:center; padding:20px 0; margin:auto}
.project-block{ display:table; width:100%; margin:auto}
.project-block > h3,.project-block > h2{ text-align:center}
.project-block > h3{ margin-bottom:0}

.project-categories{font-size: 16px; background-color: #f1f1f1; width: 100%; display:table; margin-bottom:-1px}
.project-categories > div{max-width: 1280px; width:100%; margin:auto}
.project-categories .project-text{padding:37px 54px}
.project-categories img{width: 100%; height: auto; display: block}
.project-categories p{line-height: 32px; text-align:justify}
.project-categories .btn1{margin-top: 5px; font-size:14px}
.readmore-block{ display:table; width:100%; margin:65px auto 50px ;text-align:center}
.readmore-block a{ color:#fff; font-weight:bold; padding:15px 30px;background-color:#2c3552; font-size:18px; margin:auto; display:table}

.intro-subpage-block{ width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; font-size:20px }
.intro-subpage-block > div{ width:48%}
.intro-subpage-block ul{ padding-left:20px}
.intro-subpage-block > div > p:first-of-type{ margin-top:0}
.intro-subpage-block > div img{ width:100%; height:auto; display:block; border: 1px solid #b4b4b4; border-radius: 5px; padding: 4px;}

.service-delivery-block{display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.service-delivery-block > span{ width:23%}
.service-delivery-block > span img{ width:100%; height:auto; display:block}

.our-team-block{ width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; margin: auto}
.our-team-block-3{margin: auto; width: 52%}
.our-team-block > div{ width:16%;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1); margin:15px 0 }
.our-team-block-3 > div{ width:32%; }
.our-team-block > div > div:last-of-type{ text-align:center; color:#fff; background-color:#404040; padding:5px 0; height:80px;}
.our-team-block > div > div:first-of-type{position:relative}
.our-team-block > div:hover > div:first-of-type:before{ -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
.our-team-block > div > div:before{ content:"";position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0);  -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s;}
.our-team-block > div h2{ font-size:18px; margin:0; color: #fff !important;}
.our-team-block > div p{ font-size:14px; margin:0; text-align:center;line-height: 20px}
.our-team-block > div img{ width:100%; height:auto; display:block;border-radius: 4px 4px 0px 0px;}
.our-team-block > div ul{ position:absolute; display:flex; padding:0; margin:0; top:50%; transform:translate(-50%,-50%); left:50%; opacity:0}
.our-team-block > div:hover > div ul{ opacity:1}
.our-team-block > div ul li{ list-style:none; margin:0 10px}
.our-team-block > div ul li a{ color:#fff !important; line-height: 30px; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 100%; display: block; text-align:center}

.video-tabs{ width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; padding:0; margin:0; height: 63px;}
.video-tabs li{ list-style:none; width:25%; background-color: #0d1437; text-align: center; border-right: 1px solid #fff;}
.video-tabs li a{ width:100%; height: 100%; display: flex; align-items: center; justify-content: space-around; text-align: center;  font-weight: bold; padding:10px 0; font-size:20px; color:#fff; text-transform: uppercase;}

.testimonials-block{position: relative; overflow: hidden; display:flex; flex-wrap:wrap; justify-content: space-between; max-width: 1280px;width: 100%;margin: 20px auto;}
.testimonials-block > div{ max-width: 1280px;  margin: auto;}
.testimonials-block > div > div{ height:auto;width:396px; box-shadow: 0 0 10px 0px #ccc; padding:20px; margin: 6px 14px}
.testimonials-block > div > div> div{ display:table; margin-top: 10px; height: 95px;}
.testimonials-block > div > p{ height:168px}
.testimonials-block > div > div > span{ float:left}
.testimonials-block > div > div > div > span:last-of-type{ width:25%; float:right}
.testimonials-block > div > div > div span img{ width:100%; height:auto}
.testimonials-block  > div img{}
.testimonials-block > span{ position:absolute; top:50%; transform: translate(0,-50%);font-size: 20px; z-index:1; left:10px}
.testimonials-block > span > a{ color:#fff; text-decoration:none; width: 30px; height: 30px; display: flex; align-items: center; justify-content: space-around; border-radius: 25px; text-shadow:2px 2px 4px #000000;}
.testimonials-block > span:last-of-type{ right:10px; left:unset}
#testimonials-scroll {position: relative; width: fit-content; display: grid; grid-auto-flow: column; grid-template-rows: auto; flex-wrap: wrap; transition: all 0.8s; }


.sub-menu-block{ width:38%; display: flex; flex-wrap: wrap; justify-content: space-between; margin:auto}
.sub-menu-block > div{ width:48%; border:solid 1px #29336e; border-radius:8px;}
.sub-menu-block .active-tab{ background-color: #29336e; position:relative;}
.sub-menu-block .active-tab .btn1{ color:#fff !important}
.sub-menu-block > div .btn1{ width:100%; background:transparent; font-size:20px; font-weight: 800; color:#29336e !important }

.aboutus-sub-menu-block{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin:auto; margin-bottom: 30px;}
.aboutus-sub-menu-block > div{ width:16%; border:solid 1px #29336e; border-radius:8px;}
.aboutus-sub-menu-block .active-tab{ background-color: #29336e; position:relative;}
.aboutus-sub-menu-block .active-tab .btn1{ color:#fff !important}
.aboutus-sub-menu-block > div .btn1{ width:100%; background:transparent; font-size:20px; font-weight: 800; color:#29336e !important; padding: 12px }

.aboutus-section:not(.active){ display:none}

.career-block{margin-top:30px}
.products-phone{font-size: 22px; color: rgb(22, 177, 219)}

.contact-details{width: 100%; flex-wrap: wrap;}
.contact-details > div{border: solid 1px #d3d6d9; border-top: 0;display: flex; flex-wrap: wrap; justify-content: space-between; padding:15px 0}
.contact-details-info.active{border: solid 1px #0d1437; border-top: 0;}
.contact-details > div > div{display: flex; width:50%; flex-wrap: wrap; padding:0 20px 20px; align-content: baseline;}
.enqiry-placeholder{ order:1}
.contact-details > div > div ul{ width:47%; padding:0; margin:10px 0;}
.contact-details > div > div ul strong{ width:100%; display:block; margin-bottom:5px}
.contact-details > div > div ul li{ list-style:none; font-size:18px; padding-bottom:6px; width:100%}
.contact-details > div > div ul li span{margin-left: 10px;}
.contact-details > div > div > div{flex-grow: 1; display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-details-info:not(.active){ display:none}
.contactus-enquiry{display:block; width:100%; margin-top: 20px; order:1}
.contact-details h2{font-size: 24px; width: 100%; padding: 10px; color:#0e1537; margin:0}
.contact-details h2 a{ color:#fff; margin-left:10px}
.select-branch{ display:none}
#EnquiryDurban_Divider .select-branch{ display:block}

.contact-table > div:last-of-type{border-bottom: none !important}
.contact-table > div > div:first-of-type{width: 45%;}
.contact-table > div > div{display: table-cell; padding: 8px 0}
.contact-table > div > div:last-of-type{text-align: right; font-weight: normal}
.contact-table a{color: #024ea1}

.branches-block{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:auto; margin-top:35px}
.branches-block > h2{ width:100%; font-size:34px }
.branches-block > div{ width:24.5%; font-size:18px; color: #3b3b3b; position:relative; padding-bottom: 22px;background-color: whitesmoke;}
.branches-block > div > div:last-of-type{}
.branches-block > div strong{ font-size:24px; color:#0d1437;  padding: 10px 0; display: block; background-color: #fff;}
.branches-block .contactus-img iframe{ width:100%; display:block}
.branches-block .contactus-img { width:100%; height:auto; position:relative; padding:18px}

.branches-block > div span{ display:block; padding: 1px 0;}
.branches-block > div ul{ padding:0; margin:0 auto; width:90%}
.branches-block > div ul li a{ color:#000}
.branches-block > div ul .email-list{margin-top:10px}
.branches-block .google-map a,.branches-block .email-list-atag a,.branches-block > div ul .email-list a{ color:#0d1437}
.branches-block .email-list-atag{ margin-top:0; font-size:18px;}
.branches-block > div ul li{ list-style:none; color:#000; padding:5px 0; line-height:26px; font-size:18px}
.branches-block .google-map{ font-size:18px; padding:0}

.regions-block{box-shadow: 0 1px 4px 1px #ccc; display:table; width:100%; margin-top:50px}
.regions-block h2{display: flex; justify-content: space-between; padding:15px;width: 100%;cursor: pointer; margin:0; background-color:#0d1437; color:#fff}
.regions-map{border-top:#ccc 1px solid; width:100%; display: flex; width:100%; height:0; overflow:hidden}
.regions-map ul{ display:flex;width:100%; float: left; margin:0; padding:15px 20px; line-height:25px;    background-color: rgba(0, 90, 171, 0.07); flex-wrap: wrap;}
.regions-map > div > ul > li{ width: calc(100% / 3); }
.regions-map > div > ul > li li{ width:100%}
.regions-map ul:nth-of-type(odd){ background-color:rgba(0, 90, 171, 0.04); }
.regions-map ul li{ list-style-type:none}
.regions-map h3{font-size:14px; color:#005aab}
.regions-map h2{width:100%; }
.regions-map > div{float: left; width:50%}
#mapJ {height: 590px;  display: block; float: right; width:50%; margin-top:20px}

.enquiry .checkbox-block input,form .checkbox-block input{width:3%;height: 25px;}
.enquiry .checkbox-block span,form .checkbox-block span{ font-size: 20px;padding-left: 5px;}

.disclaimer-text ul,.disclaimer-text ol{ padding:0 0 0 20px; margin:0}
.text-block.disclaimer-text h2{ font-weight:normal;}
.text-block.disclaimer-text > div{ display: flex; justify-content: space-between; flex-wrap: wrap; width:70%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px;color: #fff;}

.contact-details-tabs{}
.contact-details-tabs{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-top: 15px;}
.contact-details-tabs > div{position:relative; float:left; width:25%; border: 1px solid #d3d6d9; background-color: #fafbfd; transition: all .3s; padding:15px 0;}
.contact-details-tabs > div img{ display:block;}
.contact-details-tabs .active-tab{ background-color: #fff; border: 1px solid #0d1437;border-bottom:none;}
.contact-details-tabs > div:hover{background-color: #fff;}
.contact-details-tabss .active-tab{ background-color: #DD5327; position:relative }
.contact-details-tabs > div a{ font-size:18px; color:#0e1537 !important; display: grid; grid-auto-flow: column; justify-content: center; align-items: center; padding:7px 10px; text-decoration:none; border-radius: 4px; grid-gap: 8px;}
.contactus-rate{ display: flex; align-items: center;}
.contactus-rate strong{color: #091437; line-height: 18px; margin-left: 10px; text-transform: uppercase; font-size: 12px;}

#industrial-scroll {position: relative; width: fit-content; display: grid; grid-auto-flow: column; grid-template-rows: auto; flex-wrap: wrap; overflow: hidden; transition: all 0.8s; }
#brands-scroll {position: relative; width: fit-content; display: grid; grid-auto-flow: column; grid-template-rows: auto; flex-wrap: wrap; overflow: hidden; transition: all 0.8s; }

.intro-industries{ position:relative;max-width:1280px; width:100%; margin:auto;overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;background-color: #091438; margin-bottom: 70px; margin-top: 75px}
.intro-industries > strong{color: #091438;background-color: #ffff;width: 100%;display: block;font-size: 28px;padding-bottom: 15px;}
.intro-industries > strong a{color: #091438;}
.intro-industries > strong:hover a{color:#808080;}
.intro-product-text > p,.intro-product-text > strong{ width:100%; text-align:center; display:block}
.intro-product-text > p{ font-size:20px; line-height:28px; margin-bottom:0}
.intro-product-text > strong{font-size: 28px; text-transform: uppercase; font-weight: normal; margin-top:50px}
.intro-product-text > strong > span{ font-weight:bold; margin-left:10px}
.intro-industries > span{ position:absolute; top:62%; transform: translate(0,-50%);font-size: 20px; z-index:1; left:0}
.intro-industries > p{font-size: 23px;background-color: #ffff; display: block; width: 100%; margin: 0; padding: 0 0 20px 0;}
.intro-industries > span > a{ color:#fff; text-decoration:none; width: 30px; height: 30px; display: flex; align-items: center; justify-content: space-around; border-radius: 25px; text-shadow:2px 2px 4px #000000;}
.intro-industries > span:last-of-type{ right:-6px; left:unset}
.intro-industries > div{overflow: hidden; width: 100%;}
.intro-industries > div > div > div{ width:130px; height: 130px; text-align:center; position:relative; margin: 30px 42px; transition: .3s all }
.intro-industries > div img{ width:100%; height:auto; display:block; position:relative; transition: .3s all}
.intro-industries > div a{color:#000001; text-decoration:none;transition:all .3s; }
.intro-industries > div h2{ margin-bottom:0; height:36px; font-weight:normal; font-size:14px }
.intro-industries > div > div:hover a{ color:#000}
.intro-industries::-webkit-scrollbar {display: none;}
.intro-industries > div > div > div:hover{transform: scale(1.2); border-radius: 100px; border: solid 1px #717171;transition:all .3s;}
.intro-industries > div > div > div:hover img{top: -202px;transition:all .3s;}

.brands-logo-block{ background-color: #fff}
.intro-industries.brands-logo-block > div > div > div{ width:170px; height: auto; text-align:center; position:relative; margin: 30px 42px; transition: .3s all }
.intro-industries.brands-logo-block > div > div > div:hover{transform: scale(1.5); border-radius: 0; border: none;transition:all .3s;}
.intro-industries.brands-logo-block > div > div > div:hover img{ top:0}

.industries-block > div{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 30px;}
.industries-block > h2{color: #091438; width: 100%; display: block; font-size: 28px; padding-bottom: 15px; margin-bottom: 0; text-align: center}
.industries-block p{font-size: 23px; background-color: #ffff; display: block; width: 100%; margin: 0; padding: 0 0 20px 0;}
.industries-block > div > div{ width: 25%;display: flex; flex-wrap: wrap; justify-content: space-around; margin:10px 0 40px 0}
.industries-block > div > div > span{ width:130px; height: 131px; text-align:center; position:relative; transition: .3s all;overflow: hidden; display: block}
.industries-block > div > div strong{ display: block;  width: 100%; text-align: center; margin-top:20px;}
.industries-block > div > div > span img{ width:100%; height:auto; display:block; position:relative; transition: .3s all}
.industries-block > div > div:hover > span{transform: scale(1.2); border-radius: 100px; border: solid 1px #717171;transition:all .3s;}
.industries-block > div > div:hover > span img{top: -202px;transition:all .3s;}

.benefits-block{ width:100%; line-height: 1.4em;margin-bottom: 25px;display: flex; flex-wrap: wrap; justify-content: center;}
.benefits-block h2{ text-align:center; margin-bottom:-10px; width:100%;line-height: 32px; margin-top: 0;}
.benefits-block > div{width: 33%; float: left; margin-top:50px; height:41px}
.benefits-block > div > div:nth-of-type(1){float: left; font-size: 24px; padding:5px; width:40px; height:40px; border: solid; border-radius: 40px; text-align:center; color:#0d1437}
.benefits-block > div > div:nth-of-type(2){float: left; width:85%; padding-left: 10px; position:relative; top: 50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%); font-weight: bold; }

.case-studies-video-block{ width: 100%; display: flex; flex-wrap:wrap; position: relative; overflow: hidden}
.case-studies-video-block > span{ position: absolute; top: 30px;left: 0; font-size: 32px; background-color: #39b54a; color: #fff; font-weight: bold; padding: 10px ; z-index: 9; text-align: center; width: 15%}

.case-studies-video-block:before{ content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 60%); z-index: 1}
.case-studies-video-block > video{position: absolute; left: 0; top: 0;    object-fit: fill;}
.case-studies-video-block > div{ max-width: 1280px;margin:157px auto 120px auto; width: 100%; position: relative; color: #fff; z-index: 1}
.case-studies-video-block > div > div{ width: 100%;display: flex; flex-wrap: wrap; margin-top: 35px}
.electrical-btn{ background-color: #019dcb; color: #fff !important; padding: 10px 30px; font-weight: bold; font-size: 22px; border-radius: 4px; border: solid 2px #019dcb; transition: .3s all; display: inline-block}
.electrical-btn:hover{ color:  #019dcb !important; background-color: transparent !important; border: solid 2px #019dcb !important;}
.electrical-case-btn{ line-height: 25px; background-color: #019dcb; color: #fff !important; padding: 10px 30px; font-weight: bold; font-size: 22px; border-radius: 4px; border: solid 2px #019dcb; transition: .3s all; display: table; margin: auto; margin-top: 15px}
.electrical-case-btn:hover{ color:  #019dcb !important; background-color: transparent !important; border: solid 2px #019dcb !important;}
.lighting-btn{ line-height: 25px; background-color: #39b54a; color: #fff !important; padding: 10px 30px; font-weight: bold; font-size: 22px; border-radius: 4px; border: solid 2px #39b54a; transition: .3s all; display: table; margin: auto; margin-top: 15px}
.lighting-btn:hover{ color:  #39b54a !important; background-color: transparent !important; border: solid 2px #39b54a !important;}
.solar-back-up-power-btn{ line-height: 25px; background-color: #00969c; color: #fff !important; padding: 10px 30px; font-weight: bold; font-size: 22px; border-radius: 4px; border: solid 2px #00969c; transition: .3s all; display: table; margin: auto; margin-top: 15px}
.solar-back-up-power-btn:hover{ color:  #00969c !important; background-color: transparent !important; border: solid 2px #00969c !important;}
.case-studies-video-block > div p{ font-size:28px; line-height: 36px}
/*.case-studies-video-block > div p .title-1{color:#008bc0}
.case-studies-video-block > div p .title-2{color:#39b54a }
.case-studies-video-block > div p .title-3{color: #00969c}
.case-studies-video-block > div p .title-4{ color:#009060 }*/
.case-studies-video-block > div h1{ font-weight: bold; font-size: 48px; margin-bottom: 32px; display: block; margin-top: 0;    text-transform: uppercase;}
.case-studies-video-block > div .btn1{ font-size: 16px; letter-spacing: 0.5px; line-height: 28px; text-transform: uppercase; padding: 13px 28px; margin-top: 15px; background:#293370}
.case-studies-video-block > div > h1 strong{ color:#fff}

.case-studies-block{position: relative; overflow: hidden; display:flex; flex-wrap:wrap; justify-content:space-around; max-width: 1280px; width: 100%; margin:20px  auto; }
.case-studies-block p{font-size:22px; margin: 25px auto; width: 100%}
#product-scroll {position: relative; width: fit-content; display: grid; grid-auto-flow: column; grid-template-rows: auto; flex-wrap: wrap; transition: all 0.8s;  margin:40px auto; }
.case-studies-block > strong { width: 100%;font-size: 42px; line-height: 48px; display: block;  text-align: center; margin-top: 10px; font-weight: normal; margin-bottom: 20px}
.case-studies-block > p{ text-align: center}

.case-studies-block > span{ position:absolute; top:50%; transform: translate(0,-50%);font-size: 20px; left:-5px;    text-shadow: 2px 2px 4px #fff; z-index: 1}
.case-studies-block > span a{ color:#019dcb}
.case-studies-block > span:last-of-type{ right:-5px; left:unset}
.case-studies-block > div > div{transition: all .5s ease; ;}
.popular-categories-block .temp{ position:relative;width:fit-content;  display:grid;grid-auto-flow: column;/*grid-template-rows: auto auto;*/ ;flex-wrap: wrap; overflow:hidden; transition: all 0.8s;}
.popular-categories-block .temp > div{display: flex; margin:10px; width:380px; border: solid 1px #cdccca;  flex-wrap: wrap; transition: .5s all; overflow: hidden; position: relative}
.popular-categories-block > span{ position:absolute; top:60%; transform: translate(0,-50%);font-size: 16px; z-index:1; left:0;background-color: #091437; width: 33px; height: 33px; display: flex; align-items: center; justify-content: space-around; border-radius: 40px; border: solid 3px #fff;}
.popular-categories-block > span > a{ color:#fff; text-decoration:none; width: 30px; height: 30px; display: flex; align-items: center; justify-content: space-around; border-radius: 25px; text-shadow:2px 2px 4px #000000;}
.popular-categories-block > span:last-of-type{ right:0; left:unset}
.popular-categories-block > span{/*opacity: 0;*/transition: opacity 0.3s;}
/*.popular-categories-block:hover > span{opacity: 1;}*/
.popular-categories-block:nth-of-type(1) .btn-cs{ color:#008bc0}
.popular-categories-block:nth-of-type(2) .btn-cs{ color:#39b54a;}
.popular-categories-block:nth-of-type(3) .btn-cs{ color:#00969c}

.case-studies-block > div{ width: 32%; transition: .3s all; overflow: hidden; position: relative}
.case-studies-block > div h2{ width: 100%; text-align: center; font-size: 30px;}
.case-studies-block > div h2 a{ color:#008bc0; text-align: center}
.case-studies-block > div:nth-of-type(2) h2 a{ color:#39b54a }
.case-studies-block > div:nth-of-type(3) h2 a{ color:#00969c }
.case-studies-block > div:nth-of-type(4) h2 a{ color: #009060}
.case-studies-block > div h2 a{ color:#008bc0; text-align: center}
.case-studies-block > div > .temp > div > span{ display: none; position: absolute; bottom: 0; left: 0; right: 0;}
.case-studies-block > div:hover > .temp > div > span{  background-color: #008bc0; display: block}
.case-studies-block > div:nth-of-type(2) > .temp > div > span{background-color: #39b54a;}
.case-studies-block > div:last-of-type > .temp > div > span{ background-color: #00969c;}
.case-studies-block > div > div h2{ text-transform: uppercase; text-align: center; overflow: hidden; font-size: 22px; color: #000;  font-weight: normal; }
.case-studies-block > div > div h2 a{color: #000;}
.case-studies-block > div > div:hover h2 a{color: #fff;}
.case-studies-block > div > div > div ul{ padding: 0; margin-top: 0; height: 84px}
.case-studies-block > div > div > div li{padding:5px 0; font-size: 16px; text-align: center; list-style: none; color: #fff}
.case-studies-block > div .btn-cs{text-align: center; font-size: 16px; display: table; margin: auto auto 20px;  padding: 2px 13px;  background-color: #fff; font-weight: bold; border-radius: 4px;}
.case-studies-block > div > div p{font-size: 14px; line-height: 1.8; color: #fff; padding: 10px 25px; text-align: center; margin: 0; min-height: 70px}
.case-studies-block > div > div img{ width: 100%; height: auto; display: block; transition: 0.9s all; }
.case-studies-block > div:hover > div img{ transform: scale(1.1);}

.call2Action-case-studies{ background:url("images/case-studies-call2action.webp"); display: flex; background-size: cover; background-repeat: no-repeat; position: relative}
.call2Action-case-studies:before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: rgb(0 0 0 / 55%); z-index: 0;}
.call2Action-case-studies > div{ max-width: 1230px; margin: 10px auto 50px auto; display: flex; flex-wrap: wrap; justify-content: space-around; padding:75px 0 60px 0; position: relative;}
.call2Action-case-studies > div > strong{ width: 100%; font-size: 38px; display: block; margin-bottom: 60px; text-align: center; color: #fff;}
.call2Action-case-studies > div > strong a{ color: #fff; transition: .3s all}
.call2Action-case-studies > div > strong a:hover{ color: #019dcb}
.call2Action-case-studies .btn1{ background-color: #0d1437; color: #fff !important; padding: 10px 30px; font-weight: bold; font-size: 22px; border-radius: 4px; border: solid 2px #0d1437; transition: .3s all; display: inline-block}
.call2Action-case-studies .btn1:hover{ color:  #fff !important; background-color: transparent !important; border: solid 2px #fff !important;}


.video-block{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 10px;margin-bottom: 75px; position:relative}
.video-block > span{ width:20%; font-size: 34px; font-weight: 800; border-bottom: 2px solid #d5d5d5; line-height: 32px; margin: 0; height: 120px;}
.brand-page-video{margin-top: 50px}
.brand-page-video > div > span{font-size: 26px; font-weight: normal; line-height: 28px;}
.brand-page-video > div{margin-bottom: 0}
.video-block > .eaton-video-block{width: 78%}
.video-block > .eaton-video-block > div p{margin: 0}
.video-block > div{ width:24%; margin:0 0 20px 0; }
.solar-back-up-power > div h2{ padding-left:20px}
.video-block > div img{ width:100%; height:auto; display:block}
.video-block > div > a{height: 250px; overflow: hidden; display:block;margin-bottom: 10px;}
.video-block > div > span{ margin-top:0; font-size:18px; color:#0d1437; text-align:left; line-height:26px}
.video-block > div > iframe{ border-radius:4px}
.video-block > a{ display: block; text-transform: uppercase; margin: auto; position: absolute; left: 0; top: 30%; color: #000 !important;font-weight: 800; font-size: 18px; padding: 0; background-color: transparent !important}

.solar-videos-block > div a{ height:auto}
.solar-videos-block > div span{ display:none}
.solar-videos-block > div img{ width:80%}

.articles-block{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between}
.articles-block > div{ width:23%; position:relative}
.articles-block > div img{ width:100%; height:auto; display:block}
.articles-block > div h2{ margin:0;font-size: 16px; color: #fff; text-align: center; padding: 10px 0;background-color: rgb(0 0 0 / 60%); position:absolute; bottom:0; width:100%}

.news-letter-pop-up{ width:100%; background-color:#0d1437; padding:30px 0; position:fixed; display:none; bottom:0; z-index:1 }
.news-letter-pop-up > div{max-width:1000px; margin:auto; width:100%; display:flex; justify-content: space-between;font-size: 20px;}
.news-letter-close{position: absolute; right: 3%; top: 20%;cursor: pointer; color: #fff; height:26px; width:26px; border-radius:40px; z-index: 999999999; font-size: 14px;line-height: 28px; padding:0 8px; background-color: rgb(255 255 255 / 60%); display: flex;
    align-items: center;}
.news-letter-pop-up > div p{ margin:0; color:#06c6ff}
.news-letter-pop-up > div p strong{ color:#fff}
.news-letter-pop-up > div .btn1{ font-weight:bold;display: flex; align-items: center; min-width: 212px; justify-content: space-around; background-color:transparent; border: solid 2px #06c6ff; box-shadow:none; color:#fff !important}
.news-letter-pop-up > div .btn1:hover{ background-color:#fff; color:#0d1437 !important}

.news-summary-block > div{ width:80% !important}
.news-summary-block > div > div > div{ width:31%; margin-left: 3%;}
.news-summary-block > div > div{justify-content: unset;margin-bottom: 10px;}

.newsletter-video{ display: flex; flex-wrap: wrap}
.newsletter-video iframe{ margin-right: 20px}

.social-media-block{display: flex; flex-wrap: wrap;justify-content:space-around; flex-direction: column; align-items: center;}
.social-media-block > strong{font-weight: normal; position:relative;font-size: 32px; margin-bottom:30px; text-align:left; display: flex; align-items: center; flex-wrap: wrap;}
.social-media-block > div{ width:100%; margin-bottom:40px}
.social-media-block > strong a{ color:#787878; display: flex; flex-wrap: wrap; font-size:22px}
.social-media-block > strong a .fa-instagram{font-size: 30px; margin-right: 8px; margin-left: -4px; color:#254180}
.social-media-block > strong a .fa-facebook-f{border: solid 2px; font-size: 18px; width: 30px; height: 30px; border-radius: 7px; display: flex; align-items: center; justify-content: space-around; margin-right: 10px; color:#254180}

.call2Action-block{ background:url("images/electrical-energy.webp"); display: flex; background-size: cover; background-repeat: no-repeat; position: relative}
.call2Action-block:before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: rgb(0 0 0 / 55%); z-index: 0;}
.call2Action-block > div{ max-width: 1230px; margin: 10px auto 50px auto; display: flex; flex-wrap: wrap; justify-content: space-around; padding:60px 0 45px 0; position: relative;}
.call2Action-block > div > strong{ width: 100%; font-size: 38px; display: block; margin-bottom: 48px; text-align: center; color: #fff;}
.call2Action-block > div > strong a{ color: #fff; transition: .3s all}
call2Action-block > div > strong a:hover{ color: #091438}
call2Action-btn:hover{ color:  #091438 !important; background-color: transparent !important; border: solid 2px #091438 !important;}
.call2Action-btn{ background-color: #091438; color: #fff !important; padding: 10px 30px; font-weight: bold; font-size: 22px; border-radius: 4px; border: solid 2px #091438; transition: .3s all; display: inline-block}


/*===================== DOWNLOAD ======================*/
.download-brochure{ display:block; padding:0px; margin:0px; color:#494848; font-weight:bold; font-size:11px;}
.download-brochure div{position:relative; float:left; width:120px; height:230px; margin-right:5px; margin-left:5px; text-align:left;}
.download-brochure img{border:#CCCCCC 1px solid; margin-bottom:2px; width:100px; height:140px;}
.download-brochure img:hover{opacity:0.7;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; }
.download-brochure a{font-size:11px; margin:0px; text-align:left; padding:0px; position:relative; float:left; margin-top:5px;}
.download-brochure h3{ font-size:11px; color:#000; height:25px; position:relative; float:left; width:130px; margin-top:2px; margin-bottom:2px; line-height:12px; font-size:11px; color:#000; font-weight:normal; text-transform:capitalize;}
.download-brochure span {background-image:url(images/catalogue/pdf_link_small.jpg); border:none; position:relative; float:left; left:0px; margin-right:3px; top:-2px; width:20px; height:20px; background-repeat:no-repeat;}

.products-enquiry{padding: 25px 0 50px 0; font-size: 14px; background-color: #f1f1f1; float: left; width: 100%;}
.products-enquiry > div{max-width: 1280px; margin: auto; padding: 0 20px}
.products-enquiry > div > div:first-of-type{width: 75%; float: left; }
.products-enquiry > div > div:last-of-type{width: 25%; float: left; }

.pro-summary-block{ width:100%; display:table; margin:35px auto}
.pro-summary-block > div{ float:left; width:214px; border: solid #0d1437; margin-right:15px; margin-top:15px; text-align:center; color:#0d1437}
.pro-summary-block.magnet-lighting-block > div{ width:290px}
.pro-summary-block > div a span{background-color:rgba(41, 46, 90, 0.5); height:65px;text-align:center;position:relative; display:block; margin-top:-65px}
.pro-summary-block > div a h2{ font-size: 18px; color: white;position: absolute;width: 100%;padding:5px;margin: 0; top: 50%;transform: translate(0,-50%);}
.pro-summary-block img{ width:100%; height:auto; display:block; box-shadow:0 5px 10px 1px #0d1437}
.pro-summary-block > div > a{ display:block;width:auto !important;height: auto !important;background: none !important;font-size:14px;font-weight: normal; color:#0d1437}

.pro-summary-block h3{height:60px; font-weight: normal}
.product-summary{ width:100%; display:table; margin:35px auto}
.product-summary > div{position:relative; float:left; width:305px; padding:20px; height:320px; margin-right:15px; margin-top:15px; text-align:center; color:#0d1437}
.product-summary img{margin-bottom:2px; width:auto !important; height:140px; transform:rotate(-8deg); box-shadow:0 5px 10px 1px #0d1437}
.product-summary h2{width:100%; float: left; margin-top:0; font-size:16px;white-space: nowrap; margin-bottom: 20px; line-height: 20px; height: 40px;}
.product-summary > div > a{ display:block;width:auto !important;height: auto !important;background: none !important;font-size:14px;font-weight: normal; color:#0d1437}
.product-summary > div > a:last-of-type{ margin-top:20px}
.product-summary .fa{ font-size:40px}
.product-summary h3{height:60px; font-weight: normal}

.enquiry-feedback{ display:table; margin:auto; max-width:1000px; width:100%;text-align:left}
.enquiry-feedback h3{ margin-top:30px}
.enquiry-feedback table{ width:100%; font-size:20px}
.enquiry-feedback table td > span{ color:#ff0000}
.enquiry-feedback .rate-block{ display:flex;justify-content: space-between; margin-bottom:15px}
.enquiry-feedback .rate-block input{ margin:0}
.enquiry-feedback .btn1 a{ color: #fff}
.enquiry-feedback .btn1{ width:150px; color:#fff !important} 

.enquiry table{width: 100%; }
.contact-details iframe{border: none; width: 100%; overflow: hidden}
.enquiry input, .enquiry select, .enquiry textarea{width: 100%; padding: 10px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #666; border: solid 1px #ccc; border-radius: 4px; outline: none; background-color: transparent;}
.enquiry select{ padding:8px 10px 10px 5px}
.enqiry-placeholder .enquiry table{width: 100%}
.product-warrenty table{ width:100%}

.aboutus-block .enquiry select{ padding:10px 20px}

.enquiry-form{ margin:auto; width:80%}

.tcs-block div{display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center;}
div.checkbox-block,td.checkbox-block div{padding-block:16px; display: flex; align-items: center;flex-wrap: nowrap; justify-content: flex-start;line-height:1.2; font-size: 20px} 
.checkbox-block div span{margin-left: 6px;}
.tcs-block div input{ width:3%;height: 25px;}
.tcs-block div > label{ width:96%;font-size:20px; padding-left:5px}

.enqiry-placeholder .tcs-block div input,.enquiry .checkbox-block input,form .checkbox-block input{ width:3%;height: 25px;}

/*======================== THANK YOU & ERROR 4040 ==========================*/
.custom-404,.thank-you-custom{min-height:300px;}

/*===========================FORM===========================*/
/*
/*==========================================================*/
.email_show{display: none !important;}
.email_remove{}
.form-field-input.noCap{
	width: 100% !important;
}
.form-field *, .form-field, *[id*='_form_parent']{
    color:#808080;
    width: 100%;
}

*[id*='_form_parent'] > *.form-field{ float:left; width: 48%;}
*[id*='_form_parent'] > *:nth-child(even){margin-left: 0.5%;}
*[id*='_form_parent'] > *:nth-child(odd){margin-right: 1%;}
*[id*='_form_parent'] > *:nth-child(odd):last-child{width: 100%;}

*[id*='_form_parent']:after{float: none; clear: both; width: 100%; display: block; content: ' '}

.form-field textarea{font-family:Arial,Helvetica,sans-serif;}
.form-field:not(:last-child){ margin-bottom: 15px;}
.form-field-note{color:#f00; margin-top:5px;}
.form-field-title{
    margin-bottom: 10px;
    font-weight: bold;
}
.form-field > input, .form-field > select, .form-field > textarea{
    padding: 6px;
    border-color: #d4d4d4;
    border-width: 1px;
}
.form-field-break{padding: 10px 0px; width: 100% !important; }
.form-submit{
    width: 100%;
    max-width: 200px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
	-ms-transform: translate(-50%,0%); 
    
    text-align: center;
    padding: 10px;
}

@media (min-width: 1663px) and (max-width: 2560px){
	.csslider1,.home-banner{ max-width:100% !important}
	.energy-sustainability-block{ max-width: 1663px}
	.energy-sustainability-block{ margin:auto}
	.energy-sustainability-block{ padding:0 15px}
	.menu-home-container{ max-width:1663px; padding:0 10px}
}

@media screen and (max-width: 600px){
    *[id*='_form_parent'] > *{width: 100% !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important;}
}

/*---- Snippets----*/
.menu_blog_container{width:100%; position: relative;}
.menu_blog{width:100%; margin:auto auto; font-size:10px; color:#0d1437; display: flex;justify-content: space-between;}
.menu_blog > h2{color:#0d1437; text-align:center; font-size: 35px; position:relative; height: 65px;}
.menu_blog > div h2 a{ text-transform:none}
.menu_blog > h2::after{ width: 20%;}
.menu_blog h3{ margin-bottom:5px; color:#11316e; text-transform:none !important; width:247; overflow:hidden; height:20px}
.menu_blog > div h2{ display:inline-block; height:36px; width:100%}
.menu_blog > div h2 a{ font-size:15px}
.menu_blog > div > div:last-of-type{ width:100% !important; float:left; font-size:13px; line-height:18px; display: flex; flex-wrap: wrap; justify-content: space-around;}
.menu_blog .snippet-img{position: relative; height: 175px; background-size:contain; background-position: center; background-repeat: no-repeat; display:block}
.menu_blog .snippet-img > p{position: absolute; z-index: -1; width: 100%; padding: 10px; display:none}
.menu_blog .snippet-img img{width: 100%; height:100%; object-fit: contain; object-position: center;}
.menu_blog .snippet-text > div{ height:90px; font-size: 14px; line-height: 23px; text-align: left; color:#0d1437}
.menu_blog > div{width:47%; padding:0; text-align:left; position: relative; border-radius: 4px;}
#Divider_NewsSnippets .menu_blog > div:nth-of-type(3){ display:none}
.menu_blog > div:first-of-type{ margin-left:0}
.menu_blog > div > div{ width:100%;}
.menu_blog > div > div{ float:left !important; padding:0; line-height:19px; overflow:hidden; color:#0d1437; font-size:13px}
.menu_blog img{width:100%; height:auto}
.read-more{ height:10px !important; margin-top:7px}
.menu_blog a{ color:#0d1437;transition:all .3s }
.menu_blog .btn1{padding: 10px 22px; font-size: 14px;}
.menu_blog a:hover{ color:#2ebde9 }
.menu_blog > div span,.events-block > div > div:last-of-type span{margin-top: 15px;text-transform: uppercase;}

.menu_blog-title{ width:100% !important; overflow:hidden !important; margin-bottom:5px; margin-right:0 !important; margin-top:0 !important; text-align:center; height:auto !important; border:none !important;margin-left: 0 !important;}
.menu_blog-title h2{ font-size:24px;width: 100%;  height: 33px;}

.article-summary .article-readmore a{ padding: 12px 22px; text-align: center; font-size: 14px;  background-color: #0d1437; color: rgba(255,255,255,.8) !important;text-transform: uppercase;}

.events-block > div > div .btn1{ border-radius:unset; color:#fff !important; padding: 10px 32px; text-transform:uppercase;font-size: 14px;}
.events-block > div > div .btn1:hover{opacity: .8}
.events-block{width:100%; display:table; background-color:#fff; padding:50px 0}
.events-block > div{ width:100%; max-width:1280px; margin:auto; display:flex; }
.events-block > div > div{ width:24%;margin-left: 2%;}
.events-block > div > div:last-of-type{ position:relative; border-radius: 4px; overflow:hidden; display: flex; flex-wrap: wrap; justify-content: space-around;}
.events-block > div > div:nth-of-type(2){width:48%;}
.events-block > div > div:nth-of-type(2) > div{ border-bottom:0}
.events-block > div > div a{ text-decoration:none; color:#0d1437; transition:all .3s}
.events-block > div > div a:hover{color:#29336e}
.events-block > div > div:first-of-type a h2{ font-size:34px; color:#0d1437; font-weight:800; line-height:32px}
.events-block > div > div:first-of-type{ margin-left:0}
.events-block > div > div a h2{ font-size:65px; margin:0; height:66px}
.events-block > div > div a{text-transform:uppercase}
.events-block > div > div:first-of-type > div{border-bottom: 2px solid #d5d5d5; padding-bottom: 10px;}
.events-block > div > div a span{ font-size:18px; font-weight:800}
.events-block > div > div p{ font-size:14px; color:#0d1437; line-height:23px; margin-bottom:8px; padding:0 10px}

.videos-summary > iframe{position: relative; z-index:0;}
.download-video-overlay{height:175px; width: 100%; transition:all .3s; background: #0d1437; top:0; position:absolute; z-index:2; opacity:0;color: #fff; display: flex; align-items: center; justify-content: space-around;pointer-events:none;flex-wrap: wrap;    align-content: center;}
.download-video-overlay h3{ font-size:16px; width:100%; text-align:center; margin-top:0}
.download-video-overlay .far{ font-size:40px}
.videos-summary:hover .download-video-overlay{ opacity:1}

.video-summary-block .videos-summary iframe{position: relative; z-index:0;}
.video-summary-block .videos-summary{ position:relative; overflow:hidden}
.video-summary-block .download-video-overlay{ height:222px}

.brand-page-video{margin: 0 0 50px 0}

/* EATON Brand Page*/
	:target:before { content:""; display:block; height:150px; margin:-30px 0 0;  width: 100%}
	.eaton-industrial-banner{position: relative; background: url("images/schneider-electric-banner.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px;}	
	.eaton-industrial-banner:before{position: absolute; content: ""; background: #007bc3; width: 50%; height: 100%}	
	.eaton-industrial-banner > div{width: 100%; max-width: 1280px; margin: auto; height: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: center}
	.eaton-industrial-banner > div > div{width: 50%; color: #fff; padding: 0 20px}
	.eaton-industrial-banner > div > img{max-width: 250px; height: auto; width: 100%; display: block; background-color: #fff; border-radius: 4px; position: absolute; right: 0; top: unset; bottom: 30px;}
	.eaton-industrial-banner > div > div h1{font-size: 52px; line-height: 1.2; margin: 0}
	.eaton-industrial-banner > div > div p{color: #fdca40; font-size: 25px}
	
	.infrastructure-block{width: 100%; max-width: 1280px; margin:50px auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.infrastructure-block > div{width: 48%}
	.infrastructure-block > div:last-of-type{background-color: #2a336e; padding: 20px}
	.infrastructure-block > div:last-of-type > span{color: #fff; text-align: center; margin-bottom: 10px; font-size: 28px; font-weight: bold}
	.infrastructure-block > div > span{font-size: 37px; line-height: 1.2; color: #2a336e; margin-top: 0; margin-bottom: 30px; font-weight: bold; display: block}
	.infrastructure-block > div ul,.infrastructure-block > div p{font-size: 16px; line-height: 1.3; color: #222d39}
	.infrastructure-block > div ul{padding: 0; width: 100%}
	.infrastructure-block > div ul li{list-style: none; padding: 5px 0; display: flex; align-items: center; flex-wrap: wrap}
	.infrastructure-block > div ul li img{ margin-right: 15px}
	/*textarea#lead_details,input#lead_personemail{width: 100%}*/
.infrastructure-block > div > img{width: 100%; height: auto; display: block; margin-top: 25px}
	
	.infrastructure-block .ul-features-benefits{}
	.infrastructure-block .ul-features-benefits li{ display: revert; width: 100%; list-style: unset;}
	.infrastructure-block .ul-features-benefits > li > ul{ padding: revert}

	.nav-tabs{ width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; padding:0; margin:0; height: 63px;}
	.nav-tabs li a{ width:100%; height: 100%; display: flex; align-items: center; justify-content: space-around; text-align: center;  font-weight: bold; padding:10px 0; font-size:20px; color:#fff; text-transform: uppercase;}
	
	.automation-text{width: 31% !important}
	.distribution-text{width: 65% !important}
	
	.btn-submit{width: 100%; padding: 12px; margin-top: 10px; font-size: 18px; background: #fdca40; border: none; border-radius: 4px; color: #29336f; font-weight: bold; transition: all .3s; cursor: pointer}
	.btn-submit:hover{background: #29336f; color: #fff}
	label.opt-class{color: #fff; font-size: 16px}
	.form-call2action{background: #2a336e; color: #fff; font-size: 26px; font-weight: bold; line-height: 1.2;}
	.form-call2action > div{ text-align: center; margin: auto; max-width: 1024px; padding: 24px 20px}
	.stripe-layout{background-image: linear-gradient(90deg, rgb(33, 40, 89) 17%, rgb(33, 40, 89) 17%, rgb(0, 137, 195) 17%, rgb(0, 137, 195) 43%, rgb(60, 169, 50) 43%, rgb(60, 169, 50) 66%, rgb(0, 153, 161) 66%, rgb(0, 153, 161) 87%, rgb(0, 143, 92) 87%); height: 10px}
	.electrical-products-range{background-color: #f0f2f9; padding: 50px 0}
	.electrical-products-range > div{margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1280px}
	.electrical-products-range > div > h2{width: 100%; text-align: center; color: #0082b2; display: block; font-size: 30px; font-weight: bold; margin: 20px 0}
	.electrical-products-range > div > div{width: 31%; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2); background: #fff; margin-bottom: 30px}
	.electrical-products-range > div > div > div:first-of-type{ background: #e9e9e9; padding: 10px 0}
	.electrical-products-range > div > div > div:first-of-type > img{width: 100%; height: 100%;display:block; max-height: 140px; object-fit: contain;}
	.electrical-products-range > div > div img{ display: block; margin: auto}
	.electrical-products-range > div  h3{color: #222d39; font-size: 20px; line-height: 1.2; text-align: center; margin-bottom: 0}
	.electrical-products-range > span{font-size: 37px; line-height: 44.4px; color: #2a336e; text-align: center; width: 100%; display: block; font-weight: bold; margin-bottom: 30px}
	.telemecanique-product-range > h2{font-size: 37px; line-height: 44.4px; color: #2a336e; text-align: center; width: 100%; display: block; font-weight: bold; margin-bottom: 30px}
	.electrical-products-range p{ text-align: center; line-height: 1.4; font-size: 16px; padding:10px 20px 25px; margin: 0; color: #3a3a3a; min-height: 170px}
	.enquire-btn{width: 100%; display: block; font-size: 18px; font-weight: bold; color: #29336f !important; background: #fdca40; padding: 11px 18px; text-align: center;}
	.range-call2action{padding: 20px; background-color: #2a336e !important; display: flex; flex-wrap: wrap; align-items: center;}
	.range-call2action p{ color: #fff; font-size: 22px; font-weight: bold; }
	.distributor-stripe{width: 100%; background-color: #2a336e; display: flex}
	.distributor-stripe > div{max-width: 1280px; margin: auto; width: 100%; padding: 24px 20px}
	.distributor-stripe > div strong{ font-size: 26px; line-height: 1.2; color: #fff; text-align: center; display: block}
	.engineered-solutions{max-width: 1280px; width: 100%; margin: auto; padding: 40px 15px}
	.engineered-solutions strong { font-size: 37px; line-height: 1.2; color: #2a336e; display:block; text-align: center}
	.engineered-solutions p { line-height: 1.3; text-align: center; color: #222d39; font-size: 16px}
	.engineered-solutions > div{max-width: 1280px; width: 100%; margin: auto; display: flex; flex-wrap: wrap; justify-content:space-around; margin-top: 40px; border-top: 2px solid #e0e0e0; padding-top: 40px}
	.engineered-solutions > div strong{width: 100%; display: block; margin-bottom: 30px;}
	.engineered-solutions > div > div{width: 20%; text-align: center}
	.engineered-solutions > div > div img{display: block; margin: auto}
	.engineered-solutions > div > div p{ font-size: 18px; margin-top: 10px; }
	.contactus-form{background-color: #007bc3}
	.footer-block{display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #2a336e; }
	.footer-block > div{width: 50%; color: #fff; margin-bottom: 20px}
	.footer-block > div h2{line-height: 34.8px; font-size: 29px; text-align: center; width: 80%}
	.footer-block .contactus-form{width: 80%; padding: 20px}
	.footer-block > div:last-of-type{padding-right: 20px; padding-left: 60px;}

/*Schneider Brand Page*/
.schneider-eaton-banner{position: relative; background: url("images/electrical-infrastructure.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px; }	
	.schneider-eaton-banner:before{position: absolute; content: ""; background: #039b50; width: 50%; height: 100%}	
	.schneider-eaton-banner > div{width: 100%; max-width: 1280px; margin: auto; height: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: center}
	.schneider-eaton-banner > div > div{width: 50%; color: #fff; padding: 0 20px}
	.schneider-eaton-banner > div > div h1{font-size: 52px; line-height: 1.2; margin: 0}
	.schneider-eaton-banner > div > div p{color: #fdca40; font-size: 25px}

	.nav-tabs li{ list-style:none; width:25%; background-color: #39b54a; text-align: center; border-right: 1px solid #fff;}
	.nav-tabs li a{ width:100%; height: 100%; display: flex; align-items: center; justify-content: space-around; text-align: center;  font-weight: bold; padding:10px 0; font-size:20px; color:#fff; text-transform: uppercase;}
	.nav-tabs-eaton-industrial li{ width:20%; background-color: #005a8f;}

	
	.schneider-eaton-banner > div > img{max-width: 250px; height: auto; width: 100%; display: block; background-color: #fff; border-radius: 4px; position: absolute; right: 0; top: unset; bottom: 30px;}
	.infrastructure-block{width: 100%; max-width: 1280px; margin:50px auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.mars-block{align-items: flex-start}
	.infrastructure-block > div{width: 48%}
	.infrastructure-block > div:last-of-type{background-color: #2a336e; padding: 20px}
	.infrastructure-block > div:last-of-type > span{color: #fff; text-align: center; margin-bottom: 10px; font-size: 28px; font-weight: bold}
	.infrastructure-block > div > span{font-size: 37px; line-height: 1.2; color: #2a336e; margin-top: 0; margin-bottom: 30px; display: block; font-weight: bold}
	.brady-intro-block > div > h1{font-size: 37px; line-height: 1.2; color: #2a336e; margin-top: 0; margin-bottom: 30px; display: block; font-weight: bold}
	.infrastructure-block > div ul,.infrastructure-block > div p{font-size: 16px; line-height: 1.3; color: #222d39}
	.brady-intro-block > div p{font-size: 16px; line-height: 30px; color: #222d39;text-align: justify}
	.brady-intro-block > div p:nth-of-type(3){font-size: 16px;margin-bottom: 0}
	.brady-intro-block > div p strong{font-size: 18px;}
	.brady-intro-block > div ul{padding: 0;margin-top: 0}
	.infrastructure-block > div ul{padding: 0;}
	.infrastructure-block > div ul li{list-style: none; padding: 5px 0; display: flex; align-items: center;}
/*.infrastructure-block > div ul li:nth-of-type(2){align-items: baseline!important}*/
	.infrastructure-block > div ul li > span{width: 94%}
	.infrastructure-block > div ul li img{ margin-right: 15px}
	.infrastructure-block input[type="text"], .infrastructure-block input[type="email"], .infrastructure-block input[type="url"], .infrastructure-block input[type="password"], .infrastructure-block input[type="search"], .infrastructure-block input[type="number"], .infrastructure-block input[type="tel"], .infrastructure-block input[type="range"], .infrastructure-block input[type="date"], .infrastructure-block input[type="month"], .infrastructure-block input[type="week"], .infrastructure-block input[type="time"], input[type="datetime"], input[type="datetime-local"], .infrastructure-block  input[type="color"], .infrastructure-block textarea, .infrastructure-block select{width: 49.5%; margin-bottom: 10px; padding: 12px; color: #2b2b2b; border: 1.5px solid #ffffff; background: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 16px}
	textarea#lead_details{width: 100%}
	.btn-submit{width: 100%; padding: 12px; margin-top: 10px; font-size: 18px; background: #fdca40; border: none; border-radius: 4px; color: #29336f; font-weight: bold; transition: all .3s; cursor: pointer}
	.btn-submit:hover{background: #29336f; color: #fff}
	label.opt-class{color: #fff; font-size: 16px}
	.form-call2action{background: #2a336e; color: #fff; font-size: 26px; font-weight: bold; line-height: 1.2;}
	.form-call2action > div{ text-align: center; margin: auto; max-width: 1024px; padding: 24px 20px}
	.stripe-layout{background-image: linear-gradient(90deg, rgb(33, 40, 89) 17%, rgb(33, 40, 89) 17%, rgb(0, 137, 195) 17%, rgb(0, 137, 195) 43%, rgb(60, 169, 50) 43%, rgb(60, 169, 50) 66%, rgb(0, 153, 161) 66%, rgb(0, 153, 161) 87%, rgb(0, 143, 92) 87%); height: 10px}

	
	/*=== telemecanique banner===*/
	.telemecanique-banner{position: relative; background: url("images/telemecanique-sensore.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px; }

	/*=== klinspor banner===*/
	.klinspor-banner{position: relative; background: url("images/klinspor-abrasives-disc.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px; }
	.klinspor-banner:before {position: absolute;content: "";background: #fdca40;width: 50%; height: 100%;}
	.klinspor-banner > div > img {background-color: transparent;max-width: 290px;}
	.klinspor-nav-tab li{background-color: #c59002}
	.klinspor-banner > div > div > h1{color: #000}

	
	/*=== Siemens banner ===*/
	.siemens-banner{position: relative; background: url("images/sustainable-energy-solutions.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px; }
	.siemens-banner:before {position: absolute;content: "";background: #18acac;width: 50%; height: 100%;}
	.nav-tabs-siemens li{width:20%;background-color: #13c7c7;}


	/*=== SineTamer banner ===*/
	.sinetamer-banner{position: relative; background: url("images/surge-protection.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px; }
	.sinetamer-banner:before {position: absolute;content: "";background: #27518e;width: 50%; height: 100%;}
	.sinetamer-banner > div > img {background-color: transparent!important}

	/*=== Ccg banner ===*/
	.ccg-banner{position: relative; background: url("images/ccg-cable-terminations.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px; }
	.ccg-banner:before {position: absolute;content: "";background: #0b57a4;width: 50%; height: 100%;}
	.ccg-banner > div > img {background-color: transparent!important}
	
	/*=== Mars Led ===*/
	.mars-banner{position: relative; background: url("images/mars-led.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px; }
	
	/*=== Brady ===*/
	.brady-banner{position: relative; background: url("images/brady-pipe-markers.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px;}
	
	/*=== emerson ==*/
	.emerson-banner{position: relative; background: url("images/emerson-oil-refinery.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px;}
	.emerson-banner > div > img {max-width: 150px;}

	/*=== Philips ===*/
	.philips-banner:before{position: absolute;content: "";background: #0179c2;width: 50%;height: 100%}
	.philips-banner{position: relative; background: url("images/philips-lighting.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px;}

	/*=== Genstar ===*/
	.genstar-banner{position: relative; background: url("images/genstar-green-emergency-lighting.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px;}
	.genstar-banner > div > img {background-color: transparent!important}

	/*=== Fluke ===*/
	.fluke-banner{position: relative; background: url("images/fluke-precisicion-test-and-measurement-tools.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px;}
	.fluke-banner:before{background-color: #f3bf4c;position: absolute;content: "";width: 50%;height: 100%}
	.fluke-banner > div > div > h1{color: #000}

	/*=== Phoenix ===*/
	.phoenix-banner{position: relative; background: url("images/phoenix-electrical-connectivity-and-automation-system.webp"); background-size: cover; background-position: 0% 51%; background-attachment: scroll; background-repeat: no-repeat; height: 450px;}
	.phoenix-banner:before{background-color: #18acac;position: absolute;content: "";width: 50%;height: 100%}

	.electrical-products-range{background-color: #f0f2f9; padding: 50px 0}
	.electrical-products-range > div{margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1280px}
	.emerson-products > div{justify-content: center;column-gap: 40px;}
	.sinetamer-products > div{justify-content: center;column-gap: 40px }
	.electrical-products-range > div > h2{width: 100%; text-align: center; color: #39b54a; display: block; font-size: 32px; font-weight: bold; margin: 20px 0}
	.electrical-products-range > div > div{width: 31%; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2); background: #fff; margin-bottom: 30px}
	.electrical-products-range > div > div > div:first-of-type{ background: #e9e9e9; padding: 10px 0}
	.electrical-products-range > div > div > div:first-of-type > img{width: 100%; height: 100%;display:block; max-height: 140px; object-fit: contain;}
	.electrical-products-range > div > div img{ display: block; margin: auto}
	.electrical-products-range > div  h3{color: #222d39; font-size: 20px; line-height: 1.2; text-align: center; margin-bottom: 0}
	.siemens-products > div  h2{color: #222d39; font-size: 20px; line-height: 1.2; text-align: center; margin-bottom: 0}
	.electrical-products-range > div  h3 a{color: #222d39!important;}
	.siemens-products > div  h2 a{color: #222d39!important;}
	.electrical-products-range > span{font-size: 37px; line-height: 44.4px; color: #2a336e; text-align: center; width: 100%; display: block; font-weight: bold; margin-bottom: 30px}
	.electrical-products-range p{ text-align: center; line-height: 1.4; font-size: 16px; padding:10px 20px 25px; margin: 0; color: #3a3a3a; min-height: 170px}
	.brady-labels p{ min-height: 105px!important}
	.brady-labels > div > div > div:first-of-type > img{width: 100%;height: auto!important;display:block;max-height: unset!important; object-fit: cover!important;}
	.brady-labels > div > div > div:first-of-type{ padding: 0!important;}
	.enquire-btn{width: 100%; display: block; font-size: 18px; font-weight: bold; color: #29336f !important; background: #fdca40; padding: 11px 18px; text-align: center;}
	.range-call2action{padding: 20px; background-color: #2a336e !important; display: flex; flex-wrap: wrap; align-items: center;}
	.range-call2action p{ color: #fff; font-size: 22px; font-weight: bold; }
	.mars-call2action {width: 100%!important;justify-content: center}
	.mars-call2action p{min-height: 90px!important;padding: 10px 20px 20px}
	.distributor-stripe{width: 100%; background-color: #2a336e; display: flex}
	.distributor-stripe > div{max-width: 1280px; margin: auto; width: 100%; padding: 24px 20px}
	.distributor-stripe > div strong{ font-size: 26px; line-height: 1.2; color: #fff; text-align: center; display: block}
	.engineered-solutions{max-width: 1280px; width: 100%; margin: auto; padding: 40px 15px}
	.engineered-solutions strong { font-size: 37px; line-height: 1.2; color: #2a336e; display:block; text-align: center}
	.engineered-solutions p { line-height: 1.3; text-align: center; color: #222d39}
	.engineered-solutions > div{max-width: 1280px; width: 100%; margin: auto; display: flex; flex-wrap: wrap; justify-content:space-around; margin-top: 40px; border-top: 2px solid #e0e0e0; padding-top: 40px}
	.engineered-solutions > div strong{width: 100%; display: block; margin-bottom: 30px;}
	.engineered-solutions > div > div{width: 20%; text-align: center}
	.engineered-solutions > div > div img{display: block; margin: auto}
	.engineered-solutions > div > div p{ font-size: 18px; margin-top: 10px; }
	.contactus-form{background-color: #039b50}
	.footer-block{display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #2a336e; }
	.footer-block > div{width: 50%; color: #fff; margin-bottom: 20px}
	.footer-block > div h2{line-height: 34.8px; font-size: 29px; text-align: center; width: 80%}
	.footer-block .contactus-form{width: 80%; padding: 20px}
	.footer-block > div:last-of-type{padding-right: 20px; padding-left: 60px;}
	
/*------------------ FOOTER --------------*/
.footer{color:rgba(255,255,255,.8); padding-left:0px; width:100%;  background-color:#0d1437; float: left; font-size: 14px; line-height: 28px; padding: 20px 0}
.footer > div{display:block;  vertical-align:top; max-width:1280px;  margin-left:auto; margin-right:auto; text-align:left}
.footer > div > div{ position:relative; float:left; vertical-align:top; width:20%; padding:20px; border-left: 1px solid; height:302px}
.footer div div:first-of-type{width: 35%; border: none}
.footer div div:last-of-type{ width:25%}
.footer div div p{ line-height:19px}
.footer div div p:nth-of-type(2),.footer div div p:nth-of-type(3),.footer div div p:nth-of-type(4){display: flex;}
.footer div div p:nth-of-type(2) > a:first-of-type,.footer div div p:nth-of-type(3) > a:first-of-type,.footer div div p:nth-of-type(4) > a:first-of-type{width:46px;margin-right: 15px; position:relative}
.footer div div p:nth-of-type(2) > a:first-of-type:after,.footer div div p:nth-of-type(3) > a:first-of-type:after,.footer div div p:nth-of-type(4) > a:first-of-type:after{ content: ""; position: absolute; background-color: #fff; height: 12px; display: block; width: 2px; top: 50%; left: 100%; transform: translate(-50%, -50%);}

.footer div div:first-of-type ul li{ float:left; padding-right:20px; font-size:13px}
.footer div div:first-of-type ul{}
.footer strong{text-transform: uppercase; font-weight: normal; font-size: 18px; margin:0}
.footer ul{padding: 0; margin: 0; margin-top: 10px}
.footer ul li{list-style: none}
.footer a{color:rgba(255,255,255,.8)}
.footer a:hover{color:rgba(255,255,255,1); background-color:#0e1537}

.rate-block{ margin-top: 22px}
.rate-block strong{ line-height:24px; margin-bottom: 10px; width: 100%}
.rate-block a{ display: flex; align-items: center; text-transform: uppercase; flex-wrap: wrap;}

.footer-regions { width:70%}
.footer-regions ul{ display:flex;margin: 0; padding: 15px; justify-content: space-between; width: 100%;}
.footer-regions ul li{ list-style:none; color:#0d1437;font-size: 12px; font-weight: bolder;}

.footer-bottom{width: 100%; margin: auto; display:table }
.footer-bottom > div{ max-width:1280px; margin:auto; display:flex;justify-content: space-between;}
.footer-bottom > div > a{ display:inline-block; float:left}
.footer-bottom > div > a img{ display:block}
.footer-bottom > div > div{ display: flex; align-items: center;}
.footer-bottom > div > div > div{ width:200px;display: flex;  justify-content: space-between;}
.footer-bottom > div > div > div a{background-color: #0d1437; color: #fff; font-size: 16px; border-radius: 50px; height: 32px; width: 32px; display: flex;  align-items: center; justify-content: space-around; }
.footer > div:first-of-type div span{ width:21%}
.footer > div:first-of-type div span img{ width:100%; height:auto; display:block}
.footer > div:first-of-type > div > div{width: 100%; display: flex; flex-wrap: wrap;}
.social-block{justify-content: space-around; }
.social-block a{background-color: #fff; color: #0e1537; font-size: 16px; border-radius: 50px; height: 32px; width: 32px; display: flex; align-items: center; justify-content: space-around;transition: all .3s; }
.social-block strong{margin: 10px 0; display: block; width: 100%}
.social-block ul{ margin: 0; flex-wrap:wrap; display: flex; justify-content: space-between; width: 100%;}
.social-block ul li{ padding: 0 !important}

.row{clear: left;}
.row0{clear: left; line-height:1px;}

@media screen and (max-width: 1280px){
	
}

@media screen and (max-width: 1280px){
	
}

@media only screen and (max-width: 1000px){

body{ display: table}

}
@media screen and (min-width: 1024px){
    .custom-menu-scroll-down.electrical-supplies-1{ position:fixed; top:0}
	
}

@media (min-width: 600px) and (max-width: 1023px){
	.intro-industries{max-width: 800px}
	.csslider1 > .cs_description > label{width: 95% !important; top: 0 !important}
	.home-banner .cs_title .cs_wrapper h1,.home-banner .cs_title .cs_wrapper {font-size: 40px; line-height: 46px;}
	
	
}

@media screen and (max-width: 575px){
	body{display: block; margin-top:100px}
	.back_page{ padding:30px 15px}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	img{max-width: 100%; height: auto}
	.logo{width:33%;left:6px;}
	.shopping-block > div:first-of-type > div:nth-of-type(1){justify-content: space-around;}
	.electrical-supplies-1{ position:fixed !important; top:0 !important;}
	.electrical-supplies-2, .electrical-supplies-section, .section-header{width:100%; height: initial; float: left}	
	.menu-top-container{width:60%;}
	.widget-container{ width:100%}
	.shopping-block > div:last-of-type > div:before,.shopping-block > div:first-of-type > div > ul > li:last-of-type:before{ display:none}
	.search{ right: 0; width: 87% !important;position: absolute; bottom:0}
	.search span,.search a{ border-radius:0}
	.search span{padding: 0 5px; font-size:9px;white-space: nowrap;}
	
	.sinetamer-brands-page > span{ position: unset; width: 100%}
	.sinetamer-brands-page > span a{width: 100%; margin: 3px 0;}
	.phoenix-contact-brands > div,.brady-block > div,.sinetamer-video-block > div, .eaton-video-block > div{ width: 100%}
	.phoenix-contact-brands > div{ margin-bottom: 30px}
	.phoenix-contact-brands{ margin-bottom: 0}
	
	.call2Action-block > div > strong{font-size: 34px;}
	.call2Action-block > div{ margin: 0; padding: 50px 10px 50px 10px}
	.call2Action-btn{ width: 100%; display: block; margin: 0; text-align: center;}
	.intro-industries > p{ padding: 0 15px 20px 15px; margin-top: -2px;}
	
	.shopping-block > div:last-of-type > div{padding: 10px;}
	.shopping-block > div:last-of-type > div img{width: 18%; height: auto; display: block;}
	.shopping-block > div:last-of-type > div > a strong{ font-size:20px}
	.intro-divisions h2{ margin:20px auto; height:auto}
	.intro-divisions > div > div{ width:100%;}
	.intro-categories > div > div{ width:100%}
	.intro-categories > div{ width: 100%; display:flex;flex-direction: column;margin-bottom: 30px;}
	.logo-text{ display:block; text-align:center; float:unset; padding: 9px 0 !important;}
	.widget-container a{ font-size:14px}
	.shopping-block > div:first-of-type > div > ul > li:first-of-type{ display:none}
	.shopping-block{flex-wrap: wrap; height:auto; width:54%}
	.shopping-block > div:last-of-type{ padding:0; left:0}
	.shopping-block > div{flex-wrap: nowrap; width:100% !important; left:0}
	.intro-categories{ z-index:auto}
	.product-summary{ padding:0 15px; margin:auto}
	.product-summary > div{ width:100%; height:auto; display:table; float:none}
	.page-title{height: 80px; background-color: #283470;}
	.page-title h1{ font-size:30px; padding:0 15px}
	.project-block{ padding:0 15px}
	.project-block > h2{ margin-top:0}
	.text-block-awards .awards-block-img,.text-block-awards > div > div > div{ width:100%; padding:0}
	.text-block-awards .awards-block-img img{ display:block; margin:23px auto}
	.contact-details > div > div,.text-block-awards > div > div{flex-direction: column; padding:0 15px; width:100%}
	.contactus-enquiry{ padding:0}
	.brands-logo > div img{ width:47%}
	.enquiry table{ padding-bottom:20px; width:100%}
	.contact-details-tabs > div{ width: 100%; border-bottom: 1px solid #fff;}
	.enquiry-feedback{ padding:0 15px}
	.enquiry-feedback tr{ width:100%}
	.enquiry-feedback tr td{ display:block}
	.electrical-supplies-solutions > a ul{ width:80%}
	
	.solution-video-block > video{ position: unset}
	.solution-video-block > div{margin: 0; padding: 15px; background-color: #293370;}
	.solution-video-block > div h1{font-size: 36px;}
	.case-studies-video-block > div p br{display: none}
	.popular-categories-block .temp > div{width: 375px; margin: 0 5px}
	
	.schneider-electric-block > div{background-color: #00528e;padding: 0 15px 15px;width: 100%; text-align: left}
	.schneider-electric-block > div > div{ width: 100%; flex-direction: revert;align-items: center;}
	.schneider-electric-block > div > div img{ width: 50%}
	.schneider-electric-block{margin-top: 40px;height: auto}
	.schneider-electric-block > div p strong{ margin-bottom: 20px}
	.intro-industries > strong{ text-align: center}
	
	.about-schneider-electric > div,.schneider-tools-catalogues > div,.segment-block > div{ width:100%; margin-bottom:20px}
	.schneider-tools-catalogues > div p{ bottom:0}
	
	.pop-up-45{ top:19%;    overflow: scroll;}
	.pop-up-45 > div > div p{ display:none}
	.pop-up-45 > div{ width:95%}
	
	.news-letter-pop-up > div{flex-wrap:wrap;padding: 0 15px;}
	.news-letter-pop-up > div p{ width:100%;}
	.news-letter-pop-up > div .btn1{ margin:auto}
	.video-tabs li{ width:50%; border-bottom: 1px solid #fff;}
	.video-tabs li a{ font-size:17px}
	.solar-videos-block > div img,.video-block > div{ width:100% !important;}
	
	.intro-subpage-block > div{ width:100%}
	.service-delivery-block > span{width: 48%;  margin-bottom: 3%;}
	.our-team-block > div{ width:49%}
	.intro-categories p br{ display: none}
	.our-team-block-3,.our-team-block{width: 100%}
	
	.history-block > ul li span{ width:80%}
	.history-block > ul li strong{ width:20%}
	
	.text-block.disclaimer-text > div{ width:100%}
	.text-block.disclaimer-text > div > a{width: 100%; margin: 2px 0;}
	
	.testimonials-block > div{ width:100%; height:auto}
	.testimonials-block > div > p,.testimonials-block > div > div{ height:auto}
	
	.industries-block > div > div{width: 50%}
	
	.intro-categories .product-img1 img { width: 110px !important; height: auto !important;}
	.intro-categories .product-img img { width: 95px; height:auto; margin-top:25px}
	.intro-categories .product-img { position: unset}
	.intro-categories > div > div{ height:auto !important}
	.intro-industries > div > div:first-of-type{ padding:0 15px; width:100%}
	.intro-industries > div{flex-direction: column; max-width: 320px }
	.intro-industries > div > div:last-of-type{justify-content: space-around; width:100%}
	.intro-industries > div > div > div{ width: 130px !important; margin:30px 15px !important;}
		
	.regions-map > div > ul > li,.sub-menu-block{ width:100%}
	.regions-map > div > ul strong{ display:block; margin-top:15px}
	
	.cassara-intro-block > p{ padding: 0 15px}
	.cassara-intro-block > span{  padding: 0 15px}
	
	.energy-sustainability-block{ padding:0 15px}
	.regions-map > div,.contact-details > div > div ul{ width:100%}
	.enquiry table td{ display:block}
	.regions-map{ flex-wrap:wrap}
	.newsletter-pop-up{ display:none}
	
	.eaton-video-block > div,.eaton-catalogues > div, .benefits-block > div{ width:100%;}
	.benefits-block{ padding:0 15px}
	
	.video-block{ padding:0 15px}
	.video-block > a{ left: 5%; top: 98%}
	.news-summary-block > div > div{flex-wrap:wrap}
	.news-summary-block > div > div > div{ width:100% !important;margin-bottom: 10%;}
	.menu_blog .snippet-text > div{ height:auto}

	.sub-menu-block > div .btn1{ font-size:14px}
	.tcs-block div{align-items: flex-start;}
	.tcs-block div input{ width:5%}
	.enquiry .checkbox-block input,form .checkbox-block input{ width:8%}
	.tcs-block div > label,.enquiry .checkbox-block span,form .checkbox-block span {font-size: 16px; line-height: 20px;}
	.checkbox-block{display: flex; justify-content: space-between;}
	.enquiry .checkbox-block input,form.checkbox-block input{margin-right: 8px; width:24% !important;}
	.socials-heaher{ display:none}
	.video-block > span{ width: 100%; height: 100px !important; margin-bottom: 20px;}
	
	.interests-block > div > div{line-height: 14px;width: 50%}
	.interests-block > div > div label{width: 76%;}
	.aboutus-sub-menu-block{width: 100%}
	.aboutus-sub-menu-block > div{ width: 49%; margin: 5px 0}
	.aboutus-sub-menu-block > div .btn1{ font-weight: bold; padding: 12px 10px}
	
	.social-media-block iframe{width: 100%}
	.social-media-block > strong a{font-size: 16px}
	
	.brands-block > div{width: 49%; margin: 8px 0;}
	
	.newsletter-block *{width: 100% !important}
	.newsletter-block input[type="text"]{ border: 1.5px solid #000000 !important; font-size: 14px !important;}
	
	 /*========== Gallery ================*/
	 .gallery{ width:100%}
	.tn3-next{ right:5% !important; width:31px !important; height:31px !important;left: 90% !important;}
	.tn3-prev{ width:31px; height:31px !important; }
	.tn3-thumb{ display:none}
	.tn3-gallery{height:auto !important;  width:100% !important; left:0 !important;  margin: 30px auto !important;}
	.mygallery, .gallary{ height:auto !important; width:100% !important; margin: auto !important; display:block; }
	 .tn3-image div:not(.tn3-next):not(.tn3-prev), .tn3-image {height: 200px !important; width:100% !important; left: 0 !important;top: 0 !important;}
	.tn3-controls-bg,.tn3-show-albums,.tn3-fullscreen,.tn3-timer{ display:none !important}
	.mygallery-block:not(.active){ display: block !important}
	.mygallery-block h2{ margin-bottom: 0}
	.intro-subpage-block > div img{}
	.tn3-gallery img{ height: auto !important}
	
	/*========== Solutions CSS ================*/
	.electrical-schneider-electric{padding: 1px 15px; opacity: 1; position: unset}
	.electrical-schneider-electric .btn1{ margin-bottom: 15px}
		.electrical-solution-video-block > video{ position: unset}
	.electrical-solution-video-block > div{margin: 0; padding: 15px; background-color: #293370;}
	.electrical-home-solution-block .electrical-mission-block > div p br,.electrical-solution-video-block > div h1 br{ display: none}
	.electrical-solution-video-block > div h1{font-size: 36px;}
	.electrical-call2Action-block > div > strong{font-size: 34px;}
	.electrical-call2Action-block > div{ margin: 0; padding: 50px 10px 50px 10px}
	.electrical-home-solution-block > div > div{ padding: 0 15px}
	.electrical-home-solution-block .electrical-mission-block > div{width: 100% !important;}
	.electrical-home-solution-block{ margin-bottom: 0; padding: 20px 0}
	.electrical-call2Action-block > div > strong{font-size: 34px;}
	.electrical-call2Action-block > div{ margin: 0; padding: 50px 10px 50px 10px}
	.electrical-btn{ width: 100%; display: block; margin: 0; text-align: center;}
	.sol-btn{ width: 100%; display: block; margin-right: 100; text-align: center;}
	.electrical-intro-products{ padding: 15px}
			
	.electrical-solution-block{ min-height:unset; flex-wrap: wrap;}
	.electrical-solution-block > div{ width:50%}
	
	.lighting-solution-block > div{ width:50%}
	
	.lighting-solution-video-block > video{ position: unset}
	.lighting-solution-video-block > div{ margin: 0; padding: 15px; background-color: #293370;}
	.solar-solution-video-block > div h1,.lighting-solution-video-block > div h1{ font-size: 36px}
	.lighting-home-solution-block .lighting-mission-block > div:first-of-type strong,.lighting-call2Action-block > div > strong,.lighting-solution-video-block > div span{font-size: 34px;}
	.lighting-home-solution-block > div > div{ padding: 0 15px}
	.lighting-home-solution-block .lighting-mission-block > div{width: 100% !important;}
	.lighting-home-solution-block{ margin-bottom: 0; padding: 20px 0}
	.lighting-intro-products{ padding: 15px}
	.lighting-call2Action-block > div{ margin: 0; padding: 50px 10px 50px 10px}
	
	.lighting-btn{ width: 100%; display: block; margin: 0; text-align: center;}
	
	.lighting-laboratory > div{ width:100%}
	.lighting-block > div > div > div{ float:none; display:block; margin:auto; width:60%}
	.lighting-laboratory > div:first-of-type{ padding:0 15px}
	
	.lighting-contactus-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{width: 100% !important; padding: 10px;}
	.lighting-contactus-form{width: 100%; padding:20px 15px}
	
	.solar-solution-block > div a{ padding:14px}
	.solar-solution-video-block > video{ position: unset}
	.solar-solution-video-block > div{margin: 0; padding: 15px; background-color: #293370;}
	.solar-home-solution-block .solar-mission-block > div p br, .solar-solution-video-block > div h1 br{ display: none}
	.solution-video-block > div h1{font-size: 36px;}
	.solar-call2Action-block > div > strong{font-size: 34px;}
	.solar-call2Action-block > div{ margin: 0; padding: 50px 10px 50px 10px}
	.solar-btn{ width: 100%; display: block; margin: 0; text-align: center;}
	.solar-home-solution-block > div > div{ padding: 0 15px}
	.solar-home-solution-block .solar-mission-block > div{width: 100% !important;}
	.solar-home-solution-block{ margin-bottom: 0; padding: 20px 0}
	.solar-intro-products{ padding: 15px}
	
	.lighting-pg-btn{width: 100%; margin-right: auto !important; text-align: center;}
	
	/*========== End Solutions CSS ================*/
	
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ height:auto;max-height:none;}
	.home-banner > div{ height: 339px; }
	.mobile-banner{ display:block !important; height: 340px; background:url("images/commercial-architectural-lighting.webp") no-repeat; background-size: cover;  position:relative}
	.csslider1 > .cs_description > label{ max-width:100% !important; left:0 !important; }
	.mobile-banner .home-banner-block{ position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom: 0;color: #fff; margin: 0; padding: 20px 15px; font-size: 20px; line-height: 26px; left: 0; top: unset !important}
	.home-banner-block > span{ position:unset !important; font-size:28px; line-height:32px;max-width: 100%; }
	.home-banner .cs_title .cs_wrapper h1{ font-size: 36px; line-height: 53px;}
	.home-banner-block p{font-size: 16px; margin:0}
	.csslider1 > ul,.read-more-btn,.cs_skeleton{ display:none !important}
	.home-banner-block p > a{ text-decoration:none}
	.home-banner-block > span{ position:unset; font-size:32px; line-height:32px}
	.home-banner-block p{font-size: 16px; margin-bottom:0}
	.cs_description.mobile-banner > label.num0 .cs_descr .cs_wrapper{ font-size:20px}
	.cs_description.mobile-banner > label.num0{ left:0; top:auto;width: 100%; color:#fff; text-align:left}
	.cs_skeleton,.csslider1 > .cs_play_pause,.csslider1 > .cs_arrowprev,.csslider1 > .cs_arrownext,.home-banner ul{ display:none}
	.quick-enquiry-block{ position:fixed; display:block;bottom:2%;left: 4%; background-color:#283470;border-radius: 4px; z-index:9}
	.quick-enquiry-block > a{ color:#fff; text-decoration:none;font-weight: bold; font-size: 14px; padding: 12px;
    display: block; display:flex; justify-content: space-between; width: 130px;}
	.csslider1 > .cs_description > label > .cs_descr,.csslider1 > .cs_description > label > .cs_title{opacity: 1 !important; visibility: visible !important;}
	.csslider1 > .cs_description > label{ bottom: 20px !important;}
	.home-brands-description,.cs_description.mobile-banner > label br,.cs_description.mobile-banner > label.num1,.cs_description.mobile-banner > label.num2,.cs_description.mobile-banner > label.num3{ display:none}
	
	.eaton-industrial-banner:before {position: absolute;content: "";background: rgb(42 51 110 / 68%);width: 100%;height: 100%;}
	.eaton-industrial-banner {height: 300px; background-position: bottom;}
	.eaton-industrial-banner > div > img{max-width: 150px; right: unset; left: 30px}	
	.eaton-industrial-banner > div > div {width: 100%;color: #fff;padding: 0; margin-top: -20px;}
	.nav-tabs{height: auto}	
	.nav-tabs li a{font-size: 17px;}
	.nav-tabs li{margin-bottom: 1px; width: 50%;}
	.nav-tabs-eaton-industrial li:last-of-type{width:100%;}
	.nav-tabs-siemens li:last-of-type{width:100%;}
	.infrastructure-block > div > span{font-size: 32px}
			
	.electrical-products-range > span {font-size: 28px;line-height: 36px; padding: 0 15px;  margin: 20px 0;}	
	.eaton-industrial-banner > div > div h1 {font-size: 30px;}
		
	.electrical-products-range {background-color: #f0f2f9;padding: 3px 0;}
	.electrical-products-range > div > div > div:nth-child(2) > img {display: block;width: auto;height: auto;}
	.electrical-products-range > div > div {
    width: 100%;box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);background: #fff;margin-bottom: 30px;}
		
	.infrastructure-block > div {width: 100%;padding: 15px}	
	.infrastructure-block > div ul li img {margin-right: 8px; margin-bottom: -5px;}
	.infrastructure-block > div ul, .infrastructure-block > div p {font-size: 16px;line-height: 1.3;color: #222d39;}
	.infrastructure-block > div ul li {display: block; list-style: none;padding: 5px 0;align-items: center;}
	
	.engineered-solutions > div > div {width: 40%;text-align: center;}
	.engineered-solutions strong {font-size: 20px;
    line-height: 1.2;color: #2a336e;display: block;text-align: center;}
	.engineered-solutions > div strong {width: 100%;display: block;font-size: 20px;margin-bottom: 30px;}
	.engineered-solutions > div > div p {font-size: 16px;margin-top: 10px;}
	.btn-submit {width: 100%;padding: 12px;margin-top: 10px;font-size: 11px;background: #fdca40;border: none;border-radius: 4px;color: #29336f;font-weight: bold;transition: all .3s;cursor: pointer;}
	.range-call2action p {color: #fff;font-size: 20px;font-weight: bold;}
	.distributor-stripe > div strong {font-size: 20px;line-height: 1.2;color: #fff;text-align: center;display: block;}
	.rc-anchor-light.rc-anchor-normal, .rc-anchor-light.rc-anchor-compact {border: 1px solid #d3d3d3;width: 92%;}
	
	/*===mobile-Form Input==*/
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
    width: 49.5%;margin-bottom: 10px;padding: 12px;color: #2b2b2b;border: 1.5px solid #ffffff;background: #ffffff;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
	label.opt-class {color: #fff;font-size: 12px;}
		
		
	/*====mobile-footer======*/
	.footer-block .contactus-form {width: 105%;padding: 12px;}
	.footer-block > div {width: 100%;color: #fff;margin-bottom: 10px;}
	.footer-block > div h2 {line-height: 34.8px;font-size: 20px;text-align: center;width: 100%;}
	.footer-block > div:last-of-type {padding-right: 15px;padding-left: 3px;}
	.rc-anchor-checkbox-label {
    font-family: Roboto, helvetica, arial, sans-serif;font-size: 12px;font-weight: 400;line-height: 14px;}
	.rc-anchor-normal .rc-anchor-content {height: 74px;width: 115px;}
	.rc-anchor-normal .rc-anchor-pt {margin: 0px 8px 0 0;padding-right: 2px;position: absolute;right: 100px;text-align: center;width: 150px;}
	.rc-anchor-light.rc-anchor-normal, .rc-anchor-light.rc-anchor-compact {
    border: 1px solid #d3d3d3;width: 92%;}
	.rc-anchor-normal {height: 74px;width: 200px;}
	.rc-anchor-logo-portrait {
    margin: 10px 0 0 0px;width: 60px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
	.rc-anchor-normal-footer {
    display: inline-block;height: 74px;vertical-align: top;width: 70px;}
	.rc-anchor-logo-portrait {
    margin: 10px 0 0 0px;width: 58px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
	
	.schneider-eaton-banner:before {position: absolute;content: "";background: rgb(42 51 110 / 68%);width: 100%;height: 100%;}
	
	.schneider-eaton-banner{height: 300px;}
	.schneider-eaton-banner > div > img{max-width: 150px; right: unset; left: 30px}	
	.schneider-eaton-banner > div > div {width: 100%;color: #fff;padding: 0 15px;}
		
	.schneider-eaton-banner > div > div {width: 100%;color: #fff;padding: 0; margin-top: -60px;}
		
	.electrical-products-range > span {font-size: 28px;line-height: 36px; padding: 0 15px;  margin: 20px 0;}	
	.telemecanique-product-range > h2 {font-size: 28px;line-height: 36px; padding: 0 15px;  margin: 20px 0;}	
	.schneider-eaton-banner > div > div h1 {font-size: 30px;}
	
	.nav-tabs{height: auto}
	.nav-tabs li a{font-size: 16px;}
	.nav-tabs li{margin-bottom: 1px; width: 50%;}
	.infrastructure-block > div > span{font-size: 32px}
		
	.electrical-products-range {background-color: #f0f2f9;padding: 3px 0;}
	.electrical-products-range > div > div > div:nth-child(2) > img {display: block;width: auto;height: auto;}
	.electrical-products-range > div > div {
    width: 100%;box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);background: #fff;margin-bottom: 30px;}
		
	.infrastructure-block > div {width: 100%;padding: 15px}	
	.infrastructure-block > div ul li img {margin-right: 8px;        margin-bottom: -5px;}
	.infrastructure-block > div ul, .infrastructure-block > div p {font-size: 16px;line-height: 1.3;color: #222d39;}
	.infrastructure-block > div ul li {display: block; list-style: none;padding: 5px 0;align-items: center;}
	
	.engineered-solutions > div > div {width: 40%;text-align: center;}
	.engineered-solutions strong {font-size: 20px;
    line-height: 1.2;color: #2a336e;display: block;text-align: center;}
	.engineered-solutions > div strong {width: 100%;display: block;font-size: 20px;margin-bottom: 30px;}
	.engineered-solutions > div > div p {font-size: 16px;margin-top: 10px;}
	.btn-submit {width: 100%;padding: 12px;margin-top: 10px;font-size: 11px;background: #fdca40;border: none;border-radius: 4px;color: #29336f;font-weight: bold;transition: all .3s;cursor: pointer;}
	.range-call2action p {color: #fff;font-size: 20px;font-weight: bold;}
	.distributor-stripe > div strong {font-size: 20px;line-height: 1.2;color: #fff;text-align: center;display: block;}
	.rc-anchor-light.rc-anchor-normal, .rc-anchor-light.rc-anchor-compact {border: 1px solid #d3d3d3;width: 92%;}
	
	/*===mobile-Form Input==*/
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
    width: 49.5%;margin-bottom: 10px;padding: 12px;color: #2b2b2b;border: 1.5px solid #ffffff;background: #ffffff;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
	label.opt-class {color: #fff;font-size: 12px;}
		
		
	/*====mobile-footer======*/
	.footer-block .contactus-form {width: 105%;padding: 12px;}
	.footer-block > div {width: 100%;color: #fff;margin-bottom: 10px;}
	.footer-block > div h2 {line-height: 34.8px;font-size: 20px;text-align: center;width: 100%;}
	.footer-block > div:last-of-type {padding-right: 15px;padding-left: 3px;}
	.rc-anchor-checkbox-label {
    font-family: Roboto, helvetica, arial, sans-serif;font-size: 12px;font-weight: 400;line-height: 14px;}
	.rc-anchor-normal .rc-anchor-content {height: 74px;width: 115px;}
	.rc-anchor-normal .rc-anchor-pt {margin: 0px 8px 0 0;padding-right: 2px;position: absolute;right: 100px;text-align: center;width: 150px;}
	.rc-anchor-light.rc-anchor-normal, .rc-anchor-light.rc-anchor-compact {
    border: 1px solid #d3d3d3;width: 92%;}
	.rc-anchor-normal {height: 74px;width: 200px;}
	.rc-anchor-logo-portrait {margin: 10px 0 0 0px;width: 60px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
	.rc-anchor-normal-footer {display: inline-block;height: 74px;vertical-align: top;width: 70px;}
	.rc-anchor-logo-portrait {margin: 10px 0 0 0px;width: 58px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
	
	/*=============== MENU ==============*/
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.dropdown-menu > li:hover .electrical-menu{position: relative; left: 0;}
	.dropdown-menu > li:hover .electrical-menu a{ white-space:normal}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%;justify-content: start;}	
	.dropdown-menu{margin-left: 20px}
	.dropdown-menu{box-shadow: none;}
	#mainNav li[data-menulevel="2"] a{padding-left: 32px !important;}
	#mainNav li[data-menulevel="1"] i{display: none !important;}
	#mainNav .dropdown[data-menulevel="1"] >ul{border-bottom: 4px solid #0d1437;}
	.menu-top > div{align-items: start;}
	.top-header, .top-tel{display:none !important}
	.nav > li > span,.nav > li > a{ padding:10px !important; line-height:20px}
	.nav > li{ width:100%}
	.mobi-only{ display:block !important}
	
	.electrical-contactus-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select,.solar-contactus-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{width: 100% !important;margin-bottom: 10px;padding: 12px;color: #2b2b2b;border: 1.5px solid #ffffff;background: #ffffff;font-family: Helvetica, Arial, sans-serif;font-size: 16px}

	
	.footer{padding-bottom: 0}
	.footer > div > div:nth-of-type(2) .rate-block, .footer > div > div:nth-of-type(2) > ul, .footer > div > div:nth-of-type(2) > strong,.footer > div > div:nth-of-type(3),.nav > li:after,.menu-home,.page-title img,.intro-logo{display: none}
	.footer > div > div:nth-of-type(2){padding-top: 0}

	.footer > div{ width:100%}
	.footer > div > div{ height:auto; width:100% !important}
	.footer div div:first-of-type ul{display: flex; justify-content: space-between; flex-wrap: wrap;margin-top:0;}
	.footer div div:last-of-type{ padding-top:0}
	.footer div div:first-of-type ul li{  padding-right:0}
	
	.footer-divisions > div > div{ margin-bottom:0}
	.footer-bottom > div {display: flex; justify-content: space-around;}
	.footer-bottom > div:last-of-type{ float:none}
	.events-block,.footer-regions{display: none !important;}
}

@media screen and (max-width: 1024px){
	.logo-group{left: 60px;}
	#navOverlay{display:none}
	.menu-top{background: #0d1437;position:fixed;top:0; left:0;height:100px;width:50px;overflow:hidden;padding:0px;transition:all 0.3s;z-index:100}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 100px)}
	.menu-top>label{color:#fff;display:block;height:100px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;line-height:100px;text-align:center;width:50px;transition:all 0.1s ease 0.3s}
	
	/*-------- For all screen --------*/
	.menu-home-container{ padding:0 10px; width:calc(100% - 50px); float:right; flex-wrap: nowrap; align-items: center;}
	.menu-home{display: none}
	.widget-container{width: auto}
	
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.dropdown-menu > li:hover .electrical-menu{position: relative; left: 0;}
	.dropdown-menu > li:hover .electrical-menu a{ white-space:normal}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; justify-content: start;}	
	.dropdown-menu{margin-left: 20px}
	.dropdown-menu{box-shadow: none;}
	#mainNav li[data-menulevel="2"] a{padding-left: 32px !important;}
	#mainNav li[data-menulevel="1"] i{display: none !important;}
	#mainNav .dropdown[data-menulevel="1"] >ul{border-bottom: 4px solid #0d1437;}
	.menu-top > div{align-items: start;}
	.top-header, .top-tel{display:none !important}
	.nav > li > span,.nav > li > a{ padding:10px !important; line-height:20px}
	.nav > li{ width:100%}
	.mobi-only{ display:block !important}
	/*-------- End For all screen --------*/
	
	#navOverlay{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;transform:translate(-100%);transition:all 0.25s ease-out 0.1s;z-index:100}
	#mobi-toggle:checked ~ .electrical-supplies-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .electrical-supplies-1 .menu-top{height:100vh;width:300px}#mobi-toggle:checked ~ #navOverlay{transform:translate(0)}
/*# sourceMappingURL=mobiNav.css.map */
.home-banner:before{display:none}}