@import url('predefind-classes.css');
@import url('navigation.css');
@import url('carousel-and-slider-footer.css');
@import url('lightbox.css');
@import url('contact.css');
@import url('gallery.css');
@import url('board-of-directors.css');
@import url('prize.css');
@import url('social-download.css');
@import url('underline.css');
@import url('menu-service-modal.css');
@import url('scroll-to-top.css');
@import url('bank-history.css');
@import url('service-convenience.css');
@import url('download.css');
@import url('calculator.css');
@import url('footer.css');


/* Site Global Classes */

.bg{background: #006939 !important;color:#fff;}
.bg th p {color: #fff;}

.title a.btn{padding: 10px 20px;background:#006939;color:#fff;margin: 5px;}

.bg-image img{margin: auto; padding: 10px;}

.tab .table-striped >tbody >tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {background-color: #D9EAB8;}

/* Site Global Classes end here */

/*Bank services Section css Code Start From Here*/

#bank-media{display: none;}  /* bank-media Css Code Appear in 768 px*/
#bank-media .subtitle-mobile{word-spacing: 2px;font-weight: 300;}

#bank-media .heading h2{color:#006939;}
#bank-media .panel{width:90%;margin:10px auto;}
#bank-media .panel-title{text-align: left !important;position: relative}
#bank-media a{display: block}
#bank-media i.fa-plus,i.fa-minus{position: absolute; right: 0px; top: 0px; font-size: 1em; display: block; transition: all 0.5s ease 0s}
#bank-media .panel{background:#006939;}
#bank-media .panel  p.main-heading{color:#fff;}
#bank-media .panel i.fa{color:#fff}
#bank-media .panel-body{background:#fff;}
#bank-media .panel-body ol li{padding: 5px;}
#bank-media .panel-body ol li a{color:#1457a2}
#bank-media .panel-body ol li a:hover{text-decoration: underline !important;color:darkblue;}

@media(max-width:768px)
{
    #bank-media{display: block;}
    #bank-service{display: none;}
}

/* Section of Bank Service */

/* circle section code Start */

#bank-service .bank-content{width:70%;margin: auto;}

#bank-service .bank-content .circle{width:180px; height:180px; border-radius: 50%;padding:16px;box-shadow:0px 0px 3px 2px #fda418;margin: auto;}

#bank-service .bank-content .service1{width:100%; height:100%; border-radius: 50%;padding:30px 0px;border:1px solid #ccc;position: relative;background: #fff;}
#bank-service .bank-content .service1 p{color:#006939;padding: 2px;}

/* circle section code end */

#all-services-bg{background:url('../images/bg.png')no-repeat;background-size:cover;min-height:450px;}
#all-services-bg .overlay{width:100%;min-height:450px;background:rgba(0,0,0,.5);}

#all-services-bg .info{color: #fff}

#btns {background: #fff;border-radius: 0px;color:#000;visibility:hidden;transition:ease-in-out 0.5s}
#bank-service .all-services .all-services-content1:hover .service-button a{visibility:visible;transition:ease 0.5s;}
#bank-service .all-services .all-services-content2:hover .service-button a{visibility:visible;transition:ease 0.5s;}
#bank-service .all-services .all-services-content3:hover .service-button a{visibility:visible;transition:ease 0.5s;}
#bank-service{margin: auto;text-align: center;}

#bank-service .all-services .all-services-content1 {
    padding: 10px 0px;
    color: #fff;
    transition: 0.5s;
    border: 1px solid transparent;
}

#bank-service .all-services .all-services-content2 {
    padding: 10px 0px;
    color: #fff;
    transition: 0.5s;
    border: 1px solid transparent;
}

#bank-service .all-services .all-services-content3 {
     padding: 10px 0px;
    color: #fff;
    transition: 0.5s;
    border: 1px solid transparent;
}

#bank-service .all-services .all-services-content1:hover {
    transition: 0.5s;
    background: rgba(63, 154, 45, 0.6);
}

#bank-service .all-services .all-services-content2:hover {
    transition: 0.5s;
    background: rgba(63, 154, 45, 0.6);
}

#bank-service .all-services .all-services-content3:hover {
    transition: 0.5s;
    background: rgba(63, 154, 45, 0.6);
}

#bank-service .service1  i.fa{font-size: 1.7em;}


.bg-content{transform: scale(1.1);transition: 0.5s;border: 1px solid #fff;background: rgba(63, 154, 45, 0.6);}
.visi{visibility: visible;}

@media(max-width:992px)
{
    #bank-service .bank-content{width:90%;margin: auto;}
}

/* Section of Bank Service */

/*announcement css code start from here*/

#main-ann{position: fixed;top: 30%;}

#announcement{position: absolute;top:40%;}
#announcement .title{background:#006939;color:#fff;padding: 10px 20px;display: inline-block;margin: 0;transform: rotate(-90deg);z-index: 1;cursor: pointer;position: absolute;top:50%;}
#announcement .title .txt{color:#fff;padding: 5px;}

#announcement-overlap{position: absolute;top:40%;display: none;z-index: 1;}
#announcement-overlap .title{background:#006939;color:#fff;padding: 10px 20px;display: inline-block;margin: 0;transform: rotate(-90deg);z-index: 1;cursor: pointer;position: absolute;top:50%;}
#announcement-overlap .title .txt{color:#fff;padding: 5px;}

#announcement-details{position:relative;left:-100%;transition:ease 1s;}
#announcement-details .notice{padding:20px 20px 20px 50px;width:350px;min-height:220px;background: #fff;color:#006939;border: 1px solid #006939;display: block;transition: ease 0.5s;}
#announcement-details .notice p{padding: 10px 0px 10px 10px;word-spacing: 3px;color:#1457a2;}

/*announcement css code end here*/