@CHARSET "UTF-8";
/* ##################layout ################# */
* {
	letter-spacing: 0px;
}

.wrappercolor {
	background-color: #FFF;
}

body, .wrapper {
	height: 100%;
	overflow: auto;
	margin-right: 0px;
	width: 100%;
	padding: inherit;
	background-image: url(../images/tnpgbpattern.png);
}

ul li {
	list-style: none;
}
/* ########### Know your ########## */
.knowyourlink span {
	font-size: 16px;
	font-weight: bold;
	/* font-size:12px !important; */
	width: 40px;
	height: 35px;
	margin-left: 3px;
}

f
.container {
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}

.row div div div {
	padding: 0px;
	/*  padding: 0 !important;  */
	margin: 0 !important;
}

.icons {
	width: 43px !important;
	height: 100% !important;
}

fieldset {
	/* border:1px solid #66C2FF; */
	padding: 0em 0.4em 0.4em 0.4em !important;
	margin: 0 !important;
}

div fieldset>div { /* height: calc(5.4cm); */
	width: 100%;
	text-align: center;
}

div fieldset div>a {
	width: 100%;
	/* border-radius: 25px !important; */
	margin: -1px 0;
	font-family: arial;
	font-weight: bold !important;
	text-align: left !important;
}

div fieldset div div  a>img {
	display: inline !important;
}

div fieldset div div {
	text-align: left;
	word-space: nowrap !important;
}

div fieldset legend {
	font-size: 14px;
	font-weight: bold;
	color: #19537A;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
}

div fieldset legend a span:hover {
	/* font-size:15px; */
	font-weight: bold;
	color: #000 !important;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
}

div fieldset legend a {
	padding: 4px 11px !important;
}

div fieldset legend a span {
	padding: 5px !important;
	/* padding:5px 25px !important; */
	font-size: 14px;
	font-weight: bold;
}

.linkH:hover {
	/*  font-size:14px ; */
	font-weight: bold !important;
	color: red !important;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
}

.linkH1:hover {
	/*  font-size:12px !important; */
	font-weight: bold !important;
	color: red !important;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
}

.linkHWoutF:hover {
	font-weight: bold !important;
	border-radius: 6px !important;
	background: #cdc9c9 !important;
	background: -moz-linear-gradient(top, #cdc9c9 0%, #fdfbfb 100%)
		!important;
	background: -webkit-linear-gradient(top, #cdc9c9 0%, #fdfbfb 100%)
		!important;
	background: linear-gradient(to bottom, #cdc9c9 0%, #fdfbfb 100%)
		!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdc9c9',
		endColorstr='#fdfbfb', GradientType=0) !important;
	color: #000 !important;
}

.linkHWoutFBG:hover {
	color: #000 !important;
	border-radius: 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+1,ffffff+51,f7f7f7+100 */
	background: #f9f9f9 !important; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #f9f9f9 1%, #ffffff 51%,
		#f7f7f7 100%) !important; /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #f9f9f9 1%, #ffffff 51%,
		#f7f7f7 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #f9f9f9 1%, #ffffff 51%, #f7f7f7 100%
		); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9',
		endColorstr='#f7f7f7', GradientType=1) !important;
	/* IE6-9 fallback on horizontal gradient */
}

label {
	margin: 0;
}
/* 
footer {
	bottom: 0 !important;
	height: 40px;
	overflow: hidden !important;
	position: fixed;
	width: 100% !important;
	z-index: 2 !important;
	padding: 0px !important;
	margin: 0px;
	right: 0 !important;
	left: 0 !important;
	box-sizing: content-box !important;
	font-weight: 700;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	z-index: 200002;
}

footer .sfooter {
	box-shadow: 4px 0 20px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12) !important;
	border-top: 1px solid #FFF;  #e5e5e5
	position: absolute !important;
}

footer>div {
	background-color: #868686;
	padding: 0px !important;
	margin: 5px 0 !important;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
 */
#preloader {
	background-color: #ffffff;
	height: auto;
	left: 0;
	min-height: 100%;
	opacity: 0.8;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

#spinner {
	background: rgba(0, 0, 0, 0) url("../images/cctnsnicloading.gif")
		no-repeat scroll 0 0;
	height: 375px;
	left: 50%;
	margin: -120px 0 0 -200px;
	position: absolute;
	top: 50%;
	width: 391px;
}

#spinner:before {
	display: block;
	background: rgba(0, 0, 0, 0) url("../images/cctnsnicloading.gif")
		no-repeat scroll 0 0;
	height: 375px;
	left: 50%;
	margin: -120px 0 0 -200px;
	position: absolute;
	top: 50%;
	width: 391px;
}

#spinner:after {
	display: block;
	background: rgba(0, 0, 0, 0) url("../images/cctnsnicloading.gif")
		no-repeat scroll 0 0;
	height: 375px;
	left: 50%;
	margin: -120px 0 0 -200px;
	position: absolute;
	top: 50%;
	width: 391px;
}

-webkit-animation: spin 1.5s linear infinite ; 
animation: spin 1.5s linear infinite; 
@-webkit-keyframes spin { 0% {
	-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: rotate(0deg); /* IE 9 */
	transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
}

100%
{
-webkit-transform








:




 




rotate








(360
deg






); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform








:




 




rotate








(360
deg






); /* IE 9 */
transform








:




 




rotate








(360
deg






); /* Firefox 16+, IE 10+, Opera */
}
}
@
keyframes spin { 0% {
	-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: rotate(0deg); /* IE 9 */
	transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
}

100%
{
-webkit-transform








:




 




rotate








(360
deg






); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform








:




 




rotate








(360
deg






); /* IE 9 */
transform








:




 




rotate








(360
deg






); /* Firefox 16+, IE 10+, Opera */
}
}

/* ------------------------ */
.knowyourlink a {
	height: 2.81em !important
}

/* ############# Department Link ###########*/
.departmentlink {
	padding: 0 !important;
	margin: 10px 0px !important;
	/*  height: 2.456em; */
}

.departmentlink fieldset {
	width: 100%;
}

.departmentlink  div {
	padding: 0px 0px !important;
	margin: 0px !important;
	text-align: center;
	/* height: inherit; */
}

.departmentlink div  div {
	padding: 0 !important;
	/* margin-top:5px !important;  */
	text-align: left;
}

.departmentlink div  div label {
	margin-top: 20px;
}

.departmentlink img {
	width: 10px !important;
	height: 10px !important;
}

.departmentlink a label, .departmentlink span {
	font-size: 11.2px;
	font-weight: bold;
	/* padding: 5px 0px !important; */
}

/* ----------------------------------###########Image Slider#################---------------------- */
.sliderimg fieldset div div div div a img {
	width: 100%;
	height: 210px !important;
}

.sliderimg fieldset div div div div a {
	width: 100%;
	height: 100% !important;
}

.sliderimg  fieldset div div div>div {
	width: 100% !important;
	height: 100%;
	position: absolute;
}

.sliderimg fieldset>div {
	/* height: inherit !important; */
	height: 210px !important;
}
/* --------------------------------------------------------#################---------------------- */
/* ############# first fieldset###################*/
.imp-links a {
	height: 2.33em;
	display: -webkit-flex; /* Safari */
	display: flex;
	overflow: hidden;
}

.imp-links span {
	font-size: 14px;
	/* width: 40px; */
	height: 35px;
	margin-left: 3px;
}

.portallink img {
	width: 100% !important;
	height: 4.56em !important;
}

.online-comp-css  span {
	font-size: 11px;
	white-space: nowrap
}

.online-comp-css  a>img {
	/* width: 24px; */
	width: 18px;
	height: 15px;
	display: inline;
}

.online-comp-css  a {
	height: 1.4em !important;
	margin: 0px;
	padding: 0px;
}

.online-comp-css  label {
	font-size: 11px;
	float: left;
}
/* ###########help line############# */
.helpline div div div a {
	width: 100% !important;
	text-decoration: none !important;
	padding: 0px;
	border-radius: 1px;
}

.helpline div div div a span {
	font-size: x-small;
	white-space: nowrap;
	color: #FFF;
	font-weight: bold;
}

.helpline div div div {
	text-align: center;
}

.helpline div  a:hover {
	border: 2px solid #FFF !important;
	margin: -1px 0;
}
/*############### Search button ################*/
input.search-query {
	padding-left: 26px;
}

form.form-search {
	position: relative;
}

form.form-search:before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background-image: url(../images/glyphicons-halflings.png);
	background-position: -48px 0;
	position: absolute;
	top: 8px;
	left: 8px;
	opacity: .5;
	z-index: 1000;
}

.nav>li>a {
	display: block;
	/*  padding:15px 2%; */
	position: relative;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.open>a:hover {
	background-color: #e7e7e7;
	color: #000 !important;
}
/* ###################### Change Color ################################### */
.theme-tool {
	-ms-transform: rotate(270deg) !important; /* IE 9 */
	-webkit-transform: rotate(270deg) !important;
	/* Chrome, Safari, Opera */
	transform: rotate(270deg) !important;
	background: rgba(0, 0, 0, 0) linear-gradient(#fbb450, #f89406) repeat
		scroll 0 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	top: 7.5% !important;;
	right: 0 !important;;
	box-sizing: content-box !important;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	word-spacing: 2px;
	font-weight: 700;
	padding: 5px 5px 0px 5px;
	position: fixed;
	text-align: center;
	text-decoration: none;
	margin: 0 -40px 0 0 !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	top: auto;
	cursor: pointer;
	z-index: 200002;
	width: auto;
}

.tool-container {
	-ms-transform: rotate(90deg) !important; /* IE 9 */
	-webkit-transform: rotate(90deg) !important;
	/* Chrome, Safari, Opera */
	transform: rotate(90deg) !important;
	margin: 0 !important;
	background-color: #F1F1F1;
	letter-spacing: 2px;
	border-radius: 5px;
	border: 1px solid #fbb450;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sortable li {
	padding: 5px 0 !important;
	margin: 5px;
}
/* ########### Browser version Checking ################ */
#browserversion {
	text-align: center;
	width: 100%;
}

#browserversion div {
	margin-bottom: 0px;
	margin-top: 0px;
	background: #FCDEDC;
	font-size: 17px;
	color: red;
	border: 1px solid #500E0F;
	border-radius: 2px;
}

#browserversion div a {
	text-decoration: none;
	text-shadow: 3px 2px 3px #EACFCD;
	background-color: #EEEDEC;
	border: 1px solid #000;
}

#browserversion div a:hover {
	background-color: #FCDEDC;
	text-shadow: 3px 2px 3px #D6D2D0;
	color: #FD7271;
}
/* ###################### end ######################### */
.wrapper {
	margin: 0 !important;
	padding: 0 !important;
}

.menuHolder {
	border-radius: 4px;
	position: relative;
}

.menu-btn-color-1top ul li a, .menu-btn-color-2top ul li a,
	.menu-btn-color-3top ul li a {
	/* color: #fff !important; */
	/* text-shadow: 3px 2px 3px #333333; */
	/*font-size: 13.5px; */
	font-size: 12px;
	font-weight: bold !important;
	margin: -4px -5px !important;
}

.menu-btn-color-1top ul li a:hover, .menu-btn-color-2top ul li a:hover,
	.menu-btn-color-3top ul li a:hover, .menu-btn-color-1top ul li .open a
	{
	color: #000 !important;
	/* background-color: #E7E7E7 !important; */
	background: #cdc9c9 !important;
	background: -moz-linear-gradient(top, #cdc9c9 0%, #fdfbfb 100%)
		!important;
	background: -webkit-linear-gradient(top, #cdc9c9 0%, #fdfbfb 100%)
		!important;
	background: linear-gradient(to bottom, #cdc9c9 0%, #fdfbfb 100%)
		!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdc9c9',
		endColorstr='#fdfbfb', GradientType=0) !important;
	/* text-shadow: 3px 2px 3px #333333; */
}

.dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a
	{
	color: #fff;
	font-weight: bold;
}

.btn-group-lg>.btn, .btn-lg {
	padding: 10px 15px !important;
}
/*************************** Start Media Query *********************/
@media only screen and (max-width: 480px) and (min-width:320px) {
	.knowyourlink span, ,.imp-links span {
		font-size: 14 !important;
		white-space: pre;
	}
	.online-comp-css  span {
		font-size: 9px !important;
		white-space: nowrap !important;
	}
	.navbar-header {
		display: block;
	}
	/* #footer {
		height: 130px;
	} */
	.list-inline>li {
		padding-left: 5px;
		padding-right: 5px;
	}
	#carousel-example-generic div div img {
		height: 100%;
	}
	.wrappercolor *, .title-header {
		font-size: 10px !important;
	}
	.btn-group-lg>.btn, .btn-lg {
		padding: 5px 15px !important;
	}
	.menu-btn-color-1top ul li a, .menu-btn-color-2top ul li a,
		.menu-btn-color-3top ul li a {
		/* color: #fff !important; */
		/* text-shadow: 3px 2px 3px #333333; */
		/*font-size: 13.5px; */
		font-size: 12px;
		font-weight: bold !important;
		margin: -5px 20px !important;
	}
	#newsevent .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 100% !important;
	}
	#newsevent .carousel-inner .item .div-images {
		width: 100% !important;
		height: 100% !important;
	}
	#newInitiatives .carousel-inner .item .div-images {
		width: 100% !important;
		height: 100% !important;
	}
	#newInitiatives  .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 100% !important;
	}
}

@media only screen and (max-width: 1024px) and (min-width:760px) {
	.knowyourlink span, .imp-links span {
		/* font-size: 16px ; */
		white-space: pre !important;
	}
	.knowyourlink span {
		height: 35px;
	}
	.list-inline>li {
		padding-left: 0;
		padding-right: 0;
	}
	/* #footer {
		height: 90px !important;
	} */
	#carousel-example-generic div div img {
		height: 100%;
	}
	.dropdown:hover .dropdown-menu {
		display: block !important;
		margin-top: -2%;
		margin-left: 0;
		height: auto;
		float: left !important;
		border-radius: 4px;
		border: 1px solid #DDDDDD;
	}
	.btn-group-lg>.btn, .btn-lg {
		padding: 10px 15px !important;
	}
	.menu-btn-color-1top ul li a, .menu-btn-color-2top ul li a,
		.menu-btn-color-3top ul li a {
		/* color: #fff !important; */
		/* text-shadow: 3px 2px 3px #333333; */
		/*font-size: 13.5px; */
		font-size: 12px;
		font-weight: bold !important;
		margin: -4px -5px !important;
	}
	#newsevent .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 100% !important;
	}
	#newsevent .carousel-inner .item .div-images {
		width: 100% !important;
		max-height: 100% !important;
	}
	#newInitiatives .carousel-inner .item .div-images {
		width: 100% !important;
		max-height: 100% !important;
	}
	#newInitiatives  .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 100% !important;
	}
}

@media only screen and (max-width: 1280px) and (min-width:600px) {
	.imp-links span {
		font-size: 14px;
		white-space: pre;
	}
	.knowyourlink span {
		font-size: 16px;
		white-space: pre;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
		margin: -18% 0 0 100%;
		float: right !important;
	}
	.dropdown-menu {
		border-radius: 4px !important;
		min-width: 100%;
	}
	.list-inline>li {
		padding-left: 0;
		padding-right: 0;
	}
	#carousel-example-generic div div img {
		height: 420px;
	}
	/* #footer {
		height: 40px;
	} */
	.btn-group-lg>.btn, .btn-lg {
		padding: 10px 15px !important;
	}
	.menu-btn-color-1top ul li a, .menu-btn-color-2top ul li a,
		.menu-btn-color-3top ul li a {
		/* color: #fff !important; */
		/* text-shadow: 3px 2px 3px #333333; */
		/*font-size: 13.5px; */
		font-size: 12px;
		font-weight: bold !important;
		margin: -4px -5px !important;
	}
	#newsevent .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 140px !important;
	}
	#newsevent .carousel-inner .item .div-images {
		width: 100% !important;
		max-height: 200px !important;
	}
	#newInitiatives .carousel-inner .item .div-images {
		width: 100%;
		max-height: 150px !important;
	}
	#newInitiatives  .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 30px !important;
	}
}

@media only screen and (max-width: 1920px) and (min-width:900px) {
	.imp-links span {
		font-size: 14px;
		white-space: pre;
	}
	.knowyourlink span {
		font-size: 16px;
		white-space: pre;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
		margin: -18% 0 0 100%;
		float: right !important;
	}
	.dropdown-menu {
		border-radius: 4px !important;
		min-width: 100%;
	}
	.list-inline>li {
		padding-left: 0;
		padding-right: 0;
	}
	#carousel-example-generic div div img {
		height: 420px;
	}
	/* #footer {
		height: 40px;
	} */
	.btn-group-lg>.btn, .btn-lg {
		padding: 10px 15px !important;
	}
	.menu-btn-color-1top ul li a, .menu-btn-color-2top ul li a,
		.menu-btn-color-3top ul li a {
		/* color: #fff !important; */
		/* text-shadow: 3px 2px 3px #333333; */
		/*font-size: 13.5px; */
		font-size: 12px;
		font-weight: bold !important;
		margin: -4px -5px !important;
	}
	#newsevent .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 140px !important;
	}
	#newsevent .carousel-inner .item .div-images {
		width: 100% !important;
		max-height: 200px !important;
	}
	#newInitiatives .carousel-inner .item .div-images {
		width: 100% !important;
		max-height: 150px !important;
	}
	#newInitiatives  .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 30px !important;
	}
}

@media only screen and (max-width: 768px) and (min-width:320px) {
	.dropdown:hover .dropdown-menu {
		display: block !important;
		margin-top: -2%;
		margin-left: 20%;
		height: auto;
		float: left !important;
		border-radius: 4px;
		border: 1px solid #DDDDDD;
	}
	.navbar-header {
		display: block;
	}
	/* #footer
		{
		 height: 144px !important;
		}  */
	.list-inline>li {
		padding-left: 5px;
		padding-right: 5px;
	}
	.wrappercolor *, .title-header {
		font-size: 10px !important;
	}
	.btn-group-lg>.btn, .btn-lg {
		padding: 5px 15px !important;
	}
	.menu-btn-color-1top ul li a, .menu-btn-color-2top ul li a,
		.menu-btn-color-3top ul li a {
		/* color: #fff !important; */
		/* text-shadow: 3px 2px 3px #333333; */
		/*font-size: 13.5px; */
		font-size: 1px;
		font-weight: bold !important;
		margin: -4px 20px !important;
	}
	#newsevent .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 100% !important;
	}
	#newsevent .carousel-inner .item .div-images {
		width: 100% !important;
		max-height: 100% !important;
	}
	#newInitiatives .carousel-inner .item .div-images {
		width: 100% !important;
		max-height: 100% !important;
	}
	#newInitiatives  .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 100% !important;
	}
}

@media only screen and (max-width: 1920px) and (min-width:767px) {
	.dropdown:hover .dropdown-menu {
		display: block;
		margin: -18% 0 0 95%;
		float: right !important;
		position: absolute;
	}
	.dropdown-menu {
		border-radius: 4px !important;
		min-width: 100%;
	}
	.knowyourlink span {
		height: 40px;
	}
	.navbar-header {
		display: none;
	}
	.list-inline>li {
		padding-left: 0;
		padding-right: 0;
	}
	.btn-group-lg>.btn, .btn-lg {
		padding: 10px 15px !important;
	}
	.menu-btn-color-1top ul li a, .menu-btn-color-2top ul li a,
		.menu-btn-color-3top ul li a {
		/* color: #fff !important; */
		/* text-shadow: 3px 2px 3px #333333; */
		/*font-size: 13.5px; */
		font-size: 10px;
		font-weight: bold !important;
		margin: -4px -5px !important;
	}
	#newsevent .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 140px !important;
	}
	#newsevent .carousel-inner .item .div-images {
		width: 100% !important;
		max-height: 200px !important;
	}
	#newInitiatives .carousel-inner .item .div-images {
		width: 100% !important;
		max-height: 150px !important;
	}
	#newInitiatives  .carousel-inner .item .div-txt {
		width: 100% !important;
		height: 30px !important;
	}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.navbar-header {
		display: none;
	}
	.dropdown-rightside:hover .dropdown-menu {
		display: block !important;
		margin: -18% 0 0 100% !important;
		float: right !important;
		height: 100% !important;
	}
	.dropdown>.dropdown-leftside:hover {
		display: block !important;
		margin: -18% 0 0 -100% !important;
		float: right !important;
		height: 100% !important;
	}
	.dropdown-menu {
		border-radius: 4px !important;
		min-width: 100% !important;
	}
	/* #newsevent .carousel-inner .item .div-txt
	{
		width:100% !important; 
		height: 100% !important;
	}
	#newsevent .carousel-inner .item .div-images 
	{
		width:100% !important; 
		max-height: 100% !important;
	}
	#newInitiatives .carousel-inner .item .div-images {
		width:100% !important; 
		max-height: 100% !important;
	}
	#newInitiatives  .carousel-inner .item .div-txt {
		width:100% !important;
		height: 100% !important;
	} */
	/* .list-inline > li
		{
			padding-left: 5px ;
			padding-right: 5px ;
		}
 */
	/* .btn-group-lg > .btn, .btn-lg{padding:5px 15px !important;} */
}

/* ################################################################################### */
.title-header {
	background-image: url("../images/greentitle.gif");
	background-repeat: repeat-x;
	background-size: contain;
	border: 1px solid;
	border-radius: 25px;
	color: #0c520c;
	margin: 0;
	padding: 0 20px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.ul-table {
	list-style: none;
	margin-top: 10px;
}

.ul-table li {
	font-size: 1vw;
	font-size-adjust: inherit;
	display: inline-flex;
}

.ul-table li img {
	height: 20px;
	width: 20px;
}

.nopaddingmargin {
	padding: 0px;
	margin: 0px;
}

.faq-title {
	background-image: url("../images/title1.png"),
		url("../images/title2.png");
	background-repeat: no-repeat, repeat-x;
	height: 50px;
	width: 1000px;
	border-radius: 25px 0 0 !important;
	text-align: left;
	padding: 0px 10px;
}

.faq-title1 {
	/*background-image: url("../images/faq-title.png"); */
	background-image: url("../images/title2.png");
	background-repeat: repeat-x;
	height: 50px;
	width: 1000px;
	padding: 0px 10px;
}

.faq-title  span {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.center {
	margin: auto;
	padding: 10px;
}

.padding-10px {
	padding: 0px 10px !important;
}

.bold {
	font-weight: bold;
}

.x-small-font {
	font-size: x-small;
}

.dotedLineWhite {
	border-color: #ffffff;
	border-style: dotted;
	border-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	height: 25px;
	letter-spacing: 0;
	padding-left: 2px;
	padding-right: 4px;
}

.dotedLine {
	border: 1px dotted #FFF;
	padding: 0px 3px;
}

.sub-message {
	font-size: 12px;
	font-weight: bold;
}

.font-arial {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font-times-new-roman {
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* .btncolor, .btncolor:link, .btncolor:visited {
    background-color: red !important;;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #ffffff !important;
} */
.btncolorH:hover, .btncolorH:active {
	background-color: #ffffff !important;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
	color: red !important;
}

.box-shadow {
	box-shadow: 4px 0 20px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12) !important;
	border: 1px solid #FFF;
	border-radius: 2px;
}

.box-shadowH:Hover {
	box-shadow: 4px 0 20px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12) !important;
	border: 1px solid #FFF;
	border-radius: 2px;
}

.width-100 {
	width: 100% !important;
}

.width-75 {
	width: 75% !important;
}

#back-top {
	bottom: 30px;
	margin-left: -133px;
	position: fixed;
}

.p::first-letter {
	text-transform: uppercase;
}

.p {
	text-indent: 50px;
	text-align: justify;
}
/* .pageOverlay {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1001;
    display: block;
}

#loadingOverlay {
    background:  #fff url('bootstrap/images/cctnsnicloading.gif') no-repeat 10px 23px;
} */

/**************loader********************/

/* ==========================================================================
   Loading...
   ========================================================================== */
#pagesloading {
	height: 100%;
	background-color: #ffffff;
	left: 0;
	min-height: 100%;
	opacity: 0.8;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3498db;
	-webkit-animation: spin 2s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #e74c3c;
	-webkit-animation: spin 3s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #f9c922;
	-webkit-animation: spin 1.5s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}
@keyframes spin { 
	
	50%{transform :rotate(180deg);}
	100%{transform :rotate(0deg);}
	0%{transform: rotate(360deg);}
}
.left-align {
	text-align: left;
}

.center-align {
	text-align: center !important;
}

.right-align {
	text-align: right;
}

.box-shadowTab {
	box-shadow: 4px 0 20px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12) !important;
	border: 5px solid #800000;
	border-radius: 2px;
}

.box-shadowHTab:Hover {
	box-shadow: 4px 0 20px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12) !important;
	border: 1px solid #FFFFFF !important;
	border-radius: 2px !important;
}
/* added by Boobalan.S 28-01-2016 */
ul.bullet-point li:before {
	content: "\e127";
	font-family: 'Glyphicons Halflings';
	/*  position: absolute; */
	margin: 0 0 -20px -20px;
	list-style: outside none none;
	display: block;
}

ul.newsbullet-point {
	margin-left: 20px;
	padding: 0;
}

ul.newsbullet-point li:before {
	/* content: "\e127"; */
	content: "\e122";
	font-family: 'Glyphicons Halflings';
	position: absolute;
	margin-left: -20px;
	list-style: outside none none;
	display: block;
}

.hotnews:before {
	content: "\e104";
	font-family: 'Glyphicons Halflings';
	/* color:red  ; */
}

.hotnews {
	clear: both !important;
	color: #ff7b0d;
	-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
	animation: mymove 5s infinite !important;
}
/* Chrome, Safari, Opera */
@
-webkit-keyframes mymove { 50% {
	color: red;
}

}

/* Standard syntax */
@
keyframes mymove { 50% {
	color: red;
}

}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
	.table>thead>tr>td, .table>thead>tr>th, .padding-4px {
	padding: 4px !important;
}

.padding-0 {
	padding: 0 !important;
}

.margin-0 {
	margin: 0 !important;
}

.ul-li-label label {
	font-size: 10px;
}

.imp-links fieldset div div {
	padding: 1px;
}

.image-link img {
	height: 100%;
	width: 95%;
}

div .image-link {
	margin: 10px 2px;
}

.carousel-indicators {
	top: 95%;
}

.h3, h3 {
	font-size: 14px;
	font-variant: normal;
}
/*  .carousel-caption
 {
    background-color: rgba(255,255,0,0.8);
 } */
#newsevent .carousel-control, #newInitiatives .carousel-control {
	/* top:10%; */
	
}

#newsevent .carousel-control span, #newInitiatives .carousel-control span
	{
	font-size: 20px;
}

.carousel-inner>.item>img, .carousel-inner>.item>img {
	width: 100%;
	height: 100%;
	/* max-height: 410px; */
}

/*Page-header styling*/
.page-header>h1 {
	color: #fff;
}

.carousel-control {
	cursor: pointer;
}

.carousel-inner .active.left {
	left: -25%;
}

.carousel-inner .next {
	left: 25%;
}

.carousel-inner .prev {
	left: -25%;
}

.carousel-control {
	width: 12%;
}

.carousel-control .right {
	background: none;
}

.carousel-control .left {
	background: none;
}

.carousel-inner {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity: 0.2;
}

.carousel.carousel-fade .active.item {
	opacity: 1;
}

.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right
	{
	left: 0;
	z-index: 2;
	opacity: 0.2;
	filter: alpha(opacity = 0.2);
}
/***************sroll images **************/
#jcl-demo a.prev {
	/* margin: 20px -3px 0 0; */
	border-radius: 8px 0 0 8px;
	text-indent: 1px;
}

#jcl-demo a.next {
	border-radius: 0 8px 8px 0;
	text-indent: 1px;
}

#jcl-demo a.next  span, #jcl-demo a.prev  span {
	margin: 20px 0 0 0;
}

#jcl-demo a.prev, #jcl-demo a.next, #jcl-demo a.go {
	color: ghostwhite;
	display: block;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 25px;
	height: 75px;
	line-height: 1;
	text-decoration: none;
	width: 26px;
}

.custom-container {
	overflow-x: hidden;
	overflow-y: scroll;
	overflow: hidden;
	overflow-y: hidden;
	height: 75px;
	display: inline-flex;
}

#jcl-demo .carousel {
	/* background-color: ghostwhite; */
	/* border: 1px solid #bababa; */
	/*  border-radius: 10px; */
	float: left;
	padding-left: 10px;
}

#jcl-demo .carousel>ul>li>a>img {
	border-radius: 5px;
	height: 50px;
	margin: 10px 10px 10px 0;
	vertical-align: middle;
	width: 200px;
}

.clear {
	clear: both;
}
/*################# test case #######################*/
.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.sentencecase, .capitalizecase {
	text-transform: capitalize;
}

.nowordwrap {
	white-space: nowrap;
	word-wrap: normal;
}
/*################## Colors ####################*/
.red {
	color: red;
}

.whitecolor, .white {
	color: #FFF !important;
}

.overflow {
	text-overflow: ellipsis;
	/**
   * Required properties to achieve text-overflow
   */
	white-space: nowrap;
	overflow: hidden;
}

.dropdown, .dropup {
	position: unset;
}

.newsImages {
	max-width: 400px !important;
}
/* addedby regu */
@
-moz-keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity








:








0;
}
100%
{
opacity








:








1;
}
}
@
-webkit-keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity








:








0;
}
100%
{
opacity








:








1;
}
}
/* IE */
@
-ms-keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity








:








0;
}
100%
{
opacity








:








1;
}
}
/* Opera and prob css3 final iteration */
@
keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity








:








0;
}
100%
{
opacity








:








1;
}
}
.blink-image {
	-moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
	-webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
	-ms-animation: blink normal 2s infinite ease-in-out; /* IE */
	animation: blink normal 2s infinite ease-in-out;
	/* Opera and prob css3 final iteration */
}

/* ============for MobileApps========================== */
/* for android design only*/
.floatingHeader {
	position: fixed;
	width: 98%;
	/* border:1px solid #ddd; */
	display: inline-table !important;
	/* table-layout: fixed; */
	border-collapse: collapse;
}

.top0 {
	top: 0 !important;
}

.top1 {
	top: 29px !important;
}

.top2 {
	top: 58px !important;
}

.top3 {
	top: 70px !important;
	margin-top: 86px !important;
}

#header-fixed {
	position: fixed;
	top: 0px;
	display: none;
	background-color: white;
}

/*regu */
@
-moz-keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity








:








0;
}
100%
{
opacity








:








1;
}
}
@
-webkit-keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity








:








0;
}
100%
{
opacity








:








1;
}
}
/* IE */
@
-ms-keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity








:








0;
}
100%
{
opacity








:








1;
}
}
/* Opera and prob css3 final iteration */
@
keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity








:








0;
}
100%
{
opacity








:








1;
}
}
.blink-image {
	-moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
	-webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
	-ms-animation: blink normal 2s infinite ease-in-out; /* IE */
	animation: blink normal 2s infinite ease-in-out;
	/* Opera and prob css3 final iteration */
}

.form-control_heading {
	/* background-color: #fff; */
	background-image: none;
	/*  border: 1px solid #ccc; */
	/*  border-radius: 4px; */
	/*   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
	/* color: #FFF; */
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	width: 100%;
}

.form-control_button {
	/* color: #fffff !important; */
	/*  background-color: #1e90ff; */
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #FFF !important;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	width: 100%;
}

.form-control_captacha {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	width: 45%;
}

.margin-4px {
	margin: 4px !important;
}

.red-marquee-message { /*
    background: #db0e00;
    background: -moz-linear-gradient(left, #db0e00 0%, #fc3b35 26%, #f9a8a7 52%, #fc3b35 76%, #ff0000 100%);
    background: -webkit-linear-gradient(left, #db0e00 0%,#fc3b35 26%,#f9a8a7 52%,#fc3b35 76%,#ff0000 100%);
    background: linear-gradient(to right, #db0e00 0%,#fc3b35 26%,#f9a8a7 52%,#fc3b35 76%,#ff0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0e00', endColorstr='#ff0000',GradientType=1 ); */
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.14) 1%, rgba(255, 0, 0, 0.57) 4%,
		rgba(255, 0, 0, 1) 7%, rgba(255, 0, 0, 1) 94%, rgba(255, 0, 0, 0.5)
		97%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.14) 1%, rgba(255, 0, 0, 0.57) 4%,
		rgba(255, 0, 0, 1) 7%, rgba(255, 0, 0, 1) 94%, rgba(255, 0, 0, 0.5)
		97%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.14) 1%, rgba(255, 0, 0, 0.57) 4%,
		rgba(255, 0, 0, 1) 7%, rgba(255, 0, 0, 1) 94%, rgba(255, 0, 0, 0.5)
		97%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',
		endColorstr='#00ffffff', GradientType=1);
}

.automatic-change-the-color {
	width: 100%;
	height: 100%;
	color: black;
	font-weight: bold;
	animation: myanimation 10s infinite;
}

@
keyframes myanimation { 0% {
	color: #FFF;
} /* background-color: #1E90FF; */
25%{
color








:








#000








;
}
50%{
color








:








#FFF








;
}
75%{
color








:








#FFF








;
}
100%
{
color








:








#000








;
}
}
.div-left {
	/*  width: 100px; */
	height: auto;
	/*background: red;*/
	position: relative;
	-webkit-animation: div-left-mv 5s infinite; /* Safari 4.0 - 8.0 */
	animation: div-left-mv 5s infinite;
}

.div-right {
	/* width: 100px; */
	height: auto;
	/*background: red;*/
	position: relative;
	-webkit-animation: div-right-mv 5s infinite; /* Safari 4.0 - 8.0 */
	animation: div-right-mv 5s infinite;
}

/* Safari 4.0 - 8.0 */
@
-webkit-keyframes div-left-mv {
	from {left: 0px;
}

to {
	left: 200px;
}

}
@
keyframes div-left-mv {
	from {left: 0px;
}

to {
	left: 200px;
}

}

/* Safari 4.0 - 8.0 */
@
-webkit-keyframes div-right-mv {
	from {right: 0px;
}

to {
	right: 200px;
}

}
@
keyframes div-right-mv {
	from {right: 0px;
}

to {
	right: 200px;
}

}
.div-new-image-style {
	width: 50px;
	height: 75px;
	font-size: 12px;
	padding: 5px;
	margin: 5px 0 0 0;
	border-radius: 10px;
	font-style: italic;
	font-family: sans-serif;
	background-color: red;
	position: relative;
	-webkit-animation-name: new-image-style; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: new-image-style;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@
-webkit-keyframes new-image-style { 0% {
	background-color: red;
	left: 0px;
	top: -5px;
}

25%
{
background-color


:


#54A3EE


;
left


:


0
px
;

 

top


:


50
px
;


}
50%
{
background-color


:red


;
left


:


0
px
;

 

top


:


50
px
;


}
75%
{
background-color


:


#54A3EE


;
left


:


0
px
;

 

top


:


-5
px
;


}
100%
{
background-color


:red


;
left


:


0
px
;

 

top


:


-5
px
;


}
}

/* Standard syntax */
@
keyframes new-image-style { 0% {
	background-color: red;
	left: 0px;
	top: -5px;
}

25%
{
background-color


:


#54A3EE


;
left


:


0
px
;

 

top


:


50
px
;


}
50%
{
background-color


:red


;
left


:


0
px
;

 

top


:


50
px
;


}
75%
{
background-color


:


#54A3EE


;
left


:


0
px
;

 

top


:


-5
px
;


}
100%
{
background-color


:red


;
left


:


0
px
;

 

top


:


-5
px
;


}
}
#readmore {
	font-size: 14px;
	line-height: 1.5;
}

#readmore
 
p
.collapse
:not
 
(
.show
 
)
{
height
:
 
42
px
 
!
important
;

	
overflow
:
 
hidden
;

	
display
:
 
-webkit-box
;

	
-webkit-line-clamp
:
 
2;
-webkit-box-orient
:
 
vertical
;


}
#readmore p.collapsing {
	min-height: 42px !important;
}

#readmore a.collapsed:after {
	content: '+ Read More';
}

#readmore a:not (.collapsed ):after {
	content: '- Read Less';
}

/* #firstrow button ,#secondrow button
{
 height: 100px;
 width: 200px;
} */
.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
}

.carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: .5;
	transition: opacity .6s ease;
}

.carousel-indicators .active {
	width: 30px;
	height: 3px;
	margin: 0;
	opacity: 1;
	background-color: #fff;
}

.statical-report1 div button, .statical-report2 div button,
	.statical-report3 div button {
	width: 175px;
	height: 130px;
	padding: 0px;
	align-content: center;
}
/* SITE DESIGN */
figure.snip1253 {
	font-family: 'Raleway', Arial, sans-serif;
	color: #fff;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 250px;
	max-width: 310px;
	width: 100%;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
	font-size: 16px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1253 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

figure.snip1253 .image {
	max-height: 220px;
	overflow: hidden;
}

figure.snip1253 img {
	max-width: 100%;
	vertical-align: top;
	position: relative;
}

figure.snip1253 figcaption {
	margin: -40px 15px 0;
	padding: 15px;
	position: relative;
	background-color: #ffffff;
}

figure.snip1253 .date {
	background-color: #2980b9;
	top: 15px;
	color: #fff;
	left: 15px;
	min-height: 48px;
	min-width: 48px;
	position: absolute;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

figure.snip1253 .date span {
	display: block;
	line-height: 24px;
}

figure.snip1253 .date .month {
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.1);
}

figure.snip1253 h3, figure.snip1253 p {
	margin: 0;
	padding: 0;
}

figure.snip1253 h3 {
	min-height: 50px;
	margin-bottom: 10px;
	margin-left: 60px;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
}

figure.snip1253 p {
	font-size: 0.8em;
	margin-bottom: 20px;
	line-height: 1.6em;
}

figure.snip1253 footer {
	padding: 0 25px;
	background-color: #20638f;
	color: #e6e6e6;
	font-size: 0.8em;
	line-height: 30px;
	text-align: right;
}

figure.snip1253 footer>div {
	display: inline-block;
	margin-left: 10px;
}

figure.snip1253 footer i {
	color: rgba(255, 255, 255, 0.2);
	margin-right: 5px;
}

figure.snip1253 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

figure.snip1253:hover img, figure.snip1253.hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

img {
	border-radius: 5px;
}

img {
	border-radius: 5px;
}

.d-xl-flex.align-self-center.justify-content-xl-center {
	align-self: center;
}

.d-flex.justify-content-center.align-items-xl-center {
	align-items: center;
}

/* #dgtext {
  font-size: 16px;
} */
#welcome-msg {
	font-size: 12px;
}

img {
	align-items: center;
}

.fa.fa-home {
	font-size: 25px;
	padding-bottom: 0px;
}

#menu-bar {
	font-family: 'Roboto';
}

/* .nav-item {
  padding: 3px;
} */
#carousel-1 {
	padding-top: 20px;
}

#allicons {
	font-size: 32px;
	color: #ffffff;
	align-content: center;
}

#buttons {
	width: 90%;
	height: 130px;
	padding: 0px;
	align-content: center;
	margin: 10px !important;
	padding: 5px !important;
}

.card {
	border: 0px;
}

#right-card {
	padding-top: 60px;
}

.navbar-light .navbar-nav .nav-link {
	padding-top: 0px;
}

#allicons {
	align-content: center;
}

.col-6.col-sm-4.col-lg-1.col-xl-1.offset-xl-0.text-center {
	align-content: center;
}

.col-6.col-sm-4.col-lg-1.col-xl-1.offset-xl-1.text-center {
	margin-left: 75px;
}

.col-6.col-sm-4.col-lg-1.col-xl-1.offset-xl-0.text-center {
	
}

.col-6.col-sm-4.col-lg-1.col-xl-1.offset-xl-0.text-center {
	
}

#firstrow a, #secondrow a {
	/* padding:10px 2px !important; */
	
}
/* 
.row {
  padding-left: 20px;
} */
#secondrow {
	align-content: center;
	/* padding-top: 2px !important;
  padding-bottom: 10px !important; */
}

.col-6.col-sm-4.col-lg-1.col-xl-1.offset-xl-0.text-center {
	
}

#firstbutton {
	/*padding-right: 26px;*/
	
}

#firstrow {
	
}

#dgimage {
	align-items: center;
	/*align-content: center;*/
}

.footer-dark {
	padding: 10px 0;
	color: #f0f9ff;
	background-color: #282d32;
	margin: 5px 0;
}

.footer-dark h3 {
	margin-top: 0;
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 16px;
}

.footer-dark ul {
	padding: 0;
	list-style: none;
	line-height: 1.6;
	font-size: 14px;
	margin-bottom: 0;
}

.footer-dark ul a {
	color: inherit;
	text-decoration: none;
	opacity: 0.6;
}

.footer-dark ul a:hover {
	opacity: 0.8;
}

@media ( max-width :767px) {
	.footer-dark
	 
	.item
	:not
	 
	(
	.social
	 
	)
	{
	text-align
	:
	 
	center
	;
	
		
	padding-bottom
	:
	 
	20
	px
	;
	
	
}

}
.footer-dark .item.text {
	margin-bottom: 36px;
}

@media ( max-width :767px) {
	.footer-dark .item.text {
		margin-bottom: 0;
	}
}

.footer-dark .item.text p {
	opacity: 0.6;
	margin-bottom: 0;
}

.footer-dark .item.social {
	text-align: center;
}

@media ( max-width :991px) {
	.footer-dark .item.social {
		text-align: center;
		margin-top: 20px;
	}
}

.footer-dark .item.social>a {
	font-size: 20px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
	margin: 0 8px;
	color: #fff;
	opacity: 0.75;
}

.footer-dark .item.social>a:hover {
	opacity: 0.9;
}

.footer-dark .copyright {
	padding-top: 10px;
	opacity: 0.9;
	font-size: 13px;
	margin-bottom: 0;
}

#team .thumbnail {
	border: 0px;
	transition: none;
	box-shadow: none !important;
}

#team .glyphicon, #team .icon {
	font-size: 16px;
	display: inline-block;
	color: #666;
	margin: 0 10px;
	width: 30px;
	height: 30px;
	border: 1px solid #c8ced7;
	text-align: center;
	border-radius: 50%;
	line-height: 30px;
}

#team .icon {
	background: #f2f2f2;
}

.navbar.navbar-dark.navbar-expand-md.fixed-top.bg-dark {
	background-color: #000 !important;
	/*opacity: 0.8;*/
}

.navbar-dark .navbar-nav .nav-link {
	color: #ffffff;
	font-size: 13px;
}

.navbar-dark .navbar-nav .nav-link .apple-logo {
	font-size: 21px;
	line-height: 0;
}

.snip1527 {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	color: #ffffff;
	float: left;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 16px;
	margin: 10px 1%;
	max-width: 310px;
	min-width: 250px;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 100%;
}

.snip1527 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.snip1527 img {
	max-width: 100%;
	vertical-align: top;
	position: relative;
}

.snip1527 figcaption {
	padding: 25px 20px 25px;
	position: absolute;
	bottom: 0;
	z-index: 1;
}

.snip1527 figcaption:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #700877;
	content: '';
	background: -moz-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
	background: -webkit-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
	background: linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
	opacity: 0.8;
	z-index: -1;
}

.snip1527 .date {
	background-color: #fff;
	border-radius: 50%;
	color: #700877;
	font-size: 18px;
	font-weight: 700;
	min-height: 48px;
	min-width: 48px;
	padding: 10px 0;
	position: absolute;
	right: 15px;
	text-align: center;
	text-transform: uppercase;
	top: -25px;
}

.snip1527 .date span {
	display: block;
	line-height: 14px;
}

.snip1527 .date .month {
	font-size: 11px;
}

.snip1527 h3, .snip1527 p {
	margin: 0;
	padding: 0;
}

.snip1527 h3 {
	display: inline-block;
	font-weight: 700;
	letter-spacing: -0.4px;
	margin-bottom: 5px;
}

.snip1527 p {
	font-size: 0.8em;
	line-height: 1.6em;
	margin-bottom: 0px;
}

.snip1527 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

.snip1527:hover img, .snip1527.hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

img {
	border-radius: 5px;
}

img {
	border-radius: 5px;
	align-items: center;
}

.resolution {
	text-align: center;
	opacity: 0.3;
	font-size: 12px;
	margin: 5px 0 0 !important;
}

.hr {
	margin: 8px !important;
	border: 1px solid #63B175 !important;
}

.href-shadow {
	color: #fff;
}

.href-shadow:hover {
	color: #8B0900;
	background: #1CC09F;
	text-shadow: 1px 1px #d3d7cf, 2px 2px #d3d7cf, 3px 3px #d3d7cf, 4px 4px
		#d3d7cf, 5px 5px #d3d7cf, 6px 6px #d3d7cf;
}

.button-shadow {
	box-shadow: 5px 5px 9px black;
	margin: 10px !important;
}

.small-box {
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	/* border-radius: 20px !important; */
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.12), 0 10px 10px
		rgba(0, 0, 0, 0.24);
}

.ctrDropDownBigFontSize {
	color: #000;
}

.clearfix {
	overflow: auto;
}

.modal-content {
	background-image: url("../images/tnpgbpattern.png");
}

.font-size-dgp {
	font-size: 16px;
}

.div-new-image-style-dgp {
	/*  width: 50px; */
	/* height: 75px; */
	font-size: 12px;
	/*  padding:5px;
    margin:5px 0 0 0; */
	border-radius: 10px;
	/* font-style:italic; */
	font-family: sans-serif;
	background-color: red;
	position: relative;
	-webkit-animation-name: div-new-image-style-dgp; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
	animation-name: div-new-image-style-dgp;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

/* Safari 4.0 - 8.0 */
@
-webkit-keyframes div-new-image-style-dgp { 0% {
	color: #fff;
	left: 0px;
	top: 0px;
}

10%
{
color


:


#8B0900


;
left


:


0
px
;

 

top


:


0
px
;


}
20%
{
color


:


#FFF


;
left


:


0
px
;

 

top


:


0
px
;


}
30%
{
color


:


#8B0900


;
left


:


0
px
;

 

top


:


0
px
;


}
40%
{
color


:


#FFF


;
left


:


0
px
;

 

top


:


0
px
;


}
50%
{
color


:


#8B0900


;
left


:


0
px
;

 

top


:


0
px
;


}
60%
{
color


:


#FFF


;
left


:


0
px
;

 

top


:


0
px
;


}
70%
{
color


:


#8B0900


;
left


:


0
px
;

 

top


:


0
px
;


}
80%
{
color


:


#fff


;
left


:


0
px
;

 

top


:


0
px
;


}
90%
{
color


:


#8B0900


;
left


:


0
px
;

 

top


:


0
px
;


}
100%
{
color


:


#fff


;
left


:


0
px
;

 

top


:


0
px
;


}
}

/* Standard syntax */
@
keyframes div-new-image-style-dgp { 0% {
	color: #fff;
	left: 0px;
	top: 0px;
}

10%
{
color


:


#8B0900


;
left


:


0
px
;

 

top


:


0
px
;


}
20%
{
color


:


#FFF


;
left


:


0
px
;

 

top


:


0
px
;


}
30%
{
color


:


#8B0900


;
left


:


0
px
;

 

top


:


0
px
;


}
40%
{
color


:


#FFF


;
left


:


0
px
;

 

top


:


0
px
;


}
50%
{
color


:


#8B0900


;
left


:


0
px
;

 

top


:


0
px
;


}
60%
{
color


:


#FFF


;
left


:


0
px
;

 

top


:


0
px
;


}
70%
{
color


:


#8B0900


;
left


:


0
px
;

 

top


:


0
px
;


}
80%
{
color


:


#fff


;
left


:


0
px
;

 

top


:


0
px
;


}
90%
{
color


:


#8B0900


;
left


:


0
px
;

 

top


:


0
px
;


}
100%
{
color


:


#fff


;
left


:


0
px
;

 

top


:


0
px
;


}
}
#newsevent .carousel-inner .item .div-txt {
	display: inline-flex;
	width: 100%;
	height: 140px;
	text-align: justify;
	font-size: 14px;
}

#newsevent .carousel-inner .item .div-images {
	display: inline-flex;
	width: 100%;
	height: 200px;
}

#newInitiatives .carousel-inner .item .div-images {
	display: inline-flex;
	width: 100%;
	height: 150px;
}

#newInitiatives  .carousel-inner .item .div-txt {
	display: inline-flex;
	width: 100%;
	height: 35px;
	text-align: justify;
	font-size: 12px;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

.copyright-nic {
	color: #82c5ff;
}

.copyright-police {
	color: #00fb23
}

.copyright-hit {
	color: yellow
}
/* .marign-0{margin: 0px !important;} */
@media ( min-width :768px) {
	.navbar-nav {
		float: left;
		margin: 0
	}
	.navbar-nav>li {
		float: left
	}
	.navbar-nav>li>a {
		padding-left:13px;
		padding-right:13px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

.myanimation-border {
  height:100%;
  border:1px solid #000;
  text-align:justify;
  font-size:16px !important;
  margin:10px;
  animation: myanimation 10s infinite;
}

@keyframes myanimation {
  0% {border-color: red;}
  25%{border-color:yellow;}
  50%{border-color:red;}
  75%{border-color:brown;}
  100% {border-color: red;}
}
.hideMe, .blinking {
            animation: blinkingText 1s infinite;
            font-family: futura;
            font-style: italic;
            width: 100%;
            margin: 0 auto;
            text-align: center;
            color: white;
            font-size: 20px;
            background-color: #fc030b;
        }
        
        /* Specifies the animation and transparency for the blinking text */
        @keyframes blinkingText {
   
            0% {
                opacity: 0;
            }
            50% {
                opacity: .5;
            }
            100% {
                opacity: 1;
            }
        }
 
.theme-font
{
	padding: 2px; 
	border: 1px solid #FFF; 
	font-size: 11px !important;"
}

.theme-font-span
{
	width: 10px; 
	font-size: 10px !important;
}

/***Success****/

.new-message-box-success {
    background: #eeeeee;
    padding: 3px;
   /* margin: 10px 0;*/
}

.tip-icon-success {
    background: #8BC34A;//500
}

.tip-box-success {
    color: #33691E;//900
    background: #DCEDC8;//100
}

.tip-icon-success::before {
    font-size: 25px;
    content:"\f00c";
    top: 8px;
    left: 11px;
    font-family: FontAwesome;
    position: absolute;
    color: white;
}

.tip-icon-success i::before {
    background: #8BC34A;//500
}

  
.new-message-box {
   /* margin: 15px 0; */
    padding-left: 20px;
    /* margin-bottom: 25px!important; */
}

.new-message-box p{
    font-size: 1.15em;
    font-weight: 600;
}

.info-tab {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: 8px;
}

.info-tab {
    float: left;
    margin-left: -23px;
}

.info-tab i::before {
    width: 24px;
    height: 24px;
    box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}

.info-tab i::after {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
    bottom: -18px;
}

.info-tab i::before, .info-tab i::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -17px;
    transform: rotateX(60deg);
}

.note-box, .warning-box, .tip-box-success, .tip-box-danger, .tip-box-warning, .tip-box-info, .tip-box-alert {
    padding: 5px 5px 1px 25px;
}