*{box-sizing: border-box}
* [onclick] {cursor: pointer; }
body {font-family:Arial, Helvetica, sans-serif; margin:100px 0 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#e91300; 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}
a > button{ display: contents; all: unset}
.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:12px; min-width: 150px; text-align:center; font-size:14px; font-weight:bold; background:#e91300;  border-radius:4px;  color: #fff}

/*================== MAIN SECTION ============================*/
.back_page{ width:100%; max-width: 1280px; font-size:16px; color:#000; margin:50px auto 30px auto; padding:50px 15px 15px;line-height: 1.8em;}
.back_page p{text-align:justify;}

.section{position:absolute; visibility:hidden; z-index:999999;}
.section-1{width:100%; height:100px; z-index:100;  background-color:#ffffff; box-shadow:0 0 10px 2px #ccc; position: fixed; top: 0;}
.section-header{ max-width:1280px; margin:auto auto;}
.section-2{ position:relative; width:100%;}
.section-section{ max-width:1280px; margin:auto auto;}
.menu-top-container{display: flex; justify-content: space-between; flex-wrap:wrap;align-items: center;}

.section-1 .call-tab{background-color:#ededed}
.section-1 .call-tab > span{ max-width:1280px; margin:auto; width:100%; display:flex; justify-content: flex-end; color:#fff; font-size:14px;}
.section-1 .call-tab > span  > ul > li > a{ color:#404040; padding: 11px 29px; display: block; transition:all .3s }
.section-1 .call-tab > span > ul > li:hover > a{ color: #e91300}
.section-1 .call-tab > span > ul{ margin:0; padding:0; display: flex; position: relative; left: 33px}
.section-1 .call-tab > span > ul > li{ list-style:none;position: relative; }
.section-1 .call-tab > span > ul > li:after{content: ""; height: 20px; width: 1px; position: absolute; background: #979797; opacity: 0.2; right: 0; top: 50%; transform: translateY(-50%);}


/*================= MENUS ======================*/
.menu-top{ position:relative; left: 12%}

.menu-top label{display: none}
.nav{margin:0; padding:0}
.nav > li{float: left; position:relative; list-style:none}
.nav > li > a{display: inline-block; color:#3e3a3a; text-transform:uppercase; padding:0 30px; font-weight:bold; line-height:62px; font-size:1.3em !important; text-decoration:none; transition:all .3s; background-color:transparent !important;}
.nav > li a:hover, .nav > li:hover > a{background-color:transparent !important; color:#e91300! important;}

.dropdown-menu li{position:relative; list-style: none;border-bottom:1px solid #f1f1f1; width: 100%}
.dropdown-menu li:last-of-type{border:none }
.dropdown-menu{padding:0; margin:0; display: none; background-color:rgba(255,255,255,.9) !important; min-width:250px; left:20px; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px}
.dropdown-menu a{color:#404040 !important; transition:background-color .3s;  padding:10px; display: flex; align-items: center; width: 100%; white-space: nowrap;}
.dropdown-menu a > span{margin-right: 10px;}
.dropdown-menu li:hover a{color: rgb(222, 60, 52) !important; background-color: #f4f5f5 !important;}

.dropdown-menu-block li{width:48%;}
.dropdown-menu-block {justify-content: space-between;min-width:520px;}

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

.menu-home{float: left; width:100%;}
.menu-home > div{float: right;}
.menu-home a{color:#E4E0E0; margin-right:15px; text-decoration:none;}
.menu-home a:last-child{margin-right:0px;}
.menu-home a:hover{color:#fff;}

.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;}

.partner-portal-block{position: relative; text-transform: uppercase; background-color: #e91300; font-size:14px; font-weight:bold; display:flex; justify-content:space-around; align-items:center; height:100%; transition:all .3s}
.partner-portal-block:hover{ background-color:#202020}
.partner-portal-block > a{ color:#fff !important; display: flex !important; height: 100%; width: 100%; align-items: center; padding: 0 18px;}

.basket-displaytotal{ font-size: 16px; font-weight: bold;color: #707070;  text-align: center; left: 30px; position:absolute }
.user-block > a:hover{ color:#ed9521}
.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%, 14%); display:none; border: solid 1px #dbdbdb; border-radius: 4px; color: #3e3a3a}
.signin-dropdown{ position:absolute;background-color:#ffffff; text-transform: uppercase;font-size:12px; width:360px; z-index:101; top: 50%; right: 0%; transform: translate(20%, 17%); display:none; border: solid 1px #dbdbdb; border-radius: 4px;}
.portal-dropdown ul li,.signin-dropdown ul li{ list-style:none}
.partner-portal-block ul,.user-block ul{ padding:0; margin:0}
.partner-portal-block ul:first-of-type li,.user-block ul:first-of-type li{ text-align:center}
.partner-portal-block ul .btn1,.user-block ul .btn1{ min-width:150px;font-size: inherit; margin: auto; color: #fff}
.partner-portal-block ul .btn1:hover,.user-block ul .btn1:hover{ text-decoration:none}
.partner-portal-block ul:first-of-type li:last-of-type a,.user-block ul:first-of-type li:last-of-type a{ color:#ff0000}
.partner-portal-block ul:first-of-type li:last-of-type, .user-block ul:first-of-type li:last-of-type{ padding-top:0}
.partner-portal-block ul:last-of-type,.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:last-of-type{ border-top:1px solid #dbdbdb;}
.user-block ul:nth-of-type(3) li,.user-block ul:nth-of-type(2) li,.partner-portal-block ul:last-of-type li,.user-block ul:last-of-type li{ width:50%; border-bottom:0; border-right:1px solid #dbdbdb}
.user-block ul:last-of-type li:last-of-type{width: 100%; border-top: 1px solid #dbdbdb;}
.user-block ul:nth-of-type(2) {border-bottom: 1px solid #ccc;}
.partner-portal-block ul li,.user-block ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }
.partner-portal-block ul li:first-of-type,.user-block ul li:first-of-type{ border-bottom:none}
.partner-portal-block ul li,.user-block ul li{display: inline-block; padding:12px 20px; width:100%}
.partner-portal-block ul li a,.user-block ul li a{ color:#333232}
.partner-portal-block ul li:hover a,.user-block ul li:hover a{ text-decoration:underline}
.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: 98%; right: 19%; 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:#ed9521}
#basketOrder_totalitems{ position:absolute !important; right:auto !important; color:#ed9521 !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,#ExtContent_Popup .portal-dropdown .btn1{ padding:8px 10px !important}
#ExtContent_Popup .signin-dropdown ul, #ExtContent_Popup .portal-dropdown ul{ padding:0; margin:0; width:100%; display: flex; flex-wrap: wrap;}
#ExtContent_Popup .signin-dropdown ul:first-of-type li,#ExtContent_Popup .portal-dropdown ul:first-of-type li{ text-align:center}
#ExtContent_Popup .signin-dropdown ul .btn1,#ExtContent_Popup .portal-dropdown ul .btn1{ min-width:150px; color:#fff}
#ExtContent_Popup .signin-dropdown ul .btn1:hover,#ExtContent_Popup .portal-dropdown ul .btn1:hover{ text-decoration:none}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type a,#ExtContent_Popup .portal-dropdown ul:first-of-type li:last-of-type a{ color:#ff0000}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type,#ExtContent_Popup .portal-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 .portal-dropdown ul:last-of-type li{ width:50%}
#ExtContent_Popup .signin-dropdown ul li,#ExtContent_Popup .portal-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }
#ExtContent_Popup .portal-dropdown ul li{border-right: 1px solid #ccc;}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:first-of-type,#ExtContent_Popup .portal-dropdown ul:first-of-type li:first-of-type{ border-bottom:none}
#ExtContent_Popup .signin-dropdown ul li,#ExtContent_Popup .portal-dropdown ul li{display: inline-block; padding:12px 8px; width:100%}
#ExtContent_Popup .signin-dropdown ul li a,#ExtContent_Popup .portal-dropdown ul li a{ color:#404040; text-decoration:none}
#ExtContent_Popup .signin-dropdown ul li:hover a,#ExtContent_Popup .portal-dropdown ul li:hover a{ text-decoration:underline}
#ExtContent_Popup .signin-dropdown:before,#ExtContent_Popup .portal-dropdown:before{ display:none;}

#ExtContent_Popup .signin-dropdown ul:nth-of-type(3),#ExtContent_Popup .portal-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:nth-of-type(3){ width:100%}
#ExtContent_Popup .signin-dropdown ul:nth-of-type(3) li{ width:50%; border-left: 1px solid #ccc;}
#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 }

/*==================== LOGO =======================*/
.logo{position:relative;  width:19%; display: flex; align-items: center;}
.logo img{ width: 100%; height: auto; display: block; margin-top: -10px; position: relative;}
.logo:before { content: ''; display: block; position: absolute; top: -22px; left: -28px; border-bottom: 23px solid #fff; border-left: 16px solid transparent; border-right: 16px solid transparent; height: 0; width: 280px; z-index: 0;}

.widget-container{width:20%; float:left;}

/*===================== SEARCH ======================*/
.search{ position:relative; font-weight:normal;  height:32px; width:32px !important;padding:5px; border-radius:30px; font-size: 18px; border: solid 2px #ededed; background-color:#ededed}
.search a{ text-align:center; text-decoration:none}
.search a i{color:#404040}
.search .fa{margin: auto; width: 100%; height: auto; display:block}
.search .fa-window-close{opacity: .8; display: block; position: absolute; top: 3px; font-size: 22px; left: 3px; display:none}

.search-box{position: absolute; right:0px; padding:5px; top:100%; z-index:1; background-color:#fff; color: #fff; border-radius: 4px 0 4px 4px; font-size: 18px; width:100%; transition:all .3s; box-shadow: 0 10px 10px 2px #ccc;}
.search-box input{border: none; padding:5px; width:100%; height:62px; color:#e91300; font-size: 32px; border-bottom: 1px #404040 solid;outline: 0;}
.search-box span{cursor: pointer;}
.search-box > div{ position:relative !important; max-width:940px; width:100%; margin:auto;padding-bottom: 15px; left:12%}
.search-box > div > span{ position:absolute; right:3px; height:32px; width:32px; border-radius:30px; font-size: 26px; border: solid 2px #404040; background-color:#404040; top:14px; display: flex; align-items: center; justify-content: center;  }
.search-box > div a{ color:#fff; display: block; width: 100%; text-align: center;}

.gsc-input{background: white; padding:0 !important}
.gsc-input *{border: none !important; padding:0 !important; box-shadow: none !important}
.gsc-search-box{ padding: 0px !important; height: 26px;}
.gsc-input-box{margin:0 !important; height:27px !important; width:165px; background-color: transparent !important}
.gsc-input{height:32px !important; border: solid 1px white; margin:0; margin-top:-5px !important}
.gsc-search-box input{height:auto !important; width:auto !important; background: none !important; font-size:.9em !important}
button.gsc-search-button, button.gsc-search-button:hover{background-color: #2A336E !important; border: none !important; border-radius: 0 !important;padding: 5px !important ;margin: 0 !important;}
#___gcse_0 > form > table.gsc-search-box > tbody > tr > td.gsc-search-button{opacity: 0}

.search ::-webkit-input-placeholder {color: white;}
.search ::-moz-placeholder{color: white;}
.search :-ms-input-placeholder {color: white;}
.search :-moz-placeholder {color: white;}

.home-banner{ display:flex; margin:auto; position:relative; max-width:1663px; width:100%;text-align:center; overflow:hidden}
.cs_description .num1,.cs_description .num0{ color: #fff !important}
.home-banner .banner-btn{display: table; border: solid 1px #e91300; padding: 6px 14px; font-size: 14px; margin-top: 20px; line-height: 24px; pointer-events: auto; transition: .3s all}
.home-banner .banner-btn:hover{ background-color: #e91300; color: #fff !important}
.home-banner h1{ font-size: 48px; font-weight: normal; margin: 0}

.home-intro{ width:100%; display:table; margin: auto 0; padding:70px 0; position:relative; background-color: #f7f7fa;}
.home-intro:before{ content:""; width:40%; background-color:#323232; position:absolute; top:0; left:0; height:100%; z-index:0}
.home-intro:after{ content:""; width:60%; background-color:#fff; position:absolute; top:0; right:0; height:100%; z-index:0; border-bottom-right-radius: 100px;}
.home-intro > div{ max-width:1140px; margin:auto; width:100%; display:flex; justify-content:space-between;flex-wrap: wrap; position:relative; z-index:1}
.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:#717171; font-size:16px;}
.home-intro > div > div p{ line-height:26px}
.home-intro > div > div .btn1{ border-radius:50px; padding:16px; margin-top:10px; width:184px; transition:all .3s; color: #fff}
.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:45%}
.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:#e91300;border-bottom-right-radius:48px; height:100%; width:100%; z-index:-1}
.home-intro > div > div img{ width:100%; height:auto; display:block;border-bottom-right-radius:40px;}

.home-intro-text:before{ content: ''; position: absolute; background:#f7f7fa; -webkit-transform: skewY(3deg); -moz-transform: skewY(4deg); -ms-transform: skewY(4deg); -o-transform: skewY(4deg); transform: skewY(4deg); width:50%; height:100px; top: -25px; z-index: -1}
.home-intro-text:after{ content: ''; position: absolute; background:#f7f7fa; -webkit-transform: skewY(-4deg); -moz-transform: skewY(-4deg); -ms-transform: skewY(-4deg); -o-transform: skewY(-4deg); transform: skewY(-4deg); width:50%; height:100px; top: -25px; z-index: -1; right:0}

.home-intro-text{ background-color: #f7f7fa; width: 100%; display: flex; position: relative}
.home-intro-text > div{ max-width: 1280px; margin:30px auto}
.home-intro-text p{line-height:32px; font-size: 18px}

.intro-products{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; }
.intro-products > strong{ width: 100%; font-size: 38px; text-align: center; display: block; margin-top: 50px}
.intro-products > strong > span{font-weight: normal}

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

.intro-video-block{ width: 100%; display: flex; flex-wrap:wrap; position: relative; overflow: hidden; margin-top: 50px}
.intro-video-block:before{ content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 30%); z-index: 1}
.intro-video-block > video{position: absolute; left: 0; top: 0; object-fit: fill;  }
.intro-video-block > div{ max-width: 1140px;margin:100px auto; width: 100%; position: relative; color: #fff; z-index: 1}
.intro-video-block > div p{ font-size: 18px; line-height: 28px}
.intro-video-block > div span{ font-weight: bold; font-size: 48px; text-transform: uppercase; margin-bottom: 32px; display: block}
.intro-video-block > div .btn1{ font-size: 16px; letter-spacing: 0.5px; line-height: 28px; text-transform: uppercase; padding: 13px 28px; margin-top: 15px; background: #e91300; color: #fff}
.intro-video-block > div span strong{ color:#e91300}

.page-title{ display:flex; background:url("images/audible-visual-alarms.webp") no-repeat; justify-content: space-around; flex-wrap: wrap; background-size: contain; background-attachment: fixed !important; position:relative; align-content: end; z-index:1; margin-bottom: 100px}
.social-media-title{ display:flex; width:100%; background:url(images/social-media.webp) no-repeat; background-size: contain; }
.technical-support-title{ display:flex; width:100%; background:url(images/technical-support-banner.webp) no-repeat;     background-size: contain;}
.warranty-title{ display:flex; width:100%; background:url(images/warranty-banner.webp) no-repeat; background-size: contain;}
.contactus-title{background:url(images/contactus.webp) no-repeat; background-size: cover; background-attachment: unset !important; }
.title-block{max-width:1280px; display: flex; flex-wrap: wrap; justify-content:flex-start; width: 100%}
.page-title > div > div{ width:65%; display: flex; flex-wrap: wrap; justify-content: space-between; position:relative; background-color:#fff; align-items: center; padding:15px 0 15px 35px; box-shadow: 0 2px 20px rgb(0 0 0 / 8%);    border-radius: 8px; top:100px}
.page-title > div > div > div{ width: 100%}
.page-title > div > div > span{border-left: 1px solid #d2d2d2; padding:30px 40px;}
.page-title > div > div > span .btn1{ background-color:transparent; color:#e91300 !important; border:solid 1px #e91300; max-width:160px; font-size:16px}
.page-title > div > div > div{ padding-right: 56px; color:#404040; width:70%}
.page-title > div > div > div h1{color: #404040; font-size: 42px; line-height: 56px; margin-top: 21px; margin-bottom: 0; font-weight:900}
.page-title > div > div > div ul{ display:flex; padding:0; margin-bottom:0}
.page-title > div > div > div ul li{ list-style:none; font-size:14px;}
.page-title > div > div > div ul li a{ color:#404040}
.page-title > div > div > div ul li:nth-of-type(2){ margin:0 10px; color: #e91300}

.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;}
.team-block > div > span > strong, .aboutus-sub-intro > div > strong{color:#e91300;}
.aboutus-sub-intro > div span{position: absolute; background: #fff; padding: 25px 25px 25px; max-width: 160px; bottom:0; right: 5px; border: 1px solid #dfe5f3; text-align: center;}
.aboutus-sub-intro > div span:before{position: absolute; content: ''; width: 0; height: 0; z-index: 1; top: -13px; left: 30px; border: 13px solid transparent; border-top: 0; border-bottom-color: #f7f9fe;}
.team-block > div > span > h2,.aboutus-sub-intro > div h2{font-size: 34px; line-height: 44px; margin-top:0; position:relative}
.promise-block .promise-info-block h2:before,.aboutus-sub-intro > div h2:before { width: 52px ; bottom: -20px; height: 4px; left: 0; top: auto; position: absolute; content: ''; border: 4px solid transparent; border-bottom: 0; border-top-color: #e91300}
.promise-block .promise-info-block h2:before{border-top-color: #fff;}
.team-block > div > span > h2 i,.aboutus-sub-intro > div h2 i{color:#e91300;}
.aboutus-sub-intro > div span strong{ font-size: 41px; color:#e91300; line-height:24px; text-align:center}
.aboutus-sub-intro > div span p{ font-size:15px; margin:0; line-height:24px; text-align:center}
.aboutus-sub-intro > div > p{margin: 0 0 15px; color: #6e6e6e; line-height:25px}

.download-block{ width: 100%; background: url("images/manufacturer-electrical-products.webp") no-repeat; display: flex;background-size: cover; position: relative; overflow: hidden;}
.download-block:before {content: ""; width:60%; height: 220%; position: absolute; background: rgb(255 0 0 / 80%); transform: rotate(15deg); right: -100px; bottom: -120px;}
.download-block > div{ width: 100%; display:flex;justify-content: space-between; flex-wrap: wrap; max-width: 1140px; margin: auto; align-items: center; position: relative}
.download-block > div > div{ width: 50%; padding: 38px 0}
.download-block > div > div p{ font-size: 16px; line-height: 28px; color: #fff}
.download-block > div > div p a{ color: #d2d2d2}
.download-block > div > div:last-of-type{ text-align: right}
.download-block .btn1{ padding:14px 19px; width: auto; text-align:center; font-size:16px; font-weight:bold; border: 2px solid #e91300;  border-radius:30px;  color: #fff !important; text-transform: uppercase; transition: .3s all;   }
.download-block .btn1:hover {color:#e91300 !important;background: #fff;}

.bottom-back_page{ padding-top: 0}

.videos-block{ width:100%; 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%}
.videos-block > div .btn1{ width:100%; color: #fff}

.technical-support-block{display:flex;justify-content: space-between; flex-wrap: wrap; margin: auto; width: 100%;  margin-bottom: 50px }
.technical-support-block > div{ width:31%; text-align: center;}
.technical-support-block > div p{ text-align: center}
.technical-support-block > div p a{color: #e91300;}
.technical-support-block > div .btn1{ color:#e91300; border: solid 2px #e91300;  padding: 6px; background: unset; margin-top: 10px }

.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:#404040; 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:#e91300}
.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:#e91300}
.social-media-block > iframe{ margin-left:26%}

/*===================== Contact us ======================*/
.contactus-block{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top: 20px }
.contactus-block h2{ width: 100%; margin-top: 0; margin-bottom:30px; font-weight: normal;}
.technical-h2{ margin-top: 50px !important}
.contactus-block > div{ width: 31%; box-shadow: 6px 4px 18px rgb(0 0 0 / 8%); border: solid 1px #292929; border-radius: 4px; padding: 45px 15px 35px 0; display: flex; flex-wrap: wrap; justify-content: space-between; transition: .3s all; background-color: #fff;}
.contactus-block > div:hover{ box-shadow:none}
.contactus-block > div > span > strong{ display: block; font-size: 20px; color: #000}
.contactus-block > div > span:first-of-type{ width: 105px; height: 70px; border-radius: 0 50px 50px 0; background-color: #e91300; color:#fff; font-size: 34px; display: flex; align-items: center; justify-content: space-around;}
.contactus-block > div:nth-of-type(5) > span:first-of-type,.contactus-block > div:nth-of-type(2) > span:first-of-type{ background-color: #292929;}
.contactus-block > div:nth-of-type(6) > span:first-of-type,.contactus-block > div:nth-of-type(3) > span:first-of-type{ background-color: #333;}
.contactus-block > div > span:last-of-type{ width:60%}
.contactus-block > div > span:last-of-type a{ color: #000}
.contactus-block > div > span:last-of-type a:hover{ color:#e91300}
.contactus-block > div > span:last-of-type > a{ display: block}

.contactus-form{display: flex; flex-wrap:wrap; justify-content: space-between; margin: 70px 0}
.contactus-form h2{ text-transform: uppercase; font-weight: normal}
.contactus-form > div{ width: 48%;}

.enquiry-table{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px auto;}
.enquiry-table iframe{ width:100%; display: block; border-radius: 4px}
.enquiry-table h2{ width: 100%;padding: 0 3px}
.enquiry-table .enquiry{width:46%; display:table;}
.enquiry-table > div table{ width:100%;}
.enquiry-table > div table tr{}
.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:0 3px; width: 50%}
.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}

.existing-customers-block{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
.existing-customers-block > div{ width:100%;display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:30px }
.existing-customers-block > div > h2{ width:100%; margin-top:0; text-transform: uppercase; font-weight: normal; text-align: center }
.existing-customers-block > div > div{ width:32%; }
.existing-customers-block > div > div iframe{ display:block}
.existing-customers-block > div > div > div:last-of-type{  color:#3e3a3a; padding: 15px; height:220px;border: solid 1px #e91300;}
.existing-customers-block > div > div > div:last-of-type a{ color:#3e3a3a;width: 78%;}
.existing-customers-block > div > div > div:last-of-type h2{ font-size:16px; text-transform:uppercase; margin:10px 0}
.existing-customers-block > div > div > div:last-of-type ul{ padding:0; margin:0}
.existing-customers-block > div > div > div:last-of-type ul li{ list-style:none; line-height: 20px; padding:4px 0; display: flex;flex-wrap: wrap;}

.existing-customers-block > div > div > div:last-of-type ul li strong{min-width: 22%;}
.existing-customers-block > div > div > div:last-of-type ul li > span{}

.contactus-info{ padding-left:28px; width: 54%; transition: .3s all; }
.contactus-info a{ position: relative; transition: .3s all; display: flex; align-items: center; justify-content: space-around;}
.contactus-info a:hover:before{ content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%; background-color:rgb(0 0 0 / 30%)}
.contactus-info a .fa-fw{ position: absolute; margin: auto; font-size: 40px; transition: .3s all; display: none}
.contactus-info:hover .fa-fw{ display: block; color: #06338d}
.contactus-info a img{ width: 100%; height: auto; display: block}
.contactus-info > div:first-of-type p{font-size: 16px;} 
.contactus-info > div > div{ float: left}
.contactus-info > div > div:first-of-type{ width:12%;}
.contactus-info > div > div:last-of-type{ float:right; width:82%;border-left: 3px solid #2a327b; padding-left: 25px;}
.contactus-info > div > div:last-of-type strong{ color:#2a327b; }
.contactus-info > div > div strong{ margin:0;font-size: 16px; text-transform: uppercase; color:#2a327b; line-height: 22px;display: block; margin-bottom:10px}
.contactus-info > div > div:last-of-type > span{ display:block; margin-bottom:10px}
.contactus-form > div p{ margin-bottom:0}
.contactus-info > div > div:first-of-type .far,.contactus-info > div > div:first-of-type .fas{font-size: 28px; color:#fff; background-color:#2a327b; width:40px; height:40px; text-align:center; padding: 4px;border-radius: 4px; line-height: 32px;}
.contactus-info > div a{ color:#000; text-decoration:none}
.contactus-info > div{ width:100%; display:table;margin-bottom:30px; transition:all .3s;padding: 10px;}
.contactus-info > div:hover > div:last-of-type{border-left: 3px solid #fff;}
.contactus-info > div:hover{ background-color:#2a327b; color:#fff; }
.contactus-info > div:hover strong,.contactus-info > div:hover strong,.contactus-info > div:hover a{ color:#fff !important}
.contactus-info > div:hover .fa{ background-color:#fff !important; color:#2a327b !important}

.enquiry{ }
.captcha {color:#666;}
.enquiry h2{}
.enquiry table{width: 100%}
.enquiry .btn1 {margin-top: 22px; font-weight: bold; padding: 12px 15px; color: white !important; border-radius: 1px !important; text-decoration:none}
.enquiry input, .enquiry select, .enquiry textarea{background-color: white; color: #666; font-family:Arial, Helvetica, sans-serif; padding: 12px ; width: 100%; font-size: 16px !important; border:1px solid #c0c0c0;}

.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: #fff !important;}
.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{ font-weight:normal}

.contactus-extra-info{ width: 100%; display: flex; padding:40px 0; background-color:#393637}
.contactus-extra-info > div{ max-width: 1280px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto}
.contactus-extra-info > div > h2{ width: 100%; font-size: 46px;  color: #fff; text-align: center;}
.contactus-extra-info > div > div{ width:32%; margin-bottom: 34px;  font-size: 16px; color: #fff}
.contactus-extra-info > div strong{ font-weight:normal; font-size:22px; margin:20px 0; display: block}
.contactus-extra-info > div ul{ padding:20px 40px; margin:0; border: solid 2px #fff}
.contactus-extra-info > div iframe{ display:block}
.contactus-extra-info > div ul li{ list-style:none; color:#fff; margin-bottom: 10px; display:  flex; width: 100%; align-items: center; }
.contactus-extra-info > div ul li a{ text-decoration:none; color: #fff;display: flex; width: 100%; align-items: center; flex-wrap: wrap;}
.contactus-extra-info > div ul li .fas{font-size: 14px; padding-right: 10px; color: #fff; border: 1px solid #ddd; display: block; text-align: center; padding: 12px; height: 40px; width: 40px; margin-right: 10px; border-radius: 100%; float:left}
.contactus-extra-info > div ul li div{ width:80%; line-height: 22px;}

/*======================== GENERAL FORMS ============================*/
.form-tabs{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; margin:0}
.form-tabs > div{position:relative; background-color:#404040;min-width:19.5%;  }
.partner-portal-tab > div{ width: 24.5%}
.form-tabs .active-tab{ background-color: #e91300; position:relative }
.form-tabs .active-tab:before{ content:""; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #e91300; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0);}
.form-tabs > div a{ color:#fff !important; display:block; padding:7px 10px; text-decoration:none; border-radius: 4px;}
.form-tabs-empty{background-color:#fff !important;}
.upload-document-section{width: 100% !important;justify-content: space-between;}
tr.upload-document-section > td{width:33% !important; padding-left: 10px;}

.form-container .upload-block > div{ display:flex; flex-wrap: wrap;}
.form-container .upload-block > div > span{ width:50%; background-color: #f9f9fa; padding-left: 10px;}
.form-container .upload-block > div > div{ width:50%; padding-left: 10px;}
.solar-panel-option{ width: 100%}
.solar-panel-option > div{}
.solar-panel-option{ width:100%; display: flex;}
.solar-panel-option > div{ display: flex; width: 13%; flex-direction: row;}

.form-container{padding:20px; }
.form-container table{ width:100%; padding:5px 10px}
.form-container table tbody{display: flex; flex-wrap: wrap; justify-content: space-between; width:100%}
.form-container table tr{ width:100%;display: flex; flex-wrap: wrap;  padding: 5px 0;}
.form-container table tr td{ width: 49%; display: flex; flex-wrap: wrap; align-items: center; font-size:14px}
.form-container table tr td textarea,.form-container table tr td select,.form-container table tr td input{ width:100%; border: solid 1px #404040; padding:10px; font-family: Arial, Helvetica, sans-serif; color:#404040;}
.form-container .tcs-block div input{width: 4% !important;}
.doc-upload-block  td{ width: auto !important}
.doc-upload-block  td:nth-of-type(2){ width: 20% !important; padding-left: 20px}
.partner-upload td:nth-of-type(2){ width: 47% !important} 
.doc-upload-block  td:last-of-type{ width:26% !important}
.doc-upload-block  td:last-of-type form{ width:100%}

.doc-upload-block img{ max-width:25px}
.form-container table tr td select,.form-container table input[type=date]{ height: 37px}
.form-container table input[type=file]{ width: auto}
.form-container table .tcs-block div{ width: 50%; font-size: 16px}
.form-container table tr td > strong{ display: block; width: 100%}
.form-container textarea{height:60px;}
.form-container h3{margin-top:10px;font-size:16px;margin-bottom:0px;}

.radio-btn-tabs{display: flex;flex-wrap: wrap;width:100%;margin-bottom: 9px;margin-top: -4px;}
.radio-btn-tabs > div{ width:30%; display: flex;}
.radio-btn-tabs div label{ margin:0}
.panel-options-block:not(.active){display:none}
.panel-options-block.active{ display:flex !important}

.form-container h4{margin:0px;font-size:13px;margin-bottom:0px;}
.form-check{margin-left:20px; font-size:11px;display: flex; align-items: center;}
.form-option{font-size:14px; width:100%}
.form-option div{position:relative; float:left; width:33%; display: flex; align-items: center; margin: 2px -5px;}
.form-option input{width:20px !important;position:relative; float:left;}
.form-option label{position:relative; float:left;width: 60%;}
.form-nav{width:100%;display:table;}
.form-nav div{width:auto; position:relative;}
.siblings-table{ width:100% !important}
.form-nav div:nth-child(1){float:left;}
.form-nav div:nth-child(2){float:right;}
.disease-options td{max-height: 118px;margin-bottom: 41px;}
.font-size input{font-size:19px;}
.photo-option{ width:100%; display: flex;}
.photo-option > div{ display: flex; width: 13%; flex-direction: row;}
.form-uploaddoc{ position:relative; width:100%; height:32px;}
.form-uploaddoc div{
	/*
    height: 20px;
    width: 20px;
    position: relative;
	*/
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    background-color: #DDF; border-color:1px solid #c00;}
.form-uploaddoc input[type="file"]{ cursor: pointer; background-color:#fff; width:120px;}

.div_warranty1 a{display:inline; background-color:#e91300;color:#fff; padding:3px; padding-left:10px;    border-radius: 2px;}

/*=================== CLIENT ZONE ==========================*/
.zone-main{width:100%; min-height:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:5px;}
.zone-tab{width:100%; height:40px;}
.zone-tab div a{position:relative; float:left; width:200px; height:40px; background: #F40000;  color: rgba(255,255,255,.8) !important; color:#fff; margin-right:5px; font-size:14px; padding-top:5px; text-align:center; text-decoration:none;}
.zone-tab div a:hover{opacity:0.8;}
.zone-section{position:relative; float:left; min-height:350px; max-width:1000px; width:100%; border:1px solid #c0c0c0; margin-bottom:30px;}
.zone-container-access{font-size:18px; font-weight:bold; text-align:center;padding-top:80px;}

.zone-form{width:980px; margin: auto;}
.zone-form table{width:100%}
.zone-form table td{padding:10px}
.zone-form table input[type=text],.login-register table input[type=password], .login-register table input[type=email], .login-register table select, .login-register table textarea{padding: 12px; width:100%; margin-top: 5px; border: #ccc solid 1px;}
.zone-form button{margin: auto}
.zone-form .btn1{padding: 15px 20px}
.zone-form h1{text-align: center}
.zone-form span{font-weight:normal; color:#808080; font-size:16px;}
.zone-form table input[type=file]{width:100px;}
.zone-form textarea{font-family:Arial, Helvetica, sans-serif;font-size:13px; padding:4px !important; margin:0px !Important; margin-top:3px !important;}
.zone-file{position:absolute; z-index:999;top:1px;right:1px;width:206px;height:38px;background-color:#EDEBEB;padding-left:40px;padding-top:4px;pointer-events: none;}

.zone-list-btn{position:relative; float:left; border-radius:3px; background-color:#f00; color:#fff !important; text-decoration:none; width:100px; text-align:center;}
.zone-list-btn:hover{opacity:0.7;}

.zone-list-tracker{}
.zone-list-tracker table{display:table;border-spacing:0;border-collapse:collapse; font-size:12px; width:1000px;}
.zone-list-tracker td{display:table;text-align:left; padding:3px; padding-left:6px; border:1px solid #c0c0c0;}
.zone-list-tracker tr{display:table;}
.zone-list-tracker img{width:30px;height:25px;}
.zone-list-tracker td:nth-child(1){width:100px;}
.zone-list-tracker td:nth-child(2){width:100px;}
.zone-list-tracker td:nth-child(3){width:350px;}
.zone-list-tracker td:nth-child(4){width:120px;}
.zone-list-tracker td:nth-child(5){width:100px;}
.zone-list-tracker td:nth-child(6){width:100px;}
.zone-list-tracker tr:nth-child(1) td{background-color:#EDEBEB; color:#202020;border:none;}

.zone-btn{display: inline-block; padding:6px; min-width: 150px; text-align:center; font-size:14px; background:#404040;  border-radius:4px;  color:#fff !important; text-decoration:none;}
.zone-btn-red {margin-left:40px;background-color:#f00;}
.zone-float-left{position:relative;float:left;}
.zone-float-right{position:relative;float:right;margin-left: 30px;}

.register-block{ width:100%; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:20px}
.register-block > div{ width:48%; padding:0}
.register-block > div h1{ padding:30px; font-size:20px; font-weight:normal; background-color: #3679bd; color:#fff; letter-spacing:5px; text-align:center; margin:0}
.register-block > div p{ color:#848484; text-align:center; margin: 0; font-size:20px}
.register-block > div table{ width:100%; display:table}
.register-block > div table tr:nth-of-type(1) td,.register-block > div table tr:nth-of-type(6) td,.register-block > div table tr:nth-of-type(2) td{ width:49%}
.register-block > div table tr,.register-block > div table td{ width:100%}
.register-block > div img{ width:90%; display:block; height:auto; margin:auto}
.register-block .captcha > div{font-size: 14px; padding-left: 15px; color: #887575;}
.register-block table tr td select {color: #887575 !important;}
.register-block h2{ font-weight:normal; font-size:26px; color:#848484; margin-bottom:10px; margin-top:0}


/*======================== 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;
}
/*******************************************************************************
                                Places
*******************************************************************************/
*{box-sizing: border-box;}
#places_locator_Main{ width: 100vw; }
#places_locator_search{ padding: 0 15px; width: 100%; height: 5%; }

#places_locator_search > *{ width: 49%; padding: 3px;}
#Divider_PlacesLocator{ height: 500px;}
#places_locator_sidebar_parent{ height: 100%; width: 30%; float:left}
#places_locator_sidebar{height: 95%; overflow-y: auto;}
#places_locator_sidebar > div{ width: 100%; padding: 15px; overflow-y: auto; }
*[id^="map_marker_id_"]  *:not(:first-child) > *{display: inline-block; padding: 2px 4px;}
*[id^="map_marker_id_"] > div > *:first-child{width: 10%;}
*[id^="map_marker_id_"] > div > *:nth-child(2){width: 90%; display: inline-block;}

#places_locator_sidebar > div:not(:last-child){ border-bottom: solid black 1px; }
#place_locator_map{ height: 100%; width: 70%; float: right;
}
.clearfix:last-child:after{ visibility: hidden; content: ' '; width: 100%; display: block; float: none; clear:both;

}
@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; display:table; color: #2b2b2b; border-top: 2px #d51900 solid}
.footer > div{ font-size:12px; max-width:1280px; margin:30px auto; padding:7px 0 ; width:100%; display: flex; justify-content: space-between; flex-wrap: wrap}
.footer > div > div{ width: 18%; border-left:1px solid #d51900; padding-left: 20px; }
.footer > div > div:last-of-type li{ list-style: none}
.footer > div > div:last-of-type li:last-of-type{ display: flex; flex-wrap: wrap;}
.footer > div > div:last-of-type li:last-of-type p{ margin: 0}
.footer > div > div:last-of-type li .fa-fw{ margin-right: 5px}
.footer > div > div:first-of-type{ border-left:none; padding-left: 0; width: 26% }
.footer > div > div:first-of-type strong{ display: block; margin: 10px 0 0 10px; font-size: 14px;}
.footer > div a{ text-decoration:none; color:#2b2b2b }
.footer > div .fab{ font-size:24px}
.footer > div ul{ margin:0; padding:0 0 0 15px; display: flex; flex-wrap: wrap}
.footer > div > div > strong{margin:0 0 15px 0; display: block; font-size: 15px;}
.footer > div li{padding:6px 0; width: 100%; font-size: 14px;line-height: 20px}
.footer > div li a{font-size: 14px}
.footer > div li a:hover{ color: #d51900}
.footer .social-block li:last-of-type{padding-right: 10px;}

.bottom-nav{text-align: center; background-color: #fff; width: 100%; font-size: 15px; padding:10px 0; color: #2b2b2b;
    border-top: solid 1px rgb(43 43 43 / 10%);}
.bottom-nav a{ color:#2b2b2b; display: flex; align-items: center; transition:all .3s; text-decoration: none;}
.bottom-nav a:hover{  color: #d51900}
.bottom-nav > div{ display:flex;justify-content: space-between; align-items: center; max-width:1280px; width:100%; margin:auto; flex-wrap: wrap;}
.bottom-nav > div > ul{display:flex; flex-wrap:wrap; margin: 0; padding: 0}
.bottom-nav > div > ul > li{ padding-right: 20px; list-style: none; font-size: 12px}
.bottom-nav .fa-fw{ font-size:24px}
.bottom-nav .social-block li{ padding: 0 0 0 10px}
.bottom-nav > div img{ max-width:32px; height:auto}

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

@media not all and (min-resolution:.001dpcm) {
}
@media (min-width: 1664px) and (max-width: 2560px){
	
}

@media only screen  and (min-width : 2280px){
}

@media screen and (max-width: 1280px){
}
@media (min-width: 1025px) and (max-width: 1330px){
	.footer{ padding:0 10px }
	
}

@media only screen and (max-width: 1024px){
	body{ display: table}
	
	
}
@media (min-width: 800px) and (max-width: 1023px){
	
	.menu-top:after{left: -15.6%;}
	}

@media (min-width: 600px) and (max-width: 799px){
	.logo img{ width:100%; height:auto}
	.menu-top{ width:auto}
	.nav > li > a{ padding:0 8px !important} 
	.menu-top:after{left: -15.6%;}
	
}


@media screen and (max-width:599px){
	body{display: block}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	.mobi-only{ display: block !important}
	img{max-width: 100%; height: auto}
	.back_page{ padding:  15px}
	.logo{width:65%;left: 10px;}
	.search{ margin-right: 15px}
	.logo img{ margin: 0}
	.section-1 .call-tab > span > ul{ width: 100%; left: 0}
	.partner-portal-block{ width: 100%}
	.partner-portal-block > a{justify-content: center;}
	.section-2, .section-section, .section-header{width:100%;}	
	.widget-container{width: 50%;}
	.section-1{display: flex; flex-wrap: wrap; flex-direction: column-reverse; width: calc(100% - 50px); float: right; right: 0}
	
	.section-1 .call-tab > span > ul > li:first-of-type,.section-1 .call-tab .dropdown{ display: none}
	.intro-products > div > div{ width: 282px}
	
	.intro-products > div > div p{ min-height: unset; padding: 0}
	.intro-products > div > div h2{ height: unset}
	.home-intro > div > div{ width: 100% !important}
	.home-intro > div{ padding: 15px 0}
	.home-intro:before,.home-intro:after{ width: 100%}
	.home-intro > div > div > strong{ display: block; margin-top: 50px; font-size: 40px;}
	.intro-video-block > video{ position: unset}
	.intro-video-block > div{ padding:0 15px; margin: 50px 0}
	
	.home-intro-text > div,.home-intro{ padding: 0 15px}
	
	.page-title{background-attachment: unset !important; background-size: cover;}
	.page-title > div > div{ width: 90%; margin: auto;top: 65px; padding: 15px}
	.page-title > div > div > div{ width: 100%; padding: 0}
	.page-title > div > div > span{ padding: 15px 0 0 0;border: none;}
	.page-title > div > div h1{font-size: 28px !important; line-height: 32px !important;}
	
	.aboutus-sub-intro > div{ width: 100%; margin-bottom: 22px;}
	.aboutus-sub-intro{ margin: 0}
	.download-block > div > div{ width: 100%}
	.download-block > div{ padding: 15px}
	.download-block > div > div:last-of-type{ text-align: left; order: -1; }
	.download-block > div > div{ padding: 0 !important }
	.download-block:before{ display: none}
	.bottom-back_page{ margin: auto}
	.technical-support-block > div{ width: 100%;margin-bottom: 25px;}
	.technical-support-block{ margin-bottom: 0}
	
	.existing-customers-block > div{ padding-top: 0}
	.existing-customers-block > div > div{ width: 100%; margin-bottom: 40px }
	.existing-customers-block > div > div > div:last-of-type{ height: auto}
	
	.contactus-block > div > span:first-of-type{ width: 75px}
	.contactus-block > div > span:last-of-type{ width: 67%}
	
	.contactus-block > div{width: 100%; padding: 25px 15px 25px 0; margin: 15px 0}
	.enquiry-table > div table tr > td,.enquiry-table .enquiry{ width: 100%}
	.enquiry-table > div table tr > td{display: block}
	.contactus-info{ padding: 0; width: 100%; margin-top: 25px;}
	.enquiry-table{ margin: 0}
	.contactus-extra-info > div > div{ width: 100%}
	.contactus-extra-info > div{ padding:0 15px}
	.videos-block > div{width: 100%}
	
	.search-box{box-shadow:none}
	.search-box > div{ left:0; padding-bottom:0}
	.search-box input{ font-size:16px; height:32px;  }
	.search-box > div > span{height: 25px; width: 25px !important; top: 45%; font-size: 20px; right: 6%; transform: translate(-50% , -50%);}

	
	.rma-form-block tr td,.book-training-block tr td{ display: block}
	.bottom-nav{ margin-bottom: 50px}
	.contactus-extra-info > div > h2{font-size: 42px;}
	.home-intro > h1 br{ display: none}
	.home-intro > h1{ font-size: 40px}
	
	/*=============== 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%}
	
	.form-tabs > div{ width: 100%; margin: 2px 0}
	.form-tabs .active-tab:before{ display: none}
	.form-container table,.form-container{ padding: 0}
	.form-nav{ margin-top:20px}
	.application-form-table td,.upload-block-img td,.radio-btn-tabs > div,.solar-panel-radio,.battery-connection td,.battery-list{ width: 100% !important}
	.solar-panel-option > div{ width: 23%;margin-right: 30px;}
	.form-container h3,.form-container table tr td label{ line-height: 22px}
	.form-container h3{ margin: 16px 0}
	.doc-upload-block td:last-of-type{width: 62% !important;}
	.doc-upload-block td:nth-of-type(2){width: 75% !important;}
	.zone-file{ z-index: 1;width: 99%;}
	.form-container table .tcs-block div{ width: 100%}
	.form-container .tcs-block div input,.tcs-block div input{ width: 10% !important}
	.home-banner .banner-btn{ display: none}
	.csslider1 > .cs_description > label{ color: #fff}
	
	.zone-btn{ min-width: 125px}
	.form-container table tr td{ width: 50%}
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ display:block; }
	.home-banner:before{ content: ""; background:  rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2}
	.csslider1{ height:100%}
	.home-banner h2{font-size: 26px;   line-height: 28px;}
	.cs_title .cs_wrapper{ bottom:0}
	.mobile-banner{ position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom:0;color: #fff; margin: 0; font-size: 20px; line-height: 26px; left: 0; width:100%; height:85%}
	.csslider1 > .cs_description > label{ max-width:100% !important; width:100%; left:0 !important; top:35px !important; color: #fff !important}
	.home-banner .cs_title h1{ font-size:26px}
	.home-banner .cs_title .cs_wrapper{ padding:0 15px; font-size:26px}
	.mobile-banner > span{ position:unset; font-size:32px; line-height:32px}
	.home-banner .cs_descr .cs_wrapper{ margin:0 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}
	.mobile-banner > span h1{ font-size:32px; line-height:32px}
	.home-banner .btn-banner{ margin-top:15px; padding:10px 15px}
	.mobile-banner p{font-size: 16px; margin-bottom:0}
	.quick-enquiry-block{ position:fixed; display:block; bottom: 2%;left: 4%; background-color:#e91300;border-radius: 4px; z-index:1}
	.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;}
	
	/*=============== MENU ==============*/
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.nav > li > a{ color: #fff; line-height: 40px; padding: 0 15px}
	.nav > li{ width: 100%}
	.nav > li a:hover, .nav > li:hover > a{ color: #fff !important}
	.dropdown-menu a > span{ display: none}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.dropdown-menu{margin-left: 20px}	
	.top-header, .top-tel{display:none !important}
	
	.bottom-nav > div > ul > li{ padding: 5px 10px 5px 0 !important}
	.bottom-nav > div{ padding: 0 15px}
	.footer > div > div:nth-of-type(2),.footer > div > div:nth-of-type(3){display: none}
	.footer > div > div:first-of-type strong{ margin: 10px 0 0 0}
	.footer > div{ padding: 7px 15px; margin: 30px 0 0 0}
	.footer > div > div{ width: 100% !important; padding: 0; border: none}
	.footer > div ul{ padding: 0}
}

@media screen and (max-width: 599px){
	.menu-top{ background-color:#e91300; left: 0; position:fixed;top:0; height:100px;width:50px; overflow:hidden; padding:0px; transition:all 0.3s; z-index:100}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 100px)}
	.menu-top>label{color:#fff;display:block;height:100px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;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 ~ .section-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .section-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
}