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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form,
label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{border: 0 none;list-style: none outside none;margin: 0;padding: 0; vertical-align:top;}

body {margin: 0px;font-size: 100%;font-family:'Segoe UI', Arial, Helvetica, sans-serif;}
img { width:auto; height:auto; border: none;}
a {text-decoration: none;}
.clr{clear:both;}
.fullImage{width:100%;}
h1{width:100%; height:auto; padding:0px;color:#000; font-size:22px; font-weight:900; text-transform:uppercase;}
h2{width:100%; height:auto; padding:0; margin:7px 0;font-size:20px; text-align:left; font-weight:bold; color:#fff;}
h3{width:100%; height:auto; padding:0; margin:15px 0; font-size:15px; font-weight:bold;}

.blue{color:#006faf;}
.black{color:#000;}
.white{color:#fff;} 
.red{color:#006fad;}

.left{ text-align:left;}
.center{ text-align:center;}
.right{ text-align:right;}

.topRibon{width:96%; height:auto; padding:0px 2%; margin:auto; background:#004890;}
.trCallUs{width:auto; height:auto; padding:10px 3% 0 0; margin:0; float:left; color:#fff; font-weight:400; font-size:15px;}
.trEmail{width:auto; height:auto; padding:10px 0 0 0; margin:0; float:left; color:#fff; font-weight:400; font-size:15px;}
.trRightBox{width:auto; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:13px;}
.trsmnav{width:20px; height:auto; padding:12px 10px 7px 10px; margin:0; font-size:16px; display:block; float:left;text-align:center; color:#fff; border-left:solid 1px #0059b1;}
.trsmnav:hover{ background:#0071e2; color:#fff;}
.tricon{ margin:2px 3px 0 0; font-size:18px; font-weight:400; color:#fff;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:96%; height:auto; padding:1px 2% 0 2%; margin:auto; background:#fff; position:relative; z-index:101;box-shadow:0 2px 2px rgba(0,0,0,0.4);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
 
header .rightBox{width:auto;float:right; margin:33px 0 10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:250px;height: auto; padding:6px 0 8px 0; margin:0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:96%; height:auto; padding:1px 2% 0 2%; margin:auto; background:#fff; position:absolute; 
z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:auto;float:right; margin:33px 0 15px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:250px;height: auto; padding:6px 0 8px 0; margin:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{ margin:0px 0 0 0;}
.menuBox{width:auto; height:auto; margin:auto; padding:0; color:#007db8; font-size:15px; font-weight:400; text-align:left;}

.body{width:100%; height:auto; margin:100px auto 0 auto;}
.iheadingBox{width:100%; height:auto; padding:25px 0; margin:0; text-align:center;}
.iheadingsmalltext{width:100%; height:auto; padding:12px 0 5px 0; margin:0; text-align:center; text-align:center; font-size:14px; color:#999;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0;}
.banner{width:100%; height:auto; padding:0; margin:0;position:relative;}
.bannerHeading{width:96%; height:auto; padding:10px 2% 15px 2%; margin:auto; position:absolute; z-index:1; top:25%; color:#fff; font-size:70px; font-weight:800; text-align:center; }
.curveimg{width:100%; height:auto; padding:0; margin:0; position:absolute; z-index:1; bottom:0;}

/*-- Blue Box Css --*/
.bBox{width:96%; height:auto; padding:0px 2% 12px 2%; margin:auto; background:#004890; color:#fff; text-align:center; font-size:14px;}
.bHeading{width:100%; height:auto; padding:0; margin:0 0 5px 0; text-align:center; font-size:17px; font-weight:bold; text-transform:uppercase;}

/*-- Products Css --*/
.productsPanel{width:96%; height:auto; padding:20px 2% 20px 2%; margin:auto;}
.pOuterBox{width:100%; height:auto; padding:0; margin:0;}
.pbox{width:22.7%; height:auto; padding:0; margin:5px 1% 20px 1%; border:solid 1px #e1e1e1; float:left;}
.pbox:hover{box-shadow:4px 4px 0px #a1a1a1;}
.pimgbox{width:94%; height:auto; padding:0; margin:3%; background:url(images/productbg.jpg) no-repeat center center; background-size:100% 100%;}
.pnamebox{width:94%; height:auto; padding:10px 3%; margin:0; font-size:15px; color:#000; font-weight:bold; text-align:center;  border-top:solid 1px #e1e1e1;}

.moreproducts1{width:100%; height:auto; padding:0; margin:0; display:none;}

.productreadmorebox{width:auto; height:auto; padding:0; margin:30px auto 0 auto;}
.preadmorebox{width:162px; padding:0; margin:auto; cursor:pointer;}
.prmicon{width:auto; padding:1px 12px 5px 12px; margin:auto; float:left; background:#0064c8; color:#fff; font-size:25px; font-weight:300; border-radius:3px 0 0 3px;}
.prmtext{width:auto; padding:10px 22px; margin:auto; float:left; background:#a5c3df; color:#fff; font-size:14px; border-radius:0 3px 3px 0;}
.preadmorebox:hover .prmtext{background:#0071e2;}

.otherproducts{width:100%; height:auto; padding:0; margin:0;}
.otherproductsheading{width:92.5%; height:auto; padding:7px 2.5%; margin:45px 3% 40px 1%; background:#004890; text-align:center; color:#fff; font-size:22px; font-weight:900; border-radius:5px;}
.opbox{width:17.7%; height:auto; padding:0; margin:5px 1% 20px 1%; border:solid 1px #e1e1e1; float:left;}
.opbox:hover{box-shadow:4px 4px 0px #a1a1a1;}
.opimgbox{width:94%; height:auto; padding:0; margin:3%; background:url(images/productbg.jpg) no-repeat center center; background-size:100% 100%;}
.opnamebox{width:94%; height:auto; padding:10px 3%; margin:0; font-size:15px; color:#000; font-weight:bold; text-align:center;  border-top:solid 1px #e1e1e1;}


/*-- About --*/
.aboutpanel{width:100%; height:auto; padding:0; margin:20px 0 30px 0; background:#004890; font-size:13px; color:#555; line-height:22px;}
.abouth1{font-size:25px; font-weight:bold; color:#fff; text-align:left; text-transform:none;}

.wcBox{width:40%; height:auto; padding:35px 5% 55px 5%; margin:0; background:url(images/whychoosebg.png) no-repeat center center; background-size:100% 100%; float:left;}
.wcText{width:100%; min-height:170px; padding:0; margin:10px auto 0 auto; color:#fff; font-size:17px; line-height:30px; text-align:justify;}

.aboutBox{width:40%; height:auto; padding:35px 5% 55px 5%; margin:0; background:url(images/aboutbg.jpg) no-repeat center center; background-size:100% 100%; float:right;}
.aboutText{width:100%; min-height:170px; padding:0; margin:10px auto 0 auto; color:#fff; font-size:17px; line-height:30px; text-align:justify;}

.aboutreadmorebox{width:125px; height:auto; padding:0; margin:40px auto 0 auto; float:right;}
.readmorebox2{width:125px; padding:0; margin:0 auto; cursor:pointer;}
.rmicon2{width:auto; padding:3px 8px 7px 8px; margin:auto; float:left; background:#0064c8; color:#fff; font-size:25px; font-weight:300; border-radius:3px 0 0 3px;}
.rmtext2{width:auto; padding:5px 12px; margin:auto; float:left; background:#a5c3df; color:#fff; font-size:14px; border-radius:0 3px 3px 0;}
.aboutreadmorebox:hover .rmtext2{background:#0071e2;}

/*-- Certificate Css --*/
.certificatepanel{width:98%; height: auto;padding: 30px 1% 30px 1%;margin:0 auto 50px auto; background:#f7f7f7;}
.certcol1{width:48%; height:auto; padding:0; margin:0 1%; float:left;}

/*-- Clients Css --*/
.clientPanel{width:96%; height:auto; padding:0px 2% 65px 2%; margin:auto;}
.clientbox{width:95%; height:auto; padding:0; margin:auto;}
.ocbox{width:92%; height:auto; padding:8px 1%; margin:5px 3%; border:solid 1px #dcdcdc;}
.ocimgbox{width:100%; height:auto; padding:0; margin:auto; position:relative;}

/*-- Service Details Css --*/
.sdPanel{width:96%; height:auto; padding:50px 2% 40px 2%; margin:55px auto auto auto; background:#f3f3f3; clear:both;}
.sdbox{width:18%; height:auto; padding:0; margin:5px 1%;float:left;}
.sdimgbox{width:100%; height:auto; padding:0; margin:auto; text-align:center;}
.sdnamebox{width:100%; height:auto; padding:10px 0; margin:0; font-size:15px; color:#000; font-weight:bold; text-align:center;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:60px 0 0 0; margin:auto; background:#000 url(images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}
.footerPanel1{width:100%; height:auto; padding:60px 0 0 0; margin:auto; background:#000 url(images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}
.footerContentBox{width:94%; height:auto; padding:0; margin:auto;}

.footerCol1{width:12%; padding:0 0 0 4%; float:left;}
.footerNavBox{width:80%; height:auto; padding:10px 0 0 0; text-align:justify;}
div#fNav1 ul { margin:25px 0 10px 0; padding: 0; list-style: none; } 
div#fNav1 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited { margin: 0; padding:0px; text-decoration: none; color:#c2c2c2;display:block; font-size:17px;text-align:left;font-weight:400; line-height:34px;} 
div#fNav1 ul  a:hover {color:#0071e2;}

.footerCol2{width:40%; height:auto; margin:0 2% 0 12%; float:left;}
.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fContactDetailsBox{width:100%; padding:5px 0 15px 0; font-size:14px; color:#999; font-weight:400; text-align:left; line-height:25px;}
.fContactRow{width:100%; height:auto; padding:0; margin:0 0 20px 0; text-align:left; line-height:27px;}
.fIconBox{width:7%; height:auto; padding:0; margin:0 0 0 0; float:left; font-size:25px; color:#c2c2c2;}
.fAddress{width:88%; height:auto; padding:0; margin:0 0 0 5%;color: #c2c2c2; font-size:15px; float:left;}
.fPhoneNo{ font-size:21px; font-weight:bold;}
.fEmail{ font-size:21px; font-weight:bold;}

.footerCol3{width:15%; height:auto; margin:0 5% 25px 0%; float:right;}
div#fNav3 ul { margin:25px 0 10px 0; padding: 0; list-style: none; } 
div#fNav3 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav3 ul a:link, div#fNav3 ul a:active, div#fNav3 ul a:visited { margin: 0; padding:0px; text-decoration: none; color:#999;display:block; font-size:17px;text-align:left;font-weight:400; line-height:45px;} 
div#fNav3 ul  a:hover {color:#0071e2;}
.footersmicon{width:22px; height:auto; padding:5px 5px 5px 5px; margin:7px 20px 0 0; background:#c2c2c2; font-size:20px; text-align:center; color:#000; border-radius:4px;}
div#fNav3 a:hover .footersmicon{background:#0071e2;}

.footerHeading{width:100%; margin:0 0 20px 0; font-size:18px; font-weight:800; color:#fff; text-transform:uppercase; text-align:left;}

.cRightBox{width:86%; height:auto; padding:17px 7%; margin:25px 0 0 0;  background:#131415; font-size:12px; font-weight:400; color:#c2c2c2; text-align:left;border-top:solid 1px #2b2b2b;}
.copyright{width:auto; height:auto; text-align:center; float:left;}
.poweredby{width:auto; height:auto; text-align:center; float:right;}
.poweredNav{color:#c2c2c2;}
.poweredNav:hover{color:#006fad;}

.hitcounter{width:140px; height:auto; padding:0; margin:0 23% 0 0; float:right;}

/*== INNER PAGE ==*/

.bcPanel{width:95%; height:auto; padding:20px 2.5%; margin:140px auto 30px auto; background:#7bb9f6;}
.breadcrumb{width:100%; height:auto; padding:0; margin:0; font-size:14px; color:#fff; font-weight:400; font-family:'Open Sans',Arial, Helvetica, sans-serif; text-transform:uppercase;}
.bcnav{color:#f1f1f1;}
.bcnav:hover{color:#006fad;}

.innBody{width:96%; height:auto; padding:20px 0 30px 0; margin:auto;}

.ipdleftpanel{width:40%; height:auto; padding:0; margin:0 0 0 1%; float:left;}
.ipdimgbox{width:100%; height:auto; padding:15px 0; margin:0; border-radius:10px; background:url(images/productbg.jpg) no-repeat center center; background-size:100% 100%;}
.ipsendenquirybox{width:100%; height:auto; padding:0; margin:25px 0 0 0;}
.ipsendenquiry{width:100%; height:auto; padding:10px 0; margin:0; background:#7bb9f6; display:block; text-align:center; color:#fff; font-size:15px; font-weight:bold; text-transform:uppercase; border-radius:5px;}
.ipsendenquiry:hover{background:#006fad; cursor:pointer;}
.ipenquiryformbox{width:100%; height:auto; padding:0; margin:15px 0 0 0; display:none;}
.ipetextform{width:100%; height:auto; padding:0; margin:0 0 15px 0; position:relative;}
.ipetextbox{width:97%; height:auto; padding:7px 1.5%; margin:auto; background:#fff;  border:solid 1px #c1c1c1; font-size:14px; color:#777; border-radius:3px;}
.ipetextarea{width:97%; height:45px; padding:7px 1.5%; margin:auto; background:#fff;  border:solid 1px #c1c1c1; font-size:14px; color:#777; border-radius:3px;}
.ipsubmitbtn{width:100%; height:auto; padding:10px 0; margin:0; background:#7bb9f6; display:block; text-align:center; color:#fff; font-size:15px; font-weight:bold; text-transform:uppercase; border-radius:5px;}
.ipsubmitbtn:hover{background:#006fad; cursor:pointer;}

.ipdbox{width:53%; height:auto; padding:0; margin:0 1% 0 0; font-size:15px; line-height:25px; float:right;}
.ipdheadingbox{width:96%; height:auto; padding:2px 2%; margin:0 0 25px 0; background:#7bb9f6; border-radius:5px;}

table {width: 100%; margin:30px 0;border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; border:solid 1px #d70a00;}
table th{ background:#e5f0fa; padding:7px 7px; color:#006fad; font-size:15px; font-weight:bold; text-align:left; text-transform:uppercase; border:solid 1px #abd2f9;}
table td{padding:5px 7px; color:#000; font-size:14px; font-weight:500; border:solid 1px #abd2f9;}
table tr:nth-child(even){background-color: #fff;}
table tr:nth-child(odd){background-color: #f6fbff;}

.iotherproductsheading{width:92.5%; height:auto; padding:7px 2.5%; margin:30px 3% 35px 1%; background:#7bb9f6; text-align:center; color:#fff; font-size:18px; font-weight:900; border-radius:5px;}

/*--- Our Clients ---*/

.client-pic{width:21.5%;padding:7px;border:#CCC 1px dashed;float:left;margin:0 1% 20px 1%;float:left;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background:#eee;}
.client-pic:hover{background:#25579e;}
.client-pic img{width:100%;height:120px;margin-bottom:3px;}
.client-pic .client-head{ font-weight:bold; font-size:12px; text-align:center;}
.client-pic:hover .client-head{ color:#fff;}
.client-img{width:70%; height:auto; padding:10px 15%; margin:0 auto 7px auto; background:#fff;}

/*-- Contact Us --*/
.contactbox{width:100%; height:auto; padding:0; margin:0 auto;}
.contactInfoBox{width:100%; height:auto; padding:0; margin:0 auto;}
.contactInfo{width:27.1%; height:auto; padding:40px 2% 5px 2%; margin:0 1% 0px 1%; float:left; background:#f3f3f3;border:solid 1px #e1e1e1;}
.contactInfo1{width:27.1%; height:auto; padding:40px 2% 5px 2%; margin:0 1% 0px 1%; float:left; background:#f3f3f3;border:solid 1px #e1e1e1;}
.contactInfoIcon{width:100%; height:auto; padding:0; margin:0 0 20px 0; text-align:center; color:#333; font-size:40px;}
.contactInfoHeading{width:100%; height:auto; padding:0; margin:0 0 20px 0; text-align:center; color:#333; font-size:21px; font-weight:bold;}
.contactInfotext{width:100%; height:75px; padding:0; margin:0; text-align:center; color:#333; font-size:15px; font-weight:400;}
.contactInfotext1{width:100%; height:auto; padding:0; margin:0; text-align:center; color:#333; font-size:15px; font-weight:400;}


.cGetInTouchPanel{width:97.75%; height:auto; padding:0 0 20px 0; margin:35px auto 10px auto; background:#f3f3f3; border:solid 1px #e1e1e1;}
.cGetInTouchHeading{width:100%; height:auto; padding:25px 0; margin:0 0 30px 0; text-align:center; font-size:35px; color:#333; font-weight:300;border-bottom:solid 1px #e1e1e1;}
.cgitRow{width:94%; height:auto; padding:0; margin:0 auto 20px auto;}
.cgitCol1{width:100%; height:auto; padding:0; margin:auto; position:relative;}
.cgitCol2{width:48%; height:auto; padding:0; margin:auto; float:left; position:relative;}
.cgitCol3{width:48%; height:auto; padding:0; margin:auto; float:right; position:relative;}
.gitTextBox1{width:97%; height:auto; padding:15px 1.5%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:17px;}
.gitTextBox2{width:94%; height:auto; padding:15px 3%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:17px;}
.gitListBox{width:100%; height:auto; padding:15px 2%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:17px; color:#777;}
.gitTextArea{width:97%; height:100px; padding:15px 1.5%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:17px;}

.cgitBtnRow{width:94%; height:auto; padding:0; margin:0 auto 20px auto; text-align:center;}
.cgitBtn{width:auto; height:auto; padding:10px 45px; margin:0; text-align:center; background:#004890; color:#fff; font-size:21px; font-weight:100; border:none; border-radius:3px;}
.cgitBtn:hover{background:#006fad; cursor:pointer;}

.contactMapBox{width:98%; height:auto; padding:0; margin:35px auto 15px auto;}