body {
    background-color: #00F !important;
}


/*------ defult css ------*/

@font-face{
	src:url(../fonts/MyriadPro-Regular.otf);
	font-family:'MyriadPro';
	}

/*---------top header start----------*/
a{ text-decoration:none; transition:0.5s; color:#ff0 !important;}
a:hover{ text-decoration:none;}
a:focus{ text-decoration:none;}

.top-header{ background:#717171; 
padding:7px 0px !important;
margin-top:-20px;
}
.top-header-left{ padding:0px !important; text-align:left;}
.top-header-left ul{ list-style:none; margin:0px; padding:0px;}
.top-header-left ul li{ display:inline-block;}
.top-header-left ul li a{ padding-right:20px; color:#ff0 !important; font-size:12px; font-weight:bold;}
.top-header-left ul li a:hover{ text-decoration:none !important;color:#059cec;}
.top-header-right{ padding:0px !important; text-align:right;}

#white{ background:#fff; color:#666 !important; padding:3px 10px !important; border:1px solid #ccc; font-weight:bold; text-decoration:none;}
#black{ background:#000; color:#FF0; padding:3px 10px !important; border:1px solid #ccc; font-weight:bold; text-decoration:none;}
#blue{ background:#00F; color:#FF0 !important; padding:3px 10px !important; border:1px solid #ccc; font-weight:bold; text-decoration:none;}
#black2{ background:#000; color:#ff00e7 !important; padding:3px 10px !important; border:1px solid #ccc; font-weight:bold; text-decoration:none;}

/*------------top header end-----------*/

/*---------- header ---------*/
.header{
	padding:10px 0px;
	background-color:3f8f8f8;
	}
.header .logo_img{
	text-align:center;
	}
.header .logo_img img{
	height:80px;
	}
.header .logo_img1{
	text-align:center;
	}
.header .logo_img1 img{
	height:80px;
	}
.header .logo_text {
    margin-left: -20px;
}
.header .logo_text h3{
	font-weight:bold;
	color:#ff0;
	font-size:23px;
	font-family:'MyriadPro';
	}
.header .logo_text h4{
	line-height:14px;
	margin-top:-5px;
	font-size: 18px;
	color: #ff0;
	}
.header .shrt_panel{
	text-align:right;
	margin-top:15px;
	}
.header .shrt_panel p a{
	padding-left:30px;
	color:#2286c2;
	}
.header .srch form input {
    border: 1px solid #2286c2;
    padding: 3px 10px;
    width: 85%;
    margin-top: 23px;
}
.header .srch form button{
	margin-left:-30px;
	border:none;
	color:#fff;
	background-color:#2286c2;
	height:26px;
	}


/*------- main panel -------*/

/*----- side menu -----*/

.left_menu{
	height:auto;
	/*overflow:auto;*/
	}
.side_menu{
	background-color:#00f;
	border:2px solid #ff0;
	}
	
.left_menu_head{
	background-color:#0a5e90;
	color:#fff;
	font-size:18px;
	padding:5px 7px;
	font-weight:bold;
	}
.left_menu a{
	border-bottom:2px solid #ff0;
	}
.left_menu a {
    display: block;
    text-decoration: none;
    padding: 8px 7px 7px 20px;
    font-size: 15px;
}
.left_menu a:hover{
	text-decoration:none;
	display:block;
	color:#fff;
padding: 8px 7px 7px 45px;
	background-color:#00f;
	}
.left_menu a:focus{
	text-decoration:none;
	color:#fff;
	}
.headings {
    background-color: #00F;
    color: #ff0;
    font-size: 18px;
    padding: 5px 15px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
}
.fa-chevron-circle-right:before {
    color: #ff0;
}
.notic_body {
    height: auto;
    min-height: 495px;
    border-bottom: 3px solid #ff0;
    background-color: #00F;
    box-shadow: 0px 0px 5px #ff0;
    border-top-right-radius: 20px;
}
.notic_body p i{
	font-size:20px;
	color:#0a5e90;
	}
.notic_body p {
	font-size:16px;
	padding: 10px;
	}
.notic_body p a{
	text-decoration:none;
	color:#0a5e90;
	}
.what_body {
	height:285px;
	border-bottom:3px solid #0a5e90;
	background-color:#e8f3fb;
	box-shadow: 0px 0px 5px #999;
	border-top-right-radius: 20px;
	}
.what_body marquee{
	height:235px;
	text-align:center;
	    padding: 10px;
	}
.what_body marquee p{
	border-bottom:1px dotted #999;
	}
.what_body marquee p a{
	text-decoration:none;
	color:#0a5e90;
	}
.stcture{
	margin-top:-10px;
	}
.stcture .strc_item {
    background-color: #00F;
    height: 80px;
    margin-top: 4px;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #ff0;
    border-radius: 15px;
}
.stcture .strc_item p{
	line-height:15px;
	margin-top:5px;
	color:#0a5e90;
	font-weight:bold;
	}
.stcture .strc_item p>a{
	color:#ff0 !important;
	}
.stcture .strc_item h3 i{
	color:#666;
	}
.stcture .strc_item h3 a{
	font-weight:bold;
	}
.stcture .strc_item p a:hover, 
.stcture .strc_item h3 a:hover{
	text-decoration:none;
	color:#090;
	}
.stcture .strc_item img{
	width:100px;
	height:30px;
	margin-top:0px;
	}
.mid_panel hr{
	outline:none;
	border-bottom:1px solid #0a5e90;
	}
.base_toper{
	margin-top:-40px;
	}
.base_panel {
    min-height: 192px;
    height: auto;
    padding: 7px 15px;
    background-color: #fff;
    border: 2px solid #2286c2;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
}
.base_panel p{
	font-size:15px;
	padding:5px 0 0 0;
	border-bottom:1px solid #fff;
	}
.base_panel p a:hover{
	text-decoration:none;
	color:#090;
	}
.round_imp_link{
	padding:20px 0;
	text-align:center;
	margin-top:20px;
	}
.round_imp_link .round_item .round_item_img{
	border:3px solid #ff0;
	border-radius:100%;
	text-align:center;
	width:120px;
	height:120px;
	padding:4px;
	margin:0 auto;
	}
.round_imp_link .round_item .round_item_img img{
	width:100%;
	height:100%;
	}
/*.round_imp_link .round_item h4{
	height:80px;
	padding:3px 2px;
	border-left:3px double #2186c1;
	border-bottom:3px double #2186c1;
	border-top:3px solid #2186c1;
	border-right:3px double #2186c1;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	}*/
.round_imp_link .round_item h4 {
    height: 80px;
    padding: 9px 2px;
    border-left: 1px solid #ff0;
    border-bottom: 1px solid #ff0;
    border-top: 1px solid #ff0;
    border-right: 1px solid #ff0;
    border-radius: 15px;
    background: #00f;
}
.round_imp_link .round_item h4 a{
	font-size:16px;
	line-height:20px;
	color: #ff0 !important;
	}
.round_imp_link .round_item h4 a:hover{
	text-decoration:none;
	color:#090;
	}
.gov_item {
    border-left: 2px solid #ff0;
}

.gov_space {
    padding: 25px 0;
    background: #00f;
}
.space{
	padding:0 25px;
	}
/*--------menu start--------*/
nav{
	background:#0066FF !important
	text-align:center;
	}
.navbar{
	margin:6px 0;
	}
.navbar-nav li a{
	color:#ff0 !important;
	}
.navbar-nav li a:hover, .navbar-nav li a:focus {
    color: #ff0 !important;
    background: #00f !important;
    text-decoration: underline !important;
}
.navbar-nav li a:focus{
	color:#2286c2;
	}
.navbar-header button{
	background:#fff;
	}
.navbar-header button span{
	background:#2286c2;
	}
.navbar-header .navbar-brand{
	color:#fff;
	display:none;
	}
/*---------------- About US--------------------*/

.abt_txt{
	text-align:justify;
	margin-bottom:25px;
	padding: 20px;
	color:#ff0;
	}
.abt_txt p{
    font-size: 13px;
    line-height: 22px;
	}
.abt_txt p>strong{
	font-size:16px;
	padding-top:10px;
	
	}
.abt_txt p>span{
	font-weight:bold;
	
	}
ul.function{
	list-style: square;
	padding-top:10px;
	}
ul.function li {
    font-size: 15px;
}
.population{
	padding-top:20px;
	}
.abt_txt h5{
    font-size: 18px;
    color: #ff0;
    padding-top: 15px;
}
.structure{
    padding: 15px 15px;
    background-color: #00f;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    margin-bottom: 20px;
}
.structure a {
    font-size: 14px;
    border: 1px solid #ff0;
    padding: 8px 15px;
    margin: 0 5px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    background: #00f;
    color: #ff0;
}
.structure a:hover {
    background:#00f;
	color:#ff0;
	border:1px solid #ff0;
	border-bottom-left-radius: 0;
    border-top-right-radius: 0;
	border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
	text-decoration:none;
}
.structure a:hover i{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	transition:0.5s;
	}
.structure a:focus {
    background:#fff;
	color:#337ab7;
	border:1px solid #337ab7;
	border-bottom-left-radius: 0;
    border-top-right-radius: 0;
	border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
	text-decoration:none;
}
.structure h4{
	margin:0;
	}
.sidebar {
    background: #00f;
    box-shadow: 0px 0px 5px #ff0;
    padding: 0px;
    border-top-right-radius: 20px;
    border-bottom: 3px solid #ff0;
}

.img_group img{
	max-width:100%;
	}
.img_group{
	padding:15px;
	text-align:center;
	}

/*------ footer start ------*/

footer{
	background-color:#00f;
	color:#ff0;
	font-size:16px;
	padding:15px;
	}
footer p{
	color:#ff0;
	}
footer p a{
	color:#CCC;
	}
footer p a:hover{
	text-decoration:none;
	color:#FFF;
	}
footer p a:focus{
	text-decoration:none;
	color:#ccc;
	}
/*-------------------------whats-new----------------------------*/
.whats-new {
    margin-bottom: 20px;
    color: #fff;
	color:#ff0;
}
.new{
    text-align: center;
    font-size: 18px;
    background: #00F !important;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px 0;
	font-family: MyriadPro;
}

.marque-body{
    background: ##00F !important;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px 0 0;
	font-family: MyriadPro;
}
.marque-body span{
    color:#ff0;
}
/*-----------------------search------------------*/
input {
	outline: none;
}
ul.menu{
  float:right;
  list-style: none;
  padding: 0;
  overflow: hidden;
}
ul.menu>li{
  float:left;
  margin-left: 15px;
     font-size: 20px;
    padding: 7px 10px 7px;
}

.search-field{
	width: 30px;
	transition: width 0.5s;
	padding-left: 0;
	padding-right: 0;
	opacity: 0;
	float: left;
	position: absolute;
	right: 35px;	
}
.search-field .form-control{
	border-radius: 0;
	height: 34px;
	display: none;
  width:100%;
}
.search-field.clicked{
	width: 300px;
	transition: width 0.5s;
	opacity: 1;
}
.search-field.clicked .form-control{
	display: block;
}
.search-trigger {
    display: inline-block;
    float: left;
    font-size: 15px;
    padding: 3px 6px 3px;
    margin-left: 25px;
    margin-top: 4px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.search-trigger.clicked{
	background: #5faee3;
}
.search-wrap{
	position: relative;
	padding: 7px 0;
	height: 48px;
  float: right;
}
.search-submit{
    border: 0;
    margin-left: -4px;
    height: 28px;
    width: 28px;
    color: #2286c2;
}
.text-field{
    width: 88%;
    border: 0;
    padding: 4px 10px;
}
.srch{
	display:none;
	}
.btn-primary {
    color: #ff0 !important;
    background-color: #00f !important;
    border-color: #ff0 !important;
}
.view-more{
    text-align: right;
    font-size: 16px;
    padding: 6px 0;
}
.live, .archive{
    text-align: center;
    font-size: 16px;
}
.nav>li>a {
    padding: 10px 13px !important;
}
.heading-title img {
    height: 25px;
    margin-right: 10px;
}