/*hmx menu start*/
.hmx-menu-default{padding-top:0px !important; margin-top: -60px !important; position:relative; z-index:9999; max-width: 1200px; width: 95%;}
#eeBanner {margin-top: -62px !important;}
.hmx-menu-defaultawards{padding-top:0px !important; margin-top: -62px !important; position:relative; z-index:9999; max-width: 1200px; width: 95%;}
.menu-hmx-menubar-container {width: 100%; float: left; margin: 0px auto; background-color: rgba(0, 0, 0, 0.68);}
.menu-hmx-menubar-container #menu-hmx-menubar{width: 1033px; max-width: 100%; text-align: center; display: inline;}
.menu-hmx-menubar-container #menu-hmx-menubar li{display: inline-block; font-size: 14px; position: relative;}
.menu-hmx-menubar-container #menu-hmx-menubar li.hmx-logo{color: rgb(3, 3, 3); z-index: 999; opacity: 1; padding: 0px; width: 206px; line-height: 14px; margin-right: 2%;}
.menu-hmx-menubar-container #menu-hmx-menubar li.hmx-logo a{color: transparent; text-shadow: 0px 0px 0px; background-image: url("../images/hmx-logo.png"); background-size: contain; background-repeat: no-repeat; padding: 23px 0px; background-position: center bottom;}
.menu-hmx-menubar-container #menu-hmx-menubar li a{display: block; padding: 24px 0px; color: #fff;font-size: 15px;}

/* EE Menubar*/
.menu-energy-efficiency-menubar-container {width: 100%; float: left; margin: 0px auto; background-color: rgba(0, 0, 0, 0.68);}
.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar{width: 1033px; max-width: 100%; text-align: center;}
.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li{display: inline-block; font-size: 14px; position: relative;}
.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li.hmx-logo{color: rgb(3, 3, 3); z-index: 999; opacity: 1; padding: 0px; width: 16%; line-height: 14px; margin-right: 8%; margin-top: 1%;}
.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li.hmx-logo a{color: transparent; text-shadow: 0px 0px 0px; background-image: url("../images/ee-logo.png"); background-size: contain; background-repeat: no-repeat; padding: 11% 0px; background-position: center bottom;}
.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li a{display: block; padding: 15px 0px 23px; color: #fff;font-size: 15px;}
.menu-energy-efficiency-menubar-container ul {  display:inline-block;}
.menu-energy-efficiency-menubar-container li {padding: 1% 1.3% 0; float:left; list-style:none; font-size:17px;}
.menu-energy-efficiency-menubar-container li:last-child {margin-right:0px;}
.menu-energy-efficiency-menubar-container a {text-shadow:0px 1px 0px rgba(0,0,0,0.5); color:#777; transition:color linear 0.15s;}
.menu-energy-efficiency-menubar-container a:hover, .menu-hmx-menubar-container .current-item a { text-decoration:none; color:#66a992;}
.menu-energy-efficiency-menubar-container { width: 90%; margin:0 5%; padding: 0px 18px 0px 38px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); border-radius: 3px; line-height: 12px; }
.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li ul.sub-menu{display:none;}
.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li:hover  ul.sub-menu li{width: 100%; margin: 0; text-align: left; padding-left: 12px; padding-right: 12px;}
.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li:hover { background-color:#007cc3;}
.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li:hover  ul.sub-menu {display:block; position: absolute;  background-color:#007cc3; left: 0px;  width:200px; }
.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li ul.sub-menu li:hover{opacity:0.8;}
.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li ul.sub-menu li a{line-height: 20px; padding: 8px 0px;}
.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li ul.sub-menu li:last-child a{padding: 8px 0px 18px;}

.hmxbannerimage{line-height:0px; text-align: center;}
#about-hmx{ display:none;}
.toggle-nav { display:none;}
#hmxContainer{display:none;}

.menu-hmx-menubar-container ul {  display:inline-block;}
.menu-hmx-menubar-container li {padding: 0 1.3%; float:left; list-style:none; font-size:17px;}
.menu-hmx-menubar-container li:last-child {margin-right:0px;}
.menu-hmx-menubar-container a {text-shadow:0px 1px 0px rgba(0,0,0,0.5); color:#777; transition:color linear 0.15s;}
.menu-hmx-menubar-container a:hover, .menu-hmx-menubar-container .current-item a { text-decoration:none; color:#66a992;}
.menu-hmx-menubar-container { width: 90%; margin:0 5%; padding: 0px 18px 0px 38px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); border-radius: 3px; line-height: 12px; }
.menu-hmx-menubar-container ul#menu-hmx-menubar li ul.sub-menu{display:none;}
.menu-hmx-menubar-container ul#menu-hmx-menubar li:hover  ul.sub-menu li{width: 100%; margin: 0; text-align: left; padding-left: 12px; padding-right: 12px;}
.menu-hmx-menubar-container ul#menu-hmx-menubar li:not(.hmx-logo):hover { background-color:#007cc3;}
.menu-hmx-menubar-container ul#menu-hmx-menubar li:hover  ul.sub-menu {display:block; position: absolute;  background-color:#007cc3; left: 0px;  width:200px; }
.menu-hmx-menubar-container ul#menu-hmx-menubar li ul.sub-menu li:hover{opacity:0.8;}
.menu-hmx-menubar-container ul#menu-hmx-menubar li ul.sub-menu li a{line-height: 20px; padding: 8px 0px;}
.menu-hmx-menubar-container ul#menu-hmx-menubar li ul.sub-menu li:last-child a{padding: 8px 0px 18px;}
#menu-hmx-menubar .open-menu-link{display: none;}

#menu-energy-efficiency-menubar .open-menu-link{display:none;}

 @media screen and (max-width: 1237px) and (min-width:1150px){
	.menu-hmx-menubar-container #menu-hmx-menubar li.hmx-logo{margin-right: 3%;}
	.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li.hmx-logo{margin-right: 3%;}
 }
 @media screen and (max-width: 1150px)
 {
	.menu-hmx-menubar-container { width: 100%; padding: 0px 18px 0px 38px;}
	.menu-hmx-menubar-container li {padding: 0% 0.8% 0;}
	.menu-hmx-menubar-container {margin: 0px 0%;}
	.menu-hmx-menubar-container #menu-hmx-menubar li.hmx-logo{margin-right: 12%;}

	.menu-energy-efficiency-menubar-container { width: 100%; padding: 0px 18px 0px 38px;}
	.menu-energy-efficiency-menubar-container li {padding: 1% 0.8% 0;}
	.menu-energy-efficiency-menubar-container {margin: 0px 0%;}
	.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li.hmx-logo{margin-right: 12%;}
}

@media screen and (max-width: 1024px) {
	.menu-hmx-menubar-container #menu-hmx-menubar li.hmx-logo {margin-right: 8%;}
	.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li.hmx-logo {margin-right: 8%;}
}
@media screen and (max-width: 1000px)
{
	.menu-hmx-menubar-container { position:relative; display:inline-block; width: 100%;}
	.menu-hmx-menubar-container  {display:none; }
	.menu-hmx-menubar-container .sub-menu  {display:none; }
	.menu-hmx-menubar-container ul { width:100%; position:relative; top:120%; left:0px; }
	.menu-hmx-menubar-container li {margin:0px; padding:0px; float:none;  display:block !important; }
	.menu-hmx-menubar-container a {display:block; }
	.menu-hmx-menubar-container #menu-hmx-menubar li a { padding: 10px 0px; text-shadow:none;}

	.menu-energy-efficiency-menubar-container { position:relative; display:inline-block; width: 100%;}
	.menu-energy-efficiency-menubar-container  {display:none; }
	.menu-energy-efficiency-menubar-container .sub-menu  {display:none; }
	.menu-energy-efficiency-menubar-container ul { width:100%; position:relative; top:120%; left:0px; }
	.menu-energy-efficiency-menubar-container li {margin:0px; padding:0px; float:none;  display:block !important; }
	.menu-energy-efficiency-menubar-container a {display:block; }
	.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li a { padding: 10px 0px; text-shadow:none;}

    .toggle-nav {padding:10px;  float:right; display:inline-block;  box-shadow:0px 1px 1px rgba(0,0,0,0.15); border-radius:3px;  background-image: url("../images/arrow-down-menu.png"); background-repeat: no-repeat; width: 34px;height: 44px; background-size: contain; background-position: center; text-shadow:0px 1px 0px rgba(0,0,0,0.5); color:#777;  font-size:20px;  transition:color linear 0.15s; }
   .toggle-nav:hover, .toggle-nav#menu-hmx-menubar { text-decoration:none; color:#66a992; }
   .active-menu{display:block !important;}

	.menu-hmx-menubar-container #menu-hmx-menubar li.hmx-logo { display: none !important;}
	.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li.hmx-logo { display: none !important;}

	.hmx-menu-default #hmxContainer .hmx-logo_container img { max-width: 150px !important;}
	#hmxContainer{display:block; width: 23% !important; float: left;}
   .hmx-menu-default {margin-top: 0px !important; background-color: #3b3a44; float: none; width: 100% !important; height: 45px; padding: 0px 4%;}
	#about-hmx{float: right; display: block; color: rgb(255, 255, 255); line-height: 45px; margin-right: 10px;}
	.menu-hmx-menubar-container { width: 100%; padding: 0; background-color: rgba(0, 0, 0, 0.91) !important;}
	.menu-hmx-menubar-container #menu-hmx-menubar li {width: 90%; margin: 0px auto; text-align: left; font-weight: bolder;}
	.menu-hmx-menubar-container ul#menu-hmx-menubar li ul.sub-menu { display: block;}
	.menu-hmx-menubar-container #menu-hmx-menubar li li{width:80%; font-weight: normal;}
	.menu-hmx-menubar-container { width: 350px; float: right;  border-radius: 0px; clear: both; max-width: 100%;}
	.menu-hmx-menubar-container ul#menu-hmx-menubar li:hover { background-color: transparent;}
	.menu-hmx-menubar-container ul#menu-hmx-menubar li:hover ul.sub-menu { display: block; position: relative; background-color: transparent; left: 0px; width: auto;}
	.menu-hmx-menubar-container ul#menu-hmx-menubar li:hover ul.sub-menu li {padding-left: 31.5px; width:80%;}
	.menu-hmx-menubar-container ul#menu-hmx-menubar li ul.sub-menu li:last-child a { padding: 8px 0px;}
	#menu-hmx-menubar .expand {display: block !important; }

	.menu-energy-efficiency-menubar-container { width: 100%; padding: 0; background-color: rgba(0, 0, 0, 0.91) !important;}
	.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li {width: 90%; margin: 0px auto; text-align: left; font-weight: bolder;}
	.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li ul.sub-menu { display: block;}
	.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li li{width:80%; font-weight: normal;}
	.menu-energy-efficiency-menubar-container { width: 350px; float: right;  border-radius: 0px; clear: both; max-width: 100%;}
	.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li:hover { background-color: transparent;}
	.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li:hover ul.sub-menu { display: block; position: relative; background-color: transparent; left: 0px; width: auto;}
	.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li:hover ul.sub-menu li {padding-left: 31.5px; width:80%;}
	.menu-energy-efficiency-menubar-container ul#menu-energy-efficiency-menubar li ul.sub-menu li:last-child a { padding: 8px 0px;}
	#menu-energy-efficiency-menubar .expand {display: block !important; }
        #menu-energy-efficiency-menubar .open-menu-link{display:none;position:absolute;right:15px;top:0;line-height:37px;font-size:29px;cursor:pointer;color:#fff;}
	.menu-energy-efficiency-menubar-container li .sub-menu{display:none !important;}
	.menu-energy-efficiency-menubar-container li .visible{display:block !important;}
#menu-hmx-menubar .open-menu-link
{
	display: none;
	position: absolute;
	right: 15px;
	top:0;
	line-height: 37px;
font-size: 29px;
cursor: pointer;
color: #fff;
}

.menu-hmx-menubar-container li .sub-menu
{
	display: none !important;
}

.menu-hmx-menubar-container li .visible
{
	display: block !important;
}

}

@media screen and (max-width:1100px)
{
	#top-menu li#menu-item-77 li#menu-item-706{position: relative; top: 0px;}
	#top-menu li#menu-item-77 li#menu-item-717{position: relative; top: 0px;}
	.about-ate .sub-menu {right: -30px;}
}

@media screen and (max-width:1050px)
{
	.menu-hmx-menubar-container #menu-hmx-menubar li.hmx-logo{margin-right:2%;}
	.menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li.hmx-logo{margin-right:10%;}
}

/*teraspin menu start*/
#teraspinbanner {line-height: -1px !important;}
.menu-teraspin-menubar-container {width: 100%; float: left; margin: 0px auto; background-color: rgba(0, 0, 0, 0.68);}
.menu-teraspin-menubar-container #menu-teraspin-menubar{width: 1033px; max-width: 100%; text-align: center;}
.menu-teraspin-menubar-container #menu-teraspin-menubar li{display: inline-block; font-size: 14px; position: relative;}
.menu-teraspin-menubar-container #menu-teraspin-menubar li.teraspin-logo{color: rgb(3, 3, 3); z-index: 999; opacity: 1; padding: 0px; width: 206px; line-height: 14px; margin-right: 2%;}
.menu-teraspin-menubar-container #menu-teraspin-menubar li.teraspin-logo a{color: transparent; text-shadow: 0px 0px 0px; background-image: url("../images/TeraSpin-home_06.jpg"); background-size: contain; background-repeat: no-repeat; padding: 11% 0px; background-position: center bottom;}
.menu-teraspin-menubar-container #menu-teraspin-menubar li a{display: block; padding: 25px 0px 22px; color: #fff;font-size: 15px;}
.teraspinbannerimage{line-height:0px;}
#about-teraspin{ display:none;}
.toggle-nav { display:none;}
#teraspinContainer{display:none;}
.menu-teraspin-menubar-container ul {  display:inline-block;}
.menu-teraspin-menubar-container li {padding: 0 1.3%; float:left; list-style:none; font-size:17px;}
.menu-teraspin-menubar-container li:last-child {margin-right:0px;}
.menu-teraspin-menubar-container a {text-shadow:0px 1px 0px rgba(0,0,0,0.5); color:#777; transition:color linear 0.15s;}
.menu-teraspin-menubar-container a:hover, .menu-teraspin-menubar-container .current-item a { text-decoration:none; color:#66a992;}
.menu-teraspin-menubar-container { width: 90%; margin:0 5%; padding: 0px 18px 0px 38px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); border-radius: 3px; line-height: 12px; }
.menu-teraspin-menubar-container ul#menu-teraspin-menubar li ul.sub-menu{display:none;}
.menu-teraspin-menubar-container ul#menu-teraspin-menubar li:hover  ul.sub-menu li{width: 100%; margin: 0; text-align: left; padding-left: 12px; padding-right: 12px;}
.menu-teraspin-menubar-container ul#menu-teraspin-menubar li:not(.teraspin-logo):hover { background-color:#007cc3;}
.menu-teraspin-menubar-container ul#menu-teraspin-menubar li:hover  ul.sub-menu {display:block; position: absolute;  background-color:#007cc3; left: 0px;  width:200px; }
.menu-teraspin-menubar-container ul#menu-teraspin-menubar li ul.sub-menu li:hover{opacity:0.8;}
.menu-teraspin-menubar-container ul#menu-teraspin-menubar li ul.sub-menu li a{line-height: 20px; padding: 8px 0px;}
.menu-teraspin-menubar-container ul#menu-teraspin-menubar li ul.sub-menu li:last-child a{padding: 8px 0px 18px;}
#menu-teraspin-menubar .open-menu-link{display: none;}


 @media screen and (max-width: 1150px)
 {
	/* .menu-teraspin-menubar-container { width: 100%; padding: 0px 18px 0px 38px;}
	.menu-teraspin-menubar-container li {padding: 1% 0.8% 0;}
	.menu-teraspin-menubar-container {margin: 0px 0%;} */
	.menu-teraspin-menubar-container #menu-teraspin-menubar li.teraspin-logo {margin-right: 35%;}
	.menu-teraspin-menubar-container #menu-teraspin-menubar li a { padding: 23px 0px;}
}


 @media screen and (max-width: 1000px)
 {
	.menu-teraspin-menubar-container { position:relative; display:inline-block; width: 100%;}
	.menu-teraspin-menubar-container  {display:none; }
	.menu-teraspin-menubar-container .sub-menu  {display:none; }
	.menu-teraspin-menubar-container ul { width:100%; position:relative; top:120%; left:0px; }
	.menu-teraspin-menubar-container li {margin:0px; padding:0px; float:none;  display:block !important; }
	.menu-teraspin-menubar-container a {display:block; }
	.menu-teraspin-menubar-container #menu-teraspin-menubar li a { padding: 10px 0px; text-shadow:none;}
    .toggle-nav {padding:10px;  float:right; display:inline-block;  box-shadow:0px 1px 1px rgba(0,0,0,0.15); border-radius:3px;  background-image: url("../images/arrow-down-menu.png"); background-repeat: no-repeat; width: 34px;height: 44px; background-size: contain; background-position: center; text-shadow:0px 1px 0px rgba(0,0,0,0.5); color:#777;  font-size:20px;  transition:color linear 0.15s; }
   .toggle-nav:hover, .toggle-nav#menu-teraspin-menubar { text-decoration:none; color:#66a992; }
   .active-menu{display:block !important;}
	.menu-teraspin-menubar-container #menu-teraspin-menubar li.teraspin-logo { display: none !important;}
	.teraspin-menu-default #teraspinContainer .teraspin-logo_container img { max-width: 150px !important;}
	#teraspinContainer{display:block; width: 23% !important; float: left;}
   .teraspin-menu-default {margin-top: 0px !important; background-color: #3b3a44; float: left; width: 100% !important; height: 45px; padding: 0px 4%;}
	#about-teraspin{float: right; display: block; color: rgb(255, 255, 255); line-height: 45px; margin-right: 10px;}
	.menu-teraspin-menubar-container { width: 100%; padding: 0; background-color: rgba(0, 0, 0, 0.91) !important;}
	.menu-teraspin-menubar-container #menu-teraspin-menubar li {width: 90%; margin: 0px auto; text-align: left; font-weight: bolder;}
	.menu-teraspin-menubar-container ul#menu-teraspin-menubar li ul.sub-menu { display: block;}
	.menu-teraspin-menubar-container #menu-teraspin-menubar li li{width:80%; font-weight: normal;}
	.menu-teraspin-menubar-container { width: 350px; float: right;  border-radius: 0px; clear: both; max-width: 100%;}
	.menu-teraspin-menubar-container ul#menu-teraspin-menubar li:hover { background-color: transparent;}
	.menu-teraspin-menubar-container ul#menu-teraspin-menubar li:hover ul.sub-menu { display: block; position: relative; background-color: transparent; left: 0px; width: auto;}
	.menu-teraspin-menubar-container ul#menu-teraspin-menubar li:hover ul.sub-menu li {padding-left: 31.5px; width:80%;}
	.menu-teraspin-menubar-container ul#menu-teraspin-menubar li ul.sub-menu li:last-child a { padding: 8px 0px;}
	#menu-teraspin-menubar .expand {
	display: block !important;
}

#menu-teraspin-menubar .open-menu-link
{
	display: none;
	position: absolute;
	right: 15px;
	top:0;
	line-height: 37px;
font-size: 29px;
cursor: pointer;
color: #fff;
}

.menu-teraspin-menubar-container li .sub-menu
{
	display: none !important;
}

.menu-teraspin-menubar-container li .visible
{
	display: block !important;
}

}

@media screen and (max-width:1100px)
{
	#top-menu li#menu-item-77 li#menu-item-706{position: relative; top: 0px;}
	#top-menu li#menu-item-77 li#menu-item-717{position: relative; top: 0px;}
	.about-teraspin .sub-menu {right: -30px;}
}

@media screen and (max-width:1050px)
{
	/* .menu-teraspin-menubar-container #menu-teraspin-menubar li.teraspin-logo{margin-right:1%;}	 */
	.menu-teraspin-menubar-container #menu-teraspin-menubar li.teraspin-logo {margin-right: 2%;}
}



/*ecoaxis menu start*/
#teraspinbanner {line-height: -1px !important;}
.menu-ecoaxis-menubar-container {width: 100%; float: left; margin: 0px auto; background-color: rgba(0, 0, 0, 0.68);}
.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar{width: 1033px; max-width: 100%; text-align: center;}
/*.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li{display: inline-block; font-size: 14px; position: relative; line-height: 17px;}*/
.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li{display: inline-block; font-size: 14px; position: relative; line-height: 14px;}
/*.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li.ecoaxis-logo{color: rgb(3, 3, 3); z-index: 999; opacity: 1; padding: 0px;width: 21%; line-height: 14px; margin-right: 10%; margin-top: 1%;}*/
.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li.ecoaxis-logo{ color: rgb(3, 3, 3); z-index: 999; opacity: 1; padding: 0px; width: 206px; line-height: 18px; margin-right: 2%;}
/*.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li.ecoaxis-logo a{color: transparent; text-shadow: 0px 0px 0px; background-image: url("../images/EcoAxis-home_07.jpg"); background-size: contain; background-repeat: no-repeat; padding: 11% 0px; background-position: center bottom;}*/
.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li.ecoaxis-logo a{color: transparent; text-shadow: 0px 0px 0px; background-image: url("../images/EcoAxis-home_07.jpg"); background-size: contain; background-repeat: no-repeat; padding: 11% 0px;}
.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li a{display: block; padding: 24px 0; color: #fff;font-size: 15px;}
.teraspinbannerimage{line-height:0px;}
#about-teraspin{ display:none;}
.toggle-nav { display:none;}
#teraspinContainer{display:none;}
.menu-ecoaxis-menubar-container ul {  display:inline-block;}
.menu-ecoaxis-menubar-container li {padding: 0 3.3% 0 3%; float:left; list-style:none; font-size:17px;}
.menu-ecoaxis-menubar-container li:last-child {margin-right:0px;}
.menu-ecoaxis-menubar-container a {text-shadow:0px 1px 0px rgba(0,0,0,0.5); color:#777; transition:color linear 0.15s;}
.menu-ecoaxis-menubar-container a:hover, .menu-ecoaxis-menubar-container .current-item a { text-decoration:none; color:#66a992;}
/*.menu-ecoaxis-menubar-container { width: 90%; margin:0 5%; padding: 0px 18px 0px 38px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); border-radius: 3px; line-height: 12px; }*/
.menu-ecoaxis-menubar-container { width: 90%; margin:0 5%; padding: 0px; border-radius: 3px; line-height: 10px;}
.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li ul.sub-menu{display:none;}
.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li:hover  ul.sub-menu li{width: 100%; margin: 0; text-align: left; padding-left: 12px; padding-right: 12px;}
.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li:hover { background-color:#007cc3;}
.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li:hover  ul.sub-menu {display:block; position: absolute;  background-color:#007cc3; left: 0px;  width:200px; }
.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li ul.sub-menu li:hover{opacity:0.8;}
.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li ul.sub-menu li a{line-height: 20px; padding: 8px 0px;}
.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li ul.sub-menu li:last-child a{padding: 8px 0px 18px;}
#menu-ecoaxis-menubar .open-menu-link{display: none;}
.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li#menu-item-1323:hover{background-color:transparent;}


 @media screen and (max-width: 1150px)
 {
	.menu-ecoaxis-menubar-container { width: 100%; padding: 0px 18px 0px 38px;}
	.menu-ecoaxis-menubar-container li {padding: 0% 0.8% 0;}
	.menu-ecoaxis-menubar-container {margin: 0px 0%;}
}


 @media screen and (max-width: 1000px)
 {
	.menu-ecoaxis-menubar-container { position:relative; display:inline-block; width: 100%;}
	.menu-ecoaxis-menubar-container  {display:none; }
	.menu-ecoaxis-menubar-container .sub-menu  {display:none; }
	.menu-ecoaxis-menubar-container ul { width:100%; position:relative; top:120%; left:0px; }
	.menu-ecoaxis-menubar-container li {margin:0px; padding:0px; float:none;  display:block !important; }
	.menu-ecoaxis-menubar-container a {display:block; }
	.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li a { padding: 10px 0px; text-shadow:none;}
    .toggle-nav {padding:10px;  float:right; display:inline-block;  box-shadow:0px 1px 1px rgba(0,0,0,0.15); border-radius:3px;  background-image: url("../images/arrow-down-menu.png"); background-repeat: no-repeat; width: 34px;height: 44px; background-size: contain; background-position: center; text-shadow:0px 1px 0px rgba(0,0,0,0.5); color:#777;  font-size:20px;  transition:color linear 0.15s; }
   .toggle-nav:hover, .toggle-nav#menu-ecoaxis-menubar { text-decoration:none; color:#66a992; }
   .active-menu{display:block !important;}
	.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li.ecoaxis-logo { display: none !important;}
	.ecoaxis-menu-default #ecoaxisContainer .ecoaxis-logo_container img { max-width: 150px !important;}
	#teraspinContainer{display:block; width: 23% !important; float: left;}
   .teraspin-menu-default {margin-top: 0px !important; background-color: #3b3a44; float: left; width: 100% !important; height: 45px; padding: 0px 4%;}
	#about-ecoaxis{float: right; display: block; color: rgb(255, 255, 255); line-height: 45px; margin-right: 10px;}
	.menu-ecoaxis-menubar-container { width: 100%; padding: 0; background-color: rgba(0, 0, 0, 0.91) !important;}
	.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li {width: 90%; margin: 0px auto; text-align: left; font-weight: bolder;}
	.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li ul.sub-menu { display: block;}
	.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li li{width:80%; font-weight: normal;}
	.menu-ecoaxis-menubar-container { width: 350px; float: right;  border-radius: 0px; clear: both; max-width: 100%;}
	.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li:hover { background-color: transparent;}
	.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li:hover ul.sub-menu { display: block; position: relative; background-color: transparent; left: 0px; width: auto;}
	.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li:hover ul.sub-menu li {padding-left: 31.5px; width:80%;}
	.menu-ecoaxis-menubar-container ul#menu-ecoaxis-menubar li ul.sub-menu li:last-child a { padding: 8px 0px;}
	#menu-ecoaxis-menubar .expand {
	display: block !important;
}

#menu-ecoaxis-menubar .open-menu-link
{
	display: none;
	position: absolute;
	right: 15px;
	top:0;
	line-height: 37px;
font-size: 29px;
cursor: pointer;
color: #fff;
}

.menu-ecoaxis-menubar-container li .sub-menu
{
	display: none !important;
}

.menu-ecoaxis-menubar-container li .visible
{
	display: block !important;
}

}

@media screen and (max-width:1100px)
{
	#top-menu li#menu-item-77 li#menu-item-706{position: relative; top: 0px;}
	#top-menu li#menu-item-77 li#menu-item-717{position: relative; top: 0px;}
	.about-ecoaxis .sub-menu {right: -30px;}
}

@media screen and (max-width:1050px)
{
	.menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li.ecoaxis-logo{margin-right:2%;}
}


/*valence menu start*/

#teraspinbanner {line-height: -1px !important;}
.menu-valence-menubar-container {width: 100%; float: left; margin: 0px auto; background-color: rgba(0, 0, 0, 0.68);}
.menu-valence-menubar-container #menu-valence-menubar{width: 1033px; max-width: 100%; text-align: center;}
.menu-valence-menubar-container #menu-valence-menubar li{display: inline-block; font-size: 14px; position: relative;}
.menu-valence-menubar-container #menu-valence-menubar li.valence-logo{color: rgb(3, 3, 3); z-index: 999; opacity: 1; padding: 0px; /* width: 25%; line-height: 14px; margin-right: 2%; */width: 206px;
line-height: 14px;
margin-right: 2%;}
.menu-valence-menubar-container #menu-valence-menubar li.valence-logo a{color: transparent; text-shadow: 0px 0px 0px; background-image: url("../images/logo-valence.jpg"); background-size: contain; background-repeat: no-repeat; /* padding: 7% 0px; */ background-position: center bottom;}
.menu-valence-menubar-container #menu-valence-menubar li a{display: block; padding: 24px 0px; color: #fff;font-size: 15px;line-height: 14px;}
.valencebannerimage{line-height:0px;}
#about-valence{ display:none;}
.toggle-nav { display:none;}
#teraspinContainer{display:none;}
.menu-valence-menubar-container ul {  display:inline-block;}
.menu-valence-menubar-container li {padding: 0 1.3% 0; float:left; list-style:none; font-size:17px;}
.menu-valence-menubar-container li:last-child {margin-right:0px;}
.menu-valence-menubar-container a {text-shadow:0px 1px 0px rgba(0,0,0,0.5); color:#777; transition:color linear 0.15s;}
.menu-valence-menubar-container a:hover, .menu-valence-menubar-container .current-item a { text-decoration:none; color:#66a992;}
.menu-valence-menubar-container { width: 90%; margin:0 5%; /* padding: 0px 18px 0px 38px; */ padding: 0px 1% 0px 3%; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); border-radius: 3px; line-height: 12px; }
.menu-valence-menubar-container ul#menu-valence-menubar li ul.sub-menu{display:none;}
.menu-valence-menubar-container ul#menu-valence-menubar li:hover  ul.sub-menu li{width: 100%; margin: 0; text-align: left; padding-left: 12px; padding-right: 12px;}
.menu-valence-menubar-container ul#menu-valence-menubar li:not(.valence-logo):hover { background-color:#007cc3;}
.menu-valence-menubar-container ul#menu-valence-menubar li:hover  ul.sub-menu {display:block; position: absolute;  background-color:#007cc3; left: 0px;  width:200px; }
.menu-valence-menubar-container ul#menu-valence-menubar li ul.sub-menu li:hover{opacity:0.8;}
.menu-valence-menubar-container ul#menu-valence-menubar li ul.sub-menu li a{line-height: 20px; padding: 8px 0px;}
.menu-valence-menubar-container ul#menu-valence-menubar li ul.sub-menu li:last-child a{padding: 8px 0px 18px;}
#menu-valence-menubar .open-menu-link{display: none;}


 @media screen and (max-width:1240px)and (min-width: 1151px) {
	 .menu-valence-menubar-container li {padding: 1% 0.9% 0px;}
 }
 @media screen and (max-width: 1150px)
 {
	.menu-valence-menubar-container { width: 100%; padding: 0px 18px 0px 38px;}
	.menu-valence-menubar-container li {padding: 0% 0.8% 0;}
	.menu-valence-menubar-container #menu-valence-menubar li.valence-logo{width:23%;}
	.menu-valence-menubar-container {margin: 0px 0%;}
}


 @media screen and (max-width: 1000px)
 {
 	#valence-logo-container {width: 100% !important}
 	#hmxContainer {width: 33% !important;}
 	.valenceContainer {width: 33% !important; }
 	/* .hmx-menu-default #hmxContainer .hmx-logo_container img {width:100% !important; max-width: 100% !important;} */

	.menu-valence-menubar-container { position:relative; display:inline-block; width: 100%;}
	.menu-valence-menubar-container  {display:none; }
	.menu-valence-menubar-container .sub-menu  {display:none; }
	.menu-valence-menubar-container ul { width:100%; position:relative; top:120%; left:0px; }
	.menu-valence-menubar-container li {margin:0px; padding:0px; float:none;  display:block !important; }
	.menu-valence-menubar-container a {display:block; }
	.menu-valence-menubar-container #menu-valence-menubar li a { padding: 10px 0px; text-shadow:none;}
    .toggle-nav {padding:10px;  float:right; display:inline-block;  box-shadow:0px 1px 1px rgba(0,0,0,0.15); border-radius:3px;  background-image: url("../images/arrow-down-menu.png"); background-repeat: no-repeat; width: 34px;height: 44px; background-size: contain; background-position: center; text-shadow:0px 1px 0px rgba(0,0,0,0.5); color:#777;  font-size:20px;  transition:color linear 0.15s; }
   .toggle-nav:hover, .toggle-nav#menu-valence-menubar { text-decoration:none; color:#66a992; }
   .active-menu{display:block !important;position: absolute;
right: 0px; width: 100% !important;
top: 44px; margin: 0 auto;}
	.menu-valence-menubar-container #menu-valence-menubar li.valence-logo { display: none !important;}
	.valence-menu-default #valenceContainer .valence-logo_container img { max-width: 150px !important;}
	#valenceContainer{display:block; width: 23% !important; float: left;}
   .valence-menu-default {margin-top: 0px !important; background-color: #3b3a44; float: left; width: 100% !important; height: 45px; padding: 0px 4%;}
	#about-valence{float: right; display: block; color: rgb(255, 255, 255); line-height: 45px; margin-right: 10px;}
	.menu-valence-menubar-container { width: 100%; padding: 0; background-color: rgba(0, 0, 0, 0.91) !important;}
	.menu-valence-menubar-container #menu-valence-menubar li {width: 90%; margin: 0px auto; text-align: left; font-weight: bolder;}
	.menu-valence-menubar-container ul#menu-valence-menubar li ul.sub-menu { display: block;}
	.menu-valence-menubar-container #menu-valence-menubar li li{width:80%; font-weight: normal;}
	.menu-valence-menubar-container { width: 350px; float: right;  border-radius: 0px; clear: both; max-width: 100%;}
	.menu-valence-menubar-container ul#menu-valence-menubar li:hover { background-color: transparent;}
	.menu-valence-menubar-container ul#menu-valence-menubar li:hover ul.sub-menu { display: block; position: relative; background-color: transparent; left: 0px; width: auto;}
	.menu-valence-menubar-container ul#menu-valence-menubar li:hover ul.sub-menu li {padding-left: 31.5px; width:80%;}
	.menu-valence-menubar-container ul#menu-valence-menubar li ul.sub-menu li:last-child a { padding: 8px 0px;}
	#menu-valence-menubar .expand {
	display: block !important;
}

#menu-valence-menubar .open-menu-link
{
	display: none;
	position: absolute;
	right: 15px;
	top:0;
	line-height: 37px;
font-size: 29px;
cursor: pointer;
color: #fff;
}

.menu-valence-menubar-container li .sub-menu
{
	display: none !important;
}

.menu-valence-menubar-container li .visible
{
	display: block !important;
}

}

@media screen and (max-width:1100px)
{
	#top-menu li#menu-item-77 li#menu-item-706{position: relative; top: 0px;}
	#top-menu li#menu-item-77 li#menu-item-717{position: relative; top: 0px;}
	.about-valence .sub-menu {right: -30px;}
}

@media screen and (max-width:1050px)
{
	/* .menu-valence-menubar-container #menu-valence-menubar li.valence-logo{margin-right:1%;} */
}

/*microsite fixed header*/

.fixed-header{position: fixed; max-width: 100%;
top: 0px;
left: 0px;
width: 100% !important;
margin: 0px !important;
padding: 0px;
z-index: 9999;
background-color: rgb(0, 0, 0);}
.fixed-header .menu-energy-efficiency-menubar-container,.fixed-header .menu-hmx-menubar-container,.fixed-header .menu-teraspin-menubar-container,.fixed-header .menu-valence-menubar-container ,.fixed-header .menu-ecoaxis-menubar-container{ line-height: 12px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); margin: 0px auto; width: 100%; padding: 0px; border-radius: 0px; background-color: transparent;}

.fixed-header .menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar, .fixed-header .menu-hmx-menubar-container #menu-hmx-menubar,.fixed-header .menu-teraspin-menubar-container #menu-teraspin-menubar,.fixed-header .menu-valence-menubar-container #menu-valence-menubar,.fixed-header .menu-ecoaxis-menubar-container #menu-ecoaxis-menubar { width: 1033px; max-width: 100%; text-align: center; margin: 0 auto; position: relative; display: block;}


.fixed-header .menu-energy-efficiency-menubar-container #menu-energy-efficiency-menubar li.hmx-logo, .fixed-header .menu-hmx-menubar-container #menu-hmx-menubar li.hmx-logo, .fixed-header .menu-teraspin-menubar-container #menu-teraspin-menubar li.teraspin-logo,
.fixed-header .menu-valence-menubar-container #menu-valence-menubar li.valence-logo,
.fixed-header .menu-ecoaxis-menubar-container #menu-ecoaxis-menubar li.ecoaxis-logo
 {margin-top: 0%;}
.fixed-header .menu-energy-efficiency-menubar-container li , .fixed-header .menu-hmx-menubar-container li ,.fixed-header .menu-teraspin-menubar-container li ,.fixed-header .menu-valence-menubar-container  li ,.fixed-header .menu-ecoaxis-menubar-container li {padding: 0% 1.3% 0px;}