nav {display: block;
  text-align: center;
  background: #183557;
}
nav ul {
  margin: 0;
  padding:0;
  list-style: none;
}
.nav a {
  display:block; 
  background: #183557; 
  color: #fff; 
  text-decoration: none;
  padding: 0.8em 1.8em;
  font-size: 14px;
  text-shadow: 0 -1px 0 #000;
  position: relative;
}
.nav{  
  vertical-align: top; 
  display: inline-block;
  box-shadow:1px -1px -1px 1px #000, 
    -1px 1px -1px 1px #fff, 
    0 0 6px 3px #fff;
  border-radius:6px;
}
.nav li {
  position: relative;
}
.nav > li { 
  float: left; 
  z-index: 20;
} 
.nav > li > a { 
  margin-bottom: 1px;
  
}
.nav > li:hover, 
.nav > li:hover > a { 
  border-bottom-color: orange;
}
.nav li:hover > a { 
  color:#fff; 
  background: #111
}
.nav > li:first-child { 
  border-radius: 4px 0 0 4px;
} 
.nav > li:last-child { 
  border-radius: 0 0 4px 0; 
  margin-right: 0;
} 
.nav li li a { 
 border-bottom: 1px solid #fff;
 text-align: left;
}


/* submenu positioning*/
.nav ul {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: -99999em;
  top: 36px;
}
.nav > li:hover > ul {
  left: auto;
  margin-top: 5px;
  min-width: 100%;
}
.nav > li li:hover > ul { 
  left: 100%;
  margin-left: 1px;
  top: -1px;
}
/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #aaa; 
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: orange; 
  margin-top:-5px
}
.nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: orange;
  right: 10px; 
}
.buttons{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  font-size: 0px;
}
.prod_cont {
display: none;
}

.midside{margin: 0 auto;}  
.busi{min-height: inherit!important;}

.privacy_btn{
float: left;
padding: 5px 8px 5px 8px;
background: #F4BA03;
margin: 10px 6px 0 0;
color: #111;
font-weight: bold;   
}

.privacy_btn:hover{color: #111;text-decoration: none;}

/*animation css*/
@font-face{font-family:AvenirLTStd-Light;src:url('../font/AvenirLTStd-Light.otf');}
body{font-family: AvenirLTStd-Light;}

.fadeIn{visibility:hidden;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}
.fadeIn.in-view,.takeup.in-view{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-play-state:running;-o-animation-play-state:running}
.fadeIn.in-view{visibility:visible;animation-fill-mode:both;-webkit-animation-duration:.45s;-moz-animation-duration:.45s;-ms-animation-duration:.45s;-o-animation-duration:.45s;animation-duration:.45s;-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}
@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.takeup{visibility:hidden;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}
.takeup.in-view{visibility:visible;animation-fill-mode:both;-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;-ms-animation-duration:1.2s;-o-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running;-webkit-animation-name:takeup;-moz-animation-name:takeup;-o-animation-name:takeup;animation-name:takeup}.accordSectn .takeup.in-view{visibility:visible;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-ms-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running;-webkit-animation-name:takeup;-moz-animation-name:takeup;-o-animation-name:takeup;animation-name:takeup}.fixedSliding#verticalSlider .slideDown,.fixedSliding#verticalSlider .slideUp,.invisible{visibility:hidden}@-webkit-keyframes takeup{0%{opacity:0;-webkit-transform:translateY(40px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes takeup{0%{opacity:0;-moz-transform:translateY(40px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes takeup{0%{opacity:0;-o-transform:translateY(40px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes takeup{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}.animationDelay{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;-ms-animation-delay:.1s;animation-delay:.1s}.animationDelay1{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;-ms-animation-delay:.3s;animation-delay:.3s}.animationDelay2{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;-ms-animation-delay:.5s;animation-delay:.5s}.animationDelay3{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s;-ms-animation-delay:.7s;animation-delay:.7s}
.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}
/*animation css*/

/*about us page*/
.detailed {
line-height: 1.3;
font-size: 20px;
text-align: justify;
margin: 29px 0;
padding: 16px;
border: 2px solid #ddd;
}
.contdata img{float: left;margin-right: 10px}
.contdata{font-size: 15px}  
/*about us page*/

@media screen and (max-width: 1025px)
{
 .drop-down{background-color:#000;height:auto;position:absolute;z-index:999;opacity: 0.9;width:100%;display:none;top:65px;} 
 .nav > li{width: 100%}
 .drop_d{background: none;margin-top: 9px;right: 2px;float: left;position: absolute;top: 13px;z-index: 2}  
 .drop-down .navi li{width: 100%;border-bottom: 1px solid #fff;}
.drop-down .navi li a{padding: 12px 19px}
}
.headermain{background: #E5EAF0}  
.logo{margin: 15px 0px 15px 0px;position: relative;}
.logo-side{position: absolute;
bottom: 0px;
text-transform: uppercase;
font-size: 14px;
font-style: italic;
font-weight: bold;}


.midside{margin: 0 auto;}  
.spl-cont{width: 1200px;margin:0 auto;}
.f-one span {
   color: #ed1c24;
    font-size: 31px;
    font-weight: bold;
}
.f-one{font-size: 22px;
    font-weight: bold;
    text-align: center;width: 20%;float: left;padding: 20px}
.fo1 hr {
    display: block;
    border: 0;
    border-top: 4px solid #eeab23;
    margin: 0 auto;
    padding: 0;
    width: 26%;
}    
.fo2 hr {
    display: block;
    border: 0;
    border-top: 4px solid #239fd4;
    margin: 0 auto;
    padding: 0;
    width: 26%;
}    
.fo3 hr {
    display: block;
    border: 0;
    border-top: 4px solid #fc6121;
    margin: 0 auto;
    padding: 0;
    width: 26%;
}    
.fo4 hr {
    display: block;
    border: 0;
    border-top: 4px solid #7cbb17;
    margin: 0 auto;
    padding: 0;
    width: 26%;
}    
.fo5 hr {
    display: block;
    border: 0;
    border-top: 4px solid #ed1c24;
    margin: 0 auto;
    padding: 0;
    width: 26%;
}    
.logoright{border-right: 1px dashed #111;
margin: 20px 0;
padding: 0 0px 0 40px;}
.socialright{margin: 20px 0 0 0;
padding: 13px 35px 0 0px;
text-align: right;}
.logoright span{font-size: 23px;
font-weight: bold;}
.logoright img{margin-left: 25px}

.contact-us{color: #111;
font-size: 19px;
border: 1px solid #111;
border-radius: 18px;
background: #fff;
padding: 0px 0px 0px 28px;}
span.ph{background: url(../images/icon-phone.png) no-repeat;
padding: 0 25px 0 25px;
border-right: 1px dashed #111;}
span.em{background: url(../images/icon-email.png) no-repeat;
padding: 0 28px 0 32px;
margin-left: 15px;}
span.em a{color: #111}
span.top-fb{background: url(../images/icon-facebook.png) no-repeat; width:24px; height:24px;display: inline-block;}
span.top-tw{background: url(../images/icon-twitter.png) no-repeat; width:24px; height:24px;display: inline-block;margin-left:15px;}
span.top-gm{background: url(../images/icon-google.png) no-repeat; width:24px; height:24px;display: inline-block;margin-left:15px;}
span.top-lkin{background: url(../images/icon-linkedin.png) no-repeat; width:24px; height:24px;display: inline-block;margin-left:15px;}

.infosec{height: 520px;}
.infosec h2{text-align: center;
font-size: 3em;
font-family: arial;
font-weight: bolder;
margin: 40px 0 40px 0;}
.mid-cont{
margin: 110px 0 0 0;
text-align: center;
font-size: 35px;
letter-spacing: 6px;  
}
.middle{width: 100%;margin: 0;
height: 520px;position: absolute;
top: 0;}
.middle a{color: #fff;text-decoration: none;}
.profile h2{color: #6EB859;
font-size: 35px;
margin: 50px 0 20px 0;
font-weight: bolder;
text-align: center; }
.items{text-align: center;
margin: 10px 0 10px 0;
padding: 0 40px 0 40px;
min-height: 280px;
}
.b-pro hr {
display: block;
border: 0;
border-top: 2px solid #6EB859;
margin: 0 auto;
padding: 0;
width: 5%;
}
.items span{
font-size: 16px;
text-align: center;
color: rgb(117, 117, 117)
}
.items h3{font-size: 18px;font-weight: bold;margin:30px 0 30px 0;}
.profile-inner{margin: 50px 0 0 0;}
.rightside{float: right;}

.client{width: 1200px;margin:0 auto;}
.clientele h2{color: #6EB859;
font-size: 35px;
font-weight: bolder;
text-align: center;
text-transform: uppercase;
}
.text-inside{
line-height: 1.8;
font-size: 20px;
text-align: justify;  
padding: 20px 0 25px 0;
}
.about-inside{background: rgb(246, 233, 251)}
.about-inside h2 
{
color: rgb(111, 10, 176);
font-size: 35px;
font-weight: bolder;
text-align: center;
text-transform: uppercase;  
}
.a-pro hr {
display: block;
border: 0;
border-top: 2px solid rgb(111, 10, 176);
margin: 0 auto;
padding: 0;
width: 5%;
}
.testmon{margin-bottom: 35px}
.testmon h2{
font-size: 35px;
font-weight: bolder;
text-align: center;
text-transform: uppercase;
}
.testinner
{
background: rgb(247, 247, 249);
padding: 15px 15px 45px 15px;
font-size: 17px;
text-align: justify;
width: 80%;
line-height: 1.5;
margin: 0 auto;
height: 310px
}
.testinner b{float: right;}
.inner-img{position: absolute;
left: 38%;
bottom: -32px;}
.profile span{font-size: 17px;}
.leftside span{font-size: 17px;}
.rightside span{font-size: 17px;}
.profile{text-align: center;}

/*slider main css start*/

.slide:nth-of-type(1){
  background: url('../images/home/banners/banners-pincode.png')no-repeat;
  background-size: 100% 100%;

}

.slide:nth-of-type(2){
  background: url('../images/home/banners/banners-city.png')no-repeat;
  background-size: 100% 100%;

}


.slide:nth-of-type(3){
  background: url('../images/home/banners/banners-GIS.png')no-repeat;
  background-size: 100% 100%;

}

.slide:nth-of-type(4){
  background: url('../images/home/banners/banners-elections.png')no-repeat;
  background-size: 100% 100%;

}

.slide:nth-of-type(5){
  background: url('../images/home/banners/banners-business.png')no-repeat;
  background-size: 100% 100%;

}

.slide:nth-of-type(6){
  background: url('../images/home/banners/banners-MBIS.png')no-repeat;
  background-size: 100% 100%;

}




#slides{
    position: relative;
     height: 520px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.slide{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
   
   -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.showing{
    opacity: 1;
    z-index: 2;
}
.controls{
    display: none;
}
.slidemain{
  position: relative;
}
/*slider main css end*/


/*form css start*/
.q-form{text-align: center;background: #E7FEE2;}
.f-pro hr {
display: block;
border: 0;
border-top: 2px solid rgb(57, 169, 241);
margin: 0 auto;
padding: 0;
width: 5%;
}
.q-form h2{color: rgb(57, 169, 241);font-weight: bold;font-size: 35px;margin-bottom: 24px}
.formset{width: 700px;margin: 0 auto;padding-top: 20px}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
width: 96%;
background: #fff;
margin: 10px 0 0 0;
color: #111;
padding: 24px;
border-radius: 5px;
height: 19px;
font-size: 20px;
font-weight: bold;
border:none;
}
.txt-area textarea {
height: 104px!important;
resize: none;
margin-top: 5px!important;
}
.select-div select {
font-size: 20px;
padding: 10px;
width: 96%;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
color: #A9A9A9;
padding-left: 24px;
background: url(../images/arrows.png) 98% -51px no-repeat #fff;
-webkit-appearance: none;
border-radius: 5px;
}

#mainCaptcha {
width: 140px !important;
text-align: center;
background: #ababab !important;
color: #f50c0c;
font-size: 16px;
font-style: italic;
font-weight: 600;
height: 37px!important
}

fieldset.captcha_tab input {
width: 200px!important;
float: left;
margin: 0 2px 0 15px !important;
padding: 1%!important;
height: 37px!important
}
input#csubmit {
background: #00C0FF;
color: #fff;
font-size: 38px;
font-weight: bold;
border: none;
padding: 2px 20px 2px 20px;
border-radius: 14px;letter-spacing: 2px}
/*form css end*/

/*clintele slider*/
#flexiselDemo3{display:none}
.nbs-flexisel-container{position:relative;max-width:100%}
.nbs-flexisel-ul{position:relative;width:99999px;margin:0;padding:0;list-style-type:none;text-align:center}
.nbs-flexisel-inner{position:relative;overflow:hidden;float:left;width:100%}
.nbs-flexisel-item{float:left;margin:0;padding:0;cursor:pointer;position:relative;line-height:0}
.nbs-flexisel-item img{max-width:100%;cursor:pointer;position:relative;margin-top:10px;margin-bottom:10px}
.nbs-flexisel-nav-left{position:absolute;cursor:pointer;z-index:4;top:34%;color:#fff;background:url(../images/slider-arrow.png) -38px 9px no-repeat;height:45px;width:38px}
.nbs-flexisel-nav-right{position:absolute;cursor:pointer;z-index:4;top:34%;color:#fff;background:url(../images/slider-arrow.png) 2px 9px no-repeat;height:45px;width:38px}
#slider_box{position:relative}
.nbs-flexisel-nav-left{left:10px;left:-30px;top:52px}
.nbs-flexisel-nav-left.disabled{opacity:.4}
.nbs-flexisel-nav-right{right:5px;right:-30px;top:52px}
.nbs-flexisel-nav-right.disabled{opacity:.4}
/*clintele slider*/

/*footer css*/
.foot{background:#14191f;width:100%;float:left;padding:0 0 20px}
.compare{width:150px;padding:30px 0 0;float:left}
.location{width:435px;float:left;padding:40px 0 0 20px;position:relative}
.location-hd a{display:block;color:#8c99ac;font-size:20px;font-weight:600;letter-spacing:0;width:160px;background:#14191f;position:relative}
.location-hd::before{content:" ";font-size:8px;position:absolute;left:0;bottom:10px;width:100%;height:1px;background:#8c99ac}
.location-hd{width:200px;position:relative}
.address{width:205px;float:left;color:#8c99ac;padding:22px 2px 0;line-height:23px}
.ad_bdr::after{content:" ";font-size:8px;position:absolute;right:0;bottom:5px;width:1px;height:60px;background:#8c99ac}
.location2{width:450px;float:left;padding:40px 0 0 20px;position:relative}
.profile-pic{width:88px;padding:50px 25px 0 10px;float:left}
.ps-contact{width:327px;float:left;color:#8c99ac;padding:45px 2px 0;line-height:23px}
.footer-lst{background:#0f0f0f;padding:20px 0}
.copyrgt{width:500px;float:left;color:#a1a1a1;padding:2px 2px 0;line-height:23px;font-size:15px}
.social{width:350px;margin:0 auto;float:right}
.social-fb{background-image:url(../images/social-media-icons.png);height:36px;width:36px;margin:5px;float:left;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;-ms-transition:all ease .3s;transition:all ease .3s;background-position:-3px -44px}
.social-fb:hover{background-position:-3px -5px;box-shadow:0 0 4px 1px rgba(0,0,0,0.8)}
.tw{background-position:-46px 40px}
.gp{background-position:-88px 40px}
.pt{background-position:-130px 40px}
.tw:hover{background-position:-46px -5px;box-shadow:0 0 4px 1px rgba(0,0,0,0.8)}
.gp:hover{background-position:-87px -5px;box-shadow:0 0 4px 1px rgba(0,0,0,0.8)}
.pt:hover{background-position:-130px -5px;box-shadow:0 0 4px 1px rgba(0,0,0,0.8)}
.bussi_first{height:520px}
.bussi_snd{height:670px}
.bussi_thrd{height:525px}
.cust-form-txt{width:300px;display:block;margin:20px auto;text-align:center;line-height:20px}
.addthis_toolbox{background:url(/images/black-bg.png);position:absolute;padding:5px;top:40px;left:-105px;z-index:9999999;width:auto;height:auto;display:none}
.addthis_toolbox a{margin-bottom:5px;line-height:initial;padding:0 1px}
.crossbnt{position:absolute;right:0;top:-20px;cursor:pointer;z-index:999999999}
.view_all span:first-child{width:50px;padding:0 17px;background:url(/images/arrows.png) 11px -22px no-repeat}

.location-hd a{font-size:18px}
.main2{width:1075px;margin:0 auto}
.full_width{width:100%;float:left}
/*footer css*/

@media screen and (max-width: 1024px)
{
.text-inside {
line-height: 1.7;
font-size: 16px;
}  
.testmon h2, .clientele h2, .profile h2{font-size: 22px}
.about-inside h2{font-size: 22px}


.location{width:58%;padding:40px 0 0}
.location2{width:98%;padding:40px 0 0}
.main2{width: 100%}
.profile-pic{width: 119px;
padding: 20px 17px 0 23px;
float:left}
.ps-contact{width: calc(100% - 160px);
width: -webkit-calc(100% - 160px);
width: -moz-calc(100% - 160px);
width: -ms-calc(100% - 160px);float:left;color:#8c99ac;padding:10px 2px 0 0;line-height:23px}
.ad_bdr::after,.location-hd::before{display: none;}
.compare{width: 130px}
.copyrgt,.social{width: 100%}
.testinner{height: auto; padding:15px 15px 80px 15px;width: 100%}
.inner-img{bottom: 0}
.testmon{padding: 0}
.client{overflow:hidden;width: 100%}

.nbs-flexisel-nav-left{left: 7px}
.nbs-flexisel-nav-right{right: 7px}
.formset{width: 100%}
.infosec{background-size: 100% 100%;}
.middle{width: 100%;padding-top: 145px;}
.infosec h2{font-size: 24px;margin: 0}
.mid-cont {
margin: 50px 0 0 0;
text-align: center;
font-size: 22px;
letter-spacing: 6px;
}
.logo-side{font-size: 9px}
.location-hd{width: 100%}
.address{width: 100%}
.contact-us{display: none;}

.about-inside{padding-top: 2px}
.q-form{padding-top: 2px}
.profile-inner {margin: 15px 0 0 0;}
.profile span {font-size: 16px;}
.logoright, .socialright{display: none;}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) 
{
.location{width:30%;padding:40px 0 0}
.location2{width:50%;padding:40px 0 0}
.mid-cont{letter-spacing: 2px}
.profile span{font-size: 15px}
}

@media screen and (min-width: 1600px)
{
.middle, #slides, .infosec{height: 700px}  
.profile span, .rightside span, .leftside span, .items h3{font-size: 20px}
.testinner{font-size: 20px; line-height: 1.8}
}
@media screen and (max-width: 768px)
{
  #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea{font-size: 16px}

.slide:nth-of-type(1){
  background: url('../images/home/banners/pincode-maps-thumb.jpg')no-repeat;
  background-size: 100% 100%;
}
.slide:nth-of-type(2){
  background: url('../images/home/banners/City-maps-thumb.jpg')no-repeat;
  background-size: 100% 100%;
}
.slide:nth-of-type(3){
  background: url('../images/home/banners/GIS-maps-thumb.jpg')no-repeat;
  background-size: 100% 100%;
}
.slide:nth-of-type(4){
  background: url('../images/home/banners/election-maps-thumb.jpg')no-repeat;
  background-size: 100% 100%;
}
.slide:nth-of-type(5){
  background: url('../images/home/banners/business-maps-thumb.jpg')no-repeat;
  background-size: 100% 100%;
}
.slide:nth-of-type(6){
  background: url('../images/home/banners/MBIS-maps-thumb.jpg')no-repeat;
  background-size: 100% 100%;
}
.spl-cont,.f-one{width:100%;font-size: 16px}
.f-one span{font-size: 22px}
}
@media screen and (max-width: 320px)
{
  .social{width: 308px}
}