:root{
	--max-viewsize: 1280px;
}
*{box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}
* [onclick] {cursor: pointer; }
body,html{overflow-x: clip;}
body {font-family:Helvetica, sans-serif, Arial; margin:100px 0 0 0; width:100%; font-size:62.5%; overflow-x: clip;background-color: #f9f9f9;}
#Divider_ProductWindow{background-color: #d2d2d2}
a:link{color:#808080; text-decoration:none}
a:visited{color: #808080;}
a:hover{ color: #F15822;}
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}
a > button{ display: contents; all: unset}
:target:before { content:""; display:block; height:150px; margin:-75px 0 0;  width: 100%}
.mobi-only,.quick-enquiry-block,.menu-top>label,#mobi-toggle,#navOverlay,.item-hide{display:none}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}

.btn1{display: inline-block; padding: 10px 30px; min-width: 150px; text-align:center; font-size:16px; background: #F15822;background-image: linear-gradient(to right, #f05822, #f05422, #f05022, #ef4c22, #ef4822, #ef4422, #ef4022, #ef3c22, #ef3722, #ee3222, #ee2c23, #ed2523); color: #fff !important; border-radius: 30px; border: 2px solid  #F15822; line-height: initial;}

/*================== MAIN SECTION ============================*/
.back_page{ max-width:1140px; width:100%; margin:auto; font-size:16px; color:#000; top:0px; padding:0 15px;line-height: 1.8em; position: relative; display:table}
.back_page:before{content:""; background: url(images/threed-cable-accessories-bg.webp) no-repeat; background-position: bottom; background-size: cover; position:absolute; width: 100%;
 height: 100%; top: 0; left: 0; z-index: -1; background-attachment: fixed;}
.back_page p{text-align:justify;}
.text-block{padding:50px 0}
.text-block h2{ color:#312646; font-weight: normal;}
.back_page-block{ position:relative}
.back_page-block > span{ width:155px; position:absolute; top: 80px; left: 80px;}
.back_page-block > span > img{ width:100%; height:auto; display:block; filter: grayscale(1);}
.back_page-block:before{ content:""; position:absolute; left:-30%; top:0; bottom:0; background-color:#ededed; width:55%; z-index:-1;}

.cable-ties{position:absolute; visibility:hidden; z-index:999999;}
.cable-accessories-1{width:100%; height:110px; z-index:100;  background-color:#312646;box-shadow:0 0 10px 2px rgb(0 0 0 / 60%); top:0; position:fixed;left: 0; right: 0; margin: auto;background-image: linear-gradient(to right, #6a2367, #602361, #56225a, #4c2153, #43204c, #401f49, #3d1f47, #3a1e44, #3b1e45, #3d1f46, #3e1f47, #401f48); padding:0 15px}
.heatshrink-header{ max-width:var(--max-viewsize); margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; height:100%}
.cable-marker-2{ position:relative; width:100%;}
.cable-marker-section{}
.cable-marker-section>*{width: 100vw; padding-inline:calc( 50vw -  (var(--max-viewsize) / 2)); margin-inline: min(0px,calc( 50vw -  50%));}
.menu-top-container{ display:flex;justify-content:flex-end; flex-wrap: wrap; width:70%; align-items: baseline;}
.highlight{background-color:#682264; color:#fff !important; padding:2px;}

/*================= MENUS ======================*/
.menu-top{ position:relative; width:100%; display: flex; flex-wrap: wrap; justify-content: end;}
.menu-top > div{display:flex;justify-content:end; }

.menu-top label{display: none}
.nav{margin:0; padding:0}
.nav > li{float: left; position:relative; list-style:none}
.nav > li:last-of-type .dropdown-menu{ left:unset; right:0}
.nav > li:last-of-type .dropdown-menu:before{ left:unset; right: 30px;}
/*.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:#fff; /*padding:0 20px;*/ line-height:32px; font-size:1.8em; text-decoration:none; transition:all .3s;cursor: pointer;}
.nav > li:is(:not(.clickable-dropdown):hover,.clickable-dropdown.open) > span, 
.nav > li:is(:not(.clickable-dropdown):hover,.clickable-dropdown.open) > a{color:#682264; background-color: #f1f4f9}

:is(.dropdown, .dropdown-menu) > li:hover > :is(span,a) {background-color: #ddd !important}

.dropdown-menu.brands-menu{border-radius: 0; border-top: 2px; margin-top: 0px; border: none; min-width:320px; top:41px; background: #f5f5f5}

.brands-menu li{border-bottom: 1px solid rgba(54, 54, 54, 0.40) !important; width:49% !important}
.brands-menu li a{ font-size:12px !important}

.specials-tab a{ color: #ef0000 !important}

.dropdown-menu li{position:relative; list-style: none; width:100%}
.dropdown-menu{padding:0; margin:0; display: none; background-color: #f1f4f9; min-width:200px; left:0; position:absolute; font-size: 12px; top:100%; z-index: 1; }
.dropdown-menu :is(a,span){ color: #682264; padding:12px 15px !important; display:block; text-decoration:none}
.dropdown-menu > li:is(:not(.clickable-dropdown):hover,.clickable-dropdown.open) > :is(a,span) { background-color:#eee; color: #682264; transition: .3s all}
.dropdown-menu > li:hover > :is(a,span) { background-color:#ddd;}
.menu-top .dropdown-menu:before{ display:none}

.dropdown.brands-dropdown .dropdown-menu{min-width:430px; justify-content: space-between; right: unset}
.dropdown.brands-dropdown .dropdown-menu li{width:33%; border: none !important}
.dropdown-menu li img{ width:100%; height:auto; display:block; border: 3px solid transparent}
.dropdown.brands-dropdown .dropdown-menu li a{ width:100%; height:100%; display: flex; align-items: center; }

.mega-menu{display: none;position: absolute; top: 100%}
.mega-menu .dropdown-menu li{position:unset;}
.mega-menu > .dropdown-menu > li ul a{font-size: 14px}

.mega-menu > .dropdown-menu{display: block; position: static;overflow-y: auto;overflow-x: hidden; max-height: 450px;direction: rtl;padding-right:0; margin-right: -1px; scrollbar-width: thin; scrollbar-color: #e9e9e9 #eee;;overscroll-behavior-y: none;scrollbar-color: #312646 #f9f9f9;scrollbar-width: thin;}
.mega-menu > .dropdown-menu > *{direction: ltr;}
.mega-menu .dropdown > .dropdown-menu{overflow-y: scroll;overflow-x: hidden; box-shadow: none;overscroll-behavior-y: contain;overscroll-behavior-y: none; background-color: #eee;scrollbar-width: thin;}


.menu-home{ width:65%; position: relative; left: 5%;}
.menu-home > ul{ padding:0; margin:0; display: flex; justify-content:space-between;height: 100%; align-items: center;}
.nav > li,.menu-home > ul > li{ display: flex; height: 100%;list-style:none; position:relative}
.nav > li > span, .nav > li > a,.menu-home span,.menu-home a{ color:#fff; font-size:17px; text-decoration:none;display: flex; height: 100%; align-items: center; transition:all .3s; cursor: pointer; padding:11px 30px}
/*.nav > li,.menu-home span{padding-inline: clamp(10px, 1vw + 15px, 20px) !important; }*/
.dropdown-menu :is(a,span){ font-size:14px; color: #312646; cursor: pointer;}
.nav > li > a:hover li a,.menu-home > ul > li > a:hover li a{color: #F15822;}
.nav > li:hover > span, .nav > li:hover > a,.menu-home > ul > li:hover > span,.menu-home > ul > li:hover > a {color:#312646; background-color: #f1f4f9; transition: .3s all}

.widget-container{width:auto; position:relative; display:flex; align-items: center; justify-content: space-between; margin: 10px 0}
.widget-container > ul{ display: none; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:0; margin:0; height:100%; width:67px;}
.widget-container > ul > li{ list-style:none}
.basket-displaytotal{ font-size: 16px; color: #F15822;  text-align: center; left:25px;font-weight:normal; position:absolute; }
.widget-container > ul > li > a{ text-decoration:none; font-size:11px; color:#222; text-transform: uppercase; position:relative}
.widget-container > ul > li img{ filter: invert(1);}



/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:is(:not(.clickable-dropdown):hover,.clickable-dropdown.open):not(.CLOSEDROPDOWN) >.dropdown-menu{display:flex !important;flex-wrap: wrap; justify-content: space-between;}
	.dropdown[data-menulevel="1"]:is(:not(.clickable-dropdown):hover,.clickable-dropdown.open) > .dropdown-menu{left: 100%;top:0; height: 100%; align-content: flex-start}
	.dropdown[data-menulevel="1"] > .dropdown-menu::before,.dropdown[data-menulevel="1"] > .dropdown-menu::before{ content: ""; position: absolute; top: 20px; left: 0; border-bottom-color: transparent; border-right-color: rgba(255,255,255,.95);}

  :not(:has(.CLOSEDROPDOWN)) .dropdown:is(:not(.clickable-dropdown):hover,.clickable-dropdown.open) > :is(.dropdown-menu,.mega-menu){display:flex; flex-wrap: wrap;z-index: 99;}
  :not(:has(.CLOSEDROPDOWN)) .dropdown:is(:not(.clickable-dropdown):hover,.clickable-dropdown.open) > .dropdown-menu.products-dropdown-menu
  {width: fit-content; background-color: rgba(255,255,255,.95); max-height: 450px; display: grid; flex-wrap: wrap; grid-template-columns: 1fr}
}

/*.menu-home .dropdown-menu{ min-width:400px}
.menu-home .dropdown-menu li{ width:50%}*/
.menu-home .products-dropdown-menu{ right: -100px;}
.menu-home .products-dropdown-menu li{ width:50%}

/*==================== LOGO =======================*/
.logo{position:relative; width:22%; display: flex; align-items: center;}
.logo span{position: absolute; width:31%; top: 18%; white-space: nowrap; font-size: 14px; color: #000; right: -40%;}
.logo img{ width:100%; height:auto; display:block}

/*===================== SEARCH ======================*/
.search-toggle{width:100%; display:flex;border: solid 1px #fff; border-radius: 50px; background: #fff; overflow: hidden}
.search{ position:relative; font-weight:normal; width:100%; display: flex;justify-content: space-between; background-color:#fff; padding: 5px 10px; height:35px; border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
.search div{position:relative; float:left; width:85%;}
.search a{width: 35px;color:#c2c2c2; position:relative; display:flex; align-items: center;border-radius: 0 3px 3px 0; justify-content: space-around; font-size:22px; }
.search a:hover{text-decoration:none; opacity:.8}
.search input{position:relative; width:89%; font-size: 15px; border: none; outline: none; background-color:#fff; margin:0; padding: 0 10px;}

.search ::-webkit-input-placeholder {color:#848484; font-size:14px}
.search ::-moz-placeholder{color:#8484846; font-size:14px}
.search :-ms-input-placeholder {color: #848484; font-size:14px}
.search :-moz-placeholder {color: #848484; font-size:14px}

.brand-filter{position:relative; width:33%; display: flex; align-items: center; font-size: 14px; color: #fff; padding-left: 10px;}
.brand-filter .fas{  font-size: 17px;  pointer-events: none; width: 30px;}
.brand-filter > ul > li{height: 100%; display: flex; align-items: center; list-style: none; width: 100%}
.brand-filter > ul > li > span{height: 100%; display: flex; align-items: center; justify-content: space-between; width: 100%; cursor: pointer; padding: 0 5px; color: #312646}
.brand-filter > ul{padding: 0; margin: 0; position:relative; display: flex; justify-content: space-between; width: 100%; height: 100%; align-items: center;}
.brand-filter .dropdown-menu.brands-menu > li > a{padding:10px !important; display: block; position:relative; font-size: 1.2em;}
.brand-filter .dropdown-menu.brands-menu > li:hover > a{ color: #fff; }
.brand-filter .dropdown-menu.brands-menu > li:hover{ color: #fff; }
.brand-filter select{ font-size: 14px; outline: none; color: #fff; padding-left:10px;border:none; height:40px; background-color: #fff; margin-right: 10px; width:500px;border-bottom-left-radius: 20px; border-top-left-radius: 20px;}
.brand-filter select option{ font-size:14px; padding:5px}
.brand-filter option:hover{ background-color: #F15822; color:#fff}
#titleBarCont{ padding:4px 15px; border:none}
#dropdownlist>*{ display:flex !important; width: 146px; padding: 0 7px; text-transform: capitalize;}

.signin-dropdown{ position:absolute;background-color:#fff; text-transform: uppercase;font-size:12px; width:320px; z-index:101; top: 44%; right: 2%; transform: translate(0%, 20%); display:none; border: solid 1px #dbdbdb; border-radius: 4px;}
.signin-dropdown ul{ padding:0; margin:0}
.signin-dropdown ul li{ list-style:none;}
.portal-dropdown ul li,.signin-dropdown ul li{ list-style:none}
.signin-dropdown ul,.user-block ul{ padding:0; margin:0}
.signin-dropdown ul:first-of-type li,.user-block ul:first-of-type li{ text-align:center}
.signin-dropdown ul .btn1,.user-block ul .btn1{ min-width:150px;font-size: inherit; margin: auto; color:#fff}
.signin-dropdown ul .btn1{background: transparent; color: #F15822 !important; text-transform: capitalize; padding: 10px 40px; min-width: unset;}
.signin-dropdown ul .btn1:hover,.user-block ul .btn1:hover{ text-decoration:none}
.signin-dropdown ul:first-of-type li:last-of-type a,.user-block ul:first-of-type li:last-of-type a{ color: #F15822}
.signin-dropdown ul:first-of-type li:last-of-type, .user-block ul:first-of-type li:last-of-type{ padding-top:0}
.signin-dropdown ul:last-of-type,.signin-dropdown ul:nth-of-type(2){ display:flex;flex-wrap: wrap;border-top:1px solid #dbdbdb;}
.user-block ul:last-of-type{ border-top:1px solid #dbdbdb;}
.signin-dropdown ul:nth-of-type(2) li,.signin-dropdown ul:last-of-type li{ width:50%; border-right:1px solid #dbdbdb;text-align: center;}
.signin-dropdown ul:last-of-type li:last-of-type{ border-right:none}
.user-block ul:nth-of-type(2) {border-bottom: 1px solid #ccc;}
.signin-dropdown ul li,.user-block ul li{ list-style:none; text-align:left;  }
.signin-dropdown ul:first-of-type li{ border-bottom:none}
.signin-dropdown ul li,.user-block ul li{display: inline-block; padding:12px 20px; width:100%}
.signin-dropdown ul li a,.user-block ul li a{ color:#333232; font-weight: normal; text-decoration:none}
.portal-dropdown:before,.signin-dropdown:before{ content:"";border-style: solid; border-style: dashed; border-width: 9px; border-color: transparent; border-top-width: 0; border-bottom: 9px solid #dbdbdb; width: 0; height: 0; font-size: 0;  line-height: 0; position: absolute; bottom: 97%; right: 0%; transform: translate(-50% , -50%); z-index: -1;}
.portal-dropdown:before{ bottom: 96%;}
.sign-block-text{color: #363435;font-size: 12px;line-height: 15px; font-weight:bold; margin-right: 8px;}
.sign-block-text a{color: #fff}
.sign-block-text a:hover{ color:#25bfd0}
#basketOrder_totalitems{ position:absolute !important; right:auto !important; color:#25bfd0 !important; top:7px !important; left:22px}

#ExtContent_Popup .signin-dropdown,#ExtContent_Popup .portal-dropdown{background-color:#ffffff; text-transform: uppercase;font-size:12px; width:100%;transform:unset;position:relative;display:block}
#ExtContent_Popup .signin-dropdown .btn1{ padding:8px 10px !important}
#ExtContent_Popup .signin-dropdown ul{ padding:0; margin:0; width:100%; display: flex; flex-wrap: wrap;}
#ExtContent_Popup .signin-dropdown ul:first-of-type li{ text-align:center}
#ExtContent_Popup .signin-dropdown ul .btn1{ min-width:150px; color:#fff}
#ExtContent_Popup .signin-dropdown ul .btn1:hover{ text-decoration:none}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type a{ color:#ff0000}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type{ padding-top:0; color: #404040;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{ width:100%; border-bottom:0; border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }
#ExtContent_Popup .signin-dropdown ul:first-of-type li:first-of-type{ border-bottom:none}
#ExtContent_Popup .signin-dropdown ul li{display: inline-block; padding:12px 8px; width:100%}
#ExtContent_Popup .signin-dropdown ul li a{ color:#404040; text-decoration:none}
#ExtContent_Popup .signin-dropdown ul li:hover a{ text-decoration:underline}
#ExtContent_Popup .signin-dropdown:before{ display:none;}

#ExtContent_Popup .signin-dropdown ul:nth-of-type(3),#ExtContent_Popup .signin-dropdown ul:nth-of-type(2),.user-block ul:last-of-type{display:flex;}
#ExtContent_Popup .signin-dropdown ul:nth-of-type(3),#ExtContent_Popup .signin-dropdown ul:nth-of-type(2) li{width:50%;border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{width:50%;border-bottom:0;border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li:first-of-type span{ display:none }
#ExtContent_Popup .signin-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }

.home-pop-up-45{position: fixed; z-index: 999999999; bottom: 0; left: 0; width:100%; background:rgb(0 0 0 / 80%); height:130px; text-align:center; display: none}
.home-pop-up-45-close{position: absolute; right:40px; top:6px; cursor: pointer; color:#134280; height:28px; width:28px; border-radius:40px; z-index: 999999999; font-size: 14px;line-height: 28px; padding:0 8px; background-color:#fff}
.home-pop-up-45 img{border-radius:4px; display:block;box-shadow: 0 0 10px 2px #010101;}
.home-pop-up-45 > div{ font-size: 18px; line-height: 26px;border-radius: 4px;top:4%; max-width:1140px; position: relative; margin:auto; width:100%; padding:0 10px; display:flex; justify-content: space-around; align-items: center; height: 100%;}
.home-pop-up-45 > div > div{ display:flex; align-items: center; justify-content: space-around; flex-wrap: wrap;}
.home-pop-up-45 > div > div h2{ width:100%; font-weight:normal; text-align:center; color:#fff}
.home-pop-up-45 > div p, .home-pop-up-45 > div p a{ color:#fff; margin:0; font-size:16px}
.home-pop-up-45 > div p{ width:100%}
.home-pop-up-45 > div a{ text-decoration:underline}

.home-banner{ display:flex; margin:auto; position:relative; max-width:1663px; width:100%;text-align:center; overflow:hidden}
.banner-tittle{display:flex; flex-direction: column; padding-left: 34px;}
.banner-tittle strong{ font-size:40px; display: block; margin-top: 13px;font-weight: normal}
.banner-tittle h1{ font-size:40px; display: block; margin-top: 13px; margin-bottom:0; font-weight: normal}
.banner-tittle b{ font-size:18px; text-transform:uppercase}
.banner-tittle p{ font-size:18px; line-height:28px}
.banner-tittle > span{ border-left:6px solid #f15822; padding-left:38px; margin-bottom:20px}
.banner-tittle .btn-banner{ padding:12px 30px; max-width:170px; font-size:18px; background-color:  #F15822; text-decoration: none; text-align: center; margin-top: 5px; color: #fff !important; border-radius: 30px; border: 2px solid  #F15822; background-image: linear-gradient(to right, #f05822, #f05422, #f05022, #ef4c22, #ef4822, #ef4422, #ef4022, #ef3c22, #ef3722, #ee3222, #ee2c23, #ed2523)}

.home-banner .quick-links{ padding:0 0; display:flex;justify-content: space-between; flex-wrap: wrap;border-top: 1px solid rgb(255 255 255 / 30%); z-index:5; position:absolute; bottom:0; right:0; left:0; width:100%; max-width:100%; margin:auto; background-color:rgb(0 0 0 / 40%)}
.home-banner:before{ content:""; position:absolute; left:0; top:0; height:100%; width:100%;background-image: linear-gradient(100deg, rgb(0 0 0 / 80%), rgb(0 0 0 / 60%) 30%, transparent); color:#fff; z-index:2; padding:65px 15px 0 100px; text-align:left;     pointer-events: none;}
.home-banner .quick-links li{ transition:all .3s; list-style:none; padding:12px 0;  width:25%;border-top:4px solid transparent; border-right: 1px solid rgb(255 255 255 / 40%);}
.home-banner .quick-links li a{ color:#ffffff; font-size:18px; text-decoration:none}
.home-banner .quick-links li:hover{border-top:4px solid #e62e2d;}

.marquee-block{width: 100%;  padding: 13px 0; position:absolute; bottom:70px; left:0; right:0; z-index: 2; background-color: rgba(0,0,0,0.10)}
.marquee-block marquee{font-size:18px; color: #fff; text-align: center;max-width: 1280px; margin:auto; width: 100%}

.deal-zone-block{ width:100%; display:flex; background-color:#f7f8f9; flex-wrap:wrap; padding:55px 0 0;}
.deal-zone-block > span{ width:100%; text-align:center; display: flex; flex-wrap: wrap; margin: auto;justify-content: space-between;
   align-items: baseline; margin-bottom: 30px;}
.special-group strong,.deal-zone-block > span strong{ margin:0; color: #F15822; font-size:46px; margin-right:20px}
.special-group strong b,.deal-zone-block > span strong b{ color:#e84a41; }
.deal-zone-block > div > div > div > span{ font-size:16px; padding:15px; display:block}
.deal-zone-block > span > p{ font-size: 20px; margin: 0; color:#000}
.deal-zone-block > span > p a{ text-decoration:none}
.deal-zone-block > div{ max-width:1140px; width:58%; display:flex; flex-wrap:wrap; justify-content:space-around; margin:auto}
.deal-zone-block > div > div{box-shadow: 1px 0 0 0 #e0e0e0, 0 1px 0 0 #e0e0e0, 1px 1px 0 0 #e0e0e0, 1px 0 0 0 #e0e0e0 inset, 0 1px 0 0 #e0e0e0 inset; background-color: #fff;  margin-bottom: 2%; width:48%; padding-top:16px; transition:all .3s;}
deal-zone-block > div > div:last-of-type img{ max-height:150px}
.deal-zone-block > div > div img{ width:auto; display:block; height:100%; max-height:127px; margin:auto}
.deal-zone-block > div > div strong{background-color: #312646; padding: 16px 0px; display:block; color:#fff; font-size:16px; text-align:center; font-weight:normal}
.deal-zone-block > div > div p{ color:#f00; font-size:16px; text-align:center; font-weight:bold; height:36px}
.deal-zone-block .btn1{margin: 19px auto 10px; background-color: #f00; font-size: 16px; padding: 12px 24px;}

.exploreby-block{  padding:0 0; display:flex;justify-content: space-between; flex-wrap: wrap;border-top: 1px solid rgb(255 255 255 / 30%); z-index:5; position:absolute; bottom:0; right:0; left:0; width:100%; max-width:100%; margin:auto; background-color:rgb(0 0 0 / 40%)}
.exploreby-block > div{ display:flex;justify-content: space-between; flex-wrap: wrap; width:100%}
.exploreby-block > div > div{ transition:all .3s; list-style:none; padding:12px 0;  width:33%; border-right: 1px solid rgb(255 255 255 / 40%); display: flex; justify-content: space-around; flex-wrap: wrap;}
.exploreby-block > div > div a > div{}
.exploreby-block > div > div a{color: #fff;text-decoration: none;font-size: 16px;display: flex; flex-wrap: wrap;align-items: center;}
.exploreby-block > div > div a:hover{}
.exploreby-block > div p{ margin-top: 10px;color: #000;}
.exploreby-block > div > div strong{ font-size:18px; font-weight:normal; color: #fff; display:block}
.exploreby-block > div > div > a > div:first-of-type{ background:url("images/icons/cable-accessories.webp"); border: 2px solid #fff; border-radius: 50%; width:48px;height:48px;background-repeat: no-repeat; float:left; background-position:-134px 3px; margin:0 20px;    background-size: 242px;}
.exploreby-block > div > div:nth-of-type(2) > a > div:first-of-type{ background-position:-58px 5px; background-size: 214px;}
.exploreby-block > div > div:nth-of-type(3) > a > div:first-of-type{background-position: -139px 3px; background-size:243px;}
.exploreby-block > div > div:last-of-type > a > div:first-of-type{background-position: -202px 3px;}
.exploreby-block > div > div:first-of-type:hover > a > div:first-of-type{background-position: -134px -47px; transition: all 1s;}
.exploreby-block > div > div:nth-of-type(2):hover > a > div:first-of-type{background-position:-57px -39px; transition: all 1s;}
.exploreby-block > div > div:nth-of-type(3):hover > a > div:first-of-type{background-position:-139px -50px;  transition: all 1s;}
.exploreby-block > div > div:last-of-type:hover > a > div:first-of-type{background-position:-201px -47px; transition: all 1s;}
.exploreby-block span{ text-transform:uppercase;position:absolute; text-align:center; left:0; right:0; bottom:100%;font-size: 23px;
    font-weight: bold; border-bottom: solid 2px rgba(255, 255, 255, 0.8784313725490196);}
.exploreby-block span:before { background:rgba(255, 255, 255, 0.9); border-radius:10px 11px 0 0; bottom:0; content:""; left:0; margin:0 auto; position:absolute; right:0; top:-23px; -webkit-transform:perspective(48px) rotateX(14deg); transform:perspective(48px) rotateX(14deg); transform-origin:center bottom 0; width:240px; z-index:-1; }

.product-overview > div{ display: flex; flex-wrap: wrap; justify-content: space-between; box-shadow: 0 7px 20px rgb(0 0 0 / 12%), 1px 3px 40px -20px rgb(0 127 195 / 5%); margin-bottom: 30px; padding: 30px 20px 20px;}
.product-overview > div > a{ width: 23%;padding-right: 10px;}
.product-overview > div h2 a{ color:#312646; }
.product-overview > div h2{margin-top: 0; font-weight: normal;}
.product-overview > div > a img{ width: 100%; height: auto; display: block}
.product-overview > div > div{justify-content: space-between; width: 74%; padding-right: 15px;}

/**/
.thermalimaging-banner { position: relative; display: table}
.thermalimaging-banner img{ width: 100%; height: auto; display: block}
.thermalimaging-banner > div{ max-width: 1280px; margin: auto; position: absolute; left: 0; right: 0;    bottom: 0; top: 0; display: flex; flex-wrap: wrap; align-items: center; align-content: center;}
.thermalimaging-banner h1{color: #000; margin:0 0 40px; font-size: 46.4px; width: 100%}
.thermalimaging-banner .btn1{ padding:10px 33px; border: 2px solid #ef0000; color: #ef0000 !important; text-decoration: none; border-radius: 100px; background-color:transparent; font-size: 22px; font-weight: normal;cursor: pointer; min-width: 220px;}
.thermalimaging-banner strong a{ color: #ef0000;font-weight: bold}

.hikmicro-intro-products-block{background-color: #e5e5e5; display: flex}
.hikmicro-products-block{position: relative; overflow: hidden; display:flex; flex-wrap:wrap; justify-content: space-between; max-width: 1250px;width: 100%;margin: 20px 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; }
.hikmicro-products-block > h2{ width: 100%; font-size: 38px; text-align: center; display: block; margin-top: 50px; margin-bottom: 0}
.hikmicro-products-block > h2 > span{font-weight: normal}

.hikmicro-products-block > span{ position:absolute; top:50%; transform: translate(0,-50%);font-size: 20px; left:-5px;    text-shadow: 2px 2px 4px #fff; z-index: 1}
.hikmicro-products-block > span a{ color:#949494}
.hikmicro-products-block > span:last-of-type{ right:-5px; left:unset}
.hikmicro-products-block > div > div{ border: 1px solid #c9caca; transition: all .5s ease;; width: 282px; height: auto; margin: 2px 15px}
.hikmicro-products-block  label{ cursor: pointer}
.hikmicro-products-block > div > div h3{ text-transform: uppercase; text-align: center; overflow: hidden; font-size: 22px; color: #000; margin-top: 10px; height: 60px; font-weight: normal}
.hikmicro-products-block > div > div h3 a{color: #000;}
.hikmicro-products-block > div > div > div{ padding: 16px}
.hikmicro-products-block > div .btn-prod{text-align: center; margin-bottom: 10px; font-size: 16px; display: block; color: #e91300}
.hikmicro-products-block > div > div p{font-size: 12px; line-height: 1.8; color: #333; min-height: 90px; padding: 10px 28px;   text-align: center; margin: 0}
.hikmicro-products-block > div > div img{ width: 100%; height: auto; display: block}

.hikmicro-home-intro{ text-align: center; max-width: 775px; margin:70px auto; width:100%}
.hikmicro-home-intro > strong{ font-size: 48px; color:  #F15822;font-weight: bold}
.hikmicro-home-intro > strong b{ color: #ef0000;font-weight: bold}
.hikmicro-home-intro > p{ font-size: 22px; color: #333333; line-height:32px}
.hikmicro-home-intro > p a{ color:  #F15822; font-size: 20px}

.hikmicro-intro-products{  max-width: 1663px; width: 100%; margin:auto; display: flex; flex-wrap: wrap; position: relative; justify-content: space-between;}
.hikmicro-intro-products > strong{ width: 100%; font-size: 38px; text-align: center; display: block; margin-top: 50px;font-weight: bold}
.hikmicro-intro-products > strong > span{font-weight: normal}
.hikmicro-intro-products > div { width:24.8%; position: relative}
.hikmicro-intro-products > div:before{content: "";background: url("images/logo/hikmicro-logo.png") no-repeat;position: absolute;right:10px;z-index: 9;width: 140px;height: 33px;background-size: contain;bottom: 200px;box-shadow: 0 1px 20px 20px rgb(255 255 255 / 55%);background-color: rgb(255 255 255 / 50%);}

.hikmicro-intro-products > div .btn-prod{ font-weight: bold; display: flex; text-decoration: none; position: relative; color: #02b2ff;font-size: 15px; align-items: center; text-shadow: 0 1px 20px rgb(0 0 0 / 1);}
.hikmicro-intro-products  label{ cursor: pointer}
.hikmicro-intro-products > div .btn-prod .fa-solid{ margin-right: 10px}
.hikmicro-intro-products > div img{ width: 100%; height: auto; display: block}
.hikmicro-intro-products > div > span p { display: block; font-size: 15px;line-height: 22px}
.hikmicro-intro-products > div > span{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 18px; background: linear-gradient(0deg, rgba(33,71,95,0.8) 0%, rgba(22,46,68,0.8) 100%); color: #fff; z-index: 9}
.hikmicro-intro-products > div > span h2 a{ font-size:25px; position: relative; width:100%; display: block; text-align: left; color: #fff; text-decoration: none; margin-bottom: 30px; margin-top: 0 }
.hikmicro-intro-products > div > span h2 strong{color: #ef0000;text-shadow: 0 0 20px #000000; font-weight: bold}

.hikmicro-call2action{ color: #fff; width: 100%; background-color: #00275d; display: table;}
.hikmicro-call2action > div{ max-width:1024px; width: 100%; display: flex; flex-wrap: wrap; margin: auto; text-align: center;    font-weight: 900; padding: 60px 0}
.hikmicro-call2action > div > span{ width: 100%; font-size: 44px; margin-bottom: 45px}
.hikmicro-call2action > div .btn1{ text-decoration: none; margin: auto; background-color: transparent;  border: 1px solid #fff; border-radius: 0; font-size: 16px; padding: 13px 65px; transition: .3s all; text-transform: uppercase}
.hikmicro-call2action > div .btn1:hover{ background-color: #fff; color: #00285d !important}

.hikmicro-call2Action-services{ max-width: 1280px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-around; background-color: rgb(0 52 140 / 15%); padding: 100px 0 90px 0; margin-bottom: 50px}
.hikmicro-call2Action-services > strong{ width: 100%; font-size: 46px; display: block; margin-bottom: 60px; text-align: center; font-weight: normal;font-family: 'Anton', sans-serif;font-weight: bold}
.hikmicro-call2Action-services > a{border-radius: 4px; border: 2px solid  #F15822; text-transform: uppercase; padding: 11px 30px; background-color:  #F15822; color: #fff; line-height: 16px; transition: all .3s; font-size: 16px}
.hikmicro-call2Action-services > a:hover{ background-color: transparent; color:  #F15822}

.hikmicro-intro-video-block{ width: 100%; display: flex; flex-wrap:wrap; position: relative; overflow: hidden; }
.hikmicro-intro-video-block:before{ content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; /*background-color: rgb(0 0 0 / 10%); */z-index: 1}
.hikmicro-intro-video-block > video{position: absolute; left: 0; top: 0; object-fit: fill;  display: block}
.hikmicro-intro-video-block > div{ max-width: 1140px;margin:100px auto; width: 100%; position: relative; color: #fff; z-index: 1}
.hikmicro-intro-video-block > div p{ font-size: 18px; line-height: 28px}
.hikmicro-intro-video-block > div span{ font-weight: bold; font-size: 48px; text-transform: uppercase; margin-bottom: 32px; display: block}
.hikmicro-intro-video-block > div .btn1{ font-size: 16px; letter-spacing: 0.5px; text-transform: uppercase; padding: 13px 28px; margin-top: 15px; background:#ff0000; color: #fff; border: solid #ff0000}
.hikmicro-intro-video-block > div span strong{ color:#ff0000;font-weight: bold}
/**/
.feedback-pop-up {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg); display:block; right:-45px;transition:all .3s;position:fixed; z-index:999;bottom: 200px; border: 1px solid  #F15822; border-radius:3px; width:124px}
.feedback-pop-up a{ color: #F15822; text-decoration:none; font-size:14px; text-align: center; display:block;padding:10px 14px; background-color:#fff}
.feedback-pop-up:hover{background-color: #F15822;}
.feedback-pop-up:hover a{ color:#fff;background-color: #F15822; }
.feedback-block .satisfied-block{ display:flex; justify-content:space-between; flex-wrap:wrap}
.feedback-block{ top: 0;left: 0; width: 100%; height: 100%; position: fixed;visibility: visible; display: none; background-color: rgba(102, 102, 102, 0.4); z-index: 99999999;}
.feedback-block table{ width:100%}
.feedback-block .personal-details{ width:100%; display:flex}
.feedback-block .personal-details td input{ padding: 5px; font-family: Arial, Helvetica, sans-serif; color: #08144b; border: solid 2px #682264;}
.feedback-block table tr{ display:block}
.feedback-block table tr td textarea, .feedback-block table tr td{ width:100%; display:block}
.feedback-block table tr td textarea{ border: solid 2px #682264;}
.feedback-block table tr:nth-of-type(3){ display:flex; flex-wrap:wrap}
.feedback-block table tr:nth-of-type(5) td{ font-size:14px}
.feedback-block table tr:nth-of-type(6) td{ width: unset; display:inline-block; margin-top: 10px;}
.feedback-block table .tcs-block div input{ width:6%}
.feedback-block table .tcs-block{ margin:7px 0}
.feedback-block table a{ text-decoration:none}
.feedback-block > div{max-width:440px; width:100%; margin:auto;background-color: #fff; color: rgb(64, 64, 74); border: 1px solid #cccccc; box-shadow: 8px 10px 58px 2px rgb(64 64 74 / 56%); padding:30px; position:relative; left: 0; right: 0; top: 10%;}
.feedback-block > div strong{ font-size: 24px; font-weight:normal; display:block; margin-bottom:20px}
.feedback-block > div p{ font-size:14px; line-height:22px;margin-bottom: 10px; margin-top:15px;}
.feedback-block > div p a{ color: #F15822}
.feedback-block > div .btn1{padding:6px 12px; min-width:unset;font-weight:normal; margin-left: 15px; }
.feedback-block > div .btn1 a{ color:#fff; font-size:14px }
.feedback-block > div input[type=radio] { border: 0px; width: 100%; height: 25px; margin-bottom: 6px;}
.feedback-block .rate-block{ display:flex;flex-wrap: wrap; width: 100%; justify-content: space-between;}
.feedback-block .rate-block > div{ width:10%;display: flex; flex-direction: column; align-items: center; font-size:16px}
.feedback-block table .pop-up-45-close{padding:6px 12px; border: solid 2px #682264; font-size:14px; border-radius:3px}
.feedback-block  > div > .pop-up-45-close{position: absolute; right:0; top:-30px; cursor: pointer; color: #fff; height:28px; width:28px; border-radius:40px; z-index: 999999999; font-size: 20px;line-height: 28px; padding:0 8px;    background-color: #134280;}
.feedback-block  > div > .pop-up-45-close a{ color:#fff}

.services-block{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 15px; margin:60px auto; max-width: 1663px; background: url("images/threed-cable-accessories-bg.webp") no-repeat; background-position: bottom; background-size: cover;}
.services-block > span{ width:100%; font-size:32px; margin-bottom:45px; padding: 0 20%; text-align: center; line-height: 45px;}
.services-block > div{ width:24%; box-shadow: rgb(0 0 0 / 24%) 0 3px 8px; border-radius:3px; color:#3a3a3a; overflow:hidden; margin-bottom:2%}
.services-block > div > label{ position:relative; cursor: pointer; display: block; width: 100%}
.services-block > div:hover > label > div{opacity: 1; top: -1px;}
.services-block > div .btn1{cursor: pointer}
.services-block > div img{border-radius:3px; width:100%; height: auto; display:block}
.services-block > div > label > div{-moz-transition: top .3s,right .3s,bottom .3s,left .3s; -webkit-transition: top .3s,right .3s,bottom .3s,left .3s; transition: top .3s,right .3s,bottom .3s,left .3s; padding:20px; position:absolute; width: 100%; left: 0; background-color: rgb(0 0 0 / 30%); height:100%; border-radius:3px; opacity:0; top:100%; text-align: center; display: flex; align-items: center; justify-content: space-around;}
.services-block > div > div > a{text-decoration:none; }
.services-block > div > div h2 a{ color:#3a3a3a}
.services-block > div > div h2,.services-block > div > div strong{ font-size:18px; display:block; margin-top: 10px; margin-bottom:0}
.services-block > div > div p{ font-size:16px; line-height:24px}
.services-block > div > span{ display:block; padding:20px; background-image: linear-gradient(to right, #6a2367, #602361, #56225a, #4c2153, #43204c, #401f49, #3d1f47, #3a1e44, #3b1e45, #3d1f46, #3e1f47, #401f48);}
.services-block > div > span h2{ font-size:18px; margin-bottom:18px; display:block}
.services-block > div > span h2 a{ color:#fff}

.prod-call2action{ display: flex; flex-wrap: wrap; align-content: center; justify-content: space-around; background-color: #f7f7fa; padding: 30px 15px}
.prod-call2action p{ width:100%; text-align: center; font-size: 22px; line-height:32px; margin-top: 0}
.prod-call2action a{font-size: 16px}

.special-summary-block{ background-color: #f1f1f1; display:table; width:100%}
.special-summary-block > div{ width:100%; max-width:1280px; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding:60px 15px}
.special-summary-block-title{ width:25%}
.special-summary-block .deal-zone-block strong{ color: #FFF; font-size: 26px; margin: 20px 0 0; font-weight: 800; text-transform: uppercase}
.special-summary-block .deal-zone-block strong b{ font-weight: 800;}
.special-summary-block .deal-zone-block{ background-color: transparent}
.special-summary-block .deal-zone-block > span{ margin-bottom: 0}
.special-summary-block .deal-zone-block > span p a{ color: #fff}
.special-summary-block .deal-zone-block > span p { margin: revert}
.special-summary{width: 74%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.special-summary > div{ width: 32%; overflow: hidden;box-shadow: rgb(255 255 255 / 24%) 0 3px 8px; border-radius: 3px;}
.special-summary > div img{ transition: all .8s ease 0s; -moz-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; display: block; width:100%; height:auto; }
.special-summary > div:hover img{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05)}
.special-summary-block-title > span{ color:#fff; display:block}
.special-summary-block-title > span{font-size: 26px; color: #312646; font-weight: 800; line-height: 32px;}
.special-summary-block-title .btn1{border: 2px solid #ffffff; margin-top: 35px; transition: .3s all;background-color: #312646;}
.special-summary-block-title .btn1:hover{transform: scale(1.1);}

.promotions-clearance-block{ flex-wrap:wrap; justify-content:space-between; margin: auto; padding:50px 15px; background-color:#f6f6f6; display:none}
.promotions-clearance-block > span{ width:100%; font-size: 34px; text-align:center; margin-bottom: 50px;}
.promotions-clearance-block > div{ width:32%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.promotions-clearance-block > div:nth-of-type(2){border-left: 1px solid #ccced2; border-right: 1px solid #ccced2; padding-left: 17px;}
.promotions-clearance-block > div > div{ width:61%; color:#46494d; padding:0 13px 0 13px;}
.promotions-clearance-block > div .menu_blog span{ display:none}
.promotions-clearance-block > div .btn1{background-color: transparent; color:  #F15822 !important; text-decoration:none;min-width: unset;}
.promotions-clearance-block > div p{ font-size:16px; line-height:26px; min-height:104px}
.promotions-clearance-block > div > div > strong{ font-size:20px;width: 100%; margin-bottom: 20px; display:block}
.promotions-clearance-block > div > span{display: flex; align-items: center; justify-content: space-around; width:35%}
.promotions-clearance-block > div > span img{ display:block}
.promotions-clearance-block > div:last-of-type > span img{border: solid 1px #f15822; display:block; width: 100%; height: auto;}
.promotions-clearance-block > div > span > strong{ font-size:28px; text-transform: uppercase;display:flex; align-items: center; justify-content: space-around; width: 100%; height: 100%;}
.promotions-clearance-block > div:last-of-type .snippet-img{background-size: cover; height:216px;background-repeat: no-repeat;}
.promotions-clearance-block > div > span > strong a{ text-decoration:none; color:#fff; display:flex; align-items: center; justify-content: space-around; width: 100%; height: 100%;}
.promotions-clearance-block > div .snippet-img p{ display:none}
.promotions-clearance-block .menu_blog_container{ width:100%}

.aboutus-sub-intro{display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:35px; margin-bottom:50px}
.aboutus-sub-intro > div{ width:48%; position:relative}
.aboutus-sub-intro > div img{ width: 100%; height: auto; display: block}
.aboutus-sub-intro > div h2{ position:relative; margin-bottom:50px}
.aboutus-sub-intro > div video{ border:solid 5px #dedede;min-width: 100%; min-height: 100%; object-fit: fill;}

.thermal-imaging-block{ display: flex; flex-wrap: wrap;}
.thermal-imaging-block > div:first-of-type{ margin-top: 0}
.thermal-imaging-block > div{ display: flex; flex-wrap: wrap; padding: 80px 0; position: relative; margin: 50px 0; width: 95%; max-width: 1280px }
.thermal-imaging-block > div:nth-last-of-type(odd){margin-left: auto; justify-content: flex-end;}
.thermal-imaging-block > div > div{ position: relative; z-index: 1}
.thermal-imaging-block > div > div .btn1{ margin-top: 20px}
.thermal-imaging-block > div:hover::after { width: 95%; background: #eaeaea;}
.thermal-imaging-block > div::after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 74%; height: 100%;  background: #F8F8F8; z-index: 0; transition: all ease .8s;}
.thermal-imaging-block > div:nth-of-type(even)::after { left: auto; right: 0;}
.thermal-imaging-text{width:50%; padding:0 4%;}
.thermal-imaging-text p{color: #666666; font-size: 17px; margin-bottom: 0}
.thermal-imaging-text > h2{ font-size: 30px; text-transform: uppercase; margin-top: 0}
.thermal-imaging-text > h2::after {content: ''; display: block; width: 37px; height: 6px; background: #D5D5D5; margin: 15px 0 20px}
.thermal-imaging-block > div > div img{ height: auto; display: block}

.cable-accessories-block{ width:100%; display:table; position:relative; height:350px; margin: auto; max-width: 1663px;}
.cable-accessories-block > span{ position:absolute; z-index:1; text-align:center; left:0; right:0; top:30px}
.cable-accessories-block:before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(70,73,77,.3); z-index: 1;}
.cable-accessories-block > div{margin:auto;  display: flex; flex-wrap: wrap; text-align:center; color:#fff; position:relative; height:350px; width: 100%; flex-direction: column; align-content: space-around; align-items: center; }
.cable-accessories-block > div:not(.active-tab){ display:none}
.cable-accessories-block > div > div{display: flex; justify-content:space-between; flex-wrap: wrap; align-items: center; width:75%; position: absolute; bottom: -40px;}
.cable-accessories-block .industries-block-info  > p{ font-size: 16px; line-height: 25px; width: 60%;margin-top: 32px; color:#fff; text-align: center; position: relative; z-index: 1;display: block;}
.cable-accessories-block .industries-block-info .btn1{ background-color:#fff; border:solid 2px #2c4670; position:relative; z-index:1; color:#2c4670 !important}
.cable-accessories-block .industries-block-info > strong{ position: relative; z-index: 9; font-size: 22px; top:40px; display:block; margin:22px 0;font-weight:normal; width:100% }
.mining-industry-block{ background-repeat:no-repeat; background-size: cover;}
.electrical-wholesale-block{ background-repeat:no-repeat; background-size: cover;}
.commercial-residential-block{background-repeat:no-repeat; background-size: cover;}
.renewable-solar-block{ background-repeat:no-repeat; background-size: cover;}
.agriculture-block{ background-repeat:no-repeat; background-size: cover;}
.automotive-block{ background-repeat:no-repeat; background-size: cover;}
.marine-block{ background-repeat:no-repeat; background-size: cover;}

.powering-generation-block{ width:100%; display:table; background-color:#f7f7f7; padding:50px 0}
.powering-generation-block > div{ max-width: 1280px; width: 100%; margin: auto; display: flex; justify-content: space-between;}
.powering-generation-block > div > div{margin:auto; width:48%; color:#333; text-align:center; font-size:18px; margin-top:10px}
.powering-generation-block > div > div span{ color:#000; font-weight:bold; font-size:24px}
.powering-generation-block > div > div p{ line-height:28px; margin-top: 10px;}
.powering-generation-block > div > div .btn1{ font-size:18px; padding:12px 30px; font-weight:normal; color:#fff; text-decoration:none; border-radius:30px; transition:all .3s; border:2px solid  #F15822; margin-top:0}
.powering-generation-block > div > div .btn1:hover{ padding:12px 35px; border:2px solid  #F15822}

.home-intro{ width:100%; display:table; margin: auto 0; padding:70px 0; position:relative; background-color: #f7f7fa; background: url(images/threed-cable-accessories-bg-2.webp) no-repeat; background-position: center;  background-size: cover;}
.home-intro:before{ content:""; width:40%; background-color:rgb(104 34 100 / 97%); position:absolute; top:0; left:0; height:100%; z-index:0}
.home-intro:after{ content:""; width:60%; background-color:#f7f7f7; position:absolute; top:0; right:0; height:100%; z-index:0; border-bottom-right-radius: 100px;}
.home-intro > div{ max-width:1280px; margin:auto; width:100%; display:flex; justify-content:space-between;flex-wrap: wrap; position:relative; z-index:1; align-items: center;}
.home-intro > div > div > strong{ font-weight:normal; font-size:50px}
.home-intro > div > div > strong span{ font-weight:bold; display:block;}
.home-intro > div > div{ width:48%; color:#000; font-size:18px;}
.home-intro > div > div p{ line-height:26px}
.home-intro > div > div .text-bg{ background-color: #3f3f3f; color: #fff; padding: 2px; padding-left: 5px; padding-right: 5px;}
.home-intro > div > div .btn1{ border-radius:50px; padding:16px; margin-top:10px; transition:all .3s; color: #292929 !important; background-color: transparent; border: solid 2px #292929; background-image: none}
.home-intro > div > div .btn1 .fas{ margin-left:10px; transition:all .3s}
.home-intro > div > div .btn1:hover .fas{ margin-left:13px}
.home-intro > div > div:first-of-type{ width:47%}
.home-intro > div > div:first-of-type{ position:relative; z-index:1}
.home-intro > div > div:first-of-type:after{ content:""; position:absolute; top:10px; right:-10px; background-color: #312646; height:100%; width:100%; z-index:-1}
.home-intro > div > div img{ width:100%; display:block;}

#brands-scroll {position: relative; width: fit-content; display: grid; grid-auto-flow: column; grid-template-rows: auto; flex-wrap: wrap; transition: all 0.8s; }
.our-clients{  margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding: 70px 15px; background: #f8f8f8}
.our-clients > div{ max-width:1280px; width:100%;display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto}
.our-clients > div > div{ width:83%; display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; transition: all 0.8s; position: relative}

.our-clients > div > div > div > a{ width:175px; display: flex; align-items: center; box-shadow: 0 0 10px 0px #ccc; padding: 14px; border: solid 1px #c1c1c1; border-radius: 8px; background-color: #fff; margin: auto 20px; height: 110px}
.our-clients > div > div a img{ width:100%; height:auto; display:block; margin: auto}
.our-clients > div > span{font-size:40px; font-weight:800; margin:0; display:flex; flex-direction:column}
.our-clients > div p{ font-size:18px; margin:0; line-height: 26px; }
.our-clients > div p a{color: #F15822}
.our-clients > div > span strong{font-size: 28px; color: #F15822}
.our-clients > div > div > span{ position:absolute; top:50%; transform: translate(0,-50%);font-size: 20px; z-index:1; left:0; background-color:  #000; height: 30px; width: 30px;  display: flex; justify-content: space-around; align-items: center; border-radius: 50px}
.our-clients > div > div > span a{ color: #fff; font-size: 16px}
.our-clients > div > div > span:last-of-type{ right:0px; left:unset}

.intro-sub{ display:table; width: 72%; margin-left: auto; margin-bottom:70px}
.intro-sub h3{ color: #312646; font-size: 22px;font-weight: normal}
.cable-accessory-block img{width: 100%; height: auto; display: block}
.safety-products h2,.intro-sub h2{ font-size:42px; color:#011627; margin-bottom:15px; font-weight:normal; width:100%}
.intro-sub > strong{ font-size:12px; color:#312646; display:table; margin-bottom: -10px;}
.lighting-supplies{background-color:rgb(49 38 70 / 50%); padding:85px 40px 90px; box-shadow: 0 22px 34px 0 rgba(0,20,117,.07); width:50%; color:#fff; position:absolute; top: -70px; z-index:1}
.lighting-supplies p{ text-align:left}
.lighting-supplies h2{ color:#fff !important}
.safety-products{ display:flex; justify-content:space-between; margin-top:60px; width: 100%; flex-wrap: wrap; margin-bottom: -60px;}
.safety-products strong{ display: table; width:100%; font-size: 12px; color: #312646; margin-bottom: -10px; text-transform:uppercase}
.safety-products > div{ background-color:#fff; width:48%;padding:20px 0;}
.safety-products > div ul{ padding:0; margin:0;}
.safety-products > div ul li{ list-style:none; display: flex; align-items: center;}
.safety-products > div ul li a{ color:#0f0f0f}
.safety-products > div ul li .fas{ margin-right:10px; font-size: 6px;color: #312646;}
.text-block.disclaimer-text > div {display: flex;justify-content: space-between;flex-wrap: wrap;width: 42%;margin-top: 20px;}

.quick-links-block{width:100%; display:table; background-color:#fff; padding:50px 0 }
.quick-links-block > div{ max-width:1140px; margin:auto; color:#333}
.quick-links-block > div > div p{ font-size:18px}
.quick-links-block > div > span{ font-size:36px; line-height:48px; border-left:6px solid #333; padding-left:50px; display:table}
.quick-links-block > div > span strong{ display:block}
.quick-links-block > div > div{ padding-left:50px;}
.quick-links-block > div > div > ul li a{ color:#333; text-decoration:none}
.quick-links-block > div > div > ul li{ list-style:none; font-size:14px; padding:8px 16px; border: solid 2px;  border-radius: 40px; margin:0 20px 15px 0}
.quick-links-block > div > div > ul li:hover{ color:#e2e2e2}
.quick-links-block > div > div > ul{ padding:0; margin:0; display: flex;  flex-wrap: wrap;}
.quick-links-block > div > div > div > ul{ padding:0; margin:0; display: flex;  flex-wrap: wrap;}
.quick-links-block > div > div > div{ margin-top:20px}
.quick-links-block > div > div > div > ul > li{ width:100%; list-style:none; font-size:18px; padding:7px 0;flex-wrap:wrap}
.quick-links-block > div > div > div > ul > li .fas{margin-right: 10px; font-size: 22px;}

.download-datasheet{display: flex; gap:0 30px; flex-wrap:wrap}
.download-datasheet > div{background-color: #f5f3f2; width:31%;margin:20px 0; box-shadow: 0 0 10px 2px #ccc; transition:all .3s }
.download-datasheet > div:hover{ box-shadow:none}
.download-datasheet > div:hover > a > span:last-of-type{ align-items: center;}
.download-datasheet > div > a{ display: flex; justify-content: space-between; align-items: stretch; border-radius: 4px; overflow: hidden; }
.download-datasheet > div > a > span strong{ line-height:24px; display:block; font-weight: normal; font-size: 18px;}
.download-datasheet > div > a > span:first-of-type{ font-size:36px; display: flex; align-items: center; padding: 0 18px;  color:#333; }
.download-datasheet > div > a > span:nth-of-type(2){ width:70%; padding: 15px 0; color:#333}
.download-datasheet > div > a > span:last-of-type{display: flex; align-items: flex-end; padding: 15px 8px; background-color:#312646; color: #fff; transition:all .3s }

.back_page-background{background:url(images/cable-protection.jpg) no-repeat; background-size: cover; position: relative; height: 340px;margin-right: calc((100vw - var(--max-viewsize) )/ -2 ); margin-left: calc((100vw - var(--max-viewsize) )/ -2 ); background-attachment:fixed}
.back_page-background .back_page{ padding:0}

.cable-solutions-block{display: flex;justify-content: space-between; align-items: baseline; width: 100%; margin: auto; position:relative; margin-bottom:45px; z-index:1; padding:0 30px; max-width: 1663px;}
.cable-solutions-block > div{ text-align:center;margin-top:-40px}
.cable-solutions-block > div span{ background-color:#fff;display: flex; justify-content:center; align-items: center; height: 100px; width: 100px; box-shadow: 0 0 24px 0 rgb(70 73 77 / 10%); border-radius: 6px; margin:auto; margin-bottom: 20px; transition:all .3s }
.cable-solutions-block > div span img{ transition: all .8s ease 0s; -moz-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; display: block; width: 52px; height: auto;}
.cable-solutions-block > div span:hover img{transform: scale(1.2) rotateZ(-3deg); -moz-transform: scale(1.2) rotateZ(-3deg); -webkit-transform: scale(1.2) rotateZ(-3deg);}
.cable-solutions-block > div > strong{ color:#46494d; font-size:16px; display:block; margin-bottom:10px}
.cable-solutions-block > div p{ font-size:16px; line-height:28px; }

.social-media-block{display: flex; flex-wrap: wrap;justify-content:space-between}
.social-media-block > strong{ width:100%; font-weight: normal; margin-left:26%; 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:#f15822}
.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:#f15822}
.social-media-block > iframe{ margin-left:26%}

.himel-block{width: 75%; float: right;}

.brands-text-block > div{display: flex; flex-wrap: wrap;justify-content:space-between; box-shadow: 0 7px 20px rgb(0 0 0 / 12%), 1px 3px 40px -20px rgb(0 127 195 / 5%); margin-bottom: 30px; padding:30px 25px 20px}
.brands-text-block > div > div{display: flex; flex-wrap:wrap; align-items: center;}
.product-overview > div > div .btn1,.brands-text-block > div > div .btn1{background-color: transparent; color:  #292929 !important; border: solid 2px #292929}
.brands-text-block > div > div:last-of-type{ width:74%}
.brands-text-block > div h2{ width:100%; margin-top:0}

.sub-industries{display: flex; flex-wrap: wrap;justify-content:space-between; }
.sub-industries > div{ width:48.5%; background-color: #fff; align-items: baseline; align-content: baseline;}
.sub-industries > div img{ display:block; width: 100%; height: auto;}
.sub-industries > div:nth-of-type(3){ width:100%}
.sub-industries > div > div{ width:100% !important; align-items:baseline}
.sub-industries > div > div:nth-of-type(2){}
.sub-industries > div:nth-of-type(3) > div:last-of-type{display: flex; flex-wrap: wrap;justify-content:space-between; }
.sub-industries > div:nth-of-type(3) > div:last-of-type > div{ width:48%}
.sub-industries > div > div > span{ position:relative; top:-23px; overflow:hidden; display:block; z-index:1; width:100%; height:49px}
.sub-industries > div h2{position:relative; margin: 0;background-color:  #F15822;color: #fff;font-weight: normal;display: flex; align-items: center; width:165px; padding: 5px 10px 5px 10px;font-size:16px; left:30px;text-transform: uppercase;line-height: 20px; height:48.8px}
.sub-industries > div h2{ min-width:72%}
.sub-industries > div h2:after{ content:""; position:absolute; right:-35px; top:0; display:block; width:72px; height:50px; background-color: #F15822; transform: rotate3d(1, 1, 1, 45deg); z-index: -1;}

.buying-online{display:flex; flex-wrap: wrap; justify-content: space-between; }
.buying-online ul{padding: 0; margin: 0; width: 48%; margin-top: 25px;}
.buying-online ul strong{ font-size: 18px}
.buying-online img{ width: 100%; height: auto; display: block}
.buying-online ul li{list-style: none; display: flex;align-items: baseline; line-height: 22px; padding: 5px 0;}
.buying-online li .fas { margin-right: 10px; font-size: 6px; color: #312646;}

.special-block{ width:48%; display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:50px;}
.special-block .btn1{ margin: auto; margin-top:30px; background-color: transparent; }
.special-text-block{display:flex; flex-wrap: wrap; justify-content: space-between;}
.special-block span{ display: none}

.news-block{ display:table;width:100%; margin-bottom:50px; padding: 10px 0;}
.news-block > strong{ font-weight:normal; font-size: 32px; width:100%; text-align:center; display:block; margin: 35px 0; }
.news-block > div{ max-width:var(--max-viewsize); margin:auto; display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; min-height: 115px;}
.news-block .menu_blog_container{}
.news-summary-block{ width: 66.5%}
.news-block .face-book-block{padding: 0 0 10px; position:relative; border: 1px solid rgba(0,0,0,.125); box-shadow:0 .5rem 1rem rgba(0,0,0,.15); overflow: hidden; width:32%; border-radius: 10px; }
.news-block .menu_blog > div:last-of-type{ display: none}
.news-block .face-book-block iframe{ width: 100%; display: block}
.news-block .menu_blog{display: flex;justify-content: space-between; width:100%}
.news-block .menu_blog > div{padding: 20px 20px 30px; position:relative; border: 1px solid rgba(0,0,0,.125); box-shadow:0 .5rem 1rem rgba(0,0,0,.15); border-top: 5px solid #f15822; width:49%; border-radius: 10px; }
.news-block .menu_blog > div a{ text-decoration:none}
.menu_blog .snippet-text > div{font-size: 16px; line-height:24px; min-height: 120px;}
.menu_blog .no-text .snippet-img{height: 360px}
.news-block .menu_blog_container .snippet-img{ display:none}
.no-text-hide{display: none}
.news-block .btn-news{ font-size: 16px; color: #f15822;}
.news-block .snippet-text h2{ display:none}

.snippet-text > strong > a{font-size: 20px; height: 55px; display: block; color:  #F15822; font-weight: normal;}

.captcha-block{ display:flex;justify-content: space-around;width:35%;align-items: center; background-color: white; color: #000; border-radius: 2px; font-size:16px; padding-right: 5px;margin-left: 10px;}
.captcha-block input[type="checkbox"]{ width:13%; height:38px}
.captcha-block > div{}

.disclaimer-text ul,.disclaimer-text ol{ padding:0 0 0 20px; margin:0}
.disclaimer-text ul li,.disclaimer-text ol li{ padding:5px 0}
.text-block.disclaimer-text h2{ font-weight:normal}
.text-block.disclaimer-text > div{ display: flex; justify-content: space-between; flex-wrap: wrap; width:50%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px; color:  #F15822 !important; background-color: transparent;}
.tcs-block > td > div {display: flex;flex-wrap: nowrap;align-items: center;justify-content: unset !important;}
.tcs-block div input {width: 4%;height: 25px;margin-right: 10px; margin-left:0}
.tcs-block > td > div > label > span > a{color: #312646 !important; font-weight:normal}

.page-title{ display:flex; width:100%; background:url(images/cable-management.jpg) no-repeat; position:relative; background-size: cover; height:220px}
.download-title{ background:url(images/brochure-datasheet.jpg) no-repeat; position:relative; background-size: cover;}
.applications-thermal-title{ background:url("images/applications-thermal.webp") no-repeat; position:relative; background-size: cover;}
.careers-title{background:url(images/careers-banner.jpg) no-repeat; position:relative; background-size: cover;}
.survey-title{background: #682264;}
.survey-title:before{display: none}
.social-media-title{ background:url(images/social-media-banner.jpg) no-repeat; position:relative; background-size: cover;}
.news-title{ background:url(images/newsletter.jpg) no-repeat; position:relative; background-size: cover;}
.video-title{ background:url(images/youtube-channel.jpg) no-repeat; position:relative; background-size: cover;}
.page-title:before{ content:""; position:absolute; top:0; left:0; width:50%; height:100%;  background:url(images/page-title.png) no-repeat;  background-size: cover;}
.page-title > div{ width:100%; max-width:1280px; margin:0 auto; display:flex; color:#fff; flex-wrap: wrap; align-items: center; height: 100%;}
.page-title > div strong{ font-size:72px; width:100%; position:relative}
.page-title > div > div h1{ font-size:50px; white-space: nowrap; width:100%; margin:0}
.page-title > div > div{ position:relative; width:100%; display: flex; align-items: center; flex-wrap: wrap; padding:0 15px}
.page-title > div > div p{ width:100%; font-size:18px}
.page-title > div > div > span{height: 2px; margin-left: 20px; background-color: rgb(250 250 250 / 20%); width:100%}
.contactus-title{background:url(images/contact-banner.jpg) no-repeat; position:relative; background-size: cover;}

.seller-block table tr > td > label{ font-weight:bold;margin-bottom: 2px; font-size: 13px;}
.meet-team-block{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:-30px}
.meet-team-block > div{ width:48%; -webkit-box-shadow: 0 22px 34px 0 rgb(0 20 117 / 7%); box-shadow: 0 22px 34px 0 rgb(0 20 117 / 7%); margin-bottom: 50px; background: #fff; border-radius: 5px; overflow:hidden; position:relative}
.meet-team-block > div p{position: absolute; top: 0; background-color: rgb(0 0 0 / 36%); width: 100%; height: 82.5%; margin: 0; color: #fff; padding: 100px 25px 0; opacity:0; transition:all .3s}
.meet-team-block > div:hover p{ opacity:1}
.meet-team-block > div > div{ padding:0 20px 10px}
.meet-team-block > div img{ width:100%; height:auto; display:block}
.meet-team-block > div h3{ font-size:20px; font-weight:normal; margin-bottom:0}
.meet-team-block > div strong{ font-size:12px; color:#312646; display:table; text-transform: uppercase;}

.documents-list{ display:table; width:72%; color:#231f20; margin-bottom: 50px;margin-left: auto;}
.documents-list h2{ font-weight:normal; font-size:32px; text-transform:uppercase; color:#231f20; margin:55px 0 35px 0}
.documents-block{box-shadow: 0 0 1px 1px rgb(40 81 164 / 28%); margin:20px 0}
.documents-block p{padding: 10px; margin:0;}
.documents-block h3{ margin:0px; font-size: 18px; cursor: pointer; padding: 9px 31px 9px 15px; border: 2px #312646 solid; font-weight:normal;display: flex; align-items: center; justify-content: space-between; color:#505050}
.documents-block h3 .fas{ font-size:11px; color:#232323;}
.documents-info{padding: 20px 10px; display:none }
.documents-info ul{ margin:0}
.documents-info > div{ width:100%; display:flex;align-items: center; border-bottom:1px solid #c1c1c1;transition:all 0.5s; }
.documents-info > div:hover a,.documents-info > div:hover{ background-color:#c51f2b; color:#fff;border-radius: 4px;}
.documents-info > div:hover a{ border:solid #fff 2px}
.documents-info > div a{ text-decoration:none}
.documents-info > div > div{ width:50%; float:left; font-size:20px; padding:17px 10px}
.documents-info > div > div:first-of-type{ padding:27px 12px}
.documents-info .btn2{border-radius: 4px;padding:6px 25px; 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}

.video-block{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.video-block > div{ width:32%; padding: 10px; box-shadow: 0 0 6px rgb(155 155 155 / 70%); background-color:#fff; margin:20px 0}
.video-block > div h2{ margin:0; font-size:18px}

.general-info-block{ width:97%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:auto }
.general-info-block h2{ width:100%; font-size:48px; margin: 5% 0; text-align:center; margin-left: 20%;}
.general-info-block > div{ width:32%; padding:40px 20px 40px 40px; background-color:#333333; color:#fff; position:relative;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.general-info-block > div:nth-of-type(2){ background-color:#666}
.general-info-block > div:last-of-type{ background-color: #999; }
.general-info-block > div:last-of-type a{color: #fff;}
.general-info-block > div strong{ display:block;width:100%}
.general-info-block > div > strong{ font-size:24px}
.general-info-block > div > p strong{ font-size:18px; width:100%; margin-bottom:10px }
.general-info-block > div > p{ margin:40px 0 0; font-size:18px; line-height:20px}
.general-info-block > div > p a{ font-size:18px; color:#fff; display:block}
.general-info-block > div:hover > p a{ color:#def1ff}
.general-info-block > div:hover{ background-color:#111}
.branches-block .contactus-img:before, .branches-block .contactus-img:after, .general-info-block > div:before, .general-info-block > div:after {opacity: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: '';  -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; pointer-events: none;}
.branches-block .contactus-img:hover:after,.general-info-block > div:hover:after {border-right: 1px solid #fff;border-left: 1px solid #fff;opacity: 1;}
.branches-block .contactus-img:hover:after,.general-info-block > div:hover:after {border-top: 1px solid #fff;border-bottom: 1px solid #fff;opacity: 1;}

.branches-block{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:auto;}
.branches-block > h2{ width:100%; font-size:40px; text-align:center}
.branches-block > div{ width:32.5%; font-size:18px; color: #3b3b3b; position:relative; margin-bottom:50px; padding-bottom: 22px}
.branches-block > div > div:last-of-type{box-shadow: 0 4px 30px rgba(0, 0, 0, .15); background-color: #fff; padding-bottom: 20px;}
.branches-block > div strong{ font-size:45px; position:absolute; top:12%; left:6%; color:#fff}
.branches-block .contactus-img img{ width:100%; height:auto; display:block}
.branches-block .contactus-img { width:100%; height:auto; position:relative}
.branches-block .contactus-img span{top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgb(0 0 0 / 35%); opacity:0; transition:all .3s}
.branches-block .contactus-img:hover span{ opacity:1}
.branches-block > div ul > li > span{ display:block; width: 90%; border-left: 1px solid #aeaeae; padding:  0 20px 20px}
.branches-block > div ul{ padding:20px 0 0; margin:0 auto; width:90%; font-size: 16px}
.branches-block > div ul li a{ color:#000}
.branches-block > div ul .email-list{}
.branches-block .google-map a,.branches-block .email-list-atag a,.branches-block > div ul .email-list a{ color:#312646}
.branches-block .email-list-atag{ margin-top:0; }
.branches-block > div ul li{ list-style:none; color:#000; line-height:26px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline;}
.branches-block .google-map > span{padding-bottom: 0 }

.aboutus-logo{width: 100%; display:table; text-align:center; padding:25px 0 0; background-color:#eef1f6}
.aboutus-logo > div{border-top: solid 1px rgb(1 22 39 / 25%); margin:35px 0 0px; position:relative; width:100%; padding:50px 0 30px}
.aboutus-logo > div > div{max-width: 1024px;display: flex; justify-content: space-between; flex-wrap: wrap;margin:0px auto;position:relative;width:100% !important;overflow:hidden; align-items: center;}
.aboutus-logo > div > div > a {position:relative; /*display:none;*/ width:15%; height:100px; cursor: pointer; overflow:hidden}
.aboutus-logo > div > div > a > img{width: 100%; max-height:100px; object-fit: contain; height: 100%}
.fade-out-brands{opacity: 0; transition: all 0.5s}
.aboutus-logo > div > span{font-size: 32px;color: #011627; position:absolute;top:-15%;left: 50%;transform: translate(-50%, -50%);background-color:#eef1f6;padding: 0 20px; display:block; margin:26px 0}
.aboutus-logo > div .btn1{ margin:auto; }

.seller-block{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; padding: 50px 15px;}
.seller-block:after{ content:""; background: url(images/icons/form-layout.png) no-repeat;bottom:-51px;right: -19%;width: 100%;position: absolute;height:200px;z-index: -1;}
.seller-block > div:first-of-type{ width:22%; margin-top: 13%; margin-left: -40px; }
.seller-block > div:last-of-type{ width:73%}
.seller-block > div:first-of-type p{ text-align:left;font-size:21px; line-height:32px}
.register-seller-form table{ width:100%}

.newsletter-block{width: 80%; margin: auto;}
.newsletter-block .btn1{margin-top: 15px}
.newsletter-block label{font-weight: bold; margin-bottom: 2px; font-size: 13px;}
.newsletter-block .asterisk{color: #ef4c22}
.newsletter-block .indicates-required{font-size: 12px}
.enquiry-table{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px auto;}
.enquiry-table > div{width: 72%; margin-left: auto;}
.enquiry-table > div table{ width:100%}
.enquiry-table > div table tr > td > label{ font-weight:bold;margin-bottom: 2px; font-size: 13px;}
.register-seller-form table tr > td, .enquiry-table > div table tr > td{ padding:10px}
.register-seller-form table tr > td h4, .enquiry-table > div table tr > td h4{ font-size:28px; color:#333; margin:0}
.register-seller-form table .footer-form{ display: flex; justify-content: space-between; align-items: center; margin-top:45px; margin-bottom:-20px}
.enquiry-table .contact-footer-form{display: flex; justify-content: space-between; align-items: center;}

.enquiry select { color:#999}
.enquiry .btn1{ text-decoration:none; display: flex; align-items: center; justify-content: space-between; transition:all .3s}
.enquiry .btn1 b{ font-weight:normal}
.enquiry .btn1:hover{transform: scale(1.1);}
.enquiry .btn1 span{ border:solid 2px  #F15822; border-radius:50px; display: flex; align-items: center; justify-content: space-around; width:18px; height:18px; margin-left:10px}
.enquiry .btn1 span .fas{margin-left: 4px;}
.enquiry a:hover{ opacity:.9}
.enquiry input[type="password"],.enquiry select,.enquiry input[type="email"], .enquiry input[type="text"]{border: solid 2px #ccc; padding:12px 10px;  width:100%; margin-bottom:4px; }
.enquiry input, .enquiry select, .enquiry textarea{ margin-top:2px;}
.enquiry textarea{border: solid 2px #ccc; width:100%; font-family: Arial, Helvetica, sans-serif; padding:13px 10px; margin-bottom:4px}

.bee-text-block {display: flex; justify-content: space-between; flex-wrap: wrap;}
.bee-text-block > div{ text-align:center; width:31%; margin-bottom:5%}
.bee-text-block > div:last-of-type{}
.bee-text-block > div .btn1{background-color: transparent; }
.bee-text-block img{border: 1px solid #c0c0c0; width:100%; height:auto; display:block}

.career-page{ display:table; width: 72%; margin-left: auto;}
.career-page h2{ padding:0}
.career-page ul{ padding:0; display: flex; flex-wrap: wrap; justify-content: space-between; width:80%;border: solid 2px #a9a9a9; padding:20px 15px;}
.career-page ul li{ list-style:none}
.career-page ul li strong{ display:block}
.career-page ul li:last-of-type{}
.career-block { max-width:800px; width:100%;}
.career-block table{ width:100%; display:table}
.career-block table p{ margin:0; font-size:18px;}
.career-block table td{padding: 10px; text-align: initial; width:50%; position:relative}
.career-block table td form{ background-color:#fff}
.contact-select select,.career-block table input[type=file],.career-block table input[type=text],.career-block table select{padding: 12px; width: 100%; border:solid 2px #682264}
.career-block table h4{margin-bottom:2px; font-size:13px; margin-top:0;}
.career-block table .btn1{color:#fff;}

.survey-form{ max-width:800px; width:100%; margin:0 auto}
.survey-form textarea{ color: #666; font-family:Arial, Helvetica, sans-serif; border: 1px solid #ccc; padding: 12px 10px ; width: 100%; background-color: transparent; font-size: 16px}
.survey-form table{ width:100%}
.survey-form .btn1{ max-width:150px; width:100%}
.survey-form table tr{padding: 5px; width: 100%; display: inline-table; background-color: #ededed;}
.survey-form table tr:nth-of-type(odd){ background-color:#fff}
.survey-form table tr td{ width:50%}
.survey-form table .rate-td span input{ width:18px; height:18px}
.survey-form table .rate-td span{display: flex; justify-content: space-between; flex-wrap: wrap;}
.survey-form .rate-td{display: flex;justify-content: space-between; width: 390px;}
.survey-form  input, .survey-form select{color: #666; font-family:Arial, Helvetica, sans-serif; border: 1px solid #ccc; padding: 12px 10px ; width: 100%; background-color: transparent; font-size: 16px}


.text-block-news{ width:73%}

/*===================== 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;}

/*======================== THANK YOU & ERROR 404 ==========================*/
.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 screen and (max-width: 600px){
    *[id*='_form_parent'] > *{width: 100% !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important;}
}


/*------------------ WhatsApp Chat --------------*/
.whatsapp-block{ position:fixed; bottom: 42px; right: 20px; background-color:#0dc152; color:#fff;  border-radius: 50px; font-size:14px; z-index: 999;}
.whatsapp-block > a{ color:#fff; display:flex;flex-direction: row;padding: 9px 16px;}
.whatsapp-block > a .fab{ font-size:22px; font-weight:normal; text-align:left;margin-right: 10px;}
.whatsapp-block a{text-decoration:none; }
.whatsapp-block > a > span:last-of-type{line-height: 24px; }


/*------------------ FOOTER --------------*/
.footer{ background-color:#312646; color:#e6e7e8; width:100%; display:table; padding: 0 15px}
.social-footer-block > div,.footer > div{ margin:auto; max-width:var(--max-viewsize); width:100%}
.footer > div ul{ margin:0; padding:0; display: flex; flex-wrap: wrap;}
.footer > div ul li{ list-style:none; font-size:12px}
.footer > div ul li a{ text-decoration:none; color:#e6e7e8;}
.footer > div:first-of-type ul{}
.social-footer-block > div{ display:flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.footer > div:last-of-type ul:first-of-type li,.footer > div:first-of-type ul:first-of-type li{position:relative; padding-right: 25px; display: flex; align-items: center;}
.footer-contact{ display:flex;flex-wrap: wrap;}
.footer-contact li:last-of-type{ padding-right:0 !important}
.footer-contact li:last-of-type a{ margin-right:30px !important}
.footer-contact li a{ color: #fff}
.social-footer-block .footer-contact > ul > li > a{color: #fff !important}
.footer > div:first-of-type ul:first-of-type li:after { content: ""; margin-left: -18px; color: #fff; display: inline-block; width: 3px; height: 3px; background-color: #fff; margin-top: -2px;}
.footer > div:last-of-type ul:first-of-type li:last-of-type:after,.footer > div:first-of-type ul:first-of-type li:last-of-type:after{ display:none}
.social-footer-block{background-color:#312646; max-width:none !important}
.social-footer-block a{ font-size:14px; margin-right: 40px; padding:25px 0 }
.footer > div:first-of-type > a{ font-size:23px; margin:0 0 0 15px}
.footer > div:last-of-type{ padding:15px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.footer > div:last-of-type ul{ width:80%}
.footer > div:last-of-type > div{display:flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width:32%}
.footer > div:last-of-type ul:first-of-type li:after { content: ""; margin-left: 18px; color: #fff; display: inline-block; width: 3px; height: 3px; background-color: #fff;}

.footer .footer-social{ width:auto !important}
.footer .footer-social li a{ font-size: 23px; margin: 0 0 0 15px;}
.footer-regions{ width:100% !important; padding:15px 0}
.footer-regions ul{ width:100% !important}
.footer > div:last-of-type ul li{margin-top:10px}

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

@media screen and (min-width: 1664px){
	/* .cable-marker-section>*{ max-width:1663px} */
	.back_page{max-width:1663px}
}

@media screen and (max-width: 1280px){
	.back_main, .back_page, .cable-ties
	, .footer > div, .cable-marker-section, .intro-container{width: 100%}
}

@media (min-width: 1025px) and (max-width: 1282px){
	.nav > li > span, .nav > li > a, .menu-home span, .menu-home a{padding:11px 15px}
	.exploreby-block{display:none}
	
}

@media (min-width: 600px) and (max-width: 1023px){
	body{display: block; }
	.menu-top-container{align-items: center;}
	
	.heatshrink-header{ width:calc(100% - 50px); float:right; margin-top: 6px;}
	.services-block > div{width:32%}
	.services-block > div > span{padding: 15px;}
	.services-block > div > span h2{font-size:16px}
	.services-block{gap: 0 10px; justify-content: unset;}
	
	.our-clients > div > div{width:100%}
	
	.footer > div:last-of-type ul{ width:100%}
	.footer > div:last-of-type ul li{ margin-bottom:10px}
}
@media (min-width: 800px) and (max-width: 1024px){
	.nav > li > a{}
	.social-footer-block, .newsletter-block,.section-header{ padding:0 10px}
	.footer > div ul li{ font-size:12px}
	.footer > div:last-of-type{ padding:32px 10px}
	.cable-accessories-1{ padding:0 10px;}
	.logo span{right: -67%; top: 24%;}
	.menu-top:after{ left:-10%}
	.banner-tittle h1,.banner-tittle strong{ font-size:28px}
	.banner-tittle .btn-banner{display:none}
	
	.banner-tittle p{ font-size:16px; margin:0}
	.csslider1 > .cs_description > label{ top:10px}
	.cable-solutions-block > div{width: 11.5%;}
	.back_page-background{ margin:auto}
	.seller-block > div:first-of-type{margin-left: 0;}
}

@media (min-width: 600px) and (max-width: 799px){
	.logo img{ width:100%; height:auto}
	.menu-home a{}
	.menu-home{ width:60%; left:0}
	.search-toggle{ width:100%}
	.menu-top-container{ width:68%}
	.cable-accessories-1{ padding:0 10px}
	
	.banner-tittle p br{ display:none}
	/*.brand-filter{ width:43%}
	
	.widget-container{ width:38%}
	.search{ width:64%}
	.csslider1 > .cs_description > label{ max-width:68% !important}*/
	.home-banner:before{ width:60%}
	.exploreby-block > div > div a > div{ width:100%}
	.exploreby-block > div > div > a > div:first-of-type{ margin:auto}
	.csslider1 > .cs_description > label{ left:20px !important}
	.cable-solutions-block{ padding:0 10px}
	.cable-solutions-block > div > strong{ font-weight:normal}
	.cable-solutions-block > div{ width:14%}
	.newsletter-block{ padding:0 10px}
	.newsletter-block > div > div{ width:49%}
	.footer{ padding:0 10px}
	
}

@media screen and (max-width:599px){
	body{display: block; margin:110px 0 0 0}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	img{max-width: 100%; height: auto}
	.logo{width:55%;left:15px;}
	.logo span{top: 7%;right: -65%;}
	.cable-accessories-1{ height:110px}
	.cable-marker-2, .cable-marker-section{width:100%;}
	.heatshrink-header{ width:calc(100% - 50px); float:right; margin-top: 6px;}
	.menu-top-container{ width:95%; margin:0 auto}	
	.widget-container{width: 100%; }
	.search-toggle{ /*width:75%*/}
	.menu-top:before,.menu-top:after{ display:none}
	.widget-container > ul{position: absolute; right: 0; top: 0;}
	.brand-filter select{ font-size:12px; height:35px; padding-left:5px}
	.search{ height:35px; padding:0}
	.brand-filter .fas{ top:8px}
	#ExtContent_Popup .signin-dropdown ul:nth-of-type(3){ width:100%}
	#ExtContent_Popup .signin-dropdown ul:nth-of-type(3), #ExtContent_Popup .signin-dropdown ul:nth-of-type(2) li{ border-bottom:none}
	#ExtContent_Popup .signin-dropdown ul li{ padding:12px 0; text-align:center !important}
	.signin-dropdown{ right:unset}
	
	.marquee-block{ padding: 13px 15px;background-color: rgb(241 88 34); z-index: 4; position: relative; bottom: unset}
	.marquee-block marquee{ font-size: 15px}
	
	.hikmicro-intro-products > div{ width: 100%; margin: 10px 0; max-height: 300px; overflow: hidden;}
	.hikmicro-intro-products > div > span strong a{ margin-bottom: 15px}

.search ::-webkit-input-placeholder {font-size:12px}
.search ::-moz-placeholder{font-size:12px}
.search :-ms-input-placeholder {font-size:12px}
.search :-moz-placeholder { font-size:12px}
	
	.buying-online ul{width: 100%}
	.dropdown-menu.brands-menu{position: absolute !important}
	.dropdown:focus:not(.CLOSEDROPDOWN) .dropdown-menu.brands-menu, .dropdown:hover:not(.CLOSEDROPDOWN) .dropdown-menu.brands-menu{min-width: 300px; display: flex !important; flex-wrap: wrap; justify-content: space-between;}
	.brands-menu li{width: 100%}
	
	.survey-form table tr td{display: block; width: 100%}
	.survey-form .rate-td{width: 100%}
	.survey-form{margin-top: 80px;}
	
	.services-block > span{ padding:0;font-size: 24px;line-height: 32px;}
	.services-block{ margin:40px 0 0}
	.services-block > div{ width:100%; margin-bottom: 5%;}
	.services-block > div > div{ display:none}
	.services-block > div > span strong{ margin:0}
	.powering-generation-block{ padding:50px 15px}
	.powering-generation-block > div p{ text-align:justify}
	.promotions-clearance-block > div{ width:100%; margin:20px 0}
	.promotions-clearance-block > div:nth-of-type(2){ border:none; padding:0}
	.promotions-clearance-block > div p{ min-height:unset; margin:0}
	.promotions-clearance-block > div > div{ width:59%; padding:0}
	.promotions-clearance-block > span{margin-bottom: 25px;}
	.sub-industries > div > div > span{ height: auto}
	
	.cable-solutions-block{flex-wrap: wrap; padding:0 15px; margin-top: -40px;}
	.cable-solutions-block > div{ width:30%; margin-top: 0;}
	.cable-accessories-block .industries-block-info > p{ width:100%; padding:0 15px}
	.cable-accessories-block .industries-block-info > strong{ margin:0;top: 25px;}
	.cable-solutions-block > div > strong{font-weight: normal;}
	.cable-solutions-block > div:last-of-type{ display:none}
	.marine-block,.commercial-residential-block, .electrical-wholesale-block{background-position: center}
	
	.text-block img{ width:100%}
	.brands-text-block > div > div:last-of-type,.text-block-news{ width:100%}
	.brands-text-block > div{ background-color:#fff}
	.brands-text-block > div h2{}
	.brands-text-block > div > div{ width:50%; margin:auto}
	.brands-text-block > div > div .btn1{ width: 100%}
	
	.aboutus-logo > div > span{font-size: 18px}
	.aboutus-logo > div > div{ padding: 0 10px}
	.aboutus-logo > div{ padding: 10px 0 10px; margin: 20px 0 0px}
	
	.home-intro > div{padding: 0 15px;}
	.home-intro > div > div{ width: 100% !important}
	.home-intro > div > div iframe{ min-height: 194px; height: auto;}
	.home-intro:after,.home-intro:before{ width: 100%; display: none}
	.home-intro > div > div > strong{font-size: 40px; margin-top:30px; display: block}
	.home-intro > div > div p{ line-height: 28px}
	.home-intro{ padding: 70px 0 30px; background: none}
	
	.our-clients > div{ padding: 0 15px}
	.our-clients > div > div{ width: 100%}
	.our-clients > div > div > div > a{ width: 128px}
	.our-clients > div > span{ font-size: 34px; line-height: 32px; margin-bottom: 10px}
	.our-clients > div > span strong{font-size: 24px}
	
	.page-title{min-height: 100px; height: auto }
	.page-title > div{padding-left: 15px;}
	.page-title > div > div h1{ font-size:30px}
	.page-title > div > div{min-height: 100px}
	.special-block iframe{ width:100%}
	.special-block object{ display: none}
	.special-block span{ display: block}
	.special-block span img{ width:100%; height: auto; display: block}
	
	.newsletter-block > div{ padding:15px;}
	.newsletter-block > div > div{ width:100%}
	
	.sub-industries > div:nth-of-type(3) > div:last-of-type > div,.sub-industries > div{ width:100%}
	.sub-industries > div img{width: 100%; height: auto;}
	.back_page-background{ margin:0; height: unset;}
	.lighting-supplies{ width:100%; position:unset; padding:40px}
	.video-block > div,.safety-products > div{ width:100%}
	.back_page-block > span{width: 70px;top: 80px; left: 10px;}
	.safety-products h2, .intro-sub h2{font-size: 32px;}
	.back_page{ padding:15px}
	.safety-products{ margin:0}
	.intro-sub{ width: 100%; margin-bottom:0}
	.intro-sub iframe{ height: auto}
	.documents-list{ width: 100%}
	.back_page-block > span{display: none}
	.download-datasheet > div{ margin:10px; width:100%}
	
	.social-media-block > iframe{ width:75%}
	.social-media-block > strong{ margin:0}
	.social-media-block > strong a{ font-size:20px}
	.career-block table td{ width:100%; display:block}
	.enquiry-table{margin: 0;}
	.seller-block,.enquiry-table, .career-page{ width:100%; margin-left: auto;}
	
	.quick-links-block > div > span{ padding: 0 15px;border-left:none}
	.quick-links-block > div > div{ padding: 0 15px}
	.quick-links-block > div > div > ul li{ margin: 0 15px 15px 0}
	
	
	.general-info-block h2{ margin-left: 23%; font-size: 28px;}
	.general-info-block > div{ width:100%; padding: 20px; margin:20px 0}
	.enquiry-table > div{ width:100%}
	.register-seller-form table tr > td, .enquiry-table > div table tr > td{ padding:5px 0; width:100%; display:block}
	.enquiry-table .contact-footer-form{flex-wrap: wrap; width:100%}
	.branches-block > div{ width:100%}
	
	.menu-side{ display:none}
	.register-seller-form table .footer-form,.feedback-block .personal-details{flex-wrap: wrap;}
	.feedback-block .personal-details td input{ margin:5px 0; width: 100%;}
	.feedback-block > div{ padding: 10px; width: 90%;}
	.register-seller-form table tr > td h4, .enquiry-table > div table tr > td h4{ font-size:22px}
	.register-seller-form table .footer-form{margin-top: 25px; margin-bottom: 0;}
	.seller-block:after{bottom: -51px; right: -25px; width: 118%;}
	.register-seller-form table .footer-form .btn1{ margin-top:30px}
	
	.seller-block > div:first-of-type{ width:100%; margin:0}
	.seller-block > div:last-of-type{ width:100%}
	.footer-regions,.back_page-block > .mobi-span{ display:none}
	.footer-regions{ padding: 0}
	
	.feedback-pop-up{ display:none}
	
	/*=============== Thank you ==============*/
	.thank-you div,.thank-you{ width:100%}
	.thank-you-title{ left:auto; white-space:normal; font-size:4.5em}
	.thank-you div{ top:auto}
	.thank-you-contact{ margin-top:0}
	.thank-you div{ left:auto}
	
	.text-block.disclaimer-text > div{ width:100%}
	.text-block.disclaimer-text > div > a{ width:100%; margin:5px 0}
	.tcs-block div{ line-height:20px}
	.tcs-block div input{ width:10%}
	.newsletter-block,.special-block{ width:100%}
	
	.footer{ padding:15px 0 0 0}
	.footer > div{ padding:0 15px}
	.social-footer-block > div > a{ padding:0 0 15px}
	.footer > div:last-of-type{ flex-wrap:wrap; padding:23px 15px; position:relative}
	.footer > div:last-of-type ul{ width:100%; flex-wrap: wrap; margin-bottom:40px}
	.footer .footer-social{ width:auto !important; position:absolute; right:0; bottom:-20px;}
	.footer .footer-social li a{ font-size: 23px; margin: 0 10px 0 ;}
	.footer > div:first-of-type ul{ flex-wrap: wrap; justify-content: space-between; width: 100%;}
	.footer > div:last-of-type ul:first-of-type li, .footer > div:first-of-type ul:first-of-type li{ padding:0}
	.social-footer-block a{ padding:10px 0; margin:0}
	.footer > div:last-of-type ul:first-of-type li:after,.footer > div:first-of-type ul:first-of-type li:after{ display:none}
	.footer > div:last-of-type ul:first-of-type li{ padding:5px 10px 5px 0}
	.footer > div:last-of-type > div{width: 53%;}
	.newsletter-block > div > div input{ height:41.5px}
	
	.news-block{ padding:0 15px; margin-bottom: 20px;}
	.news-block .menu_blog > div{ width:100%; margin-bottom:5%}
	.news-block .menu_blog{flex-wrap: wrap;}	
	.news-block .face-book-block,.bee-text-block > div{ width:100%; margin-bottom: 15%;}
	.news-summary-block{ width: 100%}
	.news-block strong{margin-bottom: 15px;}
	
	.special-summary-block{ display: none}
	.special-summary-block > div{ padding:30px 15px 80px; position: relative;}
	.special-summary-block > div > div{ width: 100% !important}
	.special-summary > div{ width: 48%; margin-bottom: 3%}
	.special-summary-block-title .btn1{ position: absolute; bottom: 22px;}
	.special-summary-block-title > span{margin-bottom: 20px;}
	.deal-zone-block > span{ width: 100%;}
	.deal-zone-block{ padding: 0}
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ display:block;}
	.csslider1{ height:100%}
	.home-banner h2{font-size: 26px;   line-height: 28px;}
	.cs_title .cs_wrapper{ bottom:0}
	.csslider1 > .cs_description > label{ max-width:100% !important; width:100%; left:0 !important}
	.home-banner .cs_title h1{ font-size:26px}
	.mobile-banner > span{ position:unset; font-size:32px; line-height:32px}
	.home-banner .cs_descr .cs_wrapper{ margin:30px 0 0 0; padding:0 15px; font-size:20px; line-height:26px}
	.home-banner .cs_descr .cs_wrapper br{ display:none}
	.home-banner .btn-learn-more{ margin-left:15px; margin-top:15px}
	.home-banner .cs-title-align{ margin:0}
	.exploreby-block > div > div strong{ font-size:12px; margin-top: 5px;}
	.mobile-banner > span h1{ font-size:32px; line-height:32px}
	.home-banner .btn-banner{ display:none}
	.mobile-banner p{font-size: 14px; margin:0; line-height: 22px; }
	.mobile-banner p br{ display:none}
	.quick-enquiry-block{ position:fixed; display:block;bottom: 2%;left: 4%; background-color: #F15822;border-radius: 4px; z-index:9}
	.csslider1 > .cs_description > label{ top:25px !important; padding:0 !important}
	.banner-tittle h1,.banner-tittle strong{ font-size:20px}
	.banner-tittle b{ font-size:16px}
	.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;}
	.mobile-banner > span br{ display:none !important}
	.home-banner:before{ width:100%}
	.banner-tittle{padding:0 15px;}
	.banner-tittle > span{padding-left: 30px;}
	.exploreby-block{background-color: rgb(241 88 34);border-top:0; bottom: 1px;position: relative;}
	.exploreby-block > div > div a > div{ width:100%}
	.exploreby-block > div > div > a {align-content: start;}
	.exploreby-block > div > div{ width:33%}
	.exploreby-block > div > div > a > div:first-of-type{width: 40px; height: 40px; margin: 0 auto; background-size: 167px;    background-position: 8px 5px;}
	.exploreby-block > div > div:nth-of-type(2) > a > div:first-of-type {background-position: -44px 5px; background-size: 167px;}
	.exploreby-block > div > div:nth-of-type(3) > a > div:first-of-type{background-position: -109px 3px; background-size: 197px;}
	.exploreby-block > div > div:last-of-type > a > div:first-of-type { background-position: -163px 3px}
	
	.csslider1 > .cs_arrowprev > label span, .csslider1 > .cs_arrownext > label span{ display:none}
	
	.hikmicro-products-block > strong{ font-size: 32px; margin-top: 15px;}
	.hikmicro-products-block > div > div{ width:160px}
	.hikmicro-call2action > div{padding: 40px 0;}
	.hikmicro-call2action > div > span{font-size: 30px;}

	.hikmicro-intro-video-block > div span{ font-size: 32px; margin-bottom: 0}
	.hikmicro-intro-video-block > div{ padding: 0 15px; margin: 20px 0; color: #000}
	.hikmicro-intro-video-block > video{ position: unset}
	.hikmicro-intro-video-block > div p br{ display: none}

	
	.thermalimaging-banner:before{width: 135px;  height: 30px;bottom: unset; top: 10px;}
	.thermalimaging-banner::after{width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 10%); z-index: 2; position: absolute; content: ""}
	.thermalimaging-banner .btn1{ margin-left: 10px}
	.thermalimaging-banner h1{ color: #fff; font-size: 20px; margin-bottom: 20px}
	.thermalimaging-banner > div{padding:0 15px; font-size:20px; line-height:26px}

	.thermal-imaging-text,.video-block > div{ width: 100%}
	.thermal-imaging-text > h2{margin-top: revert;}
	.thermal-imaging-text p{margin-bottom: revert;}
	
	.aboutus-sub-intro > div{ width: 100%}
	.aboutus-sub-intro > div video{ height: auto}
	.aboutus-sub-intro > div:last-of-type{ margin-top: 20px}

	.thermal-imaging-block > div > div .btn1{ margin: 40px 0}
	.aboutus-logo > div > div > a{width: 30%}
	
	/*=============== MENU ==============*/
	/* .mega-menu .dropdown-menu li > span{font-weight: bold}
	.mega-menu > .dropdown-menu{overscroll-behavior-y: auto;}
	.dropdown.brands-dropdown .dropdown-menu{min-width: unset !important}
	.dropdown.brands-dropdown .dropdown-menu li{width: 100%}
	.dropdown-menu li img{margin: auto; width: 50%;}
	.dropdown:focus:not(.CLOSEDROPDOWN) .dropdown-menu,.dropdown:hover:not(.CLOSEDROPDOWN) .dropdown-menu{display:block !important; margin:0;left:0;position:unset;border-radius:0 !important;min-width: 100%;}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.nav > li > span,.nav > li > a{width:100%;font-size: 1.4em !important;}
	.nav > li:after{ display:none}
	.nav > li, .menu-home > ul > li,.nav > li{ width:100%; height: auto; flex-wrap: wrap;}
	.dropdown-menu{margin-left: 20px}
	.dropdown-menu a{ padding:10px 15px !important}	
	.mobi-only{ display:block !important}
	.menu-home{display:none} */

}

@media screen and (max-width: 1024px){
	:root{
		--max-viewsize: 100%;
	}

	#mainNav,.nav{width:100%; display:grid;justify-content: stretch;align-content: flex-start;}
	.navbar-nav > .dropdown{width: 100%; display: grid;}
	.dropdown>:is(a,span){width:100%}	
	:not(:has(.CLOSEDROPDOWN)) .dropdown:is(:not(.clickable-dropdown):hover, .clickable-dropdown.open) > :is(.dropdown-menu, .mega-menu) {
		display: grid;
		position: relative;
		top: unset;
		overflow: unset;
	}

	.mega-menu > .dropdown-menu{position: unset;top:unset; max-height: unset;}
	.mega-menu > .dropdown-menu{overscroll-behavior-y: auto;overflow-x: auto; direction: unset;scrollbar-width: auto;margin:0px;z-index: auto;}
	
	.clickable-dropdown.open .dropdown-menu{display: grid;}
	.clickable-dropdown.open .clickable-dropdown .dropdown-menu{display: grid !important;position: relative;top:unset;overflow: unset;}
	.clickable-dropdown.open .clickable-dropdown:has(.dropdown-menu)> :is(a,span){background-color: #ccc !important;color: #682264;}
	/* .mega-menu > .dropdown-menu{height:auto; max-height: 75vh;}
	.mega-menu .dropdown-menu li > span{font-weight: bold}
	.dropdown.brands-dropdown .dropdown-menu{min-width: unset !important}
	.dropdown.brands-dropdown .dropdown-menu li{width: 100%}
	.dropdown-menu li img{margin: auto; width: 50%;}
	.dropdown:focus:not(.CLOSEDROPDOWN) .dropdown-menu,.dropdown:hover:not(.CLOSEDROPDOWN) .dropdown-menu{display:block !important; margin:0;left:0;border-radius:0 !important;min-width: 100%;}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.nav > li > span,.nav > li > a{width:100%;font-size: 1.4em !important;}
	.nav > li:after{ display:none}
	.nav > li, .menu-home > ul > li,.nav > li{ width:100%; height: auto; flex-wrap: wrap;}
	 */
	
	.heatshrink-header{ width:calc(100% - 50px); float:right; margin-top: 6px;}
	
	.menu-top{ background-color:#f15822;  position:fixed; top:0; height:110px; width:50px; overflow:hidden; padding:0px; transition:all 0.3s; z-index:100; left:0}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 110px)}
	.menu-top>label{color:#fff;display:block;height:110px;padding:0;position:relative;margin-bottom:0; width:100%}
	.menu-top>label>i{font-size: 1.5rem;color:#fff;line-height:110px;text-align:center;width:50px;transition:all 0.1s ease 0.3s}
	#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 ~ .cable-accessories-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .cable-accessories-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
}