@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:'Roboto', Arial, Helvetica, sans-serif;}
img {border: none;}
a {text-decoration: none;}
.clr{clear:both;}
.fullImage{width:100%;}
h1{ padding:0 0 15px  0; margin:0 0 35px 0; color:#000; font-size:35px; text-align:center; font-weight:BOLD; outline:none; text-transform:uppercase;font-family:'Open Sans', Arial, Helvetica, sans-serif;text-shadow:2px 2px 0px rgba(0,0,0,0.6);}
h2{font-size:22px; color:#414141; text-align:left; font-weight:500; outline:none; text-transform:uppercase;}
h3{width:100%; height:auto; padding:0 0 15px 0; margin:0; font-size:17px; color:#fe0000; font-weight:bold; line-height:25px; text-align:left;text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
h4{ width:98%; padding:7px 1%; background:#ff9b9b;font-size:22px; color:#fff; text-align:left; font-weight:bold; outline:none; text-transform:uppercase;}

.icon{}
.icon:hover{color:#ffac00;}
.black{color:#000;}
.gray{color:#999;}
.white{color:#fff;}
.blue{ padding: 0 0 25px 0;color:#324f85; background:url(images/underline.jpg) repeat-x left 50px;}
.left{ text-align:left;}
.center{ text-align:center;}
.right{ text-align:right;}
.yellowLine{ background:url(images/yellowline.jpg) no-repeat ;}
.leftLine{ background-position:5px bottom;}
.centerLine{ background-position:center bottom;}
.line60{ background-size:60px 3px;}
.line25{ background-size:25px 3px;}


.topRibon{width:96%; height:auto; padding:10px 2%; margin:auto; background:#324f85;}
.trContactDetails{width:auto; height:auto; padding:0; margin:0; float:left; color:#fff; font-weight:300; font-size:13px;}
.trNavigationBox{width:auto; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:13px;}
.trNav{width:auto; height:auto; padding:0; margin:0; color:#fff;}
.trNav:hover{color:#0597c7;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:96%; height:auto; padding:0px 2% 3px 2%; margin:auto; position:relative; z-index:101; box-shadow:0 2px 2px rgba(0,0,0,0.5); background:#fff;-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:25px 0 0 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:12%;height: auto; margin:4px 0 0 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:0px 2% 3px 2%; margin:auto; background:rgba(255,255,255,1); position:absolute; z-index:101; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:auto;float:right; margin:16px 0 0 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:10%;height: auto;margin:4px 0 0 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;}

.rightBox{width:auto;float:right; margin:0;}
.headerContactDetails{width:98%; height:auto; padding:0 2% 10px 0; text-align:right; font-size:15px; color:#fff; font-weight:bold;}
.hContactNo{width:auto; float:right; padding:1px 20px 0px 20px; font-size:15px; color:#fff; font-weight:bold; background:url(images/contactIcon.png) no-repeat left;}
.hEmail{width:auto; float:right; padding:1px 10px 0px 20px; font-size:15px; color:#fff; font-weight:bold; background:url(images/emailIcon.png) no-repeat left;}
.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; margin:63px 0 0 0; position:relative;}
.bannerTextBox{width:40%; height:auto; padding:45px; margin:15% 0 0 5%;  background:rgba(0,0,0,0.7); color:#fff;position:absolute;  top:0; z-index:101; }
.bannerHeading{width:100%; height:auto; font-size:75px; color:#fff; font-weight:400; margin:0 0 35px 0; text-align:center; text-shadow:0px 5px 5px #000;}
.bannerSmText{width:100%; height:auto; margin:0; font-size:20px; color:#ffac00; font-weight:bold; line-height:25px; text-align:left;text-shadow:2px 2px 2px #000;}
.bannerText{width:100%; height:auto; margin:0; font-size:37px; color:#fff; font-weight:bold; line-height:50px; text-align:left;text-shadow:2px 2px 2px #000;}

/*-- Services Css --*/
.servicesPanel{width:94%; height:auto; padding:65px 3%; margin:auto; background:url(images/bg1.png) repeat;}
.servTextBox{width:85%; height:auto; margin:auto auto 40px auto; font-size:18px; color:#000; font-weight:300; line-height:34px; text-align:center;}
.servOuterBox{width:100%; height:auto; padding:0; margin:auto;}

.serviceBox{width:29%; height:auto; padding:0; margin:15px 1.5%; background:#fff; border:solid 7px #fff; box-shadow:0px 0px 3px rgba(0,0,0,0.3); float:left; position:relative;}
.serviceImgBox{width:100%; height:auto; position:relative; overflow:hidden;}
/*.serviceName{width:100%; padding:7px 0; background:rgba(0,0,0,0.75); color:#fff; text-align:center; position:absolute; z-index:1; bottom:0; font-size:18px; font-weight:300;}*/
.serviceName{width:96%; padding:10px 2%;background:rgba(0,0,0,0.6); color:#fff; text-align:left;font-size:15px; font-weight:bold; text-transform:uppercase; font-family:Helvetica; position:absolute; z-index:1; bottom:0px;}
.companyLogoBox{width:100%; height:75%; padding:60px 0 7px 0; color:#fff; text-align:center; position:absolute; z-index:1; top:0; font-size:18px; font-weight:300;-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;}
.serviceBox:hover .serviceName{background:rgba(255,255,255,0.95); color:#324f85;}
.serviceBox:hover .companyLogoBox{width:100%; height:75%; padding:45px 0 12px 0; background:rgba(0,0,0,0.75); color:#fff; text-align:center; position:absolute; z-index:1; top:0; font-size:18px; font-weight:300;-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;}

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

.viewMoreBox{width:100%; height:auto; padding:0; margin:50px 0 0 0; text-align:center;}
.viewMore{width:auto; height:auto; padding:12px 35px; border:solid 1px #dedede; color:#bebebe; font-size:15px; font-weight:300;border-radius:3px;}
.viewMore:hover{ background:#324f85;border:solid 1px #324f85; color:#fff; font-size:15px; font-weight:300;}

/*-- About Us Css --*/
.aboutPanel{width:94%; height:auto; padding:75px 3% 85px 3%; margin:auto; /*background:url(images/aboutUsBg.jpg) no-repeat center bottom; background-size:100% 100%;*/}
.aboutText{width:92%; height:auto; margin:auto; font-size:18px; color:#000; font-weight:300; line-height:34px; text-align:center;}
.readMoreBox{width:100%; height:auto; padding:0; margin:50px 0 0 0; text-align:center;}
.readMore{width:auto; height:auto; padding:12px 35px; background:#4a6eb1; color:#fff; font-size:15px; font-weight:300; border-radius:3px;-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;}
.readMore:hover{background:#324f85; color:#fff; font-size:15px; font-weight:300;-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;}

/*-- Team Panel Css --*/
.teamPanel{width:94%; height:auto; padding:65px 3%; margin:auto;}
.teamText{width:92%; height:auto; margin:auto; font-size:18px; color:#000; font-weight:300; line-height:34px; text-align:center;}
.teamOuterBox{width:100%; height:auto; padding:0; margin:65px 0 0 0;}
.teamBox{width:15%; height:auto; padding:0; margin:0 2.5%; float:left;}
.teamImgBox{width:135px; height:135px; padding:0; margin:auto; border-radius:500px; overflow:hidden;}
.teamNameBox{width:100%; height:auto; padding:10px 0; margin:10px 0 0 0; font-size:18px; font-weight:bold; text-align:center;}
.teamDesignationBox{width:100%; height:auto; padding:0; margin:0;color:#777; font-size:14px; font-weight:400; text-align:center; text-transform:uppercase;}

/*-- Get A Quote Css --*/
.getquotePanel{width:92%; height:auto; padding:40px 4%; margin:auto;}
.gtLeftBox{width:75%; height:auto; padding:0; margin:0; float:left;}
.gtTextBox{width:100%; height:auto; padding:0; margin:0; color:#000; font-size:20px; font-weight:bold;}
.gtRightBox{width:20%; height:auto; padding:15px 0 0 0; margin:0; float:right; text-align:right;}
.gtBtn{width:auto; height:auto; padding:17px 35px; background:#ffac00; color:#fff; font-size:15px; font-weight:BOLD; border-radius:3px; border:solid 1px #ffac00;}
.gtBtn:hover{background:#ffac00; color:#fff;}

/*-- Our Partner Css --*/
.partnerPanel{width:92%; height:auto; padding:65px 4% 65px 4%; margin:auto;}
.partner{width:15%; height:auto; padding:20px 2%; margin:5px 0.4%; background:#fff;border:dashed 1px #dcdcdc; float:left; line-height:25px;-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;}
.partner:hover{border:dashed 1px #000;-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;}
.partnerImg{opacity: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;}
.partner:hover .partnerImg{opacity:1;-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;}

/*-- Footer Css --*/
.footer{width:100%; height:auto; margin:auto; padding:45px 0 25px 0; background:#000; background-image:url('images/footerImg.png'), url('images/footerBg.jpg');background-position: center center, left 0px;background-repeat:no-repeat, repeat; text-align:left; color:#fff; font-size:12px;}
.fCol1{width:25%; height:auto; margin:0 2.2% 0 4% ; float:left;}
div#fNav1 ul { margin:25px 0 10px 0; padding: 0; list-style: none; } 
div#fNav1 ul li { margin: 0; padding: 6px 0px; list-style: none; } 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited { margin: 0; padding:4px 0px 4px 15px; text-decoration: none; color: #fff; font-size:15px;text-align:left;background:url(images/leftNavArrow.png) no-repeat left;font-weight:300;} 
div#fNav1 ul li a:hover {color:#0597c7; background:url(images/leftNavArrowHover.png) no-repeat left;}

.fCol2{width:26%; height:auto; float:left;}
div#fNav2 ul { margin:25px 0 10px 0; padding: 0; list-style: none; } 
div#fNav2 ul li { margin: 0; padding: 6px 0px; list-style: none; } 
div#fNav2 ul a:link, div#fNav2 ul a:active, div#fNav2 ul a:visited { margin: 0; padding:4px 0px 4px 15px; text-decoration: none; color: #fff; font-size:15px;text-align:left;background:url(images/leftNavArrow.png) no-repeat left;font-weight:300;} 
div#fNav2 ul li a:hover {color:#0597c7; background:url(images/leftNavArrowHover.png) no-repeat left;}


.iBtn{width:auto; height:auto; padding:10px 20px; background:#0597c7; color:#fff; border:none; border-radius:3px;}
.iBtn:hover{background:#0180aa; color:#fff; cursor:pointer;}

.fCol3{width:27%; height:auto; margin:0 5% 0 0; float:right;}
.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fPaymentCardBox{width:100%; height:auto;}
.fContactDetailsBox{width:95%; padding:15px 0; font-size:15px; color:#fff; font-weight:300;}
.fContactPerson{width:75%; height:20px; padding:3px 0px 0px 30px; margin:5px 0; background:url(images/fPersonIcon.png) no-repeat left;}
.fLocation{width:90%; height:auto; padding-left:30px; background:url(images/fLocationIcon.png) no-repeat left 5px; line-height:22px;}
.fContact{width:75%; height:auto; padding:3px 0px 0px 30px; margin:5px 0; background:url(images/fContactIcon.png) no-repeat left; clear:both;}
.fEmail{width:75%; height:20px; padding:3px 0px 0px 30px; margin:5px 0; background:url(images/fMailIcon.png) no-repeat left;clear:both;}
.fWebsite{width:75%; height:20px; padding:3px 0px 0px 30px; margin:0 0; background:url(images/fWebsiteIcon.png) no-repeat left;}
.fWebsiteNav{color:#fff;}
.fWebsiteNav:hover{color:#0597c7;}
.fHeading{width:100%; height:auto; margin:0 0 10px 0; font-size:20px; font-weight:bold; color:#fff; text-align:left; text-transform:uppercase;}

.copyrightBox{width:92%; height:auto; padding:12px 4%; background:#181818;border-top:solid 1px #343434; color:#fff;font-family:Arial, Helvetica, sans-serif;}
.copyright{width:auto; height:auto; padding:0; margin:0; color:#fff; font-size:12px; 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 ==*/
.pageHeadContainer{width:95%; height:auto; padding:15px 2.5% 10px 2.5%; margin:90px auto auto auto; background:#f9f9f9; border-bottom:solid 1px #f0f0f0;}
.pageNavBox{width:100%; height:auto; padding:0px 0 7px 0; font-size:12px; color:#fe0000;}
a.pageNav:link,a.pageNav:active,a.pageNav:visited{font-size:12px; color:#777;}
a.pageNav:hover{color:#f23f00;}

.innWrap{width:95%; min-height:200px; padding:20px 0%; margin:auto; text-align:justify; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; line-height:27px;}

.map{width:60%; height:auto; text-align:center;}

.Col2{width:48%; height:auto; padding:0; margin:auto 2% auto auto; float:left;}
.Col1{width:100%; height:auto; padding:0; margin:auto;}

.servCol{width:100%; height:auto; padding:0; margin:auto 0 15px 0; background:#fff; border:solid 1px #e5e5e5; border-radius:7px; float:left; border-bottom:solid 2px #e5e5e5;}
.servHeading{width:94%; height:auto; padding:7px 3%; margin:auto; background:#f3f3f3; color:#324f85; font-size:15px; font-weight:bold; border-radius:7px 7px 0px 0px;text-transform:uppercase;}
.servHeading1{width:97%; height:auto; padding:7px 1.5%; margin:auto; background:#f3f3f3; color:#324f85; font-size:15px; font-weight:bold; border-radius:7px 7px 0px 0px;text-transform:uppercase;}
.servContentBox{width:95%; height:auto; padding:0; margin:10px auto;font-size:14px; text-align:left; color:#000; font-weight:400;}
.servContentBox1{width:97%; height:auto; padding:0; margin:10px auto;font-size:14px; text-align:left; color:#000; font-weight:400;}
.servText{width:100%; height:auto; padding:10px 0; margin:auto; font-size:14px; color:#000; line-height:22px;}

div.orderlist1 ul{ margin:10px 0; padding: 0; list-style:decimal; } 
div.orderlist1 ul li{margin:0;padding:4px 0 4px 20px;list-style: decimal;margin: 0;text-decoration:none;color: #000;display:block;font-size:14px;text-align:left;font-weight:400;}

div.servlist1 ul{ margin:10px 0 10px 20px; padding: 0; list-style: none; } 
div.servlist1 ul li{margin:0;padding:4px 0 4px 20px;list-style: none;margin: 0;text-decoration:none;color: #000;display:block;font-size:14px;text-align:left;font-weight:400; background:url(images/listIcon1.png) no-repeat left 13px;}

.tableContainer{width:100%; height:auto; padding:0; margin:0;}
.Table1 {width:100%;border-collapse: collapse;}
.Table1 th {padding:3px 7px; background:#86a1d2;/* border: 1px solid #86a1d2;*/ color:#fff;}
.Table1 td {padding:3px 7px; /*border: 1px solid #86a1d2;*/ font-size:13px; font-weight:400;}
.Table1 tr:nth-child(even) {background:#fff9d9;}
.Table1 tr:nth-child(odd) {background: #e1ebfa}

/*-- 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:50%; height:auto; float:left;}
.cFormRow1{width:100%; margin:20px 0px;}
.cFormLabel{width:40%; padding:7px 0 0 0; float:left; color:#000; font-size:15px; font-weight:500; text-align:left;}
.mandat{color:#686868;}
.cFormField{width:57%; float:right; position:relative;}
.submitBtnAlign{text-align:right;}
.contactDetailsBox{width:30%; height:auto; margin:0 10% 0 0; float:right; font-weight:500; color:#000;line-height:32px;}
.cName{width:100%; padding:18px 0px 35px 0px; text-align:left; font-size:40px; color:#0597c7; text-transform:uppercase; font-weight:500;}
.cHeading{width:100%; padding:0px 0px 5px 0px; text-align:left; font-size:15px; font-weight:bold; color:#757575; text-transform:uppercase;}
.thanksImg{width:15%; padding:100px 0px; height:auto; margin:auto;}

.textBox1{width:94%; padding:9px 3%; border:solid 2px #cecece; color:#585858; outline:none; background:none;}
.textArea1{width:94%; padding:9px 3%; height:75px; border:solid 2px #cecece; color:#585858; outline:none; background:none;}
.btn1{width:auto; padding:10px 20px; font-size:14px; font-weight:normal; border:none; background:#0597c7; color:#FFF; outline:none;}
.btn1:hover{background:#0180aa; cursor:pointer;}

/*-- Thanks Page Css --*/
.thanksImg{width:30%; height:auto; padding:75px 0; margin:auto; text-align:center;}