body,html{font-family: 'Oxygen', sans-serif;}
 

/*   Globel SIDEBAAR */
   .globel-sidebaar-container{ padding:14px;}
   .globel-sidebaar{ background-color:#f8be15;}
   .sidebaar-heading{ background-color: #016e1d; color:#FFF; text-align:center;
   padding:10px 20px;}
   .side-item > a{ color:#bf5a00; padding:12px; font-size:16px; font-weight:bold;  width:100%;
   display:block;}
   .side-item > a:hover{ background-color:#08874b; color:#FFF; 
   text-decoration:none;}
   .sit{ background-color:#08874b; color:#FFF !important; 
   text-decoration:none;}
   
   #sbtn{ background-color:#f8be15 !important; border-radius:0px; border:none !important;}
/*   END OF GLOBEL SIDEBAAR  */


/*  ====main page contnt=== */
 .main-heading{ color:#000; font-weight:bold;
 }
/*  end main page content */




/* load */
/* load */
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background:url(../images/load2.png) 50% 50% no-repeat rgb(249,249,249);
}
/* end*/
/* end load */


/*  stop on top */
  .relative {
    position:relative;
    width: 100%;
}
.fixed{ position:fixed; width: 100%;}
.top-m-margine{ margin-top:-156px;}
.top-m-margine-mz{ margin-top:-152px;}
.top-mb-margine{ margin-top:-350px;}
.logo-nav-container{ z-index:1; width:100% !important;}
.bottom-menu-card{ box-shadow:3px 0px 16px #CCCCCC;}
/*  end  */

/*  topbar style  */
.no-margin{margin: 0px !important;}
.card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.top-line{ background-color:#84b001; }
.top-right-menu{ list-style-type: none; padding: 0px; margin-top: 7px;
  margin-left: 60px;}
.top-right-menu > li{ display: inline;}
.top-right-menu > li > a{ color: #fff; text-decoration: none; 
	padding: 8px 20px;}
.top-right-menu > li > a:hover{ color: #fff; text-decoration: underline; }
.top-right-div{ background-color: #016e1d; }
.top-sep-img{display:inline !important; float: right !important; margin-right: -20px; height: 37px;
}

@-moz-document url-prefix() { 
  .top-sep-img{display:inline; float: right; margin-right: -20px; height: 37px; width:18px;}
}


.top-right-icon-menu{ display: none;
  list-style-type: none; padding: 0px; margin-top: 7px;
  margin-left: 60px;
 }
 .top-right-icon-menu > li{ display: inline; }
 .top-right-icon-menu > li > a{ color: #fff; text-decoration: none; 
  padding: 8px 20px; font-weight: bold;   }
  .top-right-icon-menu > li > a:hover{ color: #fff; text-decoration: underline; }
.top-right-div{ background-color: #016e1d; }
.ft{ display: none; background-color: #016e1d; margin:0px; padding-top: 0px; padding:10px; }
@media only screen and ( max-width: 1150px ){
   .top-left-div{ display: none !important; }
     .top-sep-img{ display: none !important; }
   .top-right-menu{ display: none; }
   .top-right-icon-menu{ display: block; }
   .ft{ display: block; }
} 
@media only screen and ( max-width: 380px ){
    .top-right-icon-menu > li > a{ padding: 8px 10px;  }
  }
@media only screen and ( max-width: 380px ){
.top-right-icon-menu > li > a{ padding: 8px 7px;  }
}
/*   end of topbar style   */


/* logo section style*/
.main-logo{  }
.logo-container{border-top: 4px solid #f8be15;
 background-color: #08874b; }
 .logo-text{ color:#fff; margin-left: 20px; display: block; margin-top: 20px;
  font-size: 24px;  }
.skip-to-menu,.skip-to-content{ color: #fff; }
.skip-to-menu:hover, .skip-to-content:hover{ color: #fff; text-decoration: underline; }
.seprater{ color: #fff; font-weight: bold; }
.fm-container{  color:  #bf5a00; font-weight: bold;}
@keyframes fmc1{
	 50% { transform: rotateZ(1deg);}
     100% { transform: rotateZ(-1deg);}
}
.fmc{background-color:#f8be15; width:220px; padding:10px; margin-top:12px;
border-top-left-radius:20px; border-bottom-right-radius:20px; margin-left: -13px; 
box-shadow:7px 4px 10px #bf5a00;
animation-name: fmc1;
    animation-duration:2s;
	animation-iteration-count: infinite; }
	
	#sbtn{ display:none;}
	.skip-container{ display:block; margin-top:40px;}
	@media only screen and ( max-width:1000px ){
	    .main-logo{ margin:auto;}
	   .skip-container{ display:block;margin-top:0px; text-align:center;}
	   .fmc{ margin:auto;}
	   #sbtn{ display:block;}
	   .globel-sidebaar-container{ display:none;}
	}
	
	
	
/*  end of logo section style  */



/*   =========navigation=============   */
.navbar-custom {
	background-color: #f8be15;
    color:#bf5a00;
  	border-radius:0;
    min-height:auto;
}
  
.navbar-custom .navbar-nav > li > a {
  	color:#bf5a00;
  	padding-left:15px;
  	padding-right:15px;
    padding-top:13px;
    padding-bottom:13px;
    font-weight: bold;
	margin-bottom:-1px;
}

.navbar-custom .navbar-nav > li > a::after{
    content: " | ";
    margin-left: 5px;
}

.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #bf5a00;
	background-color:transparent;
}
      
.navbar-custom .navbar-nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #94b33c;
    color: #fff;
}
.mit{text-decoration: none;
    background-color: #94b33c !important;
    color: #fff !important;}
 .navbar-custom .navbar-toggle,
.navbar-custom .nav .open>a, .navbar-custom .nav .open>a:hover,
 .navbar-custom .nav .open>a:focus {
   background-color:#94b33c;
}
.navbar-custom .icon-bar {
   border: 1px solid #fff;                
}
.navbar-custom .navbar-nav .open .dropdown-menu>li>a,
.navbar-custom .navbar-nav .open .dropdown-menu {
    color:#bf5a00;
    background-color: #f8be15;
}
.navbar-custom .navbar-nav .open .dropdown-menu>li>a:hover{
	text-decoration: none;
    background-color: #94b33c;
    color: #fff;
}

    /*  fix code */
      .relative{ position: relative; }
    /*  end */
/*  ===navigation end===  */



/* slider */
.slideshow-container {
  position: relative;
  margin-top: -20px;
}
.slider-img-style{ width:100%;}
.mySlides {
    display: none;
}
/* end of slider*/



/* what's new */
 #whats-new-btn{ position:fixed; top: 48%; right: -6%;
  background-color: #f8be15; color:#bf5a00; font-size: 24px;
  padding: 5px 30px 5px 30px; transform: rotate(-90deg); z-index: 9999;
  cursor: pointer;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;
}
@media only screen and ( max-width: 1150px ){
    #whats-new-btn{ right: -7%; }
}
@media only screen and ( max-width: 970px ){
    #whats-new-btn{ right: -8%; }
}
@media only screen and ( max-width: 850px ){
    #whats-new-btn{ right: -9%; }
}
@media only screen and ( max-width: 760px ){
    #whats-new-btn{ right: -10%; }
}
@media only screen and ( max-width: 800px ){
    #whats-new-btn{ display: none; }
}
#whats-new-content{
position:fixed; top: 35%;
right: 1%;
  background-color: #fff;
  padding: 10px;  z-index: 9999;
  border-top: 6px solid #f8be15;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;	
  display:none;
}
.whats-new-btn1{background-color: #f8be15; color:#bf5a00; font-size: 20px;
  padding: 5px 30px 5px 30px; margin-left: 10px; margin-right: 20px; text-align:center;}

.whats-new-main-content{ width: 280px; margin-top: 5px; height:300px; }

.whats-new-close-btn{ position: absolute; top: 2%; right: 2%;
font-size: 24px; cursor: pointer; }

.new-news-list{ list-style-type: none; margin-left: -10px; }
.wnna{ background-color: #000; color: #fff; border-radius: 50%; }
.new-news-list > li > a{ color: #353333; font-size: 14px; line-height: 23px; }
/* end of what's new  */




/*  right fix button */

.main-right-fix{
	position:fixed; top: 45%; left: 0%; z-index: 9999;
}
@media only screen and ( max-width: 950px ){
    .main-right-fix{ display: none; }
}
.main-interest-rate-content{ float: left;
  background-color: #f3f3f3; 
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;
  height: 200px; display: none; margin-top: -45px;
 }
 #per-new-btn{
  float: left;
  background-color: #f8be15; color:#bf5a00; font-size: 24px;
  padding: 5px 20px 5px 20px; 
  transform: rotate(90deg); z-index: 9999;
  cursor: pointer;
  margin-left: -90px;
  margin-top: 32px;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;
 }

 .int-rate-seprater{ border-right: 1px solid #c7c7c7; float: left; padding: 20px; 
 	height: 100%; }
 .lone-heading{ display: block; margin:auto; text-align: center; 
  color: #666666;	line-height: 40px;
 font-size: 15px; color:  }
 .loan-rate{ display: block; margin:auto; padding-top: 30px; }
 .loan-rate-act{  color: #007dc5; font-size: 26px; }
/*  end of right fixed button */




 /*  tab latest  */
   

/*  tab-pane */
 .tab-pane{ background-color: #007dc5; height: 300px; margin-top: 0px;
 padding: 20px; box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;
  border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
   color: #fff;
   }

@media only screen and ( max-width: 600px ){
   .tab-pane{ height: 400px; }
   .nav-tabs > li > a{ display: block !important; font-size: 12px; }
   .nav-tabs > li > a:hover{
     background-color: #ef7818 !important;
   /* line-height: 15px !important;
    margin-left: -14px; border-top:2px solid #ef7818;
     border-left:2px solid #ef7818;
     border-bottom: 2px solid #ef7818;
     margin-top: -4px !important; */
     } 
     .nav-tabs .active a:hover{
         background-color: #007dc5 !important;
  color: #fff !important;
  /*
    line-height: 18px !important;
    margin-left: -1px; border-top:1px solid #007dc5;
     border-left:2px solid #007dc5;
     border-bottom: 2px solid #007dc5;
     margin-top: -1px !important; */
     }
}





@media only screen and ( max-width: 520px ){
    .nav-tabs > li > a{ display: block !important; font-size: 10px; } 
      .nav-tabs > li > a:hover{
        background-color: #ef7818 !important;
		/*
       line-height: 12px !important;
       margin-left: -14px; border-top:2px solid #ef7818;
        border-left:2px solid #ef7818;
        border-bottom: 2px solid #ef7818;
        margin-top: -4px !important; */
        } 
        .nav-tabs .active a:hover{
            background-color: #007dc5 !important;
     color: #fff !important;
	 /*
       line-height: 15px !important;
       margin-left: -1px; border-top:1px solid #007dc5;
        border-left:2px solid #007dc5;
        border-bottom: 2px solid #007dc5;
        margin-top: -1px !important; */
        }

}



@media only screen and ( max-width: 480px ){
    .nav-tabs{ border-bottom: 2px dotted blue; }
    .nav-tabs > li{ display: block !important;
    width: 103% !important; }
    .nav-tabs > li > a{ display: block !important;
      width: 100% !important; }
  }





   .nav-tabs{ margin-left:9px;  }
   .nav-tabs > li{  }
   .nav-tabs > li > a{ background-color: #ef7818;
    border-radius: 0px !important;
    margin-left: -10px; padding:10px 20px 10px  20px;
    color: #fff; font-weight: bold; 
	border-radius:20px;
     }

     .nav-tabs > li > a:hover{
     background-color: #ef7818 !important;
    /* line-height: 27px;
     margin-left: -14px; border-top:4px solid #ef7818;
     border-left:4px solid #ef7818;
     border-bottom: 4px solid #ef7818;
     margin-top: -13px; */
     }
     .nav-tabs .active a:hover{
         background-color: #007dc5 !important;
  color: #fff !important;
    /*line-height: 27px;
    margin-left: -14px; border-top:2px solid #007dc5;
     border-left:2px solid #007dc5;
     border-bottom: 0px solid #007dc5;
     margin-top: -7px; */
     }


    .nav-tabs .active a {
  background-color: #007dc5 !important;
  color: #fff !important;
 
}

.tab-read-more{font-size: 20px;
color: #fff;
float: right; 
padding: 5px 7px; border-radius: 50%; border:1px solid #fff; }
.tab-read-more:hover{ color: #ef7818; text-decoration: none; }

/*  end tab-pane */
	
 /*  end latest tab */





/*  tab-pane 
 .tab-pane{ background-color: #007dc5; height: 300px; margin-top: 0px;
 padding: 20px; box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;
  border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
   color: #fff;
   }

@media only screen and ( max-width: 600px ){
   .tab-pane{ height: 400px; }
   .nav-tabs > li > a{ display: block !important; font-size: 12px; }
   .nav-tabs > li > a:hover{
     background-color: #ef7818 !important;
    line-height: 15px !important;
    margin-left: -14px; border-top:2px solid #ef7818;
     border-left:2px solid #ef7818;
     border-bottom: 2px solid #ef7818;
     margin-top: -4px !important;
     } 
     .nav-tabs .active a:hover{
         background-color: #007dc5 !important;
  color: #fff !important;
    line-height: 18px !important;
    margin-left: -1px; border-top:1px solid #007dc5;
     border-left:2px solid #007dc5;
     border-bottom: 2px solid #007dc5;
     margin-top: -1px !important;
     }
}





@media only screen and ( max-width: 520px ){
    .nav-tabs > li > a{ display: block !important; font-size: 10px; } 
      .nav-tabs > li > a:hover{
        background-color: #ef7818 !important;
       line-height: 12px !important;
       margin-left: -14px; border-top:2px solid #ef7818;
        border-left:2px solid #ef7818;
        border-bottom: 2px solid #ef7818;
        margin-top: -4px !important;
        } 
        .nav-tabs .active a:hover{
            background-color: #007dc5 !important;
     color: #fff !important;
       line-height: 15px !important;
       margin-left: -1px; border-top:1px solid #007dc5;
        border-left:2px solid #007dc5;
        border-bottom: 2px solid #007dc5;
        margin-top: -1px !important;
        }

}



@media only screen and ( max-width: 480px ){
    .nav-tabs{ border-bottom: 2px dotted blue; }
    .nav-tabs > li{ display: block !important;
    width: 103% !important; }
    .nav-tabs > li > a{ display: block !important;
      width: 100% !important; }
  }





   .nav-tabs{ margin-left:9px;  }
   .nav-tabs > li{  }
   .nav-tabs > li > a{ background-color: #ef7818;
    border-radius: 0px !important;
    margin-left: -10px; padding:10px 20px 10px  20px;
    color: #fff; font-weight: bold;
     }

     .nav-tabs > li > a:hover{
     background-color: #ef7818 !important;
     line-height: 27px;
     margin-left: -14px; border-top:4px solid #ef7818;
     border-left:4px solid #ef7818;
     border-bottom: 4px solid #ef7818;
     margin-top: -13px;
     }
     .nav-tabs .active a:hover{
         background-color: #007dc5 !important;
  color: #fff !important;
    line-height: 27px;
    margin-left: -14px; border-top:2px solid #007dc5;
     border-left:2px solid #007dc5;
     border-bottom: 0px solid #007dc5;
     margin-top: -7px;
     }


    .nav-tabs .active a {
  background-color: #007dc5 !important;
  color: #fff !important;
 
}

.tab-read-more{font-size: 20px;
color: #fff;
float: right; 
padding: 5px 7px; border-radius: 50%; border:1px solid #fff; }
.tab-read-more:hover{ color: #ef7818; text-decoration: none; }
*/
/*  end tab-pane */








/*  accordian style */
  /*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #fff;
        background-color: #ef7818;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading:hover{background-color: #df863e;}

    .panel-title {
        font-size: 16px;
        font-weight: bold;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

.tab-read-more1{font-size: 20px;
color: #ef7818;
float: right; 
padding: 5px 7px; border-radius: 50%; border:1px solid #ef7818; }
.tab-read-more1:hover{ color: #007dc5; text-decoration: none; }



/*  end of accordian style */


/*  loan detail  */

.activeloan{ background-color: #ef7818 !important;
border:none !important; color: #fff !important;
font-weight: bold; font-size: 23px; padding: 22px; }
.licon{ color: #ef7818; padding: 6px; border:2px solid #ef7818;
border-radius: 50%; }
.loasnper{ color: #ef7818; font-weight: bold;  }
.list-group-item{ font-weight: bold; text-align: left; font-size:13px;  }
.hate_world > li{ margin-left:-20px !important;}
/*  end loan detail */


/* latest news*/
 .lgn{border:1px solid #ef7818; height:325px; overflow:hidden;}
 .activeloan1{ background-color: #ef7818 !important;
border:none !important; color: #fff !important;
font-weight: bold; font-size: 23px; padding: 22px; 
border-radius: 0px !important; }
.wnna1{color: #ef7818; padding: 6px; border:2px solid #ef7818;
border-radius: 50%;}
.lgn{ font-weight: bold; }
.linknews { color: #000; font-weight: bold; padding: 10px; text-align: center;
line-height: 23px; }
/* end of latest news*/


/*  about bank*/
   .mainh1{ margin:0px; padding: 0px; color: #ef7818; font-weight: bold; }
   .main-p{ text-align: justify; }
/* end about bank */


/*   footer */
   .footer-container{ background-color: #999999;
   margin-top: 30px; padding: 20px 20px; }

   .fic{ background-color: #fff; color: #999999; 
   border-radius: 50%; padding: 4px;  }

    .footer-list{ list-style-type: none; }
   .footer-list > li > a{ color: #fff; text-decoration: none; 
   font-weight: bold; font-size: 14px;  line-height: 30px;}
   .footer-list > li > a:hover{ color: #353333; }


    .ffcontainer{ padding: 20px; background-color: #6c6767; color: #fff; }
    .dev-link{ color: #fff; }
    .dev-link:hover{ color: #fff; }
/*   end of footer */




/* ======right flash news link====== */
  .new-news-link{ color:#333; text-decoration:none;}
/* ============end=== */

.mainp{ text-align:justify;}


#tlm{float:left; margin-top:7px; font-weight:bold;}
@media only  screen and ( max-width:1000px ){
	   #tlm{ display:none;}
    
}


@media only  screen and ( max-width:500px ){
.top-right-icon-menu{ margin-left: -20px; }
}



@media only  screen and ( max-width:1300px ){
  .top-right-menu > li > a{ color: #fff; text-decoration: none; 
  padding: 8px 8px;}
}


#dps  { padding: 10px; display: none ; }