@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 {border: none;}
a {text-decoration: none;}
.clr{clear:both;}
.fullImage{width:100%;}

h1{ font-size:30px; color:#000; font-weight:400; outline:none; text-transform:uppercase;}
h2{width:100%; height:auto; padding:0; margin:0px;font-size:30px; color:#fff; text-align:center; font-weight:bold; text-transform:uppercase;}
h3{width:100%; height:auto; padding:0; margin:25px 0 20px 0; font-size:20px; color:#000; font-weight:bold;}
h4{width:100%; height:auto; padding:0; margin:0px 0 20px 0; font-size:20px; color:#000; font-weight:bold;}
h5{ font-size:24px; font-weight:bold; text-transform:uppercase; line-height:35px;}

.white{color:#fff;}
.swhite{color:#fff;}
.sblack{color:#000;}
.red{color:#d70a00;}
.left{text-align:left;}
.blue{color:#007cc4;}

.respdetails{ display:none;}
.rcontactinfobox{width:470px; height:auto; padding:0; margin:0; float:right;}
.rcicontactno{width:250px; height:auto; padding:0 0 0 35px; margin:0; text-align:left; font-size:16px; font-weight:900; line-height:15px; float:left; background: url(images/contacticon.jpg) no-repeat left center;}
.rciwhatsapp{width:150px; height:auto; padding:0 0 0 35px; margin:0; text-align:left; font-size:16px; font-weight:900; line-height:15px; float:left; background: url(images/whatsappicon.jpg) no-repeat left center;}

/*-- Header --*/
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:5px 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:143px;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:5px 0 10px 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:143px; height: auto; padding:0px; 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;}

.contactinfobox{width:470px; height:auto; padding:0; margin:0; float:right;}
.cicontactno{width:250px; height:auto; padding:0 0 0 35px; margin:0; text-align:left; font-size:16px; font-weight:900; line-height:15px; float:left; background: url(images/contacticon.jpg) no-repeat left center;}
.ciwhatsapp{width:150px; height:auto; padding:0 0 0 35px; margin:0; text-align:left; font-size:16px; font-weight:900; line-height:15px; float:left; background: url(images/whatsappicon.jpg) no-repeat left center;}

.cismtext{ font-size:11px; color:#999;}
.menuPanel{width:auto; height:auto; padding:0; margin:17px 0 0 0;}
.menuBox{width:auto; height:auto; padding:0; color:#007db8; font-size:15px; font-weight:400; text-align:left; float:left;}
.loginbtn{width:auto; height:auto; padding:6px 20px 6px 20px; margin:0 0 0 15px; display:block; float:right; border:solid 1px #007cc4; color:#007cc4; font-weight:bold; border-radius:3px;}
.loginbtn{background:#007cc4; color:#fff;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; padding:0 0 1px 0; position:relative; margin:105px 0 0 0;background:url(images/bannerbg.jpg) no-repeat center center; background-size:100% 100%;}
.bannerimgslidebox{width: 100%; height:317px;}
.bannertext{width:80%; height:auto; padding:30px 0 0 0; margin:35px auto 0 auto; font-size:35px; text-align:center;}
.bBold{font-weight:900;}
.innerScrollArea{top:0;}

/*-- Services Css --*/
.servicepanel{width:96%; height:auto; padding:35px 2% 50px 2%; margin:0;}
.sLeftPanel{width:35%; height:auto; padding:0 4% 0 1%; margin:0; float:left; font-size:16px; color:#333; font-weight:400;}
.sTextbox{width:100%; height:auto; padding:0; margin:35px 0 0 0;font-size:17px; color:#333; font-weight:400; line-height:25px;}
div.serv ul { margin:20px 0 10px 0; padding: 0; list-style: none; } 
div.serv ul li { margin:0; padding: 5px 0px  5px 25px; list-style: none; background:url(images/bulleticon.jpg) no-repeat left 7px;} 

.sRightPanel{width:55%; height:auto; padding:0 1% 0 3%; margin:0; float:right; border-left:solid 1px #e1e1e1;}
.sTileBox{width:22.5%; height:auto; padding:10px 0; margin:5px 1%; float:left; border:solid 1px #fff; border-radius:5px;-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;}
.sTileBox:hover{border:solid 1px #007cc4;-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;}
.sImgBox{width:100%; height:auto; padding:0; margin:0 0 10px 0; text-align:center;}
.sTileName{width:100%; height:auto; padding:0; margin:0; font-size:15px; text-align:center;}

/*-- Details Css --*/
.detailsPanel{width:96%; height:auto; padding:50px 2% 15px 2%; margin:0;background:url(images/bg.jpg) no-repeat center center;}
.dLeftPanel{width:60%; height:auto; padding:40px 0 0 0; margin:0; float:left; text-align:center;}
.dlImgBox{width:40%; height:auto; padding:0; margin:0; float:left; text-align:center;}
.dlTextBox{width:60%; height:auto; padding:0; margin:0; float:right; text-align:right;}
.dlImgBox1{width:85%; height:auto; padding:0; margin:25px 0 0 0; float:right; text-align:center;}

.dRightPanel{width:30%; height:auto; padding:0 0 0 5%; margin:0; float:right; text-align:center; border-left:solid 1px #007cc4;}
.dBox{width:47%; height:auto; padding:10px 0; margin:10px 1%; float:left;}
.dNobox{width:100%; height:auto; padding:0; margin:0; text-align:left; font-size:40px; font-weight:900;}
.dNamebox{width:100%; height:auto; padding:0; margin:0; font-size:20px; text-align:left;}

/*-- Enquiry Css --*/
.enquiryPanel{width:96%; height:auto; padding:50px 2% 30px 2%; margin:0;}
.eHeading{width:96%; height:auto; padding:0px 0 15px 0; margin:0 auto 20px auto; text-align:center; font-size:22px; color:#000; font-weight:bold;}
.eRow{width:94%; height:auto; padding:0; margin:0 auto 20px auto;}
.eCol{width:31.3%; height:auto; padding:0; margin:auto 1%; position:relative; float:left;}
.eTextBox1{width:94%; height:auto; padding:11px 3%; margin:auto; background:#fff;  border:solid 1px #c7c7c7; font-size:14px;}
.eListBox{width:100%; height:auto; padding:7px 2%; margin:auto; background:#fff;  border:solid 1px #c7c7c7; font-size:14px; color:#777;}
.eTextArea{width:94%; height:60px; padding:7px 3%; margin:auto; background:#fff;  border:solid 1px #c7c7c7; font-size:14px;}

.eBtnRow{width:94%; height:auto; padding:10px 0 0 0; margin:20px auto 20px auto; text-align:center;}
.eBtn{width:auto; height:auto; padding:12px 60px; margin:0; text-align:center; background:#007cc4; color:#fff; font-size:15px; font-weight:bold; border:none; border-radius:3px;}
.eBtn:hover{background:#005a99; cursor:pointer;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:30px 0 0 0; background:#0e0e0e url(images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}
.footerNavSection{width:100%; height:auto; padding:20px 0 0 0;  color:#fff; font-size:12px; line-height:20px;}
.footerContentBox{width:100%; height:auto; margin:auto;}
.footerCol1{width:15%; 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: 2px 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:#d2d2d2;display:block; font-size:15px;text-align:left;font-weight:400; line-height:24px;} 
div#fNav1 ul a:hover {color:#fff;}

.footerCol2{width:25%; 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: 2px 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:#d2d2d2;display:block; font-size:15px;text-align:left;font-weight:400; line-height:24px;} 
div#fNav2 ul a:hover{color:#fff;}

.footerCol3{width:35%; height:auto; margin:0 5% 0 2%; float:right;}
.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fContactDetailsBox{width:100%; padding:5px 0 15px 0; font-size:15px; color:#fff; font-weight:400; text-align:left; line-height:25px;}
.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:0; background:url(images/fContactIcon.png) no-repeat left 8px;}
.fMobile{width:75%; height:auto; padding:5px 0px 0px 35px; margin:0; background:url(images/fMobile.png) no-repeat left 8px;}
.fWhatsApp{width:75%; height:auto; padding:5px 0px 0px 35px; margin:0; background:url(images/whatsAppIcon.png) no-repeat left 10px;}
.fEmail{width:75%; height:auto; padding:5px 0px 0px 35px; margin:0; background:url(images/fMailIcon.png) no-repeat left 8px;}
.fWebsite{width:75%; height:auto; padding:5px 0px 0px 35px; margin:0; background:url(images/websiteIcon.png) no-repeat left 8px;}

.fCardText{width:100%; height:auto; padding:0; margin:0; font-size:15px; color:#fff; text-align:left;}
.fSocialMedia{width:100%; height:auto; padding:0; margin:0 0 10px 0; font-size:15px; color:#fff; text-align:left;}

.footerHeading{width:100%;margin:0 0 15px 0;font-size:18px; font-weight:bold; color:#fff; text-transform:uppercase; text-align:left;}
.footerSocialMediaIcon{width:100%; padding:7px 0 0 0; margin:0; text-align:left;}

.copyrightBox{width:90%; height:auto; padding:17px 0; margin:15px 5% auto 5%; font-size:14px; font-weight:400; color:#d2d2d2; text-align:left;border-top:solid 1px #c1c1c1;}
.copyright{width:auto; height:auto; padding:0; margin:0; color:#d2d2d2; font-size:14px; text-align:center; float:left;}
.poweredBy{width:auto; color:#d2d2d2; font-size:14px; text-align:right; float:right;}
a.poweredNav:link,a.poweredNav:active,a.poweredNav:visited{ color:#d2d2d2;}
a.poweredNav:hover{ text-decoration:underline;}

.sendenquirybtn{ width:auto; padding:0; margin:0; position:fixed; z-index:101; bottom:40%; right:0px;}
.enquiryrbox{ position:relative;}
.enquirylocation{width:100%; height:auto; padding:1px 0; display:block; position:absolute; z-index:1; top:-80px !important;}

/*== INNER PAGE ==*/

.bcPanel{width:95%; height:auto; padding:25px 2.5% 20px 2.5%; margin:auto; position:absolute; z-index:2; top:0px;}
.breadcrumb{width:100%; height:auto; padding:0; margin:0; font-size:13px; color:#fff; font-weight:400; text-transform:uppercase;}
.bcnav{color:#fff;}
.bcnav:hover{color:#007cc4;}

.innwrap{width:100%; height:auto; padding:0; margin:95px 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;}

.innBanner{width:100%; height:auto; padding:0; margin:0; position:relative;}
.heading{width:95%; height:auto; padding:0; margin:0 2.5%; position:absolute; z-index:1; bottom:60px;}
.headingSMtext{width:175px; height:auto; padding:0; margin:10px auto 0 auto; font-size:16px; text-align:center; color:#fff; border-top:solid 1px #fff;}

.innBody{width:95%; height:auto; padding:0; margin:35px auto 0 auto; font-size:15px;}
.leftPanel{width:22%; height:auto; padding:0; margin:0; float:left; background:#0095eb; display:none;}
.leftmenuheading{width:94%; height:auto; padding:12px 3%; margin:0; background:#007cc4; color:#fff; font-size:18px; text-transform:uppercase; font-weight:bold;}
.leftmenubox{width:94%; height:auto; padding:0px; margin:15px 3% 15px 3%; border-top:solid 1px #00a2ff;}
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:95%; height:auto; margin: 0; padding:5px 2.5% 6px 2.5%; background:#0095eb; text-decoration: none; color:#fff;display:block; font-size:14px;text-align:left;font-weight:400; line-height:22px;border-bottom:solid 1px #00a2ff;} 
div#lNav ul a:hover {background:#007cc4; color:#fff;}

.rightPanel{width:100%; height:auto; padding:0; margin:0; float:right;}
.descpanel{width:95.5%; height:auto; padding:20px 2%; margin:0 auto 30px auto; background:#f5f5f5; border:solid 1px #e5e5e5;}
.desccol{width:20%; height:auto; padding:0; margin:0; float:left; font-size:13px !important; text-align:center;}
.descNobox{width:100%; height:auto; padding:0; margin:12px 0 15px 0; text-align:center; font-size:40px; font-weight:900;}
.descNamebox{width:100%; height:auto; padding:0; margin:0; font-size:20px; text-align:center;}

.serviceImgPanel{width:100%; height:auto; padding:0; margin:20px 0 0 0;}
.service-pic{width:22%;height:150px;border:#CCC 1px dashed;margin:10px 1%;padding:5px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.service-pic:hover{background:#0070cb;}

.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;}

/*-- Inner About Us Page --*/
.aboutCol1{width:45%; min-height:320px; padding:0px 1.5% 20px 1.5%; margin:30px 0 10px 0; float:left; background:#f3f3f3;border:solid 1px #e1e1e1;}
.aboutCol2{width:45%; min-height:320px; padding:0px 1.5% 20px 1.5%; margin:30px 0 10px 0; float:right; background:#f3f3f3;border:solid 1px #e1e1e1;}

/*-- Inner Service Page --*/
.iservicerow{width:100%; height:auto; padding:0; margin:0;}
.iservicerow:hover .img{-webkit-transform:scale(1.3);transform:scale(1.3);}
.sImg {overflow:hidden;}
.img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}

.iservicecol1{width:52%; height:auto; padding:25px 3%; margin:0; float:left;}
.iservicecol2{width:42%; height:auto; padding:0; margin:0; float:right;overflow:hidden;}
.iservicecol3{width:52%; height:auto; padding:25px 3%; margin:0; float:right;}
.iservicecol4{width:42%; height:auto; padding:0; margin:0; float:left;}

.bluebg{background:#0095eb;}
.graybg{background:#f6f6f6;}
.isheadingBox{width:100%; height:auto; padding:0; margin:35px 0 25px 0; font-size:35px; font-weight:400;}
.iservicetext{width:100%; height:auto; padding:0; margin:0; font-size:16px; line-height:27px; font-weight:400;}
.isreadmoreBox{width:100%; height:auto; padding:0; margin:15px 0 0 0; font-size:14px; font-weight:bold;}
.isrm{ width:98px; height:auto; padding:0 0 7px 0; margin:0; display:block; border-bottom:solid 3px #ffcc00;color:#ffcc00; -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;}
.isrm:hover{ border-bottom:solid 3px #005a99; color:#005a99; -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;}
.isrm1{ width:98px; height:auto; padding:0 0 7px 0; margin:0; display:block; border-bottom:solid 3px #0095eb;color:#0095eb; -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;}
.isrm1:hover{ border-bottom:solid 3px #005a99; color:#005a99; -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;}

/*-- Contact Us --*/
.contactbox{width:100%; height:auto; padding:0; margin:0 auto;}
.contactInfoBox{width:100%; height:auto; padding:0; margin:0 auto;}
.contactInfo{width:43.1%; height:200px; padding:30px 2% 30px 2%; margin:0 1% 25px 1%; float:left; background:#f3f3f3;border:solid 1px #e1e1e1;}
.contactInfo1{width:43.1%; height:200px; padding:30px 2% 30px 2%; margin:0 1% 25px 1%; float:right; 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:98%; height:auto; padding:0; margin:0 auto 20px auto; text-align:left; font-size:21px; font-weight:bold;}
.contactInfotext{width:100%; height:auto; padding:0; margin:0; text-align:left; color:#333; font-size:15px; font-weight:400;}
.contactInfotext1{width:100%; height:auto; padding:0; margin:0; text-align:left; color:#333; font-size:15px; font-weight:400;}

.cGetInTouchPanel{width:97.75%; height:auto; padding:0 0 20px 0; margin:35px auto 30px 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:25px; color:#333; font-weight:bold;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:23px; 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:25px 0 0 0; text-align:center; background:#007cc4; color:#fff; font-size:21px; font-weight:100; border:none; border-radius:3px;}
.cgitBtn:hover{background:#005a99; cursor:pointer;}

.cMapBox{width:97.75%; height:auto; padding:0 0 10px 0; margin:35px auto 30px auto;}