*{ 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;}
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, #header2, #main-slider, #mid-box, #mid-part, #footer{ width:100%; float:left; margin:0;}
.main-div{ width:1000px; margin:0px auto;}

@font-face {
    font-family: 'calibriregular';
    src: url('../fonts/calibri-webfont.eot');
    src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibri-webfont.woff') format('woff'),
         url('../fonts/calibri-webfont.ttf') format('truetype'),
         url('../fonts/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#header{ background:#1a1c1f; border-top:2px solid #fdc430;}
#header .logo{ float:left; padding:5px 0px;}
#header .header-right{ float:right; width:400px; text-align:right; background:url(../images/header-right-img.png) top left no-repeat; font-family: 'calibriregular'; color:#fff; font-size:45px; padding:30px 0px 20px; line-height:38px;}
#header .header-right span{ display:inline-block; width:100%; color:#eeb92f; font-size:26px;}

#header2{ background:#f4f4f4;}

.toggleMenu{ display:none; background:#f4f4f4; padding:7px 0px; color:#000; text-transform:uppercase; text-align:center; font-family: 'calibriregular'; width:96%; font-size:18px; position:absolute; bottom:0;}
.toggleMenu:hover{ background:#fdc430;}
.nav{ list-style:none; *zoom:1; display:block; float:left; width:100%;}
.nav:before, .nav:after{ content:" "; display:table;}
.nav:after{ clear:both;}
.nav ul{ list-style:none;}
.nav li{ background:url(../images/line.jpg) right 11px no-repeat; display:inline; font-size:5px; line-height:30px;}
.nav li:last-child{background:none;}
.nav a{ font-size:24px; color:#4a4a4a; font-family: 'calibriregular'; padding:10px 58px; float:left; cursor:pointer; outline:none;}
.nav a.act, .nav a:hover{ background:#eab428; color:#000;}
.nav li{ position:relative; display:inline; float:left; padding:0px;}
.nav > li{ float:left;}
.nav > li > .parent{ background-image:url("../images/downArrow.png"); background-repeat:no-repeat; background-position:right;}
.nav > li > a{ display:block;}
.nav li  ul{ position:absolute; top:50px; left:-9999px; background:#eab428; z-index:9; box-shadow:0 2px 2px #666;}
.nav > li.hover > ul{ left:0;}
.nav li li.hover ul{ left:100%; top:0;}
.nav li li{ border-bottom:1px dotted #ffca43; background:none;}
.nav li li:last-child{ border-bottom:none;}
.nav li li a{ display:block; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; color:#000; z-index:100;  padding:10px 5px 3px 15px; float:left; width:200px;}
.nav li li a:hover{ background:#e79d24; padding:10px 5px 3px 15px;}
.nav li li li a{ z-index:200;}

@media screen and (max-width:1000px) {
.nav{ background:#fff; width:96%; position:absolute; top:30px; z-index:9999; height:auto; box-shadow:0 2px 6px #666;}
.nav li{ display:block; width:100%; float:left; border-bottom:1px dashed #e9e8e8; line-height:20px; background:none;}
.nav li:last-child{ border-bottom:none;}
.nav li a{ color:#333; font-family: 'calibriregular'; font-size:16px; text-transform:uppercase; float:left; width:94%; padding:8px 3%;}
.nav li a:hover{ background-color:#333; color:#fff;}
.active { display:block;}
.nav ul{}
.nav > li{}
.nav li > .parent{}
.nav li ul{ float:left; display:block; width:100%; box-shadow:0 1px 1px #ccc; padding:0; margin:-2px 0 0 0; top:0;}
.nav li ul li{ border-bottom:1px solid #e5e3e3;}
.nav li ul li:last-child{ border-bottom:none;}
.nav li ul li a{ background:#f4f4f4; color:#000; margin:0; font-size:12px; width:94%; padding:5px 3%;}
.nav li ul li a:hover{ background:#000; color:#fff; padding:5px 3%}
.nav > li.hover > ul, .nav li li.hover ul { position:relative;}
.nav a.act{ padding:10px 3%; background-color:#333; color:#fff;}
}

#main-slider{ position:relative;}
.slider-txt{ background:url(../images/slider-bg.png) top left repeat; color:#fff; font-size:34px; width:100%; position:absolute; font-family: 'calibriregular'; bottom:30px; padding:20px 0px; text-align:center;}
.slider-txt span{ width:850px; text-align:left; margin:0px auto; display:inline-block; }

#mid-box{ background:#1a1c1f; border-top:1px solid #fdc430; padding:30px 0px;}
#mid-box .main-div{ overflow:hidden;}
.main-box{ float:left; width:21.5%;}
.img-box{ float:left; border:5px solid #868686;}
.img-box img{ width:100%;}

.product-text{ float:left; width:100%; color:#fff; font-size:24px; font-family: 'calibriregular'; padding:10px 0px} 
.product-text span{ float:left; width:100%; color:#7a7a7a; font-size:16px; padding:5px 0px; line-height:18px;}
.read-btn{ float:left; cursor:pointer; display:block; background:#fdc430; padding:7px 15px; color:#000; font-size:13px; font-weight:bold;}
.read-btn:hover{ background:#fff;}
.mr-45{ margin-right:45px;}
.mr-30{ margin-right:30px;}
.mt-15{ margin-top:15px;}
.mt-30{ margin-top:30px;}
.mb-30{ margin-bottom:30px;}
.mb-15{ margin-bottom:30px;}

#mid-part{ background:#eaeaea; padding:30px 0px; border-top:1px solid #dededc;}
.left-img-box{ float:left; width:200px; background:#fff; border:5px solid #fff;}
.left-img-box img{ width:100%;}
.left-img-box2{ float:left; width:150px; background:#fff; margin-bottom:20px; border:5px solid #fff;}
.left-img-box2 img{ width:100%;}
.content-dtl-box{ float:left; width:76%;}
h1{ float:left; width:100%; text-align:left; color:#000000; font-size:36px; font-family: 'calibriregular'; padding-bottom:5px; border-bottom:1px solid #d6d4d4; background:url(../images/line2.jpg) bottom left no-repeat; margin-bottom:15px;}
h1 span{ color:#e58f00;}

.content{ float:left; width:100%; font-size:14px; color:#696969; line-height:22px; text-align:justify;}
.content2{ display:block; width:100%; font-size:14px; color:#696969; line-height:22px; text-align:justify;}
.content-dtl-box2{ float:left; width:45%;}
.content-dtl-box3{ float:left; width:52%;}
.content-dtl-box4{ display:block; width:100%;}

ul.listing{ float:left; width:100%;}
ul.listing li{ float:left; width:94%; font-size:14px; color:#696969; line-height:22px; background:url(../images/arrow.png) left 7px no-repeat; padding-left:20px;}
ul.listing li a{color:#000; text-decoration:none; font-weight:bold;}
ul.listing li a:hover{color:FDC430;}
.content-dtl-box3 ul.listing li a:hover{opacity:0.6;}

#footer{ background:#1a1c1f; padding:20px 0px; border-bottom:2px solid #fdc430;}
ul.footer-menu{ float:left; padding-top:15px;}
ul.footer-menu li{ float:left; display:inline; border-right:1px solid #fff; padding:0px 10px; line-height:14px; font-size:10px;}
ul.footer-menu li:last-child{ border-right:none;}
ul.footer-menu li a{ float:left; font-family: 'calibriregular'; font-size:20px; color:#fff; text-transform:uppercase;}

.copy-text{ float:left; font-family: 'calibriregular'; font-size:16px; color:#b7b7b7; text-transform:uppercase; padding-top:10px;}

.tag-text{ float:left; width:290px; font-size:22px; color:#fff; font-family: 'calibriregular'; text-transform:uppercase; padding-top:35px; padding-left:100px;}
.tag-text span{ float:left; width:100%; color:#fdc42f; text-indent:100px;}

.title-part{ float:left; width:100%; background:#eab428; padding:20px 0px; border-bottom:1px solid #666;}
h2{ float:left; width:100%; color:#000; font-size:24px; font-family: 'calibriregular'; text-transform:uppercase;}
/*.title-part .main-div span{ float:left; width:12%; position:absolute; bottom:0; left:0; border-bottom:3px solid #000;}
*/
strong.color{ color:#000; font-size:16px; padding-bottom:10px; float:left; width:100%;}
strong.color2{ color:#000; font-size:16px; margin:15px 0px 10px; border-bottom:1px solid #ccc; padding-bottom:3px; float:left; width:100%;}

h3{ float:left; width:100%; text-align:left; color:#000000; font-style:normal; font-size:28px; font-family: 'calibriregular'; padding-bottom:5px; border-bottom:1px solid #d6d4d4; background:url(../images/line2.jpg) bottom left no-repeat; margin-bottom:15px;}
h3 span{ color:#e58f00;}
h3.small-size{ background:#f4f4f4; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:10px 0; font-size:12px; text-align:center; color:#000; box-shadow:0 0 2px #ccc; text-transform:uppercase;}

.service-box{ float:left; width:21.5%; margin-bottom:20px;}
.service-title{ background:#fff; float:left; width:100%; padding:15px 0; text-align:center; font-size:13px; color:#333; font-weight:bold; text-transform:uppercase;}
.contact-box1{ float:left; width:40%; margin-right:50px;}
.contact-tbl{ float:left;}
.contact-tbl th{ text-align:left; height:60px; color:#696969; font-size:14px; line-height:22px;}
.contact-tbl td{ padding:10px 0px; color:#000; font-size:14px;}
.contact-tbl td a{ color:#e08c02; font-weight:bold; text-decoration:underline;}
.contact-tbl td a:hover{ color:#666;}
.contact-tbl td:first-child{ font-weight:bold; width:16%;}

.text{ color:#696969; font-size:14px; line-height:22px; font-weight:bold;}

.contact-box2{ float:left; width:55%;}
.con-main-box{ float:left; width:100%; margin-top:20px;}
.textbox{ float:left; width:98%; height:33px; background:#f3f3f3; box-shadow:0 1px 1px #ccc; padding:0px 1%;}
.textarea{ float:left; width:98%; height:100px; background:#f3f3f3; box-shadow:0 1px 1px #ccc; padding:5px 1% 0px;}

.special-box{ float:left; width:100%; margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:15px;}
.special-img-box{ float:left; width:150px; margin-right:30px; box-shadow:0 0 3px #ccc; background:#fff; padding:2px;}
.special-img-box img{ width:100%;}
.special-right-box{ float:left; width:75%; font-size:13px; color:#696969; line-height:18px; text-align:justify;}

.detail-img-box{ border:2px solid #000; width:99.5%; height:200px;}
.detail-img-box2{border:2px solid #000; width:99.5%; height:300px;}
.footer-right{width:250px; float:right; margin-top:-25px;}
.footer-img1{ float:right; display:block; margin-bottom:10px;}
.footer-img2{ float:left; width:100%; text-align:center; display:none;}
.optimatrix{color:#fff; font-size:14px; float:right;}
.optimatrix a{color:#EAB428; text-decoration:none; font-weight:bold;}
.optimatrix a:hover{color:#E58F00;}
.logo-box{ width:80px; height:78px; margin:0 auto 0px; background:url(../images/logo-bg.png) top left no-repeat; overflow:hidden; position:relative;}
#image{ position:absolute; top:20px; left:9px;}
#image2{ position:absolute; top:6px; left:34px;}
#image3{ position:absolute; top:28px; left:45px;}