*{box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}
body {font-family:Arial, Helvetica, sans-serif; margin: 100px 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:#666;}
a:active{color: #808080;}
h1{font-size:2.6em;}
h2{font-size:1.6em;} 
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.2em;}
h6{font-size:1.2em}
.item-hide, .quick-enquiry-block{display:none;}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}
.menu-top>label,#mobi-toggle{display: none}

.btn1{display: inline-block; padding:12px; text-align:center; font-size:14px; background: #00619a; color: rgba(255,255,255,.8) !important; text-transform:uppercase; border: solid #00619a 2px; transition: all .5s; font-weight: bold; letter-spacing: 1px}
.btn1:hover{color: #00619a !important; background: rgba(255,255,255,.8) !important;}
/*================== MAIN SECTION ============================*/
.back_main{ width:1000px; margin: auto auto; margin-top:10px; margin-bottom:10px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.75);box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.75);}
.back_page{width:1000px; position:relative; font-size:16px; color:#555; text-align:left; padding:40px 0; float: left top: 0px; padding: 10px; margin: 10px auto;}


.text-block {float: right; width: 65%;margin-top: 5px;margin-bottom: 20px;line-height: 22px;}

.back_page p{text-align:justify; line-height: 28px}
.back_page li{line-height: 28px}
.aboutus-block p { color: #777 !important;}

.page-title{background-color: #555; float: left; width: 100%;  position:relative;}
.page-title img{width: 100%; height: auto; top:0; left:0; display: block;}
.page-title > div{width: 1000px; margin: auto;}
.page-title > div h1{color: white; font-size: 66px; position:absolute; bottom: -60px;}

.about-image{float: left; margin-bottom: 20px; width:100%}
.electrical-equipment{position:absolute; visibility:hidden; z-index:999999;}
.electrical-supplies-1{width:100%; height:100px; z-index:99999;  background-color:#424241; position: fixed; top: 0}
.electrical-equipment-header{ width:1000px; margin:auto auto;}
.electrical-supplies-2{ position:relative; float:left; width:100%;}
.electrical-supplies{ width:1000px; margin:auto auto;}

.intro-below-banner{width: 100%; float: left; background-color: #f1f1f1; padding: 40px 0}
.intro-below-banner > div{max-width: 1000px; margin: auto}
.intro-below-banner > div > div{width: 33%; float: left; text-align:center; padding:20px; font-size: 14px; line-height: 24px}
.intro-below-banner h2{color: #00619a; text-transform: uppercase; letter-spacing: 2px}
.intro-below-banner img:hover{opacity: .9}
.intro-below-banner > div > div > a > div{background: url(images/commercial-buildings.png);background-position: -2% 66%;width: 82px;height: 82px;margin: auto;}
.intro-below-banner > div > div:nth-child(2) > a:nth-child(1) > div{background-position: 50% 8%;}
.intro-below-banner > div > div:nth-child(3) > a > div{background-position: 100%;}

/*============================ Snippets ========================*/
.menu_blog_container{width:100%; float:left; left:0; background-color:rgba(66, 66, 65, 0.15); position: relative; z-index: 2; padding:20px 0}
.menu_blog{max-width:1000px; width:100%; margin:auto auto !important; font-size:10px; color:#11316e; height:545px; padding:5px}
.menu_blog h2, .menu_blog h3{color:#323232; }
.menu_blog h3{ margin-bottom:5px; color:#11316e; text-transform:none !important; width:247; overflow:hidden; height:20px}
.menu_blog > div h2{ display:inline-block;margin-top: 20px; margin-bottom: 7px; height:36px; color:#00619a;}
.menu_blog_container > div > div > h2{ }
.menu_blog > div > div:last-of-type{ width:100% !important; float:left; font-size:13px; line-height:18px;}
.menu_blog > div{width: 260px;height:420px; float:left; padding:10px; text-align:center; margin-top:10px; margin-left:50px; }
.menu_blog > div{box-shadow: 0 0 3px 2px #c4c4c4; background-color: #fff}
.menu_blog > div > div{ width:100%;}
.menu_blog > div > div{ float:left !important; padding:0; line-height:19px; overflow:hidden; color:#202020; font-size:13px}
.menu_blog span{ width:100%;margin-top:10px; margin:auto; font-size:13px;padding-top: 20px; overflow:hidden}
.iframe-block{width:33px !important; height: 33px; padding-top: 0 !important;  margin-top: 20px !important;}
.iframe-block iframe{ opacity:0.01; position:relative; z-index:1; height:33px}
.iframe-block:hover .fa{ color:#273273 !important}
.iframe-block .fa{ position:absolute; z-index:0; font-size:20px; padding:6px; color: #202020;}
.menu_blog span a{ font-size:11px; font-weight:700; margin-bottom:20px; text-transform: uppercase;}
.menu_blog .snippet-img{position: relative; height: 173px; background-size: cover; background-position: center;}
.menu_blog .snippet-img > p{position: absolute; z-index: -1; width: 100%; padding: 10px;}
.menu_blog .read-more{ height:10px !important; margin-top:7px}
.menu_blog a:hover{ opacity:.8}
.view-special-block,.menu_blog .btn1{ width:95%; margin:auto; border:solid 1px #00619a; border-radius:0; background-color:transparent; padding: 6px 10px; line-height: 20px !important; color:#00619a !important}

.view-special-block{ text-align:center; margin-bottom:5px}

.menu_blog-title{ width:100% !important; overflow:hidden !important; margin-bottom:5px; margin-right:0 !important; margin-top:0 !important; text-align:center; height:auto !important; box-shadow:none !important;margin-left: 0 !important; background-color: initial !important}
.menu_blog-title h2{ font-size:24px;width: 100%;  height: 33px;}
.menu_blog div .no-image{ width:247px !important}
.menu_blog div .no-image div{ width:247px !important}
.no_image{float:left !important}
.no-text{height: 361px !important}
.menu_blog .no-text .snippet-img{height: 340px !important}
.no-text-hide{display: none}

.intro-services{width: 100%; float: left; padding: 40px 0}
.intro-services > div{width: 1000px; margin: auto; font-size: 14px; line-height: 22px}
.intro-services > div > div{width: 46%; height: 205px; float: left; border-top: solid #ccc 1px; padding: 30px 0}
.intro-services > div > div:nth-of-type(5), .intro-services > div > div:nth-of-type(6){border-bottom: solid #ccc 1px;}
.intro-services > div > div:nth-of-type(even){float: right;}
.intro-services > div > div > div:first-of-type{width: 20%; float: left}
.intro-services > div > div > div:last-of-type{width: 80%; float: left}
.intro-services h2{margin: 0}
.intro-services p{margin-bottom: 0; }
.intro-services > div > div a{color: #424241; display: block; margin-top: 15px; color: #00619a}
.intro-services > div > div a:hover{opacity: .8}

.intro-services-supplies{background: url(images/integrated-circuits.png);background-position: 4% 0%;width: 70px;height: 70px;}
.intro-services > div > div:nth-child(2) > div:nth-child(1) > a{background-position: 100% 0%;}
.intro-services > div > div:nth-child(3) > div:nth-child(1) > a{background-position: 8% 50%;}
.intro-services > div > div:nth-child(4) > div:nth-child(1) > a{background-position: 100% 50%;}
.intro-services > div > div:nth-child(5) > div:nth-child(1) > a{background-position: 8% 100%;}
.intro-services > div > div:nth-child(6) > div:nth-child(1) > a{background-position: 100% 100%;}

.intro-about{width:100%; position: relative; color: rgba(255,255,255,.9); font-size: 18px;  text-align:center; float: left; background: url(images/vrs-electrical-offices.jpg) fixed; background-size: cover}
.intro-about > div:first-of-type{position: absolute; z-index: 1; background: rgba(0,0,0, .6); width:100%; height:100%; float: left}
.intro-about > div:last-of-type{margin: auto; width: 800px; position: relative; z-index:2; padding: 60px 0 100px 0!important;}
.intro-about p{text-align: center; line-height: 28px}
.intro-about .btn1{position: relative; top:20px;}
.intro-about h1{font-size: 24px}
.cursor-blink{-webkit-animation: 1s blink step-end infinite;
  -moz-animation: 600ms blink step-end infinite;
  -ms-animation: 600ms blink step-end infinite;
  -o-animation: 600ms blink step-end infinite;
  animation: 600ms blink step-end infinite;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #0091e6;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: #0091e6;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #0091e6;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #0091e6;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #0091e6;
  }
}
/*================= MENUS ======================*/
.menu-top{ position:relative; width:auto;  float: right; margin-right: 25px;}

.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:rgba(255, 255, 255,1) !important; text-transform:uppercase; border-left: solid 1px rgba(255, 255, 255,0	) !important; padding:41.5px 25px !important; font-weight:bold;font-size:1.3em !important; text-decoration:none; transition:all .5s; background-color:transparent !important; border-left: none !important; border-right: none !important}
.nav > li:first-of-type > a{border: none !important}
.nav > li a:hover, .nav > li:hover > a{background-color:transparent !important; opacity: .7}

.nav > li > a .special-btn{border: solid red 2px; display: inline-block; padding: 10px 15px!important; position:relative; top: -13px; transition: all .5s;
border-radius:32px; color: red; font-weight: 800}
.nav > li > a .special-btn:hover{background-color: red; color: #fff}
.nav > li > a:hover{opacity: 1}

.dropdown li{border-bottom:1px solid rgba(255, 255, 255, 0.19) !important;}
.dropdown li:last-of-type{border:none !important}
.dropdown > a{color:white !important; padding:10px 15px !important; }
.dropdown-menu li{padding:10px; position:relative; list-style: none; display: block;}
.dropdown-menu{padding:0; margin:0; display: none; background-color: #00619a !important; min-width:250px; top: 100%; left:20px; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px; color: #ffffff}
.dropdown-menu a{transition:background-color .5s;  padding: 15px!important; color:#fff}
.dropdown-menu li:hover a{color:#ffffff; opacity: .7;}


.navbar-nav > li a{border:1px solid transparent}
.nav .open > a{border: none !important}
/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:hover .dropdown-menu{display:block !important}
}

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

.menu-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:25%; float: left;  font-size:14px; line-height:14px;  margin-bottom: 25px;  margin-top: 20px; 13px; text-transform: uppercase}
.menu-side > h2{ font-size:22px}
.menu-side ul{margin: 0; padding:0; border:#f1f1f1 1px solid;}
.menu-side li{list-style: none !important; border-bottom: 1px solid #f1f1f1,  position: relative;  transition: all .5s; border-bottom: 1px rgba(84, 94, 116, 0.25) solid; line-height:18px;}

.menu-side li:last-of-type{border: none}
.menu-side li a{padding: 15px; display: inline-block; width: 100%; transition: all .5s; color: #555; position:relative}
.menu-side li a:after{content:"\203A"; margin-right: 0px; color: #555555; position:absolute; right: 4px; top: 50%; float: right; font-size: 16px;display:inline-block;transform: translate(0, -50%); }

.menu-side a.menu-active, .menu-side li a:hover{ background-color: #00619a; color: white; width: 100%}
.menu-side a.menu-active:after, .menu-side li a:hover:after{color: #fff;}
.menu-side h2{margin-top: 0;}

.contactus-top{width: 100%}
.contactus-top > div:first-of-type{float: left; width:70%; padding-right: 20px}
.contactus-top > div:last-of-type{float: left; width:30%; height:677px; color: #333; background-color:#f1f1f1; padding: 0 20px 20px 20px}
.contactus-top > div:last-of-type a{color: #333}
.contactus-top > div:last-of-type strong{position: relative}
.contactus-top > div:last-of-type  p{margin:0}
.contactus-top > div:last-of-type > div{width: 100%; float: left; margin-top: 27px;}
.contactus-top > div:last-of-type > div > div:first-of-type{width: 10%; float: left; position:relative; top: 5px}
.contactus-top > div:last-of-type > div > div:last-of-type{width: 90%; float: left}
.contactus-top .btn1 {margin-top: 20px;}
.
.text-block{width: 72%; margin-left:4%; float: left; text-align:justify; color:#202020;}
.text-block h2{margin-top: 30px; font-size:17.6px}
.ramika-projects-img img{ border:solid #ccc 1px}.text-block-back h2:first-of-type{margin-top: 12px}
.text-block-back h2:last-of-type{margin-top: 0px}
.bbee-certificate, .text-block-back .btn1{ padding:6px 10px}
.text-block-back 

.about-affiliate{width: 100%; float: left; margin-top: 30px; border-top: solid 1px #f1f1f1; padding-top: 25px}
.about-affiliate > div{width: 25%; float: left}
.about-affiliate img{width: 90%; height: auto}
.about-affiliate h2:after{display: none}

.text-block-back{margin-bottom: 40px; padding: 15px; float: left}
.bbee-certificate, .text-block-back .btn1{ padding:6px 10px}
.text-block-back 

.text-block-back{margin-bottom: 40px; padding: 15px; background-color: #f1f1f1; float: left}

.division-logo{ width:100%; display:table}
.division-logo > div{ max-width:1280px; margin:auto }
.division-logo > div h2{ font-size:32px; margin-bottom:35px; text-align:center}
.division-logo > div > div{ position:relative; display:inline-block; width:22%; height:108px; float:left; margin-right:4%; margin-bottom:3%;box-shadow: 2px 2px 5px #888 !important}
.division-logo > div > div:nth-of-type(4n+4){ margin-right:0}
.division-logo > div > div img{ max-width:100%; height: auto;padding: 5px; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0}

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

/*==================== LOGO =======================*/
.logo{position:relative; float:left; width:20%; clear:left; padding-left: 10px;  padding-left: 45px}
.logo > div{width:231px; text-align: center;}
.logo .logo-img{width: 153px; height: auto}
.logo .logo-text{width: 227px; height: auto}

.widget-container{width:auto; float:right; background-color: #00619a; border: solid 2px #00619a; font-size: 18px;  text-transform: uppercase}
.widget-container .fa{width: 16px; height:auto;}
.widget-container a{color: white; height: 96px; padding: 40px; display: inline-block; transition: .5s all}
.widget-container a:hover{opacity: .7}

/*===================== SEARCH ======================*/
.search{ position:relative; float:left;  font-weight:normal;  height:25px;}
.search div{position:relative; float:left; border:1px solid #D6D2D2; border-bottom-left-radius:5px; border-top-left-radius:5px; width:50%; height:17px; padding:3px; padding-left:5px; padding-top:1px;}
.search a{color:#404040; position:relative; float:left; width:24px; height:15px; top:0px;  text-align:center; padding:4px;  background-color:#D6D2D2; color:#fff; border-bottom-right-radius:5px; border-top-right-radius:5px; text-decoration:none;}
.search a:hover{text-decoration:none; color:#DA251C;}
.search input{ position:relative; float:left; background-color:transparent; border:none !important; color:#999999;}

.home-banner{position:relative; max-width:1663px; margin: auto; text-align:center; overflow:hidden;}

.home-banner label > span.cs_descr > span > span{font-size:19px;}

.banner-btn {border-radius: 3px;line-height: 0;padding: 25px !important;text-transform: uppercase;white-space: nowrap;display: inline-block;float: left;font-size: 16px;color: #fff !important;position: relative;bottom: -25px;margin-right: 15px;background-size: 200% 100%;letter-spacing: 1px;}
.home-banner label > span.cs_descr > span > a:nth-child(3){color: #0091e6 !important;background: #fff;transition: background-position 0.5s;}
.home-banner label > span.cs_descr > span > a.banner-btn.banner-btn-color{background-color: #0091e6;background-image: linear-gradient(to right, rgb(0, 145, 230) 50%, rgb(0, 129, 204) 50%);transition: background-position 0.5s;margin-left: 5px;}
.home-banner label > span.cs_title > span > span{color: #0091e6;transition: all 0.5s;}

.home-banner .sales-direct{ width:100%; display:table; text-align:center; color:#fff; position:absolute; bottom:0; z-index:99; padding:8px 0; background-color:rgba(0, 46, 74, 0.2784313725490196); font-size:25px}

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

.specials{width:100%; display:flex;flex-wrap: wrap; justify-content: space-evenly;}
.specials > div{ flex-wrap: nowrap; width:22%; margin-bottom: 40px; margin-top:20px; overflow: hidden; box-shadow: 0 1px 1px 1px #999; }
.specials .description{ font-size:12px;padding: 0px 0 3px 5px;}
.specials > div img{width: 100%; height:auto;min-height: 305px;}


/*======================== THANK YOU==========================*/
.thank-you{float: none; margin:auto; border-left:none; font-size:13px; width:800px; margin-top: 50px; margin-bottom: 30px; display: table}
.thank-you div{float: left}
.thank-you-image{left:60px; top:80px; position: relative; width:50%; box-sizing:border-box}
.thank-you-text{float: left; top:40px; left:10px; width:50%; box-sizing:border-box; position:relative; z-index:100}
.thank-you-title{font-size: 5.5em;text-transform:initial; font-weight: normal; white-space:nowrap; position:relative; left:-150px; top:15px }
.thank-you-title span:first-of-type{color: #ee3437}
.thank-you-title span:nth-of-type(2){color: #19459e}
.thank-you-title span:nth-of-type(3){color: #858489}
.thank-you-contact{text-align: center; width:100%; margin-top:100px; padding:10px 0; font-weight: bold; line-height:20px; border-top:1px #f1f1f1 solid; float: left}
.thank-you-contact a{color: #000; margin:10px 0}
.thank-you-contact .btn1{width: auto}
.thank-you-enquiry{display:none;}


.enquiry-button{width:auto; float:right; background-color: #d0142c; padding: 10px; font-weight: bold; position:relative; top: 31px; right: 10px}
.enquiry-button a{border-radius:20px; text-transform:uppercase; font-size:12px;  color: white !important}
.enquiry-button a:hover{opacity:.8}

.enquiry{background-color: #f1f1f1; padding: 25px; border: solid #ccc 1px;}
.enquiry h2{margin-top: 0}
.enquiry table{width: 100%}
.enquiry input, .enquiry select, .enquiry textarea{border: none; color: #666; font-family:Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc; padding: 28px 4px ; width: 100%; background-color: transparent; font-size: 16px !important}
.question{font-size: 16px; }

/*===========================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{color:#fff; padding-left:0px; width:100%; float: left; position: relative}
.footer > div{vertical-align:top; width:1000px;  margin:auto; background-color: #fff; font-size:16px; text-align:left; position: absolute; bottom: 0; color: #424241; margin: auto; left:0; right: 0; padding: 20px; box-shadow: 1px -1px 30px 2px #999; font-weight: bold; font-style: italic}
.footer > div > div:first-of-type{float: left; width: 30%}
.footer > div > div:first-of-type p{color: #999; font-style: normal; font-size: 14px; line-height: 18px}
.footer > div > div:last-of-type{float: right; width: auto}
.footer > div > div:last-of-type > div{width: auto; float: right; text-align: center; padding: 5px 30px}
.footer .fa{border: solid #ccc; width: 50px; height: 50px; padding: 10px; border-radius: 90px; font-size: 22px; margin-bottom: 10px; color: #00619a}
.footer a{color: #424241}

.footer iframe{ display: block}

.footer-bottom{width: 100%; float: left; background-color:rgba(0, 51, 168,1); font-size: 12px; color:rgba(255,255,255,.8); }
.footer-bottom > div{width: 1000px; margin: auto; padding-right: 10px}
.footer-bottom > div ul{width:auto; margin: auto; padding:0;}
.footer-bottom > div ul li{list-style: none; float: left; padding: 10px 5px}
.footer-bottom a{color:rgba(255,255,255,.8)}
.footer-bottom a:hover{opacity: .8}

.footer-bottom{width: 100%; float: left; background-color: #424241; font-size: 13px; color:rgba(255,255,255,.8); z-index: 100; position: relative}
.footer-bottom > div{width: 1000px; margin: auto; padding-right: 10px}
.footer-bottom > div ul{width:auto; margin: auto; padding:0;}
.footer-bottom > div ul li{list-style: none; float: left; padding: 12px 20px}
.footer-bottom > div ul li:first-of-type{padding-left: 0}
.footer-bottom a{color:rgba(255,255,255,.8)}
.footer-bottom a:hover{opacity: .8}

.row{clear: left;}
.row0{clear: left; line-height:1px;}
@media screen and (max-width: 1372px){
	.nav > li > a{}

.logo{width:26%;}

}
@media screen and (min-width: 1893px) and (max-width: 2560px){
	.home-banner .sales-direct{ bottom:8px}
	}
@media screen and (max-width: 1260px){
	.nav > li > a{padding-left: 10px !important; padding-right: 10px !important;}

.logo{width:26%;}

}


@media screen and (max-width: 1210px){
	.nav > li > a{padding-left: 5px !important; padding-right: 5px !important;}
	.widget-container a{padding-left: 10px !important; padding-right: 10px !important;}

.logo{width:26%;}
#wowslider-container1 .ws-title{ top:-22px }

}


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

body{ display: table}


}
@media screen and (max-width: 575px){
	body{display: block}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	img{max-width: 100%; height: auto}
	.logo > div{width: 100%}
	.logo{width: 43%}
	.division-logo > div > div img{height: auto}
	.section-1, .section-2, .section-section, .section-header{width:100%; height: initial; float: left}	
	.widget-container{width: 50%;}
	
	.back_page{width: 100%}
	
	.menu-side, .footer-bottom{display: none}
	.menu_blog > div{ width: 95%; margin:auto; float:unset; margin-bottom:15px}
	.menu_blog > div h2{ height:unset; margin-bottom:0; margin-top:0}
	.menu_blog{ height:unset}
	.menu_blog .no-text .snippet-img{ height: 360px !important; width: 100%; background-size: contain; background-repeat: no-repeat;}
	.intro-services-supplies{margin:auto;}
	
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ height:auto;max-height:none;}
	.home-banner > div{ height: 339px; }
	.mobile-banner::before{content: "";
    width: 100% !important;
    height: auto !important;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 3;
    left: 0;
}
	.mobile-banner{  display:block !important; height: 340px; background:url(images/circuit-breaker.jpg) no-repeat; background-size: cover;  position:relative}
	.mobile-banner .home-banner-title{ position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom: 0;color: #fff; margin: 0; padding: 10px 0; font-size: 20px; line-height: 26px; left: 0; top: unset !important; width:100%;height: 56%;}
	.csslider1 > .cs_description > label{max-width: 100% !important;left: 0 !important;bottom: 97px !important;margin: 10px;}
	.banner-btn{width: 30%;font-size: 10px;text-align: center;padding: 19px !important;left: 25px;}
	.csslider1 > .cs_description > label .cs_title{margin-bottom: 0 !important;font-size: 25px !important;top: -88%;position: absolute;text-align: center;}
	.quick-enquiry-block{ position:fixed; display:block;bottom:2%;left: 4%; background-color:#00619a;border-radius: 4px; z-index:9}
	.quick-enquiry-block > a{ color:#fff; text-decoration:none;font-weight: bold; font-size: 14px; padding: 12px;
    display: block; display:flex; justify-content: space-between; width: 130px;}
	.home-banner ul{display:none;}
	/*=============== MENU ==============*/
	.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}
	
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.menu-top label{font-size: 2rem}.dropdown-menu-side{width:100% !important}
	
	.intro-below-banner > div > div, .intro-services div{width: 100% !important; height: auto !important; padding: 15px}
	.intro-services div{text-align: center}
	
	.nav > li{padding: 15px 0 !important; width: 100%}
	.nav > li > a .special-btn{top: 0}
	.nav > li > a{padding: 5px 25px !important}
	.intro-about > div:last-of-type, .electrical-supplies{width: 100%}
	
	.thank-you-contact .btn1,.thank-you-image,.thank-you{ width:100%; display:block}
	.thank-you-title,.thank-you-text,.thank-you-image{ left:0}
	.thank-you-title{ font-size:4.5em}
	
	.specials > div{width: 100%}
	
	.contactus-top > div:last-of-type > div > div:last-of-type{width: 90% !important}
	.contactus-top > div:last-of-type > div > div:first-of-type{width: 10% !important}
	
	.text-block, .contactus-top div{width: 100% !important}
	.contactus-top > div:first-of-type{padding-right: 0}
	
	.page-title > div h1{font-size: 33px; bottom: -34px;}
	
	
	.widget-container a{padding: 25px; }
	
	.footer{display: none}
}

@media screen and (max-width: 575px){.logo{left: 15px; top: 20px}}
#navOverlay{display:none}@media screen and (max-width: 767px){
.menu-top{width:250px;position:fixed;top:0;height:100px;width:50px;overflow:hidden;padding:0px;transition:all 0.3s;z-index:100; background-color: #00619a}
#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 102px)}
.menu-top>label{color:#fff;display:block;height:100px;padding:0;position:relative;margin-bottom:0}
.menu-top>label>i{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 ~ .electrical-supplies-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
#mobi-toggle:checked ~ .electrical-supplies-1 .menu-top{height:100vh;width:250px}
#mobi-toggle:checked ~ .electrical-supplies-1 #navOverlay{transform:translate(0)}}
/*# sourceMappingURL=mobiNav.css.map */