@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, ol, 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:'Raleway',Arial, Helvetica, sans-serif;}

img {border: none;}

a {text-decoration: none;}

.clr{clear:both;}

.fullImage{width:100%;}

h1{ font-size:25px; color:#000; text-align:center; font-weight:900; outline:none; text-transform:uppercase;}

h2{width:100%; height:auto; padding:0; margin:20px 0 15px 0;font-size:17px; color:#000; text-align:left; font-weight:bold; outline:none; text-transform:uppercase;}



.white{color:#fff;}

.red{color:#d70a00;}

.left{ text-align:left;}

.sub1{font-size:18px; margin:25px 0 0 0 !important; display:inline-block;}

.sub2{font-size:16px; margin:10px 0 0 0 !important; display:inline-block;}

.sub3{font-size:12px; margin:3px 0 0 0 !important; display:inline-block;}



/*-- Header --*/

.topRibon{width:96%; height:auto; padding:0px 2%; margin:auto; background:#d70a00;}

.trISO{width:auto; height:auto; padding:9px 0 0 0; margin:0; float:left; color:#fff; font-weight:600; font-size:13px; font-family:Verdana, Geneva, sans-serif;}

.trCallUs{width:auto; height:auto; padding:9px 3% 0 0; margin:0; float:right; color:#fff; font-weight:600; font-size:13px; font-family:Verdana, Geneva, sans-serif;}

.trEmail{width:auto; height:auto; padding:9px 0 0 0; margin:0; float:right; color:#fff; font-weight:600; font-size:13px; font-family:Verdana, Geneva, sans-serif;}

.trRightBox{width:60%; height:auto; padding:0; margin:0 0 10px 0; float:right; color:#fff; font-weight:300; font-size:13px;}

.trsmnav{width:20px; height:auto; padding:12px 7px 7px 7px; margin:0; display:block; float:left;text-align:center; color:#fff;}

.trsmnav:hover{ background:#d70a00; 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:30px 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:7%;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:1px 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:20px 0 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 .logoBox{width:5%;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;}



/*-- Banner Css --*/

.banner{width:100%; height:auto; position:relative; margin:112px 0 0 0;}

.bannerBlackBox{width:60%; height:auto; padding:25px 0; margin:8% 20% 0 20%; background:rgba(0,0,0,0.8); color:#fff; position:absolute;  top:0; z-index:1; border-radius:7px;}

.bannerHeading{width:100%; height:auto; font-size:45px; color:#fff; font-weight:900; margin:0 0 20px 0; text-align:center; text-shadow:2px 2px 2px #000; text-transform:uppercase;}

.bannerText{width:96%; height:auto; margin:auto; font-size:14px; color:#fff; font-weight:bold; line-height:32px; text-align:center;text-shadow:2px 2px 2px #000;}



/*-- Product Css --*/

.productPanel{width:96%; height:auto; padding:55px 2% 30px 2%; margin:auto;}

.productHeading1{width:100%; padding:0 0 45px 0;}

.productBox{width:23%; height:auto; padding:0; margin:0px 1% 25px 1%; background:#f5f5f5; float:left;}

.productImgBox{width:100%; height:auto; padding:0; margin:0;}

.productHeading{width:100%; height:auto; padding:0; margin:20px 0 15px 0; font-size:14px; font-weight:bold; text-align:center;}

.productText{width:94%; height:auto; padding:0; margin:10px 3%; font-size:13px; font-weight:500; color:#000; line-height:22px; text-align:center;}



.productreadmorebox{width:120px; height:auto; padding:0; margin:15px auto 25px auto;}

.readmorebox3{width:auto; padding:0; margin:0; cursor:pointer;}

.rmicon3{width:8px; padding:3px 10px 0px 10px; margin:auto; float:left; background:#000; color:#fff; font-size:20px; font-weight:300; border-radius:3px 0 0 3px;}

.rmtext3{width:70px; padding:7px 10px 5px 10px; margin:auto; float:left; background:#d70a00; color:#fff; font-size:13px; border-radius:0 3px 3px 0;}

.productreadmorebox:hover .rmtext3{background:#dd2400;}



/*-- About Panel --*/

.aboutPanel{width:95%; height:auto; padding:0 0 0 5%; margin:auto;background:url(images/Bg2.jpg) no-repeat center center !important; background-size:100% 100%;}

.aboutHeadBox{padding:0; text-align:left;}

.aboutTextBox{width:60%; height:auto; padding:70px 0 0px 0; margin:0 auto; float:left;}

.aboutISOBox{width:30%; height:auto; padding:80px 5% 120px 5%; margin:0; float:right; background:#d70a00 url(images/bgimg2.png) no-repeat center center; background-size:auto 100%;}

.aboutHeadBox1{padding:0; margin:30px 0 0 0; font-size:16px; color:#fff; text-align:left !important; font-weight:bold;}

.aboutText{padding:15px 0; margin:20px 10% 0 0; font-size:15px; color:#fff; text-align:center; font-weight:400;line-height:25px;}

.aReadMoreBox{width:100%; height:auto; padding:0; margin:45px 0 30px 0; text-align:center;}

.aboutRMNav{width:auto; height:auto; padding:12px 30px; margin:0 0 0 20px;  border:solid 1px #fff;color:#fff; font-size:15px; font-weight:bold;border-radius:5px;}

.aboutRMNav:hover{background:#d70a00; color:#fff;border:solid 1px #fff;}



/*-- Certificate Panel --*/

.ccPanel{width:95%; height:auto; padding:60px 0; margin:auto;}

.certificateBox{width:25%; height:auto; padding:0 0 0 3%; margin:auto; float:left;}

.inquiryForm{width:65%; height:auto; padding:0 0 0 3%; margin:auto; float:right;}

.inquiryHeading{width:96%; height:auto; padding:0; margin:0 auto 15px auto;}

.inquirySText{width:96%; height:auto; padding:0; margin:0 auto 40px auto;font-size:15px;}



.ccRow{width:100%; height:auto; padding:0; margin:0 0 30px 0;}

.ccRow1{width:96%; height:auto; padding:0; margin:0 2% 20px 2%;}

.ccRow2{width:96%; height:auto; padding:0; margin:0 2% 20px 2%; text-align:right;}

.ccCol{width:46%; height:auto; padding:0; margin:0 2%; float:left; position:relative;}



.itextBox1{width:93%; padding:14px 3%; background:#fff; border:solid 1px #cecece; color:#585858; outline:none;}

.ilistBox1{width:99.3%; padding:14px 3%; background:#fff; border:solid 1px #cecece; color:#585858; outline:none;}

.itextArea1{width:95.3%; padding:14px 2%; background:#fff; height:75px; border:solid 1px #cecece; color:#585858; outline:none;}

.ibtn1{width:auto; padding:12px 25px; font-size:14px; font-weight:normal; border:none; background:#000; color:#FFF; outline:none; border-radius:4px;}

.ibtn1:hover{background:#d70a00; cursor:pointer;}



/*-- Footer Css --*/

.footerPanel{width:100%; height:auto; padding:30px 0 0 0; background:#000; color:#697585; text-align:center; border-top:solid 5px #d70a00;}



.footerNavSection{width:100%; height:auto; padding:20px 0; background:#000 /*url(images/footerBg.png) no-repeat center center*/; background-size:auto 100%; color:#fff; font-size:12px; line-height:20px;}

.footerContentBox{width:100%; height:auto; margin:auto;}



.footerCol2{width:30%; padding:0 0 0 2%; 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:14px;text-align:left;font-weight:400; line-height:28px;} 

div#fNav1 ul  a:hover {color:#d60a00;}



.footerCol1{width:15%; height:auto; margin:0 5% 0 5%; float:left;}

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:#fff;display:block; font-size:14px;text-align:left;font-weight:400; line-height:28px;} 

div#fNav3 ul  a:hover {color:#d60a00;}



.footerCol4{width:35%; height:auto; margin:0 2% 0 2%; float:left;}

.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}

.fContactDetailsBox{width:100%; padding:15px 0; font-size:14px; color:#fff; font-weight:400; text-align:left;}

.fLocation{width:90%; height:auto; padding-left:35px; background:url(images/fLocationIcon.png) no-repeat left 5px;}

.fContact{width:75%; height:auto; padding:0px 0px 0px 35px; margin:12px 0; background:url(images/fContactIcon.png) no-repeat left 3px;}

.fWhatsApp{width:75%; height:auto; padding:0px 0px 0px 35px; margin:12px 0; background:url(images/whatsAppIcon.png) no-repeat left 3px;}

.fEmail{width:75%; height:auto; padding:3px 0px 0px 35px; margin:12px 0;background:url(images/fMailIcon.png) no-repeat left 5px;}

.fWebsite{width:75%;height:auto;padding:3px 0px 0px 35px;margin:12px 0; background:url(images/websiteIcon.png) no-repeat left 3px;}



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



.footerSocialMediaIcon{width:100%; padding:0; margin:15px 0 0 0; text-align:left;}



.copyrightBox{width:94%; height:auto; padding:17px 3%; background:#070707; font-size:12px; font-weight:400; color:#fff; text-align:left;border-top:solid 1px #383838;}

.copyright{width:auto; height:auto; padding:0; margin:0; color:#fff; font-size:13px; text-align:center; float:left;}

.poweredBy{width:auto; color:#fff; font-size:12px; text-align:right; float:right;}

a.poweredNav:link,a.poweredNav:active,a.poweredNav:visited{ color:#fff;}

a.poweredNav:hover{ text-decoration:underline;}

.pdfdownload{width:35px; height:170px; padding:0; margin:0; position:fixed; top:50%; right:0; z-index:99999;}
.whatsapp{width:auto; height:auto; padding:0; margin:0; position:fixed; z-index:101; bottom:0; left:0;}

/*== INNER PAGE ==*/

.bcPanel{width:96%; height:auto; padding:15px 2%; margin:135px auto 0 auto; background:#d70a00;}

.breadcrumb{width:100%; height:auto; padding:0; margin:0; font-size:11px; color:#fff; font-weight:900; font-family:'Open Sans',Arial, Helvetica, sans-serif; text-transform:uppercase;}

.bcnav{color:#fff;}

.bcnav:hover{color:#000;}



.innwrap{width:96%; height:auto; padding:0; margin:45px auto 0 auto;}

.innerLeftPanel{width:25%; height:auto; padding:0 0 10px 0; margin:0; background:#333; border-radius:7px 7px 5px 5px; float:left;}

.leftmenuheading{width:94%; height:auto; padding:12px 3%; margin:0; background:#d70a00; color:#fff; font-size:18px; text-transform:uppercase; font-weight:800; border-radius:7px 7px 0 0;}

.leftmenubox{width:94%; height:auto; padding:0px; margin:15px 3% 7px 3%; border-top:solid 1px #444;}



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:96%; height:auto; margin: 0; padding:3px 2%; background:#333; text-decoration: none; color:#fff;display:block; font-size:13px;text-align:left;font-weight:bold; line-height:27px;border-bottom:solid 1px #444;} 

div#lNav ul  a:hover {background:#222; color:#fff;}

.active{background:#222 !important; color:#d70a00 !important;}



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



/*-- Heading --*/

.innHeadingBox{width:96%; height:auto; padding:12px 2% 12px 2%; margin:auto; background:#e5e5e5;}

.innHeadingText{width:100%; height:auto; padding:0; margin:0; font-size:20px; text-align:left; font-weight:900; color:#e5091c;font-family:'Open Sans',Arial, Helvetica, sans-serif;}



.innBody{width:100%; min-height:250px; padding:20px 0 0 0; margin:0 auto 35px auto; background:#fff; font-size:14px; font-weight:400; color:#000; line-height:25px;border-radius:0 0 7px 7px;}



.innerImg{width:45%; height:auto; padding:0; margin:0 0 15px 15px; float:right;}

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

.table {width: 100%;border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; border:solid 1px #d70a00;}

.table th{ background:#e5091c; padding:7px 7px; color:#fff; font-size:15px; font-weight:bold; text-align:left; text-transform:uppercase; border:solid 1px #d70a00;}

.table td{padding:2px 7px; color:#000; font-size:12px; font-weight:500; border:solid 1px #d70a00;}

.table tr:nth-child(even){background-color: #fff;}

.table tr:nth-child(odd){background-color: #ffedde;}



/*-- Inner Services Css --*/

.serviceTileNav{width:43%; height:auto; padding:10px 1.5%; margin:10px 2%; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; float:left;}

.serviceTileNav:hover{background:#283a6d; box-shadow:5px 5px 0 #ccc;}

.tileColor1{background:#268ddd;}

.tileColor2{background:#01c05b;}

.tileColor3{background:#ff7800;}

.tileColor4{background:#d925ff}

/*-- Clients --*/
.clientbox{width:45.75%; height:40px; padding:10px 1%; margin:15px 1% 0 1%; background:#f5f5f5; float:left; text-align:center; font-size:14px; font-weight:bold; border:solid 1px #e1e1e1;}

/*-- Contact Us Page Css --*/

.innContactBody{width:94%; height:auto; padding:25px 0; margin:auto 3%; font-size:15px; font-weight:300; line-height:25px; text-align:justify;}

.contactFormBox{width:40%; height:auto; float:left;}

.cFormRow1{width:100%; margin:10px 0px 15px 0px;;}

.cFormField{width:100%; position:relative;}

.submitBtnAlign{text-align:right;}

.contactDetailsBox{width:48%; height:auto; margin:0 0 0 0; float:right; font-weight:400; color:#000;}

.cName{width:100%; padding:18px 0px 15px 0px; text-align:left; font-size:25px; color:#d70a00; text-transform:uppercase; font-weight:900;}

.cHeading{width:100%; padding:0px 0px 5px 0px; text-align:left; font-size:14px; font-weight:bold; color:#757575; text-transform:uppercase;}

.thanksImg{width:15%; padding:100px 0px; height:auto; margin:auto;}



.textBox1{width:93%; padding:9px 3%; background:#fff; border:solid 1px #cecece; color:#585858; outline:none;}

.listBox1{width:99.3%; padding:9px 3%; background:#fff; border:solid 1px #cecece; color:#585858; outline:none;}

.textArea1{width:93%; padding:9px 3%; background:#fff; height:75px; border:solid 1px #cecece; color:#585858; outline:none;}

.btn1{width:auto; padding:12px 25px; font-size:14px; font-weight:normal; border:none; background:#000; color:#FFF; outline:none; border-radius:4px;}

.btn1:hover{background:#d70a00; cursor:pointer;}


/*-- Photo Gallery Css --*/
.gallerybox{width:98%; height:auto; padding:40px 0%; margin:auto;}
.pgBox{width:24%; height:auto; padding:0px; margin:0 0.5% 15px 0.5%; float:left; position:relative;}
.pgName{ display:none;width:99.6%; height:auto; padding:7px 0; margin:auto; background:rgba(0,0,0,0.8); position:absolute; z-index:1; bottom:3px; text-align:center; font-size:20px; color:#fff;}

.pgBox:hover .img {-webkit-transform:scale(1.3);transform:scale(1.3);}
.pgImg {overflow:hidden;}
.img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}

.grmBox{width:100%; height:auto; padding:0; margin:25px 0 0 0; text-align:center;}
.grmMore{width:auto; height:auto; padding:0; color:#000; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.grmMore:hover{color:#005c9c;}