@charset "utf-8";
*{ padding:0px; margin:0px;}
body{padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;  background:#fff; overflow-x:hidden;}

.clear{ clear:both; margin:0px; padding:0px; font-size:0px; line-height:0px;}
.fl{ float:left;}
.fr{ float:right;}
img{ border:0px;}
a{ text-decoration:none;}
.full-width{ float:left; width:100%;}

ul, li{ margin:0px; padding:0px; list-style:none; outline:none;}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; clear:both; font-weight:normal;}
input, textarea{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; border:0px; }

#header-top, #header-top2, #header, #main-slider, #mid-part, #footer, #mid-part-inner{ width:100%; float:left; margin:0;}
.main-div{ width:1000px; margin:0px auto;}

@font-face {
	font-family: 'Conv_BebasNeue';
	src: url('../fonts/BebasNeue.eot') ;
	src: local('☺'), url('../fonts/BebasNeue.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue.woff') format('woff'), url('../fonts/BebasNeue.ttf') format('truetype'), url('../fonts/BebasNeue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
#header-top{ border-top:3px solid #000; margin-bottom:10px;}
#header-top .main-div{ background:#fff;}
#header-top .logo{ float:left;}
.shadow-img{ margin-top:-10px;}
#header-top2{ font-size:14px; color:#000; padding:0px 0px 10px 30px; letter-spacing:0.05em; text-transform:uppercase;}
#main-slider .main-div{position:relative;}
.slider-div2{ background:#fff; float:left; position:relative; border-radius:10px; border:1px solid #d4d4d4; box-shadow: inset 0 0 10px 10px #e8e8e8;  overflow:hidden;}
.slider-box{ background:url(../images/sliderbg.png) top left repeat; float:left; width:300px; border-radius:5px; position:absolute; padding:10px 20px; bottom:50px; right:40px;}
.slider-mid-text{ color:#e9e9e9; font-size:30px; text-transform:uppercase; width:100%; float:left;}
.slider-mid-text span{ float:left; width:100%; font-size:36px; padding-top:10px; color:#f71010;}
.red-box{ float:left; color:#fff; font-family: 'Conv_BebasNeue'; font-size:30px; text-transform:uppercase; background:#f71010; box-shadow: inset 0 0 10px 1px #9c9494; padding:15px 2%; width:96%; border-radius:10px; text-align:left; margin-top:5px; margin-bottom:10px;}
.inq-btn{ float:right; padding:6px 20px; background:#fff; border-radius:3px; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:30px; height:30px; font-size:18px; box-shadow:0 0 3px #777;}
.inq-btn:hover{ background:#000; color:#fff;}
.right-part{ width:100%; float:left; margin:5px 0px 10px 0px;}
.company-logo-box{ float:left; width:31%; padding:15px 0px; text-align:center; margin-right:30px;}
h2{ font-size:22px; text-transform:uppercase; padding:20px 0px 15px; display:inline-block;}
h2 span{ float:left; width:100%; font-size:14px; font-weight:bold; color:#f71010; padding-top:5px;}
.text-part{ float:left; font-size:14px; width:100%; line-height:20px; text-align:justify; color:#565656;}
.text-part span{ color:#e81515;}
.content-box{ float:left; width:94%; padding:20px 3%; background:#fff; border-radius:10px; border:1px solid #d4d4d4; box-shadow: inset 0 0 15px 5px #e8e8e8;}
.read-btn{ float:left; background:#000; color:#fff; font-size:11px; margin-top:15px; text-transform:uppercase; padding:5px 10px; border-radius:3px;}
.height-fix{ height:220px;}
.read-btn:hover{ background:#f71010;}
.about-right{ float:right; width:39%; margin-left:1%; margin-top:40px;}

/*************** title ******************/
h1.title{ display:block; width:100%; font-family: 'Conv_BebasNeue'; font-size:30px; border-bottom:1px solid #ccc; margin-bottom:20px; color:#000;}
h1.title span{ color:#dd1818;}

ul.listing{ margin:5px 0px 15px 10px; display:block;}
ul.listing li{ line-height:20px; background:url(../images/arrow.png) left center no-repeat; padding-left:10px;}

/********************** products *********************/
.pro_box{ float:left; width:100%; border-bottom:4px double #ccc; margin-bottom:30px; padding-bottom:20px;}
.pro_img_box{ outline:none; float:left; width:20%; margin-right:20px;}
.pro_img_box img{ width:100%; display:block;}
.pro-right-box{ float:left; width:76%;}
.pro-title{ float:left; width:100%; font-size:22px; border-bottom:1px dotted #ccc; color:#dd1818; padding:15px 0px 5px; margin-bottom:10px;}

/******************** contact-detail *************/
.contact-box1{ float:left; width:50%; margin-right:30px; border-right:1px dotted #ccc; padding-right:30px;}
.contact-box2{ float:left; width:43%;}

.con-main-box{ margin-top:15px; font-size:13px; float:left; width:100%;}
.con-main-box label{ font-size:14px; float:left; text-align:right; width:100px; margin-right:10px; margin-bottom:3px; line-height:30px;}
.textbox{ border-radius:5px; border:1px solid #d4d4d4; box-shadow: inset 0 0 2px 1px #e8e8e8; color:#000000; height:23px; width:345px; float:left; padding:2px 4px; margin-bottom:3px;}
.dropbox{ border-radius:5px; border:1px solid #d4d4d4; box-shadow: inset 0 0 2px 1px #e8e8e8; border:#ddd solid 1px;color:#000000; height:30px; width:270px; float:left; padding:3px 4px;}
.textarea{ border-radius:5px; border:1px solid #d4d4d4; box-shadow: inset 0 0 2px 1px #e8e8e8; border:#ddd solid 1px; color: #000000; height:100px;width:345px; padding:5px 4px;}
.button{ background:#000; padding:10px 20px; font-weight:bold; border-radius:3px; float:left; font-size:14px; text-transform:uppercase; color:#fff; cursor:pointer;}
.button:hover{ background:#f71010;}

.content-address{ width:100%; font-size:16px; line-height:26px; float:left; color:#333; text-align:justify;}
.content-address a{ color:#000; text-decoration:underline;}
.content-address a:hover{ color:#f71010;}


/***************** footer ***********************/
#footer .main-div{ overflow:hidden; background:#2f2f2f; border-radius:10px; margin-bottom:15px; margin-top:5px; padding:15px 0px;}
ul.footer-menu{ display:block; float:left; width:100%; text-align:center; margin-top:10px;}
ul.footer-menu li{ display:inline; border-right:1px solid #fff;}
ul.footer-menu li:last-child{ border:none;}
ul.footer-menu li a{ color:#fff; font-size:12px; font-weight:bold; padding:0px 10px;}
.copy-text{ float:left; width:100%; text-align:center; color:#b7b7b7; margin-top:10px;}