*{box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}
* [onclick] {cursor: pointer; }
body {font-family:Arial, Helvetica, sans-serif; margin:130px 0 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#808080; text-decoration:none}
a:visited{color: #808080;}
a:hover{ color:#B4112C;}
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}
.menu-top>label,#mobi-toggle-search,.mobi-only,#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}

:target:before {content: "";display: block;height: 150px; margin: 0px 0 0;width: 100%;}

.btn1{display: inline-block; padding:6px 12px; min-width: 150px; text-align:center; font-size:14px; background:#d72b2a;  border-radius:4px;  color: #fff}

/*================== MAIN SECTION ============================*/
.back_page{ max-width:1280px; width:100%; margin:auto; font-size:16px; color:#000; top:0px; padding:35px 10px; margin-top:5px;line-height: 1.8em; display:table}
.back_page p{text-align:justify;}

.back-page-baground{box-shadow: 0px 0px 10px 0px rgba(62,131,158,.3); border: 1px solid #cae0e7; border-top:none; background-image: linear-gradient(180deg,rgba(254, 254, 254, 0.98) 23%,rgba(238,245,247,.77) 56%,rgba(206,226,233,.43) 71%,rgba(204,225,232,.46) 76%,rgba(202,224,231,.49) 91%); display: table;  margin-bottom:30px; position:relative; z-index:9;background-color: #fff; width:100%}

.uni-trend-southafrica{position:absolute; visibility:hidden; z-index:999999; max-width:1280px; margin:auto;}
.multimer-1{width:100%; height:130px; z-index:100;  background-color:#fff; box-shadow:0 0 10px 2px #ccc; position:fixed; top:0}
.clamp-header{ max-width:1280px; margin:8px auto;display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.thermal-imager-2{ position:relative; width:100%;}
.voltage-detector{width:100%; margin:auto;}
.menu-top-container{ max-width:1280px; margin:auto;}

.multimer-1 .top-menu-section > div{ max-width:1280px; margin:auto; width:100%; display:flex; justify-content: flex-end; color:#fff; font-size:14px; height:35px; border-radius: 3px; padding:0 15px;}
.multimer-1 .top-menu-section > div > ul{padding: 0; margin:0; display:flex; align-items: center; width:29%; position:relative; justify-content: space-between;}
.multimer-1 .top-menu-section > div > ul > li{ position:relative;padding:12px 0}
.multimer-1 .top-menu-section > div > ul .dropdown-menu{ left:0; top:97%}
.multimer-1 .top-menu-section > div > ul > li > ul a{ font-weight:normal; font-size:12px; color: #08144b; }
.multimer-1 .top-menu-section > div ul li{ list-style:none}
.multimer-1 .top-menu-section > div a{ color:#404040; font-size:12px; text-decoration:none;text-transform: uppercase;}

.top-menu-section ul > li:nth-of-type(2):hover > a:before{ content:"";border-style: solid; border-width: 9px; border-color: transparent; border-top-width: 0; border-bottom: 9px solid #f3f2f1; width: 0; height: 0; font-size: 0;  line-height: 0; position: absolute; top: 80%; right: 40%; transform: translate(-50% , -50%); z-index: 1;}

/*================== Reduce MENU Hight ============================*/
.custom-menu-scroll-down{ -webkit-transition: height .3s; /* For Safari 3.1 to 6.0 */transition: height .3s;}
.custom-menu-scroll-down  .top-menu-section{ display:none}

/*================= MENUS ======================*/
.menu-top{ position:relative; width:100%;border-radius: 3px; margin: 0 0 10px 0;}

.menu-home-container{width:1140px; margin: auto;  height: 80px; position:relative; align-items: center;display: flex; justify-content: space-between; } 
.price-filter{position:relative; width:11%; text-transform:uppercase; left:12%; display: flex; align-items: center;}
.price-filter > ul > li{float: left; list-style: none;}
.price-filter > ul{padding: 0; margin: 0; position:relative; display: flex; justify-content: space-between; width: 100%;}
.price-filter > ul > li > a{padding:20px 15px; display: inline-block; position:relative; color: #d72b2a; font-size: 1.2em;}
.price-filter > ul > li:hover > a{ color:#d72b2a}
.price-filter select{width: 100%;  font-size: 14px; outline: none; color: #666; font-style:italic; padding:6px;border: 1px solid #ddd; height:46px}
.price-filter select option:first-of-type{ padding-left:10px !important}

.menu-top label{display: none}
.nav{margin:0; padding:0;display: flex; justify-content: space-between; flex-wrap: wrap;}
.nav > li{color:#fff;position:relative;list-style:none;border-radius: 8px}
.nav > li > a,.nav > li > span{cursor:pointer;display: inline-block;color: #000;text-transform:uppercase;padding:0 15px;font-weight:bold;line-height:38px;font-size:1.3em !important;text-decoration:none;transition:all .5s;background-color: #d72b2a00 !important;}
.nav > li a:hover, .nav > li:hover > a{ }
.dropdown li{border-bottom: 1px solid #e5e5e5;color: #000;}
.main-product{background-color:#d72b2a;align-content: center }
.main-product > span {color: #FFF!important}
.main-product > a{color: #FFFFFF!important}
.special-btn{border: 2px solid #d72b2a;}
.special-btn > a{color:#d72b2a!important}

.price-filter > ul > li:nth-of-type(2):hover > a:before,.price-filter > ul > li:first-of-type:hover > a:before{ display:none}
.nav > li:last-of-type .dropdown-menu{ left:auto; right:0}
.dropdown-menu li{padding:10px; position:relative; list-style: none}
.dropdown-menu li::before{content: '';position: absolute;width: 21px;height: 21px;opacity: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;top: 0;left: 0;border-top: 2px solid #d72b2a;border-left: 2px solid #d72b2a;}
.dropdown-menu li:after{content: '';position: absolute;width: 21px;height: 21px;opacity: 0; -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;bottom: 0;right: 0;border-bottom: 2px solid #d72b2a;border-right: 2px solid #d72b2a;}
.dropdown-menu li:hover:after,.dropdown-menu li:hover:before{ opacity: 1}
.dropdown-menu{padding:0; margin:0; display: none; min-width:200px; left:0px; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px; z-index:1; background-color: #fff;max-height: 65vh; 	grid-auto-flow: column; 	grid-template-rows: repeat(auto-fit,calc( 1em + 22px)); grid-template-columns: repeat(auto-fit,minmax(max-content,200px)); grid-column-gap: 10px;grid-auto-columns: repeat(auto-fit,100px); 	max-width: 100vw;}

.dropdown-menu a{color:#404040 !important; transition:background-color .5s;  padding: 15px!important; white-space:nowrap}
.dropdown-menu li:hover {color:rgb(215 43 42)!important}
.dropdown-menu a:hover{color:rgb(215 43 42)!important}
/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	/* .dropdown:hover .dropdown-menu{display:grid !important} */
}
@media screen and (max-device-width: 767px) {
	.nav > li{width: 100%}
}
.menu-side{position:relative; float:left; width:200px; height:300px; border-radius:5px; border:#999999 1px solid; margin-left:10px; margin-right:10px; margin-top:10px; color:#fff; top:0px;}
.menu-side span{ display:block; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#4D60AC; color:#fff; width:200px; height:25px; text-align:center; font-weight:normal; text-transform:uppercase; padding-top:5px;}
.menu-side div{ background-color:#fff;}
.menu-side a{ position:relative; float:left; background-color:#fff; font-weight:bold; width:190px; height:25px; color:#000; border-bottom:1px solid #999999; padding-left:10px; padding-top:5px; text-align:left;}
.menu-side a b{ width:9px; height:6px; position:relative; float:left; margin-right:0px; top:5px; background-repeat:no-repeat;}
.menu-side a:hover{color:#FFD900;}

/*==================== LOGO =======================*/
.logo{position:relative; width:14%;}
.logo img{width: 100%;height: auto;display: block}

.widget-container{width:30%; display: flex; justify-content: space-between; align-items: center;position: relative; left:0%;}

/*===================== SEARCH ======================*/
.search-toggle{ width:100%;}
.search{position:relative;font-weight:normal;width:100%;display: flex;justify-content: space-between;background-color: white;border: 1px solid #ddd;padding: 0 0 0 10px;height:45px}
.search div{position:relative; float:left; border:1px solid #D6D2D2;  width:85%;}
.search a{width: 12%;height: 100%;color:#ffffff;position:relative;display:flex;align-items: center;border-radius: 0 3px 3px 0;justify-content: space-around;font-size: 18px;background-color: #d72b2a;}
.search a:hover{text-decoration:none; opacity:.8}
.search input{position:relative; width:89%; font-size: 15px; border: none; outline: none; margin:auto}

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


.menu-top-shopping{width:15%; padding: 0 0;position:relative;display: flex;justify-content:flex-end;align-items: center;}
.menu-top-shopping > div > a{ display:flex; flex-direction: column; align-items: center; text-decoration: none; font-size: 14px; color: #191724;}
.menu-top-shopping > div{ display:flex; position:relative; margin: 0 15px}
.menu-top-shopping-icons{ position:relative}
.menu-top-shopping-icons > a{color: #24377d; font-weight: bold; font-size: 14px;}
.menu-top-shopping-icons > span{position: absolute; color:#00af4b; font-size: 13px; left: 33%; top: 23%; transform: translate(-50% , -50%); font-weight: bold;}
.menu-top-shopping > div > a .fa-fw{ font-size:22px}
.clearance-button > a { background-color: #1b509d; color:  #fff!important; padding: 8px 15px; transition: all .3s;text-decoration: none;font-size: 14px !important;border: solid 3px #1b509d;}
.clearance-button > a:hover{background-color: #1b509d; color: #fff!important}


.signin-dropdown{ position:absolute;background-color:#ffffff; padding: 15px;font-size:15px; width:260px; z-index:101; top: 50%; right:25%; transform: translate(-50%, 5%); border: solid 1px #dbdbdb; display:none}
.signin-dropdown > .fas{ color:#808180; position: absolute; bottom: 93%; right:37%; transform: translate(-50% , -50%);    font-size: 25px;}
.help-block > span,.signin-dropdown > span{position: absolute; right: 10px; top: 5px; font-size: 20px; font-weight: bold;}
.signin-dropdown a:hover{ color:#0e1537}
.signin-dropdown ul{ padding:0; margin:0}
.signin-dropdown ul li{ list-style:none; padding: 5px 0;}
.signin-dropdown ul li a{ color:#000}
.signin-dropdown ul:nth-of-type(2){ border-top: solid 1px #000; border-bottom: solid 1px #000; margin: 10px 0; padding:10px 0}
.account-details > li > a{ display: flex; align-items: center;}
.account-details > li > a > span{ width:23px; height:25px; display:block; background:url(images/icons/accounts-details.png) no-repeat;background-size: cover;margin-right: 10px;}
.account-details > li:nth-of-type(2) > a > span{background-position-y: 24%;}
.account-details > li:nth-of-type(4) > a > span{background-position-y: 75%;}
.account-details > li:nth-of-type(3) > a > span{background-position-y: 51%;}
.account-details > li:nth-of-type(5) > a > span{background-position-y: 100%;}

.help-block{ position:absolute;background-color:#ffffff; padding: 15px;font-size:13px; width:310px; z-index:101; top: 49%; right:0; transform: translate(13%, 10%); border: solid 1px #dbdbdb; display:none;z-index: 1000;max-height: 500px; }
.help-block > div{overflow-y: scroll; height: 390px;}
.help-block .btn1{ width:100%}
.help-block > .fas{ color:#8bc540; position: absolute; bottom: 95%; right:6%; transform: translate(-50% , -50%); font-size: 25px;}
.help-block > strong:first-of-type{ color:#fff; background-color:#54a4da;padding: 10px 5px; text-align: center; text-transform: uppercase; font-size: 16px; width: 100%; margin-top: 15px; display: block; margin-bottom: 25px;}
.help-block > div p a{color: #54a4da;}
.help-block > div p{ font-size:14px;line-height: 20px; margin-top: 10px; margin-bottom: 20px;}

.pop-up-45{position: fixed; z-index: 999999999;bottom:0; left:0; right: 0; width:100%; background:rgb(0 0 0 / 40%); text-align:center; display:none; padding:10px; margin: auto; height: 170px}
.pop-up-45 > div h2{ width:100%; margin:15px 0; }
.pop-up-45 > div{ font-size: 18px; line-height: 26px;border-radius: 4px;top:4%; max-width:1280px; position: relative; left: 0; right: 0; margin: auto; padding:0 15px;display: flex; flex-wrap: wrap; background-color: #ffff; color: #0d0b0c; }
.pop-up-45 > div > div{width: 100%}
.pop-up-45-close{position: absolute; right:-15px; top:-15px; 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: #ee0102;}
.pop-up-45 > div strong{color: #ee0102; display: block; margin: 22px 0 10px; font-size: 22px}
.pop-up-45 > div p{font-size:16px; text-align:center}
.pop-up-45 > div a{  color: #000}
.highlight{background-color:#f00;color:#fff !important;padding:2px;}
.basket-displaytotal{ font-size: 16px; font-weight: bold;color:#d72b2a !important;  text-align: center; left:40px; position:absolute }
.user-block > a:hover{ color:#d72b2a}
.user-block .fa{font-size: 18px;}
.user-block{ position:relative}

.portal-dropdown{ position:absolute;background-color:#ffffff; text-transform: uppercase;font-size:12px; width:360px; z-index:101; top: 50%; right: 0%; transform: translate(0%, 34%); display:none; border: solid 1px #dbdbdb; border-radius: 4px;}
.signin-dropdown{position:absolute;background-color:#ffffff;font-size: 15px;width:260px;z-index:101;top: 0;right: 0;transform: translate(54%, 8%);display:none;border: solid 1px #dbdbdb;border-radius: 4px;}
.signin-dropdown ul li{ list-style:none}
.user-block ul{ padding:0; margin:0}
.user-block ul:first-of-type li{}
.user-block ul .btn1{ min-width:150px;font-size: inherit; margin: auto; color:#fff}
.user-block ul .btn1:hover{ text-decoration:none}
.user-block ul:first-of-type li:last-of-type a{}
.user-block ul:first-of-type li:last-of-type{ padding-top:0}
.user-block ul:nth-of-type(3),.user-block ul:nth-of-type(2),.user-block ul:last-of-type{ display:flex;flex-wrap: wrap;}
.user-block ul:nth-of-type(3) li,.user-block ul:nth-of-type(2) li,.user-block ul:last-of-type li{ width:100%; border-bottom:0;}
.user-block ul:nth-of-type(2) {border-bottom: 1px solid #ccc;}
.user-block ul li{list-style:none;transition:all 0.3s;}
.user-block ul li:first-of-type{}
.user-block ul li{display: inline-block; padding:12px 20px; width:100%}
.user-block ul li a{ color:#000}
.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:#9d9d9d}
#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{}
#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{}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type{padding-top:0;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{}
#ExtContent_Popup .signin-dropdown ul li{list-style:none;text-align:left;transition:all 0.3s}
#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: #000;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(2) li{/* width:50%; *//* border-right:1px solid #dbdbdb; */}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{}
#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;transition:all 0.3s}

.partner-portal-block{position: relative; text-transform: uppercase; border: 1px solid #d72b2a; width:9%; font-size:16px; display:flex; justify-content:space-around; align-items:center; height:100%; transition:all .3s; border-radius: 3px;}
.partner-portal-block:hover{ background-color:#d72b2a;}
.partner-portal-block:hover > a{ color:#FFF;}
.partner-portal-block > a{ color:#d72b2a; display: flex; height: 100%; width: 100%; align-items: center;padding: 14px 19px;justify-content: space-around; text-decoration: none; font-size:15px;font-weight:bold; }

.home-banner > div > div.cs_description > label > span > span > strong{color:#d72b2a;pointer-events:auto;text-transform: uppercase}
.home-banner > div > div.cs_description > label > span > span > h2{color: #000;pointer-events:auto;margin-top: 10px}
.home-banner > div > div.cs_description > label > span > span > p{color: #424242;pointer-events:auto;line-height:32px;}
.home-banner > div > div.cs_description > label > span > span > div{display: flex;flex-wrap: wrap;column-gap: 40px}
.home-banner > div > div.cs_description > label > span > span > div > a{padding: 14px 12px;font-size: 16px;pointer-events: auto}
.home-banner > div > div.cs_description > label > span > span > div > a:nth-child(2){background-color: transparent;border: 2px solid #9f9f9f;color: #000}
.home-banner > div > div.cs_description > label > span > span > div > a > .fa-fw{font-size: 12px}
.csslider1 > .cs_description {z-index: 3;width: 50%;height: 100%;display: block; position: absolute;top: 0;background: linear-gradient(160deg, #0f10102e 0%, #e7e7e90d 55%, #ffffff00 100%);}
.csslider1 > .cs_description > label {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;line-height: normal;z-index: 3;max-width: 72%;color: #ffffff; top: 0; bottom: 0;left: 19%;align-content: center;position: absolute;word-wrap: break-word;white-space: normal;text-align: left;pointer-events: none}


.mobile-banner-text{display: none}
.home-categories{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; max-width:1280px; margin:30px auto 0 auto}
.home-categories > div{ width:48.8%;   }
.home-categories > div > div:before{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 30%); z-index:1;}
.home-categories > div:first-of-type > div{height:525px;}
.home-categories > div > div{position:relative; background:url("images/uni-trend-products.webp") no-repeat;}
.home-categories > div:last-of-type > div:nth-of-type(1){background-position: 100% -1px;}
.home-categories > div:last-of-type > div:nth-of-type(2){background-position: 100% 100%;}
.home-categories > div:last-of-type > div{ margin-bottom:5%; height:248px}
.home-categories > div > div img{ width:100%; height:auto; display:block}
.home-categories > div > div > a{ display: block; position:relative; color:#fff; width:100%; height:100%}
.home-categories > div h1,.home-categories > div strong{ font-size:28px; margin:0;font-weight: normal;}
.home-categories > div h1 strong{ font-weight:normal;margin-bottom: 25px; font-size: 16px; margin-top:16px; display:block}
.home-categories > div h2 strong{font-size: 16px; font-weight: normal;}
.home-categories > div span{ font-weight:normal; margin-bottom: 25px; font-size: 16px; margin-top:16px; display:block}
.home-categories > div p{ font-size:20px; line-height:28px;margin-top: 10px;}
.home-categories .categories-discription{ position:absolute; top:0; z-index:1; padding:28px; width: 100%; height: 100%; pointer-events: auto;}
.home-categories .categories-discription a{ color:#fff; text-decoration:none}
.home-categories > div .btn-shop{ background-color:#d72b2a; padding:12px 18px; font-size:16px; border-radius:3px; margin-top: 13px; display: table;}



.clearance-sale-block > div{max-width:1280px; width:100%; margin:auto;display:flex; flex-wrap:wrap; border: 1px solid #c0c0c0; border-radius: 4px; justify-content: space-around; padding:50px 0}
.clearance-sale-block >  span{ width:100%;margin-bottom: 18px; color:#040404;font-size: 34px; text-align:center; display:table; margin-top:30px}
.clearance-sale-block > span b{ color:#d72b2a}
.clearance-sale-block > div > div{ width:25%;}
.clearance-sale-block > div > div p{ font-size:16px; line-height:26px}
.clearance-sale-block > div > div ul{ padding:0; margin:0}
.clearance-sale-block > div > div ul li{ list-style:none; font-size:20px; padding:5px 0}
.clearance-sale-block > div > div .btn1{ background:transparent; border:solid 1px #d72b2a; border-radius:0; color:#d72b2a; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:17px; padding:10px 30px; transition:all .3s; margin:auto; margin-top:35px}
.clearance-sale-block > div > div .btn1:hover{ background-color:#d72b2a; color:#fff; border: solid 1px #d72b2a;}

.clearance-sale-block > div > div > strong{ font-size:26px; font-weight:normal}
.clearance-sale-block > div > div > strong b{ color:#d72b2a; font-size:20px}
.clearance-sale-block > div > div img{ display:block; max-height:250px; height:100%; width:auto; margin:auto}
.clearance-sale-block > div > div:nth-of-type(2){border: 1px solid #c0c0c0; padding: 0 52px; width: 37%; border-bottom: none; border-top: none;}


/*=== Trust Signal ===*/
.trust-signals{display: flex;max-width: 1280px;margin:20px auto;}
.trust-signals > div{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1280px;padding: 20px 15px;text-align: center;font-size: 22px;width: 100%}
.trust-signals > div strong{color: #727272;font-size: 20px;width: 100%;text-transform: uppercase}
.trust-signals > div > div{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.trust-signals > div > div > div{width: 24%;display: flex;flex-wrap: wrap;margin: 0px 0;justify-content: space-around;column-gap: 10px;align-items: center;position: relative}
.trust-signals > div > div > div::after{content: " ";width: 1px;height: 57%;display: flex;position: absolute;left: 0;background-color: #e4e4e4}
.trust-signals > div > div > div:first-of-type::after{display: none}
.trust-signals > div > div > div span:first-of-type{overflow: hidden;width: 26%;align-items: center;justify-content: center;display: flex;}
.trust-signals > div > div > div span:first-of-type img{width: 100%;height: auto;display: block}
.trust-signals > div > div > div span:last-of-type{width: 61%;}
.trust-signals > div > div > div span:last-of-type strong{font-size: 16px; color: #242424; text-align: left; display: block;text-transform: capitalize}
.trust-signals > div > div > div span:last-of-type p{ text-align: left;color: #636363;font-size: 16px;min-height: 37px}

.intro-block{width:100%; display:table; margin:30px auto 0; background-color:#f2f2f2; border: 1px solid #d3d6d9; box-shadow: 0 2px 0 rgba(0,0,0,.04);}
.intro-block > div{max-width:1140px;width:100%;margin:auto;position:relative;display: flex;text-align:center;padding:50px 0;flex-wrap: wrap;justify-content: center;}
.intro-block > div h1{ font-size:34px; color:#231f1e; font-weight:normal; margin:23px 0}
.intro-block > div .btn1{background: transparent linear-gradient(90deg, #d72b2a 0%, #ff2e1c 100%) 0% 0% no-repeat padding-box;color: #fff !important;font-weight: bold;text-transform: capitalize;min-width:150px;font-size:16px;padding: 15px 20px;position:relative;margin: 0 10px;display: flex;flex-wrap: wrap;justify-content: center;width: 25%;align-items: center;column-gap: 20px;}
.intro-block > div > div .btn1:after { content:""; width: 100%; height: 45px; border: 1px solid #707070; border-radius: 8px; left: 15px; position: absolute; transition: all 0.3s ease 0s; top: 25px; }
.intro-block > div p{ color:#404040; font-size:24px; line-height:32px}
.intro-block > div p a{ text-decoration:none; color:#a61e1d}
.intro-block > div > a > span{width:10% }
.intro-block > div > a > span img{width:100%;height: auto;display: block }

.call2Action-block{ display:table; max-width:1280px; width:100%; background-color:#f2f2f2;  border: 1px solid #d3d6d9; box-shadow: 0 2px 0 rgb(0 0 0 / 4%); margin:40px auto}
.call2Action-block > div{ display:flex; justify-content:space-between;flex-wrap: wrap; margin:45px auto; text-align:center}
.call2Action-block > div p{padding:0 10px; font-size: 17px; line-height: 25px; width:100%}
.call2Action-block > div .btn1{ background:transparent; border:solid 1px #d72b2a; border-radius:0; color:#a50100; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:17px; padding:10px 30px; transition:all .3s; margin:auto; margin-top:20px}
.call2Action-block > div .btn1:hover{ background-color:#a50100; color:#fff; border: solid 1px #a50100;}
.call2Action-block > div > span{ font-size:2.8em;margin:0;width:100%; color:#a50100; text-transform: uppercase; font-weight:bold}
.call2Action-block > div span > span{ color:#d72b2a; font-weight:bold}
.call2Action-block > div strong{ color:#040404}
	
.quick-enquiry-block{ position:fixed; display:block;bottom:2%;right: 4%; background-color:#d72b2a;border-radius: 4px; z-index:9}
.quick-enquiry-block > a{ color:#fff; text-decoration:none;font-weight: bold; padding:8px; display: block; display:flex; justify-content: space-between;}
.quick-enquiry-block > a .fas{ font-size: 22px}

.uni-trend-products{ max-width:1280px; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin:26px auto}
.uni-trend-products > strong{width:100%;font-size: 47px;text-align:center;color:#333;display:block;margin: 20px 0 5px;}
.uni-trend-products > strong span{color:#d72b2a }
.uni-trend-products > span{font-size: 12px;text-transform: uppercase;text-align:center;color:#d72b2a;font-weight: bold;display:block;margin:auto;position: relative}
.uni-trend-products > span::before{content: " ";width: 33%;background-color:#d72b2a;position: absolute;height: 1px;left: -37%;top: 50%;}
.uni-trend-products > span::after{content: " ";width: 42%;background-color:#d72b2a;position: absolute;height: 1px;top: 50%;right: -46%;}
.uni-trend-products > p{ width:100%;font-size: 16px;  text-align:center; color:#333; display:block; margin:0 0 20px;position: relative}
.uni-trend-products > div{width:24%;margin-bottom:3%;position:relative;border-radius: 8px;overflow: hidden;box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.uni-trend-products > div:nth-of-type(5),.uni-trend-products > div:nth-of-type(6){ width:49%; position:relative;    background-color: rgb(204 204 204);}
.uni-trend-products > div > a div{ background-color:#efefef}
.uni-trend-products > div > a h2{ padding: 15px; font-size:22px; text-transform: uppercase; text-align: left; margin:0; background-color: #ffff; width: 100%;position: relative}
.uni-trend-products > div > a h2::before{background-color: #d72b2a;bottom: 0;content: "";height: 3px;left: 0;position: absolute;right: 0;transition: width .3s ease-out;width: 100%;}
.product-details{width: 100%;background-color: #fff!important;transition: filter .25s ease, transform .25s ease;position: relative;padding: 0 10px;display: flex;flex-wrap: wrap;}
.product-details::before{background-color: #d72b2a;bottom: 0;content: "";height: 3px;left: 0;position: absolute;right: 0;transition: width .3s ease-out;width: 100%;}
.uni-trend-products > div > a > div:nth-child(2) > h2{background-color: unset; padding: 40px 0 0;}
.uni-trend-products > div > a > div:nth-child(2) > h2::before{display: none}
.uni-trend-products > div > a > div:nth-child(2) > p{font-size: 16px;min-height: 36.8px}
.uni-trend-products > div > a{ color:#333; font-size:28px; text-decoration:none}
.uni-trend-products > div img{ width:70%; display:block; height:auto; margin:auto;transition: filter .25s ease, transform .25s ease;}
.uni-trend-products > div:hover img{ transform: scale(1.025);}
.uni-trend-products > div:nth-of-type(5) img{ width: 40%; padding: 15px 0;}
.uni-trend-products > div:nth-of-type(6) img{ width:66%}
.uni-trend-products > div:nth-of-type(5) a,.uni-trend-products > div:nth-of-type(6) a{display: flex; flex-wrap: wrap; justify-content: space-between; width:100%;}
.uni-trend-products > div:nth-of-type(5) a > div,.uni-trend-products > div:nth-of-type(6) a > div{ width:50%;height:215px;    display: flex; position:relative; z-index:99;background-color: transparent;}
.uni-trend-products > div ul{padding: 30px 20px 0 40px; margin: 0; width: 100%; background-color: rgb(0 0 0 / 50%); color: #fff; z-index: 1; opacity:0; transition:all .3s}
.uni-trend-products > div:hover ul{ opacity:1}
.uni-trend-products > div ul li{ font-size:15px; padding:5px 0}
.uni-trend-products > div span{ position:absolute; right:0; width:55%; padding: 10px 0; background-color: #d42a29; top:15%}
.uni-trend-products > div span img{ width:85% !important; padding:0 !important; margin:0}
.uni-trend-products > div:nth-of-type(5):before,.uni-trend-products > div:nth-of-type(6):before{ content:""; background: rgb(107,107,107);
background: linear-gradient(
0deg
, rgba(204,204,204,1) 0%, rgba(252,252,252,1) 67%, rgba(193,193,193,1) 106%, rgba(204,204,204,1) 100%); width:100%; height:100px; position:absolute; top: 43%; z-index: 1;}
.uni-trend-products > div:nth-of-type(5):after,.uni-trend-products > div:nth-of-type(6):after{ content:"";background: rgb(204,204,204);    background: radial-gradient(circle, rgb(204 204 204 / 0%) 0%, rgb(255 255 255 / 59%) 30%, rgb(255 255 255 / 43%) 50%, rgb(255 255 255 / 0%) 70%, rgb(255 255 255 / 0%) 100%); width:50%; height:60%; position:absolute; top: 0; z-index: 1;}
.product-icon{left: 5%;width: 24%!important;padding: 10px!important;justify-content: center;background-color: #fff!important;margin-top: -18%!important;border-radius: 50%;display: flex;flex-wrap: wrap;align-items: center;align-content: center;}
.product-icon img{width: 100%;height: auto;display: block}


.mail-icon-block {display:block; right:-1px;transition:all .3s;position:fixed; z-index:999; bottom: 200px;    border: 1px solid #d72b2a; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
.mail-icon-block a{ color:#d72b2a; text-decoration:none; text-align: center; display:block;padding:8px;}
.mail-icon-block a .fas{font-size: 22px;}
.mail-icon-block:hover{background-color:#d72b2a;}
.mail-icon-block:hover a{ color:#fff }

.documents-list{ display:table; width:100%; color:#231f20}
.documents-block{box-shadow: 0 0 1px 1px rgba(204, 204, 204, 0.28); margin:20px 0}
.documents-block p{font-size:16px; padding: 10px; margin:0;}
.documents-block p a{ color: #d72b2a;}
.documents-block h2{ margin:0px; font-size: 18px; cursor: pointer; padding: 9px 31px 9px 15px; border: 2px #ddd solid; font-weight:normal;display: flex; align-items: center; justify-content: space-between; color:#505050}
.documents-block h2 .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}

.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;}
.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:nth-of-type(3){ display:flex; flex-wrap:wrap}
.feedback-block table tr:nth-of-type(4) td{ width: unset; display:inline-block}
.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: 20px auto}
.feedback-block > div p{ font-size:14px; line-height:22px;margin-bottom: 10px; margin-top: 20px;}
.feedback-block > div p a{ color:#d72b2a}
.feedback-block > div .btn1{padding:6px 12px; min-width:unset;font-weight:normal }
.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: 1px solid #949494; font-size:14px; border-radius:3px;display: none;}
.feedback-block  > div > .pop-up-45-close{position: absolute;right: -30px;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;}
.feedback-block  > div > .pop-up-45-close a{ color:#fff}

.register-unit-block{width:100%;max-width: 880px;display:table;margin:40px auto}
.register-unit-block p{font-size: 23px;line-height: 35px;text-align: left;padding: 10px 0px 10px 15px;border-left: 2px solid #d72b2a;background-image: linear-gradient(to left, rgba(238, 238, 208, .1), rgba(244, 248, 248, 1));box-shadow: 0 8px 16px rgba(0, 0, 0, .1);}
.register-unit-block > div table,.register-unit-block > div{ width:100%}
.registerproduct-login{width:800px;margin:auto auto;line-height:30px;}
.registerproduct-login a{display:inline;background-color:#d72b2a;color:#fff;padding: 3px 10px;}


.registration-top-tabs{display: flex; justify-content: space-between; flex-wrap: wrap;}
.registration-top-tabs > div{width: 33%; text-align: center;}
.registration-top-tabs > div > a{display: block; padding: 3px 0; background-color:#a6a6a6; color:#fff}
.registration-top-tabs > .active-tab > a{ background-color:#353336}
.register-enquiry-block .btn1{ background-color:#353336}

.register-form > div:not(.active){}
.action-btn{display: flex; justify-content: space-between; flex-wrap: wrap;margin-top: 30px;}
.action-btn a{display: block; padding: 6px 12px;  min-width: 150px; border-radius:4px; font-size: 14px; background-color:#d72b2a; color:#fff; text-align:center}
.action-btn a:first-of-type{background-color:#353336}

.special-summary-block{ background-color:#f2f2f2; display:table; width:100%;max-width:1280px; margin:40px auto; border: 1px solid #d3d6d9; box-shadow: 0 2px 0 rgba(0, 0, 0, .04);padding: 15px 30px}
.special-summary-block > div{ width:100%; max-width:1280px; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding:20px 0}
.special-summary-block-title{ width:25%}
.special-summary-block .deal-zone-block strong{ color: #333; 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: #333}
.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:#333; display:block}
.special-summary-block-title > span{font-size: 26px; color: #333; font-weight: bold; line-height: 32px;}

.special-block .btn1,.special-summary-block-title .btn1{background: transparent linear-gradient(90deg , #C81912 0%, #F64B3C 100%) 0% 0% no-repeat padding-box; color: #fff !important;font-weight: bold; text-transform: capitalize; min-width:150px; font-size:16px; padding:15px 45px; position:relative; margin-top: 40px}

.special-block{ width:48%; display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:50px;}
.special-block .btn1{ margin: auto; margin-top:30px}
.special-text-block{display:flex;flex-wrap: wrap;justify-content: space-between;max-width: 1140px;margin: 40px auto;}
.special-text-block h2{font-size: 35px;}
.special-block span{ display: none}

.product-overview{width: 100%}
.product-overview img{width: 100%;height: auto;display: block}

.electrical-tools-block{ display:flex; flex-wrap:wrap; justify-content: space-between;}
.electrical-tools-block > div{ width:100%; margin-bottom:3%; position:relative; transition:all .3s; display:flex; flex-wrap:wrap; justify-content:space-between}
.electrical-tools-block > div > div{padding:15px 20px 20px; display:flex; flex-wrap:wrap; justify-content:space-between;  width:50%; }
.electrical-tools-block > div > div p{ text-align:right;}
.electrical-tools-block > div h2{ font-size:20px; margin-top:10px; text-transform: uppercase; color:#d72b2a; text-shadow: 0 0 black;}
.electrical-tools-block .btn-book-now{ transition:all .3s;text-decoration: none; background-color:#53a5e4; color:#fff; font-weight: bold; padding:6px 12px; min-width: 150px; display: inline-block; text-align: center; margin-top:15px}
.electrical-tools-block > div > div > div .btn-book-now:hover{ opacity: .8;}
.electrical-tools-block > div > div > div > p{ margin:-5px 0 0; font-size:16px !important; min-height:100px}
.electrical-tools-block > div > div:nth-of-type(3n+0) {background-color: #f1f1f1;}
.electrical-tools-block > div > div:nth-of-type(7),.electrical-tools-block > div > div:nth-of-type(2){background-color: #f1f1f1; text-align:left}
.electrical-tools-block > div > div{ background-color: #e9e9e9;}
electrical-tools-block > div > div:nth-of-type(even) {background-color: #f1f1f1;}
.electrical-tools-block > div > div:nth-of-type(odd) p{ text-align:left}
.electrical-tools-block > strong{ width:100%; margin-bottom: 15px;}

.aboutus-block > div{box-shadow: 0 4px 0 rgba(0,0,0,.1); background-color: #f8f8f8; border-radius: 0 0 8px 8px;display: table;
    padding: 7px 15px; margin-bottom: 35px; width:100%}
.solutions-block > div{display: flex; flex-wrap: wrap; justify-content: space-between;padding: 7px 20px;}
.solutions-block > div h2{ width:100%}
.solutions-block > div > div{ width:65%}
.solutions-block > div > div:last-of-type{ width:30%; margin:20px 0}
.solutions-block > div > div img{ width:100%; height:auto; display:block; border: 1px solid #b4b4b4; border-radius: 5px; padding: 4px;}
.strength-block{ display:flex; flex-wrap:wrap; justify-content: space-between;}
.strength-block > h2{ text-align:center; width:100%}
.strength-block > div{padding: 15px; width: 49%; border-radius: 4px; box-shadow: 0 22px 34px 0 rgb(0 20 117 / 7%);
    background-color:#fefefe; margin-bottom:2%}
.strength-block > div h3{ color:#d72b2a}
.intro-text-block{ color:#fff; background-color:#3d7abe; padding: 1px 15px; font-size: 20px; margin-top:10px; margin-bottom:25px}
.intro-text-img{display: flex; justify-content: space-between;flex-wrap: wrap;}
.intro-text-img img{width: 32%; height: auto; display: block;border: 1px solid #b4b4b4; border-radius: 5px; padding: 4px;}

.videos-block{display:flex; flex-wrap:wrap; justify-content: space-between;}
.videos-block > div{ width:32%; padding: 10px; box-shadow: 0 0 6px rgb(155 155 155 / 70%); margin-bottom:2%; display: flex;
    flex-wrap: wrap;}
.videos-block > div h2{ font-size:14px; background-color:#d72b2a; color:#fff;line-height:17px; padding: 10px; margin: 0; text-align:center; height:53px;display: flex; align-items: center; margin-top:10px; width:100%;justify-content: space-around;}
.videos-block > div h2 a{ color:#fff}


.voucher-promo { padding: 50px 20px; background: #f4f5f7; font-family: "Poppins", sans-serif; }
.voucher-inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 50px; width: min(1180px, 100%); margin: auto; padding: 48px 60px; overflow: hidden; color: #fff; background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.16), transparent 35%), linear-gradient(120deg, #161c27 0%, #222b3a 58%, #ca2027 100%); border-radius: 18px; box-shadow: 0 18px 45px rgba(12, 27, 51, 0.16); }
.voucher-inner::before { content: ""; position: absolute; top: -80px; right: 280px; width: 220px; height: 220px; border: 35px solid rgba(255, 255, 255, 0.05); border-radius: 50%; }
.voucher-content, .voucher-ticket { position: relative; z-index: 1; }
.voucher-content { flex: 1; }
.voucher-label, .voucher-popup-label { display: inline-block; margin-bottom: 12px; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.voucher-label { padding: 7px 14px; background: #ca2027; border-radius: 30px; }
.voucher-content h2 { max-width: 720px; margin: 0 0 24px; font-size: clamp(30px, 4vw, 52px); font-weight: 500; line-height: 1.12; }
.voucher-content h2 strong { color: #fff; font-weight: 800; }
.voucher-btn, .voucher-popup-btn > a { display: inline-flex; align-items: center; justify-content: center; padding: 14px 24px; gap: 12px; color: #fff; font-family: inherit; font-size: 15px; font-weight: 600; background: #ca2027; border: 2px solid #ca2027; border-radius: 7px; cursor: pointer; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; }
.voucher-btn:hover, .voucher-popup-btn:hover > a{ background: #a8171d; border-color: #a8171d; transform: translateY(-2px); }
.voucher-btn span { font-size: 20px; line-height: 1; }
.voucher-ticket { display: flex; flex: 0 0 285px; min-height: 190px; flex-direction: column; align-items: center; justify-content: center; padding: 30px; color: #171d28; text-align: center; background: #fff; border: 2px dashed rgba(202, 32, 39, 0.42); border-radius: 14px; transform: rotate(2deg); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18); }
.voucher-ticket::before, .voucher-ticket::after { content: ""; position: absolute; left: 50%; width: 26px; height: 26px; background: #9e1d25; border-radius: 50%; transform: translateX(-50%); }
.voucher-ticket::before { top: -14px; }
.voucher-ticket::after { bottom: -14px; }
.voucher-ticket span { color: #657084; font-size: 12px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; }
.voucher-ticket strong { margin: 5px 0; color: #ca2027; font-size: 66px; line-height: 1; }
.voucher-ticket small { color: #171d28; font-size: 13px; font-weight: 600; }

/* Popup */
.voucher-modal { position: fixed; z-index: 9999; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; visibility: hidden; opacity: 0; transition: visibility 0.3s ease, opacity 0.3s ease; }
.voucher-modal.is-open { visibility: visible; opacity: 1; }
.voucher-overlay { position: absolute; inset: 0; background: rgba(7, 13, 23, 0.78); backdrop-filter: blur(4px); }
.voucher-dialog { position: relative; z-index: 1; width: min(540px, 100%); padding: 48px; overflow: hidden; text-align: center; background: #fff; border-radius: 18px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35); transform: translateY(25px) scale(0.97); transition: transform 0.3s ease; }
.voucher-modal.is-open .voucher-dialog { transform: translateY(0) scale(1); }
.voucher-dialog::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 7px; background: #ca2027; }
.voucher-close { position: absolute; top: 18px; right: 18px; width: 38px; height: 38px; padding: 0; background: #f1f2f4; border: 0; border-radius: 50%; cursor: pointer; }
.voucher-close span { position: absolute; top: 18px; left: 10px; width: 18px; height: 2px; background: #17202e; }
.voucher-close span:first-child { transform: rotate(45deg); }
.voucher-close span:last-child { transform: rotate(-45deg); }
.voucher-popup-label { margin-bottom: 8px; color: #ca2027; }
.voucher-value { margin-bottom: 14px; color: #ca2027; font-size: 74px; font-weight: 800; line-height: 1; }
.voucher-dialog h2 { margin: 0 0 20px; color: #17202e; font-size: 27px; line-height: 1.25; }
.voucher-dialog p { margin: 0 0 14px; color: #5d6674; font-size: 15px; line-height: 1.7; }
.voucher-dialog .voucher-highlight { margin: 20px 0 26px; color: #17202e; font-size: 17px; font-weight: 700; }
body.voucher-open { overflow: hidden; }
@media (max-width: 800px) {
  .voucher-inner { flex-direction: column; align-items: flex-start; padding: 40px 28px; }
  .voucher-ticket { width: 100%; flex-basis: auto; transform: none; }
  .voucher-dialog { padding: 45px 25px 30px; }
}
@media (max-width: 480px) {
  .voucher-promo { padding: 30px 15px; }
  .voucher-inner { padding: 35px 22px; }
  .voucher-content h2 { font-size: 30px; }
  .voucher-value { font-size: 58px; }
}

/*====Recipes block===*/
.recipes-block{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin:30px auto;position: relative}
.recipes-block h2{display: block;width: 100%;}
.recipes-block > div{ width: 31%; position: relative; display: flex; flex-wrap: wrap; align-content: space-between;}
.recipes-block > div > div{ width:100%; position: relative; margin: 15px 0}
.recipes-block .recipes-main:before{content: "";position: absolute;left: 0;top: 0;background-color: #f0f0f0;width: 100%;height: 100%;border-radius: 8px;}
.recipes-block .recipes-info { width: 100%; position:relative; left: 0; top: 0; padding: 15px; color: #fff;    height: 100%; bottom: 0; display: flex; flex-wrap: wrap; align-content: space-between;}
.recipes-block .recipes-info h2{color: #000 !important;margin-top: 10px;font-size: 18px;width: 100%;text-align: center;}
.recipes-block > div > div > img{ width: 100%; height: auto; display: block}
.recipes-block .recipes-info ul{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; margin: 0; width: 100%}
.recipes-block .recipes-info ul li{list-style: none}
.recipes-block .recipes-info ul li img{ margin-right: 10px}
.recipes-info > div{width: 19%;margin: auto}
.recipes-info > div img{width: 100%;height: auto;display: block; transition: filter .25s ease, transform .25s ease;}
.recipes-info:hover > div img{transform: scale(1.025);}
.recipes-block > div > div p{margin: 0;color: #666;min-height: 58px;text-align: center;}
.recipes-popup-block ol,.recipes-popup-block ul{ padding: 0 0 0 30px}
.recipes-popup-block ol strong,.recipes-popup-block ul strong{ margin-left: -20px}
.recipes-popup-block ol li,.recipes-popup-block ul li{ padding: 3px 0}
.popup-text-info{ width: 100% !important; position: absolute !important; top: -50%; left: 0;}
.double-popup > strong{ width: 100%}

.recipes-popup-block{display: none; justify-content: space-between; flex-wrap: wrap;  margin:auto !important; max-width:900px; width:100%; background-color: #fafafa; position:absolute !important; z-index: 101; left:0; right:0; line-height:22px; color:#777777; border-radius:8px; top: 200px}
.recipes-popup-block p{ width: 100%}
.recipes-popup-block > div{display: flex; justify-content: space-between; flex-wrap: wrap; width:100%; background-color: #fff; padding: 15px}
.recipes-popup-block:before{ content:"";position: fixed; z-index: -1; bottom: 0; left: 0; width: 100%; background: rgb(0 0 0 / 80%); height:100%; text-align: center; display: block;}
.recipes-popup-block > div > h2{display: flex; align-items: center; justify-content: space-between; width: 100% !important; position:relative; font-weight:bold !important; color: #d72b2a !important; background-color:#fff}
.recipes-popup-block >  div > h2 .fa-fw{color: #d72b2a; font-size: 26px;}
.recipes-popup-block > div > div{ width:100%;display: flex; justify-content: space-between; flex-wrap: wrap;background-color:#fff; padding: 0 7px;}
.recipes-popup-block > div > div:first-of-type{}
.recipes-popup-block > div > div:first-of-type > div{border-top: solid 1px #d5d5d5;}
.recipes-popup-block > div > div:nth-of-type(even){ background-color:#f6f5f5}
.recipes-popup-block > div > div > div:nth-of-type(2){ width:48%}
.recipes-popup-block > div > div > div{ border:solid 1px #d5d5d5; padding:10px; width:13%; border-top: 0; }
.recipes-popup-block > div > div:last-of-type{ padding-bottom:7px}

.recipes-info span{width: 100%;}
.contact-voucher{visibility: visible;opacity: 1;justify-content: center!important;background-color: #1c1c1c05!important;}
.contact-voucher > div{border: unset!important;}
.pop-off-mark{position: absolute;right: 10px;top: 10px;color: #d72b2a}

/*===Page Title===*/
.page-title{background: url(images/uni-trend.jpg) no-repeat; background-size: cover; align-items: center; display: flex; background-position: center; position: relative}
.aboutus-title{background: url(images/airconditioning-manufacturing.webp) no-repeat; background-size: cover; align-items: center; display: flex; background-position: center; position: relative}
.page-title:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top, #d72b2a00, #212423);background: -moz-linear-gradient(top, #d72b2a00, #212423);background: -ms-linear-gradient(top, #d72b2a00, #212423);opacity: .5}
.page-title > div{ max-width:1280px; width:100%; margin:30px auto 0; display: flex; justify-content: space-between; align-items: center; height:100%; position: relative; color: #fff;}
.page-title > div h1{font-size: 46px;text-transform: uppercase;letter-spacing: 1px;line-height: 53px;}
.product-title-head{width: 100%; text-align: center}
.product-title-head > ul{display: flex; flex-wrap: wrap;justify-content: center;gap: 40px; list-style: none;}
.product-title-head > ul > li > a{color: #fff}
.product-title-head > span{font-size: 24px;background-color: #000;padding: 15px 70px;display: inline-block;border-top-left-radius: 50px;border-top-right-radius: 50px;margin-top: 20px;width: 100%;max-width: 50%;background-color: rgb(215 43 42);backdrop-filter: blur(17px);}


.intro-text{ font-size:18px}

.download-block{ display:flex; margin: auto; justify-content:space-between ;flex-wrap: wrap; width:100%; max-width:900px}
.download-block > div{width:48%;text-align:center;justify-content:center;}
.download-block > div img{ border:solid 1px #6c6a6b; border-radius:4px; width:100%; height:auto; display:block}
.download-block > div a{ width:100%; color:#fff; font-weight:600; margin:10px auto auto}
.download-list{display:flex; margin:50px auto; justify-content: space-between;flex-wrap: wrap;width: 100%; max-width: 1140px;}
.download-list > div{ width:44%}
.download-list > div ul{ padding:0; margin:0;}
.download-list > div ul li{ list-style:none; padding:5px 0;  }
.download-list > div ul li a{ width:100%;display:flex; align-items: baseline;line-height: 22px; color:#000}
.download-list > div ul li a .far{ margin-right:10px; color:#3d7abe}


/*====================== CONTACT US =============================*/
.contactus-block{ width:100%; display:table}
.contactus-block h2{ font-weight:normal;}
.contactus-block > h2{ font-weight:normal; text-align:center; font-size:30px; text-transform:uppercase; height: 50px; position: relative; color:#231f1e}
.contactus-block > h2:after{content:'';position:absolute;bottom:-8px;left:50%;width:10px;height:10px;background-color:#fff;-webkit-transform:translate(-50%) rotate(45deg);-ms-transform:translate(-50%) rotate(45deg);transform:translate(-50%) rotate(45deg);border:3px solid #231f1e;z-index:2}
.contactus-block > h2:before{content:'';position:absolute;bottom:-3%;left:50%;background-color:#231f1e;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);height:3px;width:140px;}

.contactus-form > div:last-of-type{ } 
.contactus-form > div:last-of-type > div > div{ }
.contactus-form > div:last-of-type > div > div:first-of-type{ width:12%;}
.contactus-form > div:last-of-type > div > div:last-of-type{ float:right; width:82%;border-left: 3px solid #231f1e; padding-left: 25px;}
.contactus-form > div:last-of-type > div > div:last-of-type strong{ text-decoration:underline; font-weight:normal}
.contactus-form > div p{ margin-bottom:0}
.contactus-form > div:last-of-type > div > div:first-of-type .far,.contactus-form > div:last-of-type > div > div:first-of-type .fas{font-size: 28px; color:#fff; background-color:#231f1e; width:40px; height:40px; text-align:center; padding: 4px;border-radius: 4px; line-height: 32px;}
.contactus-form > div:last-of-type > div a{ color:#000; text-decoration:none}
.contactus-form > div:last-of-type > div{ width:100%; display:table;margin-bottom:10px; transition:all .3s;padding: 10px;}
.contactus-form > div:last-of-type > div:hover > div:last-of-type{border-left: 3px solid #fff;}
.contactus-form > div:last-of-type > div:hover{ background-color:#231f1e; color:#fff; }
.contactus-form > div:last-of-type > div:hover h3,.contactus-form > div:last-of-type > div:hover a{ color:#fff}
.contactus-form > div:last-of-type > div:hover .fa{ background-color:#fff !important; color:#231f1e !important}
.contactus-form h2{ font-size:30px; line-height:35px; margin-bottom: 45px; color:#231f1e}
.contactus-form h3{ margin:0;font-size: 16px; text-transform: uppercase; color:#231f1e}
.contactus-form h2 > strong{ color:#666; position:relative}
.contactus-form h2 > strong:after{content:'';position:absolute;bottom:-10px;left:0;width:100px;height:2px;background-color:#231f1e;border:1px solid #231f1e;z-index:2}
.contactus-form .enquiry{width:60%; margin: auto}
.contactus-form .enquiry table{ width:100%}
.enquiry select { color:#999}
.enquiry a{ text-decoration:none; color:#fff !important; font-weight:600}
.enquiry a:hover{ opacity:.9}
.enquiry input[type="password"],.enquiry select,.enquiry input[type="email"], .enquiry input[type="text"]{ border: solid 1px #ccc; background-color:#f4f4f4; padding:12px 10px;  width:100%; margin-bottom:4px; }
.enquiry input, .enquiry select, .enquiry textarea{ margin-top:2px;}
.enquiry textarea{border: solid 1px #ccc; background-color: #f4f4f4; width:100%; font-family: Arial, Helvetica, sans-serif; padding:13px 10px; margin-bottom:4px}

.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:40%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px;color: #fff;}
.tcs-block div {display: flex;flex-wrap: nowrap;align-items: center;}
.tcs-block div input {width: 4%;height: 25px;margin-right: 10px; margin-left:0}
.tcs-block > td > div > label > span > a{color: #d72b2a !important; font-weight:normal}

/*===================== 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 4040 ==========================*/
.custom-404,.thank-you-custom{min-height:300px;}

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

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

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

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

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


/*------------------ FOOTER --------------*/

.footer{width:100%;  background-color:#fff; border-top: 1px solid #ebebeb;}
.footer > div{display:flex; justify-content: space-between; max-width:1280px; width:100%; margin:auto; text-align:left; position:relative; padding-bottom: 10px; flex-wrap: wrap}
.footer > div > div strong{ color:#353336; margin-bottom:15px; font-weight:normal; font-size:22px; margin-top:30px; display:block}
.footer > div > div strong a{ color:#353336;}
.footer > div > div{padding:10px;font-size:15px;width: 24%;}
.footer > div > div img{display:block;position: relative;top: 15px;width: 100%;height: auto;}
.footer > div > div li,.footer > div > div a{color:#646266;text-decoration:none;width: 62%;}
.footer > div > div li{ list-style:none; display:block; padding-top:9px;line-height: 22px;}
.footer > div > div ul{ padding:0; margin:0}
.footer li .footer-btn:hover{ box-shadow: 0 3px 6px rgb(34 25 36 / 20%);}
.footer .footer-btn{background-color: #353336; border:solid 2px #353336; color:#fff !important; padding:13px; display:table; transition:all .3s; min-width:180px; text-align:center; line-height: normal;}
.footer .footer-btn .fab,.footer .footer-btn .far{ margin-right:5px}
.footer > div > div li:nth-of-type(3) .footer-btn,.footer > div > div li:nth-of-type(2) .footer-btn{ background-color:#fff; color:#353336 !important}
.footer > div > div li:nth-of-type(2) .footer-btn .fas{ margin-right: 5px;}
.footer > div > div:nth-child(4) > ul{display: flex;flex-wrap: wrap;justify-content: space-between}

.footer-regions{padding: 12px 0; display: table; width: 100%; border-top: 1px solid #ebebeb;flex-wrap: wrap;}
.footer-regions ul{ padding:0; max-width:1280px; margin:auto; width:100%; display:table}
.footer-regions ul:first-of-type{ padding-bottom:10px}
.footer-regions li{ float:left; padding-right:20px; list-style:none; font-size:12px; color:#646266;}

.footer-payment-strip {width: 100%;background: linear-gradient(135deg, #cccccc 0%, #cccccc 100%);border-top: 1px solid #333;font-family: Arial, Helvetica, sans-serif;}
.footer-strip-inner { max-width: 1320px; margin: 0 auto; padding: 12px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.copyright {margin: 0;color: #222;font-size: 16px;font-weight: normal;}
.payment-icons { display: flex; align-items: center; gap: 8px; width: 25%}
.payment-icons img{ width: 100%;height: auto;display: block}
.payment-badge { height: 24px; min-width: 55px; padding: 0 10px; background: #ffffff; border-radius: 4px; border: 1px solid #d8d8d8; display: inline-flex; align-items: center; justify-content: center; color: #222; font-size: 11px; font-weight: 700; line-height: 1; }
.visa { color: #1a4fa3; font-style: italic; letter-spacing: 0.5px; }
.mastercard { gap: 2px; font-size: 10px; text-transform: lowercase; }
.mc-dot { width: 13px; height: 13px; border-radius: 50%; display: inline-block; }
.mc-dot.red { background: #eb001b; }
.mc-dot.yellow { background: #f79e1b; margin-left: -5px; }
.eft { color: #2f6f95; }


.unit-info-strip { width: 100%; background: #cccccc; border-bottom: 1px solid #e5e5e5;font-family: Arial, Helvetica, sans-serif;color: #222;}
.strip-inner {max-width: 1280px;margin: 0 auto;padding: 10px 0;display: flex;align-items: center;justify-content: space-between;gap: 22px;font-size: 18px;font-weight: normal;line-height: 2;}
.strip-item { display: inline-flex; align-items: center; gap: 8px;white-space: nowrap;align-content: center}
.strip-item > a{color: #000;align-items: center;display: flex;flex-wrap: wrap;column-gap: 5px;}
.strip-icon {width: 18px;height: 18px; display: inline-flex;align-items: center;justify-content: center; color: #222;flex: 0 0 18px;}
.strip-icon svg {width: 18px; height: 18px; fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
.strip-divider { color: #b8b8b8;font-size: 18px;font-weight: 400;margin-left: -10px;}
.strip-contact { display: flex; align-items: center;gap: 28px;margin-left: auto;}

/* Responsive */
@media (max-width: 900px) {
  .strip-inner {justify-content: center;flex-wrap: wrap;gap: 12px 20px;padding: 10px 15px;font-size: 13px;}

  .strip-contact {margin-left: 0;gap: 18px;}
  .strip-divider {display: none;}
}

@media (max-width: 520px) {
  .strip-inner {align-items: flex-start;flex-direction: column;}
  .strip-contact {flex-direction: column;align-items: flex-start; gap: 10px;}
}

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

@media screen and (max-width: 1280px){
	.back_main, .back_page, .section
	, .footer > div, .section-section, .intro-container{width: 100%}
}
@media (min-width: 1024px) and (max-width: 1330px){
	.nav > li > a, .nav > li > span{padding:0 7px}
	.menu-top-shopping{width: 16%}
}
@media only screen and (max-width: 1024px){
	body{ display: table}
}

@media (min-width: 800px) and (max-width: 1023px){
	
}

@media (min-width: 600px) and (max-width: 1023px){
	body{margin: 100px 0 0 0}
	.logo img{ width:100%; height:auto}
	.menu-top{ width:auto}
	.nav > li > a{ padding:0 8px !important} 
	.search-toggle{width: 75%;}
	.widget-container{ left: 7%; width: 44%;}
	.menu-top-shopping{width: 20%;}
	.partner-portal-block{margin-right: 15px; width: 15%;}
	#_specials .special-group{ padding: 0 14px; grid-template-columns: repeat(2, 1fr) !important;}
	.home-categories > div p{ font-size: 16px;}
	.home-categories > div span{ margin-bottom: 15px;}
	.uni-trend-products{padding: 0 15px}
	.uni-trend-products > div{width: 48%}
	.intro-block > div{padding: 50px 15px}
	.footer-regions{padding: 12px }
	.home-categories .categories-discription{padding: 15px}
	
	.clamp-header{width: calc(100% - 50px); float: right;}
	.multimer-1,.multimer-1.custom-menu-scroll-down{height: 100px}
	.custom-menu-scroll-down .top-menu-section{ display: block}
	.home-categories{margin: 20px auto 0 auto}
	
	.menu-top{ background-color:#d72b2a; position:fixed; top:0;height:100px; width:50px; overflow:hidden; padding:0px; transition:all 0.3s; z-index:100; margin:0; border-radius:0px}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 100px)}
	.menu-top>label{color:#fff;display:block;height:100px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;color:#fff;line-height:100px;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 ~ .multimer-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .multimer-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
	
	.page-title{padding: 20px 15px; height: unset}
}

@media screen and (max-width:599px){
	body{display: block;margin-top: 120px;}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	img{max-width: 100%; height: auto}
	.mobi-only{ display: block !important}
	.logo{width:55%;}
	.multimer-1 {height: 130px;}
	.multimer-1 .top-menu-section > div{ width:calc(100% - 50px); margin:auto 0 auto auto; height:32px}
	.multimer-1 .top-menu-section > div > ul{ width:100%; justify-content: flex-end;}
	.price-filter,.multimer-1 .top-menu-section > div > ul > li:nth-of-type(1),.multimer-1 .top-menu-section > div > ul > li:nth-of-type(3),.multimer-1 .top-menu-section > div > ul > li:nth-of-type(2){ display:none}
	.section-2, .section-section{width:100%;}	
	.widget-container{width:auto; left:unset; margin-bottom: 5px;}
	.search{ padding:0 10px; height:40px}
	.menu-top-shopping{width:100%;margin: 20px auto 0;justify-content: center;}
	.clamp-header{ width:calc(100% - 50px); float: right; align-items: center; padding: 0 10px;}
	.partner-portal-block{ display: none}
	.partner-portal-block > a{ padding:10px 0}
	
	.home-banner{position: relative;background: url("cssslider/images1/mobi/test-and-measurement-solutions.webp") no-repeat;position: relative;background-size: cover;z-index: 98;height: 290px;}
	.mobile-banner-text{display: flex;flex-wrap: wrap;justify-content: space-between;position: absolute;z-index: 99;padding: 20px;background-color: #3e3e3e96;height: 100%;align-items: center;}
	.mobile-banner-text strong{color: #d72b2a;font-size: 23px;}
	.mobile-banner-text h2{color: #fff;font-size: 38px;margin-top: 0;}
	.csslider1,.csslider1 > ul {display: none}
	.csslider1, .csslider1 *, .csslider1 *:after, .csslider1 *:before {display: none}
	
	.csslider1 > .cs_description {width: 100%;background: linear-gradient(160deg, #060606bf 0%, #00000059 55%, #ffffff8c 100%);}
	.home-banner > div > div.cs_description > label > span > span > h2 {color: #fff}
	.csslider1 > .cs_description > label {left: 11%;margin: auto}
	.csslider1 > .cs_description > label .cs_title {font-size: 18px!important;margin: auto;top: 0;bottom: 0;position: relative;}
	.home-banner > div > div.cs_description > label > span > span > p {display: none;color: #141313;line-height: 22px;font-size: 14px}
	.home-banner > div > div.cs_description > label > span > span > div > a {display: none}
	.voucher-label {display: none}
	
	.dropdown.main-product > ul > li > span{background-color: #d72b2a;padding:10px;display: block;color: #fff;}
	
	.uni-trend-products {padding: 0 15px}
	.uni-trend-products > div:nth-of-type(5):before, .uni-trend-products > div:nth-of-type(6):before{ top:38%}
	.uni-trend-products > div > a > div:nth-child(2) > p {margin-top: 0}
	.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%}
	.multimer-1 .top-menu-section > div > ul .dropdown-menu{top: 93%; position: absolute;}
	.page-title > div p{ display:none}
	.page-title > div{ padding:0 10px}
	.page-title > div ul{width: 100%;flex-wrap: wrap;display: flex;justify-content: space-between;padding: 0;}
	.page-title > div ul li .btn1{ font-size:12px; padding:8px 7px}
	.page-title > div ul li{ padding:0}
	.page-title{height: 193px;padding: 22px 0;}
	.page-title > div h1{font-size: 22px;margin-top: 0;line-height: 32px; min-height: 64px;align-content: center}
	.product-title-head > span{max-width: 100%}
	.intro-text-img img{ width:100%; margin-bottom:10px}
	.uni-trend-products > div span {display: none}
	.sign-in-cicle {display: none!important}
	.toggle-sign {display: none}
	#ExtContent_Popup .popup_content {overflow-y: unset!important;overflow: unset!important}
	
	
	.clearance-sale-block{ display:table; padding:0 15px}
	.clearance-sale-block > div{ padding:0 15px}
	.clearance-sale-block > div > div{ width:100% !important; margin:20px 0}
	.clearance-sale-block > div > div:nth-of-type(2){ padding:0; border:none}
	
	.download-block > div,.electrical-tools-block > div > div,.videos-block > div,.strength-block > div{ width:100%}

	
	.solutions-block > div > div{ width:100% !important}
	.electrical-tools-block > div > div p{ text-align:left}
	.solutions-block > div h2{ margin-bottom:0}
	
	.special-summary-block{display: none}
	
	.contactus-form > div{ width:100% !important}
	.contactus-form > div:last-of-type{ padding:0}
	
	.feedback-pop-up{ display:none}
	.call2Action-block{ margin-bottom:0}
	
	.trust-signals {margin: 0}
	.trust-signals > div > div > div {width: 49%;}
	.trust-signals > div > div > div span:last-of-type strong {font-size: 15px}
	.trust-signals > div > div > div span:last-of-type p {font-size: 14px}
	.trust-signals > div > div > div:nth-child(3)::after{display: none}
	
	.intro-block > div .btn1 {margin-bottom: 20px;width: 100%}
	.voucher-btn, .voucher-popup-btn > a {width: 100%}
	
	.recipes-block > div {width: 100%;}
	
	.footer-strip-inner { flex-direction: column; justify-content: center; text-align: center; padding: 14px 16px; } 
	.payment-icons {justify-content: center;width: 50%;}
	
	/*================== Reduce MENU Hight ============================*/
	.custom-menu-scroll-down{ -webkit-transition: height .3s; /* For Safari 3.1 to 6.0 */transition: height .3s;}
	.multimer-1.custom-menu-scroll-down{height:130px;}
	.custom-menu-scroll-down .top-menu-section{ display:block}
	.multimer-1.custom-menu-scroll-down .clamp-header{}
	.multimer-1.custom-menu-scroll-down .menu-top{ height:130px}
	.multimer-1.custom-menu-scroll-down #mainNav{height:calc(100vh - 130px)}
	.multimer-1.custom-menu-scroll-down .menu-top>label{height: 130px;}
	.multimer-1.custom-menu-scroll-down .menu-top>label>i{line-height: 130px;}

	.home-categories{ margin: auto}
	.home-categories > div{ width:100% !important}
	.home-categories > div:first-of-type > div{height:280px; background-position: -2px 25%;margin-bottom: 5%;background-size:214%;}
	.home-categories > div > div:nth-of-type(2){ background-position:10% 98%}
	.home-categories > div h2{ font-size:26px; line-height:28px}
	.home-categories > div p br{ display:none}
	.home-categories > div p{ line-height:26px; font-size:16px}
	.home-categories .categories-discription{ padding: 15px;}	
	.uni-trend-products > div{ width:100% !important}
	.uni-trend-products > div > a h2{ padding:18px!important; text-align:center}
	.intro-block > div{ padding:50px 15px}
	.intro-block > div h1 {font-size: 24px;line-height: 34px;}
	.intro-block > div p {font-size: 18px}
	.feedback-block .personal-details td{ width:50% }
	.feedback-block .personal-details td input{ width:100%}
	.feedback-block > div{ top:7%;padding:15px;width: 90%}	
	
	
	/*=============== Search Toggle ==============*/	
	#mobi-toggle-search:checked ~ * .search-toggle{top:0px; transition: all 0.25s}
	#mobi-toggle-search:NOT(checked) ~ * .search-toggle{top:-120px;transition: all 0.25s}
	.search-toggle{background-color: #fff;width: 100vw;overflow:hidden;transition:all 0.25s;order:2; display: flex; flex-direction:row;justify-content:center;align-items: center;position:fixed; left:0; padding:0 4px; height:120px;z-index:10000; transform-origin: bottom center; }
	.search input{height: 30px;}
	.mobi-toggle-search-btn{ flex-shrink: 0; width: 37px; height:35px; font-size: 20px;  border: 1px solid #ddd; justify-content: center; align-items: center; display: flex !important; margin:0; color:#c2c2c2}
	.mobi-toggle-search-btn-close{ flex-shrink: 0; width: 34px; height: 40px; font-size: 20px; color: #c2c2c2; border: 1px solid #ddd; justify-content: center; align-items: center; display: flex !important; margin: 0 8px; }
	
	/*=============== 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}
	
	/*=============== MENU ==============*/
	.aboutus-dropdown:focus .dropdown-menu,.aboutus-dropdown:hover .dropdown-menu,.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu, .dropdown.show-dropdown .dropdown-menu{display:block !important; margin:0;left:0;position:relative;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%}	
	.dropdown-menu{margin-left: 20px;max-height: none}	
	.dropdown-menu li {padding: 0;}
	.dropdown-menu a{color:#404040 !important;transition:background-color .5s;padding: 10px!important;display: block;white-space: normal}
	.footer-regions,.top-header, .top-tel{display:none !important}
	.footer > div:nth-child(1) > div:nth-child(2){display: none}
	.footer .footer-btn,.footer > div > div{width: 49%}
	.footer > div > div:nth-child(1){width: 100%}
	.footer > div > div li, .footer > div > div a {width: 100%}
	.footer > div > div:nth-child(1) > a{display: block;width: 40%}
	.footer > div > div li{}
}

@media screen and (max-width: 599px){
	.menu-top{background-color:#d72b2a;width:250px;position:fixed;top:0;height: 130px;width:50px;overflow:hidden;padding:0px;transition:all 0.3s;z-index:100;margin:0;border-radius:0px}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 100px)}
	.menu-top>label{color:#fff;display:block;height: 130px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;color:#fff;line-height: 130px;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 ~ .multimer-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .multimer-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
	.nav > li > a, .nav > li > span {color: #fff!important}
	#mainNav > ul > li:nth-child(2){display: none}
}
@media screen and (min-device-width: 768px){
	.active{border:solid 1px #fff}

	/* Level 1: hovering PRODUCTS shows the category list */
	.dropdown:hover > .dropdown-menu,
	.dropdown.show-dropdown > .dropdown-menu{
		display:table!important;
	}

	/* Level 2: each category li becomes its own positioning anchor */
	.dropdown-menu > li.dropdown{
		position:relative;
	}

	/* Nested submenus stay hidden and fly out to the right of their parent li */
	.dropdown-menu .dropdown-menu{
		display:none;
		top:0;
		left:100%;
	}
	.dropdown-menu > li.dropdown:hover > .dropdown-menu,
	.dropdown-menu > li.dropdown.show-dropdown > .dropdown-menu{
		display:block !important;
	}
}