@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; background:#f5f5f5;}
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 0 15px 0; margin:0px 0 25px 0; border-bottom:solid 2px #f1f1f1;font-size:20px; color:#d70a00; text-align:left; font-weight:bold; text-transform:uppercase;}

.white{color:#fff;}
.red{color:#d70a00;}
.left{ text-align:left;}

/*-- Header --*/
.topRibon{width:96%; height:auto; padding:0px 2%; margin:auto; background:#d70a00;}
.trCallUsToday{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;}
.trEmailId{width:250px; height:auto; padding:9px 0 0 3%; margin:0; float:left; color:#fff; font-weight:600; font-size:13px; font-family:Verdana, Geneva, sans-serif;}
.trRightBox{width:110px; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:13px;}
.trsmnav{width:20px; height:auto; padding:12px 7px 7px 7px; margin:0; font-weight:bold; border-left:solid 1px #f11d13; display:block; float:left;text-align:center; color:#fff;}
.trsmnav:hover{ background:#fff; color:#d70a00;}
.trsmrightborder{border-right:solid 1px #f11d13;}

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:11.5%;height: auto; padding:0px; 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: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: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:8%;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:110px 0 0 0;}
.bannerBlackBox{width:60%; height:auto; padding:25px 0; margin:8% 20% 0 20%; background:none; color:#fff; position:absolute;  top:0; z-index:1; border-radius:7px;}
.bannerHeading{width:100%; height:auto; font-size:55px; 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:15px; color:#fff; font-weight:bold; line-height:32px; text-align:center;text-shadow:2px 2px 2px #000;}

/*-- Services Css --*/
.servicesPanel{width:96%; height:auto; padding:55px 2% 40px 2%; margin:auto;}
.servicesHeading{width:100%; padding:0 0 35px 0;}
.servicesHSMText{width:94%; height:auto; padding:0; margin:10px 3%; font-size:16px; font-weight:400; color:#999; line-height:22px; text-align:center;}

.serviceBox{width:23.3%; height:auto; padding:0; margin:0px 0.75% 25px 0.75%; border:solid 1px #f1f1f1; float:left;-webkit-transition: all 0.3s !important;-moz-transition: all 0.3s !important;-ms-transition: all 0.3s !important;-o-transition: all 0.3s !important;transition: all 0.3s !important;}
.serviceImgBox{width:95%; height:auto; padding:7px 2.5%; margin:0;}
.serviceHeading{width:100%; height:auto; padding:10px 0; margin:0; border-top:solid 1px #f1f1f1; font-size:15px; font-weight:bold; text-align:center;}
.servicenav{color:#000;}
.servicenav:hover{color:#d70a00;}

.serviceBox:hover{border:solid 1px #d1d1d1;-webkit-transition: all 0.3s !important;-moz-transition: all 0.3s !important;-ms-transition: all 0.3s !important;-o-transition: all 0.3s !important;transition: all 0.3s !important;}
.serviceBox:hover .serviceHeading{border-top:solid 1px #d1d1d1;-webkit-transition: all 0.3s !important;-moz-transition: all 0.3s !important;-ms-transition: all 0.3s !important;-o-transition: all 0.3s !important;transition: all 0.3s !important;}
.serviceBox:hover .servicenav{color:#d70a00;-webkit-transition: all 0.3s !important;-moz-transition: all 0.3s !important;-ms-transition: all 0.3s !important;-o-transition: all 0.3s !important;transition: all 0.3s !important;}

.serviceBox:hover .img {-webkit-transform:scale(1.2);transform:scale(1.2);}
.serviceImg {overflow:hidden;}
.img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}

.isContainer{width:95%; height:auto;padding:0; margin:auto;}
.isBox1{width:100%; height:auto; padding:0px; margin:0; background:rgba(255,124,37,0.1); float:left; position:relative;}
/*.kmBox1:hover{ background:#003c58;-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-khtml-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;}*/
.isBox1B{width:100%; height:auto; padding:0px; margin:0; background:none; float:left; position:absolute; z-index:1; top:0;}

.isBox2{width:100%; height:auto; padding:0px; margin:0; background:rgba(104,177,47,0.1); float:left; position:relative;}
.isBox2B{width:100%; height:auto; padding:0px; margin:0; background:rgba(104,177,47,1); float:left; position:absolute; z-index:1; top:0;}

.isBox3{width:100%; height:auto; padding:0px; margin:0; background:rgba(45,127,221,0.1); float:left; position:relative;}
.isBox3B{width:100%; height:auto; padding:0px; margin:0; background:rgba(45,127,221,1); float:left; position:absolute; z-index:1; top:0;}

.isBox4{width:100%; height:auto; padding:0px; margin:0; background:rgba(213,56,190,0.1); float:left; position:relative;}
.isBox4B{width:100%; height:auto; padding:0px; margin:0;  background:rgba(213,56,190,1); float:left; position:absolute; z-index:1; top:0;}

.isHeading{ width:90%; height:50%; padding:54% 0 0 0;margin:15px 5%; background:rgba(0,0,0,0.2);  border:solid 1px #f1f1f1; font-size:20px; font-weight:500; line-height:30px; color:#fff; text-align:center; position:absolute; z-index:101; top:0; vertical-align:middle;}
.isTextBox{width:90%; height:auto; margin:15px 5% 0 5%; text-align:center; font-size:15px; font-weight:400; color:#fff; line-height:24px; clear:both;}
.readMoreBox{width:100%; height:auto; margin:30px 0 0 0; text-align:center;}
.rMore1{width:auto; padding:7px 12px; border-radius:4px; font-size:13px; font-weight:300; background:#d3d3d3; color:#000; outline:none;-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-khtml-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;}
.rMore1:hover{background:#fff; color:#000;}


/*-- About Panel --*/
.aboutPanel{width:95%; height:auto; padding:0 0 20px 5%; margin:auto; /*background:#ff443b;*/ background:url(images/aboutbg.jpg) fixed center center !important; background-size:100% 100%;}
.aboutHeading{width:100%; height:auto; padding:50px 0 0 0; margin:0; text-align:left !important;}
.aboutTextBox{width:55%; height:auto; padding:0; margin:0 auto; float:left;}

.aboutHeadBox{padding:0; margin:30px 0 0 0; font-size:16px; color:#fff; text-align:left !important; font-weight:bold;}
.aboutText{padding:15px 0; margin:10px 10% 0 0; font-size:17px; color:#fff; text-align:left; font-weight:400;line-height:27px;}
.aReadMoreBox{width:100%; height:auto; padding:0; margin:15px 0 30px 0; text-align:right;}

.aboutRMNav{width:auto; height:auto; padding:7px 12px; margin:0 0 0 0px;  border:solid 1px #fff;color:#fff; font-size:13px; font-weight:400;}
.aboutRMNav:hover{background:#d70a00; color:#fff;border:solid 1px #fff;}

.aboutEnquiryBox{width:35%; height:auto; padding:15px 1%; margin:40px 5% 20px 0; background:#fff; border-radius:7px; float:right; box-shadow:5px 5px 5px rgba(0,0,0,0.5);}
.abinquiryHeading{width:96%; height:auto; padding:0px 0 10px 0; margin:0 auto 20px auto; text-align:center; font-size:22px; color:#000; font-weight:bold;border-bottom:solid 1px #e1e1e1;}
.abinquiryRow{width:94%; height:auto; padding:0; margin:0 auto 20px auto;}
.abinquiryCol1{width:100%; height:auto; padding:0; margin:auto; position:relative;}
.abinquiryCol2{width:48%; height:auto; padding:0; margin:auto; float:left; position:relative;}
.abinquiryCol3{width:48%; height:auto; padding:0; margin:auto; float:right; position:relative;}
.abiTextBox1{width:97%; height:auto; padding:7px 1.5%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:14px;}
.abiTextBox2{width:94%; height:auto; padding:7px 3%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:14px;}
.abiListBox{width:100%; height:auto; padding:7px 2%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:14px; color:#777;}
.abiTextArea{width:97%; height:60px; padding:7px 1.5%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:14px;}

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


/*-- Short Description --*/
.sPanel{width:90%; height:auto; padding:40px 5%; margin:auto; border-bottom:solid 1px #e5e5e5; background:#f9f9f9;}
.sBox{ width:33.1%; height:auto; padding:0; margin:auto; float:left; border-right:solid 1px #e5e5e5;}
.simgbox{width:50px; height:auto; padding:15px; margin:auto; background:#f4f4f4; border:solid 4px #fff; box-shadow:0px 3px 3px rgba(0,0,0,0.2); border-radius:100px; overflow:hidden; text-align:center;}
.sHeadingBox{width:100%; height:auto; padding:0; margin:0 0 0px 0; font-size:40px; font-weight:30px; font-weight:900; color:#d70a00;text-align:center; font-family:Arial, Helvetica, sans-serif;}
.sNameBox{width:100%; height:auto; padding:0; margin:15px 0 5px 0; font-size:18px; font-weight:bold; line-height:22px; text-align:center; color:#000;}

/*-- Clients Css --*/
.clientPanel{width:96%; height:auto; padding:50px 2% 50px 2%; margin:auto;}
.clientHeading{width:100%; padding:0 0 35px 0;}
.clientHSMText{width:94%; height:auto; padding:0; margin:10px 3% 0px 3%; font-size:16px; font-weight:400; color:#999; line-height:22px; text-align:center;}
.clientSlideBox{width:97%; height:auto; padding:0; margin:0 auto !important;}
.clientImgBox{width:90%; height:auto; padding:0 2%; margin:0 3% !important; border:solid 1px #e1e1e1 !important;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:30px 0 0 0; background:#000 url(images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}
.footerNavSection{width:100%; height:auto; padding:20px 0;  color:#fff; font-size:12px; line-height:20px;}
.footerContentBox{width:100%; height:auto; margin:auto;}
.footerCol1{width:20%; padding:0 0 0 5%; 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:#d70a00;}

.footerCol2{width:15%; height:auto; margin:0 0 0 5%; float:left;}
div#fNav2 ul { margin:40px 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 { margin: 0; padding:0px; text-decoration: none; color:#fff;display:block; font-size:14px;text-align:left;font-weight:400; line-height:28px;} 
div#fNav2 ul  a:hover {color:#d70a00;}

.footerCol3{width:40%; height:auto; margin:0 5% 0 2%; float:right;}
.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:10px 0; background:url(images/fContactIcon.png) no-repeat left 3px;}
.fWhatsApp{width:75%; height:auto; padding:0px 0px 0px 35px; margin:10px 0; background:url(images/whatsAppIcon.png) no-repeat left 3px;}
.fEmail{width:75%; height:auto; padding:3px 0px 0px 35px; margin:10px 0;background:url(images/fMailIcon.png) no-repeat left 5px;}
.fWebsite{width:75%;height:auto;padding:3px 0px 0px 35px;margin:10px 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:7px 0 0 0; margin: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;}

/*== INNER PAGE ==*/

.bcPanel{width:91%; height:auto; padding:25px 1.5% 20px 1.5%; margin:135px auto 0 auto; background:#f5f5f5; border-bottom:solid 0px #fff;}
.breadcrumb{width:100%; height:auto; padding:0; margin:0; font-size:11px; color:#000; font-weight:900; font-family:'Open Sans',Arial, Helvetica, sans-serif; text-transform:uppercase;}
.bcnav{color:#000;}
.bcnav:hover{color:#d70a00;}

.innwrap{width:90%; height:auto; padding:20px 2% 20px 2%; margin:0 auto 35px auto; background:#fff; font-size:14px; font-weight:400; color:#111; line-height:25px; border-radius:20px; font-family:'Segoe UI',Verdana, Geneva, sans-serif;}

/*-- 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;}

.innImgBox{width:32%; height:auto; padding:5px; margin:0 0 15px 15px; border:solid 1px #f1f1f1; float:right;}
.innimgpanel{ width:100%; height:auto; padding:0; margin:45px 0 20px 0;}
.innImgBox1{width:22%; height:auto; padding:5px; margin:0 1%; border:solid 1px #f1f1f1; float:left;}

/*-- Clients --*/
.clientsBox{width:31%; height:auto; padding:7px 0; margin:10px 1%; color:#000; border:solid 1px #e5e5e5; float:left; text-align:center; font-size:16px; font-weight:400;}
.clientsNameBox{width:100%; height:auto; padding:0; margin:0; border-top:solid 1px #ccc; text-align:center; font-size:15px; font-weight:bold;}

.clientsBox:hover{color:#d70a00;border:solid 1px #d70a00;}
.clientsBox:hover .clientsNameBox{border-top:dashed 1px #000;}

/*-- Career Page Css --*/
.careerBody{width:90%; height:auto; padding:25px 0; margin:auto 5%; font-size:15px; font-weight:300; line-height:25px; text-align:justify;}
.careerDetailsBox{width:50%; height:auto; margin:0 0 0 0; float:left; font-weight:400; color:#000;}
.careerFormBox{width:40%; height:auto; margin:0 2% 0 0; float:right;}
.careerFormField{width:100%; padding:0; margin:0 0 15px 0; position:relative;}

.textBox1{width:96%; padding:9px 2%; border:solid 1px #cecece; color:#585858; outline:none; background:none;}
.listBox1{width:100%; padding:9px 2%; border:solid 1px #cecece; color:#585858; outline:none; background:none;}
.textArea1{width:96%; padding:9px 2%; height:50px; border:solid 1px #cecece; color:#585858; outline:none; background:none;}
.btn1{width:auto; padding:12px 25px; font-size:14px; font-weight:normal; border:none; background:#000; color:#FFF; outline:none; border-radius:5px;}
.btn1:hover{background:#d70a00; cursor:pointer;}

/*-- 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:#333; color:#fff; font-size:21px; font-weight:100; border:none; border-radius:3px;}
.cgitBtn:hover{background:#d70a00; cursor:pointer;}

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