@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:#fff; text-align:center; font-weight:900; outline:none; }
h2{width:94%; padding:20px 3% 0px 3%; margin:0; font-size:20px; color:#fff; text-align:center; font-weight:500; outline:none;text-transform:uppercase;}
.leftAlign{ text-align:left;}
.centerAlign{ text-align:center;}
.rightAlign{ text-align:right;}

.green{color:#2cb70a;}
.blue{color:#004789;}
.black{color:#000;}
.orange{color:#f23f00;}
.hLine{background:url(file/file/images/borderBg2.png) no-repeat center bottom; background-size:100%;}

/*-- Top Ribon Css --*/
.topRibon{width:96%; height:auto; padding:0px 2%; margin:auto; background:#f5f5f5; color:#999999; border-bottom:solid 1px #e1e1e1;}
.trContactDetails{width:70%; height:auto; padding:0; margin:0; float:left; color:#000; font-weight:400; font-size:13px;}
.trContactBox{ width:auto; height:auto; padding:0; margin:3px 20px 0 0; float:left;}
.trContactIcon{ margin:3px 5px 0 0;}
.trRightBox{width:auto; height:auto; padding:0; margin:0; float:right; color:#999999; font-weight:300; font-size:13px;}
.trsmnav{width:20px; height:auto; padding:7px 7px 2px 7px; margin:0; display:block; float:left; border-left:solid 1px #e1e1e1; text-align:center; color:#000;}
.trsmnav:hover{ background:#00519c; color:#fff;}
.trRightBorder{border-right:solid 1px #e1e1e1;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:96%; height:auto; padding:0px 2% 0px 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:80%;float:right; 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;}
header .logoBox{width:auto;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% 0 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: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:auto;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;}

/*.logoBox{width:auto; height:auto; margin:0 0 7px 0; float:left;}*/
.rightBox{width:auto;float:right; margin:0;}
.headerContactDetails{width:100%; height:auto; padding:0 0 10px 0; text-align:right; font-size:15px; color:#fff; font-weight:bold;}
.hContactNo{width:auto; float:right; padding:5px 10px 5px 10px; font-size:14px; color:#fff; font-weight:bold; background:#77001e; /*background:url(file/images/contactIcon.png) no-repeat left;*/ border-radius:50px;}
.hEmail{width:auto; float:right; padding:5px 10px 5px 10px; margin:0 0 0 5px; font-size:14px; color:#fff; font-weight:bold; background:#77001e; /*background:url(file/images/contactIcon.png) no-repeat left;*/ border-radius:50px;}
.menuBox{width:auto; height:auto; margin:0; padding:0; color:#FFF; font-size:15px; font-weight:400; text-align:right;}

.navigationbox{ height:0; position:relative;}
.navigation{ height:0; position:absolute; z-index:11; top:-75px;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:95px 0 0 0; position:relative;}
.bannerOverlay{ width:100%; height:100%; position:absolute; /*background:rgba(0,0,0,0.0) url(file/images/bannerDottes.png) repeat;*/ top:0;}
.bannerBlackBox{width:100%; height:90%; padding:5% 0 0 0; margin:0;  /*background:url(file/images/bannerDottes.png) repeat;*/ color:#fff; position:absolute;  top:0; }
.bannerHeading{width:100%; height:auto; font-size:50px; color:#fff; font-weight:bold; margin:0 0 20px 0; text-align:center; text-shadow:2px 2px 2px #000;}
.bannerText{width:50%; height:auto; margin:0 0 0 5%; font-size:24px; color:#fff; font-weight:400; line-height:42px; text-align:left;text-shadow:2px 2px 2px #000;}

.bannEnquiryBox{width:240px; height:auto; padding:10px 2% 7px 2%; margin:75px 0 0 0; background:rgba(0,0,0,0.6); position:absolute; z-index:101; top:0; right:2%; border-radius:10px;}
.bannEheading{width:100%; height:auto; padding:0; margin:0 0 15px 0; font-size:20px; color:#fff;font-family:'Century Gothic',Arial, Helvetica, sans-serif;}
.bannERow{width:100%; height:auto; padding:0; margin:0 0 12px 0; position:relative;}
.bannETBox{width:94%; height:auto; padding:5px 3%; margin:0; font-size:12px; font-weight:bold; border:none; color:#999; border-radius:3px;font-family:'Century Gothic',Arial, Helvetica, sans-serif; outline:none;}
.bannELBox{width:100%; height:auto; padding:5px 2%; margin:0; font-size:12px; font-weight:bold; border:none; color:#777; border-radius:3px;font-family:'Century Gothic',Arial, Helvetica, sans-serif; outline:none;}
.bannETABox{width:94%; height:auto; padding:5px 3%; margin:0; font-size:12px; font-weight:bold; border:none; color:#999; border-radius:3px;font-family:'Century Gothic',Arial, Helvetica, sans-serif; outline:none;}
.bannSubmit{width:100%; height:auto; padding:7px 0; margin:0; border:none; background:#ff642e; color:#fff; font-size:15px; border-radius:3px;font-family:'Century Gothic',Arial, Helvetica, sans-serif; outline:none;}
.bannSubmit:hover{ background:#ff3000; cursor:pointer;}

/*-----Service Text Panel---------*/
.iServPanel{width:92%; height:auto; margin:auto;padding:10px 4%;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.2); position:relative; z-index:1; }
.iHeadingText{width:100%; height:auto; font-size:17px; text-transform:uppercase; font-family:"Roboto",Arial, Helvetica, sans-serif; font-weight:bold; color:#f23f00; text-align:center; line-height:25px; text-shadow:1px 1px 1px #777;}

/*-----Index About HDS Panel---------*/
.aboutHdsPanel{width:100%; height:auto; padding:50px 0; position:relative; background:#fff/*url(file/images/bg1.png) repeat*/;}
.hdsHeadBox{width:85%; padding:0 0 15px 0; margin:0 auto 0px auto;font-size:20px; color:#000; text-align:center; font-weight:bold; outline:none; }
.readmoreContainer{width:90%; margin:20px auto auto auto;text-align:center; padding:55px 0px 20px 0px;  background:url(file/images/borderBg2.png) no-repeat center top; background-size:100%;}
.aboutHDS{width:88%; margin:auto; padding:20px 6% 0px 6%; text-align:center; color:#000; font-size:16px; font-weight:300;font-family:'Open Sans', Arial, Helvetice Neue, sans-serif; line-height:35px;}
a.readMore:link,a.readMore:active,a.readMore:visited{width:auto; padding:15px 35px; border-radius:4px; font-size:13px; text-align:center; color:#fff; background:#d5d5d5;-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-khtml-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;}
a.readMore:hover{color:#fff; background:#00519c;}

/*-----Index Service Box---------*/
.indexServContainer{width:100%; height:auto; padding:0; margin:auto;background:url(file/images/Bg11.jpg) repeat; background-size:100% auto;}

.isPanel{width:87%; height:auto; padding:65px 6% 65px 7%; text-align:center;}
.isContainer{width:100%; height:auto;padding:0;}
.isBox1{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(255,124,37,0.1); float:left; position:relative;}
/*.kmBox1:hover{ background:#003c58;-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-khtml-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;}*/
.isBox1B{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(255,124,37,1); float:left; position:relative;}

.isBox2{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(104,177,47,0.1); float:left; position:relative;}
.isBox2B{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(104,177,47,1); float:left; position:relative;}

.isBox3{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(45,127,221,0.1); float:left; position:relative;}
.isBox3B{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(45,127,221,1); float:left; position:relative;}

.isBox4{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(213,56,190,0.1); float:left; position:relative;}
.isBox4B{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0;  background:rgba(213,56,190,1); float:left; position:relative;}

.isBox5{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(104,177,47,0.1); float:left; position:relative;}
.isBox5B{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0;  background:rgba(104,177,47,1); float:left; position:relative;}

.isBox6{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(255,124,37,0.1); float:left; position:relative;}
.isBox6B{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0;  background:rgba(255,124,37,1); float:left; position:relative;}

.isBox7{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(213,56,190,0.1); float:left; position:relative;}
.isBox7B{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0;  background:rgba(213,56,190,1); float:left; position:relative;}

.isBox8{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0; background:rgba(45,127,221,0.1); float:left; position:relative;}
.isBox8B{width:96%; height:185px; padding:0px 2% 40px 2%; margin:0;  background:rgba(45,127,221,1); float:left; position:relative;}

.isIcon{width:40%; height:auto; padding:20px 30% 0px 30%; margin:0; text-align:center;}
.iconBgColor1{ background:#ff7c25;}
.iconBgColor2{ background:#77b645;}
.iconBgColor3{ background:#629fe5;}
.iconBgColor4{ background:#d966c8;}
.isHeading{ width:90%; padding:0;margin:auto; font-size:18px; font-weight:500; line-height:30px; color:#fff; text-align:center;}
.isHeading1{ margin:35px 0 0 0; font-size:20px; font-weight:500; color:#fff; text-align:center;}
.isTextBox{width:94%; height:auto; margin:25px 3% 5px 3%; text-align:center; font-size:15px; font-weight:400; color:#fff; line-height:24px; clear:both;}
.readMoreBox{width:100%; height:auto; margin:30px 0 0 0; text-align:center;}
.rMore1{width:auto; padding:7px 12px; border-radius:4px; font-size:13px; font-weight:300; background:#d3d3d3; color:#000; outline:none;-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-khtml-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;}
.rMore1:hover{background:#fff; color:#000;}

/*-- Our Process Box  --*/
.ourProcessBox{width:100%; height:auto; padding:50px 0;background:#fff/*url(file/images/bg1.png) repeat*/;}
.ourProcessHead{width:85%; padding:0 0 25px 0; margin:auto;font-size:20px; color:#000; text-align:center; font-weight:bold; outline:none; }
.ourProcessTextBox{width:82%; margin:auto; padding:10px 9% 20px 9%; text-align:center; color:#000; font-size:20px; font-weight:300;font-family:'Open Sans', Arial, Helvetice Neue, sans-serif; line-height:30px;}
.opContentBox{width:86%; height:auto; padding:10px 2%; margin:15px 5% 0 5%; line-height:25px;}
.opBox{width:14.5%; height:auto; margin:0 1%; float:left;}
.opImgBox{width:80%; height:auto; padding:0; margin:auto;}
.opNameBox{width:90%; height:auto; padding:0; margin:20px auto auto auto; font-size:16px; text-align:center; color:#000; font-weight:bold; text-transform:uppercase;}

/*-- Index Technology Box  --*/
.technologyBox{width:100%; height:auto; padding:60px 0 70px 0;background:url(file/images/techBann.png) no-repeat; background-size:100% 100%; font-size:15px; font-weight:bold; text-align:center; color:#fff;}
.technolotyImgBox{width:60%; height:auto; padding:0; margin:50px 20% 0 20%; text-align:center;}

/*-- Our Adds Box  --*/
.imgBox{width:100%; height:95%; padding:50px 0;background:url(file/images/Bg2.jpg) no-repeat; background-size:100% 100%;}

/*-- Why Here Us  --*/
.whu{width:100%; height:auto; padding:50px 0;background:#fff/*url(file/images/bg1.png) repeat*/;}
.whuHead{width:85%; padding:0 0 25px 0; margin:auto;font-size:20px; color:#000; text-align:center; font-weight:bold; outline:none;}
.whuContentBox{width:86%; height:auto; padding:10px 2%; margin:20px 5% 0 5%; line-height:25px;}
.whuBox{width:18%; height:auto; margin:0 1%; float:left;}
.whuImgBox{width:65%; height:auto; padding:0; margin:auto;}
.whuNameBox{width:90%; height:auto; padding:0; margin:20px auto auto auto; font-size:16px; text-align:center; color:#000; font-weight:bold;}

/*-- Our Clients Box  --*/
.ourClientBox{width:100%; height:auto; padding:50px 0;background:#fff/*url(file/images/bg1.png) repeat*/;}
.ourClientHead{width:85%; padding:0 0 25px 0; margin:auto;font-size:20px; color:#000; text-align:center; font-weight:bold; outline:none;}
.clientBox{width:95%; height:auto; padding:10px 0; margin:10px auto 0px auto;}
.client{width:13.7%; height:auto; padding:20px 1%; margin:5px 0.4%; background:#fff;border:solid 1px #dcdcdc; float:left; line-height:25px;}
.clientSlideBox{width:100%; height:auto; padding:0; margin:40px 0 40px 0;}
.clientsViewAllBtnBox{width:100%; height:auto; padding:20px 0 20px 0; text-align:center;}

/*-- Contact Panel Css --*/
.contactPanel{width:80%; height:auto; padding:50px 10% 75px 10%; text-align:center;background:url(file/images/Bg2.jpg) no-repeat; background-size:100% 100%;}

.btn1{width:auto; padding:20px 20px; margin:0 5px; font-size:15px; font-weight:bold; border:none; border-radius:5px; border:solid 1px #fff; color:#fff; outline:none; cursor:pointer;}
.btn1:hover{background:rgba(256,256,256,0.1); color:#fff;}

/*-- Footer --*/
.footerPanel{width:100%; height:auto; padding:0; background:#ededed; color:#697585; text-align:center; border-top:solid 5px #ff4200;}
.footerSocialMediaIcon{width:100%; padding:0;}

.footerNavSection{width:94%; height:auto; padding:35px 3% 20px 3%; background:#ededed; color:#fff; font-size:12px; line-height:20px;
/*border-top:solid 1px #464646;*/}
.footerContentBox{width:100%; height:auto; margin:auto;}

.footerCol1{width:15%; padding:0 0 0 1%; 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: 1px 0px; list-style: none; } 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited { margin: 0; padding:2px 0px 2px 20px; text-decoration: none; color:#000;display:block; font-size:13px;text-align:left; background:url(file/images/leftNavArrow1.png) no-repeat left;font-weight:400; line-height:28px;} 
div#fNav1 ul  a:hover {color:#00519c;}

.footerCol2{width:20%; height:auto; margin:0 0 0 3%; float:left;}
div#fNav2 ul { margin:25px 0 10px 0; padding: 0; list-style: none; } 
div#fNav2 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav2 ul span { margin: 0; padding:2px 0px 2px 20px; text-decoration: none; color:#000;display:block; font-size:13px;text-align:left; background:url(file/images/leftNavArrow1.png) no-repeat left;font-weight:400; line-height:28px;} 

.footerCol3{width:19%; height:auto; margin:0 5% 0 0; float:left;}
.mkIndia{width:90%; height:auto; padding:20px 5%; margin:35px 0 0 0; border:dashed 2px #cacaca; text-align:center;}

.footerCol4{width:30%; height:auto; margin:0 2% 0 2%; float:left;}
.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fContactDetailsBox{width:100%; padding:15px 0; font-size:13px; color:#000; font-weight:400; text-align:left;}
.fLocation{width:90%; height:auto; padding-left:35px; background:url(file/images/fLocationIcon.png) no-repeat left 5px;}
.fContact{width:75%; height:auto; padding:0px 0px 0px 35px; margin:12px 0; background:url(file/images/fContactIcon.png) no-repeat left 3px;}
.fWhatsApp{width:75%; height:auto; padding:0px 0px 0px 35px; margin:12px 0; background:url(file/images/whatsAppIcon.png) no-repeat left 3px;}
.fEmail{width:75%; height:auto; padding:3px 0px 0px 35px; margin:12px 0; background:url(file/images/fMailIcon.png) no-repeat left 5px;}
.fWebsite{width:75%; height:auto; padding:3px 0px 0px 35px; margin:12px 0; background:url(file/images/websiteIcon.png) no-repeat left 3px;}

.footerHeading{width:100%; margin:0 0 15px 0; font-size:16px; font-weight:bold; color:#000; text-transform:uppercase; text-align:left;}

.cRightBox{width:94%; height:auto; padding:17px 3%; background:#efefef; font-size:12px; font-weight:400; color:#000; text-align:left;border-top:solid 1px #fff;}
.copyright{width:100%; height:auto; text-align:center;}

/*== Inner Page ==*/
.pageHeadContainer{width:95%; height:auto; padding:50px 2.5% 45px 2.5%; margin:100px auto auto auto; background:#ff4200 url(file/images/innBann.jpg) no-repeat center 50px fixed; background-size:100% 60%;}
.pageNavBox{width:100%; height:auto; padding:0px 0 7px 0; font-size:14px; color:#f23f00; text-align:center;}
a.pageNav:link,a.pageNav:active,a.pageNav:visited{font-size:14px; color:#fff;}
a.pageNav:hover{color:#f23f00;}

.innWrap{width:94%; height:auto; padding:40px 3% 30px 3%; margin:auto; font-size:15px; color:#555; line-height:30px; text-align:justify;}
.innsideimg{width:30%; height:auto; padding:0; margin:10px 0 30px 5%; float:right;}

/*-- 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:40%; height:auto; float:right;}
.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:40%; height:auto; margin:0 5% 0 5%; float:left; font-weight:400;line-height:32px;}
.cName{width:100%; padding:18px 0px 25px 0px; text-align:left; font-size:25px; color:#555; font-weight:bold; line-height:40px;}
.cHeading{width:100%; padding:0px 0px 5px 0px; text-align:left; font-size:15px; font-weight:bold; color:#757575; text-transform:uppercase;}

.addressHeading{width:100%; height:auto; padding:0; margin:0; font-size:13px; color:#008798; font-weight:bold; border-bottom:dashed 1px #f2f2f2; text-transform:uppercase;}
.addressBox{width:100%; height:auto; padding:7px 0 0 0; border-bottom:dashed 1px #f2f2f2;}
.contactIconBox{width:auto; height:auto; padding:9px 0 0 0; float:left;}
.contactTextBox{width:92%; height:auto; padding:0; float:right;}

.thanksImg{width:15%; padding:100px 0px; height:auto; margin:auto;}

.textBox1{width:96%; padding:14px 2%; border:solid 1px #cecece; border-radius:3px; color:#585858; outline:none; background:none;}
.textArea1{width:96%; padding:14px 2%; height:75px; border:solid 1px #cecece; border-radius:3px; color:#585858; outline:none; background:none;}
.btn{width:auto; height:auto; padding:12px 35px; background:#d5d5d5; border:solid 0px #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:#00519c; 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;}

a.readMore:link,a.readMore:active,a.readMore:visited{width:auto; padding:15px 35px; border-radius:4px; font-size:13px; text-align:center; color:#fff; background:#d5d5d5;-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-khtml-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;}
a.readMore:hover{color:#fff; background:#00519c;}

/*-- Service Link --*/
.servicelinkbox{width:100%; height:auto; padding:0; margin:50px 0 30px 0;}
.sLinkBox{width:30.3%; height:auto; padding:10px 1%; margin:6px 1% 6px auto; float:left; font-size:14px; font-weight:bold;
 color:#fff; text-transform:uppercase; text-align:center;}
.color1{background:#01478d;}
.color1:hover{background:#01478d;box-shadow:4px 4px 0px #333;}
.color2{ background:#9ac0e5;}
.color2:hover{background:#004a92;box-shadow:4px 4px 0px #333;}
.color3{ background:#ffac91;}
.color3:hover{background:#d63400;box-shadow:4px 4px 0px #333;}
.color4{ background:#c3e98a;}
.color4:hover{background:#599300;box-shadow:4px 4px 0px #333;}
.color5{ background:#ffa4c6;}
.color5:hover{background:#c8004b;box-shadow:4px 4px 0px #333;}
.color6{ background:#98e1eb;}
.color6:hover{background:#005f6b;box-shadow:4px 4px 0px #333;}


@media (min-width: 769px) and (max-width: 1024px){
.bannEnquiryBox{width:240px; height:auto; padding:10px 2% 2px 2%; margin:60px 0 0 0; background:rgba(0,0,0,0.6); position:absolute; z-index:101; top:0; right:2%; border-radius:10px;}

.client{width:13.6%; height:auto; padding:20px 1%; margin:5px 0.4%; background:#fff;border:solid 1px #dcdcdc; float:left; line-height:25px;}
}
@media (min-width: 481px) and (max-width: 769px){
h1{ font-size:25px; color:#fff; text-align:center; font-weight:900; outline:none; }
.email{display:none;}
header {width: 100%;height: auto;position:relative;}
header .header{width:100%; height:auto; padding:0px; margin:auto; position:relative; z-index:inherit; 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:100%;float:none; 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;}
header .logoBox{width:auto;height: auto; margin:4px 0 5px 2%;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; }
.menuBox{width:auto; height:auto; margin:0; padding:0; color:#FFF; font-size:15px; font-weight:400; text-align:left;}
header.smaller .rightBox{width:100%;float:none; 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;}
header.smaller .logoBox{width:auto;height: auto; margin:4px 0 5px 2%;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; }

.banner{width:100%; height:auto; margin:0; position:relative;}
.bannerBlackBox{width:100%; height:90%; padding:5% 0 0 0; margin:0;  /*background:url(../images/bannerDottes.png) repeat;*/ color:#fff; position:absolute;  top:0; }
.bannerText{width:50%; height:auto; margin:0 0 0 5%; font-size:12px; color:#fff; font-weight:bold; line-height:22px; text-align:left;text-shadow:2px 2px 2px #000;}
.bannEnquiryBox{width:240px; height:auto; padding:10px 2% 2px 2%; margin:10px 0 0 0; background:rgba(0,0,0,0.6); position:absolute; z-index:101; top:0; right:2%; border-radius:10px;}

/*-- Index About HDS Panel --*/
.aboutHDS{width:88%; margin:auto; padding:10px 6% 0px 6%; text-align:center; color:#000; font-size:16px; font-weight:300;font-family:'Open Sans', Arial, Helvetice Neue, sans-serif; line-height:35px;}

.indexServContainer{width:100%; height:auto; padding:0; margin:auto;background:#000;}
.isContainer{width:99.5%; height:auto;padding:0;}

/*-- Our Process Box  --*/
.ourProcessBox{width:100%; height:auto; padding:50px 0 0px 0;background:#fff/*url(../images/bg1.png) repeat*/;}
.opBox{width:80%; height:auto; margin:0 10% 30px 10%; float:left;}
.opImgBox{width:25%; height:auto; padding:0; margin:auto;}
.opNameBox{width:90%; height:auto; padding:0; margin:20px auto auto auto; font-size:20px; text-align:center; color:#000; font-weight:bold; text-transform:uppercase;}

/*-- Index Technology Box  --*/
.technologyBox{width:100%; height:auto; padding:50px 0 50px 0;/* background:url(images/techBann.png) no-repeat; background-size:100% 100%;*/ font-size:13px; font-weight:bold; text-align:center; color:#fff;}
.technolotyImgBox{width:70%; height:auto; padding:0; margin:50px auto 0 auto; text-align:center;}

/*-- Why Here Us  --*/
.whuBox{width:80%; height:auto; margin:0 10% 35px 10%; float:none;}
.whuImgBox{width:25%; height:auto; padding:0; margin:auto;}
.whuNameBox{width:90%; height:auto; padding:0; margin:20px auto auto auto; font-size:20px; text-align:center; color:#000; font-weight:bold;}

/*-- Our Clients Box  --*/
.ourClientBox{width:100%; height:auto; padding:55px 0 55px 0;background:#fff/*url(../images/bg1.png) repeat*/;}
.ourClientHead{width:85%; padding:0 0 25px 0; margin:auto;font-size:20px; color:#000; text-align:center; font-weight:bold; outline:none;}
.clientBox{width:95%; height:auto; padding:10px 0; margin:30px auto 0px auto;}
.client{width:20%; height:auto; padding:20px 1.75%; margin:10px 0.5%; background:#fff;border:solid 1px #dcdcdc; float:left; line-height:25px;}

/*-- Contact Panel Css --*/
.contactPanel{width:80%; height:auto; padding:60px 10% 50px 10%; text-align:center;/* background:url(images/Bg2.jpg) no-repeat center bottom fixed; background-size:100% 100%;*/}

.btn1{width:auto; padding:20px 20px; margin:10px 5px; display:block; font-size:15px; font-weight:bold; border:none; border-radius:5px; border:solid 1px #fff; color:#fff; outline:none; cursor:pointer;}

.footerCol1{width:50%; padding:0; float:left;}
.footerCol2{width:50%; height:auto; margin:0; float:left;}
.footerCol3{width:40%; height:auto; margin:0 10% 0 0; float:left;}
.footerCol4{width:50%; height:auto; margin:0; float:left;}
}
@media (min-width: 320px) and (max-width: 480px){
h1{ font-size:25px; color:#fff; text-align:center; font-weight:900; outline:none; }
.trContactDetails{width:65%; height:auto; padding:0; margin:0; float:left; color:#000; font-weight:400; font-size:12px;}
.trContactBox{ width:auto; height:auto; padding:0; margin:3px 0px 0 0; float:left;}
.trsmnav{width:20px; height:auto; padding:7px 5px 2px 5px; margin:0; display:block; float:left; border-left:solid 1px #e1e1e1; text-align:center; color:#000;}
.today{display:none;}
.email{display:none;}
header {width: 100%;height: auto;position:relative;}
header .header{width:100%; height:auto; padding:0px; margin:auto; position:relative; z-index:inherit; 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:100%;float:none; 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;}
header .logoBox{width:auto;height: auto; margin:4px 0 5px 2%;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 .rightBox{width:100%;float:none; 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;}
header.smaller .logoBox{width:auto;height: auto; margin:4px 0 5px 2%;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; }

.menuBox{width:auto; height:auto; margin:0; padding:0; color:#FFF; font-size:15px; font-weight:400; text-align:left;}

.banner{width:100%; height:auto; padding:0 0 10px 0; margin:0; position:relative; background:#bbdaf6;}
.bannerBlackBox{width:100%; height:92%; padding:3% 0 0 0; margin:0;  background:none; color:#fff; position:absolute;  top:0; }
.bannerText{width:80%; height:auto; margin:0 0 0 5%; font-size:11px; color:#fff; font-weight:bold; line-height:16px; text-align:left;text-shadow:2px 2px 2px #000;}

.bannEnquiryBox{width:250px; height:auto; padding:10px 20px 2px 20px; margin:35px auto 25px auto; background:#0064c1; position:relative; z-index:101; top:0; right:0; border-radius:10px;}
.bannEheading{width:100%; height:auto; padding:0; margin:0 0 15px 0; font-size:20px; color:#fff;font-family:'Century Gothic',Arial, Helvetica, sans-serif;}

/*-- Index About HDS Panel --*/
.aboutHDS{width:88%; margin:auto; padding:10px 6% 0px 6%; text-align:center; color:#000; font-size:14px; font-weight:300;font-family:'Open Sans', Arial, Helvetice Neue, sans-serif; line-height:28px;}

.indexServContainer{width:100%; height:auto; padding:0; margin:auto;background:#000;}
.isContainer{width:99.5%; height:auto;padding:0;}
.isIcon{width:35%; height:auto; padding:20px 32.5% 0px 32.5%; margin:0; text-align:center;}

/*-- Our Process Box  --*/
.ourProcessBox{width:100%; height:auto; padding:50px 0 0px 0;background:#fff/*url(../images/bg1.png) repeat*/;}
.opBox{width:80%; height:auto; margin:0 10% 30px 10%; float:left;}
.opImgBox{width:60%; height:auto; padding:0; margin:auto;}
.opNameBox{width:90%; height:auto; padding:0; margin:15px auto auto auto; font-size:20px; text-align:center; color:#000; font-weight:bold; text-transform:uppercase;}

/*-- Index Technology Box  --*/
.technologyBox{width:96%; height:auto; padding:50px 2%;/* background:url(images/techBann.png) no-repeat; background-size:100% 100%;*/ font-size:13px; font-weight:bold; text-align:center; color:#fff;}
.technolotyImgBox{width:90%; height:auto; padding:0; margin:50px auto 0 auto; text-align:center;}

/*-- Why Here Us  --*/
.whuBox{width:80%; height:auto; margin:0px 10%; float:none;}
.whuImgBox{width:60%; height:auto; padding:0; margin:auto;}
.whuNameBox{width:90%; height:auto; padding:0; margin:5px auto 15px auto; font-size:15px; text-align:center; color:#000; font-weight:bold;}

/*-- Our Clients Box  --*/
.ourClientBox{width:100%; height:auto; padding:55px 0 55px 0;background:#fff/*url(../images/bg1.png) repeat*/;}
.ourClientHead{width:85%; padding:0 0 0px 0; margin:auto;font-size:20px; color:#000; text-align:center; font-weight:bold; outline:none;}
.clientBox{width:95%; height:auto; padding:10px 0; margin:30px auto 0px auto;}
.client{width:80%; height:auto; padding:10px 5%; margin:5px 5%; background:#fff;border:solid 1px #dcdcdc; float:left; line-height:25px;}

/*-- Contact Panel Css --*/
.contactPanel{width:80%; height:auto; padding:60px 10% 50px 10%; text-align:center;/* background:url(images/Bg2.jpg) no-repeat center bottom fixed; background-size:100% 100%;*/}

.btn1{width:auto; padding:20px 20px; margin:10px 5px; display:block; font-size:15px; font-weight:bold; border:none; border-radius:5px; border:solid 1px #fff; color:#fff; outline:none; cursor:pointer;}

.footerCol1{width:100%; padding:0; float:left;}
.footerCol2{width:100%; height:auto; margin:0; float:left;}
.footerCol3{width:95%; height:auto; margin:0; float:left; display:none;}
.footerCol4{width:100%; height:auto; margin:25px 0 0 0; float:left;}
}