@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, ul, li, ol, 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{ 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;}
.brown{color:#fe802b;}


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

.topRibon{width:96%; height:auto; padding:0px 2%; margin:auto; background:#fe802b;}
.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 0 0; float:left;}
.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 #ed7b1d; text-align:center; color:#fff;}
.trsmnav:hover{ background:#000; color:#fff;}
.trRightBorder{border-right:solid 1px #ed7b1d;}

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

/*-- About Us Css --*/
.aboutPanel{width:94%; height:auto; padding:65px 3%; margin:auto; background:#f2f2f2;}
.aboutText{width:95%; height:auto; margin:auto; font-size:20px; 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:#bebebe; color:#fff; font-size:18px; 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:#fe802b; color:#fff; 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; cursor:pointer;}

/*-- Gallery Css --*/
.galleryPanel{width:94%; height:auto; padding:50px 3%; margin:auto; background:#fff;}
.galleryBox{width:53%; height:auto; padding:0px 5% 0px 2%; margin:0; float:left;}
.galleryImgBox{width:24%; height:auto; padding:0; margin:3px 0.5%; float:left;}

.viewMoreBox{width:100%; height:auto; padding:0; margin:10px 0 0 0; text-align:right !important;}
.viewMore{color:#999; 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;}
.viewMore:hover{color:#fe802b;-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;}

.newsBox{width:32%; height:265px; padding:0px 2% 15px 5%; margin:0; float:right; border-left:solid 1px #f2f2f2;}
.news{width:100%; height:185px; padding:0; margin:0;}
.newsTextBox{ width:98%; height:auto; padding:0 0 7px 0; margin:0 1% 7px 1%; border-bottom:dotted 0px #999;font-size:18px; color:#000; line-height:22px;}

/*-- Clients Panel Css --*/
.clientsPanel{width:94%; height:auto; padding:35px 3%; margin:auto; background:#f2f2f2;}
.clientsBox{width:98%; height:auto; padding:15px 1%; margin:50px 0 0 0; background:#eaeaea; border-radius:5px;}

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:50px 5% 40px 5%; margin:auto; background:#231f20; border-top:solid 4px #fe802b;}
.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:3px 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:#fe802b;}

.fIcon{font-size:8px; margin:7px 15px 0 0;color:#fe802b;}
/*div#fNav1 a:hover .fIcon{font-size:8px; margin:7px 15px 0 0;color:#fe802b;}*/

.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:5%; height:auto; padding:0; margin:0 0 0 0; float:left; font-size:30px; color:#fe802b;}
.fAddress{width:82%; height:auto; padding:0; margin:0 0 0 8%;color: #fff; font-size:17px; float:left;}
.fPhoneNo{ font-size:25px; font-weight:bold;}
.fEmail{ font-size:25px; 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:110px 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:20px; font-weight:300; line-height:30px; text-align:justify;}

div.ul_list ul { margin:0 0 0 25px; padding: 0; list-style: none; } 
div.ul_list ul li { margin: 0; padding:0; list-style: none; display:block; }
div.ul_list ul li span{width:100%; height:auto; margin: 0; padding: 0 0 0 22px !important; background:url(images/bulleticon.jpg) no-repeat left center;}

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

.table {border-collapse: collapse;}
.table th {padding:2px 15px; background:#fe802b; border: 1px solid #d05e01; font-size:20px; font-weight:bold; color:#fff;}
.table td {padding:2px 15px; border: 1px solid #d05e01; font-size:20px; font-weight:400;}
.table tr:nth-child(even) {background:none;}
.table tr:nth-child(odd) {background: #fff4eb}

.clientLeftBox{width:50%; height:auto; padding:0; margin:auto; float:left;}
.clientRightBox{width:50%; height:auto; padding:0; margin:auto; float:left;}

/*-- Contact Us Page Css --*/
.contactFormBox{width:45%; height:auto; float:left;}
.cFormRow1{width:100%; margin:20px 0px;}
.cFormLabel{width:25%; padding:7px 0 0 0; float:left; font-size:17px; text-align:left;}
.mandat{color:#686868;}
.cFormField{width:70%; float:right; position:relative;}
.submitBtnAlign{text-align:right;}
.contactDetailsBox{width:40%; height:auto; margin:0 5% 0 5%; float:right; font-size:17px; line-height:30px; text-align:left !important;}
.cName{width:100%; padding:18px 0px 30px 0px; text-align:left; font-size:35px; color:#fe802b; font-weight:bold;}
.cHeading{width:100%; padding:0px 0px 5px 0px; text-align:left; font-size:15px; font-weight:bold; color:#fe802b; 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:#bebebe; border:none; 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:#fe802b; 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 Page Css --*/
.gallBox{width:30%; height:auto; padding:5px 0.5%; margin:1%;border:dashed 1px #ccc; float:left;}
.gallImgBox{width:100%; height:auto; position:relative;}
.gallBox:hover .img {-webkit-transform:scale(1.3);transform:scale(1.3);}
.gallImg {overflow:hidden;}
.img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}

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