@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:'Calibri',Arial, Helvetica, sans-serif;}
img {width:100%; 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;}
h2{width:100%; height:auto; padding:0; margin:20px 0 15px 0;font-size:20px; text-align:left; font-weight:800;}
h3{width:100%; height:auto; padding:0; margin:10px 0 10px 0;font-size:17px; text-align:left; font-weight:800;}

.blue{color:#004890;}
.black{color:#000;}
.white{color:#fff;} 

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

.topRibon{width:100%; height:auto; padding:0px; margin:auto;}
.topRibonBox1{width:96%; height:auto; padding:0px 2%; margin:auto; border-bottom:solid 1px #005db9; color:#000;}
.topRibonBox2{width:96%; height:auto; padding:0px 2%; margin:auto; background:#004890; color:#fff;}
.trCallUs{width:auto; height:auto; padding:7px 3% 0 0; margin:0; float:left; font-weight:bold; font-size:14px;}
.trEmail{width:auto; height:auto; padding:7px 0 0 0; margin:0; float:left; font-weight:bold; font-size:14px;}
.trRightBox{width:auto; height:auto; padding:0; margin:0; float:right;font-weight:300; font-size:13px;}
.trsmnav{width:20px; height:auto; padding:12px 7px 7px 7px; margin:0; display:block; color:#fff; float:left;text-align:center; border-left:solid 1px #005db9;}
.trsmnav:hover{ background:#005db9; color:#fff;}
.trsmnav1{width:20px; height:auto; padding:12px 7px 7px 7px; margin:0; display:block; color:#005db9; float:left;text-align:center; border-left:solid 1px #005db9;}
.trsmnav1:hover{ background:#005db9; color:#fff;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:96%; height:auto; padding:5px 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:27px 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:370px;height: auto; padding:0px; margin:5px 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:5px 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:27px 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:370px;height: auto; padding:0px; margin:5px 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;}

header.smaller .indexHeader{background:#fff !important;box-shadow:0 2px 2px rgba(0,0,0,0.4) !important;}
.indexHeader{background:none !important;box-shadow:0 0px 0px rgba(0,0,0,0.4) !important;}

.body{width:100%; height:auto; margin:0px 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:15px; 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:35%; color:#fff; font-size:70px; font-weight:800; text-align:center; }
.bannerSMText{width:100%; height:auto; padding:10px 0 0 0; margin:auto;color:#fff; font-size:25px; font-weight:800; text-align:center; }
.curveimg{width:100%; height:auto; padding:0; margin:0; position:absolute; z-index:102; bottom:0;}

.bannerEnquiry{width:280px; height:auto; padding:12px 1% 7px 1%; margin:10.5% 0 0 0; background:rgba(0,72,144,0.85); position:absolute; z-index:101; top:0; right:3.5%; border-radius:10px;}
.bannEnquiryBox{width:280px; height:auto; padding:0; margin:0;}
.bannEheading{width:100%; height:auto; padding:0; margin:0 0 15px 0; font-size:25px; color:#fff;}
.bannERow{width:100%; height:auto; padding:0; margin:0 0 14px 0; position:relative;}
.bannETBox{width:94%; height:auto; padding:6px 3%; margin:0; border:none; color:#000 !important; border-radius:3px;font-family:'Century Gothic',Arial, Helvetica, sans-serif;}
.bannELBox{width:100%; height:auto; padding:6px 3%; margin:0; border:none; color:#000 !important; border-radius:3px;font-family:'Century Gothic',Arial, Helvetica, sans-serif;}
.bannETABox{width:94%; height:35px; padding:6px 3%; margin:0; border:none; color:#000 !important; border-radius:3px;font-family:'Century Gothic',Arial, Helvetica, sans-serif;}
.bannSubmit{width:100%; height:auto; padding:10px 0; margin:0; border:none; background:#6baef1; color:#fff; font-size:20px; border-radius:3px;font-family:'Century Gothic',Arial, Helvetica, sans-serif;}
.bannSubmit:hover{ background:#4197ed; cursor:pointer;}

/*-- Red Box Css --*/
.rBox{width:96%; height:auto; padding:5px 2% 15px 2%; margin:auto; background:#004890; color:#fff; text-align:center; font-size:14px;}
.rHeading{width:100%; height:auto; padding:0; margin:10px 0; text-align:center; font-size:20px; font-weight:bold; text-transform:uppercase;}

/*-- Products Css --*/
.productsPanel{width:96%; height:auto; padding:30px 2% 0px 2%; margin:auto;}
.pOuterBox{width:100%; height:auto; padding:0; margin:0;}
.pbox{width:31%; height:auto; padding:0; margin:5px 1% 20px 1%; border:solid 1px #f1f1f1; float:left;}
.pbox:hover{box-shadow:0 0 1px #006faf;}
.pimgbox{width:94%; height:auto; padding:3%; margin:0;}
.pnamebox{width:94%; height:auto; padding:10px 3%; margin:0; font-size:18px; color:#000; font-weight:900; text-transform:capitalize; text-align:center;  border-top:solid 1px #f1f1f1;}
.pbox:hover .pnamebox{color:#004890;}

/*-- About --*/
.aboutpanel{width:100%; height:auto; padding:0; margin:40px 0 50px 0; background:#004890; font-size:13px; color:#555; line-height:22px;}
.aboutleftbox{width:40%; height:auto; padding:35px 5% 76px 5%; margin:0; background:url(images/bg1.png) no-repeat center center; background-size:100% 100%; float:left;}
.aboutrightbox{width:40%; height:auto; padding:35px 5% 50px 5%; margin:0; background:url(images/bg2.jpg) no-repeat center center; background-size:100% 100%; float:right;}

.aboutText{width:100%; height:auto; padding:0; margin:10px auto 0 auto; color:#fff; font-size:16px; line-height:25px; text-align:justify;}
.aboutreadmorebox{width:auto; height:auto; padding:0; margin:40px auto 0 auto;}

.readmorebox2{width:140px; padding:0; margin:0; cursor:pointer; float:right;}
.rmicon2{width:auto; padding:7px 10px; margin:auto; float:left; background:#004890; color:#fff; font-size:25px; font-weight:300; border-radius:3px 0 0 3px;}
.rmtext2{width:auto; padding:7px 15px; margin:auto; float:left; background:#acb8c3; color:#fff; font-size:14px; border-radius:0 3px 3px 0;}
.aboutreadmorebox:hover .rmtext2{background:#004890;}

/*-- Popular Brand Css --*/
.apcPanel{width:97%; height:auto; padding:0px 1.5%; margin:auto;}
.apcbox{width:84%; height:auto; padding:10px 5% 0 5%; margin:auto; background:#004890; color:#fff;}
.apcscrollbox{width:94%; height:auto; padding:40px 0 25px 0; margin:1px auto 35px auto; background:#004890; color:#fff; font-size:15px; font-weight:400; text-align:center; line-height:30px;}

.aaBox{width:16%; height:auto; padding:0; margin:0 0 16px 0; float:left;}
.aaIconBox{width:25px; height:25px; padding:12px; margin:auto; text-align:center; border:solid 2px #fff; border-radius:100%; font-size:22px; font-weight:bold; color:#fff;}
.aaName{width:100%; height:auto; padding:0; margin:7px 0 0 0; font-size:17px; color:#fff; font-weight:400; text-align:center;}


/*-- Popular Brand Css --*/
.galleryPanel{width:97%; height:auto; padding:0px 1.5%; margin:auto;}
.gallerybox{width:95%; height:auto; padding:0; margin:auto;}
.gbox{width:92%; height:auto; padding:8px 1%; margin:5px 3%; border:solid 1px #dcdcdc;}
.gimgbox{width:100%; height:auto; padding:0; margin:auto; position:relative;}

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

.footerCol1{width:16%; 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:#fff;display:block; font-size:16px;text-align:left;font-weight:400; line-height:32px;} 
div#fNav1 ul  a:hover {color:#004890;}

.footerCol2{width:33%; height:auto; margin:0 0 25px 2%; float:left;}
div#fNav2 ul { margin:30px 0 10px 0; padding: 0; list-style: none; } 
div#fNav2 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav2 ul a:link, div#fNav2 ul a:active, div#fNav2 ul a:visited {width:auto; height:auto; margin:0 10px 10px 0; padding:7px 12px; text-decoration: none; color:#fff;display:block; font-size:16px;font-weight:400; float:left; border:solid 1px #999; border-radius:3px;} 
div#fNav2 ul  a:hover {color:#004890; border:solid 1px #004890;}

.footerCol3{width:39%; height:auto; margin:0 2% 0 0; float:right;}
.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fContactDetailsBox{width:100%; padding:5px 0 15px 0; font-size:16px; color:#fff; font-weight:400; text-align:left; line-height:25px;}
.fName{width:100%; height:auto; padding:5px 0 10px 0px; font-weight:bold; font-size:22px;}
.fLocation{width:90%; height:auto; padding:5px 0 0 35px; background:url(images/fLocationIcon.png) no-repeat left 10px;}
.fContact{width:75%; height:auto; padding:5px 0px 0px 35px; margin:10px 0; background:url(images/fContactIcon.png) no-repeat left 8px;}
.fWhatsApp{width:75%; height:auto; padding:5px 0px 0px 35px; margin:10px 0; background:url(images/whatsAppIcon.png) no-repeat left 10px;}
.fEmail{width:75%; height:auto; padding:5px 0px 0px 35px; margin:10px 0; background:url(images/fMailIcon.png) no-repeat left 10px;}
.fWebsite{width:75%; height:auto; padding:0px 0px 0px 35px; margin:10px 0; background:url(images/fWebsiteIcon.png) no-repeat left 5px;}

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

.cRightBox{width:92%; height:auto; padding:17px 4%; margin:15px 0 0 0;  background:#131415; font-size:13px; font-weight:400; color:#fff; 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:#fff;}
.poweredNav:hover{color:#004890;}

/*== INNER PAGE ==*/
.innwrap{width:96%; height:auto; padding:0; margin:175px auto 0 auto;}
.innLeftPanel{width:22%; height:auto; padding:0 0 10px 0; margin:0;float:left;}
.innerLeftPanel{width:100%; height:auto; padding:0 0 10px 0; margin:0 0 25px 0; background:#d7ebff; border-radius:7px 7px 5px 5px;}
.innerLeftPanel1{width:100%; height:auto; padding:0 0 10px 0; margin:0 0 25px 0; background:#d7ebff; border-radius:7px 7px 5px 5px;}
.leftmenuheading{width:90%; height:auto; padding:12px 5%; margin:0; background:#004890; color:#fff; text-transform:uppercase; font-weight:800; border-radius:7px 7px 0 0;}
.leftmenubox{width:90%; height:auto; padding:0px; margin:15px 5% 7px 5%; border-top:solid 1px #fff;}

.leftEnqiryPanel{width:100%; height:auto; padding:0 0 10px 0; margin:0; background:#d7ebff;border-radius:7px 7px 5px 5px;}
.leftEnqheading{width:90%; height:auto; padding:12px 5%; margin:0; background:#004890; color:#fff; text-transform:uppercase; font-weight:800;border-radius:7px 7px 0 0;}
.leftEnqbox{width:90%; height:auto; padding:0px; margin:15px 5% 7px 5%;}

div#lNav ul {margin:0;padding: 0; list-style: none; } 
div#lNav ul li { margin: 0; padding:0px; list-style: none; } 
div#lNav ul a:link, div#lNav ul a:active, div#lNav ul a:visited { width:94%; height:auto; margin: 0; padding:7px 3%; text-decoration: none; color:#000;display:block; font-size:17px;text-align:left;font-weight:400; line-height:27px;border-bottom:solid 1px #fff;} 
div#lNav ul  a:hover {background:#004890; color:#fff;}
.active{background:#004890  !important; color:#fff !important; font-weight:bold;}

.innerRightPanel{width:75%; height:auto; padding:0; margin:0; float:right;}

.imgBox{width:25%; height:auto; padding:7px; margin:0 0 15px 15px; border:solid 1px #f1f1f1; float:right;}

.componentPanel{width:100%; height:auto; padding:0; margin:20px 0 0 0;}
.componentHeading{width:100%; height:auto; padding:0; margin:0 0 15px 0; font-size:20px; color:#004890; font-weight:bold;}
.componentBox{width:22%; height:auto; padding:7px; margin:0 1% 10px 0; border:solid 1px #f1f1f1; float:left;}

.tablebox{width:100%; height:auto; padding:0; margin:20px auto 0 auto;}
.itable {width: 100%;border-collapse: collapse; border:solid 1px #00598b;}
.itable th{ background:#004890; padding:5px 10px; color:#fff; font-size:15px; font-weight:bold; text-align:left; text-transform:uppercase; border:solid 1px #00598b;}
.itable td{padding:2px 10px; color:#000; font-size:12px; font-weight:500; border:solid 1px #00598b;}
.itable tr:nth-child(even){background-color: #fff;}
.itable tr:nth-child(odd){background-color: #f0f7ff;}

/*-- Heading --*/
.innHeadingBox{width:96%; height:auto; padding:17px 2% 12px 2%; margin:auto; background:#d7ebff; border-radius:7px 7px 0 0;}
.breadcrumb{width:100%; height:auto; padding:0; margin:0; font-size:10px; color:#000; font-weight:bold; font-family:'Open Sans',Arial, Helvetica, sans-serif;}
.bcnav{color:#000;}
.bcnav:hover{color:#004890;}
.innHeadingText{width:100%; height:auto; padding:0; margin:10px 0 0 0; font-size:18px; font-weight:900; color:#004890;}

.innBody{width:96%; height:auto; padding:25px 2% 0px 2%; margin:0 auto; background:#fff; font-size:16px; font-weight:400; color:#000; line-height:25px;border-radius:0 0 7px 7px;}

/*-- States --*/
.stateTab{width:19%; height:auto; padding:10px 0; margin:0 0.5% 10px 0.5%; background:#d7ebff; text-align:center; font-size:15px; color:#000; float:left;}
.stateTab:hover{background:#004890; color:#fff;}

/*-- Spare Parts --*/
.spareHeading{width:96%; height:auto; padding:7px 1%; margin:15px 1%; background:#133b93; font-size:18px; font-weight:bold; color:#fff;}
.spareBox{width:30%; height:auto; padding:7px 5px; margin:1% 1%; border:solid 1px #e2e2e2; float:left;}
.spareImgBox{width:100%; height:auto; position:relative;}
.spareNameBox{width:100%; padding:5px 0; background:rgba(19,58,153,0.7); color:#fff; text-align:center; font-size:13px; position:absolute; z-index:1; bottom:0px; font-size:14px; font-weight:400;}

.spareBox:hover .spareNameBox { display:none;}
.spareBox:hover .img {-webkit-transform:scale(1.3);transform:scale(1.3);}
.spareImg {overflow:hidden; }
.img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease; position:relative;}

.image {display: inline-block;margin: 0px;background-position: center center;background-repeat: no-repeat;}
.image.size-fixed {width: 100%;height: 200px;}
.image.size-fluid {padding-top: 15%;width: 20%;}
.image.scale-fit {background-size: contain;}
.image.scale-fill {background-size: cover;}
.image img {display: none;}

/*-- Contact Us --*/
.contactPanel{width:100%; height:auto; padding:0; margin:0;}
.contactFormPanel{width:35%; height:auto; padding:0; margin:15px 0 0 0; float:left;}
.cFormText{width:100%; height:auto; padding:0; margin:0 0 30px 0; line-height:24px !important; font-size:14px;}
.cFormBox{width:100%; height:auto; padding:0; margin:0 0 12px 0; position:relative;}
.cFormTextBox{width:96%; height:auto; padding:8px 2%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:12px; font-weight:500; outline:none;}
.cFormTextAreaBox{width:96%; height:75px; padding:12px 2%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:12px; font-weight:500; outline:none;}
.cSubmitBtn{width:auto; height:auto; padding:10px 20px; background:#006fad; color:#fff; font-size:15px; border:none;}
.cSubmitBtn:hover{background:#000; cursor:pointer;}
.cSubmitBtnAlign{ text-align:right;}

.contactAddressPanel{width:58%; height:auto; padding:0; margin:15px 0 0 0; float:right;}
.cCname{width:100%; height:auto; padding:0; margin:0 0 10px 0; font-size:20px; font-weight:800; color:#004890;}
.cHeading{width:100%; height:auto; padding:0; margin:10px 0 15px 0;font-size:15px; text-align:left; font-weight:800; color:#004890;}
.cAddressRow{width:100%; height:auto; padding:0; margin:0 0 10px 0; line-height:20px; font-size:14px; font-family:'Open Sans',Arial, Helvetica, sans-serif;}