.dull_green{color:#bcd19b}
.light_green{color:#50b848}
.green{color:#046a38}
.light_blue{color:#9adbe8}
.sky_blue{color:#10a3c8}
.dark_blue{color:#004f6c}
.dull_yellow{color:#fcd299}
.dull_red{color:#e8927c}
.red{color:#fa4616}
.white{color:#fff}
.lighter_gray{color:#cbc4bc}
.light_gray{color:#9c948d}
.granite{color:#3e3935}
@font-face {
	font-family: 'DSDIGI';
	src: url('../fonts/DSDIGI.eot');
	src: local('DSDIGI'), url('../fonts/DSDIGI.woff') format('woff'), url('../fonts/DSDIGI.ttf') format('truetype');
}
body {
   //font-family: 'Maven Pro', sans-serif;
	font-family: 'Tinos', serif;
	font-size: 100%;
	background#f5f6fa;
/* background-image:url(../images/Back_New5.jpg);	*/
}
.header_bg{
	color:#3e3935;
	max-width:98.90%;
}

.header{
    
}
/*-- footer --*/
.footer {
    /*background: #00796B;*/
	background-image:url(../images/cubes.png); background-repeat: repeat;
	color:#19496F;
    padding: 1.5em 0;
}
.agile-footer-grid h4{
    color: #19496F ;
    font-size: 1.4em;
    font-weight: 600;
    margin: 0 0 1em 0;
    letter-spacing: 1px;
    text-transform: uppercase;
	
}
.footer a {
  color:#19496F;
}
.agile-footer-grid p{
    color: #19496F;
    font-size: .9em;
    line-height: 1.8em;
    margin: 0;
}
.agile-footer-grid p span {
    display: block;
    margin: 1em 0 0 0;
}
.agile-footer-grid ul{
	padding:0;
	margin:0;
}
ul.w3agile_footer_grid_list li {
    list-style-type: none;
    color: #19496F;
    line-height: 1.8em;
    margin-bottom: 1em;
	font-size:.9em;
}
ul.w3agile_footer_grid_list li:last-child {
    margin-bottom: 0;
}
ul.w3agile_footer_grid_list li a {
color: #19496F !important;
    text-decoration: none;
}
ul.w3agile_footer_grid_list li a:hover{
	color: #19496F !important;
}
ul.w3agile_footer_grid_list li span {
    display: block;
    margin: 1em 0 0;
}
ul.w3agile_footer_grid_list i.fa.fa-twitter{
	margin-right:1em;
}
.agile-footer-grid ul{
	padding:0;
	margin:0;
}
.agile-footer-grid ul li{
	display: block;
    margin-bottom: .5em;
    color: #FFF;
    font-size: .9em;
} 
.agile-footer-grid  ul li a {
    color: #FFF;
    text-decoration: none;
    margin-left: .3em;
}
.agile-footer-grid  ul li a:hover{
	color: #FFF;
}
/*-- //footer --*/


/* start h_menu */
.my-navbar{

  background-color: #01a3a4;
  border-color: #000;
  font-size:1.0em;
  font-weight:1300;
  
}

.my-navbar .navbar-brand {
  color: #f5f6fa;
  
}
.my-navbar .navbar-brand:hover, .my-navbar .navbar-brand:focus {
  color: #ff9980;
}
.my-navbar .navbar-text {
  color: #d7e2e9;
}

.my-navbar .navbar-nav > li > a {
  color: #f5f6fa;
  //font-weight:bold;
 }
.my-navbar .navbar-nav > li > a:hover, .my-navbar .navbar-nav > li > a:focus {
  //color: #004f6c;
  color:#ff9980;
  //background-color:#ff9980;
  border-radius:4px;
}
.my-navbar .navbar-nav > li > .dropdown-menu {
  background-color: #2894FF;
}
.my-navbar .navbar-nav > li > .dropdown-menu > li > a {
  color: #d7e2e9;
}
.my-navbar .navbar-nav > li > .dropdown-menu > li > a:hover,
.my-navbar .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #004f6c;
  background-color: #004182;
}
.my-navbar .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #69899f;
}
.my-navbar .navbar-nav > .active > a, .my-navbar .navbar-nav > .active > a:hover, .my-navbar .navbar-nav > .active > a:focus {
  color: #e5dbdb;
  background-color: #B05800;
}
.my-navbar .navbar-nav > .open > a, .my-navbar .navbar-nav > .open > a:hover, .my-navbar .navbar-nav > .open > a:focus {
  color: #e5dbdb;
  background-color: #425766;
}
.my-navbar .navbar-toggle {
  border-color: #425766;
}
.my-navbar .navbar-toggle:hover, .my-navbar .navbar-toggle:focus {
  background-color: #425766;
}
.my-navbar .navbar-toggle .icon-bar {
  background-color: #d7e2e9;
}
.my-navbar .navbar-collapse,
.my-navbar .navbar-form {
  border-color: #d7e2e9;
}
.my-navbar .navbar-link {
  color: #d7e2e9;
}
.my-navbar .navbar-link:hover {
  color: #e5dbdb;
}

.navbar-expand-lg .navbar-nav .nav-item {
    padding-right: 0rem;
    padding-left: 0.4rem;
}

/* menu ends here*/
/* span_of_4 */
.span_of_4 {
	text-align: center;
	margin: 4% 0;
	position: relative;
}
.span1_of_4{
	padding: 0;
	margin-left: 20px;
	width: 23.577777%;
}
.span1_of_4:first-child{
	margin-left: 0;
}
.span4_of_list{
	cursor:pointer;
	background: #ffffff;
	padding: 20px 20px 50px;
	border-radius: 4px;
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	-o-border-radius: 4px;	
	box-shadow: inset 0px -1px 1px rgb(216, 216, 216);
	-webkit-box-shadow: inset 0px -1px 1px rgb(216, 216, 216);
	-moz-box-shadow: inset 0px -1px 1px rgb(216, 216, 216);
	-o-box-shadow: inset 0px -1px 1px rgb(216, 216, 216);
}
.span4_of_list:hover.span4_of_list span i{
	color: #E8645A;	
	background: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
.span4_of_list .btn{
	box-shadow: 0 4px #47817E;
	-webkit-box-shadow: 0 4px #47817E;
	-moz-box-shadow: 0 4px #47817E;
	-o-box-shadow: 0 4px #47817E;
}
.span4_of_list:hover .btn{
	color:#ffffff;
	background: #E8645A;
	box-shadow: 0 4px #ab3c3c;
	-webkit-box-shadow: 0 4px #ab3c3c;
	-moz-box-shadow: 0 4px #ab3c3c;
	-o-box-shadow: 0 4px #ab3c3c;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
.span4_of_list span.active i{
	color: #E8645A;	
}
.span4_of_list span i{
	font-size:5em;
	color: #76C7C0;
	background: none;
	box-shadow:none;
	margin-top: 15px;
}
.span4_of_list h3{
	text-transform: uppercase;
	font-size: 20px;
	color: #8C9899;
	margin: 10px 0 10px;
}
.span4_of_list p{
	font-size: 14px;
	color: #888888; 
	line-height: 1.5em;
}
.read_more{
	position: absolute;
	left: 19%;
	bottom: -16px;
}
.my_container{
	max-width:98%;
	padding:10px 10px;
}
.padding_10px
{
padding:10px;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
.main_bg{
	background: #F3F3F3;
}
.main_grid{
	padding: 4% 0;
}
.top_grid{ 
	/*background: linear-gradient(#1f618d , #5499c7, #d7bde2 );*/
	/*background-image:url(../images/texture_drip.jpg); background-repeat: repeat;*/
	background-color: #039ee1;
	padding: 4%;
}

.top_grid_home_mid{ 
	 
	padding: 1%;
}
.divleft{ float:left;  }
.span1_of_1 {
	padding: 0;
}
 h3.style{
	text-transform: uppercase;
	color: #407ca3;
	font-size: 24px;
	margin: 5px 0 0;
}
.breadcrumb {
	background: none;
	margin-bottom: 0px;
	margin-right: 10px;
}
.breadcrumb > .active {
	color: #888888;
}
.breadcrumb > .active:before {
	content: "/"; /* Insert content that looks like bullets */
    padding:0px 8px 0px 8px;
}
 
   
.breadcrumb li,.breadcrumb li a{
	font-size: 14px;
	color: #62A09D;
	text-transform:capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.breadcrumb li a:hover{
	text-decoration: none;
	color:#F15F43;
}
.span1_of_1 p{
	
	color: #fff;
	line-height: 1.8em;
}
.span1_of_2{
	position: relative;
}


/*start features*/
.features {
	background: #e8e8e8;
	color: #191919;
}
.features li {
	padding: 10px 15px;
	border-bottom: 1px solid #d8d8d8;
	font-size: 13px;
	list-style-type: none;
	text-transform: uppercase;
	color: rgb(99, 99, 99);
}
.pricing_btn {
	padding: 40px; 
	background: #e8e8e8;
}
.action_button {
	text-decoration: none;
	color: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	padding: 10px 30px;
	font-size: 13px;
	text-transform: uppercase;
	background: #565D67;
}
.price_block:hover {
	transform: scale(1.04) translateY(-5px); 
	z-index: 1; 
}
.price_block:hover .price {
	background: #E2534B;
}
.price_block:hover h3 {
	background: #222;
}
.price_block:hover .action_button {
	background:#E2534B;
	text-decoration: none;
	color: #ffffff;
}
.skeleton, .skeleton ul, .skeleton li, .skeleton div, .skeleton h3, .skeleton span, .skeleton p {
			border: 5px solid rgba(255, 255, 255, 0.9);
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			margin: 7px !important;
			background: rgba(0, 0, 0, 0.05) !important;
			padding: 0 !important;
			text-align: left !important;
			display: block !important;
			
			width: auto !important;
			height: auto !important;
			
			font-size: 10px !important;
			font-style: italic !important;
			text-transform: none !important;
			font-weight: normal !important;
			color: black !important;
		}
		.skeleton .label {
			font-size: 11px !important;
			font-style: italic !important;
			text-transform: none !important;
			font-weight: normal !important;
			color: white !important;
			border: 0 none !important;
			padding: 5px !important; 
			margin: 0 !important;
			float: none !important;
			text-align: left !important;
			background: none !important;
		}
		.skeleton {
			display: none !important;
			margin: 100px !important;
			clear: both;
		}
.price_block:nth-child(odd) {border-right: 1px solid transparent;}
.price_block {border-right: 1px solid transparent; border-bottom: 0 none;}
.price_block:last-child {border-right: 0 none;}
/* start feature */
.technology{
	padding: 4% 0;
}
.technology h4{
	font-size: 18px;
	color: #7F8C8C;
	font-weight: 100;
	text-transform: capitalize;
	display: block;
	margin:10px 0 20px;
}
.technology_main{
	margin:0 0 4%;
}
.tech_para{
	float: left;
	width:68.3333%;
	
}
.images_1_of_4{
	float: left;
	width: 28.3333%;
	margin-left: 3.3333%;
}

.images_1_of_4  span{
	width: 120px;
	height: 120px;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.bg{
	background: #E2534B;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 75px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	-o-border-radius: 75px;
}
.images_1_of_4  span i{
	font-size: 6em;
	color: #ffffff;
	line-height: 2em;
	text-shadow: 1px 1px 0px #3b3b3b;
	-webkit-text-shadow: 1px 1px 0px #3b3b3b;
	-moz-text-shadow: 1px 1px 0px #3b3b3b;
	-o-text-shadow: 1px 1px 0px #3b3b3b;
	-ms-text-shadow: 1px 1px 0px #3b3b3b;
}

.pagination > li > a, .pagination > li > span {
	font-size: 16px;
	padding: 10px 16px;
	color: #FFFFFF;
	background-color: #7F8C8C;
	border: 1px solid #707575;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #FFFFFF;
	background: #E2534B;
	border-color: #DA4A4A;
}
.alert {
	font-size: 13px;
}
.alert-warning {
	color: #3b3b3b;
	background-color: #F3F3F3;
	border-color: #E2E2E2;
}
.btn{
	font-family: 'roboto_condensedregular';
	font-size: 14px;
	color: #FFFFFF !important;
	padding: 9px 21px;
	background: #004f6c;
	line-height: 12px;
	text-transform: uppercase;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	//box-shadow: inset 0px -4px 0px #47817E;
	//-webkit-box-shadow: inset 0px -4px 0px #47817E;
	//-moz-box-shadow: inset 0px -4px 0px #47817E;
	//-o-box-shadow: inset 0px -4px 0px #47817E;
}
.btn:hover{
	//background: #47817E;
	background: rgb(26,6,36);
background: -moz-linear-gradient(90deg, rgba(26,6,36,1) 0%, rgba(22,12,170,1) 73%, rgba(252,188,69,0.9219887784215248) 100%);
background: -webkit-linear-gradient(90deg, rgba(26,6,36,1) 0%, rgba(22,12,170,1) 73%, rgba(252,188,69,0.9219887784215248) 100%);
background: linear-gradient(90deg, rgba(26,6,36,1) 0%, rgba(22,12,170,1) 73%, rgba(252,188,69,0.9219887784215248) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a0624",endColorstr="#fcbc45",GradientType=1); 
}

/*-- start footer1 --*/
.footer1_bg{
/*background: rgb(26,6,36);
background: -moz-linear-gradient(90deg, rgba(26,6,36,1) 0%, rgba(22,12,170,1) 73%, rgba(252,188,69,0.9219887784215248) 100%);
background: -webkit-linear-gradient(90deg, rgba(26,6,36,1) 0%, rgba(22,12,170,1) 73%, rgba(252,188,69,0.9219887784215248) 100%);
background: linear-gradient(90deg, rgba(26,6,36,1) 0%, rgba(22,12,170,1) 73%, rgba(252,188,69,0.9219887784215248) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a0624",endColorstr="#fcbc45",GradientType=1); 
*/

background: rgb(2,0,36);
background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 100%);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1);



}
.footer1{
	padding: 2% 0;
}
.copy p{
	color: #ffffff;
	font-size: 14px;
	line-height: 1.5em;
}
.copy p a{
	color:#E2534B; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.bg-danger {
    background-color: #f2dede;
}
.bg-info {
    background-color: #d9edf7;
}
.bg-success {
    background-color: #dff0d8;
}
.bg-warning {
    background-color: #fcf8e3;
}
/*#004f6c;*/
h3 {
   color:#fff;
   
}

.top-grid {
  background: #f0f0f0;
}

/* marquee starts here  */

.contentMarq {
	display: block;
	width: 100%;
	background: rgb(215, 215, 215);
	padding: 3px;
	overflow: hidden;
	

}
.contentMarq *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.simple-marquee-container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.simple-marquee-container {
	width: 100%;
	background:#616170;
	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 30px;
	position: relative;
	cursor: pointer;
	border-radius: 10px;
	
}
.marquee-sibling {
  padding: 0;
  background: #044666;
  width: 110px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  float: left;
  left: 0;
  z-index: 2000;
}

.marquee,
*[class^="marquee"] {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  
  
}

.marquee { margin-left: 25%; }

.marquee-content-items {
  display: inline-block;
 
  margin: 0;
  height: 30px;
  position: relative;
  
  
}

.marquee-content-items li {
  display: inline-block;
  line-height: 30px;
  color: #fff;
}

.marquee-content-items li:after {
  content: "|";
  margin: 0 1em;
}

$color-bg: #044666;
.purple{color: $color-bg;}
.arrow_link{
	float: left;
	background-color: $color-orange;
	padding: 1px 15px 6px 8px;
	
	font-weight: bold;
	color: $color-white;
    position: relative;
}
.arrow_link:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 15px solid #044666;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    left: 100%;
    top: 0;
}  

/* marquee ends here */
/* popular items */
.popular_item
{
float: left;
    width: 343px;
    margin-right: 10px;
    overflow: hidden;

}
/* popular items end here*/

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 999; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #004f6c; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 25px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	 font-style: normal;font-size:14px;
}

/* The navigation menu links */
.sidenav a {
    padding: 2px 2px 2px 32px;
    text-decoration: none;
    font-size: 1em!important;
    color: #fff!important;
    display: block;
    transition: 0.3s;
	font-size:14px;
	
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #50b848!important;
	background:#FFF!important;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 18px!important;
    margin-left: 45px; 
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 5px!important;}
    .sidenav a {font-size: 12px!important;}
	
}
h5 {
	text-shadow: 2px 2px #004f6c;
	font-size: 1.5em;
	
}

.container_image {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}
.overlay {
  position: absolute;
  bottom: 0;   
  left: 0;
  right: 0;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 1.5s ease;z-index:199999;  
}
.container_image:hover .overlay {
  height: 100%;
}

/* menue login Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
	z-index:99999
    
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    
    background-image: url('../images/cubes.png');
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 680px;;
    min-height: 100px;
    vertical-align: middle;
    width: 100%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;   
    display: inline-block;
    
}
/* Popup box BEGIN */

.login_new
{

border: 1px solid #7f8c8d;
float: left;
border-radius: 5px;
padding:5px;
z-index:999999
}
.login_btm {
font-family: Arial;
color: #ffffff;
font-size: 20px;
background: #3498db;
padding: 5px 20px 5px 20px;
text-decoration: none;
width: 95%;
margin-left:-2px; z-index:0
}

.login_btm:hover {
background: #3cb0fd;
text-decoration: none;
}
.login_btm a
{
color: #fff;z-index:0
}


/* Home page Information box on */
.container_box {
 position: relative;
  width: 100%;
  z-index: 50;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 5px!important;}
    .sidenav a {font-size: 12px!important;}
	
}

.overlay_box {
  position: absolute;
  bottom: 0;   
  left: 0;
  right: 0;
  background-image: linear-gradient(#4393cc, #939799);  
 overflow: hidden;
  width: 100%;
  height: 0; 
  border-radius: 1.20rem !important; 
  transition: 1.5s ease;
  z-index:1999;  
}
.container_box:hover .overlay_box {
  height: 100%;
}

.text{	
   color: #fff; 
  margin:-5px 5px 1px 5px;
  text-align: justify; word-spacing:-1px;
  
}

#box_contents .carousel-caption {
position: absolute;
right: 3%;
left: 1%;
z-index: 10;
padding-top: 3px;
padding-bottom: 3px;
color: #01364D;
text-align: center;
top: 10px;
}
/*strick Main Menu*/

#navbarMenu {
  overflow: hidden;
z-index:99;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 6px;
}
.sticky2 {
  position: fixed;
  top: 30!important;
  width: 100%;
  z-index: 98;
}
.sticky2 + .content {
  padding-top: 6px;
}

#collapsibleNavbar .current{ font-weight:bold; color:#fff;text-decoration: underline; }
/* New template page Updated css of website   */
a, a:hover
{ color: #01364D;
  background: transparent;
  outline: none;
  text-decoration: none;}

a:hover
{ text-decoration: underline;}
 
#slideshow-caption {
  width: 340px;
  height: 38px;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;}
 
#slideshow-caption .slideshow-caption-container {
  padding: 10px 25px 10px 25px; 
  
  z-index: 1000;}
 
#slideshow-caption p {
  padding: 0;
  font: normal 130% arial, sans-serif;
  color: #FFF;}
 
 
  
#menubar_Drip_dams
{ width: 900px;
  height: 50px;
  text-align: left; 
  margin: 0 auto;
} 

#Drip_dams_tr_head
{ 
  height: 40px;
  background: #227412;
 background: -moz-linear-gradient(#2B60DE, #95B9C7);
  background: -o-linear-gradient(#2B60DE, #95B9C7);
  background: -webkit-linear-gradient(#2B60DE, #95B9C7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B60DE', endColorstr='#95B9C7');
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  color:#fff;
  font: bold 120% Arial, Helvetica, sans-serif;
  margin: 10px 0 0 20px;
  text-shadow: 0px -1px 0px #000;
  padding: 5px 20px 0 20px;
  border-radius: 10px;
  } 
  
 #Drip_dams_tr_head_home
{ 
  height: 28px;
  background: #95B9C7;
  background: -moz-linear-gradient(#2B60DE, #95B9C7);
  background: -o-linear-gradient(#2B60DE, #95B9C7);
  background: -webkit-linear-gradient(#2B60DE, #95B9C7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B60DE', endColorstr='#95B9C7');
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  color:#fff;
  font: bold 120% Arial, Helvetica, sans-serif;
  margin: 10px 0 0 10px;
  text-shadow: 0px -1px 0px #000;
  padding: 0px 00px 0 00px;
  border-radius: 10px;
  } 
  
#Drip_dams_tr_head_pg
{ color: #fff;
  background: #95B9C7;
  background: -moz-linear-gradient(#95B9C7, #2B60DE);
  background: -o-linear-gradient(#95B9C7, #2B60DE);
  background: -webkit-linear-gradient(#95B9C7, #2B60DE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B60DE', endColorstr='#95B9C7');
  text-shadow: none;
  border-radius: 10px;
  height:30px;
  text-align:center;
  }
.link_window
{
	float: right;
	padding: 3px 15px;
	margin-right:10px;
	border-radius: 5px;
	color: #fff;
	background: #95B9C7;
	background: -moz-linear-gradient(#95B9C7, #2B60DE);
	background: -o-linear-gradient(#95B9C7, #2B60DE);
	background: -webkit-linear-gradient(#95B9C7, #2B60DE);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B60DE', endColorstr='#95B9C7');
	text-shadow: none;
	border-radius: 10px;
	height:30px;
	text-align:center;
}
.link_window:hover
{
	float: right;
	padding: 3px 15px;
	margin-right:10px;
	border-radius: 5px;
	color: #fff!important;
	background: #2B60DE;
	background: -moz-linear-gradient(#2B60DE, #95B9C7);
	background: -o-linear-gradient(#2B60DE, #95B9C7);
	background: -webkit-linear-gradient(#2B60DE, #95B9C7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95B9C7', endColorstr='#2B60DE');
	text-shadow: none;
	border-radius: 10px;
	height:30px;
	text-align:center;
}
.regular_head
{
	width: 98%;
	border-bottom: 1px solid #2980b9;
	text-align: left;
	color: #fff;
	font-weight: bold;
	float: left;
	margin-top: 5px; margin-bottom:10px;
}
.regular_head a
{
	color: #fff;
	font-weight: bold;
}
.themes_btn
{
	width: 17px;
	height: 17px;
	margin-top: -20px;
	border: 1px solid #fff;
	cursor: pointer;
}
.container .header {
	background: #4d7ee0;
	cursor: pointer;
	font-weight: bold;
	font-size:18px!important;
	color:#fff!important;
	font: bold 140% Arial, Helvetica, sans-serif;
	text-shadow: 0px -1px 0px #000;
	height: auto;
	text-align:left;
	padding:4px;
}
.container .content {
    display: none;
    padding : 5px; color:#fff;
	border: 1px solid #4d7ee0;
}
#Drip_dams_tr_mom
{
	background-color: #aac238;
	color: #FFF;
	padding-left: 5px;
}
#Drip_dams_tr_head_new
{ 
  height: 30px;
  background: #4d7ee0;
  color:#fff;
  font: bold 110% Arial, Helvetica, sans-serif;
  margin: 10px 0 0 20px;
  text-shadow: 0px -1px 0px #000;
  padding: 0px 20px 0 20px;
  border-radius: 2px;
  } 
.report_td_new
{
	color: #ffffff!important;
	height: 25px;
	padding: 0px 10px;
	border-radius: 6px;	
	
}
.report_td_new:hover
{
	background: #03318d;
	color: #ffffff;
}
.report_td_new:hover a
{
	background: #03318d;
	color: #fff;
	text-decoration:none;
}  
.content ul li{
	list-style:none;
}
.content fieldset legend
{
	font-size: 17px;
}
#complaint_for_tenders
{
	visibility: hidden;
	margin-top: 50px;
}
.FB_text
{
	width: 330px;;
	padding: 3px;
	font-size: 17px;
	margin: 3px;
}
.fb_Btn
{
	height: 35px;
	width: 200px;
	color: #FFFFFF;
	background: linear-gradient(#95B9C7, #2B60DE) repeat scroll 0% 0% transparent;
	text-shadow: none;
	cursor:pointer;
	font-weight: bold;
}
.wrk_flow{
	width:100%; 
	border-collapse:collapse; 
}
.wrk_flow td{ 
	padding:7px; border:#4e95f4 1px solid;
}
/* Define the default color for all the table rows */
.wrk_flow tr{
	background: #b8d1f3;
}
/* Define the hover highlight color for the table row */
.wrk_flow_tr:hover {
	  background-color: #c9e9ec;
}
.workflow_detailed_list:hover {
	  cursor:pointer;
}
.workflow_t_head
{
	font-size:14px;
	background-color: #2B60DE !important; 
	color:#fff;
}
.wrkflw_t_hd_th
{
	font-size:14px;
	background-color: #2B60DE !important; 
	color:#fff;
}
.additional_links_notice
{
	width:280px;
	padding: 10px;
	margin-bottom:5px;
	margin-left:10px;
	margin-top:-25px;
	font-size: 12px;
	color:red;
	background-color: #a1cced;
	height: 40px;
}
.themes_btn {
    width: 17px;
    height: 17px;
    margin-top: -20px;
    border: 1px solid #fff;
    cursor: pointer;
}
.xblinker{
	background:#6698FF; 
	float:left;
}
/*.infobox{background-image: url('../images/bg.jpg');
background-repeat: repeat;}*/
.home-bottom-box{ background-color:#004f6c; padding:10px;}
.dropDownMnu{background-color:#527a7a;margin-bottom:2px;}
.dropDownSubMnu{background-color:#669999;margin-bottom:1px;}
.menuBtn{ color:#ff0000; }
.driplogoEvents{margin:1.5em -1em 0 0;width:4em}
#site_content
{ 
	width: 98.9%;
	min-height: 30px;
	overflow: hidden;
	margin: 0 auto;
} 
.notice {
	height: 30px; 
	width: 98.9%;
	border: 2px solid #2B60DE;
	margin: 3px 0px 3px 7px;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
}
.rating_container{
	background-color: #9bc6f2;
	width: 98%;
	height: 90px;
}
/*******************New Added**********************/
.iaImage{ background-image: url("../images/section_image.jpg");

background-repeat: no-repeat;height:30px;font-size:18px;padding-left:10px;
color:#fff; font-weight:bold;
}

.ia_OC_Image{ float:left;color:#044666;font-weight:bold;background:#fff;margin-left:2px; font-size: 14px; }
.ia_content{text-align:center;color:#333; margin-top:1px;font-size:16px;font-weight:bold;}

	
.scale-on-hoverGm
{
    display:inline-block;
    border:0;   
    position: relative;
    -webkit-transition: all 400ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 400ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 400ms ease-in;
    -moz-transform: scale(1);
    transition: all 400ms ease-in;
    transform: scale(1);
}
.scale-on-hoverGm:hover
{
    box-shadow: 0px 0px 5px #000000;
    z-index: 2;
    -webkit-transition: all 400ms ease-in;
    -webkit-transform: scale(1.0);
    -ms-transition: all 400ms ease-in;
    -ms-transform: scale(1.0);   
    -moz-transition: all 400ms ease-in;
    -moz-transform: scale(1.0);
    transition: all 400ms ease-in;
    transform: scale(1.0);
}
.pagebackdround-img{background-image: url(../images/cubes.png);background-repeat: repeat;}

/*home page code */

/* Information Boxes */

.mainBox{width:100%;margin-top:-1em !important;}
.mainLRBox{width:2%;float:left;}
.mainBoxMid{width:96%;float:left;}
.overlay_box h5{ color:#fcd299;text-align:center }
.gl_and_ManualsBox_a{ color:#fff; padding-top:10px; font-size:0.85em }
.gl_and_ManualsBox_a:hover{ color: #fcd299;}
.implink_footer{font-size:13px;}
/*.box_a_color{color:#fcd299;}
.box_a_color:hover{color:#fcd299;text-decoration: none}
.menuhight{height:1.5em} */
.menuHight{margin:-0.7em }
.goi_h{height:40px}
.box_a_color:hover{text-decoration: none}
.heading_color_box{color:#fcd299;}
.heading_color_box:hover{color:#fcd299; text-decoration: none}
.text_a_color{color:#fff;}
.text_a_color:hover{color:#fff;text-decoration: none}
.timercolor{color:#000;font-weight:bold}
.gl_and_Manuals_more{ padding:1px 10px 10px;text-align:right;font-weight:bold;}
.rowpad{padding-top:1em}
.mue_GoI{width:100%;text-align:center}
.mue_desc{margin:1em -0.5em 0 -1em;float:left;text-align:center;}
.mue_desctitle{margin:2em -5em 0 -5em;font-size:0.95em;font-weight:bold}
.event_tengendago{font-size:0.9em}
.mue_title2{font-size:0.8em;color:#3366ff;}
.ipmagency_bar{margin-top:1.2em}
 #jssor_1{width:90em;padding-left:5em;overflow:hidden;}
 .logo_agen{top:-70px;left:150px;width:90em;height:9em;}
  #jssor_1 img{width:10em;height:6em;}
   .implagency img{width:4em; height:3em;border:solid 2px #EFEFEF;position: relative;margin-right:1em}
 .gallarypad{margin:-3em 0 -0.5em 0;padding-top: 2em;}
  .galspace{ margin:-2em;}
 .boxMainBackgroundColor{ height:15em;width: 100%; background: #d7d8d9; background-repeat: repeat; }
.carousel-caption h4{ color:#000;font-weight:bold; }
.infoColor{ color:#01364D; font-size:0.91em;}
.infoColor:hover{ text-decoration:none}
.infoboxTxtJustify{text-align:justify;}
.infolinehight{line-height:2.0em;padding-left:1em}
.click_here{padding:2.8em 1em 1em 2em;text-align:right;font-weight:bold;}
.box1more{padding:2.3em 0.5em 0 13em;text-align:right;font-weight:bold; }
.box2more{padding:3em 0.5em 0 13em;text-align:right;font-weight:bold; }
.box3more{padding:0em 0.5em 1em 8.5em;text-align:right;font-weight:bold;margin-top:0.2em}
.box4more{padding:-0.2em 2em 0 0;font-weight:bold; margin-top:1.5em;text-align:right;}
.box5more{margin-top:1.5em;text-align:right;font-weight:bold;}
.box6more{margin-top:0.2em;text-align:right;font-weight:bold;}
.empanelmentBox{font-size:0.88em;}
.eventMainSlide{line-height:1.1em;margin:0.2em 0 0.2em 0;height:7.3em;font-size:1.2vw;text-align:justify;}  
.eventfont{font-size:0.85em;}
.eventfont2{font-size:0.8em; line-height:1.1em;}
.eventMainSlideheight{height:7.2em;}
.imgmargin{margin-top: -0.6em;}
/****************New Info counter boxes***********/
.info_color1{background-color:#1fb5f2;height:8em;border: solid 0.2em #fff }
.info_color2{background-color:#0dbdff; height:8em;border: solid 0.2em #fff }
.info_color3{background-color:#2cc2f7; height:8em;border: solid 0.2em #fff}
.info_color4{background-color:#2fc5fe;height:8em; border: solid 0.2em #fff}
.info_color5{background-color:#1EBDFA;height:8em;border: solid 0.2em #fff }
.info_color6{background-color:#3fc4f5;height:8em; border: solid 0.2em #fff  }
.info_color7{background-color:#3EC6FA ;height:8em;border: solid 0.2em #fff }
.info_color8{background-color:#55CCFA;height:8em;border: solid 0.2em #fff }
.info_color9{background-color:#6ad2fa;height:8em;border: solid 0.2em #fff }
.info_color10{background-color:#8bdbfa;height:8em;border: solid 0.2em #fff }
.info_color11{background-color:#9fe3fe;height:8em;border: solid 0.2em #fff }
.info_color12{background-color:#b3e8fc;height:8em;border: solid 0.2em #fff }
.info_color_counter{color:#c82c2c; font-size: 2.5em; font-family: 'DSDIGI' !important;text-align:center; } 
.info_color_counter2{color:#fff;font-size:1.2em;font-weight:bold;text-align:center;font-family: 'DSDIGI' !important;}
.info_color_title{color:#000;font-size:1.0em;text-align:center;font-weight:bold;margin-top:-1em;}
.info_color_title a{font-size:0.9em;text-align:center}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: #0071AE;
  z-index:70
}
.container_info {
  position: relative;
  
}
.container_info:hover .overlay {
  opacity: 1;
}
.overlay_infotext{color:#fff;padding-top:0.3em;height:5em;line-height:1.1em}
.overlay_infotext1{color:#fff;height:3em;line-height:1.1em}
.overlay_infotext2{color:#fff;line-height:1.1em;padding-top:0.3em;}
.info_color_parti{color:#fff;padding-top:0.5em;text-align:center}
.info_view{text-align:right}
.maininfoBoxTitle{height:2em;margin:0.5em;width:80em; text-align:center;}
.mainBoxDiv{padding:0.3em;}
/*******************Inner changes*************************/
.contentMainPad{padding:0.1em 0.5em 1em 0.5em;}
.divResivPad{padding:1em 0 2em 0;}
.buttonSizeContentBelow{font-size:0.9em;}
.gallmainpad{margin-left:-4em} 
#drip_perform{margin-left:0.05em;}
.grievance_headingpad{color:#fff;padding-top:0.1em}	
.grievance_button{font-size:0.7em;margin-bottom:0.5em;}	
.contactImg{height:24em;width:80em;margin-left:15em;text-align:center;}
/*Login pop pup page Code*/
#login td{Color:#000;}
#login td a{Color:#000;}
#formlogin .login_tbl_box{	color:#000;	font-size:1em;	height:2em;	width:15em;}
.entry_table{	color:#000;	text-align:left;}
.iconColor{color:#3cb0fd;}
.login_below_msg{float:left; height: 2em; width:95%; padding-top: 10px;font-style:italic}

 /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
    /*Submit feedback page */		
	.rating_stars img {	padding-left:15px;	}
	.rating_stars_2 img	{ padding-left:15px; }
	.rating_stars_3 img	{ padding-left:15px; }
	.rating_stars_4 img	{ padding-left:15px; }
	.rating_stars_5 img	{ padding-left:15px; }
	.rating_numbers label { padding-left:3.0em;	}
	.rating_numbers	{ padding-top: 5px;	margin-left: -36px;	margin-bottom: 5px;	}
	.FB_text{ width: 330px;	padding: 3px;font-size: 17px;margin: 3px;}	
	.class_main_div{border:solid 1px #000; width: 96%; padding:0px 0px 5px 2px}
	.class_inner_div1{position:static; margin:-13px 0 0 15px; background-color:#1f618d; padding:2px; width:29%; color:#fff;}
	.class_inner_div2{position:static; margin:-13px 0 0 15px; background-color:#1f618d; padding:2px; width:24%; color:#fff;}
	.class_inner_div3{position:static; margin:-13px 0 0 15px; background-color:#1f618d; padding:2px; width:46%; color:#fff;}
	.class_inner_div4{position:static; margin:-13px 0 0 15px; background-color:#1f618d; padding:2px; width:39%; color:#fff;}
	.class_inner_div5{ position:static; margin:-13px 0 0 15px; background-color:#1f618d; padding:2px; width:25%; color:#fff; }
	/*ISO feedback form */
	.isofbheading{width:100% ;margin:1em;}	
	#isofb{font-size:0.9em; margin-bottom:1em; width:95%}
	#isofb .rating_container{ background-color: #9bc6f2;width: 100%; height: 7em;	}
	#isofb .rating_numbers label{ padding-left: 3.6em !important;}
	#isofb .rating_numbers{padding-top: 0.7em;margin-left: -3em;margin-bottom: -1em; }
	#isofb .FB_text{ width: 30em;padding: 0.1em;font-size: 0.9em;	margin: 0.1em; }
	#isofb legend{font-size:1em;margin-top:0.2em}	
    #iso_email{ margin-left: 3em;}	
	#iso_email .login_tbl_box{width:20em;}
	#isofb .search_isofeedback{margin:1em}
	#isofb .feedbackstar{height:3em;padding-left: 15px;}
	#isofb .fb_btn_custm{font-size:1.2em}	
	#isofb .fb_remark_txtarea{ width: 40em;height: 6.5em;float: left;margin-left: 0.5em;}
	#isofb .fb_remark_txtarea2{width:100%;height: 6.5em;float: left; }
	/*****/
	/* customer  feedback*/
	#customerfbform .input_text{margin:0.2em; padding:3px;width:25em}
    #customerfb .class_main_div{border:solid 1px #000;height:7em;width: 99%;margin:0px 0px 5px 2px}
	#customerfb .class_main_div2{border:solid 1px #000;height:8.5em;width: 45%;margin:0px 0px 2px 2px;padding: 0.5em;} 
	 #customerfb .class_main_div3{border:solid 1px #000;height: 6em;width:99.5%;margin:0px 0px 5px 2px} 
	#customerfb .class_inner_div1{position:static;margin:-13px 0 0 15px;background-color:#1f618d;padding:5px;width:32%;color:#fff;font-size:12px}
	#customerfb .class_inner_div2{position:static;margin:-13px 0 0 15px;background-color:#1f618d;padding:2px;width:17%;color:#fff;font-size:12px}
	#customerfb .class_inner_div3{position:static;margin:-13px 0 0 15px;background-color:#1f618d;padding:2px;width:37%;color:#fff;font-size:12px}
	#customerfb .class_inner_div4{position:static;margin:-13px 0 0 15px;background-color:#1f618d;padding:2px;width:57%;color:#fff;font-size:12px}
	#customerfb .class_inner_div5{position:static;margin:-13px 0 0 15px;background-color:#1f618d;padding:2px;width:18%;color:#fff;font-size:12px}	
	#customerfb .rating_container{ background-color: #9bc6f2;width: 98%; height: 6em;	}
	#customerfb .rating_numbers label{ padding-left: 5em !important;}
	#customerfb .rating_numbers{font-size:1.2em!important; padding-top: 0.7em;margin-left: -2em;margin-bottom: -1em; }
	#customerfb .FB_text{ width: 30em;padding: 0.1em;font-size:1em;	margin: 0.1em; }
	#customerfb .feedbackstar{height: 2.5em; padding-left: 3.9em;}
	#customerfb .customer_remark{width:30em; height:6em;margin-left:0.5em}
    #customerfb .customer_remark2{width: 98%;height: 4em; margin: 0.5em;}
	.custfb_btn{text-align:center}
	#service-request .login_tbl_box { width:30em;margin:0.3em;	}
	/*After login*/
	
	 #afterloginlinks{margin-left:-5em}
            #afterloginlinks ul li{
				font-size:0.9em;
			    line-height:0.8em;
			}
			.dropdown-submenu {
                position: relative;               		
            }

            .dropdown-submenu > a:after {
                content: " >";
				color:#ff0000;
				font-weight:bold;
            }

            .dropdown-submenu >.dropdown-menu {              
                left: 100%;               
                margin-left: -3em;
				border:solid 1px #D3D3D3;	
                margin-top:  -1.3em;					
            }
            .dropdown-submenu:hover > .dropdown-menu {
                display: block;			
				padding-left:-6em;				
            }
			
			.dropdown:hover > .dropdown-menu {
                display: block;
                margin-top:  -0.3em;               			
            }
			.dropdown-item:hover, .dropdown-item:focus {
				color: #16181b;
				text-decoration: none;
				background-color: #E1E1E1;
			}
			.dropdown:hover{background-color: #051447; }
			.headerImageLeft{padding-left:40px;float:left}
			.headertitleH0{font-size:1.1em;}
			.headertitleH1{font-size:1.2em;}			
			.imgGoI{width: 80px; height:95px }
			.driplogo{height:80px}
			
/************************************************************************************/
.ch-grid {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	position: relative;
	width: 12.0em;
	height: 12.0em;
	display: inline-block;
	margin: 0.7em 0 0 0.01em;
	
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	cursor: default; 
}

.ch-info-wrap{
	position: absolute;
	width: 10.0em;
	height: 10.0em;
	border-radius: 50%;

	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	top: 1.0em;
	left: 1.0em;
	background:url(../images/bg.jpg);
	box-shadow: 
		0 0 0 2em rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8); 
	

}

.ch-info{
	position: absolute;
	width: 10.0em;
	height: 10.0em;
	border-radius: 50%; background-size:100% 100%;
    
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
		
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	background-attachment: fixed;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ch-info .ch-info-back {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);	
	background: #d7d8d9;
}

.ch-img-1 { 
	background-image: url(../images/circle/rehab1.png) ;
 
}

.ch-img-2 { 
	background-image: url(../images/circle/Institutional-new.jpg);
}

.ch-img-3 { 
	background-image: url(../images/circle/Project_Management.png);
}
.ch-img-4 { 
	background-image: url(../images/circle/damsafety-2.png);
}


.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-wrap {
	box-shadow: 
		0 0 0 0 rgba(255,255,255,0.8), 
		inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-moz-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}

.heading_DRI{font-size:1.1em;color:#fff;padding-top:4em;font-weight:bold}

.captioncss{
display: block;
position: absolute;
font-size: 0.9em;
bottom: 0;
left: 0;
right: 0;
padding: 0.5em 0em .5em 0.5em;
overflow: hidden;
background-color: rgba(54,44,48,0.6);
color: #fcfcfc;
text-shadow: 0px 1px 2px #9d9d9d;
font-weight: normal;
border-radius: 4px;
width: 100%;
}
/*circle update */
.dropdown_pad{margin-left:2em; list-style-type: none;}
.mainBoxRight{margin:0.2em 0 0.1em 0;float:left ; background-image:url('../images/cubes.png'); background-repeat: repeat;}
.mainBox_Right_top_dot{border:solid 1px #3BB0D6; border-style: dotted;margin-right:2px;}
.headingMainBox{margin-top: -0.6em;}
.li_background_radius{background: rgba(0, 0, 0, 0.2);height:10em; border-radius: 50%;}
.text_decoration{text-decoration: none;}
.circle1_heading{font-weight:bold}
.circle1_text{color:#3366ff; font-size:0.9em;line-height:0.9em; margin-top:2.2em;margin-left:0.8em;width:90%;text-align:center }
.circle1_text2{color:#3366ff;font-size:0.83em;line-height:0.9em; margin-top:1.2em; margin-left:0.8em;width:90%;text-align:center  }
.circle1_text3{color:#3366ff;font-size:0.9em;line-height:0.9em; margin-top:2.7em;margin-left:0.8em;width:90%;text-align:center }
.hometop_p{margin-top:-3.5em!important;}
.homewel_con{ font-size:0.95em; line-height:1.1em; text-align:justify; margin-top:-1.7em!important;color:#fff }
.commanrappertop{   border-bottom: 1px solid #eeeeee;background-image:url('../images/cubes.png'); background-repeat: repeat;
}
.wb-logo {
    height: 25px;
    top: -2px;
 
}
.goi-toplogo{float:left;margin-left:1.0em}
.govindiatop{float:left;margin-left:-1em;}
.paidmowr{padding-right:5.5em}
.hi_hindi{font-size:0.75em;margin-left:1em;margin-top:0.2em}
.hi_hindi a{color:#000;margin-left:1em;margin-top:0.2em}
.en_eng{font-size:0.7em;margin-left:1em;text-transform: uppercase;text-align:left;margin-top:-2px;}
.en_eng a{color:#000;margin-left:1em;}

.govindiaMaindiv{width:15%;float:left;}
.jalsaktiMaindiv{width:12%;float:left;}
.jalsansadhnMaindiv{width:38%;float:left;}
.cwcMaindiv{width:18%;float:left;}
.cwclogo{margin-top:0.2em; height:40px}
.worldbandMainDiv{width:15%;float:left;}
/*Grievance css */
.DropDown{width:13em;paddind-left:0.2em }
.DropDownsmall{width:3em;paddind-left:0.2em }
.siteMap{float:left;margin:0.5em;}
#nongc{width:95%;padding:0.5em;margin-top:-2.5em}
.topMsg{color: #FF0000; font-style: italic; font-size: 16px; padding:1.0em;}
.divflot{float:left}
.input_text{width:12em;padding: 3px;font-size: 17px;margin: 3px;}
.msgcolTop{width:100%;display:none;font-weight:bold; margin:1.0em; padding-left:1.5em; background-color:#e74c3c; color:#fff; border: 1px solid #c0392b}
.implagencylogo{margin-top:-0.5em; text-align:center}
/*site map css*/
.menuicon{font-size:1.7em;color:#fff}
.table th, .table td { padding: 0.4rem 0.4rem 0.4rem 3rem;
    vertical-align: top; font-size:0.9em;font-weight:bold ;}
#sitemap_info ul{    list-style: none;  }
#sitemap_info ul li{padding-left:2em;font-size:0.8em;line-height:1.5em}
.info-box {
    display: block;
    min-height: 3.0em;
    background: #fff;
        background-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    width: 11em;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
}

.my-navbar {
	background-color: #01a3a4;
	border-color: #000;
	font-size: 1em !important;
	font-weight: 1300 !important;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 7px!important;
	padding-left:  7px!important;
	
	}
	a.nav-link {
    font-size: 16px!important;!important;
}
	#afterloginlinks {
	margin-left: -5em !important;
	}
	#afterloginlinks ul li {
	font-size: 0.9em !important;
	line-height: 0.9em !important;
	}
	.decor1 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 4px #eee;
	-webkit-box-shadow: 0px 1px 4px #eee;
	box-shadow: 0px 1px 4px #eee;
	width: 80em;
	z-index: 50;
	}
	/********* Dashboard css ***********/
	.dashboardmainpad{padding:1.5em; margin:0.1em 1em 0.1em 0.5em} 
	.dashboardheading{text-align:center;color:#000;font-size:1.1em;font-weight:bold;}
	.dashboard1viewmore{margin-top:1em;}
	.dashboard2viewmore{margin-top:1em}
	.projectglns{color:#1510b5;font-size: 1.0rem;}
	.dashboardMainheding{color:#000; font-size: 1.2rem;}
	#maindashboard .dashboardsubheading{font-size: 1rem;color:#fff;}
	.rightGraph{height: 20em; width: 99.5%; margin: 0px auto;border:solid 1px #000}	
	
	/********* home Information boxes ***********/
	
	.boxT{width:100%;margin-left:0.3em;height:9.5em;}
	.sideT {line-height: 20px; font-size: 0.75em;  color: #fff; text-align: justify; user-select: none;}
	.tendertitle{width:65%;height:10.5em;float:left;padding:0.5em;font-size:1.2em;}
	.tendercost{width:35%;color:#000;float:left;padding:0.5em;text-align:center;}
	.tenderEstimetedcost{color: #3B3B98!important;;font-weight:bold;font-size: 1.5em;margin-bottom:0.5em}
	.tenderdate{color:#3B3B98;font-weight:bold;margin-bottom:0.8em}
	
	/* publication Css */

	.publicationBoxMain{float:left;background-color:#efefef;margin-left:2em;width:30%;height:25em;padding:0.2em;
	border: 2px solid #ee813c;
	}
	.pub_line {
		line-height:0.5em;
		background-color: #ee813c;width:100%;
	}
	.pub_heding{
		text-align: center;width:100%
	}

	.pub_heding h2 {
		font-size: 1.5rem;
		font-weight: 300;
	   color: #ee813c; background-color:#efefef;
		text-transform: uppercase;
		display: inline-block;   
		width: 100%;
		text-align: center;
	}
	.encart .pub_heding h2 a {
		color: inherit;
		text-decoration: none;
	}
	.pubboxborder{border-bottom: 1px dotted #ee813c;padding:0.5em 0 0.5em 0;width:100%}
	.pubTitle{color: #ee813c;font-size: 1em;text-align:left; }
	.pubDescription{color:#000;font-size:0.9em;text-align: justify !important;padding-top:1.5em}
	.pubimg{width:40%} 
	.pubDesc{width:55%;margin-left:1em}
	.pubiconpath{text-align:center;padding-top:0.5em}
	.pubreadmore{ text-align:right;font-size:0.7em;margin-top:0.5em}
	
/* Event Css */

	.eventMain{background-color:#efefef;float:left;width:30%; height:25em;margin-left:2em;padding:0.2em;
	border: 2px solid #5e70d0;}

	.event_line {
		line-height:0.5em;
		background-color: #5e70d0;width:100%;
	}
	.event_heding{
		text-align: center;width:100%
	}
	.event_heding h2 {
		font-size: 1.5rem;
		font-weight: 300;
	   color: #5e70d0; background-color:#efefef;
		text-transform: uppercase;
		display: inline-block;   
		width: 100%;
		text-align: center;
	}
	.encart .event_heding h2 a {
		color: inherit;
		text-decoration: none;
	}
	.boxMargin{padding:0.2em;margin:0.2em;}
	.padne{margin-top:-0.5em;color: #044666;font-weight: bold;background: #fff;margin-left: 2px; font-size: 16px;}
	.marque-height{height:20em;overflow:hidden}
	.eventBox{background: #5e70d0;color:#fff;margin-top:0.5em;text-align:left;margin-left:-0.2em;}
	.boxborder{border-bottom: 1px dotted #5e70d0;padding:0.5em 0 0.5em 0}

/* Register Dam*/
	.registerMain{float:left;background-color:#efefef;width:30%;height:25em;margin-left:2em;padding:0.2em;border: 2px solid #76b861;}
	.contenu{margin-top:1em}
	.reg_line {
		line-height:0.5em;
		background-color: #76b861;width:100%;
	}
	.reg_heding{
		text-align: center;width:100%
	}
	.reg_heding h2 {
		font-size: 1.5rem;
		font-weight: 300;
	   color: #76b861; background-color:#efefef;
		text-transform: uppercase;
		display: inline-block;   
		width: 100%;
		text-align: center;
	}
	.encart .reg_heding h2 a {
		color: inherit;
		text-decoration: none;
	}
.websitevisit{color:yellow;font-weight:bold}	
/********************************************************/
@media only screen and (min-width:  1920px){
	.my-navbar {
	background-color: #01a3a4;
	border-color: #000;
	font-size: 1.5em !important;
	font-weight: 1300 !important;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1.2rem !important;
	padding-left: 1.2rem !important;
	padding-top:0.7em !important;
	padding-bottom:0.7em !important;
	}
	#afterloginlinks {
	margin-left: -22em !important;
	}
	#afterloginlinks ul li {
	font-size: 1.0em !important;
	line-height: 0.9em !important;
	}
	.decor1 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 4px #eee;
	-webkit-box-shadow: 0px 1px 4px #eee;
	box-shadow: 0px 1px 4px #eee;
	width: 115em;
	z-index: 50;
	}
	.contenerCaption img{
		height:517px;
	}
/************circle css*************/
.ch-grid li {	
    margin-left:2em;
	width: 15.5em;
	height:15.5em;
}
.ch-item {
	width: 15.5em;
	height: 15.5em;
}
.ch-info-wrap{
	position: absolute;
	width: 13.5em;
	height: 13.5em;
}
.ch-info{	
	width: 13.5em;
	height:13.5em;
	 background-size:100% 100%;
}
.heading_DRI {
    font-size: 1.6em;
    padding-top: 3em;
}
.li_background_radius {    
height: 13.5em;
}

.circle1_text{ 
    font-size:1.0vw;
	line-height:1.0em; 
	margin-top: 1.5em;
	margin-left:0.8em;
	text-align:center
 }
.circle1_text2{
	font-size:0.9vw;
	line-height:0.8em; 
	margin-top: 1.8em;
	margin-left:0.8em;
	text-align:center
	
	  }
.circle1_text3{
	font-size:0.9vw;
	line-height:0.8em; 
	margin-top: 3.0em;
	margin-left:0.8em;
	text-align:center
	
	}
.dashboard1viewmore{margin-top:1em}
.dashboard2viewmore{margin-top: 1.4em !important}
.dashboard1Text{margin-top:3em;}
.dashboard2Text{margin-top:-0.5em;}
.rightGraph{height: 20em; width: 99.5%; margin: 0px auto;border:solid 1px #000}	
.imgdrip2{height:91% !important}	
}
@media only screen and (max-width:  1680px){
	.my-navbar {
    background-color: #01a3a4;
    border-color: #000;
    font-size: 0.7em;
    font-weight: 1300;
     }
	.contenerCaption img{
		height:455px;
	}
	/************circle css*************/
.ch-grid li {	
    margin-left:1em;
	width: 13.5em;
	height:13.5em;
}

.ch-item {
	width: 13.5em;
	height: 13.5em;
}


.ch-info-wrap{
	position: absolute;
	width: 11.5em;
	height: 11.5em;
}
.ch-info{	
	width: 11.5em;
	height:11.5em;
	 background-size:100% 100%;
}
.heading_DRI {
    font-size: 1.1em;
    padding-top: 3.0em;
}
.li_background_radius {    
height: 11.5em;
}

.circle1_text{ 
    font-size:1.0vw;
	line-height:1.0em; 
	margin-top: 1.2em;
	margin-left:0.8em;
	text-align:center
 }
.circle1_text2{
	font-size:0.9vw;
	line-height:0.8em; 
	margin-top: 1.8em;
	margin-left:0.8em;
	text-align:center
	
	  }
.circle1_text3{
	font-size:0.9vw;
	line-height:0.8em; 
	margin-top: 3.0em;
	margin-left:0.8em;
	text-align:center
	
	}
	.rightGraph{height: 20em; width: 99.5%; margin: 0px auto;border:solid 1px #000}	
	
}
@media only screen and (max-width:  1600px){
	.my-navbar {
    background-color: #01a3a4;
    border-color: #000;
    font-size: 0.7em;
    font-weight: 1300;
     }
	.contenerCaption img{
		height:445px;
	}
	.ch-grid li {	
		margin-left:1em;
		width: 13.5em;
		height:13.5em;
	}
	.ch-item {
		width: 13.5em;
		height: 13.5em;
	}
	.ch-info-wrap{
		position: absolute;
		width: 11.5em;
		height: 11.5em;
	}
	.ch-info{	
		width: 11.5em;
		height:11.5em;
		 background-size:100% 100%;
	}
	.heading_DRI {
		font-size: 1.1em;
		padding-top: 3.0em;
	}
	.li_background_radius {    
	height: 11.5em;
	}
	.circle1_text{ 
		font-size:1.0vw;
		line-height:1.0em; 
		margin-top: 1.2em;
		margin-left:0.8em;
		text-align:center
	 }
	.circle1_text2{
		font-size:0.9vw;
		line-height:0.8em; 
		margin-top: 1.8em;
		margin-left:0.8em;
		text-align:center
	}
	.circle1_text3{
		font-size:0.9vw;
		line-height:0.8em; 
		margin-top: 3.0em;
		margin-left:0.8em;
		text-align:center
	}
}
@media only screen and (max-width:  1440px){
	.my-navbar {
    background-color: #01a3a4;
    border-color: #000;
    font-size: 0.8em;
    font-weight: 1300;
     }
	.contenerCaption img{
		height:400px;
	}
	.ch-grid li {	
		margin-left:1em;
		width: 12.0em;
		height:12.0em; 
	}
	.ch-item {
		width: 12.0em;
		height: 12.0em; 
	}
	.ch-info-wrap{
		position: absolute;
		width: 10.0em;
		height: 10.0em; 	
	}
	.ch-info{	
		width: 10.0em;
		height:10.0em;
		 background-size:100% 100%;
	}
	.heading_DRI {
		font-size: 1.1em;
		padding-top: 3.0em;
	}
	.li_background_radius {    
	height: 10.0em;
	}
	.circle1_text{ 
		font-size:1.0vw;
		line-height:1.0em; 
		margin-top: 1.2em;
		margin-left:0.8em;
		text-align:center
	 }
	.circle1_text2{
		font-size:0.9vw;
		line-height:0.8em; 
		margin-top: 1.8em;
		margin-left:0.8em;
		text-align:center
	}
	.circle1_text3{
		font-size:0.9vw;
		line-height:0.8em; 
		margin-top: 3.0em;
		margin-left:0.8em;
		text-align:center
	}
	
}
@media only screen and (max-width:  1366px){
	.my-navbar {
    background-color: #01a3a4;
    border-color: #000;
    font-size: 1em;
    font-weight: 1300;
     }
	
	.contenerCaption img{
		height:375px;
	}
	.ch-grid li {	
		margin-left:1em;
		width: 11.0em;
		height:11.0em;
	}
	.ch-item {
		width: 11.0em;
		height: 11.0em;
	}
	.ch-info-wrap{
		position: absolute;
		width: 9.0em;
		height: 9.0em;
	}
	.ch-info{	
		width: 9.0em;
		height:9.0em;
		 background-size:100% 100%;
	}
	.heading_DRI {
		font-size: 1.0em;
		padding-top: 2.3em;
	}
	.li_background_radius {    
	height: 9.0em;
	}
	.circle1_text{ 
		font-size:0.9vw;
		line-height:0.9em; 
		margin-top: 1.3em;
		margin-left:0.8em;
		text-align:center
	 }
	.circle1_text2{
		font-size:0.8vw;
		line-height:0.9em; 
		margin-top: 1.3em;
		margin-left:0.8em;
		text-align:center
	}
	.circle1_text3{
		font-size:1.0vw;
		line-height:1.0em; 
		margin-top: 3.0em;
		margin-left:0.8em;
		text-align:center
	}
	
	
}
@media only screen and (max-width:  1237px){
	
	.contenerCaption img{
		height:365px;
	}
	.ch-grid li {	
		margin-left:1em;
		width: 11.0em;
		height:11.0em;
	}
	.ch-item {
		width: 11.0em;
		height: 11.0em;
	}
	.ch-info-wrap{
		position: absolute;
		width: 9.0em;
		height: 9.0em;
	}
	.ch-info{	
		width: 9.0em;
		height:9.0em;
		 background-size:100% 100%;
	}
	.heading_DRI {
		font-size: 1.0em;
		padding-top: 2.3em;
	}
	.li_background_radius {    
	height: 9.0em;
	}
	.circle1_text{ 
		font-size:0.9vw;
		line-height:1.0em; 
		margin-top: 1.1em;
		margin-left:0.8em;
		text-align:center
	 }
	.circle1_text2{
		font-size:0.9vw;
		line-height:0.9em; 
		margin-top: 1.9em;		
		text-align:center
	}
	.circle1_text3{
		font-size:0.9vw;
		line-height:1.1em; 
		margin-top: 3.0em;
		margin-left:0.8em;
		text-align:center
	}
	
}
@media only screen and (max-width:  1280px){
	.my-navbar {
    background-color: #01a3a4;
    border-color: #000;
    font-size: 0.97em !important
    font-weight: 1300;
     }
	.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.4rem !important; padding-left: 0.4rem !important; }
	.contenerCaption img{
		height:365px;
	}
	.ch-grid li {	
		margin-left:1em;
		width: 11.0em;
		height:11.0em;
	}
	.ch-item {
		width: 11.0em;
		height: 11.0em;
	}
	.ch-info-wrap{
		position: absolute;
		width: 9.0em;
		height: 9.0em;
	}
	.ch-info{	
		width: 9.0em;
		height:9.0em;
		 background-size:100% 100%;
	}
	.heading_DRI {
		font-size: 1.0em;
		padding-top: 2.3em;
	}
	.li_background_radius {    
	height: 9.0em;
	}
	.circle1_text{ 
		font-size:0.9vw;
		line-height:1.0em; 
		margin-top: 1.1em;
		margin-left:0.8em;
		text-align:center
	 }
	.circle1_text2{
		font-size:0.9vw;
		line-height:0.9em; 
		margin-top: 1.9em;		
		text-align:center
	}
	.circle1_text3{
		font-size:0.9vw;
		line-height:1.1em; 
		margin-top: 3.0em;
		margin-left:0.8em;
		text-align:center
	}
	.empanelmentBox{font-size:0.95em!important; line-height:0.95em!important;}
}
@media only screen and (max-width:  1024px){
	
    .goi-toplogo{float:left;margin-left:0.9em}
	.govindiatop{float:left;margin-left:-0.4em;margin-top:0.5em!important;}
	.paidmowr{padding-right:3.5em}
	.hi_hindi{font-size:0.65em;margin-left:0.2em;}
	.hi_hindi a{color:#000;margin-left:0.2em;}
	
	.govindiaMaindiv{width:16%;float:left;}
	.jalsaktiMaindiv{width:14%;float:left;padding-top:0.5em}
	.jalsansadhnMaindiv{width:30%;float:left;padding-top:0.5em}
	.cwcMaindiv{width:21.5%;float:left;}
	.cwclogo{margin-top:0.2em; height:40px}
	.worldbandMainDiv{width:12%;float:left;}
	.en_eng{font-size:0.65em;margin-left:0.2em;text-transform: uppercase;text-align:left;margin-top:-2px;}
	.en_eng a{color:#000;margin-left:0.2em;}
	.my-navbar{font-size: 0.95em!important }
	 #afterloginlinks{margin-left:-2em!important;}
	 .navbar-expand-lg .navbar-nav .nav-item { padding-right: 0.2rem!important;  padding-left: 0.2rem!important;
   }
   #afterloginlinks ul li { font-size: 0.75em!important; line-height: 0.6em!important;}
   .navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.1rem!important; padding-left: 0.1rem!important;}
   .contactImg {height: 24em;width: 80em; margin-left: 5em!important; text-align: center;	}
   .contenerCaption img{ height:283px;width:100%;	}	
	.ch-grid li {	
		margin-left:1em;
		width: 8.0em;
		height:8.0em;
	}
	.ch-item {
		width: 8.0em;
		height: 8.0em;
	}
	.ch-info-wrap{
		position: absolute;
		width: 6.0em;
		height: 6.0em;
	}
	.ch-info{	
		width: 6.0em;
		height:6.0em;
		 background-size:100% 100%;
	}
	.heading_DRI {
		font-size: 0.8em;
		padding-top: 1.3em;
	}
	.li_background_radius {    
	height: 6.0em;
	}
	.circle1_text{ 
		font-size:0.9vw;
		line-height:0.9em; 
		margin-top: 1.0em;
		margin-left:0.8em;
		text-align:center
	 }
	.circle1_text2{
		font-size:0.8vw;
		line-height:0.8em; 
		margin-top: 0.8em;		
		text-align:center
	}
	.circle1_text3{
		font-size:0.85vw;
		line-height:1.0em; 
		margin-top: 2.0em;
		margin-left:0.8em;
		text-align:center
	}
	/*Grievance css */
	.DropDown{width:10em !important; padding-left: 0.1em }
	#nongc{width:95%;padding:0.5em;margin-top:-2.5em}
	.topMsg{color: #FF0000; font-style: italic; font-size: 16px; padding:1.0em;}
	.divflot{float:left}
	.input_text{width:9em;padding: 3px;font-size: 17px;margin: 3px;}
	.msgcolTop{width:100%;display:none;font-weight:bold; margin:1.0em; padding-left:1.5em; background-color:#e74c3c; color:#fff; border: 1px solid #c0392b}
	.texttopcolor {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
     }
	 .info-box {
    display: block;
    min-height: 3.0em;
    background: #fff;
        background-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    width: 11em;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    }
	/*Home css */infoColor
	.empanelmentBox{font-size:0.85em!important; line-height:1.1em!important;}
	.infolinehight{line-height:1.0em;padding-left:1em}
	.click_here {padding: 0.4em 1em 1em 2em !important; text-align: right;    font-weight: bold;}
	/*.click_here{padding:0.4em 1em 0.2em 2em;text-align:right;font-weight:bold;}*/
	.box1more{padding:0.3em 0.5em 0 6em!important;text-align:right;font-weight:bold; }
	.box2more{padding:2em 0.5em 0 13em!important;text-align:right;font-weight:bold; }
	.box3more{margin: -2em 0.5em 1em 4em!important;font-weight: bold;margin-top: -0.9em!important;}
	.box4more{padding:-0.4em 2em 0 0;font-weight:bold; margin-top:-0.1em;text-align:right;}
	.box5more{margin-top:1em;text-align:right;font-weight:bold;}
	.box6more{margin-top:-1em!important;text-align:right;font-weight:bold;}	
	.traningclick{margin-top:-0.5em;}
	.gl_and_ManualsBox_a{color: #fff; padding-top: 5px!important; font-size: 0.8em!important; }	
	.infoColor { color: #01364D;   font-size: 0.85em !important}
	.footer1_bg{margin-top: -27px !important;}
	.text{color: #fff; margin: -8px 5px 1px 3px; text-align: justify;font-size:0.88em!important;  }
	.mue_desc{margin:-0.2em -0.5em 0 -1em;float:left;text-align:center;}
	.mue_desctitle{text-align:center;font-size: 0.85em!important;font-weight:bold}
	.mue_descsubtitle{font-size:0.80em!important;margin-top:2em }
	.mue_title2{font-size:0.9em!important;color:#3366ff;}
	.ipmagency_bar{margin-top:0.8em}
	.event_tengendago{font-size:0.6em}
	.ia_content{text-align:center;color:#333; margin-top:1em!important;font-size:0.8em!important;font-weight:bold;}
	.gallarypad { margin: -3em 0 0.5em 0!important;}
	.implagencylogo{margin-top:-1.5em;text-align:center}	
	.implagencylogo img{width:2.2em!important;height:2.2em!important;} 
	.customer-logos{ margin-top: -3.0em!important;}
	.info_color_counter {color: #c82c2c;font-size: 2.0em!important;font-family: 'DSDIGI' !important; text-align: center; }
	.info_view {  text-align: right;   margin-top: 1em !important;}

	/* publication Css */

	.publicationBoxMain{float:left;background-color:#efefef;margin-left:2em;width:30%;height:25em;padding:0.2em;
	border: 2px solid #ee813c;
	}
	.pub_line {
		line-height:0.5em;
		background-color: #ee813c;width:100%;
	}
	.pub_heding{
		text-align: center;width:100%;padding-top:0.3em;
	}

	.pub_heding h2 {
		font-size: 1.1rem;
		font-weight: 300;
	   color: #ee813c; background-color:#efefef;
		text-transform: uppercase;
		display: inline-block;   
		width: 100%;
		text-align: center;
	}
	.encart .pub_heding h2 a {
		color: inherit;
		text-decoration: none;
	}
	.pubboxborder{border-bottom: 1px dotted #ee813c;padding:0.5em 0 0.5em 0;width:100%}
	.pubTitle{color: #ee813c;font-size: 1em;text-align:left; }
	.pubDescription{color:#000;font-size:0.9em;text-align: justify !important;padding-top:1.5em}
	.pubimg{width:42%} 
	.pubDesc{width:54%;margin-left:0.5em}
	.pubiconpath{text-align:center;padding-top:0.5em}
	.pubreadmore{ text-align:right;font-size:0.7em;margin-top:0.5em}
	
/* Event Css */
	.event_heding{
		text-align: center;width:100%;padding-top:0.3em;
	}
	.event_heding h2 {
		font-size: 1.1rem;
		font-weight: 300;
	   color: #5e70d0; background-color:#efefef;
		text-transform: uppercase;
		display: inline-block;   
		width: 100%;
		text-align: center;
	}
/* Register Dam*/
	

	.reg_heding{
		text-align: center;width:100%;padding-top:0.3em;
	}

	.reg_heding h2 {
		font-size: 1.1rem;
		font-weight: 300;
	   color: #76b861; background-color:#efefef;
		text-transform: uppercase;
		display: inline-block;   
		width: 100%;
		text-align: center;
	}
	
	
}

@media only screen and (max-width:  551px) and (min-width: 401px)   {
	#maindashboard .dashboardmainpad{padding:1.5em; margin:0.1em 1em 0.1em 0.5em} 
	#maindashboard .dashboardheading{text-align:center;color:#000; font-size: 0.7em; font-weight:bold;}
	#maindashboard .divleft{ margin-top:1em;float:left }
	#maindashboard .infoColor{ font-size: 0.7em!important; }
	#maindashboard    .box1more { padding: 1.5em 0.2em 0 0.1em!important;   text-align: right;   font-weight: bold;    width: 11em;    font-size: 1.2em;}
	
.hi_hindi{width:100%;text-align:center}
.en_eng{width:100%;text-align:center}
.driplogo{width:10em;text-align:center}
 .ia_content{text-align:center;color:#333;width:16em; margin-top:-0.1px;font-size:0.8em;font-weight:bold;}
 .mue_GoI{width: 30%;text-align:center}
  .mue_title2{font-size:9px;color:#3366ff;}
  .implagency img{width:4em; height:3em;border:solid 2px #EFEFEF;position: relative;margin-right:0.2em}
  .mue_desc{margin:1em -1.5em 0 -1em;float:left;text-align:center; font-size:1em;}
  .mue_desc2{ margin:2em -5em 0 -5em;font-size:0.9em;font-weight:bold;border:solid 1px #FF0000;}  
  .mue_desctitle{margin:2em 0 0 2em;font-size:0.8em;font-weight:bold}
  .heading_DRI{font-size:0.8em;color:#fff;padding-top:1.5em;font-weight:bold}
  .circle1_text{color:#3366ff; font-size:0.65em;line-height:0.7em; margin-top:1.2em;margin-left:0.4em;width:90%;text-align:center }
  .circle1_text2{color:#3366ff;font-size:0.53em;line-height:0.7em; margin-top:0.9em; margin-left:0.3em;width:90%;text-align:center  }
  .circle1_text3{color:#3366ff;font-size:0.76em;line-height:0.73em; margin-top:0.7em;margin-left:0.4em;width:90%;text-align:center }
  .customer-logos{padding-top:1em}
  #myCarousel h4{font-size:0.8em;}
  .gallarypad{margin-bottom:1em!important}
  .container_image h5{font-size:0.75em}
  .gallarypad h3{ font-size:1.1em;padding-top: 2em;}
  .carousel-caption h4{font-size:1.2em}
  .heading_color_box{font-size:1.2em}
  .text{font-size:1em;}
  	.mainBox{width:100%;margin-top:-1.2em !important;}
.box1more{padding:1.5em 0.5em 0 5em;text-align:right;font-weight:bold; width:24em;font-size:1em}
.box2more{padding:4em 0.5em 0 0;text-align:right;font-weight:bold; width:24em;font-size:1em}
.box3more{padding:-1.5em 0.5em 1em 8.5em;text-align:right;font-weight:bold;font-size:1em}
.box4more{padding:-1.7em 0.8em 0 0;text-align:right;font-weight:bold;font-size:1em}
.box5more{margin-top:0.2em;text-align:right;font-weight:bold;font-size:1em}
.box6more{margin-top:2em;text-align:right;font-weight:bold;font-size:1em}
.divleft{margin-top:1em;}
.infoColor{font-size:0.9em!important}
.container-fluid h3{font-size:1.1em; margin-top:1.5em}
.implagency img {
    width: 3em;
    height: 3em;
    border: solid 2px #EFEFEF;
    position: relative;
    margin-right: 0.2em;
}
.eventMainSlide{line-height:1.0em;margin:0.2em 0 0.2em 0;height:12em;font-size:0.9em;text-align:justify;}  
.eventfont{font-size:1em;}
.eventfont2{font-size:0.9em; line-height:1.0em;}
.eventMainSlideheight{height:12em;}
.imgmargin{margin-top: -0.25em;}
.mainBoxRight{margin:1.0em 0 0.1em 0;}
.headingMainBox{margin-top: -0.38em;}
.empanelmentBox{font-size:0.85em; line-height:1em;}
.box3more{margin-top:-1.5em}
.mainBoxDiv{margin:1em}
.pageMainheading{padding-left:0.5em}
.buttonSizeContentBelow{font-size:0.9em;}
.map_info_div{ height: 17em; width: 15em;border: solid 1px #5e8bd3;   border-radius: 3%; }
.grievance_button{font-size:0.7em}
.contactImg{height: 25em;width:42em;margin-left:-1.0em;}
.navbar-nav{ line-height:0.3em;}
/**Login Code**/
    .modal-title { margin-bottom: 0.8em; line-height: 0.9; font-size: 1em; }
	.hover_bkgr_fricc > div {background-image: url('../images/cubes.png');box-shadow: 1em 1em 6em #555;
		display: inline-block;height: auto;	max-width: 22em;min-height: 6em;vertical-align: middle;
		width: 100%;position: relative;	border-radius: 0.5em;padding: 1em;	}
	#formlogin .login_tbl_box{  color: #000; font-size: 1em; height: 1.5em; width: 10em;  }
	.login_new { border: 1px solid #7f8c8d; float: left;border-radius: 0.2em;  padding: 0.5em; }
	.login_below_msg{font-size:0.9em; float:left; height: 1em; width:99%; padding-top:0.1em; font-style:italic }
	.btn_cont1{font-size:0.9em;height:2.5em}
	 /*Submit Feedback */	 
	 .FB_text { width:200px !important;  padding: 3px; font-size: 17px; margin: 3px;   }
	 .class_inner_div1 {  position: static;  margin: -13px 0 0 15px;  background-color: #1f618d;
    padding: 2px; width: 76%; color: #fff; font-size: 0.8em;  }
	.rating_stars img{ padding-left:0.5em; }
	.rating_stars_2 img	{ padding-left:0.5em; }
	.rating_stars_3 img	{ padding-left:0.5em; }
	.rating_stars_4 img	{ padding-left:0.5em; }
	.rating_stars_5 img	{ padding-left:0.5em; }
	.rating_numbers label{ padding-left:-0.1em; }
	.class_inner_div2 { position: static; margin: -0.8em 0 0 0.5em; background-color: #1f618d; padding: 2px; width: 70%; color: #fff; font-size: 0.8em; }
	.class_inner_div3 { position: static; margin: -0.8em 0 0 0.5em; background-color: #1f618d; padding: 2px; width: 94%;  color: #fff;  font-size: 0.8em; }
	.class_inner_div4 { position: static; margin: -0.8em 0 0 0.5em; background-color: #1f618d; padding: 2px; width: 93%;  color: #fff; font-size: 0.8em; }
	.class_inner_div5 { position: static; margin: -0.8em 0 0 0.5em; background-color: #1f618d; padding: 2px; width: 45%; color: #fff;  font-size: 0.8em; }	
	 
	 /*ISO feedback form */
	.isofbheading{width:100% ;margin:1em;}	
	.isofbheading h2{font-size:1.1em;}
	.isofbheading h4{font-size:0.9em;}
	#isofb {font-size:0.9em;margin-bottom:1em;width:98%;margin-left:-3em}
	#isofb .rating_numbers label{ padding-left: 2.5em !important; }
	#isofb  .rating_numbers{padding-top: 1em;margin-left: -45px;margin-bottom: -8px;width:24em}
	#isofb  .FB_text{ width: 3em;padding: 0.1em;font-size: 0.9em;	margin: 0.1em; }
	#isofb legend{font-size:0.95em;margin-top:0.2em;padding-left: 1.0em;} 
	#iso_email{margin-left:1em;width:100%;text-align:left}		
	#iso_email .login_tbl_box{width:15em;margin:0.2em;}
	#isofb .search_isofeedback{margin:2em;border:1px #ff0000; }
	#isofb .feedbackstar{height:2.5em; padding-left:6px;}
	#isofb .fb_btn_custm{font-size:1.2em;}
	#isofb .fb_remark_txtarea{width:100%; height:6.5em;margin-left:1em}
	#isofb  .fb_remark_txtarea2{width:100%;height: 6.5em;margin-left:1em}
	/* customer  feedback*/
	#customerfbform .input_text{margin:0.1em; padding:2px;width: 15em;}
    #customerfb .class_main_div{border:solid 1px #000;height:7em;width: 99%;margin:11px 0px 5px 2px}
    #customerfb .class_main_div2{border:solid 1px #000;height:7em;width: 5%;margin:0px 0px 5px 2px} 
    #customerfb .class_main_div3{border:solid 1px #000;height:8em;margin:0px 0px 5px 2px} 
	#customerfb .class_inner_div1{position:static;margin:-10px 0 0 5px;background-color:#1f618d;padding:0.2em; width: 95%;color:#fff;font-size:0.8em;}
	#customerfb .class_inner_div2{position:static;margin:-13px 0 0 5px;background-color:#1f618d;padding:2px; width: 45%;color:#fff;font-size:12px }
	#customerfb .class_inner_div3{position:static;margin:-13px 0 0 5px;background-color:#1f618d;padding:2px; width:87%;color:#fff;font-size:12px }
	#customerfb .class_inner_div4{ position: static;margin: -10px 0 0 1px; background-color: #1f618d;padding: 0.2em;width: 99%;color: #fff;font-size: 0.7em;}
	#customerfb .class_inner_div5{position:static;margin:-13px 0 0 5px;background-color:#1f618d;padding:2px; width:88%;color:#fff;font-size:12px }	
	#customerfb .rating_container{ background-color: #9bc6f2;width: 15em; height: 6em;	}
	#customerfb .rating_numbers label{ padding-left: 2em !important; }
	#customerfb .rating_numbers{font-size:1.0em!important; padding-top: 0.7em;margin-left: -1.5em;margin-bottom: -1em; }
	#customerfb .FB_text{ width: 30em;padding: 0.1em;font-size:1em;	margin: 0.1em; }
	#customerfb .feedbackstar{height:1.8em;padding-left: 0.6em;}
	#customerfb .customer_remark{width: 90%; height: 6em!important;; margin-left: 0.1em;}
    #customerfb .customer_remark2{width:23em; height:6em!important;;margin: 0.4em;}
	#service-request .login_tbl_box{ width:18em;margin:0.2em;	}
	/*after login*/
	        .afterlogtogal{margin: 0.1em 0 0 3em;}
	        #afterloginlinks{margin-left:-2em}
            #afterloginlinks ul li{
				font-size:0.8em;
			    line-height:0.9em;
			}
			.dropdown-submenu {
                position: relative;              		
            }

            .dropdown-submenu > a:after {
                content: " >";
				color:#ff0000;
				font-weight:bold;
            }

            .dropdown-submenu >.dropdown-menu {              
                left: 100%;               
                margin-left: 3em;
				border:solid 1px #D3D3D3;	
                margin-top:  -0.3em;					
            }
            .dropdown-submenu:hover > .dropdown-menu {
                display: block;			
				padding-left:-0.8em;				
            }
		/*********Profile popup**************/
		#dropElem {
		display: none;
		position: absolute;
		left: -15!important;
		top: -495!important;
		padding: 5px!important;
		background: #fff;
		z-index: 999;
		font-size: 15px;
		width: 470px!important;
		}
		.tabcontent {  padding: 6px 0px!important;	}
		#dropClose { right: -8px!important; }
	/****************home Tender**************/		
     .boxT{width:100%;margin-left:0.15em;}
	.sideT {line-height: 16px!important;  font-size: 0.9em!important;height:11em!important;  color: #fff; text-align: justify; user-select: none;}
	.tendertitle{width:65%;height:11em!important;float:left;padding:0.5em;font-size:0.9em!important;}
	.tendercost{width:35%;color:#000;float:left;padding:0.5em;text-align:center;}
	.tenderEstimetedcost{color: #3B3B98;font-weight:bold;font-size: 0.9em!important;margin-bottom:0.5em}
	.tenderdate{color:#3B3B98;font-weight:bold;margin-bottom:0.8em}	

}
@media only screen and (max-width:  400px) and (min-width: 300px)   {
	.welcometxt{padding-top:1.5em;margin-top:1.5em;font-weight:bold;}
	#maindashboard .dashboardmainpad{padding:1.5em; margin:0.1em 1em 0.1em 0.5em} 
	#maindashboard .dashboardheading{text-align:center;color:#000; font-size: 0.9em!important; font-weight:bold;}
	#maindashboard .dashboardsubheading{font-size:0.7em!important;color:#fff;}
	#maindashboard .divleft{ margin-top:1em;float:left }
	#maindashboard .infoColor{ font-size: 0.7em!important; }
	#maindashboard    .box1more { padding: 1.5em 0.2em 0 0.1em!important;   text-align: right;   font-weight: bold;    width: 11em;    font-size: 1.2em;}
	.dashboardMainheding{color:#000; font-size: 1rem;}	
	.projectglns{color:#1510b5;font-size: 0.9rem;}
	.hi_hindi{width:100%;text-align:center;padding-left:0.5em;}
	.en_eng{width:100%;text-align:center;padding-left:0.5em;}
	.govindiaMaindiv{width:100%;margin:0.5em 0.5em 1em -0.5em;}
	.jalsaktiMaindiv{width:100%;float:left;margin:-0.5em 0.5em 1em 2em;}
	.jalsansadhnMaindiv{width:90%;float:left;margin:-0.5em 0.5em 1em 2em;}
	.cwcMaindiv{width:100%;float:left;}
	.cwclogo{margin-left:-0.5em;height:40px}
	.worldbandMainDiv{width:100%;float:left;}
	.headertitleH0{font-size:0.8em;}
	.headertitleH1{font-size:1.0em;}
    .imgswlogo{width:6em;height:4em; }	
	.driplogo{width:11em;height:4em; text-align:center}
	.driplogoEvents{margin:1.0em -1em 0 0;width:3em}
	.ia_content{text-align:center;color:#333;width:10em; margin-top:1px;font-size:0.9em;font-weight:bold;}
	.mue_GoI{width: 20%;text-align:center}
  .mue_title2{font-size: 9px!important;color:#3366ff;width:100%}
  .implagency img{width:4em; height:3em;border:solid 2px #EFEFEF;position: relative;margin-right:0.2em}
  .mue_desc{margin:1em -0.5em 0 -1em;float:left;text-align:center; font-size:0.9em}
  .mue_desc2{ margin:2em -5em 0 -5em;font-size:0.9em;font-weight:bold}  
  .mue_desctitle{margin:2em 0 0 2em;font-size:0.8em;font-weight:bold}
  .mue_descsubtitle{font-size:0.9em;margin-top:2em }
  .heading_DRI{font-size:0.8em;color:#fff;padding-top:1.5em;font-weight:bold}
  .circle1_text{color:#3366ff; font-size:0.65em;line-height:0.7em; margin-top:1.2em;margin-left:0.4em;width:90%;text-align:center }
  .circle1_text2{color:#3366ff;font-size:0.53em;line-height:0.7em; margin-top:0.9em; margin-left:0.3em;width:90%;text-align:center  }
  .circle1_text3{color:#3366ff;font-size:0.76em;line-height:0.73em; margin-top:0.7em;margin-left:0.4em;width:90%;text-align:center }
  .customer-logos{padding-top:1.5em}
  .websitevisit{color:yellow;font-weight:bold;font-size:0.7em;height:2em}
  #myCarousel h4{font-size:0.8em;}
  .gallarypad{margin-bottom:1em!important}
  .container_image h5{font-size:0.75em}
  .gallarypad h3{font-size:1.0em;padding-top: 0.5em;}
  .carousel-caption h4{font-size:1.1em}
  .heading_color_box{font-size:1.1em}
  .text{color: #fff; margin: -5px 5px 1px 5px;  text-align: justify;  word-spacing: -1px }
    	
.box1more{padding:1.5em 0.2em 0 0.5em;text-align:right;font-weight:bold; width:14em;font-size:1.2em}
.box2more{padding:7.5em 0.5em 0 0;text-align:right;font-weight:bold; width:22em;font-size:0.9em}
.box3more{padding:1em 0.5em 1em 8.5em;text-align:right;font-weight:bold;margin-top:1em!important;font-size:0.9em}
.box4more{padding:0.5em 0.8em 0 0;margin-top:1em;text-align:right;font-weight:bold;font-size:0.9em}
.box5more{margin-top:0.2em;text-align:right;font-weight:bold;font-size:0.9em}
.box6more{margin-top:3em;text-align:right;font-weight:bold;font-size:0.9em}
.divleft{margin-top:1em;float:left;text-align: left;}
.infoColor{font-size:0.9em!important;line-height: 1.2em!important;padding:0.5em!important; }
.container-fluid h3{font-size:0.8em; margin-top:1.7em}
.implagency img {
    width: 3em;
    height: 3em;
    border: solid 2px #EFEFEF;
    position: relative;
    margin-right: 0.2em;
}
.eventMainSlide{line-height:1.0em;margin:0.2em 0 0.2em 0;height:11em;font-size:0.80em;text-align:justify;}  
.eventfont{font-size:0.8em;}
.eventfont2{font-size:0.7em; line-height:1.0em;}
.eventMainSlideheight{height:11em;}
.imgmargin{margin-top: -0.25em;}
.mainBox{width:100%;margin-top:-1.8em !important;}
.mainBoxRight{margin:1.0em 0 0.1em 0;}
.headingMainBox{margin-top: -0.3em;}
.info_color_title{font-size:0.8em;margin-top:-0.5em}
.empanelmentBox{font-size:0.85em; line-height:1em;}

.mainBoxDiv{width:95%}
.pageMainheading{padding-left:0.5em}
.buttonSizeContentBelow{font-size:0.6em;}
.grievance_headingpad{color:#fff;padding-top:2em!important}	
.grievance_button{font-size:0.6em}
.contactImg{height: 25em;width:42em;margin-left:-1.5em;}
.navbar-nav{ line-height:0.3em;}
.my-navbar{font-size:0.8em; line-height: 1.1;}
.navbar-nav .nav-item{ line-height:0.3em;}
#collapsibleNavbar li:first-child{
   padding-top:3.5em;
}
.copy p{
	color: #ffffff;
	font-size: 0.7em;
	line-height: 1.5em;
}
.footer1_bg{margin-bottom:2em}
/**Login Code**/
    .modal-title { margin-bottom: 0.5em; line-height: 0.9; font-size: 0.9em; }
	.hover_bkgr_fricc > div { background-image: url('../images/cubes.png');	box-shadow: 1em 1em 6em #555;display: inline-block;	height: auto;max-width: 16em;min-height: 5em;vertical-align: middle;
		width: 100%;position: relative;border-radius: 0.5em;padding: 1em;	}
	#formlogin .login_tbl_box {  color: #000; font-size: 1em;  height: 1.5em;  width: 9em;    }
	 .login_new { border: 1px solid #7f8c8d; float: left;border-radius: 0.2em;  padding: 0.1em; 
      margin: -0.2em;   }
	 .login_below_msg{font-size:0.7em;float:left; height: 1em; width:99%; padding-top:0.1em; font-style:italic }
	 .btn_cont1{font-size:0.7em;height:2.9em}
	 #response_bought_theme{margin-top:1em}
	/*Submit Feedback */	 
	 .FB_text { width:135px !important;  padding: 3px; font-size: 17px; margin: 3px;   }
	 .class_inner_div1 {  position: static;  margin: -13px 0 0 15px;  background-color: #1f618d;
    padding: 2px; width: 76%; color: #fff; font-size: 0.8em;  }
	.rating_stars img{ padding-left:0.5em; }
	.rating_stars_2 img	{ padding-left:0.5em; }
	.rating_stars_3 img	{ padding-left:0.5em; }
	.rating_stars_4 img	{ padding-left:0.5em; }
	.rating_stars_5 img	{ padding-left:0.5em; }
	.rating_numbers label{ padding-left:-0.1em; }
	.class_inner_div2 { position: static; margin: -0.8em 0 0 0.5em; background-color: #1f618d; padding: 2px; width: 70%; color: #fff; font-size: 0.8em; }
	.class_inner_div3 { position: static; margin: -0.8em 0 0 0.5em; background-color: #1f618d; padding: 2px; width: 94%;  color: #fff;  font-size: 0.8em; }
	.class_inner_div4 { position: static; margin: -0.8em 0 0 0.5em; background-color: #1f618d; padding: 2px; width: 93%;  color: #fff; font-size: 0.8em; }
	.class_inner_div5 { position: static; margin: -0.8em 0 0 0.5em; background-color: #1f618d; padding: 2px; width: 45%; color: #fff;  font-size: 0.8em; }
    /*ISO feedback form */
	.isofbheading{width:100% ;margin:1em;}	
	.isofbheading h2{font-size:1.1em;}
	.isofbheading h4{font-size:0.9em;}
	#isofb {font-size:0.9em;margin-bottom:1em;width:98%;margin-left:-3em}
	#isofb .rating_numbers label{ padding-left: 2.5em !important; }
	#isofb  .rating_numbers{padding-top: 1em;margin-left: -45px;margin-bottom: -8px;width:24em}
	#isofb  .FB_text{ width: 3em;padding: 0.1em;font-size: 0.9em;	margin: 0.1em; }
	#isofb legend{font-size:0.9em;margin-top:0.2em;padding-left: 1.0em;} 
	#iso_email{margin-left:2em;width:100%;text-align:left}	
	#iso_email .login_tbl_box{width:15em;margin:0.2em;}
	#isofb .search_isofeedback{margin:2em;border:1px #ff0000; }
	#isofb .feedbackstar{height:2.5em; padding-left:6px;}
	#isofb .fb_btn_custm{font-size:1.0em;}
	#isofb .fb_remark_txtarea{width:100%; height:6.5em;margin-left:1em}
	#isofb  .fb_remark_txtarea2{width:100%;height: 6.5em;margin-left:1em}
    /* customer  feedback*/	
	#customerfbform .input_text{margin:0.1em; padding:2px;width:10em }
     #customerfb .class_main_div{border:solid 1px #000;height:8em;width: 99%;margin:11px 0px 5px 2px}
    #customerfb .class_main_div2{border:solid 1px #000;height:8em;width: 5%;margin:0px 0px 5px 2px} 
	  #customerfb .class_main_div3{border:solid 1px #000;height:9em;margin:0px 0px 5px 2px} 
	#customerfb .class_inner_div1{position:static;margin:-10px 0 0 5px;background-color:#1f618d;padding:0.2em; width: 95%;color:#fff;font-size:0.8em;}
	#customerfb .class_inner_div2{position:static;margin:-13px 0 0 5px;background-color:#1f618d;padding:2px; width:88%;color:#fff;font-size:12px }
	#customerfb .class_inner_div3{position:static;margin:-13px 0 0 5px;background-color:#1f618d;padding:2px; width:87%;color:#fff;font-size:12px }
	#customerfb .class_inner_div4{ position: static;margin: -17px 0 0 1px;background-color: #1f618d;padding: 0.2em;width: 91%;color: #fff;font-size: 0.6em; }
	#customerfb .class_inner_div5{position:static;margin:-13px 0 0 5px;background-color:#1f618d;padding:2px; width:88%;color:#fff;font-size:12px }	
	#customerfb .rating_container{ background-color: #9bc6f2;width: 10em; height: 6em;	}
	#customerfb .rating_numbers label{ padding-left: 1.1em !important; }
	#customerfb .rating_numbers{font-size:1.0em!important; padding-top: 0.7em;margin-left: -1.5em;margin-bottom: -1em; }
	#customerfb .FB_text{ width: 30em;padding: 0.1em;font-size:1em;	margin: 0.1em; }
	#customerfb .feedbackstar{height:1em;padding-left: 0.6em;}
	#customerfb .customer_remark{width: 90%; height: 6em; margin-left: 0.1em;}
    #customerfb .customer_remark2{width:16em; height:6em;margin: 0.4em;}	
	#service-request .login_tbl_box{ width:12em;margin:0.2em;	}
	.TextBoxArea{width:17em}
	/*after login*/
	.afterlogtogal{margin: 0.1em 0 0 0.5em;}
	#afterloginlinks{margin-left:-1.8em}
	#afterloginlinks ul li{
		font-size:0.8em;
		line-height:0.8em;
	}
	.dropdown-submenu {
		position: relative;              		
	}
	.dropdown-submenu > a:after {
		content: " >";
		color:#ff0000;
		font-weight:bold;
	}
	.dropdown-submenu >.dropdown-menu {              
		left: 100%;               
		margin-left: 1em;
		border:solid 1px #D3D3D3;	
		margin-top:  -0.3em;					
	}
	.dropdown-submenu:hover > .dropdown-menu {
		display: block;			
		padding-left:-0.8em;				
	}
	/*********Profile popup**************/
	#dropElem {
    display: none;
    position: absolute;
    left: -10!important;
    top: -495!important;
    padding: 5px!important;
    background: #fff;
    z-index: 999;
    font-size: 15px;
    width: 313px!important;
	}
	.tabcontent {  padding: 6px 0px!important;	}
	#dropClose { right: -8px!important; }
	/****************home Tender**************/	
	.boxT{width:100%;margin-left:0.15em;}
	.sideT {line-height: 16px!important;  font-size: 0.9em!important;height:11em!important;  color: #fff; text-align: justify; user-select: none;}
	.tendertitle{width:65%;height:11em!important;float:left;padding:0.5em;font-size:0.9em!important;}
	.tendercost{width:35%;color:#000;float:left;padding:0.5em;text-align:center;}
	.tenderEstimetedcost{color: #3B3B98;font-weight:bold;font-size: 0.9em!important;margin-bottom:0.5em}
	.tenderdate{color:#3B3B98;font-weight:bold;margin-bottom:0.8em}	
	
	/* publication Css */

	.publicationBoxMain{background-color:#efefef;margin:1em 0 1em 0.3em;width:100%;height:28em;padding:0.2em;border: 2px solid #ee813c;
	}
	.pub_line {
		line-height:0.5em;
		background-color: #ee813c;width:100%;
	}
	.pub_heding{
		text-align: center;width:100%;margin-top: -0.9em;
	}

	.pub_heding h2 {
		font-size: 1.3rem;
		font-weight: 300;
	   color: #ee813c; background-color:#efefef;
		text-transform: uppercase;
		display: inline-block;   
		width: 100%;
		text-align: center;
	}
	.encart .pub_heding h2 a {
		color: inherit;
		text-decoration: none;
	}
	.pubboxborder{border-bottom: 1px dotted #ee813c;padding:0.5em 0 0.5em 0;width:100%}
	.pubTitle{color: #ee813c;font-size: 1em;text-align:left; }
	.pubDescription{color:#000;font-size:0.9em;text-align: justify !important;padding-top:1.5em}
	.pubimg{width:42%} 
	.pubDesc{width:54%;margin-left:0.5em}
	.pubiconpath{text-align:center;padding-top:0.5em}
	.pubreadmore{ text-align:right;font-size:0.7em;margin-top:0.5em}
	
/* Event Css */

	.eventMain{background-color:#efefef;width:100%; height:28em;margin:1em 0 1em 0.3em;padding:0.2em;
	border: 2px solid #5e70d0;}

	.event_line {
		line-height:0.5em;
		background-color: #5e70d0;width:100%;
	}
	.event_heding{
		text-align: center;width:100%;margin-top: -0.9em;
	}
	.event_heding h2 {
		font-size: 1.3rem;
		font-weight: 300;
	   color: #5e70d0; background-color:#efefef;
		text-transform: uppercase;
		display: inline-block;   
		width: 100%;
		text-align: center;
	}
	.encart .event_heding h2 a {
		color: inherit;
		text-decoration: none;
	}
	.boxMargin{padding:0.2em;margin:0.2em;}
	.padne{margin-top:-0.5em;color: #044666;font-weight: bold;background: #fff;margin-left: 2px; font-size: 16px;}
	.marque-height{height:20em;overflow:hidden}
	.eventBox{background: #5e70d0;color:#fff;margin-top:0.5em;text-align:left;margin-left:-0.2em;}
	.boxborder{border-bottom: 1px dotted #5e70d0;padding:0.5em 0 0.5em 0}

/* Register Dam*/
	.registerMain{background-color:#efefef;width:100%;height:29.5em;margin:1em 0 1em 0.3em;padding:0.2em;border: 2px solid #76b861;}
	.contenu{margin-top:1em}

	.reg_line {
		line-height:0.5em;
		background-color: #76b861;width:100%;
	}

	.reg_heding{
		text-align: center;width:100%;margin-top: -0.9em;
	}

	.reg_heding h2 {
		font-size: 1.3rem;
		font-weight: 300;
	   color: #76b861; background-color:#efefef;
		text-transform: uppercase;
		display: inline-block;   
		width: 100%;
		text-align: center;
	}
	.encart .reg_heding h2 a {
		color: inherit;
		text-decoration: none;
	}
	
}
/******************************************************************************************/