/* CSS Document */
/*
 * Table of Contents:
 *   16.0 - Media Queries
 *   16.1 - media screen and (max-width: 1024px)
 *   16.2 - media screen and (max-width: 992px)
 *   16.3 - media screen and (max-width: 800px)
 *   16.4 - media screen and (max-width: 768px)
 *   16.5 - media screen and (max-width: 728px)
 *   16.6 - media screen and (max-width: 640px)
 *   16.7 - media screen and (max-width: 500px)
 *   16.8 - media screen and (max-width: 480px)
 *   16.9 - media screen and (max-width: 360px)
 *  16.10 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */

/* 1.0 - Common Styles
---------------------------------------------------------------------- */

body, a, div, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	font-family: 'Open Sans', sans-serif;
	color: #333;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
}
a {
	color: #005aa7;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
	outline: none !important;
}
a:hover {
	text-decoration: none;
	color: #e2700a;
}
p {
	font-size: 13px;
	color: #000;
	font-family: 'Open Sans', sans-serif; /*padding-top:22px;*/
}
h1 {
	font-size: 26px;
	font-family: "Myriad Pro";
}
h2 {
	font-size: 15px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	padding: 30px 0px 0px 0px;
}
#top_header {
	width: 100%;
	background-color: #ff7e00;
	height: auto;
}
.container {
	width: 1024px;
	max-width: 100%;
	margin: 0px auto;
	padding: 0px;
}
.top_inside {
	float: right;
	line-height: 37px;
}
.top_inside ul {
	margin: 0px;
	padding: 0px;
}
.top_inside li {
	display: inline-block;
	list-style: none;
	text-transform: capitalize;
	font-size: 13px;
	border-left: #f9a435 solid 1px;
	font-family: 'Open Sans', sans-serif;
	padding: 0px 10px;
	color: #FFF;
}
.top_inside li a {
	color: #FFF;
	text-decoration: none;
}
.top_inside li:first-child {
	border-left: none;
}
.top_inside_second {
	float: right;
	line-height: 37px;
}
.top_inside_second ul {
	margin: 0px;
	padding: 0px;
}
.top_inside_second li {
	display: inline-block;
	list-style: none;
	text-transform: capitalize;
	font-size: 13px;
	border-left: #f9a435 solid 1px;
	font-family: 'Open Sans', sans-serif;
	padding: 0px 10px;
	color: #FFF;
}
.fa-facebook {
	font-size: 16px;
	color: #FFF;
}
.fa-twitter {
	font-size: 16px;
	color: #FFF;
}
.fa-linkedin {
	font-size: 16px;
	color: #FFF;
}
.fa-phone {
	font-size: 15px;
	color: #FFF;
	padding-right: 5px;
}
.fa-envelope {
	font-size: 14px;
	color: #FFF;
	padding-right: 5px;
}
#second_header {
	width: 100%;
	height: auto;
	background-color: #fff100;
}
.logo {
	float: left;
	width: 50%;
}
.menu {
	float: right;
	width: 50%;
	margin-top: 70px;
}
#banner {
	width: 100%;
	background-color: #fff100;
}
#contant {
	width: 100%;
	background-color: #fff100;
	height: auto;
}
.left_contant {
	float: left;
	width: 25%;
}
.white {
	font-size: 16px;
	font-family: "Myriad Pro";
}
.fa-caret-right {
	padding-right: 5px;
}
.right_contant {
	float: right;
	width: 75%;
	padding-left: 25px;
}
.orange {
	color: #ff0000;
}
#client {
	width: 100%;
	height: auto;
	background-color: #fff100;
	padding-top: 40px;
}
.footer {
	width: 100%;
	background-color: #ff6c00;
	min-height: 200px;
}
.company {
	width: 20%;
	float: left;
	height: auto;
}
.company ul {
	margin: 0px;
	padding: 0px;
}
.company li {
	list-style: none;
	font-size: 13px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	padding-top: 8px;
}
.company li a {
	text-decoration: none;
	color: #FFF;
}
.office {
	width: 80%;
	float: right;
	height: auto;
}
.office ul {
	margin: 0px;
	padding: 0px;
}
.office li {
	list-style: none;
	font-size: 13px;
	color: #fff;
	float: left;
	width: 20%;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	padding-top: 8px;
}
.office li a {
	text-decoration: none;
	color: #FFF;
}
.last_footer {
	width: 100%;
	background-color: #ff6c00;
}
.left_last_footer {
	width: 50%;
	float: left;
	line-height: 53px;
	border-top: #ff8d00 solid 1px;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-align: left;
}
.left_last_footer a {
	color: #FFF;
}
.right_last_footer {
	width: 50%;
	float: right;
	line-height: 53px;
	border-top: #ff8d00 solid 1px;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-align: right;
}
.right_last_footer a {
	color: #FFF;
}
.right_contant p {
	padding-bottom: 15px;
	text-align: justify;
}
.read {
	background-color: #ff7e00;
	color: #fff;
	float: right;
}

.manual{ font-size:38px;
font-weight:bold;

text-align:center;
color:#fff;}

.manual_arc{ color:#ffcc00;}

.electrode{ width:100%; height:auto; background-color:#090;}
.electrode ul{margin:0px; padding:0px;}
.electrode li{ width:33%; height:auto;  display:inline; list-style:none; float:left; padding:10px;}
.electrode li img{  border:solid 1px #000; width:100%;}

.earth{ width:100%; height:auto; background-color:#090;}
.earth ul{margin:0px; padding:0px;}
.earth li{ width:33%; height:auto;  display:inline; list-style:none; float:left; padding:10px; }
.earth li img{ border:solid 1px #000; width:100%;}
.code{ background-color:#ff7e00; color:#FFF; padding:5px 10px; font-family:"Open Sans"; font-size:15px; font-weight:700; width:16%; margin:10px 0px;}

/* media screen and (max-width: 980px)
---------------------------------------------------------------------- */

@media screen and (max-width: 980px) {
}
 @media screen and (max-width: 1024px) {
.container {
	width: 100%;
	margin: 0px auto;
	padding: 0px 15px;
}
}

/*media screen and (max-width:800)
-------------------------------------------------*/
@media screen and (max-width:800px) {
.logo {
	float: left;
	width: 40%;
}
.menu {
	float: right;
	width: 60%;
	margin-top: 40px;
}
.electrode li{ width:4%; }
.earth li{ width:40%;}
}
	
	
/*media screen and (max-width:768)
--------------------------------------------------------*/
@media screen and (max-width:768px) {
.left_contant {
	width: 100%;
}
.right_contant {
	width: 100%;
	margin-top: 10px;
}
.logo {
	float: none;
	width: 100%;
}
.menu {
	float: none;
	width: 100%;
	margin-top: 00px;
}

.electrode li{ width:32%; }
.earth li{ width:33%;}
}
	
	
/*media screen and (max-width:728px)
--------------------------------------------------------------*/
@media screen and (max-width:728px) {
.right_contant {
	float: none;
	padding-left: 0px!important;
}
.left_contant{ margin-bottom:20px;}
.right_contant {
	float: none;
	padding-left: 0px;
}
.office li{ width:25%;}
}
	
	
	
/*media screen and (max-width:640px)
--------------------------------------------------------------*/
@media screen and (max-width:640px) {
.logo {
	text-align: center;
}
.company {
	width: 100%;
}
.office {
	width: 100%;
	float: right; padding-bottom:20px;
}
.office li {
	width: 25%;
}

.electrode li{ width:33.3%; padding-bottom:1px; }
}
	
	
	
	
/*media screen and (max-width:500px)
--------------------------------------------------------------*/
@media screen and (max-width:500px) {
.top_inside {
	width: 100%;
	text-align:center;
}
.top_inside_second {
	width: 100%;
	text-align: center;  border-bottom:1px solid rgb(249, 164, 53);	
}
.top_inside_second li {
	border-left: none;
}
.left_last_footer {
	width: 100%;
	text-align: center;
}
.right_last_footer {
	width: 100%;
	border-top: none;
	text-align: center;
}
.logo img {
	width: 100%;
}
.office li {
    width: 33%;
}

.electrode li{ width:45%; padding-bottom:8px; }
.earth li{ width:50%;}

}
  
  
  
  
 /*media screen and (max-width:480px)
--------------------------------------------------------------*/
@media screen and (max-width:480px) {
	
.electrode li{ width:48%;}	

}
  
  
  
  /*media screen and (max-width:414px)
--------------------------------------------------------------*/
@media screen and (max-width:414px) {

.office li {
	width: 33%;
}
.top_inside {
	float: left;
	text-align: center;
}
.top_inside li {
	border-left: none;
}
.office li {
    width: 48%;
}
.electrode li{ width:51%;}	
.earth li{ width:51%;}
}
  
  
  
  /*media screen and (max-width:375px)
--------------------------------------------------------------*/
@media screen and (max-width:375px) {

}
  
  
  
  
   /*media screen and (max-width:360px)
--------------------------------------------------------------*/
@media screen and (max-width:360px) {
.office li {
	width: 50%;
}
.right_last_footer { line-height:30px;}
.left_last_footer{ line-height:30px;}
}
  
  
  
  
   /*media screen and (max-width:320px)
--------------------------------------------------------------*/
@media screen and (max-width:320px) {
	.office li {
    width:100%;
}

}