@font-face{font-family:"Montserrat"; src:url('Montserrat-Regular.otf');}
@font-face{font-family:"Montserrat_l"; src:url('Montserrat-Light.otf');}
@font-face{font-family:"Montserrat_m"; src:url('Montserrat-Medium.otf');}
/*--------------------reset css--------------------*/
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{font-family:"Montserrat"; color:#222222;}
/* ### wrapper ### */
#wrapper { display: block; width: 100%; min-height: 100%;}
header{background:#3f2693;}

.image--cover {
	width: 140px;
	height: 120px;
	margin: 6px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center right;
	object-position: center right;
}
#ourteam {
	width: 100%;
	padding: 10px 0px 10px 0px;
	background: #f2f2f2;
}
.webteam {
	color: slategray;
	padding: 0px 0px 20px 0px;
	font-size: 15px;
}
.webteam h6 {
	font-size: 10px;
	color: #f75b57;
}
.webteam h5 {
	font-size: 12px;
}
.webteam strong {
	font-weight: bolder;
	color: gray;
}
.form-group input
{
	margin-bottom:17px;
}
.form-group textarea
{
	margin-bottom:17px;
}

.carousel-caption {right: 25%;left: 25%;padding-bottom: 30px;}
.carousel-caption h3 {text-transform: uppercase;font-family: "Montserrat_m";margin-bottom: 10px;color: #3f2693; font-size: 28px; text-shadow:none;}
.carousel-caption p { line-height:24px; text-align:justify; font-family: "Montserrat";color: #000;font-size:16px; text-shadow:none;}
.carousel-control .fas{position:absolute; top:50%;}

.TitleTable{height: 60px; margin-left:60px; margin-top:5px;}
.MainTitleRow{height: 40px; font-size: 30px; font-weight:bold; font-family:"Montserrat_m"; color: #fff; vertical-align: middle;}
.SubTitleRow{height: 20px; font-size: 14px; font-weight:bold; font-family:sans-serif; color: #fff}

.navbar-brand{height:auto; padding:0;}
.navbar{margin-bottom:0; font-family:"Montserrat_m"; background: #08149a}
.navbar-nav>li>a{color:#fff; padding:24px 20px;}
.navbar-nav>li>a:hover{ background:#00dcff;}
.navbar-nav li a.active {
	background-color: #00dcff;
	color: #fff;
}
.navbar-toggle{ background:#00dcff; margin: 17px 10px 0px 0px;}
.navbar-toggle .icon-bar { background: #fff!important;}

.cityListTable td{
	padding-bottom: 5px;
}

.bannercontainer{
	/* height: 350px; */
}

#myCityList{
	position: relative;
	width: 50%;
	height: 350px;
	float: left;
	background: linear-gradient(to right, #fff , #c4c4c4);
}

#myCarousel{
	position: relative;
	width: 50%;
	height: 350px;
	float: right;
}

.separatorindex{
	position: relative;
	top:350px;
}

.separator {
	width:100%; 
	height:10px; 
	margin-bottom: 10px; 
	background: linear-gradient(to bottom, #fff , #c4c4c4);
} 

.mobileapp{
	
	font-family: "Montserrat_m";
    font-size: 23px;
    color: #08149a;
    margin-right: -85%;
	
	
}
 
.myFontStyle{font-family:"Montserrat_m";
 font-size:23px;
 /* margin-right: -12%; */
 }
.about h2{text-transform:uppercase; font-family:"Montserrat_m"; margin-bottom:10px;} 
.about h2>span{color:#08149a!important;}
h2{text-transform:uppercase; font-family:"Montserrat_m"; margin-bottom:30px;} 
h2>span{color:#08149a!important;}
.about p{    
	line-height: 20px;
    letter-spacing: 1px;
    font-size: 14px;
    text-align: justify;
	font-family: "Montserrat_m"
}
/* ### box ### */
.box{background:#39a485; text-align:center; padding:30px 0; min-height:250px;}
.box p{font-size:16px; color:#fff; line-height:22px; font-family:"Montserrat_m"; text-transform:uppercase;}
.box span{font-size:11px;}
.g2{background:#3f2693;}
.g3{background:#f3c33a;}
.g4{background:#00bb9e;}
.g5{background:#6C7A89;}
.g6{background:#BFBFBF;}
.g7{background:#95A5A6;}

/* ### website section ### */
#website {width:100%;  padding:10px 0px 10px 0px; background:#29344d; margin:50px 0px 50px 0px;}
#website h2{text-transform:uppercase; font-family:"Montserrat_m"; margin-bottom:30px; color:#fff;} 
.webcir{text-transform:uppercase; color:#fff; padding:0px 0px 20px 0px; font-size:15px;}
.webcir img{background:#3f2693; text-align:center; padding:8px; border-radius:50%;  margin:0 auto 10px;}
.wec1 img{background:#57b1f7;}
.wec2 img{background:#f99d30;}
.wec3 img{background:#75ba47;}
.wec4 img{background:#51c466;}
.wec5 img{background:#e26746;}
.wec6 img{background:#4a8bac;}
.wec7 img{background:#dec017;}
.wec8 img{background:#95800a;}
.wec9 img{background:#60815c;}
.wec10 img{background:#b1689f;}
.wec11 img{background:#2ff0f7;}
.wec12 img{background:#0f66ea;}
.wec13 img{background:#ff0000;}


/* ### mobile section ### */

.circle img{text-align:center; padding:5px 0; border-radius:50%; width:70px; margin:0 auto 20px;}
.c1 img{}
.c2 img{
	text-align: center;
    padding: 14px 0;
    border-radius: 37%;
    width: 69px;
    margin: 16px 57px 16px;
}
.c3 img{    
    text-align: center;
    padding: 5px 0;
    border-radius: 50%;
    width: 105px;
    margin: 0 auto 20px;}

/* ### gisservices### */
#gisservices{width:100%;  padding:10px 0px 10px 0px; background:#f2f2f2; margin:50px 0px 0px 0px;}
.gis{text-transform:uppercase; font-size:23px;  padding:0px 0px 20px 0px;}
.gis img{ text-align:center; padding:8px;  width:50%; margin:0 auto 10px ; border:4px solid #3f2693;}


/*### state portal### */
#state_portal{width:100%;  padding:10px 0px 10px 0px; background:url(../images/state_pt_bg.png) no-repeat; background-position:50% 80%; margin:20px 0px 30px 0px;}
#state_portal h2{text-transform:uppercase; font-family:"Montserrat_m"; margin-bottom:30px; color:#fff;} 

/* ---- lead form --- */
ul.lead-list {list-style: none; padding-left: 0;margin-bottom: 0px; float:left;}
ul.lead-list li {margin: 0 0 20px 0;line-height:22px ; text-align:left;  } 
ul.lead-list li a{color:#fff; font-size:22px;  padding:0 15px; text-decoration: none;}
ul.lead-list .fas{font-size:14px; color:#fb4e4a;}


h3{text-transform:uppercase; font-family:"Montserrat_m"; margin-bottom:10px; color:#3f2693; font-size:30px;} 
.akn{ color:#67676b; font-size:16px; line-height:22px; margin:0px 0px 30px 0px;}


footer{background:linear-gradient(#08149a, #000); width:100%; float:left; }
footer p{ text-align:center; color:#fff; font-family:"Montserrat_l"; letter-spacing:1px; font-size:13px; padding:25px 0px }
footer ul{display:inline-block; margin:20px 0; float: left;}
footer ul li{float:left;  padding:0 0px; border-right:1px solid #888;}
footer ul li:last-child{border-right:none;}


/*### state login section### */

.login_bg{ background: url(../images/login_bg.png) no-repeat; }
.login_bgx{ background: url(../images/login_bgxx.png) no-repeat center center fixed;background-size: 100% 100%; height: 100%;position: absolute;width: 100%;}

.login{border-radius: 3px;background: #fff;padding: 22px;overflow: hidden;box-shadow: 4px 2px 35px 5px rgba(0,0,0,0.60);  }
.mt{ margin:10% 0;}
.logo_lo{ text-align: center;margin: 0; padding: 0 0 25px;}
.form-group span{font-size: 12px; color:#7d7d7f;}
.form-group label{font-size: 15px; padding:0px 0px 6px 0px;}
.form-submit {background: #3f2693; width: 100%; border: none; box-shadow: none;line-height: 30px; font-size: 16px;font-weight: 400;border-radius: 4px; color:#fff;}

#contactbox{margin-top: 2%; width: 50%; margin-left: 23%;}
.titleTab{height: 100%; width: 20%; float: left; padding-top: 20px;}
.contentTab{height: 100%; width: 70%; float:right;}
.titleTab ul {
	list-style-type: none;
	height: 100%;
	overflow: auto;
}
.titleTab li a {
	display: block;
	color: #08149a;
	padding: 8px 16px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
.titleTab li a.active {
	background-color: #08149a;
	color: #fff;
}
.titleTab li a:hover:not(.active) {
	background-color: #00dcff;
	color: #fff;
}
#aboutTheLeadership table {
	border-collapse: collapse;
}
#aboutTheLeadership tr{
	border-bottom: 1px solid #eee;
}
#aboutTheLeadership td {
	padding-bottom: 10px;
}
#WebAppsDisplay{
	width:30%; float: left;
	  margin-left: -2%;
}
#AboutTheApp{
	width: 70%; float: right;margin-top:10px;
}
#maptodisplay{
	width:60%; float:left; height: 400px;
}
#separator_v{
	float:left; width:10px; height:400px; background: linear-gradient(to right, #fff , #c4c4c4);
}
#contactaddress{
	float: right; margin-right: 5%; margin-top: 5%; width: 30%; border-radius:15px;
}
#emblem{
	
	width: 40px; margin-top: 5px;
}

.separator_h{
	display:none;
}
@media (min-width:320px) and (max-width: 700px) {
	.MainTitleRow{font-size: 20px;}
	.SubTitleRow{font-size: 12px;}
	.titleTab{width:100%;}
	.contentTab{width:100%;}
	.navbar-nav>li>a {line-height: 0px;font-size: 11px;}
	.separator_h{display:block; float:left;}
	#myCarousel{display:none;}
	#myCityList{width:100%;}
	#contactbox{margin-top: 2%; width: 100%; margin-left: 0px;}
	#WebAppsDisplay{width:100%}
	#AboutTheApp{width:100%}
	#maptodisplay{width:100%}
	#separator_v{display:none}
	#contactaddress{width:100%;margin:0px;}
	#emblem{width: 30px; margin-top: 13px;margin-left: 13px;}
	.about h2{font-size: large}
}
/* @media (min-width:320px) and (max-width: 360px){
	footer{width:115%;}
	.MainTitleRow{font-size: 20px;}
	.SubTitleRow{font-size: 12px;}
	.navbar {width: 115%;}
	.separator{width: 115%}
	.about p{width: 125%;}
	#myCarousel{display:none;}
	#myCityList{width: 115%;}
} */