/* CSS Document */

@font-face {
	font-family:"Open Sans";
	src:url("href="//fonts.googleapis.com/css?family=Open+Sans),
	font-weight:normal;
	font-style:normal;
	}

*{ margin:0; padding:0; }
html{ height:100%; }
table, tbody, tfoot, td, th{          border-spacing: 10px;border:0; border-collapse:collapse; }
ul, ol, li{ list-style-type:none; }
img{ border:0; }
p{ margin:10px 0 14px 0; color:#000000; }
h1, h2, h3, h4, h5, h6{ margin:5px 0 10px 0; font-weight:bold; color:#5f7dc3; }
h1{ font-size:30px; }
h2{ font-size:24px; line-height:30px;}
h3{ font-size:22px; color:#0b5394;}
h4{ font-size:20px;  color:#5f7dc3;}
h5{ font-size:18px; }
h6{ font-size:16px; }

.red{color:#0b5394;}
.text_center{text-align:center;}
.left{
	margin:0 15px 6px 0;
	float:left;
	}
	
.right{ 
	margin:0 0 6px 15px; 
	float:right; 
	}
.blue{color:#5f7dc3;}	
.clear{ clear:both; }
.clear1{ clear:both; padding:10px 0; }

.border{ border:4px solid #fff; }
.border1{ border:4px solid #c3c3c3; }

.ul{ margin:0 0 0 15px; }
.ul li{ padding:0 0 3px 5px; list-style-type:square; line-height:17px; }
.ul li a{text-decoration:none; color:#4d4d4d;}
.ul li a:hover{text-decoration:underline; color:#4d4d4d;}

.ul-links li a{text-decoration:none; color:#0b5394; font-size:16px;}
.ul-links li a:hover{text-decoration:underline; color:#4d4d4d;}

.ul-deci li{list-style-type:decimal; padding:0 0 5px 0px;  margin:10px 0 0 35px; font-weight:600;}

.deci li{list-style-type:decimal; padding:0 0 5px 0px;  margin:10px 0 0 25px; font-size:13px;}

.forms li{list-style-type:disc; padding:0 0 5px 0px;  margin:10px 0 0 25px;}
.forms li a{font-size:14px; text-decoration:none; color:#5f7dc3; padding-left:10px;}
.forms li a:hover{text-decoration:underline; color:#CD072F;}

.ul1{ margin:10px 0 0 35px; }
.ul1 li{ padding:0 0 5px 5px; list-style-type:square; line-height:17px; }

.kyc li{ padding:0 0 3px 5px; list-style-type:square; line-height:17px; margin-left:25px; font-weight:normal;}
.kyc-alpha li{ padding:0 0 3px 5px; list-style-type:lower-alpha; line-height:17px; margin-left:25px; font-weight:normal;}

.hr{ border-top:1px dashed #dadada; height:1px; border-bottom:1px dashed #F2F2F2; }
  
body{ 
	font-family:"Open Sans"; 
	font-size:12px; 
	line-height:20px; 
	color:#4d4d4d; 
	background:#FFF; 
	}
#wrapper{ 
	width:100%;
	height:auto; }

header{ 
	width:100%; 
	height:auto; 
	margin:0px;
	padding: 0 0 0 0;
	background:#badcfe;
	}

.inner_header{
	width:1000px; 
	height:110px; 
	margin:0 auto;
	border:0px solid #f00;
	}
	
	
	.header-logo
{
	 position: absolute;
 top: 0px;
    z-index: 999;
  padding:7px 0 5px 1px;
  float: left;
}

.logo-name{
       padding-top: 12px;
	       padding-left: 69px;
}

.society-icon{
margin-top:-5px;
}

.society{
    display: inline-block;
    padding-left: 100px;
    font-size: 16px;
	font-weight: bold;
    color: #370acd;
    font-family: 'Gotham1';
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: 0;
    padding-top: 6px;
	padding-bottom: 6px;
    line-height: 24px;
}

.societyk{
    display: inline-block;
    padding-left: 100px;
    font-size: 26px;
	font-weight: bold;
    color: #d1111b;
    font-family: 'Gotham1';
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: 0;
    padding-top: 0;
		padding-bottom: 6px;

    line-height: 24px;
}

.est{
    display: inline-block;
    font-size: 14px;
    color: #00164e;
    font-family: 'Gotham1';
    text-transform: uppercase;
    padding-top: 0px;
    float: right;
    padding-right: 9%;
}
.logo-name{
       padding-top: 12px;
	       padding-left: 69px;
}

	
.header_top{
	width:1000px;
	height:30px;
	padding:0 20px 0 0;
	border:0px solid #5f7dc3;
	}
	
.uplink{}

.uplink ul{ float:right;}
	
.uplink ul li{
	 display:inline-block; 
	 overflow:hidden; 
	 border-right:1px solid #4d4d4d;
	 }
	 
.uplink ul li a{ 
	padding:0 11px; 
	text-decoration:none;
	color:#4d4d4d; 
	}
	
.uplink ul li a:hover{ 
	padding:0 11px;
	text-decoration:underline; 
	color:#5f7dc3; 
	}
	
.uplink ul li:last-child{ border-right:none; }

.pill{
	display:block;
	width:105px;
	padding:0px 10px;
	background:#5f7dc3;
	text-align:center;
	border-radius:10px;}
.pill a{
	color:#fff;
	text-decoration:none;}
.pill a:hover{
	text-decoration:underline;
	color:#fff;
	}	

.header_bottom{
	width:1000px;
	height:80px;
	border:0px solid #f01254;
	}	
	
nav{
	width:100%; 
	height:auto;
	background:#5f7dc3; 
	border:0px solid #f00;
	border-bottom:2px solid #fff; 
	position:relative;
	z-index:11;
	}
nav .menu{
	width:1000px; 
	height:35px; 
	margin:0 auto; 
	border:0px solid #f00; 
	overflow:hidden; 
	}
	
nav .menu ul{ 
	text-align:center; 
	}
	
nav .menu ul li{
	 display:inline-block; 
	 font-size:15px;
	 height:35px; 
	 line-height:35px; 
	 overflow:hidden; 
	 border-right:1px solid #fff;
	 }
	 
nav .menu ul li a{ 
	display:block; 
	padding:0 11px; 
	text-decoration:none;
	color:#fff; 
	}
	
nav .menu ul li a:hover, nav .menu ul li a.hover{ 
	display:block; 
	padding:0 11px; 
	background:#fff; 
	color:#5f7dc3; 
	
	}

nav .menu ul ul{ display:none; }

nav .menu ul li:hover ul{ 
	display:block; 
	position:absolute;
	z-index:9999; 
	}
	
nav .menu ul li:hover ul li{
	display:list-item; 
	height:35px; 
	line-height:35px;
	background:#5f7dc3;
	text-align:left; 
	border-top:1px solid #fff;
	border-right:none;
	 }
	 
nav .menu ul li:last-child{ border-right:none; }

.banner{
	width:100%;
	height:280px;
	background:img\banner_back.jpg no-repeat;
	position:relative;z-index:10;
	}
	
.banner_left{
	width:280px;
	height:280px;
	float:left;}
	
.banner_right{
	width:650px;
	height:280px;
	float:right;
	position:relative;
	margin:10px 60px 0 0;}
	
.body_wrapper{
	width:100%;
	height:auto;
	}	
	
.grey_background{
	width:100%;
	height:auto;
	background:#e6e6e6;
	}
	
.marqee{
	font-size:14px;
	color:#0b5394;}
	
.body_content{ 
	width:1200px; 
	height:auto; 
	margin:0 auto; 
	padding:5px 50px 10px 50px; 
	border:0px solid #000; 
	overflow:auto; 
	}	
	
.content1{width:460px; height:auto; border:0px solid #f00; 	overflow:hidden; margin:10px 10px 0 0;}	
.content2{width:480px; height:auto;  margin:-410px 10px 0 10px; border:0px solid #f00; float:right}	
				
	
	
.bg-red{background:#badcfe;}
.bg-purple{background:#5B9BD5;}
.bg-tortoise{background:#F4B083;}
.bg-orange{background:#70AD47;}
.bg-blue{background:#5f7dc3;}

.bg-lt-red{background:#ffb7a7;}
.bg-lt-purple{background:#9CC2E5;}
.bg-lt-tortoise{background:#ED7D31;}
.bg-lt-orange{background:#A8D08D;}
.bg-lt-blue{background:#f4faff;}

.small{
	font-size:12px !important;
}

.alt2{
	background-color:#9CC2E5;
}
.alt3{
	background-color:#A8D08D;
}
.alt4{
	background-color:#aee2ff;
}


.col1{
	width:290px;
	height:auto;
	float:left;
	padding:20px 100px 100px 100px ;
	border:0px solid #a5aeb5;
	margin:10px 32px 10px 0;
	border-radius:12px;
	}
	
.col2{
	width:290px;
	height:auto;
	float:left;
	padding:20px 100px 100px 100px ;
	border:0px solid #a5aeb5;
	border-radius:12px;
	margin:10px 0;
	}
.col_head{
	width:290px;
	height:10px;
	font-size:16px;
	font-weight:600;
	color:#fff;
	margin:-8px 0 2px -5px;
	padding:10px 10px 20px 10px;;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	}	
	
	.col_head2{
	width:295px;
	height:auto;
	font-size:20px;
	font-weight:600;
	color:#fff;
	margin:-8px 0 0 -5px;
	padding:15px 10px 20px 0px;;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	}	
	
.home_p{font-size:13px; line-height:23px; text-align:justify;}
	
.span_head{  }
.span_head img{ 
	width:30px; 
	height:25px;
	vertical-align:text-top;
	padding:1px 10px 5px 1px; 
	float:left;
	}
	
.read_more a{
	color:#0b5394;
	float:right;
	font-style:italic;
	text-decoration:none;
	padding:0 10px 0 0;
	}	
.read_more a:hover{
	color:#5f7dc3;
	font-style:italic;
	}
.body_left{
	width:650px;
	height:AUTO;
	padding:5px 10px;
	margin:0px 32px 0px 0;
	float:left;
	border:0px solid #f00; 
	}
	
.body_right{
	width:350px;
	height:auto;
	float:right;
	}
	
.news{	
	width:290px;
	height:201px;
	float:right;
	border:0px solid #a5aeb5;
	border-radius:10px;
	padding:8px;
	margin:0px 5px 2px 5px;
	}
	
.branch{
	width:290px;
	height:175px;
	float:right;
	background:#fff;
	border:1px solid #a5aeb5;
	border-radius:12px;
	padding:10px;
	margin:15px 0 0 0;}		
	
.bottom_col1{
	width:290px;
	height:180px;
	float:left;
	padding:10px;
	border:1px solid #a5aeb5;
	margin:10px 32px 10px 0;
	border-radius:12px;
	}
	
.bottom_col2{
	width:290px;
	height:180px;
	float:left;
	padding:10px;
	border:1px solid #a5aeb5;
	border-radius:12px;
	margin:10px 0;
	}	

.shift_right{
	float:right;
	text-align:left;
	padding: 0 25px 0 0px;}
	
.contact-shift{
	float:right;
	text-align:left;
	padding: 0 100px 0 0px;}	
	
	* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

	
footer{
	width:100%;
	height:auto;
	background:#272727;
	color:#fff;
	}	

.ftr_col1{
	width:250px;
	height:auto;
	float:left;
	padding:0 10px;
	margin-right:32px;
	border:0px solid #a5aeb5;
	}
	
.ftr_col2{
	width:360px;
	height:auto;
	float:right;
	padding:0 10px;
	border:0px solid #a5aeb5;
	}
.quick_links{}
.quick_links a{text-decoration:none; color:#fff;}	
.quick_links a:hover{text-decoration:underline; color:#fff;}

.copyright{
	width:100%;
	height:60px;
	background:#5f7dc3;
	color:#fff;
	
	}
	
.branch{
	width:1000px; 
	height:auto; 
	margin:0 auto; 
	padding:5px 10px; 
	border:0px solid #f00; 
	overflow:hidden; 
	}
	
.branch_col1{
	width:290px;
	height:auto;
	padding:10px;
	margin:10px 30px 0 0;
	border:0px solid #f00;
	border-radius:5px;
	background:#ffde00;
	text-align:center; 
	float:left;
	box-shadow: 2px 2px 1px #999;
	}
	
.branch_col1k{
	width:290px;
	height:auto;
	padding:10px;
	margin:10px 23px 0 0;
	border:0px solid #f00;
	border-radius:5px;
	background:#ffde00;
	text-align:center; 
	float:left;
	box-shadow: 2px 2px 1px #999;
	}
.branch_col2{
	width:290px;
	height:auto;
	padding:10px;
	margin:10px 10px 10px 0px;
	border:0px solid #f00;
	border-radius:5px;
	background:#ffde00;
	text-align:center; 
	float:right;
	box-shadow: 2px 2px 1px #999;
	}	
	
.branch_col2k{
	width:290px;
	height:auto;
	padding:10px;
	margin:10px 10px 10px 0px;
	border:0px solid #f00;
	border-radius:5px;
	background:#ffde00;
	text-align:center; 
	float:right;
	box-shadow: 2px 2px 1px #999;
	}	
		
.contact-body{
	width:1100px;
	height:auto;
	margin:20px 20px 0px;
	float:left;
	}
.contact-left{
	width:500px;
	height:auto;
	margin-right:20px;
	float:left;
	}	
.contact-right{
	width:350px;
	height:auto;
	float:left;
	}	
	
.contact{
	margin:20px 0 10px 0; 
	width:900px; 
	height:auto; 
	border:0px solid #f00; }
	
.contact table{ font-size:15px; }
.textfield{ border:1px solid #4d4d4d; height:30px; width:400px; border-radius:2px; }
.textarea{ border:1px solid #4d4d4d; height:60px; width:400px; border-radius:2px; }
.sub{ padding:7px 25px; cursor:pointer;}	
select{width:300px; height:30px;}	
	
/*table style for deposit	*/
.death table tbody td:first-child { text-align:center; }
.death table tbody td:last-child { text-align:right; padding-right:25px; }

.datagrid table { 
	border-collapse: collapse; 
	text-align: left; 
	width: 100%;
	} 
.datagrid {
	font: normal 12px/150% Arial, Helvetica, sans-serif; 
	background: #fff; 
	overflow: hidden; 
	border: 1px solid #006699; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	margin-bottom:10px;
	}

.datagrid table td, .datagrid table th { padding: 5px 7px; }

.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699; 
	color:#FFFFFF; 
	font-size: 16px; 
	font-weight: bold; 
	         border-spacing: 3px;

	border-left: 1px solid #0070A8; } 
	
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 14px;font-weight: normal; }
.datagrid table tbody .altred td { color: #f00; }
.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEF4;} 
.datagrid table tfoot td { padding: 0; font-size: 12px } 
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }	

.kannada{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:25px;}
	
	.kannadab{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:25px;
	font-weight:bold;}
	
.kannada a{font-size:16px;
	color:#5f7dc3;
	text-decoration:none;
	font-weight:bold;}	
	
.kannada a:hover{color:#0b5394;
	text-decoration:underline;}	

.award1{ width:350px; height:auto; float:left; border:0px solid #f00; margin:0 30px 0 0; }
.award2{ width:350px; height:auto; float:left; border:0px solid #f00; margin:0 30px 0 0; }
.award1 img, .award2 img{ width:350px; height:230px; border:3px solid #ebebeb;}
	
.gal1{ width:227px; height:auto; float:left; border:0px solid #f00; margin:0 30px 0 0; }
.gal3{ width:227px; height:auto; float:left; border:0px solid #f00; margin:0 0px 0 0; }
.gal4{ width:227px; height:auto; float:right; border:0px solid #f00; margin:0 0px 0 0; }
.gal1 img, .gal3 img, .gal4 img{ width:221px; height:147px; border:3px solid #ebebeb; }

.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;}

.board-members{border:1px solid #006699; margin-top:15px; border-radius:10px; padding:0px;}	
.board-members h3{padding:10px 0 10px 50px; border-bottom:1px solid #006699; background-color:#006699; color:#fff; margin:0px; border-top-left-radius:8px;border-top-right-radius:8px;}

.board a{text-decoration:none; color:#006699;}
.board a img:hover{background:#006699;}

.top a{ width:50px; height:auto; line-height:10px; position:fixed; bottom:15%; right:5%; background:#fe4343; display:block; text-align:center; z-index:1; padding:10px 0; color:#fff; text-decoration:none;}
.top a:hover{background:#006699;}

.top-kyc a{ width:50px; height:auto; line-height:10px; position:fixed; bottom:7%; right:5%; background:#006699; display:block; text-align:center; z-index:1; padding:10px 0; color:#fff; text-decoration:none;}
.top-kyc a:hover{background:#fe4343;}


.back a{ width:50px; height:auto; line-height:10px; position:fixed; bottom:8%; right:5%; background:#006699; display:block; text-align:center; z-index:1; padding:10px 0; color:#fff; text-decoration:none;}
.back a:hover{background:#fe4343;}


.apply_online{ width:150px; height:50px; line-height:50px; position:fixed; bottom:120px; right:0; background:#fe4343; display:block; border-top-left-radius:15px; border-bottom-left-radius:15px; text-align:center; z-index:1;}
.apply_online a{font-size:16px; font-weight:normal; color:#fff; text-decoration:none; }
.apply_online a:hover{color:#fff; background:#006699; display:block;  border-top-left-radius:15px; border-bottom-left-radius:15px; text-decoration:underline; }
#gallery h3{line-height:35px;}

#form-left{width:500px; height:auto; float:left;}
#form-right{width:500px; height:auto; float:right;}


.datagrid2 {
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
    border: 1px solid #006699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 12px;
    margin-bottom: 10px;
}


.box1{
	border-radius:8px; width:270px;  margin: -10px 0 0 3px; padding: 5px 3px 0px 3px;
}
 .box2{
	border-radius:8px; width:270px;  margin: -10px 0 0 3px; padding: 5px 0px 0px 3px;
}
 .box3{
border-radius:8px; width:270px;  margin: -10px 0 0 7px; padding: 5px 3px 0px 3px;    min-height: 294px;
}
 .box4{
border-radius:8px; width:270px; margin: -10px 0 0 -7px; padding: 5px 10px 5px 7px;
}


/*--------------------------------------------------------------
	Gallery
--------------------------------------------------------------*/
.gallery-item {
  position: relative;
  text-align: center;
  margin: 0 0 20px;
}

.gallery-image {
  position: relative;
  overflow: hidden;
}

.gallery-image a.gallery {
  position: relative;
  display: block;
}

.gallery-image img {
  display: block;
  overflow: hidden;
  width: 100%;
}

.gallery-image:after {
  position: absolute;
  background: transparent;
  content: " ";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.gallery-caption {
  position: absolute;
  width: 100%;
  opacity: 0;
  bottom: 100%;
  left: 0;
  z-index: 2;
  text-align: center;
  font-size: 28px;
  color: #fff;
  padding: 20px;
}

.gallery-icon {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  height: 50px;
  width: 50px;
  font-size: 24px;
  margin: 0 auto;
}

.gallery-icon i,
.gallery-icon span {
  line-height: 50px;
}

/* Gallery hover */
.gallery-item:hover .gallery-image:after {
  background: rgba(0, 0, 0, 0.6);
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}