div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, p, abbr, acronym, address, code, del, def, em, img, q, dl, dt, dd, ol, ul, li, fieldset, from, lable, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section, body {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0px;
	padding: 0px;
	out-line: 0 none;
}
.wraper {
	width: 100%;
	min-height: auto;
	margin: 0px auto;
	border: 0px solid #fff;
	top: 0;
	left: 0;
}
.layer {
	width: 100%;
	margin: 0px auto;
	background: #fff;
	top: 0;
}
body {
	background-color: #9699a3;
}

.response {width: 970px;border: 0px solid #ff0000;margin: 0px auto ;position: relative;}

.cf:before, .cf:after {content: "";display: table}
.cf:after {clear: both}
.space10{ height:10px; width:100%;}
.space20{ height:20px; width:100%;}
.mb20{margin-bottom:20px;}
/*** Header Starts ***/
.header { width: 96%; padding:15px 2%; background:#000;  }
.brand-logo { float: left; }
.brand-logo2 { float: right; border:0px solid #ff0000; padding-top:20px;}
.brand-logo2 p { font:bold 13px arial; color:#737373; text-align: center; }
.brand-logo2 p span { display:block; font-size:28px; font-weight:bold; color:#e8e8e8 }
.brand-logo2 p span.mail { display:block; font-size:16px; font-weight:bold; color:#ffc600; }


/*** header end ***/


/** Menu ***/
.menu { width:100%; background: #ffc600; }
.menu ul { list-style:none; }
.menu ul li { float:left;  }
.menu ul li a { font:normal 14px arial; color:#000; display:block; padding:10px 32px; text-decoration:none; text-transform:uppercase; border-right:1px solid #d5a603; border-left:1px solid #ebb701; }
.menu ul li a:hover { background: #3e3e3e;color:#fff; }

/* drop down **/
.menu ul li ul { display: none; }
.menu li:hover ul { display: block; position: absolute; z-index:999; }
.menu li:hover ul li {	display:block !important; float:none; border-bottom:1px solid #fdedb4; }
.menu li:hover ul li a, .menu li:hover ul li a:active { padding:10px 20px;background:#ffc600;  }
.menu li:hover ul li a:hover { background: #3e3e3e; }

#home .menu li a.current1, 
#about .menu li a.current2, 
#products .menu li a.current3, 
#certificate .menu li a.current4, 
#contact .menu li a.current5{ background:#3e3e3e; color:#fff;  }


/** banner **/
.ban { width: 100%; }

/** end **/


.message-box{ width:100%; padding:40px 0px;    }
.message-box .section{ width:33.23%;float:left; border-right:1px solid #ccc;}
.message-box .section:last-child{ border-right:0px solid #ccc;}
.message-box .section h1 { font:bold 16px arial; color:#d11d0b; padding:0px 0px; text-transform:uppercase; }
.message-box .section h1 img { float:left; padding-right:10px;}
.message-box .section p { font:normal 12px arial; color:#333;  padding:5px 20px; line-height:19px;   }
.message-box .section .pict { width:71px; height:71px; border:1px solid #ccc; padding:5px; float:left; margin:0px 15px;  }

a.more { font:normal 11px arial; color:#c6382c; display:block; margin-left:20px;   padding:10px 15px; text-decoration:none; text-transform:uppercase; background:url(image/arrow-1.png) no-repeat left center; }
a.more:hover { text-decoration:none;}

.line { background: url("image/divider.png") repeat-x; height: 8px; width:100%; margin:0px auto;  }

/*** two- boxes ***/




/*** content ***/
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}

.content{ width:970px;  overflow:hidden; padding:20px 0px; margin:0px auto; background:url(image/dots.jpg) repeat-y 300px 0px;} 
.left-col{ width:290px; border:0px solid #000; float:left;  }
.right-col{ width:660px; border:0px solid #ff00ff;  float:right; padding:0px 0px; }


.right-col h1 { font:bold 16px arial; color:#333; padding:5px 0px 10px 0px; text-transform:uppercase; border-bottom:1px solid #ccc; margin-bottom:20px; }
.right-col h2, .right-col h3, .right-col h4 { font:bold 14px arial; color:#c6382c; padding:15px 0px 5px 0px;  }
.right-col .page-img { padding:10px; border:1px solid #e5e3e3; width:200px; height:150px; display:compact; }
.right-col .page-img img { width:100%; max-width:100%;}

.right-col p { font:normal 13px arial; color:#333;  padding:10px 0px; line-height:19px; text-align:justify; }
.right-col a.more { margin-left:0px; }


.right-col ul { list-style:inside; margin-bottom:20px; }
.right-col ul li{ list-style:none; font:normal 13px arial; color:#333;  padding:10px 20px; line-height:16px; text-decoration:none; display:block;   background:url(image/arrow-3.png) no-repeat 0px 12px;}

.sub-page-banner{ width:970px; height:200px; margin:20px auto 0px auto; overflow:hidden; background-repeat:no-repeat !important; background-size:cover !important; }
.sub-page-banner h1 { font:normal 36px arial; color:#fff; padding:55px 0px 10px 0px;  }
.certi-img img {width:390px;margin:0px auto;padding:10px;border:1px solid #ccc;display:table;}
.page-img a{color:#f00;text-decoration:none !important;display:block !important;padding-top:10px; text-align:center !important;font-family:inherit;font-size:15px;}
.page-img a:hover{color:#333;text-decoration:underline !important;}
.fl{ float:left !important;}
.fr{ float:right !important;}


.left-col .links{ width:98%; border:2px solid #ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; background:#edeeef;}
.left-col .links h1{  font:bold 14px arial; color:#fff; padding:10px 0px 10px 20px; text-transform:uppercase; border-bottom:1px solid #ccc; margin-bottom:0px; background:#c4372d; }
.left-col .links ul { list-style:inside; }
.left-col .links ul li{ list-style:none;}
.left-col .links ul li a { font:normal 13px arial; color:#333;  padding:10px 30px; line-height:16px; text-decoration:none; display:block; border-bottom:1px solid #ccc;  background:url(image/arrow-2.png) no-repeat 10px 13px; }
.left-col .links ul li a:hover { text-decoration:underline; color:#c6382c;     }


/**** product-table ********/

.product-table{ width:100%; border:0px solid #000; background:#fff; }
.product-table td{background:#feeae8; font:normal 14px arial; color:#333; padding:10px 10px; }

/****Test Report******/
.certi-img a {display: block;text-decoration: none;padding: 6px 42px 6px 10px;background: #f9f9f9;border-left: 3px solid #ffc600;margin-bottom:25px;width:95%;}
.pdf-icon {width:39px!important;margin: 0px auto; display: table; float: left;padding:0px !important; border:0px !important;margin-right:7px;}
.certi-img p{ line-height:20px !important;}
/*** our staff table ***/

.our-staff{ width:100%;background:#f2efef !important; }
.our-staff li{ list-style:none; margin:0px !important;padding:0px !important; display:table !important; width:100%; background:none !important;}
.our-staff li span{ width:33%;  text-align:center; display:inline-table;  padding:20px 0px;  float:left; border-right:2px solid #fff;  border-bottom:2px solid #fff; height:130px;   }
.our-staff li span p{ padding:50px 0px; text-align:center; }



/**** Contact US ***/

.contact-us-address {  display: table;  padding: 25px 0;   width: 100%;}
.contact-us-address .address1 {float: left;padding-left: 5%;width: 85%;}
.contact-us-address .address2 {float: left;padding-right: 5%;width: 45%;}
.contact-form p {color: #555555;font: 14px arial;padding-bottom: 5px;}
.contact-form p.sub-title {color: #555555;font: bold 16px arial;padding: 15px 0;}
.contact-form ul {border: 0 solid #ff0000;display: table;width: 100%;}
.contact-form ul li {display: table;list-style:none !important;padding: 5px 0 10px !important;width: 100%; background:none !important;}
.contact-form ul li span.small {display: table;float: left;padding-right: 5%;text-align: right;width: 35%;}
.contact-form ul li span.big {display: table;float: left;padding-left: 0;text-align: left;width: 60%;}

span.captchaCode {padding: 0 5px !important;}
span.big img {cursor: pointer;}
.contact-form ul li span.button {display: table;text-align: center;width: 100%;}
.red {color: red;}
a.btn {text-decoration: none !important;}
.info { color: red; font-size: 11px; display: block;}





.footer { background-color: #ffc600; width:100%; }
.footer ul {display: table; margin:0px auto; }
.footer ul li { float: left; list-style: none; padding:15px 0px; }
.footer ul li a { text-decoration: none; display: block; text-align: center; border-right:1px solid #000000; border-left:0px solid #bc9304;  padding: 0px 15px; color: #000; font: normal 13px arial;}
.footer ul li a:hover { text-decoration: underline; }

.footer-address {background: #000; padding:10px 0px;border-top:0px solid #188fe7 }
.footer-address p { color: #f6dee8; font: normal 13px Arial; text-align:center; line-height:25px; }


/***************************************************** Contact Page **************************************/

.contact-section{ width:100%; border:0px solid #000; padding:0px 0px 20px 0px;}

.contact-address{ width:100%; margin-bottom:20px; }
.contact-address ul{ margin:0px; padding:0px;}
.contact-address ul li{ list-style:none; }
.contact-address ul li p.head{ font:bold 15px arial; padding-bottom:10px;color: #555555;  }
.contact-address ul li p { font:normal 13px arial; padding-bottom:5px; }
.contact-address ul li p a {color:#ff0000}
.contact-section .gc1{ float:left !important;}
.contact-section .gc2, .contact-section .cell-two{ width:100% !important;}

.contact-address ul li:nth-child(2) { padding-top:20px;}
#contactus {background:url(../images/ft-bg.jpg)}
.contact-form p { font:normal 13px arial; padding-bottom:5px;color: #555555; }
.contact-form p.sub-title { font:bold 16px arial; color: #555555; padding:15px 0px; }
.contact-form ul li { list-style:none; }
.contact-form ul li.small { float:left; width:50%; padding-bottom:15px; }
.contact-form ul li.big { width:100%; }
.contact-form ul li.button { padding:10px 0px; font-weight:bold;text-align:center }
.contact-form ul li input[type="text"] { width:92%; text-align:left; padding:10px 0px; border:2px solid #C8C8C8; padding-left:3%; color:#333; font:normal 13px arial;  }
.contact-form ul li textarea { width:90%; text-align:left; padding:10px 0px; border:2px solid #C8C8C8; padding-left:10px; color:#333; min-height:155px; font:normal 13px arial;  }
.contact-form ul li input[type="button"] {  color:#fff; font:bold 16px arial;  }