@import url('https://fonts.googleapis.com/css?family=Roboto:300&display=swap');
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: #fff;
	font-family: 'Roboto', sans-serif;
	color: #666;
}
a {
	color: #026acb;
	text-decoration: none; 
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0px;
	padding: 0px; 
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 1260px;
	margin: 0 auto;
}

#pagewrap1 {
	width: 1260px;
	margin: 0 auto;
}

#pagewrap2 {
	width: 1260px;
	margin: 0 auto;
}

#pagewrap3 {
	width: 1260px;
	margin: 0 auto;
}
#pagewrap4 {
	width: 1260px;
	margin: 0 auto;
}


#top {  width: 100%;  float:left; background-color:#333; height:40px;  }
#online { float:left;margin:0% 0% 0% 2%; width:48%;height:40px; }
#online h1{ color : #fff; font-size:16px; margin:10px 0px 0px 0px;}
#online p{ color : #fff; font-size:16px; margin:10px 0px 0px 0px;}

#site-login { float:left;margin:0% 2% 0% 20%; width:28%; color: #fff;  }
#site-login p{   color : #fff; font-size:14px; text-align:left;  line-height:40px; padding:0px 12px 5px 19px; font-weight:bolder; margin:0px 0px 0px 20px; background-image:url(../images/call-icon.jpg); background-repeat:no-repeat; background-position:0px 12px; }

/* site logo */
#top1 {  width: 100%;  float:left; background-image:url(../images/t-bg.jpg); background-repeat:repeat-x; height:70px;  }
#site-logo { float:left;margin:17px 0px 0px 15px; width:350px;}

#site-language { float:right;margin:17px 30px 0px 0px; width:350px;}
.languagepicker {
	background-color: #FFF;
	display: inline-block;
	padding: 0;
	height: 40px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 0 50px 10px 0;
	vertical-align: top;
	float: left; 
}

.languagepicker:hover {
	/* don't forget the 1px border */
	height: 81px;
}

.languagepicker a{
	color: #000;
	text-decoration: none;
}

.languagepicker li {
	display: block;
	padding: 0px 20px;
	line-height: 40px;
	border-top: 1px solid #EEE;
}

.languagepicker li:hover{
	background-color: #EEE;
}

.languagepicker a:first-child li {
	border: none;
	background: #FFF !important;
}

.languagepicker li img {
	margin-right: 5px;
}

.roundborders {
	border-radius: 5px;
}

.large:hover {
	/* 
	don't forget the 1px border!
	The first language is 40px heigh, 
	the others are 41px
	*/
	height: 245px;
}

#iso { float:right;margin:25px 30px 0px 0px; width:30%; color : #fff; font-size:30px; text-align:right;}


/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/

#navbar {  width: 100%;  float:left; background-color:#333; height:47px; margin:0px;}

#navwrap {
	width: 1260px;
	margin: 0 auto;
}


/************************************************************************************
HEADER
*************************************************************************************/

#header{ width:100%; float:left; margin:0px ; height:auto;  }
#header img{ width:100%;   }



/************************************************************************************
Four Box Part
*************************************************************************************/
#fourbox {  float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; background-color:#fff; margin:0px;}
#fourbox h1{ font-size:25px; color:#000;  line-height:55px; border-bottom:solid 2px #EFEFEF;margin:0% 0% 0% 2%;}
#fourbox h2{ font-size:1.3em; margin:0px; color:#a51917;    }

#fourbox p{  font-size:16px; margin:2px 0px 1px 0px; line-height:20px; }
#fourbox .read a:link{  font-size:16px; padding:2%; color:#F00; text-align:left; line-height:20px;margin:5% 29% 0% 2%; }
#fourbox .read a:visited{  color:#F00;  }

#box1{ width:23%; float:left; margin:2% 0% 0% 2%;  }
#box1 img{ width:100%;  } 
#box2{ width:23%; float:left; margin:2% 0% 0% 2%;  }
#box2 img{ width:100%;  } 

#box1 a:link{ text-decoration:none; color:#FFF; font-weight:bold;  }
#box2 a:link{ text-decoration:none; color:#FFF; font-weight:bold;  }

/************************************************************************************
Main Content
*************************************************************************************/

#saving-sensors{ width:100%; float:left;  margin:20px 0px 0px 0px; background-color:#FFF; }

#saving-sensors h3{ background-color:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#000; margin:120px 0px 0px 0px;}
#saving-sensors .saving1{  width:33.3%;   float:left; margin:0px; height: 250px; background:url(../pic/Save-Energy-save.jpg) center top no-repeat;background-size: 100% 100%; opacity: 1.5;   filter: alpha(opacity=50);  }
#saving-sensors .saving2{  width:33.3%;    float:left; margin:0px; height: 250px; background:url(../pic/Save-Energy-save-1.jpg) center top no-repeat;background-size: 100% 100%;opacity: 1.5;   filter: alpha(opacity=50); }
#saving-sensors .saving3{  width:33.3%;   float:left; margin:0px; height: 250px; background:url(../pic/Save-Energy-save-2.jpg) center top no-repeat;background-size: 100% 100%;opacity: 1.5;   filter: alpha(opacity=50); }

    

#content{ width:100%; float:left;   background-color:#a51917;  padding-bottom:2%; margin:0px 0px 0px 0px;}

#content .save{  font-size:20px; font-weight:bold; color:#FFF; margin:20px 0px 10px 20px; line-height:20px; }
#content .head{  font-size:24px; font-weight:bold; color:#FF0; margin:20px 0px 10px 20px; line-height:20px; } 
#content p{  font-size:14px;  color:#FFf; margin:20px 20px 10px 20px; line-height:20px; } 

#home{  width:100%; float:left; margin:0%; background-color:#262626; }
#home p{ color:#ccc; margin:10px 5px 0px 0px; line-height:16px; font-size:12px;}
#home img{ width:100%;  } 
#home .homebox1{  width:20%;   float:left; margin:2% 2% 2% 3%; }
#home .homebox2{  width:20%;   float:left; margin:2% 2% 2% 0%; }
#home .homebox3{  width:20%;   float:left; margin:2% 2% 2% 0%; }
#home .homebox4{  width:28%;   float:left; margin:2% 2% 2% 0%; }





/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	 width:100%; float:left;   background-color:#50545a; height:auto; padding-bottom:2%;
}
#footer a {
	color: #fff;
}

#get{  width:220px;   float:left; margin:2% 5% 0% 2%; height:auto; color:#FFF; }
.white{ color:#FFF; font-size:1.4em; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
.sign{ background-color:#ff5100; color:#FFF; font-size:1em; font-weight:bold; line-height:20px; text-align:center; padding:8px 10px 8px 10px; width:90px; margin-top:20px;}

#fmenu{  width:90px;   float:left; margin:2% 3% 0% 4%; height:auto; color:#FFF; }
#fmenu p{color:#FFF; font-size:11px; font-weight:bold; margin-bottom:8px;}
#follow{  width:273px;   float:left; margin:2% 3% 0% 3%; height:auto; color:#FFF; }
#join{  width:273px;   float:left; margin:2% 2% 0% 2%; height:auto; color:#FFF; }

#copy{  width:90%;   float:left; margin:2% 2% 0% 2%; height:auto; color:#FFF; }

#follow{ width: 90%; padding: 3%; }
.sicon{width: 2%; float: left; margin: 0% 0% 0% 1%;}
.sicon1{width: 6%; float: left; margin: 0% 0% 0% 1%;}

/************************************************************************************
Innerpage
*************************************************************************************/

#inner{ width:96%; float:left;   background-color:#fff; height:auto; padding:2%;}
#inner h1{  margin:0% 0% 2% 0%; text-transform:uppercase; font-size:18px; color:#3c393e;}

#inner img{  border: solid 1px #EEEEEE; padding:5px; float:left; margin:0px 40px 0px 0px;   }



#inner p{ font-size:16px; margin:20px 40px 0px 0px; line-height:27px;}

#incontent{  width:100%;   float:left; margin: 2% 0% 0% 0%; height:auto; }

#incontent-menu{  width:28%;   float:left; margin:0% 0% 0% 2%; height:auto; }

.red-text{font-size:16px; line-height:25px; color:#C00;}
.t-text{font-size:16px; padding:1%; color:#000; margin:5%;}

#incontent-spefication{  width:60%;   float:left; margin:0% 5% 3% 5%; height:auto; color:#000; font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";}
#incontent-spefication h1{  margin:0% 0% 2% 0%; text-transform:uppercase; font-size:18px; color:#3c393e;}
#incontent-spefication h2{  margin:0% 0% 2% 0%; text-transform:uppercase; font-size:15px; color:#3c393e;}
#incontent-spefication p{ font-size:18px; margin:10px 40px 0px 0px; line-height:25px;}

#incontent-spefication .none{  border: 0px; width:46%;	 float:left;  margin:2% 22% 3% 22%;  }

#incontent-spefication .pic{  border: solid 1px #EEEEEE; padding:5px; float:right; margin:0px 0px 0px 40px;   }

#incontent-spefication ul{ margin:0px 0px 0px 0px; display:inline; padding: 0px;  }
#incontent-spefication ul li{ list-style:none; margin:0px 0px 0px 0px; display:inline;  }

#incontent-spefication li.shade1 { width:40%;  display:inline; text-decoration:none;  float:left;  background-color:#f3f3f3; font-size:14px; text-align:left;  padding:2%; margin:1px;}
#incontent-spefication li.shade1a { width:50%;  display:inline; text-decoration:none;  float:left;  background-color:#f3f3f3; font-size:14px; text-align:left;  padding:2%; margin:1px;}
#incontent-spefication li.shade2 { width:40%;  display:inline; text-decoration:none;  float:left; background-color:#ceecff; font-size:14px; text-align:left;  padding:2%;margin:1px; }
#incontent-spefication li.shade2a { width:50%;  display:inline; text-decoration:none;  float:left; background-color:#ceecff; font-size:14px; text-align:left;  padding:2%;margin:1px; }
#incontent-spefication li.shade3 { width:94%;  display:inline; text-decoration:none;  float:left; background-color:#1f66ad; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade4 { width:24%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade4a { width:12%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade4b { width:34%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}
#incontent-spefication li.shade4bb { width:27%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}
#incontent-spefication li.shade4c { width:11%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}
#incontent-spefication li.shade4cc { width:18%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade5 { width:24%;  display:inline; text-decoration:none;  float:left; background-color:#f3f3f3; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }

#incontent-spefication li.shade5a { width:12%;  display:inline; text-decoration:none;  float:left; background-color:#f3f3f3; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }

#incontent-spefication li.shade5b { width:15%;  display:inline; text-decoration:none;  float:left; background-color:#f3f3f3; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }
#incontent-spefication li.shade5c { width:14.8%;  display:inline; text-decoration:none;  float:left; background-color:#f3f3f3; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }
#incontent-spefication li.shade5d { width:11%;  display:inline; text-decoration:none;  float:left; background-color:#f3f3f3; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }
#incontent-spefication li.shade5dd { width:18%;  display:inline; text-decoration:none;  float:left; background-color:#f3f3f3; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }
#incontent-spefication li.shade5e { width:65.8%;  display:inline; text-decoration:none;  float:left; background-color:#f3f3f3; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }
#incontent-spefication li.shade5f { width:43.4%;  display:inline; text-decoration:none;  float:left; background-color:#f3f3f3; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }

#incontent-spefication li.shade6 { width:24%;  display:inline; text-decoration:none;  float:left; background-color:#ceecff; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }

#incontent-spefication li.shade6a { width:12%;  display:inline; text-decoration:none;  float:left; background-color:#ceecff; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }

#incontent-spefication li.shade6b { width:34%;  display:inline; text-decoration:none;  float:left; background-color:#ceecff; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }
#incontent-spefication li.shade6bb { width:27%;  display:inline; text-decoration:none;  float:left; background-color:#ceecff; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }
#incontent-spefication li.shade6c { width:11%;  display:inline; text-decoration:none;  float:left; background-color:#ceecff; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }
#incontent-spefication li.shade6cc { width:18%;  display:inline; text-decoration:none;  float:left; background-color:#ceecff; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }
#incontent-spefication li.shade6e { width:65.8%;  display:inline; text-decoration:none;  float:left; background-color:#ceecff; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#000; }

#incontent-spefication li.shade7 { width:29%;  display:inline; text-decoration:none;  float:left;  background-color:#f3f3f3; font-size:14px; text-align:left;  padding:2%; margin:1px;}
#incontent-spefication li.shade7a { width:28.5%;  display:inline; text-decoration:none;  float:left;  background-color:#f3f3f3; font-size:14px; text-align:left;  padding:2%; margin:1px;}
#incontent-spefication li.shade7b { width:28%;  display:inline; text-decoration:none;  float:left;  background-color:#f3f3f3; font-size:14px; text-align:left;  padding:2%; margin:1px;}

#incontent-spefication li.shade8 { width:29%;  display:inline; text-decoration:none;  float:left;  background-color:#ceecff; font-size:14px; text-align:left;  padding:2%; margin:1px;}
#incontent-spefication li.shade8a { width:28.5%;  display:inline; text-decoration:none;  float:left;  background-color:#ceecff; font-size:14px; text-align:left;  padding:2%; margin:1px;}
#incontent-spefication li.shade8b { width:28%;  display:inline; text-decoration:none;  float:left;  background-color:#ceecff; font-size:14px; text-align:left;  padding:2%; margin:1px;}

#incontent-spefication li.shade9 { width:29%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade9a { width:28.5%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade9b { width:28%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade10 { width:21%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade10a { width:20%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade10b { width:20%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade10c { width:20%;  display:inline; text-decoration:none;  float:left; background-color:#1f83a7; font-size:16px; text-align:left;  padding:2%;margin:1px;color:#fff; font-weight:bold;}

#incontent-spefication li.shade11 { width:21%;  display:inline; text-decoration:none;  float:left;  background-color:#f3f3f3; font-size:14px; text-align:left;  padding:2%; margin:1px;}
#incontent-spefication li.shade11a { width:20%;  display:inline; text-decoration:none;  float:left;  background-color:#f3f3f3; font-size:14px; text-align:left;  padding:2%; margin:1px;}
#incontent-spefication li.shade11b { width:20%;  display:inline; text-decoration:none;  float:left;  background-color:#f3f3f3; font-size:14px; text-align:left;  padding:2%; margin:1px;}
#incontent-spefication li.shade11c { width:20%;  display:inline; text-decoration:none;  float:left;  background-color:#f3f3f3; font-size:14px; text-align:left;  padding:2%; margin:1px;}

#incontent-spefication .inpro1 { width:90%;  text-decoration:none;  float:left;  font-size:14px;  padding:2% 0% 2% 0%; border-bottom: solid 1px #CCCCCC;}

#customer { width:100%; margin:0%; float:left;    }

#customer h3{  font-size:18px; color:#FFF; margin:0% 0% 2% 0%;  text-align:center;}
#customer img{ width:100%;  }
#incontent-spefication .cust1 { width:24%; margin:0% 1% 2%  0%; float:left; background-color:#06C;  }
#incontent-spefication .cust2 { width:24%; margin:0% 1% 2%  0%; float:left; background-color:#06C;  }
#incontent-spefication .cust3 { width:24%; margin:0% 1% 2%  0%; float:left; background-color:#06C;  }
#incontent-spefication .cust4 { width:24%; margin:0% 1% 2%  0%; float:left; background-color:#06C;  }

#incontent-spefication .feed1 { width:40%; margin:0% 6% 2%  0%; float:left; background-color:#06C;  }
#incontent-spefication .feed2 { width:40%; margin:0% 1% 2%  0%; float:left; background-color:#06C;  }


.as { background-color:#F70606;  }

#blogs { width:64%; margin:0% 1% 3% 5%; float: left; font-size: 20px; line-height: 23px;  }

#blogs p{  margin:0% 0% 3% 0%;}

#blogs .blogs-pic { width:48%; margin:0% 2% 8% 0%; float: left;  }

.btext {  font-weight: 100; font-size: 20px;  margin: 15px 0px 0px 0px;   }

.bhead {  font-weight: bold; font-size: 22px; font-family: Franklin Gothic Bold, Arial Black," sans-serif"; margin: 15px 0px 0px 0px;  }
.bhead1 {  font-weight: bold; font-size: 25px; margin: 15px 0px 10px 0px;  }
.bspan{ margin-left: 18%;}
.btitle {  font-weight: 100; font-size: 14px;  margin: 0px 0px 0px 0px; color: #0C17F0;   }