@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:'Century Gothic', 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 10px 0; color:#000; font-size:30px; text-align:left; font-weight:bolder;}


.black{color:#000;}
.gray{color:#999;}
.white{color:#fff;} 
.red{color:#d30205;}

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

.topRibon{width:96%; height:auto; padding: 0px 2%; margin:auto; background:#d30205;}
.trContactDetails{width:50%; height:auto; padding:0; margin:0; float:left; color:#fff; font-weight:bold; font-size:15px;}
.trContactBox{ width:auto; height:auto; padding:0; margin:7px 20px 7px 0; float:left;}
.trISOBox{ width:100%; height:auto; padding:0; margin:7px 0 7px 0; text-align:right; font-weight:bold; font-size:15px;}
.trContactIcon{ margin:3px 5px 0 0;}
.trRightBox{width:auto; 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; display:block; float:left; border-left:solid 1px #f1292e; text-align:center; color:#fff;}
.trsmnav:hover{ background:#000; color:#fff;}
.trRightBorder{border-right:solid 1px #f1292e;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:96%; height:auto; padding:10px 2%; margin:auto; background:#fff;border-bottom:solid 4px #d30205; position:relative; z-index:101;-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 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:30%;height: auto; padding:0px; margin:10px 0 10px 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% 0px 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: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:25%;height: auto; padding:0px; margin:10px 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 .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:110px 0 0 0; position:relative;}
.overlay{width:100%; height:100%; padding:0; margin:0; background:rgba(27,21,66,0.8); position:absolute; z-index:1;}
.bannerTextBox{width:80%; height:auto; padding:15px 0; margin:10% 10% 0 10%; color:#fff;position:absolute; top:0; left:0px; z-index:101; text-align:left; border-radius:7px;}
.bannerHeading{width:100%; height:auto; font-size:120px; color:#ffcc5f;text-shadow:2px 2px 5px #000; font-weight:400; margin:0 0 7px 0; text-align:center;}
.bannerText{width:100%; height:auto; margin:25px 0 0 0; font-size:35px; color:#fff; font-weight:400; line-height:45px; text-align:center;}

/*-- Service Panel Css --*/
.servicePanel{width:94%; height:auto;  margin:65px 3%; position:relative;}
.iServBox{width:30.3%; height:auto; padding:0.5%; margin:0 1%; background:#fff; float:left;}
.iServImgBox{width:100%; height:auto; position:relative;}
.iServName{width:100%; padding:7px 0; background:rgba(0,0,0,0.85); color:#fff; text-align:center; position:absolute; z-index:1; bottom:0px; font-size:20px; font-weight:400;}

.iServBox:hover .iServName{background:rgba(211,2,8,0.85);}
.iServBox:hover .img {-webkit-transform:scale(1.3);transform:scale(1.3);}
.iServImg {overflow:hidden;}
.img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}

/*-- About Us Css --*/
.aboutPanel{width:94%; height:auto; padding:65px 3%; margin:auto; background:#f2f2f2;}
.aboutText{width:92%; height:auto; margin:auto; font-size:18px; color:#777; 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:#d30205; border:solid 1px #d30205; 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:#000;border:solid 1px #000; 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; cursor:pointer;}

/*-- Gallery Css --*/
.galleryPanel{width:94%; height:auto; padding:65px 3%; margin:auto; background:#fff;}
.galleryBox{width:98%; height:auto; padding:15px 1%; margin:50px 0 0 0; background:#eaeaea; border-radius:5px;}

.viewMoreBox{width:100%; height:auto; padding:0; margin:50px 0 0 0; text-align:center;}
.viewMore{width:auto; height:auto; padding:9px 25px; border:solid 1px #fff; 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;}
.viewMore:hover{background:#1b7406;border:solid 1px #1b7406; 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;}

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:60px 5% 50px 5%; margin:auto; background:#231f20;}
.footerCol1{width:25%; height:auto; padding:0; margin:0; float:left;}
.footerHeading{width:100%; height:auto; padding:0; margin:0; font-size:30px; font-weight:bold; color:#fff;}
.navBox{width:100%; height:auto; padding:0; margin:25px 0 0 0; font-size:30px; font-weight:400; color:#fff;}
div#fNav1 ul { margin:0; padding: 0; list-style: none; } 
div#fNav1 ul li { margin: 0; padding: 1px 0px; list-style: none; display:block; } 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited {width:100%; height:auto; margin: 0 5px; padding:8px 0; display:block; text-decoration: none; color: #fff; font-size:17px;text-align:left; background:url(images/footerArrow.png) no-repeat left; /*border-bottom:dotted 1px #fff;*/} 
div#fNav1 ul li a:hover {color:#d30205; background:url(images/footerHoverArrow.png) no-repeat left;}

.fIcon{font-size:12px; margin:7px 15px 0 0;color:#d30205;}

.footerCol3{width:45%; height:auto; padding:0; margin:0 5% 0 5%; float:right;}
.fContactBox{width:100%; height:auto; padding:0; margin:40px 0 0 0; font-size:30px; font-weight:400; color:#fff;}
.fContactRow{width:100%; height:auto; padding:0; margin:0 0 20px 0;}
.fIconBox{width:10%; height:auto; padding:0; margin:0 0 0 0; float:left; font-size:45px; color:#d30205;}
.fAddress{width:82%; height:auto; padding:0; margin:0 0 0 8%;color: #fff; font-size:17px; float:left;}
.fPhoneNo{ font-size:30px; font-weight:bold;}
.fEmail{ font-size:30px; font-weight:bold;}

.copyrightPanel{width:90%; height:auto; padding:20px 5%; margin:0;background:#1b1b1b; border-top:solid 1px #777; color:#fff; font-weight:300;}
.copyright{width:auto; height:auto; float:left; font-size:15px;}
.poweredBy{width:auto; height:auto; float:right;}
.poweredNav{color:#fff;}
.poweredNav:hover{color:#d30205;}

/*=== INNER PAGE ===*/
.innWrap{width:100%; height:auto; padding:0; margin:140px 0 0 0;}

.headingPanel{width:94%; height:auto; padding:15px 3% 7px 3%; background:#f9f9f9; border-bottom:solid 1px #e3e3e3; font-size:15px; font-weight:300;}
.headingBox{width:100%; height:auto; margin:10px 0 0 0;}
.breadcrumbNavPanel{width:100%; height:auto; text-align:left;}
.bcnHomeIcon{width:auto; height:auto; padding:0;float:left;}
.bcNav{width:auto; height:auto; padding:0 0 0 25px; background:url(images/bcnArrow.png) no-repeat 7px center;float:left;}

.innContentBody{width:94%; height:auto; padding:25px 0; margin:auto 3%; color:#777; font-size:17px; font-weight:400; line-height:28px; text-align:justify;}

/*-- 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:35%; height:auto; float:left;}
.cFormRow1{width:100%; margin:20px 0px;}
.cFormLabel{width:30%; padding:7px 0 0 0; float:left; color:#000; font-size:15px; font-weight:500; text-align:left; display:none;}
.mandat{color:#686868;}
.cFormField{width:100%; float:right; position:relative;}
.submitBtnAlign{text-align:right;}
.contactDetailsBox{width:45%; height:auto; margin:0 5% 0 5%; float:right; font-weight:500; color:#000;}
.cName{width:100%; padding:18px 0px 30px 0px; text-align:left; font-size:35px; color:#d30205; font-weight:bold;}
.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;}
.btn{width:auto; height:auto; padding:12px 35px; background:#d30205; border:solid 1px #d30205; 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;}
.btn:hover{background:#000;border:solid 1px #000; 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; cursor:pointer;}

/*-- Clients --*/
.clientsBox{width:22.75%; height:auto; padding:0; margin:15px 1%; border:dashed 1px #ccc; float:left; text-align:center;}
.clientsNameBox{width:100%; height:auto; padding:0; margin:0; border-top:dashed 1px #ccc; text-align:center; font-size:15px; font-weight:bold;}

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