/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@font-face {
	font-family: SWZ721CFont;
	src: url("../fonts/SWZ721C.eot") /* EOT file for IE */
}
@font-face {
	font-family: SWZ721CFont;
	src: url("../fonts/SWZ721C.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
	font-family: SquareFont;
	src: url("../fonts/Square721_BdEx_BT_Bold.eot") /* EOT file for IE */
}
@font-face {
	font-family: SquareFont;
	src: url("../fonts/Square721_BdEx_BT_Bold.ttf") /* TTF file for CSS3 browsers */
}
html, body {
	height: 100%;
	font-family: "Roboto", Georgia, "Times New Roman", Times, serif;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-size:1rem;
}
a {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
/* Home Page Carousel */

header.carousel {
	height: 75%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;
}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
/* 404 Page Styles */

.error-404 {
	font-size: 100px;
}

/* Footer Styles */

footer {
	margin: 0;
}
.header {
	clear: both;
	/*background-color: #ce090f;
    background-color: #fff;*/
    background: linear-gradient(180deg, #d5f1ff, #ffffff);
	color: #008dd4;
	z-index: 152;
	position: relative;
	font-size:14px;
    border-top: 3px solid #008dd4;
}
.header a {
	color: #008dd4;
}
.header a:hover {
	color: #02c007;
}
.bg-footer {
	background-color: #0078b4;
	color: #dfdfdf;
	padding: 8px 0px;
	line-height: 20px;
	font-size: 12px;
	list-style-image: url(../images/larrow.png);
}
.bg-footer a {
	color: #dfdfdf;
	text-decoration: none;
}
.bg-footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	list-style-image: url(../images/larrow.png);
}
.bg-footer li {
	padding: 2px 0px;
}
.bg-footer a:hover {
	color: #CCCCCC;
}
.bg-copyright {
	background-color: #008dd4;
	color: #dfdfdf;
	font-size: 11px;
	padding: 15px 0px;
	border-top:solid 1px #687567;
}
.bg-copyright a {
	color: #dfdfdf;
	text-decoration: none;
}
.bg-copyright a:hover {
	color: #CCCCCC;
}

h2 {
	margin: 0px;
	font-size: 35px;
	font-weight: bold !important;
	padding: 12px 0px;
	margin: 8px 0px;
	font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
		/*background: url(../images/title_line.png) no-repeat;*/
	background-position: center bottom;
	display:inline-block;
	padding: 12px 0px;
	margin: 8px 0px;
    font-weight: bold;
    color: #008dd4;
}

h4 {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif;
	background: url(../images/yellow_line.gif) no-repeat;
	background-position: left bottom;
	padding: 8px 0px;
	margin: 8px 0px;
}
.bg-footer h4 {
	font-size: 18px;
	color: #fff
}
.cpad {
	padding: 25px 0px;
    background: linear-gradient(180deg, #bff9ce, #ffffff);
}
.cpad2 {
	padding-bottom: 45px;
	padding-top:20px;
}
.tab-content {
	background-color: #fff !important;
	margin: 0px;
}
.nav-tabs {
	margin: 0px;
	border: 0px;
	margin-bottom: -1px;
	background-color:#0086c4;
}
#flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
	padding-left: 30px;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 51px;
	height: 51px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: -30px;
	top: 50px;
	background: url(../images/r-arrow.png) no-repeat;
}
.nbs-flexisel-nav-right {
	right: -50px;
	top: 50px;
	background: url(../images/l-arrow.png) no-repeat;
}

.msg {
	background-color: #fff;
	color: #363636;
}
ul.msg_box {
	padding: 0;
	list-style: none;
	margin: 0px;
}
ul.msg_box li.msg_img {
	float: left;
	width: 18%;
	margin-right: 5px;
}
ul.msg_box li.msg_desc {
	float: left;
	width: 80%;
}
ul.msg_box li.msg_desc2 {
	float: left;
	width: 88%;
}
ul.msg_box li.msg_desc h4 {
	color: #0e8cc0;
	margin:0px;
	padding:0px;
	background-image:none;
	text-transform: none;
}
ul.msg_box li.msg_desc h4 a {
	color: #0e8cc0;
	text-decoration: none;
}
ul.msg_box li.msg_desc h4 a:hover {
	color: #f77462;
}
ul.msg_box li.msg_desc p {
}
span.news {
	color: #f77462;
	font-size: 0.95em;
}
ul.news_section {
	list-style: none;
	margin: 0px;
	padding: 10px;
	background-color:#E1F5FF;
}
ul.news_section h4 {
	margin: 0px;
	background-image: none;
	margin: 0px;
	orphans: 0px;
	text-transform: none;
	color: #0e8cc0;
	font-size:18px;
}
ul.news_section p {
	margin: 0px;
}
ul.news_section li.news_section h4 a {
	color: #0e8cc0;
	text-decoration: none;
}
ul.news_section li.news_desc {
	float: left;
	width: 60.666%;
}
li.news {
	width: 35%;
	float: left;
	margin-right: 8px;
}
li.news img {
	width: 100%;
	height: auto;
}
span.m_2 a {
	font-size: 1em;
	font-weight: bold;
	color: #f77462;
}
h3 {
	font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif;
	background: url(../images/rarrow.html) no-repeat;
	background-position: bottom;
	padding: 5px;
	margin: 0px;
	color: #07b3be;
	text-transform: uppercase;
}
.carousel {
	z-index: 10;
}
.bluebar {
	background-color: #5c86b0;
	padding: 3px 0px;
}
.gallery img {
	margin: 4px;
}
.tblock {
	font-size: 13px;
	padding:4px;
	margin-bottom:10px;
}
.round-img{
	width:80px;
	float:left;
	margin-right:8px;
}
.tblock h3 {
	font-size: 18px;
	margin: 0px;
	color:#323232;
}
.tblock img {
	margin-bottom: 3px;
}
.tblock2 {
	text-align: center;
	font-size: 13px;
	position:relative;
	min-height:200px;
	margin-bottom:10px;
	background-color:#fff;
	padding-bottom:10px;
	color:#4d4d4d;
}
.logo {
	margin-bottom: 5px;
}
h1 {
	margin: 0px;
	color: #008dd4;
	font-size: 35px;
	font-weight: normal !important;
	border-bottom:solid 2px #008dd4;
	display:inline-block;
	padding: 12px 0px;
	margin: 8px 0px;
	font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
h1 span{
        font-size:35px;
		color:#00537a;
		display:inline-block;
		}

.site-content {
	padding: 20px 15px;
}
.imgFl {
	float: left;
	margin-right: 10px;
}
.imgFr {
	float: right;
	margin-left: 10px;
}
.navbg {
	background-color: #008dd4;
    border-bottom: 5px solid #035680;
}
.topcontent .col-md-7 {
	padding-left: 0px !important;
	padding-right: 5px;
}
.bg-primary .gallery {
	padding: 0px !important;
}
.bg-primary .col-md-3, .bg-primary .col-md-4 {
	padding: 0px 14px;
}
.oblock .col-md-6 {
	padding: 0px 10px;
}
a.morelink {
	color: #006699;
	margin-right: 18px;
}
.navbar-default {
	border: 0px;
}
.btn {
	border-radius: 0px;
}
.cposition {
	position: relative;
}
.mrtop {
	margin-top: 20px;
}
.btn-block {
	margin-top: 2px;
	text-align: left
}
.lmrtop {
	margin-top: 50px;
}

.bg-gray {
	/*background-color: #e4e4e4;*/
    background: linear-gradient(180deg, #d5f1ff, #ffffff);
}
.btn-primary {
	background-color: #026a9e;
	border-radius: 0px 0px 8px 0px;
	border: 0px;
}
.img-responsive {
	width: 100%;
}
.darkbg {
	background-color: #afd1d9;
	padding: 20px 0px;
	color:#323232;
}
h4.panel-title a {
	color: #0d52d0 !important;
}
.imgblock {
	width: 145px;
	float: left;
	text-align: center;
}
.tpad {
	padding-top: 25px;
	color: #0253af;
}

.header-top {
	background-color: #787878;
	text-align: right;
	color: #FFF;
	padding: 10px 0px;
}
.header-top a {
	color: #FFF;
}
.header-top a:hover {
	color: #CCC;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 150;
}
.logo {
	position: relative;
}
.partners {
	background-color: #669a41;
	font-size: 16px;
	padding: 15px 0px;
	color: #FFF;
}
	
	.bluebg{
     background: linear-gradient(180deg, #d5f1ff, #ffffff);
    color:#575757;
    margin-top:20px;
    /*background: url(../images/mainbg.jpg); */
    background-color: #e1f5ff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    }
	.bluebg h2{
	/*color:#fff;*/
	}
	.dark-bluebg{
	background-color:#195b0a;
	color:#fff;
	padding:10px;
	margin:5px 0px;
	position:relative;
	}
	.triangle-bottomright { width: 0; height: 0; border-bottom: 50px solid #e4e4e4; border-left: 50px solid transparent;position:absolute;right:0px;bottom:0px }
	.bottombg{
background-color:#e1f5ff;
	}
.date-block{
	background-color:#009;
	font-size:18px;
	text-align:center;
	width:100px;
	}
.bg-footer h4 {
	font-size: 18px;
	color: #fff
}
h3 {
	font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif;
	background: url(../images/rarrow.html) no-repeat;
	background-position: bottom;
	font-size:18px;
	padding: 5px;
	margin: 0px;
	color: #fff;
	text-transform: uppercase;
}

.dropdown-menu {
	background-color: #f89406;
	color: #FFFFFF;
	font-size: 14px;
}
.dropdown-menu a{
	color: #FFFFFF;
}
.dropdown-item:focus, .dropdown-item:hover {

    color: #16181b;
    text-decoration: none;
    background-color: #f8f628;

}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color:#b0010a;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #5b0e27;
	border: 0px;
	color: #000;
	cursor: default;

}
.nav-tabs > li > a {
	border: 1px solid transparent;
	border-radius: 0px;
	line-height: 1.42857;
	font-family: "Roboto Condensed", Georgia, "Times New Roman", Times, serif;
	color: #fff !important;
	font-size:18px !important;
}

.nav-tabs ul {
	border-bottom: 0px;
	padding-left:50px;
	padding-right:50px;
}


.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { 
	background-color:#0b73a3 !important;
	color:#fff !important;
	border: solid 1px #0b73a3 !important;
	border-bottom:0px !important;
	 box-sizing: content-box;
	 padding-right:50px;
	 padding-left:50px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border:0px;
	color:#000 !important;
	background-color:#0a2a5b !important;
		border: solid 1px #e1df29 !important;
	border-bottom:0px !important;
	 box-sizing: content-box; 
}

		.navbar-dark{
			
			}
			.navbar {
				padding:4px 0px;
				}
				
.navbar-dark .navbar-nav .nav-link {
    color: #000 !important;
	padding:5px 20px;
}
.nav-tabs .nav-link {
border:0px;
}
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 8px;
    padding-left: 8px;
	font-size:14px !important;
}
.navbar-toggler{
	background-color:#ccc;
	float:right;
}
.info img{
	margin-left:15px;
}
.topbg{
	background-color:#005235;
	padding:2px;
	text-align:right;
	margin-bottom:10px;
	color:#fff;
	font-size:12px;
}
.topnav{
	text-align:right;
	padding-right:40px;
}
.carousel-item > img {
    height: auto !important;
}

.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:16px;text-transform:capitalize;padding:7px 15px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu ul ul li a{
	color:#fff;
	font-size:14px !important;
	padding-top:4px !important;
	padding-bottom:4px !important;
}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #0453cc;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #0a2a5b;color: #fff;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #0a2a5b; color:#fff}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #0453cc; color:#fff}
.mainmenu .collapse ul ul ul > li:hover > a{background: #f89406; color:#fff}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#0a2a5b;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#0a2a5b}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#0a2a5b}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}
.img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
}
.icon-nav{
text-align:center;
font-size:15px;
border:solid 1px #ccc;
color:#454545;
padding:10px 0px 10px 0px;
border-radius:10px;
margin-bottom:20px;
background-color: #007ebe;
}
.icon-nav:hover{
    background-color:#FDD9E2;
    color: #ec1f25;
}
.bg-gray .icon-nav{
    background-color:#FDD9E2;
}
.bg-gray .icon-nav:hover{
    background-color:#FDD9E2 !important;
}

.icon-nav h3{
	color:#fff;
}
#flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
	padding-left: 30px;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	text-align:center;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 51px;
	height: 51px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: -30px;
	top: 45px !important;
	background: url(../images/r-arrow.png) no-repeat;
}
.nbs-flexisel-nav-right {
	right: -50px;
	top: 45px !important;
	background: url(../images/l-arrow.png) no-repeat;
}
.news-info{
	display:inline-block;
	padding:0px 15px;
	border-radius:10px;
	margin-right:5px;
	background-color:#4fc3f7;
}
.events-info{
	display:inline-block;
	padding:0px 15px;
	border-radius:10px;
	margin-right:5px;
	background-color:#ec407a;
}
figure h2{
background-color:rgba(0,0,0,0.3);
border:0px;	
	
}
.btn-warning{
	background-color:rgba(0,0,0,0);
	border:solid 1px #c4161d;
}
.tblock {
    text-align: center;
    font-size: 13px;
    background-color: #fff;
    position:relative;
    min-height:200px;
    padding-top:5px;
    margin-bottom:10px;
    border-radius:8px 8px 8px 8px;
}
.rimgs .col-md-6, .rimgs .col-sm-6{
	padding-top:75px;
} 
.round-img{
	position:absolute;
	top:-75px;
	left:30%;
	width:150px;
	height:150px;
}
.round-img img{
	border-radius:50%;
}
.tblock h3 {
	text-align: center;
	font-size: 14px;
	margin: 0px;
	color:#007cc5;
}
.padtop{padding-top:15px}
#flexiselDemo3{
	color:#fff;
	text-transform:uppercase;
}
.carousel-item {
  height: 60vh;
  min-height: 550px;
}
.contentpad {
	padding: 25px 0px;
}
.lrg-logo img{
  width: 500px;
  height: auto;
}

.sml-logo img{
  width: 300px;
  height: auto;
}
.lrg-logo2 img{
  width: 87px;
  height: auto;
  -webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}

.sml-logo2 img{
  width: 60px;
  height: auto;
  -webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
.parallax-slider {
  position: relative;
  margin-top:117px;
}

.slider-wrapper {
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.slide {
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  display: inline-block;
    background-repeat:no-repeat !important;
  width: 100%;
  height: 73vh;
  flex-shrink: 0;
  transition: 0.9s ease-in-out transform;
  backface-visibility: hidden;
}

.slide-indicator {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translatex(-50%);
}
.slide-indicator ol {
  display: inline-block;
}
.slide-indicator li {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}

.slide-indicator li:hover {
  background: #f16876;
}

.slide-indicator li.active {
  background: #f16876;
}

.slide::before {
  content: '';
  display: inline-block;
  height: 50%;
}

.caption {
  padding: 20px;
  transition: 0.4s;
  transition-delay: 0.8s;
  opacity: 0;
  transform: translatey(200%);
}
.caption h1 {
  font-size: 60px;
  font-weight: 700;
}

.slide-active .caption {
  transform: translatey(0);
  opacity: 1;
}
.slide0 {
  background: url("../images/home-loan.webp") top center;
}

.slide1 {
  background: url("../images/gold-loan-bg.webp") top center;
}
.slide2 {
  background: url("../images/education-loan-bg.webp") top center;
}
.slide3 {
  background: url("../images/business-loan.webp") top center;
}
.slide4 {
  background: url("../images/header_img4.jpg") top center;
}
.slide5 {
  background: url("../images/header_img5.jpg") top center;
}
.slide6 {
  background: url("../images/header_img6.jpg") top center;
}
.slide7 {
  background: url("../images/header_img7.jpg") top center;
}
.slide8 {
  background: url("../images/header_img8.jpg") top center;
}
.slide9 {
  background: url("../images/header_img9.jpg") top center;
}
.slide10 {
  background: url("../images/header_img10.jpg") top center;
}
.slide11 {
  background: url("../images/header_img11.jpg") top center;
}

.morepad{
	margin-right:20px;
	text-align:right;
}

img.lrg-logo2{
  width: 87px;
  height: auto;
  -webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}

img.sml-logo2 {
  width: 60px;
  height: auto;
  -webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}

@media only screen and (max-width: 767px) {
	.slide {
  background-size: 100% !important;
  -webkit-background-size: 100% !important;
  -moz-background-size: 100% !important;
  -o-background-size: 100% !important;
  width: 100%;
  height: 25vh;
  background-position:0px top !important;
}
	.parallax-slider {
  margin-top:160px !important;
}

.lrg-logo img{
  width: 200px;
  height: auto;
}
img.lrg-logo2{
  width: 60px;
  height: auto;
  -webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
.resvisible{
	 display:none;
}
img.resvisible{
	 display:none !important;
}
}
.fpad{
	padding-top:40px;
}
.list-ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 30px;
    
	list-style-image: url(../images/listarrow.gif);
}
.list-li {
	padding: 2px 0px;
    
}

.nbluebg{
	background-color:#0a2a5b;
}
.ngraybg{
	background-color:#62B623;
   
}
.padtb{
	padding-top:10px;
	padding-bottom:10px;
}
.icon-nav:hover{
    background-color:#3478af;
    color: #fff;
}

.hidesidenav{
    display:none
}

			.str3 { font-size:0 !important}
			.str3-2 { background:none !important;}
			.str3-2 span {color:#fff; margin:0 5px; text-align:center;display:inline-block; vertical-align:top;font-size: 20px;height: 25px;}

.rightsidecontentdivwidth{
	margin:0px 0px 0px 0px;
	padding:0px;
	vertical-align:top;

	color:#000;
	width:100%;
	height:auto;
	}
	
.firstbottomborderdiv{
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	vertical-align:top;
	
	color:#000;
	width:auto;
	height:auto;
	text-align:justify;
	line-height:19px;
   
	
	}
.personleftsidediv{
	margin:0px;
	padding:0px 10px 0px 0px;
	vertical-align:top;
	
	color:#000;
	width:30%;
	height:auto;
	text-align:justify;
	line-height:19px;
    
	}
 .fl{
float:left;
}	
.kccbcontentbgdivwidth{
	margin:0px;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	
	color:#000;
	width:auto;
	height:auto;
	text-align:justify;
	line-height:19px;

	}
.personnamediv{
	margin:0px;
	padding:10px 0px 0px 0px;
	vertical-align:top;
	line-height: 30px;
	color:#000;
	width:65%;
	height:auto;
	text-align:left;
	line-height:14px;
	}
	
    /*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
#counter{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
 
  padding: 40px 0px;
  width: 100%;
}
#counter .item{
  background: #009148;
  width: 25%;
  padding: 35px 40px;
  margin: 10px;
  text-align: center;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
} 



#counter .item1{
  background: #D50000;
  width: 25%;
  padding: 35px 40px;
  margin: 10px;
  text-align: center;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
} 

#counter .item2{
  background: #136B9F;
   width: 25%;
  padding: 35px 40px;
  margin: 10px;
  text-align: center;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
}

#counter .item3{
  background: #006432;
  width: 25%;
  padding: 35px 40px;
  margin: 10px;
  text-align: center;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
}



#counter .item .count{
  color: #e8b12d;
  margin-bottom: 5px;
  font-size: 40px;
}

#counter .item1 .count{
  color: #e8b12d;
  margin-bottom: 5px;
  font-size: 40px;
}

#counter .item2 .count{
  color: #e8b12d;
  margin-bottom: 5px;
  font-size: 40px;
}

#counter .item3 .count{
  color: #e8b12d;
  margin-bottom: 5px;
  font-size: 40px;
}



#counter .item h3{
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
}

#counter .item1 h3{
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
}

#counter .item2 h3{
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
}

#counter .item3 h3{
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
}


/* Float four columns side by side */
.column {
  float: left;
  width: 25%;
  padding: 0 5px;
}

.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */

/*@media screen and (max-width: 600px) {*/
@media only screen and (min-width: 360px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}

/* Style the counter cards */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  background-color: #444;
  color: white;
}

.fa {font-size:50px;}