@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, ol, ul, li, 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:'Open Sans',Arial, Helvetica, sans-serif;}
img {border: none;}
a {text-decoration: none;}
.clr{clear:both;}
.fullImage{width:100%;}
h1{ font-size:30px; color:#000; text-align:center; font-weight:bold; outline:none; }
h2{ font-size:17px; color:#000; text-align:left; font-weight:900;}
h3{width:auto;font-size:15px; color:#003366; text-align:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.white{color:#fff;}
.black{color:#000;}
.green{color:#4eaa00;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;box-shadow:0 2px 2px rgba(0,0,0,0.3);}
header .header{width:98%; height:auto; padding:7px 0 0px 2%; margin:auto; background:#fff; 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; box-shadow:0px 2px 2px rgba(0,0,0,0.1);}
 
header .rightBox{width:auto;float:right; margin: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:264px;height: auto; padding:0px; margin:0; font-size:40px; font-weight:900; color:#003366; line-height:30px; 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:98%; height:auto; padding:7px 0 0px 2%; margin:auto; background:#fff; 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; box-shadow:0px 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:auto;float:right; margin: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.smaller .logoBox{width:264px;height: auto; padding:0px; margin:0; font-size:40px; font-weight:900; color:#003366; line-height:30px; 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 .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;}

.SMBox{width:auto; height:auto; padding:0; margin:10px 5px 0 0; text-align:right;}
.smnav{width:20px; height:auto; padding:0px 7px 0px 7px; margin:0; display:block; float:right; text-align:center; color:#000;}
.smnav:hover{color:#4eaa00;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; position:relative; margin:115px 0 0 0;}
.bannerOverlay{ width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.2); top:0; z-index:1;}
.bannerBlackBox{width:100%; height:75%; padding:20% 0 0 0; margin:0;  background:url(images/bannerDottes.png) repeat; color:#fff; position:absolute;  top:0; z-index:1; }
.bannerHeading{width:100%; height:auto; font-size:70px; color:#fff; font-weight:900; margin:0 0 30px 0; text-align:center; text-shadow:2px 2px 2px #000;}
.bannerText{width:72%; height:auto; margin:auto; font-size:17px; color:#fff; font-weight:bold; line-height:30px; text-align:center;text-shadow:2px 2px 2px #000;}

.iHeadingBox{width:100%; height:auto; padding:0; margin:0 0 30px 0; text-align:center; font-weight:900;}
.iHeadingSmallText{width:100%; height:auto; padding:0; margin:15px 0 0 0; font-size:15px; color:#777; text-align:center; font-weight:400;}
.iHeading{ font-family:'Open Sans',Arial, Helvetica, sans-serif; font-weight:900;}

/*-- Services Css --*/
.servicesPanel{width:96%; height:auto; padding:30px 2% 30px 2%; margin:0 auto;}
.servicesBox{width:25%; height:auto; padding:0; margin:0; float:left; position:relative; overflow:hidden;}
.servicesImgBox{width:100%; height:auto; padding:0; margin:0; text-align:center;}
.servicesNameBox{width:94%; height:auto; padding:28px 3%; margin:0; background:rgba(78,170,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
.servicesHeadingBox{width:100%; height:30px; padding:0px; margin:0;text-align:center; text-transform:uppercase; font-size:16px; color:#fff; font-weight:bold;}
/*.servicesBox:hover .servicesNameBox{width:94%; height:90%; padding:45px 3% 0 3%; margin:0; background:rgba(78,170,0,0.9); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
*/
.servicesIconBox{width:30px; height:30px; padding:15px 15px 15px 15px; margin:10px auto 20px auto; font-size:30px; border:solid 3px #fff; border-radius:100px;}
.serviceDescBox{width:96%; height:110px; padding:0; margin:40px 2% 20px 2%; font-size:14px; text-align:center; color:#fff; line-height:22px; font-weight:400;}
/*.servicesBox:hover .serviceDescBox11111{display:block;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s !important;}
*/
.servicesNameBox1{width:94%; height:auto; padding:28px 3%; margin:0; background:rgba(0,135,243,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
/*.servicesBox:hover .servicesNameBox1{width:94%; height:90%; padding:45px 3% 0 3%; margin:0; background:rgba(0,135,243,0.9); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}*/
.servicesNameBox2{width:94%; height:auto; padding:28px 3%; margin:0; background:rgba(255,90,0,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
/*.servicesBox:hover .servicesNameBox2{width:94%; height:90%; padding:45px 3% 0 3%; margin:0; background:rgba(255,90,0,0.9); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}*/
.servicesNameBox3{width:94%; height:auto; padding:28px 3%; margin:0; background:rgba(255,19,252,0.8); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}
/*.servicesBox:hover .servicesNameBox3{width:94%; height:90%; padding:45px 3% 0 3%; margin:0; background:rgba(255,19,252,0.9); line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; position:absolute; z-index:1; bottom:0px;}*/
.servicesRmBox{width:100%; height:auto; padding:12px 0 0 0; margin:auto;}
.prmbtn{width:100px; height:auto; padding:12px 20px; margin:0 auto; background:#3d3d3d; color:#fff; font-weight:400; font-size:15px; display:block; text-align:center; border-radius:4px;}
.prmbtn:hover{background:#e53cff; color:#fff;}

figure {display: block;position: relative;overflow: hidden;margin: 0 0px 20px 0;}
figcaption {width:100%;position: absolute;background: black;background: rgba(0,0,0,0.75);color: white; padding:0;opacity: 1;-webkit-transition: all 0.6s ease; -moz-transition:    all 0.6s ease; -o-transition:      all 0.6s ease;}
figure:hover figcaption {opacity: 1;}
/*figure:before {
  content: "?";
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 100%;
  height: auto;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}*/
figure:hover:before {opacity: 0;}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 0px; }
.cap-bot figcaption { left: 0; bottom: -50%;}
.cap-bot:hover figcaption { bottom: 0; }

/*-- Client Say --*/
.clientSayPanel{width:96%; height:auto; padding:55px 2% 65px 2%; margin:0; background:url(images/bg1.jpg) no-repeat center center; background-size:100% 100%; font-size:13px; color:#555; line-height:22px;}
.clientSayBox{width:100%; height:auto; padding:0; margin:0; }
.clientSayText{width:80%; height:auto; padding:0; margin:25px auto 0 auto; color:#fff; font-size:17px; line-height:30px; text-align:center;}
.clientText{width:100%; height:auto; padding:0; margin:15px auto 0 auto; color:#fff; font-size:13px; text-align:center; line-height:25px;}

/*-- About Panel --*/
.aboutPanel{width:90%; height:auto; padding:0px 5%  50px 5%; margin:auto;}
.aboutTextBox{width:100%; height:auto; padding:0; margin:0 auto;}
.aboutText{width:100%; height:auto; padding:0; margin:0 auto; font-size:15px; color:#777; text-align:center; font-weight:400;line-height:30px;}

.aReadMoreBox{width:100%; height:auto; padding:0; margin:20px 0 0px 0; text-align:center;}
.aboutRMNav{width:auto; height:auto; padding:0; margin:0 0 0 20px; color:#777; font-size:13px; font-weight:bold; text-transform:uppercase;}
.aboutRMNav:hover{color:#4eaa00;}

/*-- Popular Brand Css --*/
.brandPanel{width:96%; height:auto; padding:10px 2%; margin:auto;}
.brandNameBox{width:100%; height:auto; padding:5px 0 15px 0; margin:auto auto 5px auto; border-bottom:solid 2px #fff; font-weight:900;}
.pbbox{width:92%; height:auto; padding:8px 1%; margin:5px 3%; background:#fff; border:solid 1px #dcdcdc;}
.pbimgbox{width:100%; height:auto; padding:0; margin:auto; position:relative;}

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:50px 5% 30px 5%; margin:auto; background:#000;}
.footerCol1{width:20%; height:auto; padding:0; margin:0; float:left;}
.footerHeading{width:100%; height:auto; padding:0; margin:0; font-size:22px; 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:5px 0; display:block; text-decoration: none; color: #fff; font-size:13px;text-align:left; text-transform:uppercase;} 
div#fNav1 ul a:hover{color:#4eaa00 !important;}

.footerCol2{width:37%; height:auto; padding:0; margin:0; float:left;}
.navBox{width:100%; height:auto; padding:0; margin:25px 0 0 0; font-size:30px; font-weight:400; color:#fff;}
div#fNav2 ul { margin:0; padding: 0; list-style: none; } 
div#fNav2 ul li { margin: 0; padding: 1px 0px; list-style: none; display:block; } 
div#fNav2 ul a:link, div#fNav2 ul a:active, div#fNav2 ul a:visited {width:100%; height:auto; margin: 0 5px; padding:5px 0; display:block; text-decoration: none; color: #fff; font-size:13px;text-align:left; text-transform:uppercase;} 
div#fNav2 ul a:hover{color:#4eaa00 !important;}

.footerCol3{width:35%; height:auto; padding:0; margin:0; float:right;}
.fContactBox{width:100%; height:auto; padding:0; margin:30px 0 0 0; font-size:30px; font-weight:400; color:#fff;}
.fContactRow{width:100%; height:auto; padding:0; margin:0 0 10px 0;}
.fAddress{width:100%; height:auto; padding:0; margin:0 0 7px 0;color: #fff; font-size:13px; float:left; line-height:22px;}

.SMBox1{width:auto; height:auto; padding:0; margin:10px 17px 0 0; text-align:left;}
.smnav1{width:20px; height:auto; padding:0px 7px 0px 7px; margin:0; display:block; float:left; font-size:17px; text-align:center; color:#fff;}
.smnav1:hover{color:#4eaa00;}

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

/*== INNER PAGES ==*/
.innHeadingBox{width:95%; height:auto; padding:12px 2.5%; margin:110px 0 0 0; background:#4eaa00; color:#fff;}
.breadcrumb{width:100%; height:auto; padding:5px 0 0 0; margin:0; font-size:10px; color:#fff; font-weight:bold; text-transform:uppercase;}
.bcnav{color:#fff;}
.bcnav:hover{color:#000;}
.innHeadingText{width:100%; height:auto; padding:0; margin:10px 0 0 0; font-size:20px; color:#fff; text-align:left;}

/*-- Inner Body --*/
.innBody{width:94%; height:auto; padding:0; margin:30px auto; color:#333; font-size:15px; line-height:24px; text-align:justify; font-weight:400;}
.innimgbox{width:45%; height:auto; padding:7px; margin:0 0 10px 25px; border:solid 1px #f1f1f1; float:right;}

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

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

/*-- Contact Us --*/
.contactFormPanel{width:40%; height:auto; padding:0; margin:15px 0 0 2%; float:left;}
.cFormText{width:100%; height:auto; padding:0; margin:0 0 40px 0; line-height:20px !important; font-size:13px;}
.cFormBox{width:100%; height:auto; padding:0; margin:0 0 15px 0; position:relative;}
.cFormTextBox{width:95%; height:auto; padding:12px 2.5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500;font-family:'Raleway', Arial, Helvetica, sans-serif; outline:none;}
.cFormTextAreaBox{width:95%; height:75px; padding:12px 2.5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500; font-family:'Raleway', Arial, Helvetica, sans-serif; outline:none;}
.cSubmitBtn{width:auto; height:auto; padding:12px 25px; background:#000; color:#fff; font-size:15px; border:none; border-radius:4px;}
.cSubmitBtn:hover{background:#4eaa00; cursor:pointer;}
.cSubmitBtnAlign{ text-align:right;}

.contactAddressPanel{width:45%; height:auto; padding:0; margin:15px 5% 0 0; float:right;}
.cCname{width:100%; height:auto; padding:0; margin:0 0 30px 0; color:#000; font-size:25px; font-weight:900;}
.cAddressRow{width:100%; height:auto; padding:0; margin:0 0 15px 0; line-height:35px;}