@charset "utf-8";
/* CSS Document */

@font-face {font-family:'OpenSans-Regular'; src:url('../Fonts/OpenSans-Regular.ttf') format('truetype');}

body{border:0;font-size:15px;font-style:normal;font-weight:normal;line-height:26px;margin:0px;font-family:'OpenSans-Regular', sans-serif;
background:#929090;}

/*img{ max-width:100%; height:auto; width:auto; border:0;}*/

a{ border:none; text-decoration:none;}

.main {clear: both; margin: 0px; padding:0px; width: 100%;  }
.main1 {clear: both; margin: 0px; padding:0px; width: 100%; }
.main-top{clear: both; margin: 0px; padding:0px; width: 100%;}
.main-menu{clear: both; margin: 0px; padding:0px; width: 100%;}
.main-fb{clear: both; margin: 0px; padding:0px; width: 100%;}
.maincont{clear: both; margin: 0px; padding:0px; width: 100%; }
.main-fbg{clear: both; margin: 0px; padding:0px; width: 100%;}
.main-fbg1{clear: both; margin: 0px; padding:4px 0px; width: 100%; }
.mainad{clear: both; margin: 0px; padding:0px; width: 100%; }


.wrapper{clear: both; margin: 0 auto; width: 90%; overflow:hidden; max-width:1400px; background:#ffffff;}
.wrapper1{clear: both; margin: 0 auto; width: 90%; overflow:hidden; max-width:1400px; background:#09588a;}
.wrapper-top{clear: both; margin: 0 auto; width: 90%; overflow:hidden; max-width:1400px; background:#3a3a3a;}
.wrapper-banner{clear: both; margin: 0 auto; width:90%; overflow:hidden;max-width:1400px; background:#ffffff;}
.wrapper-search{clear: both; margin: 0 auto; width: 90%; overflow:hidden; max-width:1400px; background:#ffffff;}

#htop,#mpcont{ float:left; width:96%; margin:0px; padding:0px 2%;}
#logo-mob{ float:left; width:96%; margin:0px; padding:15px 2%;}
#htop{ border-bottom:1px solid #cccccc;}
#htop h1{ text-align:right; font-weight:normal; padding:11px 0px 5px 0px; margin:0px; font-size:14px; color:#ccc;}
#htop h1 a{ text-decoration:none; font-size:15px; color:#4b4b4b; display:block; float:left; padding:0px; margin:0px;}

#logo{ float:left; width:30%; margin:0px; padding:0px;}
#logop{ float:left;  margin:0px; padding:15px 0px; width:100%;}
#lmenu{ float:left; width:70%; margin:0px; padding:0px; padding-top:20px;}
#lmob img {float:right; padding:30px 10px;margin:0px; max-width:100%;}
#nmfloat{ float:right; width:80%; padding-top:8px}

#searchdiv{ float:left; width:96%; margin:0px; padding:0px 2%; z-index:1000; }
#searchcat{ float:left; width:28%; margin:0px; padding:0px;}

#searchcat #procatlist{ width:100%; float:left; padding:8px 5px 6px 5px; margin:0px; font-size:14px; color:#656565; background:#eeeeee; outline:none; border:none;background-image:linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc);background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;background-size: 5px 5px, 5px 5px, 0px 1.5em;background-repeat: no-repeat;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;}

#searchcat #procatlist:focus {background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);background-position:  calc(100% - 15px) 1em,calc(100% - 20px) 1em,  calc(100% - 2.5em) 0.5em; background-size:  5px 5px, 5px 5px,  0px 1.5em; background-repeat: no-repeat; border-color: green; outline: 0;}
#searchtxtbtn{ float:left; width:72%; margin:0px; padding:0px;}
#searchtxtbtn-txt{ float:left; width:68%; margin:0px; padding:0px;}
#searchtxtbtn-txt #searchtxt{  width:90%; float:left; padding:6px 5% 6px 5%; margin:0px; font-size:14px; color:#656565; background:#f3f4f4; outline:none; border:none; line-height:18px; }
#searchtxtbtn-btn{ float:left; padding:0px; margin:0px; width:32%;}
#btnsearch{ padding:0px; margin:0px; outline:none; border:none; width:30px; background:url(../images/searchbtn.png) center no-repeat #666666; height:30px; cursor:pointer;}



#banner-pro-div{ float:left; width:96%; margin:0px; padding:0px 2%; padding-top:10px;}
#productmenu-div{ float:left; width:28%; margin:0px; padding:0px;}
#banner-div{ float:left; width:70%; margin:0px; padding:0px; padding-left:2%;}
#productmenu-div h1{ padding:7px 0px 7px 0px; margin:0px; font-size:20px; color:#FFFFFF; background:#454545; font-weight:600; text-align:center; border-bottom:3px solid #ffc103;}
#productmenu-div  ul{ margin:0px; padding:0px; width:100%; list-style:none; background:#f1f0f0;}
#productmenu-div  ul li{margin:0px;  width:90%; list-style:none; background: #f1f0f0; float:left; border-bottom:1px solid #dfdddd;}
#productmenu-div  ul #vmpro{ background: #f1f0f0;}
#productmenu-div  ul li a { color:#3f3f3f; text-decoration:none; padding-left:24px; }


#mpcontp{ float:left; width:100%; margin:0px; padding:20px 0px;}
#mpcont h1{font-weight:normal; padding:10px 0px 6px 0px; margin:0px; font-size:28px; line-height:30px; color:#434444;}
#mpcont p{ text-align:justify;font-size:20px; line-height:28px; color:#434444;  margin:0px; padding:0px; font-weight:normal;}


#footerb{ float:left; width:96%; margin:0px; padding:0px 2% 10px 2%; background:#333333;}
#footerb  h1{font-weight:normal; padding:5px 0px 1px 0px; margin:0px; font-size:15px; line-height:26px; color:#676666;}
#footerb  h1 a{ color:#676666;}
#ffl1{ float:left;} #ffl2{ float:right;}

#footer{ float:left; width:96%; margin:0px; padding:20px 2%; background:#3a3a3a;}
#footer-line{ float:left; width:100%; margin:0px; padding:0px; background:#3a3a3a;  padding-bottom:20px;}
#footer h1{padding:0px 0px 6px 0px; margin:0px; font-size:16px; line-height:30px; color:#FFFFFF; font-weight:normal;  padding-bottom:20px;}
#col2div{ float:left; width:50%; margin:0px; padding: 0px;}
#footer-col1{float:left; width:45%; margin:0px; padding: 0px; padding-right:5%; background:url(../images/line.png) right center no-repeat; min-height:181px;}
#footer-col2,#footer-col3{float:left; width:40%; margin:0px; padding: 0px; padding-right:5%; padding-left:5%; background:url(../images/line.png) right center no-repeat;min-height:181px;}
#footer-col4{float:left; width:45%; margin:0px; padding: 0px; padding-left:5%;min-height:181px;}
#footer p{ padding:0px; margin:0px; padding-bottom:3px; padding-top:2px;}
#footer p a{ color:#787878; text-decoration:none;}
#footer ul{ padding:0px; margin:0px; padding-bottom:3px; padding-top:2px;}
#footer ul a{ color:#787878; text-decoration:none;}
#footer p  { color:#787878; text-decoration:none;}

#procol{ float:left; width:96%; margin:0px; padding:25px 2%;}
#procolht{ float:left; width:100%; margin:0px; padding:0px; padding-bottom:20px;}
#procolht h1{ padding:0px; margin:0px; font-size:18px; font-weight:600; color:#3f3f3f; border-bottom:1px solid #2ba8db; padding-bottom:5px;}


#product-col{float:left; width:45%; margin:0px; padding:0px 2.5%; padding-bottom:20px;}
#product-col4{ float:left; width:100%; margin:0px; padding:0px;}
#product-col2{ float:left; width:50%; margin:0px; padding:0px;}
#product-colp{ float:left; width:90%; margin:0px; padding:5%; background:#ededed; border-bottom:1px solid #eeeeee; min-height:400px}
#product-col-img{width: 100%; padding:0px; margin:0px; float:left; min-height:200px;vertical-align:middle; text-align:center; position:relative;}
#product-col-img img{margin: auto;top: 0; left: 0; bottom: 0; right: 0; max-width:100%; max-height:100%; position: absolute;}
#product-col-cont{ float:left; width:100%; margin:0px; padding:0px; padding-top:20px; min-height:80px;}
#product-col-cont h2{margin:0px; padding:0px; font-weight:normal; font-size:20px; text-align:center;overflow:hidden;}
#product-col-cont h3{margin:0px; padding:0px; font-weight:normal; font-size:15px; text-align:center; padding-top:0px; overflow:hidden;}
#product-col-readm{ float:left; width:100%; margin:0px; padding:0px; padding-top:10px;}
#product-col-readm a{ width:100%; padding:5px 0px; background:#037a81; display:inline-block; text-align:center; color:#FFFFFF; font-size:15px;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;}

#ulproducts{ padding:0px; margin:0px; width:95%; list-style:none; padding-left:5%;}
#ulproducts li{margin:0px; padding:16px 10px 6px 25px;  list-style:none; background:url(../images/lipro.png) top left no-repeat; }
#ulproducts li a { color:#3f3f3f; text-decoration:none; font-size:24px;}
#ulproducts li a:hover { color:#0d64a1;}


#pcont{ float:left; width:96%; margin:0px; padding:20px 2%;}
#pcontht{ float:left; width:100%; margin:0px; padding:20px 0px;}
#pcontht h1{ padding:0px; margin:0px; font-size:18px; font-weight:600; color:#3f3f3f;border-bottom: 1px solid #2ba8db;    padding-bottom: 5px;}
#pcont-cont{ float:left; width:100%; margin:0px; padding:0px;}
#contactfrmcol1{ float:left; width:40%; margin:0px; padding:0px; padding-right:10%;}
#contactfrmcol2{ float:left; width:50%; margin:0px; padding:0px;}

#pcont-cont-pdiv{ float:left; width:100%; margin:0px; padding: 0px; min-height:300px;}
#pcont-cont-pdiv p{margin:0px; padding: 0px; padding-bottom:15px; text-align:justify;}

#frmtbox{ width:100%; float:left; padding:0px; margin:0px; padding-bottom:14px;}
#frmtbox label{ width:100%; float:left; padding:0px; margin:0px; padding-bottom:1px; font-size:15px; line-height:22px;}

.txtbox1{ width:95%; max-width:500px; margin:0px; padding:6px 1% 5px 1%;font-size:16px;  border:1px solid #20201e; color:#000000;  outline:none; background:#FFFFFF; font-weight:normal;}
.txtbox1:focus{color:#000000;}
.txtbox2{ width:95%; max-width:500px; margin:0px; padding:6px 1% 5px 1%;font-size:16px; border:1px solid #20201e; color:#000000;  outline:none; background:#FFFFFF; font-weight:normal; height:100px; max-height:100px; min-height:100px; max-width:500px;}
.txtbox2:focus{color:#000000;}
#code{  max-width:100px; float:left; background-image:url(../images/enq.png); text-align:center; border:none; height:26px; outline:none; padding:3px 0px; font-size:20px; font-weight:bold;  -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }
.txtbox{width:95%; max-width:100px; margin:0px; padding:6px 5px 5px 5px;font-size:16px; border:1px solid #20201e; color:#000000;  outline:none; background:#FFFFFF; font-weight:normal;}
.txtbox:focus{color:#000000;}
.ermsg{ color:#F00; font-size:16px; width:100%; float:left; padding-top:2px; line-height:14px;}

.btn{ width:120px; margin:0px; outline:none;padding:6px 10px; border:none; color:#FFFFFF; cursor:pointer; font-size:17px;      background: #7b0513; font-weight:normal;}