@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,100italic,300italic,400italic,700italic);
@charset "utf-8";
/* CSS Document */
*{ outline:none; margin:0px; padding:0px; border:none; text-decoration:none}
.clear{ clear:both}
audio,
::selection {
  background: #00baff;
  color: white;}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.img-full{display: block;
  height: auto;
  width: 100%;}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
canvas,
video {
  display: inline-block;}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}
@media (max-width:320px) {
.popbox{ width:200px !important; height:auto;}
main{ width:100%; height:auto}
.main-container{ width:96%; height:auto; margin:0 auto;}
header{ width:100%; height:auto; }
.logo-container{ width:100%; height:auto;padding-top: 1%; text-align:center }
.logo-container h1{font-family: 'Open Sans', sans-serif; font-size:.9em; color:#b7c25c; font-weight:normal; }
.hdr-rgt{ width:100%; height:auto; float:right; }
.callus{ width:100%; height:auto; float:right;border-bottom:1px solid #e5e5e5; padding: 1% 0% 1% 0%;}
.socialicons{ width:20%; height:auto; float:right; border-left:1px solid #e5e5e5; padding: 1% 0% 1% 0%; display:none }
.social{ width:auto; height:auto; float:right; padding: 0% 8% 0% 0%;}
.mail{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#b2b2b2;  background:url(../images/email.png) no-repeat 38px 55%; padding:1% 1% 1% 3%; text-align:center}
.mail a{ font-family:Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none}
.mail a:hover{ font-family:Arial, Helvetica, sans-serif; color:#b7c25c; text-decoration:underline}
.phone{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#b2b2b2; background:url(../images/callus.png) no-repeat 45px 55%; padding: 1% 1% 1% 3%;border-right: 1px solid #eee; text-align:center}
.menu-wrapper{ width:100%; height:auto; clear:both; float:right;}
.menu-container{ width:100%; height:auto; margin-top:1%; display:none}
.mobilemenu{ display: block;}
.bnr-wrapper{ width:100%; height:425px; clear:both;  }
.bnr-wrapper img{ width:100%; height:auto;display:block}
.bnr-container{ width:100%; height:auto; clear:both; position:relative}

/*---------------------------*/
.welcome-wrapper1{ width:100%; height:auto;padding:0%; margin:0% 0% 0% 0%;  }
.wlcmcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.8em; color:#b7c25c; font-weight:bold; text-align:left; line-height:160%;padding-bottom: 0%;}
.wlcmcontainer h2 span{font-family: 'Open Sans', sans-serif; color:#666; font-weight:bold;}

.wlcmcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal }
.wlcmcontainer{ width:70%; height:auto; border-right:1px solid #fff; background:#fff; padding:1% 2% 0% 0%;float:left;}


/*---------------------------*/

.welcome-wrapper{ width:90%; height:auto;padding:0%; margin:0% 0% 0% 0%; position:absolute; bottom:-38%; left:5%}
.welcome-wrapper h2{font-family: 'Open Sans', sans-serif; font-size:1.7em; color:#fff; font-weight:bold; text-align:center; line-height:160%;}
.welcome-wrapper p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }
.wlcom{ width:32.5%; min-height:186px; float:left; background:#b7c25c; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #ccd866; background:url(../images/ntdesign.png) no-repeat 0% 0%; }
.wlcom p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow{ width:12%; height:auto; float:right;background:#a0ab46;padding:2% 2% 2% 2%}
.wlcomarow:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom1{ width:32.5%; min-height:186px; float:left; background:#aebc3e; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom1 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #c2dd51; background:url(../images/storageicon.png) no-repeat 0% 0%; }
.wlcom1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow1{ width:12%; height:auto; float:right;background:#9ba831;padding:2% 2% 2% 2%}
.wlcomarow1:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow1 img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom2{ width:32.5%; min-height:186px; float:right; background:#97b038; margin:0% 0% 0% 0%; padding:1.5%;}
.wlcom2 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #bad64e; background:url(../images/vpns.png) no-repeat 0% 0%; }
.wlcom2 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow2{ width:12%; height:auto; float:right;background:#859e28;padding:2% 2% 2% 2%}
.wlcomarow2:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow2 img{ max-width:100%; width:auto; height:auto; display:block;}
/*---------------------------*/

.index-servicecontainer1{ width:100%; height:auto;     padding-top: 2%;}
.index-servicecontainer1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer1 h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}


/*---------------------------*/
.ongoingpagebox{ width:100%; height:auto;border-bottom:1px solid #e0e0e0;padding:2% 0% 1% 0%; margin:1% 0% 1% 0%}
.ongoingpagetxt{ width:100%; height:auto;}
.ongoingpagedat{ width:9%; height:auto; float:left; background:#43b5ff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#fff; font-weight:bold; text-align:center;padding:.5% 0% .5% 0%;}
.ongoingpagetxt h6{  width:90%; height:auto;float:right;font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#777; font-weight:bold; text-align:justify; padding:1% 0% 0% 0%}
.ongoingpagetxt h6 a{ font-family:Arial, Helvetica, sans-serif;color:#777; font-weight:bold; text-decoration:none;}
.ongoingpagetxt h6 a:hover{ font-family:Arial, Helvetica, sans-serif;color:#b7c25c; font-weight:bold; text-decoration:underline;}
.ongoingpagetxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal; clear:both;    padding-top: 1%; }

.index-servicecontainer{ width:100%; height:auto;     padding-top: 16%;}
.index-servicecontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}
.viewmore{ width:10%; height:auto; float:left;font-family: 'Open Sans', sans-serif;font-size:.9em; color:#b7c25c; line-height:160%; font-weight:bold;padding:2% 0% 2% 0%;  }
.viewmore a{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#b7c25c; }
.viewmore a:hover{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#666;  }
.indexscroll{ width:100%; height:auto; clear:both; padding-bottom:2%;}

.bottom_container{ width:100%; height:auto; background:#b7c25c; border-bottom:2px solid #fff;}
.bottom_ph{ width:100%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%; }
.bottom_ph a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; text-decoration:none; background-size:25px}
.bottom_ph a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; background-size:25px;text-decoration:underline;}
.bottom_mail{width:100%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%;}
.bottom_mail a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;background:url(../images/b_mail.png) no-repeat 0% center; text-decoration:none; background-size:25px}
.bottom_mail a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_mail.png) no-repeat 0% center;  background-size:25px; text-decoration:underline;}

.bottom_web{width:100%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%;}
.bottom_web a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png)no-repeat 0% center; text-decoration:none; background-size:25px;}
.bottom_web a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png) no-repeat 0% center; background-size:25px; text-decoration:underline;}
footer{ width:100%; height:auto; background:#313030;}
.ftr-container{ width:90%; height:auto; margin:0 auto; padding:1% 0% 0% 0%}
.quicklinks{ width:100%; height:auto; float:left;}

.quicklinks ul{ width:50%; height:auto; float:left; margin:0; padding:0;}
.quicklinks li{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#8c8c8c; line-height:160%;font-weight:normal; list-style-type:none; list-style-image: url(../images/quickarow.png); list-style-position:inside; padding:0% 0% 8% 0% }
.quicklinks li a{font-family: Arial, Helvetica, sans-serif; color:#8c8c8c;font-weight:normal; text-decoration:none; }
.quicklinks li a:hover{font-family: Arial, Helvetica, sans-serif; color:#b7c25c;font-weight:normal; text-decoration:none; }
.ftr-container h6{font-family: Arial, Helvetica, sans-serif; font-size:.95em; color:#d6d6d6; line-height:160%; font-weight:bold; padding-top:2%; text-transform:uppercase;padding-bottom:3%; }
.bus_enquiry{ width:100%; height:auto; float:left; padding:0% 8% 0% 2%;}
.bus_enquirybox{ width:100%; height:auto; float:left; margin:0% 1% 2% 0% }
.bus_enquirytxtbox{ width:100%; height:25px; background:#616161; padding:1%;font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#c1c0c0; padding-left:5px  }
.bus_enquirybox1{ width:100%; height:auto; float:left; margin:0% 2% 0% 0% }
.sendbtn{ width:25%; height:auto; float:left; margin-top:2%; margin-bottom:5%}
.follows{ width:100%; height:auto; float:right;filter: grayscale(0%);-webkit-filter: grayscale(0%); padding-bottom:2%}
.fol{ width: auto; height:auto; float:left; margin:0% 5.6% 0% 0%; filter: grayscale(100%);-webkit-filter: grayscale(100%)}
.fol:hover{  filter: grayscale(0%);-webkit-filter: grayscale(0%)}
.ftr_wrap{ width:100%; height:auto; background:#000000; padding-bottom:2%}
.ftr-img{ width:90px; height:auto;padding:1% 0% 1% 0%; margin:0 auto}
.copyright{ width:100%;  height:auto;font-family:Arial, Helvetica, sans-serif; color:#818689; font-size:.7em;line-height:4em; padding:0% 0% 0% 5%; text-align:center }
.my-slider {
	height:112px;
	/*margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: auto;
	overflow: hidden;
}


.my-slider li {
	float: left; margin-left:1%; border:1px solid #ebebeb; list-style-type:none;margin-bottom:10px;
}

.inrbnr{ width:100%; height:90px; clear:both; position:relative;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; /*background: url(../images/it-bnr.jpg); background-size:cover*/}

.inrbnr img{ width:100%; height:auto; display:block;}
.inrbnrtxt{ width:40%; height:auto; position:absolute; left: 6%;bottom: 22%;}
.inrbnrtxt h5{font-family: 'Open Sans', sans-serif;font-size:2.18em; color:#fff; font-weight:bold; line-height:110%; text-align:left; display:none}
.inrbnrtxt p{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; font-weight:normal; line-height:150%; text-align:justify; display:none}
.inr-contentcontainer{ width:100%; height:auto; padding:2% 0% 2% 0%; }
.abt-lft{ width:25%; height:auto; float:left}
.abt-lft img{ width:100%; height:auto; display:block;}
.abt-rgt{ width:100%; height:auto; float:right; padding:0% 0% 0% 0%}
.breadcrumps{ width:auto; height:auto;  right:5%; bottom:4%; background: #b7c25c;padding: .5%;margin-right: 1%;}
.breadtxt{ width:auto; height:auto; float:right;font-family: 'Open Sans', sans-serif; font-size:.85em; color:#fff; font-weight:bold; padding:0em .3em 0em .3em; text-transform:uppercase;}
.breadtxt a{ font-family: 'Open Sans', sans-serif;  color:#fff; font-weight:normal; text-decoration:none;text-transform:uppercase;}
.breadtxt a:hover{ font-family: 'Open Sans', sans-serif;color:#fff; font-weight:normal;text-decoration:underline;text-transform:uppercase;}
.breadimg{ width:auto; height:auto; float:right;padding:0.2em .3em 0em .3em}
.abtcontainer{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; padding-bottom:1.5%; margin-bottom:2%; }
.abt-rgt h3{font-family: 'Open Sans', sans-serif;font-size:1.4em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:0%}
.abt-rgt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-col{ width:100%; height:auto; float:left; }
.abt-colimg{ width:75px; height:auto;    padding-bottom: 4%; float:left; }
.abt-colimg img{ max-width:100%; height:auto; display:block; float:left }
.abt-colimg img:hover{ max-width:100%; height:auto; display:block; float:left;  opacity: 0.4; filter: alpha(opacity=40); cursor: pointer }

.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}



.abt-coltxt{ width:100%; height:auto;padding:1% 0% 1% 0%  ; }
.abt-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center;}
.abt-coltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-coltxt1{ width:100%; height:auto;padding:0% 0% 0% 0% }
.abt-coltxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}

.serv-col{  width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding: 1%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{ width:100%; height:auto;padding:0% 6% 0% 6%  ;}

.free_cons{ min-width:200px; width:auto;float: right; background:#b7c25c}
.free_cons ul{ margin:0; padding:0;}
.free_cons ul li{ width:auto;  text-align:center; list-style:none;color: rgb(255, 255, 255);
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 50px;
    padding: 0 2%;
    text-align: center;
    width: 100%;}
.free_cons ul li a{ float:left; padding:0% 2%; width:100%; line-height:50px;text-align:center; font-family: 'Open Sans', sans-serif;font-size:0.9em; color:#FFF; font-weight:bold; }
.free_cons ul li a:hover{ background:#999; display: block; float:left; }

.service-lft{ width:100%; height:auto; float:left; margin-bottom:2% }
.service-container{ width:100%; height:auto;  padding:0% 0% 1% 0%; margin:0% 0% 1% 0%}
.service-txt{ width:100%; height:auto; float:left;}
.service-img{ width:20%; height:auto; float:left; display:none}
.service-img img{ max-width:100%; height:auto; display:block; float:right;}
.service-rgt{ width:100%; height:auto; float:right; }
.inr-contentcontainer h2{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.inr-contentcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.service-list{ width:100%; height:auto; float:left; padding-top:1%; padding-bottom:1%; margin-bottom:2%;}
.service-list h5{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.service-list ul{ margin:0; padding:0 }
.service-list li{font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; list-style-type:none; list-style-image:url(../images/liicon.png); list-style-position:outside; padding:1% 0% 1% 0%;    margin-left: 4%; }
.service-list h6{font-family: 'Open Sans', sans-serif;font-size:1em; color:#b7c25c; line-height:160%; font-weight:bold;  }
.sub-features{ width:100%; height:auto; }
.sub-features h5{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; line-height:160%; font-weight:bold;  border-left:5px solid #a8b351; background:#b7c25c url(../images/subf.png) no-repeat 95% 50%; padding:1% 0% 1% 3%; }
.subcol{ width:100%; height:auto; padding:3% 0% 3% 0%;}
.subcol ul{ margin:0; padding:0;}
.subcol li{ font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; 
padding: 1.5% 0% 1.5% 0%; list-style-type:none; list-style-image: url(../images/telecom.png); border-bottom:1px solid #e0e0e0; margin-left:5%;}

.servicecol{ width:48%; height:auto; float:left; border-bottom:1px solid #e0e0e0; margin-bottom:3%; padding-bottom:1%}
.servicecol1{ width:48%; height:auto; float:right; border-bottom:1px solid #e0e0e0;margin-bottom:3%;padding-bottom:1%}
.servicecolimg{ width:28%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg2{ width:33%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg3{ width:43%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}

.servicecoltxt{ width:71%; height:auto; float:right;}
.servicecoltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%;}
.imglft{ padding:.5%; margin-right:2%; margin-top:1%;border:1px solid #e0e0e0}
.partners-col{ width:98%; height:auto; float:left; margin:2% 0% 0% 0% !important; border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:2px solid #ebebeb; margin:0 auto}
.partners-col img{ max-width:100%; height:auto; margin:0 auto; display:block;}

.contact-col{ width:100%; height:auto; float:left; padding:5% 2% 5% 2%}
.contact-col1{ width:100%; height:auto; float:right; min-height:150px;padding:3% 1.5% 0% 1.5%}
.contactimg{ width:25%; height:auto; float:left; }
.contacttxt{ width:68%; height:auto; float:right; }
.contacttxt p{font-family: Arial, Helvetica, sans-serif; font-size:.9em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%; }
.locationmap{ width:100%; height:auto; clear:both; padding:2% 0% 0% 0% }
.locationmap img{ width:100%; height:auto; display:block;}

.enquirybg{ width:100%; height:auto; margin:0 auto;/*background:url(../images/enqbg.jpg) no-repeat 48% 40%;   */ padding-top: 2%;}
.enquiry-lft{ width:100%; height:auto; float:left; }
.enquiry-rgt{ width:100%; height:auto; float:right;}
.enquiry-form{ width: 100%;height:auto;padding-top:4%;clear: both;}
.enquiry-form h5{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:left;  font-weight:normal; float:left; width:30%; }
.sep{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2%   }
.enquiry-box{ width:62%; height:auto; float:left; } 
.enqtxtbox{ width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff; float:left } 
.enquiry-form select{  width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff;  } 
.star{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#f00;float:left;padding-left:0.5%; width:2%}
.enqtxtbox1{ width:97%; height:80px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; line-height:18px;
padding:1%;background:#fff;    margin-right: 3%; } 
.captcha{ width:62%; height:auto; margin-left:35%; }
.enq-submit{ width:19%; height:auto; float:right; margin-right: 5%;}

.indextab{ width:23.85%; height:auto; float:left; margin-right:1.5%; margin-bottom:2%; }
.indextabimg{ width:100%; height:auto}
.indextabimg img{ width:100%; height:auto; display:block;}
.indextabtxt{ width:100%; height:auto;color:#777;font-size:1em; font-family: 'Open Sans', sans-serif;  font-weight:bold; text-align:left;padding:2% 0% 1% 0%   }
.indextabtxt a{ color:#777;font-family: 'Open Sans', sans-serif; text-decoration:none;  }
.indextabtxt a:hover{ color:#b7c25c;font-family: 'Open Sans', sans-serif; text-decoration:underline;  }
.indextab1{ width:23.85%; height:auto; float:right; margin-right:0%; }
.bottom_container1{ width:100%; height:auto; background:#d2d1d1; border-bottom:1px solid #fff;}



.ongoingcontainer{ width:30%; height:auto; background:#43B5FF;float:right;padding:0% 0% 1% 0%; margin-top:2%}
.ongoingcontainer_hd{ background:#239EEF; width:100%; height:auto;border-bottom:1px solid #74c6fc;}
.ongoingcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.4em; color:#fff; font-weight:normal; text-align:left; line-height:160%; background:  url(../images/ongoingicon.png) no-repeat 2% 49%;padding:1% 0% 1% 13%; margin-bottom:1%; width:90%; float:left}
.ongoingbox{ width:100%; height:auto; border-bottom:1px dashed #74c6fc; padding:2% 5% 3% 5%; margin:1% 0% 3% 0%}
.dat{ width:14%; height:auto; float:left; background:#fff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#43B5FF; font-weight:bold; text-align:center;padding:1% 0% 1% 0%;}
.ongoingtxt{ width:82%; height:auto; float:right;}
.ongoingtxt h6{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; text-align:justify; padding-bottom:.3%}
.ongoingtxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }

.ongoing-viewmore{ width:10%; height:auto; float: right; background:#239EEF;font-family: 'Open Sans', sans-serif;font-weight:normal; text-align:center; color:#43B5FF; font-size:.85em; margin:0% 0% 0% 0%;padding:4.5% 1% 1% 1% ;}
.ongoing-viewmore a{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:none;}
.ongoing-viewmore a:hover{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:underline;}
.consultation-free{ width:100%; height:24px; line-height:24px; color: rgb(183, 194, 92) !important;font-family: "Open Sans",sans-serif ;font-size: 1em !important;font-weight: bold;}
.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; float:left; margin-right:2px; margin-bottom:10px; margin-top:5px}
a.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; }
a:hover .free-sub{ width:auto; height:auto; padding:0px 5px; background-color:rgb(183, 194, 92) none repeat scroll 0 0; height:24px; line-height:24px; }
.tab-vert .tab-legend {
  width: 100%;
  float: left; }
  
  .tab-vert .tab-content {
  width: 100%;
  display: block;
  float: left;    padding-left: 2%; }
  
     .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      border-radius:5px;
      box-shadow:0px 0px 15px #999;
      position:absolute; width:300px !important;
	  
    }
  }
 



@media (min-width:321px) and (max-width:480px){
	
	main{ width:100%; height:auto}
.main-container{ width:96%; height:auto; margin:0 auto;}
header{ width:100%; height:auto; }
.logo-container{ width:100%; height:auto;padding-top: 1%; text-align:center }
.logo-container h1{font-family: 'Open Sans', sans-serif; font-size:.9em; color:#b7c25c; font-weight:normal; }
.hdr-rgt{ width:100%; height:auto; float:right; }
.callus{ width:100%; height:auto; float:right;border-bottom:1px solid #e5e5e5; padding: 1% 0% 1% 0%;}
.socialicons{ width:20%; height:auto; float:right; border-left:1px solid #e5e5e5; padding: 1% 0% 1% 0%; display:none }
.social{ width:auto; height:auto; float:right; padding: 0% 8% 0% 0%;}
.mail{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#b2b2b2;  background:url(../images/email.png) no-repeat 85px 55%; padding:1% 1% 1% 3%; text-align:center}
.mail a{ font-family:Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none}
.mail a:hover{ font-family:Arial, Helvetica, sans-serif; color:#b7c25c; text-decoration:underline}
.phone{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#b2b2b2; background:url(../images/callus.png) no-repeat 90px 55%; padding: 1% 1% 1% 3%;border-right: 1px solid #eee; text-align:center}
.menu-wrapper{ width:100%; height:auto; clear:both; float:right;}
.menu-container{ width:100%; height:auto; margin-top:1%; display:none}
.mobilemenu{ display: block;}
.bnr-wrapper{ width:100%; height:425px; clear:both;  }
.bnr-wrapper img{ width:100%; height:auto;display:block}
.bnr-container{ width:100%; height:auto; clear:both; position:relative}

/*---------------------------*/
.welcome-wrapper1{ width:100%; height:auto;padding:0%; margin:0% 0% 0% 0%;  }
.wlcmcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.8em; color:#b7c25c; font-weight:bold; text-align:left; line-height:160%;padding-bottom: 0%;}
.wlcmcontainer h2 span{font-family: 'Open Sans', sans-serif; color:#666; font-weight:bold;}

.wlcmcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal }
.wlcmcontainer{ width:70%; height:auto; border-right:1px solid #fff; background:#fff; padding:1% 2% 0% 0%;float:left;}


/*---------------------------*/

.welcome-wrapper{ width:90%; height:auto;padding:0%; margin:0% 0% 0% 0%; position:absolute; bottom:-38%; left:5%}
.welcome-wrapper h2{font-family: 'Open Sans', sans-serif; font-size:1.7em; color:#fff; font-weight:bold; text-align:center; line-height:160%;}
.welcome-wrapper p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }
.wlcom{ width:32.5%; min-height:186px; float:left; background:#b7c25c; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #ccd866; background:url(../images/ntdesign.png) no-repeat 0% 0%; }
.wlcom p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow{ width:12%; height:auto; float:right;background:#a0ab46;padding:2% 2% 2% 2%}
.wlcomarow:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom1{ width:32.5%; min-height:186px; float:left; background:#aebc3e; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom1 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #c2dd51; background:url(../images/storageicon.png) no-repeat 0% 0%; }
.wlcom1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow1{ width:12%; height:auto; float:right;background:#9ba831;padding:2% 2% 2% 2%}
.wlcomarow1:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow1 img{ max-width:100%; width:auto; height:auto; display:block;}


.wlcom2{ width:32.5%; min-height:186px; float:right; background:#97b038; margin:0% 0% 0% 0%; padding:1.5%;}
.wlcom2 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #bad64e; background:url(../images/vpns.png) no-repeat 0% 0%; }
.wlcom2 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow2{ width:12%; height:auto; float:right;background:#859e28;padding:2% 2% 2% 2%}
.wlcomarow2:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow2 img{ max-width:100%; width:auto; height:auto; display:block;}
/*---------------------------*/

.index-servicecontainer1{ width:100%; height:auto;     padding-top: 2%;}
.index-servicecontainer1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer1 h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}


/*---------------------------*/
.ongoingpagebox{ width:100%; height:auto;border-bottom:1px solid #e0e0e0;padding:2% 0% 1% 0%; margin:1% 0% 1% 0%}
.ongoingpagetxt{ width:100%; height:auto;}
.ongoingpagedat{ width:9%; height:auto; float:left; background:#43b5ff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#fff; font-weight:bold; text-align:center;padding:.5% 0% .5% 0%;}
.ongoingpagetxt h6{  width:90%; height:auto;float:right;font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#777; font-weight:bold; text-align:justify; padding:1% 0% 0% 0%}
.ongoingpagetxt h6 a{ font-family:Arial, Helvetica, sans-serif;color:#777; font-weight:bold; text-decoration:none;}
.ongoingpagetxt h6 a:hover{ font-family:Arial, Helvetica, sans-serif;color:#b7c25c; font-weight:bold; text-decoration:underline;}
.ongoingpagetxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal; clear:both;    padding-top: 1%; }

.index-servicecontainer{ width:100%; height:auto;     padding-top: 16%;}
.index-servicecontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}
.viewmore{ width:10%; height:auto; float:left;font-family: 'Open Sans', sans-serif;font-size:.9em; color:#b7c25c; line-height:160%; font-weight:bold;padding:2% 0% 2% 0%;  }
.viewmore a{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#b7c25c; }
.viewmore a:hover{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#666;  }
.indexscroll{ width:100%; height:auto; clear:both; padding-bottom:2%;}

.bottom_container{ width:100%; height:auto; background:#b7c25c; border-bottom:2px solid #fff;}
.bottom_ph{ width:100%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%; }
.bottom_ph a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; text-decoration:none; background-size:25px}
.bottom_ph a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; background-size:25px;text-decoration:underline;}
.bottom_mail{width:100%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%;}
.bottom_mail a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;background:url(../images/b_mail.png) no-repeat 0% center; text-decoration:none; background-size:25px}
.bottom_mail a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_mail.png) no-repeat 0% center;  background-size:25px; text-decoration:underline;}

.bottom_web{width:100%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%;}
.bottom_web a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png)no-repeat 0% center; text-decoration:none; background-size:25px;}
.bottom_web a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png) no-repeat 0% center; background-size:25px; text-decoration:underline;}
footer{ width:100%; height:auto; background:#313030;}
.ftr-container{ width:90%; height:auto; margin:0 auto; padding:1% 0% 0% 0%}
.quicklinks{ width:100%; height:auto; float:left;}

.quicklinks ul{ width:50%; height:auto; float:left; margin:0; padding:0;}
.quicklinks li{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#8c8c8c; line-height:160%;font-weight:normal; list-style-type:none; list-style-image: url(../images/quickarow.png); list-style-position:inside; padding:0% 0% 8% 0% }
.quicklinks li a{font-family: Arial, Helvetica, sans-serif; color:#8c8c8c;font-weight:normal; text-decoration:none; }
.quicklinks li a:hover{font-family: Arial, Helvetica, sans-serif; color:#b7c25c;font-weight:normal; text-decoration:none; }
.ftr-container h6{font-family: Arial, Helvetica, sans-serif; font-size:.95em; color:#d6d6d6; line-height:160%; font-weight:bold; padding-top:2%; text-transform:uppercase;padding-bottom:3%; }
.bus_enquiry{ width:100%; height:auto; float:left; padding:0% 8% 0% 2%;}
.bus_enquirybox{ width:100%; height:auto; float:left; margin:0% 1% 2% 0% }
.bus_enquirytxtbox{ width:100%; height:25px; background:#616161; padding:1%;font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#c1c0c0; padding-left:5px  }
.bus_enquirybox1{ width:100%; height:auto; float:left; margin:0% 2% 0% 0% }
.sendbtn{ width:25%; height:auto; float:left; margin-top:2%; margin-bottom:5%}
.follows{ width:100%; height:auto; float:right;filter: grayscale(0%);-webkit-filter: grayscale(0%); padding-bottom:2%}
.fol{ width: auto; height:auto; float:left; margin:0% 5.6% 0% 0%; filter: grayscale(100%);-webkit-filter: grayscale(100%)}
.fol:hover{  filter: grayscale(0%);-webkit-filter: grayscale(0%)}
.ftr_wrap{ width:100%; height:auto; background:#000000; padding-bottom:2%}
.ftr-img{ width:90px; height:auto; margin:0 auto}
.copyright{ width:100%;  height:auto;font-family:Arial, Helvetica, sans-serif; color:#818689; font-size:.7em;line-height:4em; padding:1.5%% 0% 0% 5%; text-align:center}
.my-slider {
	height:112px;
	/*margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: auto;
	overflow: hidden;
}


.my-slider li {
	float: left; margin-left:1%; border:1px solid #ebebeb; list-style-type:none;margin-bottom:10px;
}

.inrbnr{ width:100%; height:auto; border-bottom:1px solid #e0e0e0;}
.inrbnr img{ width:100%; height:auto; display:block;}
.inrbnrtxt{ width:40%; height:auto; position:absolute; left: 6%;bottom: 22%;}
.inrbnrtxt h5{font-family: 'Open Sans', sans-serif;font-size:2.18em; color:#fff; font-weight:bold; line-height:110%; text-align:left; display:none}
.inrbnrtxt p{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; font-weight:normal; line-height:150%; text-align:justify; display:none}
.inr-contentcontainer{ width:100%; height:auto; padding:2% 0% 2% 0%; }
.abt-lft{ width:25%; height:auto; float:left}
.abt-lft img{ width:100%; height:auto; display:block;}
.abt-rgt{ width:100%; height:auto; float:right; padding:0% 0% 0% 0%}
.breadcrumps{ width:auto; height:auto;  right:0; bottom:4%; background: #b7c25c;padding: .5%;margin-right: 1%;}
.breadtxt{ width:auto; height:auto; float:right;font-family: 'Open Sans', sans-serif; font-size:.85em; color:#fff; font-weight:bold; padding:0em .3em 0em .3em; text-transform:uppercase;}
.breadtxt a{ font-family: 'Open Sans', sans-serif;  color:#fff; font-weight:normal; text-decoration:none;text-transform:uppercase;}
.breadtxt a:hover{ font-family: 'Open Sans', sans-serif;color:#fff; font-weight:normal;text-decoration:underline;text-transform:uppercase;}
.breadimg{ width:auto; height:auto; float:right;padding:0.2em .3em 0em .3em}
.abtcontainer{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; padding-bottom:1.5%; margin-bottom:2%; }
.abt-rgt h3{font-family: 'Open Sans', sans-serif;font-size:1.4em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:0%}
.abt-rgt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-col{ width:100%; height:auto; float:left; }
.abt-colimg{ width:75px; height:auto;    padding-bottom: 4%; float:left; }
.abt-colimg img{ max-width:100%; height:auto; display:block; float:left }
.abt-colimg img:hover{ max-width:100%; height:auto; display:block; float:left;  opacity: 0.4; filter: alpha(opacity=40); cursor: pointer }

.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}



.abt-coltxt{ width:100%; height:auto;padding:1% 0% 1% 0%  ; }
.abt-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center;}
.abt-coltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-coltxt1{ width:100%; height:auto;padding:0% 0% 0% 0% }
.abt-coltxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.serv-col{  width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding: 1%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{ width:100%; height:auto; padding:0% 6% 0% 6%  ;}

.free_cons{ min-width:200px; width:auto;float:left; background:#b7c25c}
.free_cons ul{ margin:0; padding:0;}
.free_cons ul li{ width:auto;  text-align:center; list-style:none;color: rgb(255, 255, 255);
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 50px;
    padding: 0 2%;
    text-align: center;
    width: 100%;}
.free_cons ul li a{ float:left; padding:0% 2%; width:100%; line-height:50px;text-align:center; font-family: 'Open Sans', sans-serif;font-size:0.9em; color:#FFF; font-weight:bold; }
.free_cons ul li a:hover{ background:#999; display: block; float:left; }

.service-lft{ width:100%; height:auto; float:left; padding-bottom:2% }
.service-container{ width:100%; height:auto;  padding:0% 0% 1% 0%; margin:0% 0% 1% 0%}
.service-txt{ width:100%; height:auto; float:left;}
.service-img{ width:20%; height:auto; float:left; display:none}
.service-img img{ max-width:100%; height:auto; display:block; float:right;}
.service-rgt{ width:100%; height:auto; float:right; }
.inr-contentcontainer h2{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.inr-contentcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.service-list{ width:100%; height:auto; float:left; padding-top:1%; padding-bottom:1%; margin-bottom:2%;}
.service-list h5{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.service-list ul{ margin:0; padding:0 }
.service-list li{font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; list-style-type:none; list-style-image:url(../images/liicon.png); list-style-position:outside; padding:1% 0% 1% 0%;    margin-left: 4%; }
.service-list h6{font-family: 'Open Sans', sans-serif;font-size:1em; color:#b7c25c; line-height:160%; font-weight:bold;  }
.sub-features{ width:100%; height:auto; }
.sub-features h5{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; line-height:160%; font-weight:bold;  border-left:5px solid #a8b351; background:#b7c25c url(../images/subf.png) no-repeat 95% 50%; padding:1% 0% 1% 3%; }
.subcol{ width:100%; height:auto; padding:3% 0% 3% 0%;}
.subcol ul{ margin:0; padding:0;}
.subcol li{ font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; 
padding: 1.5% 0% 1.5% 0%; list-style-type:none; list-style-image: url(../images/telecom.png); border-bottom:1px solid #e0e0e0; margin-left:5%;}

.servicecol{ width:48%; height:auto; float:left; border-bottom:1px solid #e0e0e0; margin-bottom:3%; padding-bottom:1%}
.servicecol1{ width:48%; height:auto; float:right; border-bottom:1px solid #e0e0e0;margin-bottom:3%;padding-bottom:1%}
.servicecolimg{ width:28%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg2{ width:33%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg3{ width:43%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}

.servicecoltxt{ width:71%; height:auto; float:right;}
.servicecoltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%;}
.imglft{ padding:.5%; margin-right:2%; margin-top:1%;border:1px solid #e0e0e0}
.partners-col{ width:48%; height:auto; float:left; margin:0% 1% 2% 1%; border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:2px solid #ebebeb; margin-top:2%}
.partners-col img{ max-width:100%; height:auto; margin:0 auto; display:block;}

.contact-col{ width:33%; height:auto; float:left; border-right:1px dotted #999999; min-height:150px; padding:3% 2% 0% 2%}
.contact-col1{ width:33%; height:auto; float:right; min-height:150px;padding:3% 1.5% 0% 1.5%}
.contactimg{ width:30%; height:auto; float:left; }
.contacttxt{ width:68%; height:auto; float:right; }
.contacttxt p{font-family: Arial, Helvetica, sans-serif; font-size:.9em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%; }
.locationmap{ width:100%; height:auto; clear:both; padding:2% 0% 0% 0% }
.locationmap img{ width:100%; height:auto; display:block;}

.enquirybg{ width:75%; height:auto; margin:0 auto;background:url(../images/enqbg.jpg) no-repeat 48% 40%;    padding-top: 2%;}
.enquiry-lft{ width:45%; height:auto; float:left; }
.enquiry-rgt{ width:45%; height:auto; float:right;}
.enquiry-form{ width: 100%;height:auto;padding-top:4%;clear: both;}
.enquiry-form h5{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:left;  font-weight:normal; float:left; width:30%; }
.sep{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2%   }
.enquiry-box{ width:62%; height:auto; float:left; } 
.enqtxtbox{ width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff; float:left } 
.enquiry-form select{  width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff;  } 
.star{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#f00;float:left;padding-left:0.5%; width:2%}
.enqtxtbox1{ width:97%; height:80px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; line-height:18px;
padding:1%;background:#fff;    margin-right: 3%; } 
.captcha{ width:62%; height:auto; margin-left:35%; }
.enq-submit{ width:19%; height:auto; float:right; margin-right: 5%;}

.indextab{ width:23.85%; height:auto; float:left; margin-right:1.5%; margin-bottom:2%; }
.indextabimg{ width:100%; height:auto}
.indextabimg img{ width:100%; height:auto; display:block;}
.indextabtxt{ width:100%; height:auto;color:#777;font-size:1em; font-family: 'Open Sans', sans-serif;  font-weight:bold; text-align:left;padding:2% 0% 1% 0%   }
.indextabtxt a{ color:#777;font-family: 'Open Sans', sans-serif; text-decoration:none;  }
.indextabtxt a:hover{ color:#b7c25c;font-family: 'Open Sans', sans-serif; text-decoration:underline;  }
.indextab1{ width:23.85%; height:auto; float:right; margin-right:0%; }
.bottom_container1{ width:100%; height:auto; background:#d2d1d1; border-bottom:1px solid #fff;}



.ongoingcontainer{ width:30%; height:auto; background:#43B5FF;float:right;padding:0% 0% 1% 0%; margin-top:2%}
.ongoingcontainer_hd{ background:#239EEF; width:100%; height:auto;border-bottom:1px solid #74c6fc;}
.ongoingcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.4em; color:#fff; font-weight:normal; text-align:left; line-height:160%; background:  url(../images/ongoingicon.png) no-repeat 2% 49%;padding:1% 0% 1% 13%; margin-bottom:1%; width:90%; float:left}
.ongoingbox{ width:100%; height:auto; border-bottom:1px dashed #74c6fc; padding:2% 5% 3% 5%; margin:1% 0% 3% 0%}
.dat{ width:14%; height:auto; float:left; background:#fff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#43B5FF; font-weight:bold; text-align:center;padding:1% 0% 1% 0%;}
.ongoingtxt{ width:82%; height:auto; float:right;}
.ongoingtxt h6{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; text-align:justify; padding-bottom:.3%}
.ongoingtxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }

.ongoing-viewmore{ width:10%; height:auto; float: right; background:#239EEF;font-family: 'Open Sans', sans-serif;font-weight:normal; text-align:center; color:#43B5FF; font-size:.85em; margin:0% 0% 0% 0%;padding:4.5% 1% 1% 1% ;}
.ongoing-viewmore a{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:none;}
.ongoing-viewmore a:hover{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:underline;}
.consultation-free{ width:100%; height:24px; line-height:24px; color: rgb(183, 194, 92) !important;font-family: "Open Sans",sans-serif ;font-size: 1em !important;font-weight: bold;}
.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; float:left; margin-right:2px; margin-bottom:10px; margin-top:5px}
a.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; }
a:hover .free-sub{ width:auto; height:auto; padding:0px 5px; background-color:rgb(183, 194, 92) none repeat scroll 0 0; height:24px; line-height:24px; }
.tab-vert .tab-legend {
  width: 100%;
  float: left; }
  
  .tab-vert .tab-content {
  width: 100%;
  display: block;
  float: left;    padding-left: 2%; }
  
     .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      border-radius:5px;
      box-shadow:0px 0px 15px #999;
      position:absolute; width:340px !important; left:0px !important
	  
    }
	
	}
@media (min-width:481px) and (max-width:580px){
main{ width:100%; height:auto}
.main-container{ width:96%; height:auto; margin:0 auto;}
header{ width:100%; height:auto; }
.logo-container{ width:100%; height:auto;padding-top: 1%; text-align:center }
.logo-container h1{font-family: 'Open Sans', sans-serif; font-size:.9em; color:#b7c25c; font-weight:normal; }
.hdr-rgt{ width:100%; height:auto; float:right; }
.callus{ width:100%; height:auto; float:right;border-bottom:1px solid #e5e5e5; padding: 1% 0% 1% 0%;}
.socialicons{ width:20%; height:auto; float:right; border-left:1px solid #e5e5e5; padding: 1% 0% 1% 0%; display:none }
.social{ width:auto; height:auto; float:right; padding: 0% 8% 0% 0%;}
.mail{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#b2b2b2;  background:url(../images/email.png) no-repeat 34px 55%; padding:1% 1% 1% 10%; text-align:center; float:left}
.mail a{ font-family:Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none}
.mail a:hover{ font-family:Arial, Helvetica, sans-serif; color:#b7c25c; text-decoration:underline}
.phone{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#b2b2b2; background:url(../images/callus.png) no-repeat 40px 55%; padding: 1% 1% 1% 10%; text-align:center; float:left;border-right: 1px solid #eee;}
.menu-wrapper{ width:100%; height:auto; clear:both; float:right;}
.menu-container{ width:100%; height:auto; margin-top:1%; display:none}
.mobilemenu{ display: block;}
.bnr-wrapper{ width:100%; height:425px; clear:both; display:none  }
.bnr-wrapper img{ width:100%; height:auto;}
.bnr-container{ width:100%; height:auto; clear:both; position:relative}

/*---------------------------*/
.welcome-wrapper1{ width:100%; height:auto;padding:0%; margin:0% 0% 0% 0%;  }
.wlcmcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.8em; color:#b7c25c; font-weight:bold; text-align:left; line-height:160%;padding-bottom: 0%;}
.wlcmcontainer h2 span{font-family: 'Open Sans', sans-serif; color:#666; font-weight:bold;}

.wlcmcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal }
.wlcmcontainer{ width:70%; height:auto; border-right:1px solid #fff; background:#fff; padding:1% 2% 0% 0%;float:left;}


/*---------------------------*/

.welcome-wrapper{ width:90%; height:auto;padding:0%; margin:0% 0% 0% 0%; position:absolute; bottom:-38%; left:5%}
.welcome-wrapper h2{font-family: 'Open Sans', sans-serif; font-size:1.7em; color:#fff; font-weight:bold; text-align:center; line-height:160%;}
.welcome-wrapper p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }
.wlcom{ width:32.5%; min-height:186px; float:left; background:#b7c25c; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #ccd866; background:url(../images/ntdesign.png) no-repeat 0% 0%; }
.wlcom p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow{ width:12%; height:auto; float:right;background:#a0ab46;padding:2% 2% 2% 2%}
.wlcomarow:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom1{ width:32.5%; min-height:186px; float:left; background:#aebc3e; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom1 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #c2dd51; background:url(../images/storageicon.png) no-repeat 0% 0%; }
.wlcom1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow1{ width:12%; height:auto; float:right;background:#9ba831;padding:2% 2% 2% 2%}
.wlcomarow1:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow1 img{ max-width:100%; width:auto; height:auto; display:block;}


.wlcom2{ width:32.5%; min-height:186px; float:right; background:#97b038; margin:0% 0% 0% 0%; padding:1.5%;}
.wlcom2 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #bad64e; background:url(../images/vpns.png) no-repeat 0% 0%; }
.wlcom2 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow2{ width:12%; height:auto; float:right;background:#859e28;padding:2% 2% 2% 2%}
.wlcomarow2:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow2 img{ max-width:100%; width:auto; height:auto; display:block;}
/*---------------------------*/

.index-servicecontainer1{ width:100%; height:auto;     padding-top: 2%;}
.index-servicecontainer1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer1 h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}


/*---------------------------*/
.ongoingpagebox{ width:100%; height:auto;border-bottom:1px solid #e0e0e0;padding:2% 0% 1% 0%; margin:1% 0% 1% 0%}
.ongoingpagetxt{ width:100%; height:auto;}
.ongoingpagedat{ width:9%; height:auto; float:left; background:#43b5ff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#fff; font-weight:bold; text-align:center;padding:.5% 0% .5% 0%;}
.ongoingpagetxt h6{  width:90%; height:auto;float:right;font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#777; font-weight:bold; text-align:justify; padding:1% 0% 0% 0%}
.ongoingpagetxt h6 a{ font-family:Arial, Helvetica, sans-serif;color:#777; font-weight:bold; text-decoration:none;}
.ongoingpagetxt h6 a:hover{ font-family:Arial, Helvetica, sans-serif;color:#b7c25c; font-weight:bold; text-decoration:underline;}
.ongoingpagetxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal; clear:both;    padding-top: 1%; }

.index-servicecontainer{ width:100%; height:auto;     padding-top: 16%;}
.index-servicecontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}
.viewmore{ width:10%; height:auto; float:left;font-family: 'Open Sans', sans-serif;font-size:.9em; color:#b7c25c; line-height:160%; font-weight:bold;padding:2% 0% 2% 0%;  }
.viewmore a{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#b7c25c; }
.viewmore a:hover{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#666;  }
.indexscroll{ width:100%; height:auto; clear:both; padding-bottom:2%;}

.bottom_container{ width:100%; height:auto; background:#b7c25c; border-bottom:2px solid #fff;}
.bottom_ph{ width:100%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%; }
.bottom_ph a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; text-decoration:none; background-size:25px}
.bottom_ph a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; background-size:25px;text-decoration:underline;}
.bottom_mail{width:100%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%;}
.bottom_mail a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;background:url(../images/b_mail.png) no-repeat 0% center; text-decoration:none; background-size:25px}
.bottom_mail a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_mail.png) no-repeat 0% center;  background-size:25px; text-decoration:underline;}

.bottom_web{width:100%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%;}
.bottom_web a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png)no-repeat 0% center; text-decoration:none; background-size:25px;}
.bottom_web a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png) no-repeat 0% center; background-size:25px; text-decoration:underline;}
footer{ width:100%; height:auto; background:#313030;}
.ftr-container{ width:90%; height:auto; margin:0 auto; padding:1% 0% 0% 0%}
.quicklinks{ width:100%; height:auto; float:left;}

.quicklinks ul{ width:50%; height:auto; float:left; margin:0; padding:0;}
.quicklinks li{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#8c8c8c; line-height:160%;font-weight:normal; list-style-type:none; list-style-image: url(../images/quickarow.png); list-style-position:inside; padding:0% 0% 8% 0% }
.quicklinks li a{font-family: Arial, Helvetica, sans-serif; color:#8c8c8c;font-weight:normal; text-decoration:none; }
.quicklinks li a:hover{font-family: Arial, Helvetica, sans-serif; color:#b7c25c;font-weight:normal; text-decoration:none; }
.ftr-container h6{font-family: Arial, Helvetica, sans-serif; font-size:.95em; color:#d6d6d6; line-height:160%; font-weight:bold; padding-top:2%; text-transform:uppercase;padding-bottom:3%; }
.bus_enquiry{ width:100%; height:auto; float:left; padding:0% 8% 0% 2%;}
.bus_enquirybox{ width:100%; height:auto; float:left; margin:0% 1% 2% 0% }
.bus_enquirytxtbox{ width:100%; height:25px; background:#616161; padding:1%;font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#c1c0c0; padding-left:5px  }
.bus_enquirybox1{ width:100%; height:auto; float:left; margin:0% 2% 0% 0% }
.sendbtn{ width:25%; height:auto; float:left; margin-top:2%; margin-bottom:5%}
.follows{ width:100%; height:auto; float:right;filter: grayscale(0%);-webkit-filter: grayscale(0%); padding-bottom:2%}
.fol{ width: auto; height:auto; float:left; margin:0% 5.6% 0% 0%; filter: grayscale(100%);-webkit-filter: grayscale(100%)}
.fol:hover{  filter: grayscale(0%);-webkit-filter: grayscale(0%)}
.ftr_wrap{ width:100%; height:auto; background:#000000;}
.ftr-img{ float: right;
    height: auto;
    padding: 15px 5% 0.5% 0;
    width: auto;}
.copyright{ width: auto;  height:auto;font-family:Arial, Helvetica, sans-serif; color:#818689; font-size:.7em;line-height:4em; padding:0% 0% 0% 5%; text-align:center; float:left }
.my-slider {
	height:112px;
	/*margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: auto;
	overflow: hidden;
}


.my-slider li {
	float: left; margin-left:1%; border:1px solid #ebebeb; list-style-type:none;margin-bottom:10px;
}

.inrbnr{ width:100%; height:auto; border-bottom:1px solid #e0e0e0;}
.inrbnr img{ width:100%; height:auto; display:block;}
.inrbnrtxt{ width:40%; height:auto; position:absolute; left: 6%;bottom: 22%;}
.inrbnrtxt h5{font-family: 'Open Sans', sans-serif;font-size:2.18em; color:#fff; font-weight:bold; line-height:110%; text-align:left; display:none}
.inrbnrtxt p{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; font-weight:normal; line-height:150%; text-align:justify; display:none}
.inr-contentcontainer{ width:100%; height:auto; padding:2% 0% 2% 0%; }
.abt-lft{ width:25%; height:auto; float:left}
.abt-lft img{ width:100%; height:auto; display:block;}
.abt-rgt{ width:100%; height:auto; float:right; padding:0% 0% 0% 0%}
.breadcrumps{ width:auto; height:auto;  right:0; bottom:4%; background: #b7c25c;padding: .5%;margin-right: 1%;}
.breadtxt{ width:auto; height:auto; float:right;font-family: 'Open Sans', sans-serif; font-size:.85em; color:#fff; font-weight:bold; padding:0em .3em 0em .3em; text-transform:uppercase;}
.breadtxt a{ font-family: 'Open Sans', sans-serif;  color:#fff; font-weight:normal; text-decoration:none;text-transform:uppercase;}
.breadtxt a:hover{ font-family: 'Open Sans', sans-serif;color:#fff; font-weight:normal;text-decoration:underline;text-transform:uppercase;}
.breadimg{ width:auto; height:auto; float:right;padding:0.2em .3em 0em .3em}
.abtcontainer{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; padding-bottom:1.5%; margin-bottom:2%; }
.abt-rgt h3{font-family: 'Open Sans', sans-serif;font-size:1.4em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:0%}
.abt-rgt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-col{ width:100%; height:auto; float:left; }
.abt-colimg{ width:75px; height:auto;    padding-bottom: 4%; float:left; }
.abt-colimg img{ max-width:100%; height:auto; display:block; float:left }
.abt-colimg img:hover{ max-width:100%; height:auto; display:block; float:left;  opacity: 0.4; filter: alpha(opacity=40); cursor: pointer }

.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}



.abt-coltxt{ width:100%; height:auto;padding:1% 0% 1% 0%  ; }
.abt-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center;}
.abt-coltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-coltxt1{ width:100%; height:auto;padding:0% 0% 0% 0% }
.abt-coltxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.serv-col{  width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding: 1%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{ width:100%; height:auto;padding:0% 6% 0% 6%  ;}

.free_cons{ min-width:200px; width:auto;float: right; background:#b7c25c}
.free_cons ul{ margin:0; padding:0;}
.free_cons ul li{ width:auto;  text-align:center; list-style:none;color: rgb(255, 255, 255);
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 50px;
    padding: 0 2%;
    text-align: center;
    width: 100%;}
.free_cons ul li a{ float:left; padding:0% 2%; width:100%; line-height:50px;text-align:center; font-family: 'Open Sans', sans-serif;font-size:0.9em; color:#FFF; font-weight:bold; }
.free_cons ul li a:hover{ background:#999; display: block; float:left; }

.service-lft{ width:100%; height:auto; float:left; margin-bottom:2% }
.service-container{ width:100%; height:auto;  padding:0% 0% 1% 0%; margin:0% 0% 1% 0%}
.service-txt{ width:80%; height:auto; float:left;}
.service-img{ width:20%; height:auto; float:left;}
.service-img img{ max-width:100%; height:auto; display:block; float:right;}
.service-rgt{ width:100%; height:auto; float:right; }
.inr-contentcontainer h2{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500; }
.inr-contentcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.service-list{ width:100%; height:auto; float:left; padding-top:1%; padding-bottom:1%; margin-bottom:2%;}
.service-list h5{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.service-list ul{ margin:0; padding:0 }
.service-list li{font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; list-style-type:none; list-style-image:url(../images/liicon.png); list-style-position:outside; padding:1% 0% 1% 0%;    margin-left: 4%; }
.service-list h6{font-family: 'Open Sans', sans-serif;font-size:1em; color:#b7c25c; line-height:160%; font-weight:bold;  }
.sub-features{ width:100%; height:auto; }
.sub-features h5{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; line-height:160%; font-weight:bold;  border-left:5px solid #a8b351; background:#b7c25c url(../images/subf.png) no-repeat 95% 50%; padding:1% 0% 1% 3%; }
.subcol{ width:100%; height:auto; padding:3% 0% 3% 0%;}
.subcol ul{ margin:0; padding:0;}
.subcol li{ font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; 
padding: 1.5% 0% 1.5% 0%; list-style-type:none; list-style-image: url(../images/telecom.png); border-bottom:1px solid #e0e0e0; margin-left:5%;}

.servicecol{ width:48%; height:auto; float:left; border-bottom:1px solid #e0e0e0; margin-bottom:3%; padding-bottom:1%}
.servicecol1{ width:48%; height:auto; float:right; border-bottom:1px solid #e0e0e0;margin-bottom:3%;padding-bottom:1%}
.servicecolimg{ width:28%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg2{ width:33%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg3{ width:43%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}

.servicecoltxt{ width:71%; height:auto; float:right;}
.servicecoltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%;}
.imglft{ padding:.5%; margin-right:2%; margin-top:1%;border:1px solid #e0e0e0}
.partners-col{ width:48%; height:auto; float:left; margin:0% 1% 2% 1%; border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:2px solid #ebebeb;  margin-top:2%}
.partners-col img{ max-width:100%; height:auto; margin:0 auto; display:block;}

.contact-col{ width:33%; height:auto; float:left; border-right:1px dotted #999999; min-height:150px; padding:3% 2% 0% 2%}
.contact-col1{ width:33%; height:auto; float:right; min-height:150px;padding:3% 1.5% 0% 1.5%}
.contactimg{ width:30%; height:auto; float:left; }
.contacttxt{ width:68%; height:auto; float:right; }
.contacttxt p{font-family: Arial, Helvetica, sans-serif; font-size:.9em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%; }
.locationmap{ width:100%; height:auto; clear:both; padding:2% 0% 0% 0% }
.locationmap img{ width:100%; height:auto; display:block;}

.enquirybg{ width:75%; height:auto; margin:0 auto;background:url(../images/enqbg.jpg) no-repeat 48% 40%;    padding-top: 2%;}
.enquiry-lft{ width:45%; height:auto; float:left; }
.enquiry-rgt{ width:45%; height:auto; float:right;}
.enquiry-form{ width: 100%;height:auto;padding-top:4%;clear: both;}
.enquiry-form h5{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:left;  font-weight:normal; float:left; width:30%; }
.sep{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2%   }
.enquiry-box{ width:62%; height:auto; float:left; } 
.enqtxtbox{ width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff; float:left } 
.enquiry-form select{  width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff;  } 
.star{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#f00;float:left;padding-left:0.5%; width:2%}
.enqtxtbox1{ width:97%; height:80px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; line-height:18px;
padding:1%;background:#fff;    margin-right: 3%; } 
.captcha{ width:62%; height:auto; margin-left:35%; }
.enq-submit{ width:19%; height:auto; float:right; margin-right: 5%;}

.indextab{ width:23.85%; height:auto; float:left; margin-right:1.5%; margin-bottom:2%; }
.indextabimg{ width:100%; height:auto}
.indextabimg img{ width:100%; height:auto; display:block;}
.indextabtxt{ width:100%; height:auto;color:#777;font-size:1em; font-family: 'Open Sans', sans-serif;  font-weight:bold; text-align:left;padding:2% 0% 1% 0%   }
.indextabtxt a{ color:#777;font-family: 'Open Sans', sans-serif; text-decoration:none;  }
.indextabtxt a:hover{ color:#b7c25c;font-family: 'Open Sans', sans-serif; text-decoration:underline;  }
.indextab1{ width:23.85%; height:auto; float:right; margin-right:0%; }
.bottom_container1{ width:100%; height:auto; background:#d2d1d1; border-bottom:1px solid #fff;}



.ongoingcontainer{ width:30%; height:auto; background:#43B5FF;float:right;padding:0% 0% 1% 0%; margin-top:2%}
.ongoingcontainer_hd{ background:#239EEF; width:100%; height:auto;border-bottom:1px solid #74c6fc;}
.ongoingcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.4em; color:#fff; font-weight:normal; text-align:left; line-height:160%; background:  url(../images/ongoingicon.png) no-repeat 2% 49%;padding:1% 0% 1% 13%; margin-bottom:1%; width:90%; float:left}
.ongoingbox{ width:100%; height:auto; border-bottom:1px dashed #74c6fc; padding:2% 5% 3% 5%; margin:1% 0% 3% 0%}
.dat{ width:14%; height:auto; float:left; background:#fff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#43B5FF; font-weight:bold; text-align:center;padding:1% 0% 1% 0%;}
.ongoingtxt{ width:82%; height:auto; float:right;}
.ongoingtxt h6{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; text-align:justify; padding-bottom:.3%}
.ongoingtxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }

.ongoing-viewmore{ width:10%; height:auto; float: right; background:#239EEF;font-family: 'Open Sans', sans-serif;font-weight:normal; text-align:center; color:#43B5FF; font-size:.85em; margin:0% 0% 0% 0%;padding:4.5% 1% 1% 1% ;}
.ongoing-viewmore a{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:none;}
.ongoing-viewmore a:hover{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:underline;}
.consultation-free{ width:100%; height:24px; line-height:24px; color: rgb(183, 194, 92) !important;font-family: "Open Sans",sans-serif ;font-size: 1em !important;font-weight: bold;}
.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; float:left; margin-right:2px; margin-bottom:10px; margin-top:5px}
a.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; }
a:hover .free-sub{ width:auto; height:auto; padding:0px 5px; background-color:rgb(183, 194, 92) none repeat scroll 0 0; height:24px; line-height:24px; }
.tab-vert .tab-legend {
  width: 100%;
  float: left; }
  
  .tab-vert .tab-content {
  width: 80%;
  display: block;
  float: left;    padding-left: 2%; }	
  
     .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      border-radius:5px;
      box-shadow:0px 0px 15px #999;
      position:absolute; width:350px !important;
	  
    }

	
	}
@media (min-width:581px) and (max-width:736px){
	
main{ width:100%; height:auto}
.main-container{ width:96%; height:auto; margin:0 auto;}
header{ width:100%; height:auto; }
.logo-container{ width:30%; height:auto;padding-top: 1%; text-align:center; float:left }
.logo-container h1{font-family: 'Open Sans', sans-serif; font-size:.9em; color:#b7c25c; font-weight:normal; }
.hdr-rgt{ width:100%; height:auto; float:right; }
.callus{ width:100%; height:auto; float:right;border-bottom:1px solid #e5e5e5; padding: 1% 0% 1% 0%; display:none}
.socialicons{ width:20%; height:auto; float:right; border-left:1px solid #e5e5e5; padding: 1% 0% 1% 0%; display:none }
.social{ width:auto; height:auto; float:right; padding: 0% 8% 0% 0%;}
.mail{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#b2b2b2;  background:url(../images/email.png) no-repeat 0px 55%; padding:1% 1% 1% 3%; text-align:center; float:left}
.mail a{ font-family:Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none}
.mail a:hover{ font-family:Arial, Helvetica, sans-serif; color:#b7c25c; text-decoration:underline}
.phone{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#b2b2b2; background:url(../images/callus.png) no-repeat 0px 55%; padding: 1% 1% 1% 3%; text-align:center;border-right: 1px solid #eee;}
.menu-wrapper{ width:100%; height:auto; clear:both; float:right;}
.menu-container{ width:100%; height:auto; margin-top:1%; display:none}
.mobilemenu{ display: block;}
.bnr-wrapper{ width:100%; height:425px; clear:both;  }
.bnr-wrapper img{ width:100%; height:auto;display:block}
.bnr-container{ width:100%; height:auto; clear:both; position:relative}

/*---------------------------*/
.welcome-wrapper1{ width:100%; height:auto;padding:0%; margin:0% 0% 0% 0%;  }
.wlcmcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.8em; color:#b7c25c; font-weight:bold; text-align:left; line-height:160%;padding-bottom: 0%;}
.wlcmcontainer h2 span{font-family: 'Open Sans', sans-serif; color:#666; font-weight:bold;}

.wlcmcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal }
.wlcmcontainer{ width:70%; height:auto; border-right:1px solid #fff; background:#fff; padding:1% 2% 0% 0%;float:left;}


/*---------------------------*/

.welcome-wrapper{ width:90%; height:auto;padding:0%; margin:0% 0% 0% 0%; position:absolute; bottom:-38%; left:5%}
.welcome-wrapper h2{font-family: 'Open Sans', sans-serif; font-size:1.7em; color:#fff; font-weight:bold; text-align:center; line-height:160%;}
.welcome-wrapper p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }
.wlcom{ width:32.5%; min-height:186px; float:left; background:#b7c25c; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #ccd866; background:url(../images/ntdesign.png) no-repeat 0% 0%; }
.wlcom p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow{ width:12%; height:auto; float:right;background:#a0ab46;padding:2% 2% 2% 2%}
.wlcomarow:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom1{ width:32.5%; min-height:186px; float:left; background:#aebc3e; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom1 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #c2dd51; background:url(../images/storageicon.png) no-repeat 0% 0%; }
.wlcom1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow1{ width:12%; height:auto; float:right;background:#9ba831;padding:2% 2% 2% 2%}
.wlcomarow1:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow1 img{ max-width:100%; width:auto; height:auto; display:block;}


.wlcom2{ width:32.5%; min-height:186px; float:right; background:#97b038; margin:0% 0% 0% 0%; padding:1.5%;}
.wlcom2 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #bad64e; background:url(../images/vpns.png) no-repeat 0% 0%; }
.wlcom2 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow2{ width:12%; height:auto; float:right;background:#859e28;padding:2% 2% 2% 2%}
.wlcomarow2:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow2 img{ max-width:100%; width:auto; height:auto; display:block;}
/*---------------------------*/

.index-servicecontainer1{ width:100%; height:auto;     padding-top: 2%;}
.index-servicecontainer1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer1 h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}


/*---------------------------*/
.ongoingpagebox{ width:100%; height:auto;border-bottom:1px solid #e0e0e0;padding:2% 0% 1% 0%; margin:1% 0% 1% 0%}
.ongoingpagetxt{ width:100%; height:auto;}
.ongoingpagedat{ width:9%; height:auto; float:left; background:#43b5ff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#fff; font-weight:bold; text-align:center;padding:.5% 0% .5% 0%;}
.ongoingpagetxt h6{  width:90%; height:auto;float:right;font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#777; font-weight:bold; text-align:justify; padding:1% 0% 0% 0%}
.ongoingpagetxt h6 a{ font-family:Arial, Helvetica, sans-serif;color:#777; font-weight:bold; text-decoration:none;}
.ongoingpagetxt h6 a:hover{ font-family:Arial, Helvetica, sans-serif;color:#b7c25c; font-weight:bold; text-decoration:underline;}
.ongoingpagetxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal; clear:both;    padding-top: 1%; }

.index-servicecontainer{ width:100%; height:auto;     padding-top: 16%;}
.index-servicecontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}
.viewmore{ width:10%; height:auto; float:left;font-family: 'Open Sans', sans-serif;font-size:.9em; color:#b7c25c; line-height:160%; font-weight:bold;padding:2% 0% 2% 0%;  }
.viewmore a{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#b7c25c; }
.viewmore a:hover{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#666;  }
.indexscroll{ width:100%; height:auto; clear:both; padding-bottom:2%;}

.bottom_container{ width:100%; height:auto; background:#b7c25c; border-bottom:2px solid #fff;}
.bottom_ph{ width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%; }
.bottom_ph a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; text-decoration:none; background-size:25px}
.bottom_ph a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; background-size:25px;text-decoration:underline;}
.bottom_mail{width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%;}
.bottom_mail a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;background:url(../images/b_mail.png) no-repeat 0% center; text-decoration:none; background-size:25px}
.bottom_mail a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_mail.png) no-repeat 0% center;  background-size:25px; text-decoration:underline;}

.bottom_web{width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%;}
.bottom_web a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png)no-repeat 0% center; text-decoration:none; background-size:25px;}
.bottom_web a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png) no-repeat 0% center; background-size:25px; text-decoration:underline;}
footer{ width:100%; height:auto; background:#313030;}
.ftr-container{ width:90%; height:auto; margin:0 auto; padding:1% 0% 0% 0%}
.quicklinks{ width:100%; height:auto; float:left;}

.quicklinks ul{ width:50%; height:auto; float:left; margin:0; padding:0;}
.quicklinks li{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#8c8c8c; line-height:160%;font-weight:normal; list-style-type:none; list-style-image: url(../images/quickarow.png); list-style-position:inside; padding:0% 0% 8% 0% }
.quicklinks li a{font-family: Arial, Helvetica, sans-serif; color:#8c8c8c;font-weight:normal; text-decoration:none; }
.quicklinks li a:hover{font-family: Arial, Helvetica, sans-serif; color:#b7c25c;font-weight:normal; text-decoration:none; }
.ftr-container h6{font-family: Arial, Helvetica, sans-serif; font-size:.95em; color:#d6d6d6; line-height:160%; font-weight:bold; padding-top:2%; text-transform:uppercase;padding-bottom:3%; }
.bus_enquiry{ width:100%; height:auto; float:left; padding:0% 8% 0% 2%;}
.bus_enquirybox{ width:100%; height:auto; float:left; margin:0% 1% 2% 0% }
.bus_enquirytxtbox{ width:100%; height:25px; background:#616161; padding:1%;font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#c1c0c0; padding-left:5px  }
.bus_enquirybox1{ width:100%; height:auto; float:left; margin:0% 2% 0% 0% }
.sendbtn{ width:25%; height:auto; float:left; margin-top:2%; margin-bottom:5%}
.follows{ width:100%; height:auto; float:right;filter: grayscale(0%);-webkit-filter: grayscale(0%); padding-bottom:2%}
.fol{ width: auto; height:auto; float:left; margin:0% 5.6% 0% 0%; filter: grayscale(100%);-webkit-filter: grayscale(100%)}
.fol:hover{  filter: grayscale(0%);-webkit-filter: grayscale(0%)}
.ftr_wrap{ width:100%; height:auto; background:#000000;}
.ftr-img{ width: auto; height:auto;padding:15px 5% 1% 5%; float:right}
.copyright{ width: auto;  height:auto;font-family:Arial, Helvetica, sans-serif; color:#818689; font-size:.7em;line-height:4em; padding:0% 0% 0% 5%; float:left}
.my-slider {
	height:112px;
	/*margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: auto;
	overflow: hidden;
}


.my-slider li {
	float: left; margin-left:1%; border:1px solid #ebebeb; list-style-type:none;margin-bottom:10px;
}

.inrbnr{ width:100%; height:90px; clear:both; position:relative;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; /*background: url(../images/it-bnr.jpg); background-size:cover*/}

.inrbnr img{ width:100%; height:auto; display:block;}
.inrbnrtxt{ width:40%; height:auto; position:absolute; left: 6%;bottom: 22%;}
.inrbnrtxt h5{font-family: 'Open Sans', sans-serif;font-size:2.18em; color:#fff; font-weight:bold; line-height:110%; text-align:left; display:none}
.inrbnrtxt p{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; font-weight:normal; line-height:150%; text-align:justify; display:none}
.inr-contentcontainer{ width:100%; height:auto; padding:2% 0% 2% 0%; }
.abt-lft{ width:25%; height:auto; float:left}
.abt-lft img{ width:100%; height:auto; display:block;}
.abt-rgt{ width:100%; height:auto; float:right; padding:0% 0% 0% 0%}
.breadcrumps{ width:auto; height:auto;  right:0; bottom:4%; background: #b7c25c;padding: .5%;margin-right: 1%;}
.breadtxt{ width:auto; height:auto; float:right;font-family: 'Open Sans', sans-serif; font-size:.85em; color:#fff; font-weight:bold; padding:0em .3em 0em .3em; text-transform:uppercase;}
.breadtxt a{ font-family: 'Open Sans', sans-serif;  color:#fff; font-weight:normal; text-decoration:none;text-transform:uppercase;}
.breadtxt a:hover{ font-family: 'Open Sans', sans-serif;color:#fff; font-weight:normal;text-decoration:underline;text-transform:uppercase;}
.breadimg{ width:auto; height:auto; float:right;padding:0.2em .3em 0em .3em}
.abtcontainer{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; padding-bottom:1.5%; margin-bottom:2%; }
.abt-rgt h3{font-family: 'Open Sans', sans-serif;font-size:1.4em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:0%}
.abt-rgt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-col{ width:100%; height:auto; float:left; }
.abt-colimg{ width:75px; height:auto;    padding-bottom: 4%; float:left; }
.abt-colimg img{ max-width:100%; height:auto; display:block; float:left }
.abt-colimg img:hover{ max-width:100%; height:auto; display:block; float:left;  opacity: 0.4; filter: alpha(opacity=40); cursor: pointer }

.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}



.abt-coltxt{ width:100%; height:auto;padding:1% 0% 1% 0%  ; }
.abt-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center;}
.abt-coltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-coltxt1{ width:100%; height:auto;padding:0% 0% 0% 0% }
.abt-coltxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.serv-col{  width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding: 1%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ;}

.free_cons{ min-width:200px; width:100% !important;float: right; background:#b7c25c}
.free_cons ul{ margin:0; padding:0;}
.free_cons ul li{ width:auto;  text-align:center; list-style:none;color: rgb(255, 255, 255);
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 50px;
    padding: 0 2%;
    text-align: center;
    width: 100%;}
.free_cons ul li a{ float:left; padding:0% 2%; width:100%; line-height:50px;text-align:center; font-family: 'Open Sans', sans-serif;font-size:0.9em; color:#FFF; font-weight:bold; }
.free_cons ul li a:hover{ background:#999; display: block; float:left; }

.service-lft{ width:100%; height:auto; float:left; margin-bottom:2% }
.service-container{ width:100%; height:auto;  padding:0% 0% 1% 0%; margin:0% 0% 1% 0%}
.service-txt{ width:100%; height:auto; float:left;}
.service-img{ width:100%; height:auto; float:left; display:none}
.service-img img{ max-width:100%; height:auto; display:block; float:right;}
.service-rgt{ width:100%; height:auto; float:right; }
.inr-contentcontainer h2{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500; }
.inr-contentcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.service-list{ width:48%; height:auto; float:left; padding-top:1%; padding-bottom:1%; margin-right:2%;}
.service-list h5{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.service-list ul{ margin:0; padding:0 }
.service-list li{font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; list-style-type:none; list-style-image:url(../images/liicon.png); list-style-position:outside; padding:1% 0% 1% 0%;    margin-left: 4%; }
.service-list h6{font-family: 'Open Sans', sans-serif;font-size:1em; color:#b7c25c; line-height:160%; font-weight:bold;  }
.sub-features{ width:100%; height:auto; }
.sub-features h5{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; line-height:160%; font-weight:bold;  border-left:5px solid #a8b351; background:#b7c25c url(../images/subf.png) no-repeat 95% 50%; padding:1% 0% 1% 3%; }
.subcol{ width:100%; height:auto; padding:3% 0% 3% 0%;}
.subcol ul{ margin:0; padding:0;}
.subcol li{ font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; 
padding: 1.5% 0% 1.5% 0%; list-style-type:none; list-style-image: url(../images/telecom.png); border-bottom:1px solid #e0e0e0; margin-left:5%;}

.servicecol{ width:48%; height:auto; float:left; border-bottom:1px solid #e0e0e0; margin-bottom:3%; padding-bottom:1%}
.servicecol1{ width:48%; height:auto; float:right; border-bottom:1px solid #e0e0e0;margin-bottom:3%;padding-bottom:1%}
.servicecolimg{ width:28%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg2{ width:33%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg3{ width:43%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}

.servicecoltxt{ width:71%; height:auto; float:right;}
.servicecoltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%;}
.imglft{ padding:.5%; margin-right:2%; margin-top:1%;border:1px solid #e0e0e0}
.partners-col{ width:48%; height:auto; float:left; margin:0% 1% 2% 1%; border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:2px solid #ebebeb; margin-top:2%}
.partners-col img{ max-width:100%; height:auto; margin:0 auto; display:block;}

.contact-col{ width:33%; height:auto; float:left; border-right:1px dotted #999999; min-height:150px; padding:3% 2% 0% 2%}
.contact-col1{ width:33%; height:auto; float:right; min-height:150px;padding:3% 1.5% 0% 1.5%}
.contactimg{ width:30%; height:auto; float:left; }
.contacttxt{ width:68%; height:auto; float:right; }
.contacttxt p{font-family: Arial, Helvetica, sans-serif; font-size:.9em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%; }
.locationmap{ width:100%; height:auto; clear:both; padding:2% 0% 0% 0% }
.locationmap img{ width:100%; height:auto; display:block;}

.enquirybg{ width:75%; height:auto; margin:0 auto;background:url(../images/enqbg.jpg) no-repeat 48% 40%;    padding-top: 2%;}
.enquiry-lft{ width:45%; height:auto; float:left; }
.enquiry-rgt{ width:45%; height:auto; float:right;}
.enquiry-form{ width: 100%;height:auto;padding-top:4%;clear: both;}
.enquiry-form h5{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:left;  font-weight:normal; float:left; width:30%; }
.sep{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2%   }
.enquiry-box{ width:62%; height:auto; float:left; } 
.enqtxtbox{ width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff; float:left } 
.enquiry-form select{  width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff;  } 
.star{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#f00;float:left;padding-left:0.5%; width:2%}
.enqtxtbox1{ width:97%; height:80px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; line-height:18px;
padding:1%;background:#fff;    margin-right: 3%; } 
.captcha{ width:62%; height:auto; margin-left:35%; }
.enq-submit{ width:19%; height:auto; float:right; margin-right: 5%;}

.indextab{ width:23.85%; height:auto; float:left; margin-right:1.5%; margin-bottom:2%; }
.indextabimg{ width:100%; height:auto}
.indextabimg img{ width:100%; height:auto; display:block;}
.indextabtxt{ width:100%; height:auto;color:#777;font-size:1em; font-family: 'Open Sans', sans-serif;  font-weight:bold; text-align:left;padding:2% 0% 1% 0%   }
.indextabtxt a{ color:#777;font-family: 'Open Sans', sans-serif; text-decoration:none;  }
.indextabtxt a:hover{ color:#b7c25c;font-family: 'Open Sans', sans-serif; text-decoration:underline;  }
.indextab1{ width:23.85%; height:auto; float:right; margin-right:0%; }
.bottom_container1{ width:100%; height:auto; background:#d2d1d1; border-bottom:1px solid #fff;}



.ongoingcontainer{ width:30%; height:auto; background:#43B5FF;float:right;padding:0% 0% 1% 0%; margin-top:2%}
.ongoingcontainer_hd{ background:#239EEF; width:100%; height:auto;border-bottom:1px solid #74c6fc;}
.ongoingcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.4em; color:#fff; font-weight:normal; text-align:left; line-height:160%; background:  url(../images/ongoingicon.png) no-repeat 2% 49%;padding:1% 0% 1% 13%; margin-bottom:1%; width:90%; float:left}
.ongoingbox{ width:100%; height:auto; border-bottom:1px dashed #74c6fc; padding:2% 5% 3% 5%; margin:1% 0% 3% 0%}
.dat{ width:14%; height:auto; float:left; background:#fff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#43B5FF; font-weight:bold; text-align:center;padding:1% 0% 1% 0%;}
.ongoingtxt{ width:82%; height:auto; float:right;}
.ongoingtxt h6{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; text-align:justify; padding-bottom:.3%}
.ongoingtxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }

.ongoing-viewmore{ width:10%; height:auto; float: right; background:#239EEF;font-family: 'Open Sans', sans-serif;font-weight:normal; text-align:center; color:#43B5FF; font-size:.85em; margin:0% 0% 0% 0%;padding:4.5% 1% 1% 1% ;}
.ongoing-viewmore a{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:none;}
.ongoing-viewmore a:hover{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:underline;}
.consultation-free{ width:100%; height:24px; line-height:24px; color: rgb(183, 194, 92) !important;font-family: "Open Sans",sans-serif ;font-size: 1em !important;font-weight: bold;}
.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; float:left; margin-right:2px; margin-bottom:10px; margin-top:5px}
a.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; }
a:hover .free-sub{ width:auto; height:auto; padding:0px 5px; background-color:rgb(183, 194, 92) none repeat scroll 0 0; height:24px; line-height:24px; }
.tab-vert .tab-legend {
  width: 100%;
  float: left; }
  
  .tab-vert .tab-content {
  width: 80%;
  display: block;
  float: left;    padding-left: 2%; }
  
     .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      border-radius:5px;
      box-shadow:0px 0px 15px #999;
      position:absolute; width:350px !important; left:0px !important
	  
    }
	
	}
@media (min-width:737px) and (max-width: 991px){
	
main{ width:100%; height:auto}
.main-container{ width:96%; height:auto; margin:0 auto;}
header{ width:100%; height:auto; }
.logo-container{ width:20%; height:auto;padding-top: 1%; text-align:center; float:left}
.logo-container h1{font-family: 'Open Sans', sans-serif; font-size:.9em; color:#b7c25c; font-weight:normal; }
.menu-container{ width:100%; height:auto; margin-top:1%; display:none}
.hdr-rgt{ width:100%; height:auto; float:right; }
.callus{ width:70%; height:auto; float:right;border-bottom:1px solid #e5e5e5; padding: 1% 0% 1% 0%; display:none}
.socialicons{ width:20%; height:auto; float:right; border-left:1px solid #e5e5e5; padding: 1% 0% 1% 0%; }
.social{ width:auto; height:auto; float:right; padding: 0% 8% 0% 0%;}
.mail{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#b2b2b2; float:right; background:url(../images/email.png) no-repeat 0% 55%; padding:1% 1% 1% 3%;}
.mail a{ font-family:Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none}
.mail a:hover{ font-family:Arial, Helvetica, sans-serif; color:#b7c25c; text-decoration:underline}
.phone{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#b2b2b2; float:right; background:url(../images/callus.png) no-repeat 0% 55%; padding: 1% 1% 1% 3%;border-right: 1px solid #eee;}
.menu-wrapper{ width:100%; height:auto; clear:both; float:right;}

.mobilemenu{ display: block;}
.bnr-wrapper{ width:100%; height:425px; clear:both;  }
.bnr-wrapper img{ width:100%; height:auto;display:block}
.bnr-container{ width:100%; height:auto; clear:both; position:relative}

/*---------------------------*/
.welcome-wrapper1{ width:100%; height:auto;padding:0%; margin:0% 0% 0% 0%;  }
.wlcmcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.8em; color:#b7c25c; font-weight:bold; text-align:left; line-height:160%;padding-bottom: 0%;}
.wlcmcontainer h2 span{font-family: 'Open Sans', sans-serif; color:#666; font-weight:bold;}

.wlcmcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal }
.wlcmcontainer{ width:70%; height:auto; border-right:1px solid #fff; background:#fff; padding:1% 2% 0% 0%;float:left;}


/*---------------------------*/

.welcome-wrapper{ width:90%; height:auto;padding:0%; margin:0% 0% 0% 0%; position:absolute; bottom:-38%; left:5%}
.welcome-wrapper h2{font-family: 'Open Sans', sans-serif; font-size:1.7em; color:#fff; font-weight:bold; text-align:center; line-height:160%;}
.welcome-wrapper p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }
.wlcom{ width:32.5%; min-height:186px; float:left; background:#b7c25c; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #ccd866; background:url(../images/ntdesign.png) no-repeat 0% 0%; }
.wlcom p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow{ width:12%; height:auto; float:right;background:#a0ab46;padding:2% 2% 2% 2%}
.wlcomarow:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom1{ width:32.5%; min-height:186px; float:left; background:#aebc3e; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom1 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #c2dd51; background:url(../images/storageicon.png) no-repeat 0% 0%; }
.wlcom1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow1{ width:12%; height:auto; float:right;background:#9ba831;padding:2% 2% 2% 2%}
.wlcomarow1:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow1 img{ max-width:100%; width:auto; height:auto; display:block;}


.wlcom2{ width:32.5%; min-height:186px; float:right; background:#97b038; margin:0% 0% 0% 0%; padding:1.5%;}
.wlcom2 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #bad64e; background:url(../images/vpns.png) no-repeat 0% 0%; }
.wlcom2 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow2{ width:12%; height:auto; float:right;background:#859e28;padding:2% 2% 2% 2%}
.wlcomarow2:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow2 img{ max-width:100%; width:auto; height:auto; display:block;}
/*---------------------------*/

.index-servicecontainer1{ width:100%; height:auto;     padding-top: 2%;}
.index-servicecontainer1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer1 h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}


/*---------------------------*/
.ongoingpagebox{ width:100%; height:auto;border-bottom:1px solid #e0e0e0;padding:2% 0% 1% 0%; margin:1% 0% 1% 0%}
.ongoingpagetxt{ width:100%; height:auto;}
.ongoingpagedat{ width:9%; height:auto; float:left; background:#43b5ff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#fff; font-weight:bold; text-align:center;padding:.5% 0% .5% 0%;}
.ongoingpagetxt h6{  width:90%; height:auto;float:right;font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#777; font-weight:bold; text-align:justify; padding:1% 0% 0% 0%}
.ongoingpagetxt h6 a{ font-family:Arial, Helvetica, sans-serif;color:#777; font-weight:bold; text-decoration:none;}
.ongoingpagetxt h6 a:hover{ font-family:Arial, Helvetica, sans-serif;color:#b7c25c; font-weight:bold; text-decoration:underline;}
.ongoingpagetxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal; clear:both;    padding-top: 1%; }

.index-servicecontainer{ width:100%; height:auto;     padding-top: 16%;}
.index-servicecontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}
.viewmore{ width:10%; height:auto; float:left;font-family: 'Open Sans', sans-serif;font-size:.9em; color:#b7c25c; line-height:160%; font-weight:bold;padding:2% 0% 2% 0%;  }
.viewmore a{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#b7c25c; }
.viewmore a:hover{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#666;  }
.indexscroll{ width:100%; height:auto; clear:both; padding-bottom:2%;}

.bottom_container{ width:100%; height:auto; background:#b7c25c; border-bottom:2px solid #fff;}
.bottom_ph{ width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%; }
.bottom_ph a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; text-decoration:none; background-size:25px}
.bottom_ph a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; background-size:25px;text-decoration:underline;}
.bottom_mail{width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%;}
.bottom_mail a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;background:url(../images/b_mail.png) no-repeat 0% center; text-decoration:none; background-size:25px}
.bottom_mail a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_mail.png) no-repeat 0% center;  background-size:25px; text-decoration:underline;}

.bottom_web{width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1em; line-height:160%;}
.bottom_web a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png)no-repeat 0% center; text-decoration:none; background-size:25px;}
.bottom_web a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png) no-repeat 0% center; background-size:25px; text-decoration:underline;}
footer{ width:100%; height:auto; background:#313030;}
.ftr-container{ width:90%; height:auto; margin:0 auto; padding:1% 0% 0% 0%}
.quicklinks{ width:25%; height:auto; float:left;}

.quicklinks ul{ width:50%; height:auto; float:left; margin:0; padding:0;}
.quicklinks li{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#8c8c8c; line-height:160%;font-weight:normal; list-style-type:none; list-style-image: url(../images/quickarow.png); list-style-position:inside; padding:0% 0% 8% 0% }
.quicklinks li a{font-family: Arial, Helvetica, sans-serif; color:#8c8c8c;font-weight:normal; text-decoration:none; }
.quicklinks li a:hover{font-family: Arial, Helvetica, sans-serif; color:#b7c25c;font-weight:normal; text-decoration:none; }
.ftr-container h6{font-family: Arial, Helvetica, sans-serif; font-size:.95em; color:#d6d6d6; line-height:160%; font-weight:bold; padding-top:2%; text-transform:uppercase;padding-bottom:3%; }
.bus_enquiry{ width:50%; height:auto; float:left; padding:0% 8% 0% 2%;}
.bus_enquirybox{ width:100%; height:auto; float:left; margin:0% 1% 2% 0% }
.bus_enquirytxtbox{ width:100%; height:25px; background:#616161; padding:1%;font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#c1c0c0; padding-left:5px  }
.bus_enquirybox1{ width:100%; height:auto; float:left; margin:0% 2% 0% 0% }
.sendbtn{ width:25%; height:auto; float:left; margin-top:2%; margin-bottom:5%}
.follows{ width:25%; height:auto; float:right;filter: grayscale(0%);-webkit-filter: grayscale(0%); padding-bottom:2%}
.fol{ width: auto; height:auto; float:left; margin:0% 5% 0% 0%; filter: grayscale(100%);-webkit-filter: grayscale(100%)}
.fol:hover{  filter: grayscale(0%);-webkit-filter: grayscale(0%)}
.ftr_wrap{ width:100%; height:auto; background:#000000; padding-left:5%; padding-right:5%}
.ftr-img{ width: auto; height:auto;padding:15px 0% 1% 0%; float:right}
.copyright{ width:auto;  height:auto;font-family:Arial, Helvetica, sans-serif; color:#818689; font-size:.7em;line-height:4em; padding:0% 0% 0% 0%; float:left}
.my-slider {
	height:112px;
	/*margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: auto;
	overflow: hidden;
}


.my-slider li {
	float: left; margin-left:1%; border:1px solid #ebebeb; list-style-type:none;margin-bottom:10px;
}

.inrbnr{ width:100%; height:90px; clear:both; position:relative;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; /*background: url(../images/it-bnr.jpg); background-size:cover*/}

.inrbnr img{ width:100%; height:auto; display:block;}
.inrbnrtxt{ width:40%; height:auto; position:absolute; left: 6%;bottom: 22%;}
.inrbnrtxt h5{font-family: 'Open Sans', sans-serif;font-size:2.18em; color:#fff; font-weight:bold; line-height:110%; text-align:left; display:none}
.inrbnrtxt p{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; font-weight:normal; line-height:150%; text-align:justify; display:none}
.inr-contentcontainer{ width:100%; height:auto; padding:2% 0% 2% 0%; }
.abt-lft{ width:25%; height:auto; float:left}
.abt-lft img{ width:100%; height:auto; display:block;}
.abt-rgt{ width:100%; height:auto; float:right; padding:0% 0% 0% 0%}
.breadcrumps{ width:auto; height:auto;  right:0; bottom:4%; background: #b7c25c;padding: .5%;margin-right: 1%;}
.breadtxt{ width:auto; height:auto; float:right;font-family: 'Open Sans', sans-serif; font-size:.85em; color:#fff; font-weight:bold; padding:0em .3em 0em .3em; text-transform:uppercase;}
.breadtxt a{ font-family: 'Open Sans', sans-serif;  color:#fff; font-weight:normal; text-decoration:none;text-transform:uppercase;}
.breadtxt a:hover{ font-family: 'Open Sans', sans-serif;color:#fff; font-weight:normal;text-decoration:underline;text-transform:uppercase;}
.breadimg{ width:auto; height:auto; float:right;padding:0.2em .3em 0em .3em}
.abtcontainer{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; padding-bottom:1.5%; margin-bottom:2%; }
.abt-rgt h3{font-family: 'Open Sans', sans-serif;font-size:1.4em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:0%}
.abt-rgt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-col{ width:100%; height:auto; float:left; }
.abt-colimg{ width:75px; height:auto;    padding-bottom: 4%; float:left; }
.abt-colimg img{ max-width:100%; height:auto; display:block; float:left }
.abt-colimg img:hover{ max-width:100%; height:auto; display:block; float:left;  opacity: 0.4; filter: alpha(opacity=40); cursor: pointer }


.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}



.abt-coltxt{ width:100%; height:auto;padding:1% 0% 1% 0%  ; }
.abt-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center;}
.abt-coltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-coltxt1{ width:100%; height:auto;padding:0% 0% 0% 0% }
.abt-coltxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.serv-col{  width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding: 1%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ;}

.free_cons{ min-width:200px; width:auto;float: right; background:#b7c25c}
.free_cons ul{ margin:0; padding:0;}
.free_cons ul li{ width:auto;  text-align:center; list-style:none;color: rgb(255, 255, 255);
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 50px;
    padding: 0 2%;
    text-align: center;
    width: 100%;}
.free_cons ul li a{ float:left; padding:0% 2%; width:100%; line-height:50px;text-align:center; font-family: 'Open Sans', sans-serif;font-size:0.9em; color:#FFF; font-weight:bold; }
.free_cons ul li a:hover{ background:#999; display: block; float:left; }

.service-lft{ width:72%; height:auto; float:left; }
.service-container{ width:100%; height:auto;padding:0% 0% 1% 0%; margin:0% 0% 1% 0%}
.service-txt{ width:80%; height:auto; float:left;}
.service-img{ width:20%; height:auto; float:left;}
.service-img img{ max-width:100%; height:auto; display:block; float:right;}
.service-rgt{ width:25%; height:auto; float:right; }
.inr-contentcontainer h2{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.inr-contentcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.service-list{ width:48%; height:auto; float:left; padding-top:1%; padding-bottom:1%; margin-right:2%;}
.service-list h5{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500; }
.service-list ul{ margin:0; padding:0 }
.service-list li{font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; list-style-type:none; list-style-image:url(../images/liicon.png); list-style-position:outside; padding:1% 0% 1% 0%;    margin-left: 4%; }
.service-list h6{font-family: 'Open Sans', sans-serif;font-size:1em; color:#b7c25c; line-height:160%; font-weight:bold;  }
.sub-features{ width:100%; height:auto; }
.sub-features h5{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; line-height:160%; font-weight:bold;  border-left:5px solid #a8b351; background:#b7c25c url(../images/subf.png) no-repeat 95% 50%; padding:1% 0% 1% 3%; }
.subcol{ width:100%; height:auto; padding:3% 0% 3% 0%;}
.subcol ul{ margin:0; padding:0;}
.subcol li{ font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; 
padding: 1.5% 0% 1.5% 0%; list-style-type:none; list-style-image: url(../images/telecom.png); border-bottom:1px solid #e0e0e0; margin-left:5%;}

.servicecol{ width:48%; height:auto; float:left; border-bottom:1px solid #e0e0e0; margin-bottom:3%; padding-bottom:1%}
.servicecol1{ width:48%; height:auto; float:right; border-bottom:1px solid #e0e0e0;margin-bottom:3%;padding-bottom:1%}
.servicecolimg{ width:28%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg2{ width:33%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg3{ width:43%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}

.servicecoltxt{ width:71%; height:auto; float:right;}
.servicecoltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%;}
.imglft{ padding:.5%; margin-right:2%; margin-top:1%;border:1px solid #e0e0e0}
.partners-col{ width:48%; height:auto; float:left; margin:0% 1% 2% 1%; border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:2px solid #ebebeb; margin-top:2%}
.partners-col img{ max-width:100%; height:auto; margin:0 auto; display:block;}

.contact-col{ width:33%; height:auto; float:left; border-right:1px dotted #999999; min-height:150px; padding:3% 2% 0% 2%}
.contact-col1{ width:33%; height:auto; float:right; min-height:150px;padding:3% 1.5% 0% 1.5%}
.contactimg{ width:30%; height:auto; float:left; }
.contacttxt{ width:68%; height:auto; float:right; }
.contacttxt p{font-family: Arial, Helvetica, sans-serif; font-size:.9em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%; }
.locationmap{ width:100%; height:auto; clear:both; padding:2% 0% 0% 0% }
.locationmap img{ width:100%; height:auto; display:block;}

.enquirybg{ width:75%; height:auto; margin:0 auto;background:url(../images/enqbg.jpg) no-repeat 48% 40%;    padding-top: 2%;}
.enquiry-lft{ width:45%; height:auto; float:left; }
.enquiry-rgt{ width:45%; height:auto; float:right;}
.enquiry-form{ width: 100%;height:auto;padding-top:4%;clear: both;}
.enquiry-form h5{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:left;  font-weight:normal; float:left; width:30%; }
.sep{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2%   }
.enquiry-box{ width:62%; height:auto; float:left; } 
.enqtxtbox{ width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff; float:left } 
.enquiry-form select{  width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff;  } 
.star{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#f00;float:left;padding-left:0.5%; width:2%}
.enqtxtbox1{ width:97%; height:80px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; line-height:18px;
padding:1%;background:#fff;    margin-right: 3%; } 
.captcha{ width:62%; height:auto; margin-left:35%; }
.enq-submit{ width:19%; height:auto; float:right; margin-right: 5%;}

.indextab{ width:23.85%; height:auto; float:left; margin-right:1.5%; margin-bottom:2%; }
.indextabimg{ width:100%; height:auto}
.indextabimg img{ width:100%; height:auto; display:block;}
.indextabtxt{ width:100%; height:auto;color:#777;font-size:1em; font-family: 'Open Sans', sans-serif;  font-weight:bold; text-align:left;padding:2% 0% 1% 0%   }
.indextabtxt a{ color:#777;font-family: 'Open Sans', sans-serif; text-decoration:none;  }
.indextabtxt a:hover{ color:#b7c25c;font-family: 'Open Sans', sans-serif; text-decoration:underline;  }
.indextab1{ width:23.85%; height:auto; float:right; margin-right:0%; }
.bottom_container1{ width:100%; height:auto; background:#d2d1d1; border-bottom:1px solid #fff;}



.ongoingcontainer{ width:30%; height:auto; background:#43B5FF;float:right;padding:0% 0% 1% 0%; margin-top:2%}
.ongoingcontainer_hd{ background:#239EEF; width:100%; height:auto;border-bottom:1px solid #74c6fc;}
.ongoingcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.4em; color:#fff; font-weight:normal; text-align:left; line-height:160%; background:  url(../images/ongoingicon.png) no-repeat 2% 49%;padding:1% 0% 1% 13%; margin-bottom:1%; width:90%; float:left}
.ongoingbox{ width:100%; height:auto; border-bottom:1px dashed #74c6fc; padding:2% 5% 3% 5%; margin:1% 0% 3% 0%}
.dat{ width:14%; height:auto; float:left; background:#fff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#43B5FF; font-weight:bold; text-align:center;padding:1% 0% 1% 0%;}
.ongoingtxt{ width:82%; height:auto; float:right;}
.ongoingtxt h6{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; text-align:justify; padding-bottom:.3%}
.ongoingtxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }

.ongoing-viewmore{ width:10%; height:auto; float: right; background:#239EEF;font-family: 'Open Sans', sans-serif;font-weight:normal; text-align:center; color:#43B5FF; font-size:.85em; margin:0% 0% 0% 0%;padding:4.5% 1% 1% 1% ;}
.ongoing-viewmore a{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:none;}
.ongoing-viewmore a:hover{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:underline;}
.consultation-free{ width:100%; height:24px; line-height:24px; color: rgb(183, 194, 92) !important;font-family: "Open Sans",sans-serif ;font-size: 1.4em !important;font-weight: bold;}
.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; float:left; margin-right:2px; margin-bottom:10px; margin-top:5px}
a.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; }
a:hover .free-sub{ width:auto; height:auto; padding:0px 5px; background-color:rgb(183, 194, 92) none repeat scroll 0 0; height:24px; line-height:24px; }
.tab-vert .tab-legend {
  width: 100%;
  float: left; }
  
  .tab-vert .tab-content {
  width: 80%;
  display: block;
  float: left;    padding-left: 2%; }
  
     .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      border-radius:5px;
      box-shadow:0px 0px 15px #999;
      position:absolute; width:450px !important;
	  
    }
	
	}
@media (min-width:992px) and (max-width:1199px){

*{ margin:0; padding:0; border:0; outline:0;}
.clear{ clear:both;}

.serv-col{  width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding: 1%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ;}
 
.free_cons{ min-width:200px; width:auto;float: right; background:#b7c25c}
.free_cons ul{ margin:0; padding:0;}
.free_cons ul li{ width:auto;  text-align:center; list-style:none;color: rgb(255, 255, 255);
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 50px;
    padding: 0 2%;
    text-align: center;
    width: 100%;}
.free_cons ul li a{ float:left; padding:0% 2%; width:100%; line-height:50px;text-align:center; font-family: 'Open Sans', sans-serif;font-size:0.9em; color:#FFF; font-weight:bold; }
.free_cons ul li a:hover{ background:#999; display: block; float:left; }

main{ width:100%; height:auto}
.main-container{ width:90%; height:auto; margin:0 auto;}
header {    width: 100%;    height: auto;    z-index: 999;    /* padding: 44px 5% 0 0; */    background-color: #FFF;    padding-top: 45px;    padding-right: 5%;    padding-left: 5%;}
.logo-container{ width:13%; height:83px; float:left; margin-left:4%;margin-top:0px; background:#FFF }
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;*/
	padding: 0px 1.65em;
	color: #9d9d9d;
	text-decoration: none; /*line-height:83px*/
}
.logo-container{ width:15%; height:83px; float:left;margin-top:0px; background:#FFF; position:absolute; top:0; }
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;*/
	padding: 0px 1.65em;
	color: #9d9d9d;
	text-decoration: none; /*line-height:83px*/
}
.logo-container h1{font-family: 'Open Sans', sans-serif; font-size:.9em; color:#b7c25c; font-weight:normal; }
.hdr-rgt{ width:80%; height:auto; float:right; margin-right:0%}
.callus {    display: block;    width: 100%;    height: 43px;    /* float: right; */    line-height: 43px;    position: absolute;    top: 0;    left: 0;    right: 0;    margin: auto;    padding: 0% 5%;    border-bottom: 1px solid #eee;}
.socialicons{ display:none; width:20%; height:auto; float:right; border-left:1px solid #e5e5e5; padding: 1% 0% 1% 0%; }
.social{  width:auto; height:auto; float:right; padding: 0% 8% 0% 0%;}
.mail{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#989797; font-weight:bold; float:right;/* background:url(../images/email.png) no-repeat 0% 55%;*/ padding:0% 1% 0% 3%;}
.mail a{ font-family:Arial, Helvetica, sans-serif; color:#989797; text-decoration:none}
.mail a:hover{ font-family:Arial, Helvetica, sans-serif; color:#b7c25c; text-decoration:underline}
.phone{ font-family:Arial, Helvetica, sans-serif; font-size:.75em;font-weight:bold; color:#989797; float:right; /*background:url(../images/callus.png) no-repeat 0% 55%;*/ padding: 0% 1% 0% 3%;border-right: 1px solid #eee;}
.menu-wrapper {    width: auto;    height: auto;    clear: both;    float: right;    background: #FFF;   padding-bottom:0px;}
ul.MenuBarHorizontal a {
    display: block;
    cursor: pointer;
    /* background-color: #EEE; */
    padding: 1.8em .8em !important;
    color: #666;
    text-decoration: none;
    font-size: 1em;
}
.menu-container{ width: auto; height:auto; float:right;}
.mobilemenu{ display:none;}
.bnr-wrapper{ width:100%; height:527px; clear:both;  }
.bnr-wrapper img{ width:100%; height:auto;display:block}
.bnr-container{ width:100%; height:auto; clear:both; position:relative}


.welcome-wrapper{ width:95%; height:auto;padding:0%; margin:0% 0% 0% 0%; position:absolute; bottom:-46%; left:2.5%}
.welcome-wrapper h2{font-family: 'Open Sans', sans-serif; font-size:1.7em; color:#fff; font-weight:bold; text-align:center; line-height:160%}
.welcome-wrapper p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }
.wlcom{ width:32.5%; min-height:186px; float:left; background:#b7c25c; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #ccd866; background:url(../images/ntdesign.png) no-repeat 0% 0%; }
.wlcom p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow{ width:12%; height:auto; float:right;background:#a0ab46;padding:2% 2% 2% 2%}
.wlcomarow:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom1{ width:32.5%; min-height:186px; float:left; background:#aebc3e; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom1 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #c2dd51; background:url(../images/storageicon.png) no-repeat 0% 0%; }
.wlcom1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow1{ width:12%; height:auto; float:right;background:#9ba831;padding:2% 2% 2% 2%}
.wlcomarow1:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow1 img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom2{ width:32.5%; min-height:186px; float:right; background:#97b038; margin:0% 0% 0% 0%; padding:1.5%;}
.wlcom2 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #bad64e; background:url(../images/vpns.png) no-repeat 0% 0%; }
.wlcom2 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow2{ width:12%; height:auto; float:right;background:#859e28;padding:2% 2% 2% 2%}
.wlcomarow2:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow2 img{ max-width:100%; width:auto; height:auto; display:block;}

.index-servicecontainer{ width:100%; height:auto;     padding-top: 18%;}
.index-servicecontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}
.viewmore{ width:13%; height:auto; float:left;font-family: 'Open Sans', sans-serif;font-size:.9em; color:#b7c25c; line-height:160%; font-weight:bold;padding:2% 0% 2% 0%;  }
.viewmore a{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#b7c25c; }
.viewmore a:hover{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#666;  }
.indexscroll{ width:100%; height:auto; clear:both; padding-bottom:2%;}

.bottom_container{ width:100%; height:auto; background:#b7c25c; border-bottom:2px solid #fff;}
.bottom_ph{ width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1.5em; line-height:160%; }
.bottom_ph a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_phone.png) no-repeat 0%  center; text-decoration:none;background-size:25px}
.bottom_ph a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% center; text-decoration:underline; background-size:25px}
.bottom_mail{width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1.5em; line-height:160%;}
.bottom_mail a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_mail.png) no-repeat 0% center; text-decoration:none;background-size:25px}
.bottom_mail a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_mail.png) no-repeat 0% center; text-decoration:underline;background-size:25px}

.bottom_web{ width:31%; height:auto; float:right;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 5% 1% 0%;  font-size:1.5em; line-height:160%; text-align:right}
.bottom_web a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_web.png) no-repeat 0%  center; text-decoration:none; text-align:right;background-size:25px}
.bottom_web a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;background:url(../images/b_web.png) no-repeat 0%  center; text-decoration:underline;background-size:25px}
footer{ width:100%; height:auto; background:#313030;}
.ftr-container{ width:90%; height:auto; margin:0 auto; padding:1% 0% 0% 0%}
.quicklinks{ width:25%; height:auto; float:left; background: url(../images/fsep.png) no-repeat 90% center; min-height:185px;}

.quicklinks ul{ width:50%; height:auto; float:left; margin:0; padding:0;}
.quicklinks li{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#8c8c8c; line-height:160%;font-weight:normal; list-style-type:none; list-style-image: url(../images/quickarow.png); list-style-position:inside; padding:0% 0% 8% 0% }
.quicklinks li a{font-family: Arial, Helvetica, sans-serif; color:#8c8c8c;font-weight:normal; text-decoration:none; }
.quicklinks li a:hover{font-family: Arial, Helvetica, sans-serif; color:#b7c25c;font-weight:normal; text-decoration:none; }
.ftr-container h6{font-family: Arial, Helvetica, sans-serif; font-size:.95em; color:#d6d6d6; line-height:160%; font-weight:bold; padding-top:2%; text-transform:uppercase;padding-bottom:3%; }
.bus_enquiry{ width:50%; height:auto; float:left; background: url(../images/fsep.png) no-repeat 95% center;  min-height:185px; padding:0% 8% 0% 2%;}
.bus_enquirybox{ width:48%; height:auto; float:left; margin:0% 1% 2% 1% }
.bus_enquirytxtbox{ width:100%; height:36px; background:#616161; padding:1%;font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#c1c0c0;  }
.bus_enquirybox1{ width:78%; height:auto; float:left; margin:0% 2% 0% 1% }
.sendbtn{ width:19%; height:auto; float:left}
.follows{ width: auto; height:auto; float:right;filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.fol{ width: auto; height:auto; float:right; margin:0% 0% 0% 10px; filter: grayscale(100%);-webkit-filter: grayscale(100%)}
.fol:hover{  filter: grayscale(0%);-webkit-filter: grayscale(0%)}
.ftr_wrap{ width:100%; height:auto; background:#000000}
.ftr-img{ width: auto; float:right; height:auto;padding:15px 5% .5% 0%;}
.copyright{ width:50%;  height:auto;font-family:Arial, Helvetica, sans-serif; color:#818689; font-size:.7em;line-height:4em; padding:0% 0% 0% 5%;float:left; }
.my-slider {
	height:112px;
	/*margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: auto;
	overflow: hidden;
}


.my-slider li {
	float: left; margin-left:1%; border:1px solid #ebebeb; list-style-type:none;margin-bottom:10px;
}

.inrbnr{ width:100%; height:90px; clear:both; position:relative;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; /*background: url(../images/it-bnr.jpg); background-size:cover*/}
.inrbnr img{ width:100%; height:auto; display: none;}
.inrbnrtxt{ width:40%; height:auto; position:absolute; left: 6%;bottom:22%;}
.inrbnrtxt h5{font-family: 'Open Sans', sans-serif;font-size:2.18em; color:#999; font-weight: normal; line-height:110%; text-align:left}
.inrbnrtxt p{ display:none;font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#999; font-weight:normal; line-height:150%; text-align:justify;}
.abt-lft{ width:25%; height:auto; float:left}
.abt-lft img{ width:100%; height:auto; display:block;}
.abt-rgt{ width:100%; height:auto; float:right; padding:0% 0% 0% 0%}
.breadcrumps{ width:auto; height:auto; position:absolute; right:5%; bottom:4%; background: #b7c25c;padding: .5%;margin-right: 1%;}
.breadtxt{ width:auto; height:auto; float:right;font-family: 'Open Sans', sans-serif; font-size:.85em; color:#fff; font-weight:bold; padding:0em .3em 0em .3em; text-transform:uppercase;}
.breadtxt a{ font-family: 'Open Sans', sans-serif;  color:#fff; font-weight:normal; text-decoration:none;text-transform:uppercase;}
.breadtxt a:hover{ font-family: 'Open Sans', sans-serif;color:#fff; font-weight:normal;text-decoration:underline;text-transform:uppercase;}
.breadimg{ width:auto; height:auto; float:right;padding:0.2em .3em 0em .3em}
.abtcontainer{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; padding-bottom:1.5%; margin-bottom:2%; }
.abt-rgt h3{font-family: 'Open Sans', sans-serif;font-size:1.4em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:0%}
.abt-rgt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-col{ width:25%; height:auto; float:left; }
.abt-colimg{ width:75px; height:auto;    padding-bottom: 4%; float:left; }
.abt-colimg img{ max-width:100%; height:auto; display:block; float:left }
.abt-colimg img:hover{ max-width:100%; height:auto; display:block; float:left;  opacity: 0.4; filter: alpha(opacity=40); cursor: pointer }


.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.abt-coltxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-coltxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-coltxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}

.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.service-lft{ width:60%; height:auto; float:left; }
.service-container{ width:100%; height:auto;  padding:0% 0% 1% 0%; margin:0% 0% 1% 0%}
.service-txt{ width:80%; height:auto; float:left;}
.service-img{ width:20%; height:auto; float:left;}
.service-img img{ max-width:100%; height:auto; display:block; float:right;}
.service-rgt{ width:39%; height:auto; float:right; }
.inr-contentcontainer h2{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.inr-contentcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.service-list{ width:48%; height:auto; float:left; padding-top:1%; padding-bottom:1%; margin-right:2%;}
.service-list h5{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.service-list ul{ margin:0; padding:0 }
.service-list li{font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; list-style-type:none; list-style-image:url(../images/liicon.png); list-style-position:outside; padding:1% 0% 1% 0%;    margin-left: 4%; }
.service-list h6{font-family: 'Open Sans', sans-serif;font-size:1em; color:#b7c25c; line-height:160%; font-weight:bold;  }
.sub-features{ width:100%; height:auto; }
.sub-features h5{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; line-height:160%; font-weight:bold;  border-left:5px solid #a8b351; background:#b7c25c url(../images/subf.png) no-repeat 95% 50%; padding:1% 0% 1% 3%; }
.subcol{ width:100%; height:auto; padding:3% 0% 3% 0%;}
.subcol ul{ margin:0; padding:0;}
.subcol li{ font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; 
padding: 1.5% 0% 1.5% 0%; list-style-type:none; list-style-image: url(../images/telecom.png); border-bottom:1px solid #e0e0e0; margin-left:5%;}

.servicecol{ width:48%; height:auto; float:left; border-bottom:1px solid #e0e0e0; margin-bottom:3%; padding-bottom:1%}
.servicecol1{ width:48%; height:auto; float:right; border-bottom:1px solid #e0e0e0;margin-bottom:3%;padding-bottom:1%}
.servicecolimg{ width:28%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecoltxt{ width:71%; height:auto; float:right;}
.servicecoltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%;}
.imglft{ padding:.5%; margin-right:2%; margin-top:1%;border:1px solid #e0e0e0}
.partners-col{ width:23%; height:auto; float:left; margin:0% 1% 2% 1%; border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:2px solid #ebebeb;}
.partners-col img{ max-width:100%; height:auto; margin:0 auto; display:block;}

.contact-col{ width:33%; height:auto; float:left; border-right:1px dotted #999999; min-height:150px; padding:3% 2% 0% 2%}
.contact-col1{ width:33%; height:auto; float:right; min-height:150px;padding:3% 1.5% 0% 1.5%}
.contactimg{ width:30%; height:auto; float:left; }
.contacttxt{ width:68%; height:auto; float:right; }
.contacttxt p{font-family: Arial, Helvetica, sans-serif; font-size:.9em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%; }
.locationmap{ width:100%; height:auto; clear:both; padding:2% 0% 0% 0% }
.locationmap img{ width:100%; height:auto; display:block;}

.enquirybg{ width:75%; height:auto; margin:0 auto;background:url(../images/enqbg.jpg) no-repeat 48% 40%;    padding-top: 2%;}
.enquiry-lft{ width:45%; height:auto; float:left; }
.enquiry-rgt{ width:45%; height:auto; float:right;}
.enquiry-form{ width: 100%;height:auto;padding-top:4%;clear: both;}
.enquiry-form h5{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:left;  font-weight:normal; float:left; width:30%; }
.sep{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2%   }
.enquiry-box{ width:62%; height:auto; float:left; } 
.enqtxtbox{ width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff; float:left } 
.enquiry-form select{  width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff;  } 
.star{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#f00;float:left;padding-left:0.5%; width:2%}
.enqtxtbox1{ width:97%; height:80px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; line-height:18px;
padding:1%;background:#fff;    margin-right: 3%; } 
.captcha{ width:62%; height:auto; margin-left:35%; }
.enq-submit{ width:19%; height:auto; float:right; margin-right: 5%;}

/*---------------------------*/
.welcome-wrapper1{ width:100%; height:auto;padding:0%; margin:0% 0% 0% 0%;  }
.wlcmcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.7em;color:#b7c25c; font-weight:bold; text-align:left; line-height:160%;padding-bottom:0%;}
.wlcmcontainer h2 span{font-family: 'Open Sans', sans-serif; color:#666; font-weight:bold;}

.wlcmcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal }
.wlcmcontainer{ width:70%; height:auto; border-right:1px solid #fff; background:#fff; padding:1% 2% 0% 0%;float:left;}

/*---------------------------*/

/*---------------------------*/

.index-servicecontainer1{ width:100%; height:auto;     padding-top: 2%;}
.index-servicecontainer1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer1 h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}

.indextab{ width:23.85%; height:auto; float:left; margin-right:1.5%; margin-bottom:2%; }
.indextabimg{ width:100%; height:auto}
.indextabimg img{ width:100%; height:auto; display:block;}
.indextabtxt{ width:100%; height:auto;color:#777;font-size:.95em; font-family: 'Open Sans', sans-serif;  font-weight:bold; text-align:left;padding:2% 0% 1% 0%   }
.indextabtxt a{ color:#777;font-family: 'Open Sans', sans-serif; text-decoration:none;  }
.indextabtxt a:hover{ color:#b7c25c;font-family: 'Open Sans', sans-serif; text-decoration:underline;  }
.indextab1{ width:23.85%; height:auto; float:right; margin-right:0%; }

.bottom_container1{ width:100%; height:auto; background:#d2d1d1; border-bottom:1px solid #fff;}


.ongoingcontainer{ width:30%; height:auto; background:#43B5FF;float:right;padding:0% 0% 1% 0%; margin-top:2%;}
.ongoingcontainer_hd{ background:#239EEF; width:100%; height:auto;border-bottom:1px solid #74c6fc;}
.ongoingcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.4em; color:#fff; font-weight:normal; text-align:left; line-height:160%; background:  url(../images/ongoingicon.png) no-repeat 2% 49%;padding:1% 0% 1% 13%; margin-bottom:1%; width:90%; float:left}
.ongoingbox{ width:100%; height:auto; border-bottom:1px dashed #74c6fc; padding:2% 5% 3% 5%; margin:1% 0% 3% 0%}
.dat{ width:14%; height:auto; float:left; background:#fff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#43B5FF; font-weight:bold; text-align:center;padding:1% 0% 1% 0%;}
.ongoingtxt{ width:82%; height:auto; float:right;}
.ongoingtxt h6{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; text-align:justify; padding-bottom:.3%}
.ongoingtxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }

.ongoing-viewmore{ width:10%; height:auto; float: right; background:#239EEF;font-family: 'Open Sans', sans-serif;font-weight:normal; text-align:center; color:#43B5FF; font-size:.85em; margin:0% 0% 0% 0%;padding:4.5% 1% 1% 1% ;}
.ongoing-viewmore a{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:none;}
.ongoing-viewmore a:hover{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:underline;}

/*---------------------------*/
.ongoingpagebox{ width:100%; height:auto;border-bottom:1px solid #e0e0e0;padding:2% 0% 1% 0%; margin:1% 0% 1% 0%}
.ongoingpagetxt{ width:100%; height:auto;}
.ongoingpagedat{ width:9%; height:auto; float:left; background:#43b5ff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#fff; font-weight:bold; text-align:center;padding:.5% 0% .5% 0%;}
.ongoingpagetxt h6{  width:90%; height:auto;float:right;font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#777; font-weight:bold; text-align:justify; padding:1% 0% 0% 0%}
.ongoingpagetxt h6 a{ font-family:Arial, Helvetica, sans-serif;color:#777; font-weight:bold; text-decoration:none;}
.ongoingpagetxt h6 a:hover{ font-family:Arial, Helvetica, sans-serif;color:#b7c25c; font-weight:bold; text-decoration:underline;}
.ongoingpagetxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal; clear:both;    padding-top: 1%; }

.consultation-free{ width:100%; height:24px; line-height:24px; color: rgb(183, 194, 92) !important;font-family: "Open Sans",sans-serif ;font-size: 1.4em !important;font-weight: bold;}
.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; float:left; margin-right:2px; margin-bottom:10px; margin-top:5px}
a.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; }
a:hover .free-sub{ width:auto; height:auto; padding:0px 5px; background-color:rgb(183, 194, 92) none repeat scroll 0 0; height:24px; line-height:24px; }
.tab-vert .tab-legend {
  width: 30% !important;
  float: left; }
  
  .tab-vert .tab-content {
  width: 70% !important;
  display: block;
  float: left;    padding-left: 2%; }
  
     .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      border-radius:5px;
      box-shadow:0px 0px 15px #999;
      position:absolute; width:450px !important;
	  
    }
}



@media (min-width:1200px) and (max-width:1360px){
*{ margin:0; padding:0; border:0; outline:0;}
.clear{ clear:both;}

.serv-col{  width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding: 1%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ;}
main{ width:100%; height:auto}
.main-container{ width:90%; height:auto; margin:0 auto;}
header {    width: 100%;    height: auto;    z-index: 999;    /* padding: 44px 5% 0 0; */    background-color: #FFF;    padding-top: 45px;    padding-right: 5%;    padding-left: 5%;}
.logo-container{ width:13%; height:83px; float:left; margin-left:4%;margin-top:0px; background:#FFF }
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;*/
	padding: 0px 1.65em;
	color: #9d9d9d;
	text-decoration: none; /*line-height:83px*/
}
.logo-container{ width:15%; height:83px; float:left;margin-top:0px; background:#FFF; position:absolute; top:0; }
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;*/
	padding: 0px 1.65em;
	color: #9d9d9d;
	text-decoration: none; /*line-height:83px*/
}
.logo-container h1{font-family: 'Open Sans', sans-serif; font-size:.9em; color:#b7c25c; font-weight:normal; }
.hdr-rgt{ width:80%; height:auto; float:right; margin-right:0%}
.callus {    display: block;    width: 100%;    height: 43px;    /* float: right; */    line-height: 43px;    position: absolute;    top: 0;    left: 0;    right: 0;    margin: auto;    padding: 0% 5%;    border-bottom: 1px solid #eee;}
.socialicons{ display:none; width:20%; height:auto; float:right; border-left:1px solid #e5e5e5; padding: 1% 0% 1% 0%; }
.social{  width:auto; height:auto; float:right; padding: 0% 8% 0% 0%;}
.mail{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#989797; font-weight:bold; float:right;/* background:url(../images/email.png) no-repeat 0% 55%;*/ padding:0% 1% 0% 3%;}
.mail a{ font-family:Arial, Helvetica, sans-serif; color:#989797; text-decoration:none}
.mail a:hover{ font-family:Arial, Helvetica, sans-serif; color:#b7c25c; text-decoration:underline}
.phone{ font-family:Arial, Helvetica, sans-serif; font-size:.75em;font-weight:bold; color:#989797; float:right; /*background:url(../images/callus.png) no-repeat 0% 55%;*/ padding: 0% 1% 0% 3%;border-right: 1px solid #eee;}
.menu-wrapper {    width: auto;    height: auto;    clear: both;    float: right;    background: #FFF;   padding-bottom:0px;}
.menu-container{ width: auto; height:auto; float:right; display:block}
.mobilemenu{ display:none;}
.bnr-wrapper{ width:100%; height:527px; clear:both;  }
.bnr-wrapper img{ width:100%; height:auto;display:block}
.bnr-container{ width:100%; height:auto; clear:both; position:relative}


/*---------------------------*/
.welcome-wrapper1{ width:100%; height:auto;padding:0%; margin:0% 0% 0% 0%;  }
.wlcmcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.8em; color:#b7c25c; font-weight:bold; text-align:left; line-height:160%;padding-bottom: 0%;}
.wlcmcontainer h2 span{font-family: 'Open Sans', sans-serif; color:#666; font-weight:bold;}

.wlcmcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal }
.wlcmcontainer{ width:70%; height:auto; border-right:1px solid #fff; background:#fff; padding:1% 2% 0% 0%;float:left;}


/*---------------------------*/

.welcome-wrapper{ width:90%; height:auto;padding:0%; margin:0% 0% 0% 0%; position:absolute; bottom:-38%; left:5%}
.welcome-wrapper h2{font-family: 'Open Sans', sans-serif; font-size:1.7em; color:#fff; font-weight:bold; text-align:center; line-height:160%;}
.welcome-wrapper p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }
.wlcom{ width:32.5%; min-height:186px; float:left; background:#b7c25c; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #ccd866; background:url(../images/ntdesign.png) no-repeat 0% 0%; }
.wlcom p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow{ width:12%; height:auto; float:right;background:#a0ab46;padding:2% 2% 2% 2%}
.wlcomarow:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom1{ width:32.5%; min-height:186px; float:left; background:#aebc3e; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom1 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #c2dd51; background:url(../images/storageicon.png) no-repeat 0% 0%; }
.wlcom1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow1{ width:12%; height:auto; float:right;background:#9ba831;padding:2% 2% 2% 2%}
.wlcomarow1:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow1 img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom2{ width:32.5%; min-height:186px; float:right; background:#97b038; margin:0% 0% 0% 0%; padding:1.5%;}
.wlcom2 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #bad64e; background:url(../images/vpns.png) no-repeat 0% 0%; }
.wlcom2 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow2{ width:12%; height:auto; float:right;background:#859e28;padding:2% 2% 2% 2%}
.wlcomarow2:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow2 img{ max-width:100%; width:auto; height:auto; display:block;}
/*---------------------------*/

.index-servicecontainer1{ width:100%; height:auto;     padding-top: 2%;}
.index-servicecontainer1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer1 h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}


/*---------------------------*/
.ongoingpagebox{ width:100%; height:auto;border-bottom:1px solid #e0e0e0;padding:2% 0% 1% 0%; margin:1% 0% 1% 0%}
.ongoingpagetxt{ width:100%; height:auto;}
.ongoingpagedat{ width:9%; height:auto; float:left; background:#43b5ff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#fff; font-weight:bold; text-align:center;padding:.5% 0% .5% 0%;}
.ongoingpagetxt h6{  width:90%; height:auto;float:right;font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#777; font-weight:bold; text-align:justify; padding:1% 0% 0% 0%}
.ongoingpagetxt h6 a{ font-family:Arial, Helvetica, sans-serif;color:#777; font-weight:bold; text-decoration:none;}
.ongoingpagetxt h6 a:hover{ font-family:Arial, Helvetica, sans-serif;color:#b7c25c; font-weight:bold; text-decoration:underline;}
.ongoingpagetxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal; clear:both;    padding-top: 1%; }

.index-servicecontainer{ width:100%; height:auto;     padding-top: 16%;}
.index-servicecontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}
.viewmore{ width:10%; height:auto; float:left;font-family: 'Open Sans', sans-serif;font-size:.9em; color:#b7c25c; line-height:160%; font-weight:bold;padding:2% 0% 2% 0%;  }
.viewmore a{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#b7c25c; }
.viewmore a:hover{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#666;  }
.indexscroll{ width:100%; height:auto; clear:both; padding-bottom:2%;}

.bottom_container{ width:100%; height:auto; background:#b7c25c; border-bottom:2px solid #fff;}
.bottom_ph{ width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1.5em; line-height:160%; }
.bottom_ph a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% 0%; text-decoration:none;}
.bottom_ph a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_phone.png) no-repeat 0% 0%; text-decoration:underline;}
.bottom_mail{width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1.5em; line-height:160%;}
.bottom_mail a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;background:url(../images/b_mail.png) no-repeat 0% 0%; text-decoration:none;}
.bottom_mail a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_mail.png) no-repeat 0% 0%; text-decoration:underline;}

.bottom_web{ width:31%; height:auto; float:right;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 5% 1% 0%;  font-size:1.5em; line-height:160%; text-align:right}
.bottom_web a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png) no-repeat 0% 0%; text-decoration:none; text-align:right}
.bottom_web a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png) no-repeat 0% 0%; text-decoration:underline;}
footer{ width:100%; height:auto; background:#313030;}
.ftr-container{ width:90%; height:auto; margin:0 auto; padding:1% 0% 0% 0%}
.quicklinks{ width:25%; height:auto; float:left; background: url(../images/fsep.png) no-repeat 90% center; min-height:185px;}

.quicklinks ul{ width:50%; height:auto; float:left; margin:0; padding:0;}
.quicklinks li{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#8c8c8c; line-height:160%;font-weight:normal; list-style-type:none; list-style-image: url(../images/quickarow.png); list-style-position:inside; padding:0% 0% 8% 0% }
.quicklinks li a{font-family: Arial, Helvetica, sans-serif; color:#8c8c8c;font-weight:normal; text-decoration:none; }
.quicklinks li a:hover{font-family: Arial, Helvetica, sans-serif; color:#b7c25c;font-weight:normal; text-decoration:none; }
.ftr-container h6{font-family: Arial, Helvetica, sans-serif; font-size:.95em; color:#d6d6d6; line-height:160%; font-weight:bold; padding-top:2%; text-transform:uppercase;padding-bottom:3%; }
.bus_enquiry{ width:50%; height:auto; float:left; background: url(../images/fsep.png) no-repeat 95% center;  min-height:185px; padding:0% 8% 0% 2%;}
.bus_enquirybox{ width:48%; height:auto; float:left; margin:0% 1% 2% 0% }
.bus_enquirytxtbox{ width:100%; height:36px; background:#616161; padding:1%;font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#c1c0c0; padding-left:5px  }
.bus_enquirybox1{ width:78%; height:auto; float:left; margin:0% 2% 0% 0% }
.sendbtn{ width:19%; height:auto; float:left}
.follows{ width:15%; height:auto; float:right;filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.fol{ width: auto; height:auto; float:right; margin:0% 5.6% 0% 0%; filter: grayscale(100%);-webkit-filter: grayscale(100%)}
.fol:hover{  filter: grayscale(0%);-webkit-filter: grayscale(0%)}
.ftr_wrap{ width:100%; height:auto; background:#000000}
.ftr-img{ width: auto; float:right; height:auto;padding:15px 5% .5% 0%;}
.copyright{ width:50%;  height:auto;font-family:Arial, Helvetica, sans-serif; color:#818689; font-size:.7em;line-height:4em; padding:0% 0% 0% 5%;float:left; }
.my-slider {
	height:112px;
	/*margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: auto;
	overflow: hidden;
}


.my-slider li {
	float: left; margin-left:1%; border:1px solid #ebebeb; list-style-type:none; margin-bottom:10px;
}

.inrbnr{ width:100%; height:90px; clear:both; position:relative;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; /*background: url(../images/it-bnr.jpg); background-size:cover*/}
.inrbnr img{ width:100%; height:auto; display: none;}
.inrbnrtxt{ width:40%; height:auto; position:absolute; left: 6%;bottom:22%;}
.inrbnrtxt h5{font-family: 'Open Sans', sans-serif;font-size:2.18em; color:#999; font-weight: normal; line-height:110%; text-align:left}
.inrbnrtxt p{ display:none;font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#999; font-weight:normal; line-height:150%; text-align:justify;}
.inr-contentcontainer{ width:100%; height:auto; padding:3% 0% 2% 0%; }
.abt-lft{ width:25%; height:auto; float:left}
.abt-lft img{ width:100%; height:auto; display:block;}
.abt-rgt{ width:100%; height:auto; float:right; padding:0% 0% 0% 0%}
.breadcrumps{ width:auto; height:auto; position:absolute; right:5%; bottom:30%; background: #b7c25c;padding: .5%;margin-right: 1%;}
.breadtxt{ width:auto; height:auto; float:right;font-family: 'Open Sans', sans-serif; font-size:.85em; color:#fff; font-weight:bold; padding:0em .3em 0em .3em; text-transform:uppercase;}
.breadtxt a{ font-family: 'Open Sans', sans-serif;  color:#fff; font-weight:normal; text-decoration:none;text-transform:uppercase;}
.breadtxt a:hover{ font-family: 'Open Sans', sans-serif;color:#fff; font-weight:normal;text-decoration:underline;text-transform:uppercase;}
.breadimg{ width:auto; height:auto; float:right;padding:0.2em .3em 0em .3em}
.abtcontainer{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; padding-bottom:1.5%; margin-bottom:2%; }
.abt-rgt h3{font-family: 'Open Sans', sans-serif;font-size:1.8em; color:#666; line-height:160%; font-weight:500; padding-top:0%}
.abt-rgt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-col{ width:25%; height:auto; float:left; }
.abt-colimg{ width:75px; height:auto;    padding-bottom: 4%; float:left; }
.abt-colimg img{ max-width:100%; height:auto; display:block; float:left }
.abt-colimg img:hover{ max-width:100%; height:auto; display:block; float:left;  opacity: 0.4; filter: alpha(opacity=40); cursor: pointer }

.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.callaims{ width:100%; height:100px; float:left; border:1px solid #dadada; padding:5% 3%; margin:0% 0% 5% 0%; position:relative}
.callaims h3{font-family: 'Open Sans', sans-serif;font-size:1.1em; color:#333; line-height:100%; font-weight:bold; padding-top:0%}
.callaims h4{font-family: 'Open Sans', sans-serif; font-size:0.7em; text-align:justify; color:#333; line-height:160%; font-weight:bold}
.contactaims{ width:43%; height:auto; float:right; position: absolute;   top: 30%;    right:0%; }
a.btn.btn-blue {
		display: inline-block;text-decoration: none;
	color: #666;
	background-color: #eee;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 2px;
	font-size: 13px;
	padding: 10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-width: 3px;

	background-color: #699DB6;
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	a.btn.btn-blue:hover {
		background-color: #4F87A2;
		border-color: rgba(0,0,0,0.5);
	}
	
	a.btn.btn-blue:active {
		background-color: #3C677B;
		border-color: rgba(0,0,0,0.9);
	}



.abt-coltxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center;}
.abt-coltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-coltxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-coltxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}

.serv-col{  width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding:3% 2%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{ width:100%; height:auto; min-height:20px;padding:0% 6% 0% 6%  ;}

.free_cons{ min-width:200px; width:auto;float: right; background:#b7c25c}
.free_cons ul{ margin:0; padding:0;}
.free_cons ul li{ width:auto;  text-align:center; list-style:none;color: rgb(255, 255, 255);
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 50px;
    padding: 0 2%;
    text-align: center;
    width: 100%;}
.free_cons ul li a{ float:left; padding:0% 2%; width:100%; line-height:50px;text-align:center; font-family: 'Open Sans', sans-serif;font-size:0.9em; color:#FFF; font-weight:bold; }
.free_cons ul li a:hover{ background:#999; display: block; float:left; }

.service-lft{ width:54%; height:auto; float:left; }
.service-container{ width:100%; height:auto;  padding:0% 0% 1% 0%; margin:0% 0% 1% 0%}
.service-txt{ width:100%; height:auto; float:left;}
.service-img{ width:20%; height:auto; float:left;}
.service-img img{ max-width:100%; height:auto; display:block; float:right;}
.service-rgt{ width:43%; height:auto; float:right; }
.inr-contentcontainer h2{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.inr-contentcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align: justify; color:#777; line-height:160%; font-weight:normal}
.service-list{ width:48%; height:auto; float:left; padding-top:1%; padding-bottom:1%; margin-right:2%;}
.service-list h5{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.service-list ul{ margin:0; padding:0 }
.service-list li{font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; list-style-type:none; list-style-image:url(../images/liicon.png); list-style-position:outside; padding:1% 0% 1% 0%;    margin-left: 4%; }
.service-list h6{font-family: 'Open Sans', sans-serif;font-size:1em; color:#b7c25c; line-height:160%; font-weight:bold;  }
.sub-features{ width:100%; height:auto; }
.sub-features h5{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; line-height:160%; font-weight:bold;  border-left:5px solid #a8b351; background:#b7c25c url(../images/subf.png) no-repeat 95% 50%; padding:1% 0% 1% 3%; }
.subcol{ width:100%; height:auto; padding:3% 0% 3% 0%;}
.subcol ul{ margin:0; padding:0;}
.subcol li{ font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; 
padding: 1.5% 0% 1.5% 0%; list-style-type:none; list-style-image: url(../images/telecom.png); border-bottom:1px solid #e0e0e0; margin-left:5%;}

.servicecol{ width:48%; height:auto; float:left; border-bottom:1px solid #e0e0e0; margin-bottom:3%; padding-bottom:1%}
.servicecol1{ width:48%; height:auto; float:right; border-bottom:1px solid #e0e0e0;margin-bottom:3%;padding-bottom:1%}
.servicecolimg{ width:28%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg2{ width:33%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg3{ width:43%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}

.servicecoltxt{ width:71%; height:auto; float:right;}
.servicecoltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%;}
.imglft{ padding:.5%; margin-right:2%; margin-top:1%;border:1px solid #e0e0e0}
.partners-col{ width:23%; height:auto; float:left; margin:0% 1% 2% 1%; border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:2px solid #ebebeb; }
.partners-col img{ max-width:100%; height:auto; margin:0 auto; display:block;}

.contact-col{ width:33%; height:auto; float:left; border-right:1px dotted #999999; min-height:150px; padding:3% 2% 0% 2%}
.contact-col1{ width:33%; height:auto; float:right; min-height:150px;padding:3% 1.5% 0% 1.5%}
.contactimg{ width:30%; height:auto; float:left; }
.contacttxt{ width:68%; height:auto; float:right; }
.contacttxt p{font-family: Arial, Helvetica, sans-serif; font-size:.9em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%; }
.locationmap{ width:100%; height:auto; clear:both; padding:2% 0% 0% 0% }
.locationmap img{ width:100%; height:auto; display:block;}

.enquirybg{ width:75%; height:auto; margin:0 auto;background:url(../images/enqbg.jpg) no-repeat 48% 40%;    padding-top: 2%;}
.enquiry-lft{ width:45%; height:auto; float:left; }
.enquiry-rgt{ width:45%; height:auto; float:right;}
.enquiry-form{ width: 100%;height:auto;padding-top:4%;clear: both;}
.enquiry-form h5{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:left;  font-weight:normal; float:left; width:30%; }
.sep{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2%   }
.enquiry-box{ width:62%; height:auto; float:left; } 
.enqtxtbox{ width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff; float:left } 
.enquiry-form select{  width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff;  } 
.star{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#f00;float:left;padding-left:0.5%; width:2%}
.enqtxtbox1{ width:97%; height:80px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; line-height:18px;
padding:1%;background:#fff;    margin-right: 3%; } 
.captcha{ width:62%; height:auto; margin-left:35%; }
.enq-submit{ width:19%; height:auto; float:right; margin-right: 5%;}

.indextab{ width:23.85%; height:auto; float:left; margin-right:1.5%; margin-bottom:2%; }
.indextabimg{ width:100%; height:auto}
.indextabimg img{ width:100%; height:auto; display:block;}
.indextabtxt{ width:100%; height:auto;color:#777;font-size:1em; font-family: 'Open Sans', sans-serif;  font-weight:bold; text-align:left;padding:2% 0% 1% 0%   }
.indextabtxt a{ color:#777;font-family: 'Open Sans', sans-serif; text-decoration:none;  }
.indextabtxt a:hover{ color:#b7c25c;font-family: 'Open Sans', sans-serif; text-decoration:underline;  }
.indextab1{ width:23.85%; height:auto; float:right; margin-right:0%; }
.bottom_container1{ width:100%; height:auto; background:#d2d1d1; border-bottom:1px solid #fff;}



.ongoingcontainer{ width:30%; height:auto; background:#43B5FF;float:right;padding:0% 0% 1% 0%; margin-top:2%}
.ongoingcontainer_hd{ background:#239EEF; width:100%; height:auto;border-bottom:1px solid #74c6fc;}
.ongoingcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.4em; color:#fff; font-weight:normal; text-align:left; line-height:160%; background:  url(../images/ongoingicon.png) no-repeat 2% 49%;padding:1% 0% 1% 13%; margin-bottom:1%; width:90%; float:left}
.ongoingbox{ width:100%; height:auto; border-bottom:1px dashed #74c6fc; padding:2% 5% 3% 5%; margin:1% 0% 3% 0%}
.dat{ width:14%; height:auto; float:left; background:#fff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#43B5FF; font-weight:bold; text-align:center;padding:1% 0% 1% 0%;}
.ongoingtxt{ width:82%; height:auto; float:right;}
.ongoingtxt h6{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; text-align:justify; padding-bottom:.3%}
.ongoingtxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }

.ongoing-viewmore{ width:10%; height:auto; float: right; background:#239EEF;font-family: 'Open Sans', sans-serif;font-weight:normal; text-align:center; color:#43B5FF; font-size:.85em; margin:0% 0% 0% 0%;padding:4.5% 1% 1% 1% ;}
.ongoing-viewmore a{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:none;}
.ongoing-viewmore a:hover{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:underline;}
.consultation-free{ width:100%; height:24px; line-height:24px; color: rgb(183, 194, 92) !important;font-family: "Open Sans",sans-serif ;font-size: 1.4em !important;font-weight: bold;}
.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; float:left; margin-right:2px; margin-bottom:10px; margin-top:5px}
a.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; }
a:hover .free-sub{ width:auto; height:auto; padding:0px 5px; background-color:rgb(183, 194, 92) none repeat scroll 0 0; height:24px; line-height:24px; }
.tab-vert .tab-legend {
  width: 20% !important;
  float: left; }
  
  .tab-vert .tab-content {
  width: 80% !important;
  display: block;
  float: left;}
  
     .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      border-radius:5px;
      box-shadow:0px 0px 15px #999;
      position:absolute; width:450px !important;
	  
    }
  
  }
  
  
  @media (min-width:1361px) and (max-width:1599px){*{ margin:0; padding:0; border:0; outline:0;}
.clear{ clear:both;}

.serv-col{ width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding:2% 1%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{ width:100%; height:auto; min-height:20px;padding:0% 6% 0% 6%  ;}
main{ width:100%; height:auto}
.main-container{ width:90%; height:auto; margin:0 auto;}
header {    width: 100%;    height: auto;    z-index: 999;    /* padding: 44px 5% 0 0; */    background-color: #FFF;    padding-top: 45px;    padding-right: 5%;    padding-left: 5%;}
.logo-container{ width:13%; height:83px; float:left; margin-left:4%;margin-top:0px; background:#FFF }
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;*/
	padding: 0px 1.65em;
	color: #9d9d9d;
	text-decoration: none; /*line-height:83px*/
}
.logo-container{ width:15%; height:83px; float:left;margin-top:0px; background:#FFF; position:absolute; top:0; }
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;*/
	padding: 0px 1.65em;
	color: #9d9d9d;
	text-decoration: none; /*line-height:83px*/
}
.logo-container h1{font-family: 'Open Sans', sans-serif; font-size:.9em; color:#b7c25c; font-weight:normal; }
.hdr-rgt{ width:80%; height:auto; float:right; margin-right:0%}
.callus {    display: block;    width: 100%;    height: 43px;    /* float: right; */    line-height: 43px;    position: absolute;    top: 0;    left: 0;    right: 0;    margin: auto;    padding: 0% 5%;    border-bottom: 1px solid #eee;}
.socialicons{ display:none; width:20%; height:auto; float:right; border-left:1px solid #e5e5e5; padding: 1% 0% 1% 0%; }
.social{  width:auto; height:auto; float:right; padding: 0% 8% 0% 0%;}
.mail{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#989797; font-weight:bold; float:right;/* background:url(../images/email.png) no-repeat 0% 55%;*/ padding:0% 1% 0% 3%;}
.mail a{ font-family:Arial, Helvetica, sans-serif; color:#989797; text-decoration:none}
.mail a:hover{ font-family:Arial, Helvetica, sans-serif; color:#b7c25c; text-decoration:underline}
.phone{ font-family:Arial, Helvetica, sans-serif; font-size:.75em;font-weight:bold; color:#989797; float:right; /*background:url(../images/callus.png) no-repeat 0% 55%;*/ padding: 0% 1% 0% 3%;border-right: 1px solid #eee;}
.menu-wrapper {    width: auto;    height: auto;    clear: both;    float: right;    background: #FFF;   padding-bottom:0px;}
.menu-container{ width: auto; height:auto; float:right; display:block}
.mobilemenu{ display:none;}
.bnr-wrapper{ width:100%; height:527px; clear:both;  }
.bnr-wrapper img{ width:100%; height:auto;display:block}
.bnr-container{ width:100%; height:auto; clear:both; position:relative}


/*---------------------------*/
.welcome-wrapper1{ width:100%; height:auto;padding:0%; margin:0% 0% 0% 0%;  }
.wlcmcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.8em; color:#b7c25c; font-weight:bold; text-align:left; line-height:160%;padding-bottom: 0%;}
.wlcmcontainer h2 span{font-family: 'Open Sans', sans-serif; color:#666; font-weight:bold;}

.wlcmcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal }
.wlcmcontainer{ width:70%; height:auto; border-right:1px solid #fff; background:#fff; padding:1% 2% 0% 0%;float:left;}


/*---------------------------*/

.welcome-wrapper{ width:90%; height:auto;padding:0%; margin:0% 0% 0% 0%; position:absolute; bottom:-38%; left:5%}
.welcome-wrapper h2{font-family: 'Open Sans', sans-serif; font-size:1.7em; color:#fff; font-weight:bold; text-align:center; line-height:160%;}
.welcome-wrapper p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }
.wlcom{ width:32.5%; min-height:186px; float:left; background:#b7c25c; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #ccd866; background:url(../images/ntdesign.png) no-repeat 0% 0%; }
.wlcom p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow{ width:12%; height:auto; float:right;background:#a0ab46;padding:2% 2% 2% 2%}
.wlcomarow:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom1{ width:32.5%; min-height:186px; float:left; background:#aebc3e; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom1 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #c2dd51; background:url(../images/storageicon.png) no-repeat 0% 0%; }
.wlcom1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow1{ width:12%; height:auto; float:right;background:#9ba831;padding:2% 2% 2% 2%}
.wlcomarow1:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow1 img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom2{ width:32.5%; min-height:186px; float:right; background:#97b038; margin:0% 0% 0% 0%; padding:1.5%;}
.wlcom2 h2{font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #bad64e; background:url(../images/vpns.png) no-repeat 0% 0%; }
.wlcom2 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow2{ width:12%; height:auto; float:right;background:#859e28;padding:2% 2% 2% 2%}
.wlcomarow2:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow2 img{ max-width:100%; width:auto; height:auto; display:block;}
/*---------------------------*/

.index-servicecontainer1{ width:100%; height:auto;     padding-top: 2%;}
.index-servicecontainer1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer1 h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}


/*---------------------------*/
.ongoingpagebox{ width:100%; height:auto;border-bottom:1px solid #e0e0e0;padding:2% 0% 1% 0%; margin:1% 0% 1% 0%}
.ongoingpagetxt{ width:100%; height:auto;}
.ongoingpagedat{ width:9%; height:auto; float:left; background:#43b5ff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#fff; font-weight:bold; text-align:center;padding:.5% 0% .5% 0%;}
.ongoingpagetxt h6{  width:90%; height:auto;float:right;font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#777; font-weight:bold; text-align:justify; padding:1% 0% 0% 0%}
.ongoingpagetxt h6 a{ font-family:Arial, Helvetica, sans-serif;color:#777; font-weight:bold; text-decoration:none;}
.ongoingpagetxt h6 a:hover{ font-family:Arial, Helvetica, sans-serif;color:#b7c25c; font-weight:bold; text-decoration:underline;}
.ongoingpagetxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal; clear:both;    padding-top: 1%; }

.index-servicecontainer{ width:100%; height:auto;     padding-top: 16%;}
.index-servicecontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer h4{font-family: 'Open Sans', sans-serif;  font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}
.viewmore{ width:10%; height:auto; float:left;font-family: 'Open Sans', sans-serif;font-size:.9em; color:#b7c25c; line-height:160%; font-weight:bold;padding:2% 0% 2% 0%;  }
.viewmore a{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#b7c25c; }
.viewmore a:hover{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#666;  }
.indexscroll{ width:100%; height:auto; clear:both; padding-bottom:2%;}

.bottom_container{ width:100%; height:auto; background:#b7c25c; border-bottom:2px solid #fff;}
.bottom_ph{ width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1.5em; line-height:160%; }
.bottom_ph a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_phone.png) no-repeat 0% 0%; text-decoration:none;}
.bottom_ph a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_phone.png) no-repeat 0% 0%; text-decoration:underline;}
.bottom_mail{width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1.5em; line-height:160%;}
.bottom_mail a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;background:url(../images/b_mail.png) no-repeat 0% 0%; text-decoration:none;}
.bottom_mail a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_mail.png) no-repeat 0% 0%; text-decoration:underline;}

.bottom_web{ width:31%; height:auto; float:right;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 5% 1% 0%;  font-size:1.5em; line-height:160%; text-align:right}
.bottom_web a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png) no-repeat 0% 0%; text-decoration:none; text-align:right}
.bottom_web a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_web.png) no-repeat 0% 0%; text-decoration:underline;}
footer{ width:100%; height:auto; background:#313030;}
.ftr-container{ width:90%; height:auto; margin:0 auto; padding:1% 0% 0% 0%}
.quicklinks{ width:25%; height:auto; float:left; background: url(../images/fsep.png) no-repeat 90% center; min-height:185px;}

.quicklinks ul{ width:50%; height:auto; float:left; margin:0; padding:0;}
.quicklinks li{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#8c8c8c; line-height:160%;font-weight:normal; list-style-type:none; list-style-image: url(../images/quickarow.png); list-style-position:inside; padding:0% 0% 8% 0% }
.quicklinks li a{font-family: Arial, Helvetica, sans-serif; color:#8c8c8c;font-weight:normal; text-decoration:none; }
.quicklinks li a:hover{font-family: Arial, Helvetica, sans-serif; color:#b7c25c;font-weight:normal; text-decoration:none; }
.ftr-container h6{font-family: Arial, Helvetica, sans-serif; font-size:.95em; color:#d6d6d6; line-height:160%; font-weight:bold; padding-top:2%; text-transform:uppercase;padding-bottom:3%; }
.bus_enquiry{ width:50%; height:auto; float:left; background: url(../images/fsep.png) no-repeat 95% center;  min-height:185px; padding:0% 8% 0% 2%;}
.bus_enquirybox{ width:48%; height:auto; float:left; margin:0% 1% 2% 0% }
.bus_enquirytxtbox{ width:100%; height:36px; background:#616161; padding:1%;font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#c1c0c0; padding-left:5px  }
.bus_enquirybox1{ width:78%; height:auto; float:left; margin:0% 2% 0% 0% }
.sendbtn{ width:19%; height:auto; float:left}
.follows{ width:15%; height:auto; float:right;filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.fol{ width: auto; height:auto; float:right; margin:0% 5.6% 0% 0%; filter: grayscale(100%);-webkit-filter: grayscale(100%)}
.fol:hover{  filter: grayscale(0%);-webkit-filter: grayscale(0%)}
.ftr_wrap{ width:100%; height:auto; background:#000000}
.ftr-img{ width: auto; float:right; height:auto;padding:15px 5% .5% 0%;}
.copyright{ width:50%;  height:auto;font-family:Arial, Helvetica, sans-serif; color:#818689; font-size:.7em;line-height:4em; padding:0% 0% 0% 5%;float:left; }
.my-slider {
	height:112px;
	/*margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: auto;
	overflow: hidden;
}


.my-slider li {
	float: left; margin-left:1%; border:1px solid #ebebeb; list-style-type:none;margin-bottom:10px;
}

.inrbnr{ width:100%; height:90px; clear:both; position:relative;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; /*background: url(../images/it-bnr.jpg); background-size:cover*/}

.inrbnr img{ width:100%; height:auto; display: none;}
.inrbnrtxt{ width:40%; height:auto; position:absolute; left: 6%;bottom:22%;}
.inrbnrtxt h5{font-family: 'Open Sans', sans-serif;font-size:2.18em; color:#999; font-weight: normal; line-height:110%; text-align:left}
.inrbnrtxt p{ display:none;font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#999; font-weight:normal; line-height:150%; text-align:justify;}
.inr-contentcontainer{ width:100%; height:auto; padding:3% 0% 2% 0%; }
.abt-lft{ width:25%; height:auto; float:left}
.abt-lft img{ width:100%; height:auto; display:block;}
.abt-rgt{ width:100%; height:auto; float:right; padding:0% 0% 0% 0%}
.breadcrumps{ width:auto; height:auto; position:absolute; right:5%; bottom:30%; background: #b7c25c;padding: .5%;margin-right: 1%;}
.breadtxt{ width:auto; height:auto; float:right;font-family: 'Open Sans', sans-serif; font-size:.85em; color:#fff; font-weight:bold; padding:0em .3em 0em .3em; text-transform:uppercase;}
.breadtxt a{ font-family: 'Open Sans', sans-serif;  color:#fff; font-weight:normal; text-decoration:none;text-transform:uppercase;}
.breadtxt a:hover{ font-family: 'Open Sans', sans-serif;color:#fff; font-weight:normal;text-decoration:underline;text-transform:uppercase;}
.breadimg{ width:auto; height:auto; float:right;padding:0.2em .3em 0em .3em}
.abtcontainer{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; padding-bottom:1.5%; margin-bottom:2%; }
.abt-rgt h3{font-family: 'Open Sans', sans-serif;font-size:1.4em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:0%}
.abt-rgt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-col{ width:25%; height:auto; float:left; }
.abt-colimg{ width:75px; height:auto;    padding-bottom: 4%; float:left; }
.abt-colimg img{ max-width:100%; height:auto; display:block; float:left }
.abt-colimg img:hover{ max-width:100%; height:auto; display:block; float:left;  opacity: 0.4; filter: alpha(opacity=40); cursor: pointer }


.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.callaims{ width:100%; height:100px; float:left; border:1px solid #dadada; padding:5% 3%; margin:0% 0% 5% 0%; position:relative}
.callaims h3{font-family: 'Open Sans', sans-serif;font-size:1.4em; color:#333; line-height:100%; font-weight:bold; padding-top:0%}
.callaims h4{font-family: 'Open Sans', sans-serif; font-size:1.0em; text-align:justify; color:#333; line-height:160%; font-weight:bold}
.contactaims{ width:38%; height:auto; float:right; position: absolute;   top: 30%;    right:0%; }
a.btn.btn-blue {
		display: inline-block;text-decoration: none;
	color: #666;
	background-color: #eee;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 2px;
	font-size: 13px;
	padding: 10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-width: 3px;

	background-color: #699DB6;
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	a.btn.btn-blue:hover {
		background-color: #4F87A2;
		border-color: rgba(0,0,0,0.5);
	}
	
	a.btn.btn-blue:active {
		background-color: #3C677B;
		border-color: rgba(0,0,0,0.9);
	}



.abt-coltxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center;}
.abt-coltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-coltxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-coltxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}

.serv-col{  width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding:3% 2%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{ width:100%; height:auto; min-height:20px;padding:0% 6% 0% 6%  ;}

.free_cons{ min-width:200px; width:auto;float: right; background:#b7c25c}
.free_cons ul{ margin:0; padding:0;}
.free_cons ul li{ width:auto;  text-align:center; list-style:none;color: rgb(255, 255, 255);
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 50px;
    padding: 0 2%;
    text-align: center;
    width: 100%;}
.free_cons ul li a{ float:left; padding:0% 2%; width:100%; line-height:50px;text-align:center; font-family: 'Open Sans', sans-serif;font-size:0.9em; color:#FFF; font-weight:bold; }
.free_cons ul li a:hover{ background:#999; display: block; float:left; }

.service-lft{ width:54%; height:auto; float:left; }
.service-container{ width:100%; height:auto;  padding:0% 0% 1% 0%; margin:0% 0% 1% 0%}
.service-txt{ width:100%; height:auto; float:left;}
.service-img{ width:20%; height:auto; float:left;}
.service-img img{ max-width:100%; height:auto; display:block; float:right;}
.service-rgt{ width:43%; height:auto; float:right; }
.inr-contentcontainer h2{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.inr-contentcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align: justify; color:#777; line-height:160%; font-weight:normal}
.service-list{ width:48%; height:auto; float:left; padding-top:1%; padding-bottom:1%; margin-right:2%;}
.service-list h5{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.service-list ul{ margin:0; padding:0 }
.service-list li{font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; list-style-type:none; list-style-image:url(../images/liicon.png); list-style-position:outside; padding:1% 0% 1% 0%;    margin-left: 4%; }
.service-list h6{font-family: 'Open Sans', sans-serif;font-size:1em; color:#b7c25c; line-height:160%; font-weight:bold;  }
.sub-features{ width:100%; height:auto; }
.sub-features h5{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#fff; line-height:160%; font-weight:bold;  border-left:5px solid #a8b351; background:#b7c25c url(../images/subf.png) no-repeat 95% 50%; padding:1% 0% 1% 3%; }
.subcol{ width:100%; height:auto; padding:3% 0% 3% 0%;}
.subcol ul{ margin:0; padding:0;}
.subcol li{ font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; 
padding: 1.5% 0% 1.5% 0%; list-style-type:none; list-style-image: url(../images/telecom.png); border-bottom:1px solid #e0e0e0; margin-left:5%;}

.servicecol{ width:48%; height:auto; float:left; border-bottom:1px solid #e0e0e0; margin-bottom:3%; padding-bottom:1%}
.servicecol1{ width:48%; height:auto; float:right; border-bottom:1px solid #e0e0e0;margin-bottom:3%;padding-bottom:1%}
.servicecolimg{ width:28%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg2{ width:33%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecolimg3{ width:43%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}

.servicecoltxt{ width:71%; height:auto; float:right;}
.servicecoltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%;}
.imglft{ padding:.5%; margin-right:2%; margin-top:1%;border:1px solid #e0e0e0}
.partners-col{ width:23%; height:auto; float:left; margin:0% 1% 2% 1%; border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:2px solid #ebebeb; }
.partners-col img{ max-width:100%; height:auto; margin:0 auto; display:block;}

.contact-col{ width:33%; height:auto; float:left; border-right:1px dotted #999999; min-height:150px; padding:3% 2% 0% 2%}
.contact-col1{ width:33%; height:auto; float:right; min-height:150px;padding:3% 1.5% 0% 1.5%}
.contactimg{ width:30%; height:auto; float:left; }
.contacttxt{ width:68%; height:auto; float:right; }
.contacttxt p{font-family: Arial, Helvetica, sans-serif; font-size:.9em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%; }
.locationmap{ width:100%; height:auto; clear:both; padding:2% 0% 0% 0% }
.locationmap img{ width:100%; height:auto; display:block;}

.enquirybg{ width:75%; height:auto; margin:0 auto;background:url(../images/enqbg.jpg) no-repeat 48% 40%;    padding-top: 2%;}
.enquiry-lft{ width:45%; height:auto; float:left; }
.enquiry-rgt{ width:45%; height:auto; float:right;}
.enquiry-form{ width: 100%;height:auto;padding-top:4%;clear: both;}
.enquiry-form h5{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:left;  font-weight:normal; float:left; width:30%; }
.sep{font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2%   }
.enquiry-box{ width:62%; height:auto; float:left; } 
.enqtxtbox{ width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff; float:left } 
.enquiry-form select{  width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777; line-height:18px;padding:1%; background:#fff;  } 
.star{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#f00;float:left;padding-left:0.5%; width:2%}
.enqtxtbox1{ width:97%; height:80px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.8em ; color:#777; line-height:18px;
padding:1%;background:#fff;    margin-right: 3%; } 
.captcha{ width:62%; height:auto; margin-left:35%; }
.enq-submit{ width:19%; height:auto; float:right; margin-right: 5%;}

.indextab{ width:23.85%; height:auto; float:left; margin-right:1.5%; margin-bottom:2%; }
.indextabimg{ width:100%; height:auto}
.indextabimg img{ width:100%; height:auto; display:block;}
.indextabtxt{ width:100%; height:auto;color:#777;font-size:1em; font-family: 'Open Sans', sans-serif;  font-weight:bold; text-align:left;padding:2% 0% 1% 0%   }
.indextabtxt a{ color:#777;font-family: 'Open Sans', sans-serif; text-decoration:none;  }
.indextabtxt a:hover{ color:#b7c25c;font-family: 'Open Sans', sans-serif; text-decoration:underline;  }
.indextab1{ width:23.85%; height:auto; float:right; margin-right:0%; }
.bottom_container1{ width:100%; height:auto; background:#d2d1d1; border-bottom:1px solid #fff;}



.ongoingcontainer{ width:30%; height:auto; background:#43B5FF;float:right;padding:0% 0% 1% 0%; margin-top:2%}
.ongoingcontainer_hd{ background:#239EEF; width:100%; height:auto;border-bottom:1px solid #74c6fc;}
.ongoingcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.4em; color:#fff; font-weight:normal; text-align:left; line-height:160%; background:  url(../images/ongoingicon.png) no-repeat 2% 49%;padding:1% 0% 1% 13%; margin-bottom:1%; width:90%; float:left}
.ongoingbox{ width:100%; height:auto; border-bottom:1px dashed #74c6fc; padding:2% 5% 3% 5%; margin:1% 0% 3% 0%}
.dat{ width:14%; height:auto; float:left; background:#fff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#43B5FF; font-weight:bold; text-align:center;padding:1% 0% 1% 0%;}
.ongoingtxt{ width:82%; height:auto; float:right;}
.ongoingtxt h6{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; text-align:justify; padding-bottom:.3%}
.ongoingtxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }

.ongoing-viewmore{ width:10%; height:auto; float: right; background:#239EEF;font-family: 'Open Sans', sans-serif;font-weight:normal; text-align:center; color:#43B5FF; font-size:.85em; margin:0% 0% 0% 0%;padding:4.5% 1% 1% 1% ;}
.ongoing-viewmore a{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:none;}
.ongoing-viewmore a:hover{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:underline;}
.consultation-free{ width:100%; height:24px; line-height:24px; color: rgb(183, 194, 92) !important;font-family: "Open Sans",sans-serif ;font-size: 1.4em !important;font-weight: bold;}
.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; float:left; margin-right:2px; margin-bottom:10px; margin-top:5px}
a.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; }
a:hover .free-sub{ width:auto; height:auto; padding:0px 5px; background-color:rgb(183, 194, 92) none repeat scroll 0 0; height:24px; line-height:24px; }
.tab-vert .tab-legend {
  width: 20% !important;
  float: left; }
  
  .tab-vert .tab-content {
  width: 80% !important;
  display: block;
  float: left;}
  
     .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      border-radius:5px;
      box-shadow:0px 0px 15px #999;
      position:absolute; width:450px !important;
	  
    }
  }
 



@media (min-width: 1600px){
.index-servicecontainer{ width:100%; height:auto;     padding-top: 12%;}
.serv-col{     width: 100%;    height: auto;    float: left;    margin-top: 1%;    /* background: url(../images/colsep.png) no-repeat 100% center; */    border: 1px solid #dadada;
    padding:3% 3%;}
.serv-colimg {    width: 15%;    height: auto;    padding: 0%;    /* clear: both; */    float: left;    margin: 1% 0% 0% 5%;} 
.serv-colimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.serv-colimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.serv-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#666; line-height:160%; font-weight:600; padding-top:1%; text-align:left;}
.serv-coltxt{width: 100%;    height: auto;    /*min-height: 50px; */   padding: 0% 6% 0% 6%;}
 
.free_cons{ min-width:200px; width:auto;float: right; background:#b7c25c}
.free_cons ul{ margin:0; padding:0;}
.free_cons ul li{ width:auto;  text-align:center; list-style:none;color: rgb(255, 255, 255);
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 50px;
    padding: 0 2%;
    text-align: center;
    width: 100%;}
.free_cons ul li a{ float:left; padding:0% 2%; width:100%; line-height:50px;text-align:center; font-family: 'Open Sans', sans-serif;font-size:0.9em; color:#FFF; font-weight:bold; }
.free_cons ul li a:hover{ background:#999; display: block; float:left; }

*{ margin:0; padding:0; border:0; outline:0;}
.clear{ clear:both;}
main{ width:100%; height:auto}
.main-container{ width:90%; height:auto; margin:0 auto;}
header {    width: 100%;    height: auto;    z-index: 999;    /* padding: 44px 5% 0 0; */    background-color: #FFF;    padding-top: 45px;    padding-right: 5%;    padding-left: 5%;}
.logo-container{ width:13%; height:83px; float:left; margin-left:4%;margin-top:0px; background:#FFF }
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;*/
	padding: 0px 1.65em;
	color: #9d9d9d;
	text-decoration: none; /*line-height:83px*/
}
.logo-container{ width:15%; height:83px; float:left;margin-top:0px; background:#FFF; position:absolute; top:0; }
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	/*background-color: #EEE;*/
	padding: 0px 1.65em;
	color: #9d9d9d;
	text-decoration: none; /*line-height:83px*/
}
.logo-container h1{font-family: 'Open Sans', sans-serif; font-size:.9em; color:#b7c25c; font-weight:normal; }
.hdr-rgt{ width:80%; height:auto; float:right; margin-right:0%}
.callus {    display: block;    width: 100%;    height: 43px;    /* float: right; */    line-height: 43px;    position: absolute;    top: 0;    left: 0;    right: 0;    margin: auto;    padding: 0% 5%;    border-bottom: 1px solid #eee;}
.socialicons{ display:none; width:20%; height:auto; float:right; border-left:1px solid #e5e5e5; padding: 1% 0% 1% 0%; }
.social{  width:auto; height:auto; float:right; padding: 0% 8% 0% 0%;}
.mail{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#989797; font-weight:bold; float:right;/* background:url(../images/email.png) no-repeat 0% 55%;*/ padding:0% 1% 0% 3%;}
.mail a{ font-family:Arial, Helvetica, sans-serif; color:#989797; text-decoration:none}
.mail a:hover{ font-family:Arial, Helvetica, sans-serif; color:#b7c25c; text-decoration:underline}
.phone{ font-family:Arial, Helvetica, sans-serif; font-size:.75em;font-weight:bold; color:#989797; float:right; /*background:url(../images/callus.png) no-repeat 0% 55%;*/ padding: 0% 1% 0% 3%;border-right: 1px solid #eee;}
.menu-wrapper {    width: auto;    height: auto;    clear: both;    float: right;    background: #FFF;   padding-bottom:0px;}
.menu-container{ width: auto; height:auto; float:right; display:block}
.mobilemenu{ display:none;}
.bnr-wrapper{ width:100%; height:527px; clear:both;  }
.bnr-wrapper img{ width:100%; height:auto;display:block}
.bnr-container{ width:100%; height:auto; clear:both; position:relative}

.welcome-wrapper{ width:90%; height:auto;padding:0%; margin:0% 0% 0% 0%; position:absolute; bottom:-35%; left:5%}
.welcome-wrapper h2{font-family: 'Open Sans', sans-serif; font-size:1.8em; color:#fff; font-weight:bold; text-align:center; line-height:160%}
.welcome-wrapper p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }
.wlcom{ width:32.5%; min-height:186px; float:left; background:#b7c25c; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom h2{font-family: 'Open Sans', sans-serif; font-size:1.3em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #ccd866; background:url(../images/ntdesign.png) no-repeat 0% 0%; }
.wlcom p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow{ width:12%; height:auto; float:right;background:#a0ab46;padding:2% 2% 2% 2%}
.wlcomarow:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom1{ width:32.5%; min-height:186px; float:left; background:#aebc3e; margin:0% 1.2% 0% 0%; padding:1.5%;}
.wlcom1 h2{font-family: 'Open Sans', sans-serif; font-size:1.3em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #c2dd51; background:url(../images/storageicon.png) no-repeat 0% 0%; }
.wlcom1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow1{ width:12%; height:auto; float:right;background:#9ba831;padding:2% 2% 2% 2%}
.wlcomarow1:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow1 img{ max-width:100%; width:auto; height:auto; display:block;}

.wlcom2{ width:32.5%; min-height:186px; float:right; background:#97b038; margin:0% 0% 0% 0%; padding:1.5%;}
.wlcom2 h2{font-family: 'Open Sans', sans-serif; font-size:1.3em; color:#fff; font-weight:normal; text-align:right; line-height:160%; border-bottom:1px solid #bad64e; background:url(../images/vpns.png) no-repeat 0% 0%; }
.wlcom2 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#fff; line-height:160%;font-weight:normal;padding:2% 0% 2% 0%;  }
.wlcomarow2{ width:12%; height:auto; float:right;background:#859e28;padding:2% 2% 2% 2%}
.wlcomarow2:hover{  background:#666;  padding:2% 2% 2% 2%}
.wlcomarow2 img{ max-width:100%; width:auto; height:auto; display:block;}

.index-servicecontainer{ width:100%; height:auto;     padding-top: 16%;}
.index-servicecontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer h4{font-family: 'Open Sans', sans-serif;  font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}
.viewmore{ width:12%; height:auto; float:left;font-family: 'Open Sans', sans-serif;font-size:.9em; color:#b7c25c; line-height:160%; font-weight:bold;padding:2% 0% 2% 0%;  }
.viewmore a{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#b7c25c; }
.viewmore a:hover{font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:2% 5% 2% 5%; background:#666;  }
.indexscroll{ width:100%; height:auto; clear:both; padding-bottom:2%;}

.bottom_container{ width:100%; height:auto; background:#b7c25c; border-bottom:2px solid #fff;}
.bottom_ph{ width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1.6em; line-height:160%; }
.bottom_ph a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; font-size:1em; line-height:160%; background:url(../images/b_phone.png) no-repeat 5% 55%; text-decoration:none;}
.bottom_ph a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  background:url(../images/b_phone.png) no-repeat 5% 55%; text-decoration:underline;}
.bottom_mail{width:31%; height:auto; float:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 0% 1% 5%;  font-size:1.6em; line-height:160%;}
.bottom_mail a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%;  line-height:160%; background:url(../images/b_mail.png) no-repeat 5% 55%; text-decoration:none;}
.bottom_mail a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; background:url(../images/b_mail.png) no-repeat 5% 55%; text-decoration:underline;}

.bottom_web{ width:31%; height:auto; float:right;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;padding:1.5% 5% 1% 0%;  font-size:1.6em; line-height:160%; text-align:right}
.bottom_web a{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; padding:4% 0% 4% 18%; line-height:160%; background:url(../images/b_web.png) no-repeat 5% 55%; text-decoration:none; text-align:right}
.bottom_web a:hover{ font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal;  background:url(../images/b_web.png) no-repeat 5% 55%; text-decoration:underline;}
footer{ width:100%; height:auto; background:#313030;}
.ftr-container{ width:90%; height:auto; margin:0 auto; padding:1% 0% 0% 0%}
.quicklinks{ width:25%; height:auto; float:left; background: url(../images/fsep.png) no-repeat 90% center; min-height:185px;}

.quicklinks ul{ width:50%; height:auto; float:left; margin:0; padding:0;}
.quicklinks li{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#8c8c8c; line-height:160%;font-weight:normal; list-style-type:none; list-style-image: url(../images/quickarow.png); list-style-position:inside; padding:0% 0% 8% 0% }
.quicklinks li a{font-family: Arial, Helvetica, sans-serif; color:#8c8c8c;font-weight:normal; text-decoration:none; }
.quicklinks li a:hover{font-family: Arial, Helvetica, sans-serif; color:#b7c25c;font-weight:normal; text-decoration:none; }
.ftr-container h6{font-family: Arial, Helvetica, sans-serif; font-size:.95em; color:#d6d6d6; line-height:160%; font-weight:bold; padding-top:2%; text-transform:uppercase;padding-bottom:3%; }
.bus_enquiry{ width:50%; height:auto; float:left; background: url(../images/fsep.png) no-repeat 95% center;  min-height:185px; padding:0% 8% 0% 2%;}
.bus_enquirybox{ width:48%; height:auto; float:left; margin:0% 1% 2% 0% }
.bus_enquirytxtbox{ width:100%; height:36px; background:#616161; padding:1%;font-family: Arial, Helvetica, sans-serif; font-size:.85em; color:#c1c0c0; padding-left:5px  }
.bus_enquirybox1{ width:78%; height:auto; float:left; margin:0% 2% 0% 0% }
.sendbtn{ width:19%; height:auto; float:left}
.follows{ width:15%; height:auto; float:right;filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.fol{ width: auto; height:auto; float:left; margin:0% 5% 0% 0%; filter: grayscale(100%);-webkit-filter: grayscale(100%)}
.fol:hover{  filter: grayscale(0%);-webkit-filter: grayscale(0%)}
.ftr_wrap{ width:100%; height:auto; background:#000000}
.ftr-img{ width: auto; float:right; height:auto;padding:15px 5% .5% 0%;}
.copyright{ width:50%;  height:auto;font-family:Arial, Helvetica, sans-serif; color:#818689; font-size:.75em;line-height:4em; padding:0% 0% 0% 5%;float:left; }
.my-slider {
	height:112px;
	/*margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: auto;
	overflow: hidden;
}


.my-slider li {
	float: left; margin-left:1%; border:1px solid #ebebeb; list-style-type:none;margin-bottom:10px;
}
.inrbnr{ width:100%; height:90px; clear:both; position:relative;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; /*background: url(../images/it-bnr.jpg); background-size:cover*/}

.inrbnr img{ width:100%; height:auto; display: none;}
.inrbnrtxt{ width:40%; height:auto; position:absolute; left: 6%;bottom:22%;}
.inrbnrtxt h5{font-family: 'Open Sans', sans-serif;font-size:2.18em; color:#999; font-weight: normal; line-height:110%; text-align:left}
.inrbnrtxt p{ display:none;font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#999; font-weight:normal; line-height:150%; text-align:justify;}
.inr-contentcontainer{ width:100%; height:auto; padding:3% 0% 2% 0%; }
.abt-lft{ width:25%; height:auto; float:left}
.abt-lft img{ width:100%; height:auto; display:block;}
.abt-rgt{ width:100%; height:auto; float:right; padding:0% 0% 0% 0%}
.breadcrumps{ width:auto; height:auto; position:absolute; right:5%; bottom:30%; background: #b7c25c;padding: .5%;margin-right: 1%;}
.breadtxt{ width:auto; height:auto; float:right;font-family: 'Open Sans', sans-serif; font-size:.85em; color:#fff; font-weight:bold; padding:0em .3em 0em .3em; text-transform:uppercase;}
.breadtxt a{ font-family: 'Open Sans', sans-serif;  color:#fff; font-weight:normal; text-decoration:none;text-transform:uppercase;}
.breadtxt a:hover{ font-family: 'Open Sans', sans-serif;color:#fff; font-weight:normal;text-decoration:underline;text-transform:uppercase;}
.breadimg{ width:auto; height:auto; float:right;padding:0.2em .3em 0em .3em}
.abtcontainer{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; padding-bottom:1.5%; margin-bottom:2%; }
.abt-rgt h3{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500; }
.abt-rgt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-col{ width:25%; height:auto; float:left; }
.abt-colimg{ width:75px; height:auto;    padding-bottom: 4%; float:left; }
.abt-colimg img{ max-width:100%; height:auto; display:block; float:left }
.abt-colimg img:hover{ max-width:100%; height:auto; display:block; float:left;  opacity: 0.4; filter: alpha(opacity=40); cursor: pointer }

.abt-colz{ width:25%; height:auto; float:left; }
.abt-colzimg{ width:100%; height:auto;    padding-bottom: 4%; }
.abt-colzimg img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.abt-colzimg img:hover{ max-width:100%; height:auto; display:block; margin:0 auto;  opacity: 0.4; filter: alpha(opacity=40); }

.abt-colztxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-colz h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-colztxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-colztxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-colztxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}


.callaims{ width:100%; height:100px; float:left; border:1px solid #dadada; padding:5% 3%; margin:0% 0% 5% 0%; position:relative}
.callaims h3{font-family: 'Open Sans', sans-serif;font-size:1.4em; color:#333; line-height:100%; font-weight:bold; padding-top:0%}
.callaims h4{font-family: 'Open Sans', sans-serif; font-size:1.0em; text-align:justify; color:#333; line-height:160%; font-weight:bold}
.contactaims{ width:38%; height:auto; float:right; position: absolute;   top: 30%;    right:0%; }
a.btn.btn-blue {
		display: inline-block;text-decoration: none;
	color: #666;
	background-color: #eee;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 2px;
	font-size: 13px;
	padding: 10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-width: 3px;

	background-color: #699DB6;
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	a.btn.btn-blue:hover {
		background-color: #4F87A2;
		border-color: rgba(0,0,0,0.5);
	}
	
	a.btn.btn-blue:active {
		background-color: #3C677B;
		border-color: rgba(0,0,0,0.9);
	}



.abt-coltxt{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6%  ; background: url(../images/colsep.png) no-repeat 100% center}
.abt-col h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center;}
.abt-coltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-coltxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-coltxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.2em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.abt-coltxt1{ width:100%; height:auto; min-height:150px;padding:0% 6% 0% 6% }
.abt-coltxt1 h3{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%; text-align:center
;}
.abt-coltxt1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.service-lft{ width:54%; height:auto; float:left; }
.service-container{ width:100%; height:auto; padding:0% 0% 1% 0%; margin:0% 0% 1% 0%}
.service-txt{ width:100%; height:auto; float:left;}
.service-img{ width:20%; height:auto; float:left;}
.service-img img{ max-width:100%; height:auto; display:block; float:right;}
.service-rgt{ width:43%; height:auto; float:right; }
.inr-contentcontainer h2{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500;  }
.inr-contentcontainer p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.service-list{ width:48%; height:auto; float:left; padding-top:1%; padding-bottom:1%; margin-right:2%;}
.service-list h5{font-family: 'Open Sans', sans-serif;font-size:23px; color:#333; line-height:160%; font-weight:500; }
.service-list ul{ margin:0; padding:0 }
.service-list li{font-family:Arial, Helvetica, sans-serif; font-size:.85em; color:#777; line-height:160%; font-weight:normal; list-style-type:none; list-style-image:url(../images/liicon.png); list-style-position:outside; padding:1% 0% 1% 0%;    margin-left: 4%; }
.service-list h6{font-family: 'Open Sans', sans-serif;font-size:1em; color:#b7c25c; line-height:160%; font-weight:bold;  }
.sub-features{ width:100%; height:auto; }
.sub-features h5{font-family: 'Open Sans', sans-serif;font-size:1.3em; color:#fff; line-height:160%; font-weight:bold;  border-left:5px solid #a8b351; background:#b7c25c url(../images/subf.png) no-repeat 95% 50%; padding:1% 0% 1% 3%; }
.subcol{ width:100%; height:auto; padding:3% 0% 3% 0%;}
.subcol ul{ margin:0; padding:0;}
.subcol li{ font-family: Arial, Helvetica, sans-serif; font-size:.85em; color:#777; line-height:160%; font-weight:normal; 
padding: 1.5% 0% 1.5% 0%; list-style-type:none; list-style-image: url(../images/telecom.png); border-bottom:1px solid #e0e0e0; margin-left:5%;}

.servicecol{ width:48%; height:auto; float:left; border-bottom:1px solid #e0e0e0; margin-bottom:3%; padding-bottom:1%}
.servicecol1{ width:48%; height:auto; float:right; border-bottom:1px solid #e0e0e0;margin-bottom:3%;padding-bottom:1%}
.servicecolimg{ width:28%; height:auto; float:left; background:url(../images/sep.png) no-repeat 97% center; padding-right:2%}
.servicecoltxt{ width:71%; height:auto; float:right;}
.servicecoltxt p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%;}
.imglft{ padding:.5%; margin-right:2%; margin-top:1%;border:1px solid #e0e0e0}
.partners-col{ width:23%; height:auto; float:left; margin:0% 1% 2% 1%; border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:2px solid #ebebeb;}
.partners-col img{ max-width:100%; height:auto; margin:0 auto; display:block;}

.contact-col{ width:33%; height:auto; float:left; border-right:1px dotted #999999; min-height:150px; padding:3% 2% 0% 2%}
.contact-col1{ width:33%; height:auto; float:right; min-height:150px;padding:3% 1.5% 0% 1.5%}
.contactimg{ width:30%; height:auto; float:left; }
.contacttxt{ width:68%; height:auto; float:right; }
.contacttxt p{font-family: Arial, Helvetica, sans-serif; font-size:.95em; color:#777; line-height:160%; font-weight:normal; padding: 0% 0% 0% 0%; }
.locationmap{ width:100%; height:auto; clear:both; padding:2% 0% 0% 0% }
.locationmap img{ width:100%; height:auto; display:block;}

.enquirybg{ width:75%; height:auto; margin:0 auto;background:url(../images/enqbg.jpg) no-repeat 48% 40%;    padding-top: 2%;}
.enquiry-lft{ width:45%; height:auto; float:left; }
.enquiry-rgt{ width:45%; height:auto; float:right;}
.enquiry-form{ width: 100%;height:auto;padding-top:4%;clear: both;}
.enquiry-form h5{font-family:Arial, Helvetica, sans-serif; font-size:.85em ; color:#777; text-align:left;  font-weight:normal; float:left; width:30%; }
.sep{font-family:Arial, Helvetica, sans-serif; font-size:.85em ; color:#777; text-align:center;  font-weight:normal; float:left;width:5%; padding-right:2%;
padding-left:2%   }
.enquiry-box{ width:62%; height:auto; float:left; } 
.enqtxtbox{ width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.85em; color:#777; line-height:18px;padding:1%; background:#fff; float:left } 
.enquiry-form select{  width:97%; height:34px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.85em; color:#777; line-height:18px;padding:1%; background:#fff;  } 
.star{font-family:Arial, Helvetica, sans-serif; font-size:80% ; color:#f00;float:left;padding-left:0.5%; width:2%}
.enqtxtbox1{ width:97%; height:80px; border:1px solid #e0dddd;font-family:Arial, Helvetica, sans-serif; font-size:.85em ; color:#777; line-height:18px;
padding:1%;background:#fff;    margin-right: 3%; } 
.captcha{ width:62%; height:auto; margin-left:35%; }
.enq-submit{ width:19%; height:auto; float:right; margin-right: 5%;}

/*---------------------------*/
.wlcmcontainer{ width:100%; height:auto;padding:0%; margin:0% 0% 0% 0%; border-top:1px solid #fff; }
.wlcmcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.8em; color:#b7c25c; font-weight:bold; text-align:left; line-height:160%;padding-bottom: 0%;}
.wlcmcontainer h2 span{font-family: 'Open Sans', sans-serif; color:#666; font-weight:bold;}

.welcome-wrapper1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%;font-weight:normal }
.wlcmcontainer{ width:70%; height:auto; border-right:1px solid #fff; background:#fff; padding:1% 2% 0% 0%;float:left;}

/*---------------------------*/

/*---------------------------*/

.index-servicecontainer1{ width:100%; height:auto;     padding-top: 2%;}
.index-servicecontainer1 p{font-family: Arial, Helvetica, sans-serif; font-size:.85em; text-align:justify; color:#777; line-height:160%; font-weight:normal}
.index-servicecontainer1 h4{font-family: 'Open Sans', sans-serif;  font-size:1.3em; color:#b7c25c; line-height:160%; font-weight:bold; padding-top:1%}

.indextab{ width:23.85%; height:auto; float:left; margin-right:1.5%; margin-bottom:2%; }
.indextabimg{ width:100%; height:auto}
.indextabimg img{ width:100%; height:auto; display:block;}
.indextabtxt{ width:100%; height:auto;color:#777;font-size:1.2em; font-family: 'Open Sans', sans-serif;  font-weight:bold; text-align:left;padding:2% 0% 1% 0%   }
.indextabtxt a{ color:#777;font-family: 'Open Sans', sans-serif; text-decoration:none;  }
.indextabtxt a:hover{ color:#b7c25c;font-family: 'Open Sans', sans-serif; text-decoration:underline;  }
.indextab1{ width:23.85%; height:auto; float:right; margin-right:0%; }

/*---------------------------*/
.bottom_container1{ width:100%; height:auto; background:#d2d1d1; border-bottom:1px solid #fff;}

.ongoingcontainer{ width:30%; height:auto; background:#43B5FF;float:right;padding:0% 0% 1% 0%; margin-top:2%;}
.ongoingcontainer_hd{ background:#239EEF; width:100%; height:auto;border-bottom:1px solid #74c6fc;}
.ongoingcontainer h2{font-family: 'Open Sans', sans-serif; font-size:1.4em; color:#fff; font-weight:normal; text-align:left; line-height:160%; background:  url(../images/ongoingicon.png) no-repeat 2% 49%;padding:1% 0% 1% 13%; margin-bottom:1%; width:90%; float:left}
.ongoingbox{ width:100%; height:auto; border-bottom:1px dashed #74c6fc; padding:2% 5% 3% 5%; margin:1% 0% 3% 0%}
.dat{ width:14%; height:auto; float:left; background:#fff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#43B5FF; font-weight:bold; text-align:center;padding:1% 0% 1% 0%;}
.ongoingtxt{ width:82%; height:auto; float:right;}
.ongoingtxt h6{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; text-align:justify; padding-bottom:.3%}
.ongoingtxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#fff; line-height:160%;font-weight:normal }

.ongoing-viewmore{ width:10%; height:auto; float: right; background:#239EEF;font-family: 'Open Sans', sans-serif;font-weight:normal; text-align:center; color:#43B5FF; font-size:.85em; margin:0% 0% 0% 0%;padding:4.5% 1% 1% 1% ;}
.ongoing-viewmore a{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:none;}
.ongoing-viewmore a:hover{background:#fff;font-family: 'Open Sans', sans-serif;font-weight:bold;color:#43B5FF; text-decoration:underline;}

.ongoingpagebox{ width:100%; height:auto;border-bottom:1px solid #e0e0e0;padding:2% 0% 1% 0%; margin:1% 0% 1% 0%}
.ongoingpagetxt{ width:100%; height:auto;}
.ongoingpagedat{ width:9%; height:auto; float:left; background:#43b5ff;font-family: 'Open Sans', sans-serif;font-size:.85em; color:#fff; font-weight:bold; text-align:center;padding:.5% 0% .5% 0%;}
.ongoingpagetxt h6{  width:90%; height:auto;float:right;font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#777; font-weight:bold; text-align:justify; padding:1% 0% 0% 0%}
.ongoingpagetxt h6 a{ font-family:Arial, Helvetica, sans-serif;color:#777; font-weight:bold; text-decoration:none;}
.ongoingpagetxt h6 a:hover{ font-family:Arial, Helvetica, sans-serif;color:#b7c25c; font-weight:bold; text-decoration:underline;}
.ongoingpagetxt p{font-family: Arial, Helvetica, sans-serif; font-size:.8em; text-align:justify; color:#777; line-height:160%;font-weight:normal; clear:both;    padding-top: 1%; }
.consultation-free{ width:100%; height:24px; line-height:24px; color: rgb(183, 194, 92) !important;font-family: "Open Sans",sans-serif ;font-size: 1.4em !important;font-weight: bold;}
.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; float:left; margin-right:2px; margin-bottom:10px; margin-top:5px}
a.free-sub{ width:auto; height:auto; padding:0px 5px; background-color:#ccc; height:24px; line-height:24px; }
a:hover .free-sub{ width:auto; height:auto; padding:0px 5px; background-color:rgb(183, 194, 92) none repeat scroll 0 0; height:24px; line-height:24px; }

.tab-vert .tab-legend {
  width: 20% !important;
  float: left; }

.tab-vert .tab-content {
  width: 80% !important;
  display: block;
  float: left;    padding-left: 2%; }
  
     .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      border-radius:5px;
      box-shadow:0px 0px 15px #999;
      position:absolute; width:450px !important;
	  
    }

}

.error{ width:100%; height:auto; text-align:center; padding-top:1%; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#f00; font-weight: bold; line-height:20px; }

/*BANNER SLIDER*/
#back_to_fluid_dg {
background: rgba(2,2,2,.5);
clear: both;
display: block;
height: 20px;
line-height: 20px;
padding: 20px;
position: relative;
z-index: 1;
}
.fluid_container {
/*bottom: 0;*/
height: auto;
left: 0;
position: absolute; width:100%;
/*right: 0;*/
top: 0;
z-index: 0;
}
#fluid_dg_wrap_4 {
/*bottom: 0;*/
height: auto;
left: 0;
margin-bottom: 0!important;
position: absolute;
/*right: 0;*/ width:100%; height:425px;
top: 0;
}
.fluid_dg_bar {
z-index: 2;
}
.fluid_dg_prevThumbs, .fluid_dg_nextThumbs, .fluid_dg_prev, .fluid_dg_next, .fluid_dg_commands, .fluid_dg_thumbs_cont {
background: #222;
background: rgba(2, 2, 2, .7);
}
.fluid_dg_thumbs {
margin-top: -100px;
position: relative;
z-index: 1;
}
.fluid_dg_thumbs_cont {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.fluid_dg_overlayer {
opacity: .1;
}
#container {width:100%; margin:0px auto;}



/*BANNER SLIDER*/