@charset "utf-8";
/* CSS Document */
@import "reset.css";
@import "superfish.css";
  
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{background:#fff;font-size:14px !important;  font-family: 'latoregular';color:#666666;position:relative; margin:0px; padding:0px 0px;}
html,body{height:100%;}
a{color:#0191D5;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: none;}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#353535; font-weight:400;}
h1{font-size:25px;}
h2{font-size:18px; padding-bottom:10px;}
h3{font-size:18px;color:#fff;} 
h4{font-size:17px;}  
h5{font-size:16px;}
h6{font-size:15px;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.fleft{float:left !important;}
.fright{float:right !important;}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.margin-left10{margin-left:10px;}.margin-left10{margin-left:15px;}
.margin-left20{margin-left:20px;}
.margin-left30{margin-left:30px;}
.margin-left40{margin-left:40px;}
.margin-left50{margin-left:50px;}
.margin-left60{margin-left:60px;}
.margin-left70{margin-left:70px;}
.margin-left80{margin-left:80px;}
.margin-left90{margin-left:90px;}
.margin-left100{margin-left:100px;}
p{line-height:24px; text-align:justify; font-size:14px;}, .p3-1{margin-bottom:18px; text-align:justify;}

	.p0{margin-bottom:0;}		.p0-1{margin-bottom:3px;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}   
	.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
/*********************************header*************************************/
.wrapper{width:100%; float:left;}
.container{width:960px; margin:0 auto; padding:0px;}
.top-menu {width:100%; float:right; padding-top:10px !important;margin-bottom:10px;}
.top-menu li{ color:#7898ce; float:left; margin-right:20px;}
.top-menu li a{color:#7898ce;} .top-menu li a:hover{text-decoration:underline;}
/*.top-login{background:url(../images/login.png) 5px 8px no-repeat; padding:10px 10px 10px 30px;}
top-login a{color:#7898ce;} .top-login a:hover{text-decoration:underline;}
*/.head_bg{background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left,  #1e5799 0%, #0440ae 0%, #7db9e8 100%, #2989d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(0%,#0440ae), color-stop(100%,#7db9e8), color-stop(100%,#2989d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #1e5799 0%,#0440ae 0%,#7db9e8 100%,#2989d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #1e5799 0%,#0440ae 0%,#7db9e8 100%,#2989d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #1e5799 0%,#0440ae 0%,#7db9e8 100%,#2989d8 100%); /* IE10+ */
background: linear-gradient(to right,  #1e5799 0%,#0440ae 0%,#7db9e8 100%,#2989d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8',GradientType=1 ); /* IE6-9 */
 width:100%; float:left; 
 }
header{ width:100%; position:relative; z-index:99; float:left;}section{width:100%;float:left;position:relative;}
.menu-bg{background:url(../images/menu-bg.jpg) repeat; width:960px; float:left; position:absolute;}
 .down-bg{
	 background-color:#f4aa0b;
	 background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.67, #F4AA0B),
	color-stop(1, #E29E0A)
);
background-image: -o-linear-gradient(bottom, #F4AA0B 67%, #E29E0A 100%);
background-image: -moz-linear-gradient(bottom, #F4AA0B 67%, #E29E0A 100%);
background-image: -webkit-linear-gradient(bottom, #F4AA0B 67%, #E29E0A 100%);
background-image: -ms-linear-gradient(bottom, #F4AA0B 67%, #E29E0A 100%);
background-image: linear-gradient(to bottom, #F4AA0B 67%, #E29E0A 100%);   
border-bottom:#5d4104 1px solid; border-top:#f9cf72 1px solid;
 border-left:#f6bd3f 1px solid; border-right:#9a6d07 1px solid;
 color:#684906; float:left;
 padding:3px 10px 3px 10px; margin:5px 5px 5px 0px;} 
 .down-bg img{margin:-2px 5px 0px 0px;}
 .down-bg:hover{background:#e29d0a;}
.logo{width:550px; float:left;} .logo img{width:100%;}
header h1{ margin-top:20px; padding:0px;} h1 img{ margin-top:0px;}
.home-text{margin-top:50px; text-align:justify; width:100%;font-family:'latoregular'; font-size:16px !important;color:#444444; line-height:24px; } .home-text span{ font-size:18px !important; font-weight:bold;}
.hm-tit1{ margin-bottom:50px;:center; width:100%;font-family: Verdana; font-size:14px !important; color:#777777;}
.content{float:left; padding:10px; width:940px;}
.home-cont{width:300px; float:left;}
.home-img{width:300px; float:left; border:#848484 1px solid; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75); -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;} home-img img{width:100%;}
.cont-tit{ font-size:21px !important; color:#166cad;}
.cont-tit1{ font-size:18px !important; color:#166cad; text-align:center;}

.foot-bg{ background:#ebf0f9; float:left; width:100%; padding:10px 0px;}.footer-dev{ text-align:right;color:#a6a6a6;}
.foot-txt{color:#a6a6a6; width:500px; float:left;} .foot-txt a{ color:#9f9f9f; padding:0px 5px;} 
.foot-txt a:hover{text-decoration:underline;}
.footer-dev a{color:#2c7dcf; background:url(../images/bwdc.png) 0 0 no-repeat; padding-left:17px;} .footer-dev a:hover{color:#808080;}
.social{float:right; width:120px;} .social ul{width:100%; float:left;} .social ul li{width:21px; float:left; margin-right:15px;}
 .social ul li:hover{ opacity:0.6;} .social ul li.last{margin-right:0px;}

/**To Top**/
.foot-tit{color:#9f9f9f; width:100%; float:left; font-weight:bold; font-size:14px !important;}
.foot-menu{width:200px; float:left;} .foot-menu ul{width:100%; float:left;} .foot-menu ul li{width:100%; float:left; margin-bottom:10px;} .foot-menu ul li a{color:#9f9f9f;} .foot-menu ul li a:hover{text-decoration:underline;}
.foot-img{width:90px; float:left; margin-top:15px;} .foot-img-left{width:150px; float:left;} .foot-img-right{width:70px; float:right;}
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;left:50%;margin-left:525px;overflow:hidden;width:48px;height:46px;border:none;text-indent:-999px;z-index:20;background:url(../images/totop.png) no-repeat left top;transition:0s ease;-o-transition:0s ease;-webkit-transition:0s ease;}
#toTop:hover{outline:none; background-position:0 -46px;}


/*Pop Up*/

.login-form{ padding: 10px 60px; width:380px;}
.text-box{border:#d8d8d8 1px solid; background:#fff; width:358px; padding:10px;-moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important;}
.button{ display: inline-block; background:url(../images/login.png) 5px 8px no-repeat; padding:10px 10px 10px 30px; z-index: 0; color: #7898ce; }
.overlay{ z-index:99; background: rgba(0, 0, 0, .50); display: block; position:fixed; width: 100%; height: 100%; }
.login-form label{width:100%; float:left; margin-bottom:5px;}
.popup{ background:#f0f0f0;padding:20px; background: #fff; z-index: 999; display: none; position: absolute; left: 420px; top:200px; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; border:#605649 5px solid; }
.forgot{ font-weight:bold; float:left; color:#dfaa24; line-height:36px; font-size:16px !important;} .forgot:hover{text-decoration:underline;}
.close{ font-weight: bold; color: #F00; float: right; position: absolute; top: 5px; right: 10px; } .close:hover{color:#444;}
.login{background:#022462 url(../images/login1.png) 65px 14px no-repeat; padding:10px 40px 10px 10px; border:none; cursor:pointer; color:#fff;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
font-family:'latobold'; font-size:18px !important; }
.login1{background:#022462 url(../images/login1.png) 80px 14px no-repeat; padding:10px 40px 10px 10px; border:none; cursor:pointer; color:#fff;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
font-family:'latobold'; font-size:18px !important; }
.login-form label.error{color:red; text-align:right;}
.pop-tit{font-family:'latobold'; font-size:22px !important; color:#022462; text-align:center;}
.f-set{width:100%; height:70px; float:left;position:relative; margin-bottom:20px !important;} 
.soon{text-align:center; color:#4a7bcd; font-size:20px !important; font-weight:bold;}


/***About Developers**/

.abt-tit{ margin-top:80px !important; padding-bottom:10px !important;color:#0440ae; font-size:30px !important; font-family:'latobold'; text-align:center; width:100%; float:left; border-bottom:#ededed 2px solid;}
.abt-tit1{ padding-bottom:10px !important;color:#0440ae; font-size:24px !important; font-family:'latobold'; width:100%; float:left; }
.abt-left{width:330px; float:left;} .abt-img{width:300px;float:left;} .abt-img img{width:100%;}
.mm-tit{font-size:20px !important;color:#0440ae; font-family:'latobold';}
.mm-addr{color:#575757;font-family:'latobold'; font-size:16px !important;}.mm-addr span{color:#0440ae; font-family: 'latobold';}
.abt-right{width:630px; float:left;} .abt-cnt{font-family:'latoregular'; font-size:18px !important; color:#444;}
.m-photo{width:130px; float:left;} .m-text{width:500px; float:left;font-family:'latoregular'; font-size:14px !important; } 
.m-tit{width:100%; float:left;color:#e31f1d; font-size:21px !important; font-family:'latobold';}

/*About*/

.about-cnt{font-size:14px !important; line-height:30px;} .about-cnt span{font-size:18px !important; font-weight:bold;}
.board{width:100%; float:left;} .board strong{font-size:16px !important;} .board span{font-size:16px !important;} .mem-list{width:100%; float:left;} .mem-list li{width:150px; float:left; margin-bottom:20px; font-size:16px !important;}
/*Projects Tabs*/
.pro-banner{position:relative; width:100%; float:left;}
.feature-left{width:480px; float:left;} .feature-right{width:400px; float:left;}
.road{background:url(../images/road.png) 0px 10px no-repeat; padding:10px 0px 10px 50px; font-weight:bold;font-size:13px !important;}
.elecetricity{background:url(../images/elecetricity.png) 0px 10px no-repeat; padding:10px 0px 10px 50px;font-weight:bold;font-size:13px !important;}
.sewage{background:url(../images/sewage.png) 0px 10px no-repeat; padding:10px 0px 10px 50px;font-weight:bold;font-size:13px !important;}
.water{background:url(../images/water.png) 0px 5px no-repeat; padding:10px 0px 10px 50px;font-weight:bold;font-size:13px !important;}
.septic{background:url(../images/septic.png) 0px 5px no-repeat; padding:10px 0px 10px 50px;font-weight:bold;font-size:13px !important;}
.tree{background:url(../images/tree.png) 0px 10px no-repeat; padding:10px 0px 10px 50px;font-weight:bold;font-size:13px !important;}
.park{background:url(../images/park.png) 0px 10px no-repeat; padding:10px 0px 10px 50px;font-weight:bold;font-size:13px !important;}
.pool{background:url(../images/pool.png) 0px 10px no-repeat; padding:10px 0px 10px 50px;font-weight:bold;font-size:13px !important;}
.secure{background:url(../images/secure.png) 10px 10px no-repeat; padding:10px 0px 10px 50px;font-weight:bold;font-size:13px !important;}
 .pro1 .proactive{color:#f9ab06;   background:url(../images/menu-arrow.png) bottom center no-repeat;} 
 .pro2 .proactive{color:#f9ab06;   background:url(../images/menu-arrow.png) bottom center no-repeat;} 
 .pro3 .proactive{color:#f9ab06;   background:url(../images/menu-arrow.png) bottom center no-repeat;} 
table.payment-table{border:1px solid #404040;border-collapse:collapse; width:100%; color:#404040;} .tr-first{ background:#ebebeb;}
table.payment-table th{ text-align:center;padding:5px;border:1px solid #808080;vertical-align:top;word-wrap:break-word; background:#0440ae; color:#fff;}
table.payment-table td{ text-align:center;padding:5px;border:1px solid #808080;vertical-align:top;word-wrap:break-word;}
table.payment-table td.header,table.compat-table th{border:1px solid #bbb;padding:5px 0;background:#eee;text-align:center;font-weight:bold;}
.tr-head1{ background:#d0dff7;}
.tr-head2{ background:#faeac8;}

.pro-list{width:100%; float:left;}
.pro-list li{background:url(../images/more1.png) 0px 15px no-repeat; padding:10px 10px 10px 30px;}

/*Contact*/
.contact-left{width:400px; float:left;} .contact-right{width:430px; float:right; border-left:#dddddd 2px solid; padding-left:40px; min-height:580px}

.contact-form{width:100%; float:left; background:none;} .group{ width:400px; position:relative; float:left; height:70px; margin-bottom:10px;}
.group1{ width:400px; position:relative; float:left; height:150px; margin-bottom:10px;}
.contact-form .field{border:#dcdcdc 1px solid; padding:10px; width:378px; float:left;background:#ededed;} 
.contact-form .field1{border:#dcdcdc 1px solid;padding:10px; width:120px; float:left; background:#ededed;}
.contact-form label{width:100%; float:left; } .code{width:130px; float:left; cursor:pointer;}
.sub-btn{background:#0440ae; padding:10px 50px; color:#fff; font-weight:bold; border:none; cursor:pointer;}
.contact-tit {width:320px; padding:0px 25px;} .contact-tit span{font-weight:bold; color:#166cad;}
.contact-form label.error{color:red; text-align:right; position:relative;}
.ll-icon{background:url(../images/line.png) 0px 12px no-repeat; padding:10px 0px 10px 38px; font-size:18px !important; font-family:'latobold';}
.ph-icon{background:url(../images/ph-icon.png) 8px 12px no-repeat; padding:10px 0px 10px 38px; font-size:18px !important; font-family:'latobold';}
.mob-icon{background:url(../images/mob-icon.png) 0px 12px no-repeat; padding:10px 0px 10px 38px;font-size:18px !important; font-family:'latobold';}
.mail-icon{background:url(../images/mail-icon.png) 6px 17px no-repeat; padding:10px 0px 10px 38px;font-size:18px !important; font-family:'latobold';}
.mail-icon a{color:#444;} .mail-icon a:hover{text-decoration:underline;}


/*Download Application*/

.download-form{width:100%; float:left; background:none;} .download-form .group{ width:450px; position:relative; float:left; height:70px; margin-bottom:10px;}
 
.download-form .field{border:#dcdcdc 1px solid; padding:10px; width:428px; float:left;} 
.download-form .field1{padding:10px 320px; width:320px; float:left;} 
.download-form label{width:100%; float:left; color:#0440ae; }   
.download-form .sub-btn{background:#0440ae; padding:10px 70px; color:#fff; font-weight:bold; border:none; cursor:pointer; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-radius:5px !important;}
.download-form label.error{color:red; text-align:right; position:relative;}

/*Password Reset*/
.pwd_reset .top-menu{display:none;}.pwd_reset .login_popup{display:none;}.pwd_reset .menu-bg{display:none;}.pwd_reset footer{display:none;}
.reset_pwd{width:298px;float:left;}
.reset_form{width:398px;margin:0 auto;margin-top:60px;}.reset_design{border:1px solid #DCDCDC;padding:20px 50px 50px 50px;float:left;width:298px;}
.reset_pwd .sbtn{background: #0440ae;
padding: 10px 89px;
color: #fff;
font-weight: bold;
border: none;
cursor: pointer;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
border-radius: 5px !important;}
.reset_pwd .field{border: #dcdcdc 1px solid;padding: 10px;width:276px;float: left;}
.reset_pwd .res_group{width:100%;float:left;padding-bottom:15px;position:relative;}
.reset_design .nu_tit{width:100%;float:left;text-align:center;margin-bottom:20px;font-size:22px;}
.reset_design .forminner{width:100%;float:left;}
.reset_design .required{color:red;margin-bottom:10px;}
.reset_pwd label.error{color:red;position:absolute;bottom:0px;right:0px;}
#ajax{width:100%;float:left;margin-bottom:20px;color:#008000;text-align: center;font-size:16px;line-height:30px;}
.reset_design .resinvalid{text-align:center !important;font-size:16px;color:red;width:100%;line-height:30px;}

#ajax_res{color: green;
text-align: center;
width: 100%;
float: left;
margin-bottom: 20px;}

/*News*/
.news{width:100%;float:left;}
.news li{font-size:16px;color:#000;margin-bottom:30px;line-height:28px;border:#ebf0f9 2px solid;padding:20px;}

/*================================>> RESPONSIVE STYLES <<========================================*/
@media only screen and (max-width: 1024px) {
 .popup{left:250px !important;}
}
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .container{width:768px;}
 .menu-bg{width:768px;}
 .foot-menu{width:160px;} .top-menu li{margin-bottom:10px !important;}
 .abt-left{padding:0px 219px !important; margin-bottom:20px !important;}
 .abt-right{float:left !important; padding:0px 69px !important;}
.contact-left{padding-left:20px !important;} .contact-right{width:300px !important; padding-left:20px !important;}
.feature-left{width:390px !important;}.feature-right{width:350px !important;}
 .popup{left:130px !important;} .download-form .group{width:340px !important;}
.download-form .field{width:315px !important;} .download-form .field1{padding:10px 224px !important;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
  .container{width:420px;}
  .top-menu{width:260px;}
  .head-right{float:left; width:410px;}
  .menu-bg{width:410px; background:none !important;}
 .logo{width:420px; margin-bottom:10px !important;}
 .foot-txt{width:200px;}
 .foot-menu{width:190px; margin-left:20px;} .foot-txt{width:100%; text-align:center; }
.footer-dev{text-align:center; width:420px; float:left;}  
 .foot-img{float:left; width:220px; } .social{margin-top:20px; }
.abt-left{padding:0px 60px !important; } .abt-tit{margin-top:130px !important;}
 .abt-right{width:420px !important;float:left !important; padding:0px!important;}  .m-text{width:420px !important; }.m-photo{margin-bottom: 20px !important;}
.contact-right{width:380px !important; padding-left:0px !important; border:none !important; min-height:0px !important;}
.feature-right{width:410px !important;}
table.payment-table{font-size:9px !important;}
 .popup{left:30px !important;} .login-form{padding:0px !important;}
 .download-form .group{width:420px !important; float:left !important;}
.download-form .field{width:400px !important;} .download-form .field1{padding:10px 0px !important;}
.abt-right img{margin-left:0px!important;}
 }

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
  .container{width:300px;}
 .menu-bg{width:290px;}
 .logo{width:300px; }
 .foot-menu{width:190px; margin-left:20px;} .f-right{width:100%; text-align:center;}
 .footer-dev{text-align:center; width:100%; float:left;}  
  .foot-img{float:left; width:100px;}
.abt-left{width:300px !important;padding:0px !important; } 
 .abt-right{width:300px !important; padding:0px!important;}  .m-text{width:300px !important; } .m-tit{font-size:18px !important;}
 .contact-form .field{width:278px !important;}
.contact-left{width:300px !important; padding-left:0px !important;} .contact-right{width:300px !important; padding-left:0px !important;}
.group{ width:300px !important; }
.group1{ width:300px !important; }
.feature-right{width:300px !important;} .feature-left{width:300px !important;}
table.payment-table{font-size:6px !important;}
.popup{left:10px !important; padding:5px !important;} .login-form{width:300px !important;} .text-box{width:258px !important;}
.download-form .group{width:300px !important; float:left !important;}
.download-form .field{width:280px !important;}  .download-form .field1{width:300px !important;} .abt-tit{font-size:22px !important;}
.reset_design{padding:20px 20px 20px 20px;}
}