/*---------------------------------------------------------------------

    File Name: style.css

---------------------------------------------------------------------*/





/*---------------------------------------------------------------------

    import Fonts

---------------------------------------------------------------------*/



/*@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

*/

/*****----------------------------------------

     1) font-family: 'Rajdhani', sans-serif;  

     2) font-family: 'Poppins', sans-serif; 

----------------------------------------*****/

/*@font-face {  

  font-family: kruti dev ;  

  src: url( '../../fonts/k010.ttf' ) format("truetype");  

}  */



/*.hinditext {

    font-family: kruti dev;  

    font-size:18px;

}*/



/*---------------------------------------------------------------------

    import Files

---------------------------------------------------------------------*/

/*--bank logo /images colding start --*/



@import url(animate.min.css);

@import url(normalize.css);

@import url(meanmenu.css);

@import url(owl.carousel.min.css);

@import url(slick.css);

@import url(jquery-ui.css);

@import url(nice-select.css);



/*---------------------------------------------------------------------

    skeleton

---------------------------------------------------------------------*/





* {

	box-sizing: border-box !important;

}



html {

	scroll-behavior: smooth;

}



body {

	color: #666666;

	font-size: 14px;

	font-family: 'poppins', sans-serif;

	line-height: 1.80857;

	font-weight: normal;

	overflow-x: hidden;

}



a {

	color: #1f1f1f;

	text-decoration: none !important;

	outline: none !important;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	letter-spacing: 0;

	font-weight: normal;

	position: relative;

	padding: 0 0 10px 0;

	font-weight: normal;

	line-height: normal;

	color: #111111;

	margin: 0

}



.header h4 {

  text-align: right;

  font-size :20px;

 }

/*   SECOND HEADER */
.header2 h5{ 

	letter-spacing: 0;

	font-weight: normal;

	position: relative;

	padding: 0 0 0px 0;

	font-weight: normal;

	line-height: normal;

	color:	#FFFFFF;

	margin: 0;

	/*text-align: right;*/

	}

.header2 h4 {

  text-align: right;

  font-size :14px;

  color:#FFFFFF;

}

.header3 h5 {

  text-align: left;

  font-size :15px;

  color:#111111;

}

.header4 h5 {

  text-align: center;


  font-size :25px;

  color:#000080;

}

.header5 h5 {

  text-align: center;

  font-size :15px;

  color:#000080;

}

.header4 h1 {

  text-align: left;

  font-size :40px;

  color:#000080;

}

.header6 h4 {

  text-align: right;

  font-size :20px;

  color:#FFFFFF;

}

h1 {

	font-size: 24px;
	color:#FFFFFF;
}



h2 {

	font-size: 22px

}



h3 {

	font-size: 18px

}



h4 {

	font-size: 16px

}



h5 {

	font-size: 14px

}



h6 {

	font-size: 13px

}



*,

*::after,

*::before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

	color: #212121;

	text-decoration: none!important;

	opacity: 1

}





ul,

li,

ol {

	margin: 0px;

	padding: 0px;

	list-style: none;

}



p {

	margin: 0px;

	font-weight: 300;

	font-size: 15px;

	line-height: 24px;

}



a {

	color: #222222;

	text-decoration: none;

	outline: none !important;

}



/* ---Coding for Bank Logo width & Height -----*/

img {

	max-width: 100%;

    height: auto;

}







/* ============== All Coding for Menus bar ==================================

===================================================================(Start)= */ 

/* Coding for Menu "HOME" button show active and show in Yallow color in webpage*/

nav.main-menu {

	float: right;

	margin-left: 0;

	/*background-color: #555;*/

	padding: 10px 17px 10px 12px;

    font-size: 20px;

    font-style: bold;

    width: 100%;

    text-align:80px; 	



}



/* Coding for Menu "HOME" button show active and show in Yallow color in webpage*/

.menu-area-main li:hover a {

	color: #FF3333;

	/*background-color: #000;*/

}

.menu-area-main li:focus a {

	color: #ffc221;

	/*background-color: #000;*/

}



/* Coding for Menu "HOME" button show active and show in Yallow color in webpage*/

.menu-area-main li.active a {

	/*color: #000080#ff007f;*/

	/*color: #ffc221;*/

	color: #FF0000;

	/*background-color: #4CAF50;*/

}



/**======Coding for Center Menus=========*/

.main-menu {

	text-align: center;

}



/**======Coding for distance between Menus=========*/

.main-menu ul>li a {

	padding: 5px 5px 0 5px;    	/* ===distance between Menus=== */

	line-height: 30px;				/* ===Width of  Menus area === */

	font-size: 16px;

	display: block;

	font-weight: 700;				/* ===Bold of  Menus === */

	color: #010005;      /* ===Color of  Menus === */

	text-transform: uppercase;

}



/*=== Coding for MENUS in one Line  show ===== */ 

.main-menu ul>li>ul {

	opacity: 0;

	position: absolute;

	text-align: left;

	top: 100%;

	-webkit-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: 0 0 0;

	transform-origin: 0 0 0;

	-webkit-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	visibility: hidden;

	width: 240px;

	z-index: 999;

	background: #fff;

	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}

/*======== Coding for Menu show in One line but without space ===*/

.main-menu ul>li {

	position: inherit;

	display: inline-block;

	vertical-align: middle;

}





/*----- Coding for Login Button(Menus) Background color and Button Shape---- */ 

.buy {

background: #ffc221;

padding: 7px 41px !important;

margin-top: 18px;

border-radius: 10px;

display: inline-block;

float: right;

font-weight: 700;

}



/*----- Coding for Login Button(Menus) over mouse pointer color change "White" ---- */ 

.buy:hover {

	color: #fff;

}


/* ----Coding for Head Top Background Color Yellow Change---- */ 

.head_top {background: #ffc221;/*background: #ffffed*/;

margin-bottom:0px;

}



.head2_top {background: #660000;

margin-bottom:0px;

}


/*-----*/
.head3_top {background: /*#FFD700;*/#FFDF00;   

margin-bottom:0px;

}

.news_top {/*background: #ffc221;*/background: #000000;

margin-bottom:0px;

}

/*----------------------------

    preloader area

----------------------------*/

/* ----Coding for Loading images---- */ 



.loader_bg {

	position: fixed;

	z-index: 9999999;

	background: #fff;

	width: 100%;

	height: 100%;

}



.loader {

	height: 100%;

	width: 100%;

	position: absolute;

	left: 0;

	top: 0;

	display: flex;

	justify-content: center;

	align-items: center;

}



.loader img {

	width: 200px;

}







/*.... Coding for Bank Logo on Header top ---- */

.full {

	width: 30%;

	float: left;

	margin: 0;

	padding: 0;

}





/*---- Coding for bank heading name in center (all pages)--*/

.logo_section {

	text-align: center;

}

.logo {

	float: left;

}



.main-menu ul {

	margin: 0;

	list-style-type: none;

}



.main-menu ul>li {

	display: inline-block;

	position: relative;

}





.main-menu ul li:last-child a {

	padding-right: 0;

}



.sub-down li {

	background: #ffffff;

}



.main-menu ul>li .sub-down li a {

	color: #114c7d;

	font-size: 15px;

	text-transform: capitalize;

	font-weight: 300;

	padding: 12px 5px;

	position: relative;

	border-bottom: solid #eee 1px;

}



.main-menu ul>li .sub-down li a::before {}



.main-menu ul>li .sub-down li a:hover {

	color: #111111;

}



.main-menu ul>li .sub-down li a:hover::before {}



.main-menu ul li:first-child {

	margin-left: 0;

}





.main-menu>ul>li:hover>ul {

	-webkit-transform: scaleY(1);

	transform: scaleY(1);

	visibility: visible;

	opacity: 1;

}



.main-menu ul>li>ul>li {

	margin: 0px;

	position: relative;

	display: block;

}



.main-menu ul>li>ul>li:hover>ul {

	-webkit-transform: scaleY(1);

	transform: scaleY(1);

	visibility: visible;

	opacity: 1;

	left: 100%;

	top: 10px;

}

/*-----Coding for sub-menu background color---*/

.main-menu ul>li>ul>li>a {

	background: white !important;

}



.main-menu ul>li:nth-child (6) {

	padding-right: 0px;

}





.megamenu .sub-down {

	max-width: 1140px;

	width: 100%;

	left: 0;

	margin: 0 auto;

	right: 0;

	padding: 15px 0px;

}





/*---------------------------------------------------------------------

    top banner area

---------------------------------------------------------------------*/





/*---------------------------------------------------------------------

    layout new css 

---------------------------------------------------------------------*/

/* ---- Coding for Slider - Bank Name Setting ---- */ 

.relative {

	position: fixed;

	top: 60%;

	transform: translateY(-50%);

	bottom: auto;

	text-align: left;

}



.banner-main {

	position: relative;

}

/*---Coding for Banner icmbank font color-*/

.banner-main .carousel-caption h1 {

	color: #FF0000;

	font-size: 50px;

   line-height: 90px;

	text-transform: uppercase;

}

/*---Coding for Banner paragraph font color-*/

.banner-main .carousel-caption p {

	color: #050000;

    font-weight: 500;

    	

    line-height: 23px;

	 }



.banner-main .carousel-caption a {

    width: 250px;

background: #ffc221;

padding: 9px 0px;

color: #fff;

font-size: 17px;

border-radius: 30px 0px 30px 30px;

display: inline-block;

text-align: center;

margin-top: 20px;



}

.banner-main .carousel-caption a:hover {

	background: #000;

}

.yellow_bold {color: #FF0000;}

/*-------------Testing------------*/

/** whyschose section *

/*-------------Testing------------*/

.whyschose {

	background: #fff;

    padding-top: 85px;

}



/* ---- Coding of Heading Coding for Title Color --*/

.title {

	text-align:center;

	padding-bottom: 5px;



}

/* --- Coding for Title Color -- (HOME) --*/

.title h2 {

	font-size: 50px;

	line-height: 55px;

	color:#ffc221;

	font-weight: 500;

	text-transform: uppercase;

    margin-bottom: 27px;

    position: relative;

    padding-bottom: 8px;

}





.title h2:after {

	position: relative;

content: '';

top: 100%;

width: 110px;

height: 10px;

display: block;

margin: 0 auto;

background: #000;

}



.title span{

color:#070500;

font-size: 28px;

line-height: 28px;

margin-top: 20px;

}

.black {

	font-weight: 500;

	color:#070500;

}


/* --------- Coding for Heading -----------*/ 

.choose_bg {

	background: #f9be20;

}





.choose_bg .white_bg  {

	background: #fff;

	padding: 40px 20px;

	box-shadow: #ddd 0px 0px 10px 3px;

	margin-bottom: 5px;

}

.choose_bg .white_bg .for_box {

	text-align: center;

	padding: 1px ;

}



.choose_bg .white_bg .for_box-2 {

	text-align:left;

	padding: 1px ;

}

.choose_bg .white_bg .for_box i {display:block;}

.choose_bg .white_bg .for_box-2 i {display:block;}

/* -- Coding for font size in Founder of Bank (HOME) ------*/ 

.choose_bg .white_bg .for_box h3 {

	font-size: 20px;

    line-height: 21px;

	color: #070500;

	padding: 25px 0px 0px 0px ;

	display: inline-block; 

}



.choose_bg .white_bg .for_box-2 h3 {

	font-size: 18px;

    line-height: 21px;

	color: #070500;

	/*padding: 25px 0px 15px 0px ;*/

	/*padding: 25px 80px 40px 20px ;*/

	display: inline-block; 

}

.choose_bg .white_bg .for_box p {

	color: #0a001a/*#f9be20*/;

	font-size: 15px;

	line-height: 28px;

	font-style: solid;

}

.choose_bg .white_bg .for_box-2 p {

	color: #0a001a/*#f9be20*/;

	font-size: 15px;

	line-height: 28px;

	font-style: solid;

}

.read-more  {

	width: 190px;

margin: 0 auto;

background: #fff;

display: block;

border: #f9be20 solid 2px;

text-align: center;

padding: 10px 0px;

color: #0a0401 !important;

font-size: 20px;

margin-top: 40px;

}

.read-more:hover {

	background: #f9be20;

	color: #0a0401;

}

/*-------------Testing------------*/

/** end whyschose section *







/** service section *

/*-------------Testing------------*/

.service {

	background: #fff;

	padding-top: 90px;

}

.service .service-box {

	padding: 30px 20px;

	box-shadow: #00000040 0px 0px 19px 0px;

    margin-bottom: 30px;

    text-align: center;

}



.service .service-box i img {

	height: 250px;

}



.service .service-box h3 {

	font-weight: 500;

	font-size: 22px;

	line-height: 22px;

	color: #050000;

	padding: 20px 0px;

}









.service .service-box p {

    color: #0d0c0a;

	font-size: 17px;

	line-height: 28px;

}







/*-------------Testing------------*/

/** end service section *





/** product section *

/*-------------Testing------------*/

.product {

	background: #fff;

	padding-top: 60px;



}



.product .title {

	text-align:left;

	padding-bottom: 60px;

}

.titledicgc {

	text-align:center;

	padding-bottom: 60px;

}


.product .title h2 {

	font-size: 50px;

	line-height: 55px;

	color:#ffc221;

	font-weight: 500;

	text-transform: uppercase;

    margin-bottom: 27px;

    position: relative;

    padding-bottom: 8px;

}



.product .title h2:after {

	position: absolute;

    border-bottom: #000 solid 10px;

    content: '';

    top: 100%;

    width: 110px;

}



.product .title span{

color:#070500;

font-size: 22px;

line-height: 28px;

margin-top: 20px;

}

/*----------- Coding for Background Image (HOME) ------ */ 

/*.product-bg {

	/*background: url(../images/bg.jpg);*/

	/*background-repeat: no-repeat;

	background-size: 100% 100%;

	

}*/



/* ----------Coding for Background image- image up image-(yallow color) (HOME)------*/

.product-bg-white {

	/*background: #ffffffbd;#fff*/

	background: #ffc221; 

	/*background-image: linear-gradient(-40deg, #769a31 10%, #526b22 25%);*/

	/*background: #0892d0;*/

	box-shadow: #00000040 0px 0px 25px 0px;

	padding-top: 80px;

	padding-bottom: 60px;

}

/* ----------Coding for Background image- image up image-(About Page)------*/

.product-bg-cm {

	/*background: #ffffffbd;#fff*/

	background: #ffe9ec; 

	/*background: #0892d0;*/

	box-shadow: #00000040 0px 0px 25px 0px;

	padding-top: 80px;

	padding-bottom: 60px;

}

 /* ----------Coding for Photo Frame Border (HOME)------*/ 

 .product-bg .product-bg-white .product-box {

 	background: #ddd;

 	text-align: center;

 	margin-bottom: 30px;

 	padding: 20px 25px;



 }

  .product-bg .product-bg-cm .product-box {

 	background: #ffffff;

 	text-align: center;

 	margin-bottom: 30px;

 	padding: 20px 25px;



 }

 /* ----------- Codimg for Mouse blink in director photo (HOME) -----*/

 .product-bg .product-bg-white .product-box i img {width: 100%;}

 .product-bg .product-bg-white .product-box:hover {

 	/*background: #ffc221;*/

 	background:#0892d0;

 }



 .product-bg .product-bg-cm .product-box i img {width: 100%;}

 .product-bg .product-bg-cm .product-box:hover {

 	/*background: #ffc221;*/

 	background:#0892d0;

 }

 .product-bg .product-bg-white .product-box  h3 {

 	color: #020000;

 	font-weight: 500;

 	font-size: 17px;

 	line-height: 20px;

 	padding-top: 15px;

 }



 .product-bg .product-bg-white .product-box span {

 	color: #020000;

 	font-weight: 500;

 	font-size: 15px;   /* text font size for about page director photo--*/ 

 	line-height: 22px;

 }



 .product-bg .product-bg-cm .product-box  h3 {

 	color: #020000;

 	font-weight: 500;

 	font-size: 17px;

 	line-height: 20px;

 	padding-top: 15px;

 }



 .product-bg .product-bg-cm .product-box span {

 	color: #020000;

 	font-weight: 500;

 	font-size: 15px;   /* text font size for about page director photo--*/ 

 	line-height: 22px;

 }

 /* --- Coding for Over the mouse in Designation of director (HOME) -----*/

/*.product-bg .product-bg-white .product-box span:hover {

	color: #fff;

}

*/

/* ---- Coding for Home Page - Buttom Slider ---*/

.Clients_bg_white {

	background:#ffffffbd;

	margin-top: 6px;

	padding-bottom: 40px;

}



.Clients_bg_white .title {

	text-align: left;

	padding-bottom: 30px;

}

.Clients_bg_white .title h3 {

	color: #030000;

	font-size: 50px;

	line-height: 50px;

	padding-top: 40px;

}



.banner_Client {

	position: relative;

}

/* --------- Coding for bottom slider -----*/ 

.text-bg {position: inherit; text-align: left; }



.text-bg p {color: #030000;

  font-size: 17px; line-height: 28px;  padding-top: 40px; padding-bottom: 40px; display: inline-block;

 }

.img_bg i {float: left; display: flex; flex-wrap: wrap;}

.img_bg i img {width: 149px; height: 149px;}

.img_bg  span {color: #000; font-size: 28px; line-height: 28px; padding-left: 40px; padding-top: 41px;}

.img_bg .date {font-weight: normal; font-size: 16px; } 





/* ---- Coding for Bottom Banner -----*/ 

.yellow_bg {background: #ffc221; 

	padding: 40px 30px; 

	margin-top: 100px;

}



.yellow_bg .yellow-box h3 {

	color: #fff; 

	font-size: 31px; 

	font-weight: bold; 

	display: inline-block; 

	padding-bottom: 6px;

}

.yellow_bg .yellow-box i {padding-bottom: 10px; padding-left: 15px;	}

.yellow_bg .yellow-box p {



	font-size: 22px; 

	line-height: 28px; 

	color: #010101;

}

.yellow_bg .yellow-box a {

	background: #000;

    border-radius: 30px;

    max-width: 344px;

    width: 100%;

    font-size: 31px;

    line-height: 33px;

    color: #fff;

    padding: 16px 73px;

    display: inline-block;

    text-align: center;

    margin-left: 50px;

    margin-top: 17px;

    font-weight: 500;

}

/** end product section *



/** map section *

/*-------------Testing------------*/

/*.map img {

	width: 100%;

    padding:0px;

}



.padi {

	padding: 0px ;

}

*//*-------------Testing------------*/

/** end map section *



/** footer section *

/*--------Coding for Footer ------------*/

.footer {

	background: #1b1b1b;

    padding-top: 70px;

}

ul.sociel {

	display: flex;

	flex-wrap: wrap;

	justify-content:center;

	margin: 0 auto;

}

ul.sociel li {

	display: inline-block;

	padding:0px 10px;

	}



ul.sociel li a {

color: #fff;

width: 50px;

height: 50px;

float: left;

text-align: center;

line-height: 50px;

border-radius: 100%;

font-size: 18px;

}



ul.sociel li a:hover {

	color: #fff;

width: 50px;

height: 50px;

background: #181201;

float: left;

text-align: center;

line-height: 50px;

border-radius: 100%;

font-size: 18px;



}



.contact {

	margin-top: 50px;

}



.contact h3 {

	color: #fff;

	font-weight: 500;

	font-size: 28px;

    		line-height: 30px;

	padding-bottom: 30px;

	text-transform: uppercase;

}



.contact span {

	color: #fff;

	font-size: 17px;

	line-height: 27px;

}



ul.lik li a {

	color: #fff;

	font-size: 17px;

	line-height: 27px;

}



ul.lik li a:hover {

	color: #ffc221;

}



.copyright {

	background-color: #ffc221;

	padding: 20px 0px;

	margin-top: 70px;

}



.copyright p {

	color: #0000FF;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

}



.copyrightpowered p {

	color: #FFFFFF;

	font-size: 15px;

	line-height: 22px;

	text-align: right;

}





.copyright a:hover {

	color: #fff;

}

/*-------------Testing------------*/

/** end footer section *

/*---------------------------------------------------------------------

    ener page css

---------------------------------------------------------------------

/*--- Coding for Header Banner (ABOUT/PRODUCT/CONTACT) PAGES -----------*/

.brand_color .titlepage h2 {

	font-weight: bold;

	font-size: 40px !important;

	text-transform: uppercase;

}





.brand_color {

     background-color: #ffc221;

}

.brand_color .titlepage {

     margin-top: 70px;

padding-bottom: 70px;

text-align: center;

}



.brand_color .abouttitle h2 {

     color: #fff;

     text-transform: uppercase;

     font-size: 40px;

     line-height: 45px;

     padding: 40px 0;

     font-weight: 500;

     text-align: center;

}





/* --- Coding for Contact Us Page - Complaint Form----*/ 

.form-control {

     border: #ffc221 solid 2px;

     border-radius: inherit;

     margin-bottom: 30px;

     padding: 13px 20px;

     font-family: poppins;

}

.form-control:focus {

     box-shadow: inherit;

     border: #ffc221 solid 2px !important;

}



.textarea {

     font-family: poppins;

     border: #ffc221 solid 2px;

     margin-bottom: 30px;

     padding: 13px 20px;

     width: 100%;

     padding-top: 40px;

} 



.send {

     font-family: poppins;

    max-width: 212px;

    margin: 0 auto;

    display: block;

    background: #000;

    color: #fff;

    padding: 12px 0px;

    width: 100%;

    font-size: 17px;

}



.send:hover {

     background: #ffc221;

}



/*-------------------------------------------------------*/

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



/*--- Codig for About Page - Bank History----*/

.about {padding-top: 10px;}

.about .about_box figure {margin: 0%; }

.about .about_box figure img {width:30%;}

/*.about .about_box image {width: 10%;}*/

.about .about_box h3 {color: #000; font-weight: bold; font-size: 30px; line-height: 35px;}

.about .about_box p {color: #000; font-size: 20px; line-height: 30px; padding-top: 10px; text-align: justify;}





.about .about_box_vice figure {margin: 0%; }

.about .about_box_vice figure img {width:20%;}

/*.about .about_box image {width: 10%;}*/

.about .about_box_vice h3 {color: #000; font-weight: bold; font-size: 30px; line-height: 35px;}

.about .about_box_vice p {color: #000; font-size: 20px; line-height: 30px; padding-top: 10px; text-align: justify;}







.about-bg {

	background-color: #ad2100;

	margin-bottom: 90px;

}



.about-bg .abouttitle h2 {

	color: #fff;

	text-transform: uppercase;

	font-size: 40px;

	line-height: 45px;

	padding: 40px 0;

	font-weight: 500;

	text-align: center;

}



.about {

	/*background: #ebfff2;*/

	padding-top: 0px;

}





/* ------ Coding for slider arrow -----*/



.bold_text_black {

    font-size: 50px;

    line-height: 100px;

    text-transform: uppercase;

    /*color: #000;*/

        color: #0000;

}



.bold_text {

    font-size: 80px;

    line-height: 4px;

    text-transform: uppercase;

    color: #eb622c;

}



.bold_text_address {

    font-size: 25px;

    line-height: 100px;

    text-transform: uppercase;

    color: #000;

 } 

 .bold_text_black {      /* first silde text desing */

    font-size: 40px;

    line-height: 100px;

    text-transform: uppercase;

    /*color: #000;*/

        color:#FF0000;

}



.bold_text {

    font-size: 80px;

    line-height: 4px;

    text-transform: uppercase;

    color: #eb622c;

}



.bold_text_address {          /* first silde text desing */

    font-size: 25px;

    line-height: 100px;

    text-transform: uppercase; 

    color: #000;

 }        

 /* ------ Coding for Slider Text Font Color---*/



#main_slider .carousel-control-prev,

#main_slider .carousel-control-next {

	width: 100px;

	height: 52px;

	/*background: #fffdfd;*/

	opacity: 1;

	font-size: 30px;

	color: #000;

}



#main_slider .carousel-control-prev:hover,

#main_slider .carousel-control-next:hover,

#main_slider .carousel-control-prev:focus,

#main_slider .carousel-control-next:focus {

	background: #ffc221;

	color: #fff;

}



#main_slider a.carousel-control-prev {

	position: absolute;

	left: 82px;

	bottom: 10px;

	top: inherit;

}



#main_slider a.carousel-control-next {

	position: absolute;

	left: 10px;

	top: inherit;

	bottom: 10px;

}

 /* ------ END Coding for Slider Text Font Color---*/

/* ---- Coding for Deposit Scheme (Deposit Html Page)----*/

.content-heading-dep {

  padding: 20px;

  background-color: #f44336; /* Red */

  color: white;

  margin-bottom: 15px;

  font-size: 20px;

}

.content-heading-dep-sb {

  padding: 20px;

  background-color: #f44336; /* Red */

  color: white;

  margin-bottom: 15px;

  font-size: 20px;

}

p.thicker {

  font-weight: 600;

}

p.a {

  font: 16px Arial, sans-serif;

}

.text-dep-page {position: inherit; text-align: left; }



.text-dep-page p {color: #030000;

  font-size: 17px; line-height: 28px;  text-align: justify; padding-top: 40px; padding-bottom: 40px; display: inline-block;

 }



 /* --- Coding for Finanical Growth Page (Table) --- */

 #customers {

  font-family: Arial, Helvetica, sans-serif;

  border-collapse: collapse;

  width: 100%;

  text-align: center;

  font-style: bold;

}



#customers td, #customers th {

  border: 1px solid #000;

  padding: 15px;

  text-align: left;

  font-style: bold;

}



#customers tr:nth-child(even){background-color: #f4c2c2;text-align: right;font-style: bold;}





#customers tr:hover {background-color: #ddd;text-align: right;font-style: bold;}



#customers th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: center;

  background-color: #4CAF50;

  color: white;

}

/*------- Coding for Management Page - Table ------*/ 

 #customers-mg {

  font-family: Arial, Helvetica, sans-serif;

  border-collapse: collapse;

  width: 100%;

  text-align: center;

  font-style: bold;

}



#customers-mg td, #customers-mg th {

  border: 1px solid #000;

  padding: 15px;

  text-align: left;

  font-style: bold;

}



/*#customers-mg tr:nth-child(even){background-color: #f4c2c2;text-align: right;font-style: bold;}

*/



#customers-mg tr:hover {background-color: #ddd;text-align: right;font-style: bold;}



#customers-mg th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: center;

  background-color: #4CAF50;

  color: white;

}







/*---Css file of footer( Face book youtue ...etc)---*/ 

@import url("font-awesome.min.css");

@import url("predefind-classes.css");

@import url("header.css");

@import url("jquery.dataTables.min.css");

@import url("about-us.css");

@import url("facility.css");

@import url("site-global.css");

@import url("lightbox.css");

@import url("jquery.fancybox.min.css");

@import url("footer.css");



/*==== Carousel section Css Code.====*/



#carousel-bottom-strip

{

    text-align: center;

    padding: 10px 0px;

}



#carousel-bottom-strip a

{

    color: #000;

    font-weight: bold;

}



#carousel-bottom-strip .service {padding: 10px 0px;}

#carousel-bottom-strip .service .title{padding:5px 0px 0px 5px; text-align: justify;}



@media(max-width:992px)

{

    #carousel-bottom-strip .service{padding: 10px 0px !important;}

}



@media(max-width:768px)

{

    #carousel-bottom-strip .service img{float: right;}

    #carousel-bottom-strip .service .title{text-align: justify;}

    #carousel-bottom-strip .service .title a{padding-left: 20px }

}



/*==== Product Schemes section Css Code.====*/



#products-schemes .product

{

    margin-top: 20px;

    padding: 20px; 

    border: 1px solid #ccc;

/*    box-shadow: 0 3px 10px #888;*/

}



#products-schemes .product h4

{

    text-align: center;

    padding-top: 10px;

    font-weight: bold;

}



#products-schemes a:hover h4{color: #000;}





/*==== Recents Update Section Css Code.====*/



#recent-update .title

{

    padding: 10px;

    text-align: center;

    color: #fff;

}



#recent-update .notice

{

    padding: 13px;

    text-align: center;

    color: #fff;

}





/*==== Deposit Schemes Section Css Code.====*/



#deposit-schemes .bg-deposit-schemes

{

    background-color: #e5e4e4;

    margin-top: 20px;

}



#deposit-schemes .schemes

{

    margin: 10px auto;

}



#deposit-schemes .schemes h4

{

    text-align: center;

    font-weight: bolder;

    padding: 10px;

}



#deposit-schemes a:hover h4{color: #000;}





/*==== Loan Schemes Section Css Code.====*/



#loan-schemes .schemes

{

    margin-top: 40px;

}



#loan-schemes .schemes h4

{

    text-align: center;

    font-weight: bolder;

    padding: 10px;

}



#loan-schemes a:hover h4{color: #000;}







/*==== Mail Pages Section Css Code.====*/



#mail

{

    text-align: center;

}

#mail img

{

    padding: 20px 0px;

}



#mail h3

{

    color: #833610;

    font-weight: bolder;

    margin-bottom: 20px;

}



#mail p

{

    color: #833610;

    font-weight: bolder;

    margin-bottom: 5px;

}



#mail .home

{

    margin-top:20px;

}

#mail .home a:hover{

    color: #833610;

    transition: 0.5s;

}





/*--- End Coding for Face book you tube - Contact page --*/



/*----- Coding for Gallery Page ----*/

div.gallery-pg {

  border: 3px solid #ccc;

}



div.gallery-pg:hover {

  border: 5px solid #00bfff ;

}



div.gallery-pg img {

  width: 100%;

  height: auto;

}



div.desc-pg {

  padding: 30px;

  text-align: center;

}



* {

  box-sizing: border-box;

}



.responsive-pg {

  padding: 0 25px;

  float: left;

  width: 50%;

}



@media only screen and (max-width: 700px) {

  .responsive-pg {

    width: 50%;

    margin: 25px 0;

  }

}



@media only screen and (max-width: 500px) {

  .responsive-pg {

    width: 800%;

  }

}



.clearfix:after {

  content: "";

  display: table;

  clear: both;

}



/*-------------------------Gallery page End -------------------*/

/* ---- Branch Contact us Page --------------*/ 

.Contactus {

	background: #ffe9ec;

	padding-top: 90px;

}

.Contactus .Contactus-box {

	padding: 30px 20px;

	/*box-shadow: #00000040 0px 0px 19px 0px;*/

	box-shadow: #000 0px 0px 19px 0px;

    margin-bottom: 30px;

    text-align: center;

}



.Contactus .Contactus-box i img {

	height: 120px;

}




.Contactus .Contactus-box p {

    color: #0d0c0a;

    /*color: #ffc221*/ /* yallow */ 

	font-size: 17px;

	line-height: 28px;

}

/* ----- End Branch Contact us Page ---------*/ 

.Complaint {

	background: #ffc107;

	padding-top: 90px;

}

/* ---- Branch Customer Support Page --------------*/ 

.Customer_Service {

	background: #ffe9ec;

	padding-top: 90px;
	font-size: 5px;

}


.Customer_Service .container .title h2 {

	font-size: 40px;

	line-height: 55px;

	color:#FF0000;

	font-weight: 800;

	text-transform: uppercase;

    margin-bottom: 27px;

    position: relative;

    padding-bottom: 8px;

}
.Customer_Service .Customer_Service-box {

	padding: 30px 20px;

	/*box-shadow: #00000040 0px 0px 19px 0px;*/

	box-shadow: #000 0px 0px 19px 0px;

    margin-bottom: 30px;

    text-align: center;

}



.Customer_Service .Customer_Service-box i img {

	height: 120px;

}



.Customer_Service .Customer_Service-box h3 {

	font-weight: 500;

	font-size: 15px;

	line-height: 22px;

	/*color: #050000;*/

	color: #000;

	padding: 20px 0px;

}



.Customer_Service .Customer_Service-box p {

    color: #0d0c0a;

    /*color: #ffc221*/ /* yallow */ 

	font-size: 17px;

	line-height: 28px;

}


.Customer_Service .Customer_Service-box .Customer_Service-button button {
  background-color: #008CBA; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  border-radius: 12px;
  width: 30%;
}

.Customer_Service .Customer_Service-box .Customer_Service-button button:hover {
  background-color: #4CAF50; /* Green */
  color: white;
}
/* ----- End Branch Customer Support Page ---------*/