body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    background: #fff;
    color: #333333;
    font-size: 14px;
    line-height: 19px;

}

/* loader */


 body.loaded {
   overflow-y: auto;
 }
 
 .overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 100000000;
 }
 .overlay .overlayDoor:before, .overlay .overlayDoor:after {
   content: "";
   position: absolute;
   width: 50%;
   height: 100%;
   background: #fff;
   transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
   transition-delay: 0.8s;
 }
 .overlay .overlayDoor:before {
   left: 0;
 }
 .overlay .overlayDoor:after {
   right: 0;
 }
 .overlay.loaded .overlayDoor:before {
   left: -50%;
 }
 .overlay.loaded .overlayDoor:after {
   right: -50%;
 }
 .overlay.loaded .overlayContent {
   opacity: 0;
   margin-top: -15px;
 }
 .overlay .overlayContent {
   position: relative;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
 }
 .overlay .overlayContent .skip {
   display: block;
   width: 130px;
   text-align: center;
   margin: 50px auto 0;
   cursor: pointer;
   color: #fff;
   font-family: "Nunito";
   font-weight: 700;
   padding: 12px 0;
   border: 2px solid #fff;
   border-radius: 3px;
   transition: 0.2s ease;
 }
 .overlay .overlayContent .skip:hover {
   background: #ddd;
   color: #444;
   border-color: #ddd;
 }
 
 .loader {
   width: 220px;
   height: 220px;


   position: relative;

   display: flex;
   justify-content: center;
   align-items: center;
 }
 .loader .inner {
   width: 350px;
   height: 200px;     margin-top: 180px;

 
 }
 
 @-webkit-keyframes spin {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }
 
 @keyframes spin {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }
 @-webkit-keyframes spinInner {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(-720deg);
   }
 }
 @keyframes spinInner {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(-720deg);
   }
 }

 
 .header {
   background: url("https://picsum.photos/4096/2160?random=1") center/cover;
   background-size: cover;
   height: 100vh;
 }
 .header .darken {
   background:#fff;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }
 .header .darken h1 {
   font-family: "Nunito";
   font-weight: 700;
   color: #fff;
   margin: 0 0 20px 0;
   text-align: center;
 }
 .header .darken h1 span {
   font-size: 12px;
   top: -10px;
   position: relative;
 }
 .header .darken p {
   color: #fff;
   font-family: "Roboto";
   font-weight: 700;
   text-align: center;
   width: 500px;
   margin: 0 auto;
   line-height: 25px;
 }
 
 .contentOther {
   background: #fff;
   width: 900px;
   margin: 0 auto;
   padding: 20px;
   box-sizing: border-box;
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
 }
 .contentOther .video {
   height: 484px;
   width: 100%;
   border-radius: 5px;
 }
 .contentOther h1 {
   font-family: "Roboto";
   margin: 0 0 10px 0;
   font-weight: 400;
 }

/* loader */

:root {
    --main-btn-color: background: linear-gradient(0deg, rgba(231, 27, 36, 1) 50%, rgba(214, 4, 13, 1) 100%);
}
b, strong {
    color: #333;
}
a {
    color: #333 ;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    outline: none !important; 
}
a:hover {
    color: #01783e;
    text-decoration: none;
    transition-delay: 0.1s; outline: none;
}
img{
   width: 100%;
}
.clear {
    clear: both 
}
p {
   margin:0 0 20px 0
}
.navbar-nav {
    float: right;
    margin: 0;
}


.btn.blue{
    background: #024e97;
    padding: 13px 35px 13px 35px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;  transition: all 0.2s ease;
    background-position: center;
  
}
.btn.blue:hover{ background: #024282; outline:none; transition: all 0.2s ease;}
.btn.blue i{ margin-left: 10px; font-size: 17px; position: relative; top: 3px;}


.btn{
    background: #01783e;
    padding: 15px 35px 15px 35px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;  transition: all 0.2s ease;
    background-position: center;
    transition: background 0.9s;
}
.btn:hover{ background: #016d3a; color: #fff; outline:none; transition: all 0.2s ease;}

.btn i{ margin-left: 10px; font-size: 17px; position: relative; top: 3px;}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:hover{
    color: #fff;
    background-color: #bb2b3a;
    border-color: #bb2b3a;
}


#inner-content{ margin-bottom: 35px;}
.date-style{font-size: 18px;
   color: #DE0F19;
   margin-bottom: 20px; }

.innerdates{ padding: 0; margin: 0 0 25px 0;}
.innerdates li{ padding: 0; margin: 0; list-style: none; display: inline-block; font-size: 18px; color:#DE0F19;}

.innerdates li:after { content:''; float: left; width: 1px ; height:15px; background: #DE0F19; margin-left: 15px;
margin-right: 15px; position: relative; top: 5px;} 
.innerdates li:first-child:after { content:''; margin-left: 0; width: 0;
   margin-right: 0; position: relative; top: 5px;} 

/* table{width: 100%; margin-bottom: 25px; border-top: 1px solid #ddd;}

table thead tr td{ background: #DE0F19; color: #fff;}
table tr td{ border: 1px solid #d2d8dd; padding: 5px; text-align: left; } */

input, button, select, textarea{ outline: none;}
input:hover, button:hover, select:hover, textarea:hover{ outline: none;}

.purchasemutualfund, .mutualfund{ display: none !important;}

.stickywrapper{background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 5; }
.darkHeader{ position: fixed; z-index: 555; width: 100%; top: 0; }

.stickywrapper.darkHeader{ box-shadow: 0 0 5px #00000045; top: 0;}

.form-group label{ font-weight: 400;}
.bonus-form{ margin-bottom: 25px;}
.topheader{
    height: 37px; position: relative;
}
.tollfree{
    float: left;
    margin-left: 255px;
    margin-top: 10px;
}
.tollfree a{
    color: #e3161f 
}

.lang-select{ 
    display: inline-block;
    border-left: 1px solid #5d90c4;
    padding-left: 10px;
    margin-left: 5px;
}


.lang-select select{ 
    background: none; color: #fff; border: 0;
}
.lang-select select option{ 
    color: #000; border: 0;
}
.topmenu{
    list-style: none;
    text-align: right;
    float: left;
    margin-top: 10px;
    margin-bottom: 0;
    left: 20.1vw;
    position: relative;
}
.topmenu li{
    display: inline-block;
}
.topmenu li a{ font-size: 12px;
    padding: 0 3px 0 3px;
    margin-left: 2px;
}
.topmenu li a:hover, .topmenu li a:active, .topmenu li a:focus{
    color: #01783e;
}
.topmenu li a:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    font-size: 12px;
    background: #e1e1e2;
    margin-left: 10px;
    position: relative;
    top: 2px;
}


.topheadericons{ float: right; background: #0c569f; position: relative;}

.mutualfund{ float: right;
   color: #ffffff;
   background: #DE0F19;
   padding: 10px 15px; display: none; margin-left: 20px;  }

.mutualfund:hover, .mutualfund:focus, .mutualfund:active{ 
   background: linear-gradient(430deg, rgba(231, 27, 36, 1) 50%, rgba(214, 4, 13, 1) 100%); color: #fff;}

   .curveblue{height: 40px;
    position: absolute;
    width: 38px;
    left: -36px;
    top: 0;}

.topheadericons:after{ content: '';
    display: block;
    width: 350%;
    background: #0c569f;
    height: 40px;
    position: absolute;
    left: 100%;
    top: 0;}

.topmenu-icons{
    list-style: none;
    text-align: right;
    border-left: 1px solid #E0E0E0; margin-bottom: 0; padding: 0; display: inline-block;
   
}
.topmenu-icons li{
    display: inline-block;
    position: relative;
}
.topmenu-icons li a{
    display: inline-block;
    padding:12px 6px 8px 6px;
    position: relative; color: #fff;
}
.topmenu-icons li a:hover{
    background: #004586;
}

.topmenu-icons li a span{
    background: #333333;
    border-radius: 50px;
    display: block;
    position: absolute;
    top: -3px;
    width: 13px;
    height: 13px;
    color: #fff;
    font-size: 9px;
    text-align: center;
    line-height: 13px;
    left: 12px;
}
.topmenu-icons i{
    font-size: 15px;
}
.navbar-header{
    position: relative;
}
.menucorner{
    position: absolute;
    top: -37px;
    left: -110px;
}
.navbar-brand{
   height: 65px;

}
.applynowbtn{
    float:right;
}
#navbar{
    float:right;
}
.navbar{
    position: static !important;
    margin-bottom: 0;
    background: #ffffff;
    margin: auto !important;
    display: block;
    padding: 0;
}
.navbar-brand > img {
   display: block;
    height:63px; width: auto;
}
.navbar-nav > li > a {
    padding-top: 55px;
    padding-bottom: 50px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #333;
    text-transform:uppercase;
    font-weight: 600;
}
#ourservices{
}
.partner{
    text-align:center;
    padding-top:23px
}
.partner span{
    display: block;
   margin-top: 0px;
   text-align: center;
   font-size: 11px;
   margin-bottom: 5px;
    color:#636363;
}
.partner img{
    width:145px;
}
.applynowbtn{
    padding: 8px 15px 5px 15px;
    border-radius: 5px;
    margin-top: 20px;
    text-decoration: none;
    font-weight: 400;
    height: 35px;
    font-size: 14px;
    position: relative; margin-left: 10px;
    background: #125c9c;
    color: #fff;

}
.applynowbtn i{ float: left;
    font-size: 11px;
    position: relative;
    top: 5px;
    margin-right: 5px; }
.applynowbtn:hover{

    color: #fff;
    cursor: pointer; background: #11528c;
}

.applynowbtn .login-btm{ position: absolute;
   top: 36px;
   right: 0;
   background: #ffffff;
   padding: 6px 15px 6px 15px; width: 180px;
  
   list-style: none; border-radius: 10px; display:none; box-shadow: 0 5px 5px #0000004d; margin-left: 15px; z-index: 1;}



.applynowbtn .login-btm ul{ list-style: none; padding: 0; margin: 0}
.applynowbtn .login-btm li{ border-bottom: 1px solid #ececec }
.applynowbtn .login-btm li:last-child{ border-bottom: 0px solid #e3e3e3 }
.applynowbtn .login-btm ul li a{ padding: 7px 0; display: block; font-size: 14px; font-weight: 400 }
.applynowbtn .login-btm ul li a:hover,
.applynowbtn .login-btm ul li a:focus,
.applynowbtn .login-btm ul li a:active{ color: #DE0F19 }

#slider{
    position: relative;
}
.slidertxt{
    width: 480px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}
.slidertxt ul{
   padding: 0;
    margin:0;
    list-style: none;
    margin-left: 20px;
}
.slidertxt ul li{
    width: 50%;
    list-style: none;
    font-size: 16px;
    position: relative;
    float: left;
    margin-bottom: 13px;
    font-weight: 400 
}
.slidertxt ul li:after{
    content: '';
    display: block;
    width:8px;
    height: 8px;
    background: #fff;
    position: absolute;
    left: -20px;
    top: 11px;
    border-radius: 15px;
}
.carousel-caption p{
    font-size: 55px;
   font-weight: 700;
   margin-top: 0;
   padding-top: 0;
   line-height: 50px;
    text-transform:uppercase;
}
.carousel-caption p span{
    display:block;
    color:#ff5900;
}
.carousel-caption a{
    border: 2px solid #ff5900;
   padding: 8px 30px;
   font-size: 20px;
   color: #fff;
   font-weight: 600;
   border-radius: 80px;
   text-transform: uppercase;
}
.carousel-caption a:hover, .carousel-caption a:focus{
    border: 2px solid #fff;
    color: #fff;
}
.graywrapper{
    background:#F3F3F3;
    padding:30px 20px;
    color:#686868;
    min-height: 417px;
    border: 1px solid #e3e3e3;
}
.graywrapper strong{
   color:#686868;
}
.sectionpadding{
    padding:70px 0 0px 0;
}
.block-title{
    color: #e66224;
   margin-top: 0;
   padding-top: 0;
   font-size: 18px;
   font-weight: 600;
   text-align: left;
   height: 43px;
   margin-bottom: 10px;
    overflow:hidden;
}
.block-title span{
    color: #e66224;
   font-weight: 300;
    line-height: 21px;
}
.blockfont{
    font-size: 12px;
   line-height: 15px;
}
.readmore{
    font-size: 12px;
   color: #E16620;
   display: inline-block;
   margin-top: 15px;
   font-weight: 600;
}
.readmore:hover, .readmore:focus{
    color:#5696EB;
}
.blocklist{
    list-style:none;
    padding:0;
    margin:0;
}
.blocklist li{
    margin-bottom: 14px;
   border-bottom: 1px solid #738289;
   padding-bottom: 10px;
}
.blocklist li:last-child{
    margin-bottom:0;
    border-bottom:0;
    padding-bottom:0;
}
.blocklist li:last-child a{
    margin-bottom:0;
}
.blocklist a{
    color: #e0651f;
   margin-top: 0;
   padding-top: 0;
   font-size: 16px;
   font-weight: 500;
   display: block;
   line-height: 20px;
   text-align: left;
   height: 20px;
   overflow: hidden;
}
.blocklist a:hover, .blocklist a:focus{
    color: #686868;
}
.blocklist a span{
    font-weight: 300;
    line-height: 21px;
}
.blocklist li span.blockdate{
    color: #686868;
   font-size: 11px;
   margin-bottom: 3px;
   display: block;
   margin-top: 3px;
}
.news-cont{
    font-size: 13px;
   text-align: left;
   height: 32px;
   overflow: hidden;
}
.homemain-title{
    font-size:34px;
    color:#e66224;
    text-transform:uppercase;
    padding-top:0;
    margin-top:0;
    margin-bottom:5px;
    text-align:center;
    font-weight:300;
}
.homemain-title-txt{
    color:#9a9a9a;
    font-size:14px;
    text-align:center;
    margin-bottom:35px;
}
#life-blackbox ul{
    padding:0;
    margin:0;
    list-style:none;
}
#life-blackbox ul li{
    width: 31.33%;
   float: left;
   background: red;
   margin-right: 2%;
   margin-bottom: 20px;
   height: 244px;
   overflow: hidden;
}
#life-blackbox ul li:first-child{
    width:64.65%;
}
#life-blackbox ul li:nth-child(7){
    width:64.65%;
}
#resource-center{
    padding-bottom:50px;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}
.owl-theme .owl-dots .owl-dot span {
   width: 10px;
   height: 10px;
   margin: 5px 5px;
   background: red;
   display: block;
   -webkit-backface-visibility: visible;
   transition: opacity .2s ease;
   border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot {
   display: inline-block;
   zoom: 1;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
   background: blue;
}
.owl-theme .owl-dots,.owl-theme .owl-nav{
   text-align:center;
   -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-nav{
   margin-top:10px
}
.owl-theme .owl-nav [class*=owl-]{
   color:#FFF;
   font-size:14px;
   margin:5px;
   padding:4px 5px;
   background:#D6D6D6;
   display:inline-block;
   cursor:pointer;
   border-radius:3px
}
.owl-theme .owl-nav [class*=owl-]:hover{
   background:#869791;
   color:#FFF;
   text-decoration:none
}
.owl-theme .owl-nav .disabled{
   opacity:.5;
   cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots{
   margin-top:10px
}
.owl-theme .owl-dots .owl-dot{
   display:inline-block;
   zoom:1
}
.owl-theme .owl-dots .owl-dot span{
   width:10px;
   height:10px;
   margin:5px 5px;
   background:#01783e;
   display:block;
   -webkit-backface-visibility:visible;
   transition:opacity .2s ease;
   border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
   background:#02509b
}
.owl-prev, .owl-next{
    display:none !important;
}
#footer{
    background:#02509b;
    padding:80px 0 60px 0;

}
.img-responive{
    width:100%
}

/* ---------------------- Menu Css */
a {
    text-decoration: none;
}
div#overlay {
    display: none;
}
a#toggle {
   position: fixed;
   top: 10px;
   left: 10px;
   width: 40px;
   height: 40px;
   background-color: #e3161f;
   text-align: center;
   color: white;
   display: none;
   transition: all ease-out 0.3s;
    z-index: 555;
}
a#toggle i {
   position: relative;
   top: 44%;
   transform: translateY(-50%);
}
#menu {
   text-align: center;
    transition: all ease-out 0.3s;
    text-transform: uppercase;
    float: left;
    margin-left: 35px;    
   top: 5px;
}
#menu a {
    color: #fff;
}
#menu ul {
   margin: 0;
   padding: 0;
}
#menu > ul > li {
   display: inline-block;
   position: relative;
}
#menu ul li > a {
    display: inline-block;
    padding: 27px 10px 25px 10px;

    font-size: 14px;
    text-transform: none; 
}


#menu ul li > a > i {
    margin-left: 5px;
    float: right;
    top: 6px;
    position: relative;
    left: 2px;
    font-size: 10px;
}
#menu > ul > li > ul {
    display:none;
    position: absolute;
   top: 80px;
   width: 200px;
   text-align: left;
   box-shadow:0px 0px 4px #00000029;
   z-index: 9; margin-top: -6px;
}
#menu > ul > li > ul li i{ left: 0px; }

#menu > ul > li:hover>ul {
   display:block;
   position: absolute;
   top: 76px;
   width: 200px;
   text-align: left;
   box-shadow:0px 0px 4px #00000029;
   z-index: 9;
}
#menu ul li ul li a {
    display: block;
   padding: 8px 10px 8px 10px;
   border-bottom: 1px solid #e3e3e3;
   background: #ffffff;
    color: #333;
    height: auto;
    font-size: 13px;
}
#menu ul li ul li a:hover {
    background: #e71b24;
    color: #fff;
}
#menu ul li:hover>a {

    color: #e3e3e3; 
}
#menu ul li:hover > a > i {
    transform: rotateZ(90deg);
    transition: all 0.3s ease;
}
#menu ul li.active a{
    color: #ffffff;
}
#menu ul li.active a:after{
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    position: relative;
    top: 5px;
}
#menu ul li ul li {
    display: block;
    position:relative;
}
#menu>ul>li>ul>li>ul{
    position: absolute;
   top: 0px;
   width: 200px;
   text-align: left;
   box-shadow: 0px 4px 5px #00000052;
   z-index: 9;
   left: 200px;
    display:none;
}
#menu>ul>li>ul>li:hover>ul{
    display:block !important;
}
#menu ul li ul li a:last-child{
   
}

#menu ul li ul li ul li {
    display: block;
    position:relative;
}
#menu>ul>li>ul>li>ul>li>ul{
    position: absolute;
   top: 0px;
   width: 200px;
   text-align: left;
   box-shadow: 0px 4px 5px #00000052;
   z-index: 9;
   left: 200px;
   display:none;
}
#menu>ul>li>ul>li>ul>li:hover>ul{
    display:block !important;
}

#menu ul>li>ul>li:hover>a {
   background: #01783e;
   color: #fff; 
}

#menu ul>li>ul>li>ul>li:hover>a {
   background: #01783e;
   color: #fff; 
}   

.level-fourth{ display: none; }
.bannertop{
    background-image: url("../images/title-img.jpg");
    background-size: cover;
    padding-top: 45px;
    padding-bottom: 45px; margin-bottom: 80px; background-position: center;
}
.bannerimg{
    text-align: left;
}
.bannerimg h1{
    color: #fff;
    font-size: 36px;
    font-weight: 700;
}
.banner-txt{font-size: 14px;
    letter-spacing: 0;
    margin-top: 10px !important;
    font-family: "Roboto", sans-serif;
    color: white;
    width: 45%;
    line-height: 22px;}

.img-responsive{
    width:100%;
}

.header-bottom-navi {
    padding: 0;
    margin: 15px 0 0 0;
}
.header-bottom-navi li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    background: #3d78af;
    margin-left: -4px;
}
.header-bottom-navi li a {
    opacity: 0.6;
    color: #fff;
    font-size: 12px;
    padding: 6px 12px;
    display: inline-block;
}
.header-bottom-navi li a:hover {
    opacity: 1;

}

.header-bottom-navi li i {
    font-size: 8px;
    color: #fff;
    opacity: 0.6;
}
.header-bottom-navi li:last-child a {
    opacity: 1;
}



.boldfont{
    font-size: 16px;
    color: #666666;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 20px;
}
.maintxt {
    color: #666;
    line-height: 26px ;
    padding-right: 35px;
    font-size: 14px; 
}
.maininner-container  h2{
    font-size: 24px;
    color: #383e42;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif;
}
.maininner-container  h3 {
    font-size: 18px;
    color: #383e42;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif;
}

.maininner-container{
    margin-bottom: 35px;
}
.sidebox h2{
    margin-bottom: 15px;
    color: #da0b14;
    margin-top: 0;
    font-size: 20px;
    font-weight: 700;
}
.abtlist {
    list-style: none;
    padding: 0;
    margin:0 
}
.abtlist li{
    border-bottom: 1px solid #F2F2F2;
}
.abtlist li a{
    padding: 12px 0;
    display: block;
    color: #888888;
    font-size: 14px;
}
.abtlist li a i{
    margin-right: 10px;
    color: #888888;
    font-weight: 500;
    font-size: 11px;
}
.abtlist li a:hover, .abtlist li a:focus{
    color: #da0b14; text-decoration: none; outline: none; background-color: transparent;
}
.abtlist li a:hover i{
    color: #da0b14;
}
.sidebox{
    margin-bottom: 50px;
}
.sidebox a.customview {
    border-bottom: 1px solid #cccccc;
    color: #999999;
    padding: 0 2px;
    font-size: 13px;
    position: relative;
    top: -3px;
    margin-left: 10px;
}
.sidebox a.customview:hover {
    border-bottom: 1px solid #da0b14;
    color: #da0b14;
}
.sidebox a.customview:hover i{
    color: #da0b14;
}
.sidebox .noticesection li a {
   color: #888888;
    font-size: 14px;
    height: 50px;
    overflow: hidden;
}
.sidebox .noticesection li .noticedate{
    margin-right: 10px;
}
.gallery-list{
    padding:0;
    margin:0;
}
.gallery-list li{
    margin-bottom:25px;
    list-style:none;
    position:relative;
}
.gallery-list li a img{
    width:100%;
}
.gallery-list li a span{
    position: absolute;
   bottom: 0px;
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 98%, rgba(0,0,0,0.65) 100%);
   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 98%,rgba(0,0,0,0.65) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 98%,rgba(0,0,0,0.65) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
   display: block;
   width: 89%;
   left: 15px;
   padding: 10px;
   color: #fff;
   font-weight: 700;
    opacity:0;
}
.gallery-list li a:hover span{
    opacity:1;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.slider-blocks{
    width: 560px;
   top: 100px;
   position: absolute;
   left: 50%;
   margin-left: -569px; box-shadow: 0 2px 5px #00000005;
} 
.netasset{ margin-left: 15px;
    
}
.netasset div{
    text-transform: uppercase;
    font-size: 15px ;
    letter-spacing: 2px;
    text-shadow: none ;
    font-weight: 600 ;
    line-height: 1.2;
    color: #fff; margin-bottom: 15px;
}

.netasset p{
    font-size: 16px;
    text-align:left;
    line-height: 24px;
    margin-bottom: 15px;
}
.netasset a{
    margin-top: 0 
}
.view-stock{
    text-align:right;
    margin-top: 10px;
}
.view-stock a{
    color: #D6040D;
}
.slider-blocks h3{
    font-size: 42px;
    margin-top: 0;
    color:#fff;
    font-weight: 400;
    text-align: left;
    line-height: 55px; margin-bottom: 25px; font-family: "Poppins", sans-serif;
}
.slider-blocks h3 span{
    font-size: 14px;
    color:#333;
    font-weight: 400;
    float: right;
    position: relative;
    top: 2px;
}
.blockstyle{
    background: #fff;
    box-shadow: 0 0 6px #0000001a;
    border-radius: 20px;
    padding: 30px;
    position: relative;
    z-index: 50;
    height: 280px;
    margin-bottom:90px;
}
.blockstyle2{
    background: #fff;
    box-shadow: 0 0 6px #0000001a;
    border-radius: 20px;
    padding: 0;
    position: relative;
    z-index: 50;
    height: 280px;
    overflow: hidden;
    margin-bottom:90px;
}
.blockstyle2 img{
    height: 280px;
    width: 100%;
    object-fit: cover;
}
.blockstyle2 a:hover img{
    opacity: 0.9;
}
.title-class{
    font-size: 24px;
    color:#da0b14;
    margin-top: 0;
    margin-bottom: 35px;
    font-weight: 700;
}
.title-class a{
    border-bottom: 1px solid #cccccc;
    color: #999999;
    padding: 0 2px;
    font-size: 13px;
    position: relative;
    top: -3px;
    margin-left: 10px;
}
.title-class a i{
    color: #999999 
}
.title-class a:hover, .title-class a:active, .title-class a:focus{
    color: #da0b14;
    border-bottom: 1px solid #da0b14;
}
.title-class a:hover i, .title-class a:active i, .title-class a:focus i{
    color: #da0b14;
}
#slider{
    margin-bottom: 50px; margin-top: 112px;
}
.pos-rel{
    position: relative;
}
.pos-rel:after{
    content: '';
    display: block;
    background: #E8E9ED;
    width: 265px;
    height: 312px;
    border-radius: 20px;
    position: absolute;
    top: -15px;
    left: -16px;
}
.abttxt p{
    font-size: 16px;
    color: #212121;
    line-height: 24px;
    font-weight: 500;
}
.abttxt div{
   font-size: 14px;
    color: #888888;
    line-height: 24px;
}
.servicesbg{
    background: #fff;
    box-shadow: 0 0 8px #0000001a;
    border-radius: 20px;
    padding: 30px;
    position: relative;
    z-index: 50;
    height: 130px;
    text-align: center;
    color: #7b7b7b;
}
.servicesbg a{
}
.customview{
    color: #999;
    font-size: 14px;
    font-weight: 400;
}
.customview i{
    font-size: 9px;
    color: #969494;
    position: relative;
    top:-1px;
    margin-left: 2px;
    font-weight: 400;
}
.serviceblock{
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 6px #0000001a;
    padding: 15px 25px 20px 25px;
    margin: 5px 4px 5px 0px;
    display: block;
}
.serviceblock{
    color: #7b7b7b;
    font-size: 14px;
    text-align-last: center;
}
.serviceblock:hover, .serviceblock:active, .serviceblock:focus{
    box-shadow: 0 0 10px #0000003a;
    color: #676767;
}
.serviceblock img{
    height: 60px;
    width: auto !important;
    margin: auto;
    margin-bottom: 16px;
}
#ourservices {
    position: relative;
    margin-bottom: 70px;
}

#ourservices .owl-theme .owl-dots .owl-dot span{
    background: #fff;
    border:2px solid #b3b3b3;
    width: 11px;
    height: 11px;
}
#ourservices .owl-theme .owl-dots .owl-dot.active span {
    background: #DB0A13;
    border:2px solid #DB0A13;
    width: 11px;
    height: 11px;
}
.pos-rel2{
    position: relative;
}
.pos-rel2:after {
    content: '';
    display: block;
    background: #E8E9ED;
    width: 265px;
    height: 312px;
    border-radius: 20px;
    position: absolute;
    top: -15px;
    right: -16px;
}
.rightforyou .rightforyou-img{
    height: 160px;
    width: 100%;
}
.rightforyou .rightforyou-img img{
    height: 160px;
    width: 100%;
    object-fit: cover;
}
.rightforyou .rightforyou-txt{
   font-size: 15px;
    color: #212121;
    font-weight: 600;
    margin-top: 15px;
    display:block;
}
#right-section .owl-theme .owl-dots .owl-dot span{
    background: #fff;
    border:2px solid #b3b3b3;
    width: 11px;
    height: 11px;
}
#right-section .owl-theme .owl-dots .owl-dot.active span {
    background: #DB0A13;
    border:2px solid #DB0A13;
    width: 11px;
    height: 11px;
}
.line{
    border-bottom: 1px solid #cccccc;
   display: block;
    margin-bottom:20px;
}
.btnlink a{
    background: #5696EB;
   padding: 9px 20px 8px 20px;
   border-radius: 28px;
   margin-top: 0px;
   text-transform: uppercase;
   color: #fff;
   text-decoration: none;
   font-weight: 600;
   border: 0;
   display: block;
   width: 155px;
   text-align: center;
}
.btnlink a:hover{
    background: #2B7AE6;
   color: #fff;
}
.txtarea{
    width:100%;
    margin-top:15px;
    resize:none;
    border: 1px solid #d3d3d3;
   color: #878787;
    padding: 15px;
    outline:none;
    height:90px;
}
.noticesection{
    padding: 0;
    margin:0;
}
.noticesection li{
    padding: 0;
    margin:0;
    list-style: none;
    margin-bottom: 20px;
}
.noticesection li .noticedate{
    width: 50px;
    height:50px;
    float: left;
    background: #EAEBEF;
    text-align:center;
    font-size: 20px;
    padding-top:6px;
    margin-right: 20px;
    font-weight: 500;
    color: #212121;
}
.noticesection li .noticedate span{
    display: block;
    font-size: 20px;
    font-size: 12px;
    color: #5a5a5a;
}
.noticesection li a{
    color: #888888;
    font-size: 15px;
    text-align:left;
    display: block;
    line-height: 22px;
    padding-top: 2px;
}
.noticesection li:after{
    content:'';
    display: block;
    clear: both;
}
.noticesection li:hover .noticedate span, .noticesection li:active .noticedate span, .noticesection li:focus .noticedate span{
    color: #DB0A13 
}
.noticesection li:hover .noticedate, .noticesection li:active .noticedate, .noticesection li:focus .noticedate{
    color: #DB0A13 
}
.noticesection li:hover a, .noticesection li:active a, .noticesection li:focus a{
    color: #DB0A13 
}
.footer-abt img{
    width: 169px;
    margin-bottom: 10px;
}
.footer-abt p{
    color: #fff;
    opacity: 0.9;
    text-align: left;
    font-size: 14px;
    line-height: 22px; margin-bottom: 10px;
}
.socialmedia {
    padding: 0;
    margin: 10px 0 0 0 ;
}
.socialmedia li{
    padding: 0;
    margin: 0;
    display: inline-block;
}
#footer .socialmedia li a{
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0 0px 0 0;
    display: block;
    background: none;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #ffffff4f;
    line-height: 36px;
}
#footer .socialmedia li a:hover, #footer .socialmedia li a:focus, #footer .socialmedia li a:active{
    background:#ffffff29;
}
#footer h4{
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    border-bottom: 1px solid #ef5961;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 25px;
}
#footer h4:after{
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: -2px 
}
.quicklinks{
    list-style: none;
    padding: 0;
    margin:0 0 0px 0;
}
.quicklinks li{
    margin-bottom: 10px;
    width: 31%;
    float: left;
    padding-right: 2%; text-align: left;
}
.quicklinks li a{
    font-size: 14px;
    text-align: left;
}
.quicklinks li a:hover, .quicklinks li a:focus, .quicklinks li a:active{
    opacity: 1;
    
}
.quicklinks li a i{
    font-size: 9px;
    margin-right: 10px;
    color: #fff;
    opacity: 0.8;
    text-align: left;
    position: relative;
    top: -1px; font-weight: 300;
}
.quicklinks li a:hover i, .quicklinks li a:focus i, .quicklinks li a:active i{
    opacity: 1; margin-left: 5px; transition: all .3s ease 0s;
    
}


.contact {
   padding: 0;
    margin: 0
}
.contact li{
    font-size: 14px;
    color: #fff;
    opacity: 0.9;
    list-style: none;
    margin-bottom: 20px;
    text-align:left;
}
.contact li a{
    font-size: 14px;
    color: #fff;
    opacity: 0.9;
}
.contact li a:hover, .contact li a:focus, .contact li a:active{
    border-bottom: 1px solid #fff;
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 1px 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 1px 3px;
    background-color: #fff;
    position: relative;
    top: 0px;
}
.menuwhite{
    display: none;
}

.pr{ position: relative; }


.application{ background: #01783e;
   position: relative;
   z-index: 2; }

.manubtm{ height: 20px; background: #01783e; margin-top: -17px }

.navbar:after{     content: "";
    background: #01783e;
    position: absolute;
    height: 58px;
    width: 560px;
    margin-left: -15px;
    bottom: 10px;
    min-height: 64px;
    right: 0;}



.navbar-header{ position: relative; }
.navbar-header:after{ content: '';
    display: block;
    background: url(../images/menucurve.png);
    width: 53px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    right: -53px;
    z-index: 3;
    top: 0px;
    background-size: 51px;}

.navbar-brand img{ position: relative; top: -25px; z-index: 10; left: -15px;}

.mgt0{ margin-top: 0; }

.tablestyle{ border:1px solid #d0d0d0; width: 100% }
.tablestyle tr td{ padding: 8px 10px; border-bottom: 1px solid #d0d0d0 ; color: #888888 }
.tablestyle tr td a{ color: #888888 }
.tablestyle tr td a:hover{ color: #DE0F19 }

.tablestyle tr:nth-child(odd) td{ background: #fbfbfb }
.tablestyle tr td:nth-child(odd){ text-align: center; }
.tablestyle tr td:first-child{ text-align: center; background: #DE0F19; color: #Fff; }

.tablestyle tr td:nth-child(2){ padding-left: 20px; color: #888 }

.tablestyle{ margin-bottom: 45px; }
.contactmap{ margin-top: -70px; margin-bottom: 50px; }

.contact-page {
   padding: 0;
    margin: 0
}
.contact-page li{
    font-size: 14px;

    list-style: none;
    margin-bottom: 15px;
    text-align:left;
}
.contact-page li a{
    font-size: 14px;
    color: #888888;
    
}
.contact-page li a:hover, .contact-page li a:focus, .contact-page li a:active{
     color: #DE0F19; opacity: 1;
}
#contactform .form-control {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    display: block;
    width: 100%;
    height: 60px;
    padding: 12px 15px;
    color: #666;
    border: none;
    border-radius: 0.25rem;
    background-color: #f4f5f8;
    background-clip: padding-box;
    box-shadow: 0 0 5px #00000000;
}
#contactform label {
   font-weight: 500;
   margin-bottom: 3px; font-size: 13px; 
}
.mb25{ margin-bottom: 25px; }

.box-content{ margin-bottom: 30px; }


/*.maininner-container ul{ padding: 0 0 0 25px ; margin: 0 0 0 0px }
.maininner-container ul li { margin-bottom:10px; position: relative; list-style: none;  }
.maininner-container ul li:after { 
   content: '';
   display: block;
   width: 5px;
   height: 5px;
   margin-bottom: 10px;
   background: #DE0F19;
   border-radius: 50px;
   position: absolute;
   left: -17px;
   top: 10px;
 }
.maininner-container ul li a{ color: #888888;  }
.maininner-container ul li a:hover{ color: #DE0F19;  }*/

.login-btm{}

.ser-input{
   border-color: transparent;
   border-bottom-color: #fff;
   color: #fff;
}
.ser-input:focus {
   border-color: transparent;
   color: #fff;
   border-bottom: 1px solid #fff;
}

.search-full-view {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgb(0 0 0 / 86%);
   opacity: 0;
   z-index: -1;
   transition: .5s all;
   transform: scale(0);
}
.search-full-view.search-normal-screen {
   opacity: 1;
   z-index: 55555;
   transform: scale(1);
}

.search-full-view .input-group {
   width: 60%;
   margin: 0 auto;
   top: 40%;
   height: 100px;
}
.search-full-view .input-group .form-control {
   background: #ffffff;
   border: 1px solid #2d2d2d;
   font-size: 16px;
   padding: 15px 20px;
   vertical-align: unset;
   color: #333;
   height: 60px;
   border-radius: 10px;
}
.search-full-view .input-group .form-control:focus{
   border-color: #fff;
   border:0 !important;
   
}
.search-full-view .input-group .input-group-addon {
background: transparent;
   font-size: 20px;
   color: #878787;
   border: 0;
   cursor: pointer;
   position: absolute;
   right: 30px;
   z-index: 555;
   top: 16px;
   font-weight: 300;
}
.search-full-view .btn-close {
   background: transparent;
   border: 0;
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer; text-decoration: none; outline: none;
}
.search-full-view .btn-close img { width: 20px; }
#search-close:hover, #search-close:active, #search-close:focus { text-decoration: none; outline: none; }

.notify{ position: relative; }
.notify .notification-list{
   position: absolute;
   top: 16px;
   right: -30px;
   background: #ffffff;
   padding: 6px 15px 6px 15px;
   width: 250px;
   list-style: none;
   border-radius: 10px;
   display: none;
   transition: all .3s ease 0s; z-index: 5555; text-align: left; display: none; min-height: 50px; box-shadow: 0 1px 2px #00000030;
}
.notify:focus  .notification-list,
.notify:active  .notification-list,
.notify:hover  .notification-list
{ display: block; }

.notify .notification-list ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
.notify .notification-list ul li{ width: 100%;
   list-style: none; padding: 0;
  
   margin: 0;
}

.notify .notification-list ul li a{ width: 100%;
   padding: 9px 0;
   display: block;
   
}
.notify .notification-list ul li a:hover,
.notify .notification-list ul li a:active,
.notify .notification-list ul li a:focus{ color: #da0b14; 
}


.notify .notification-list ul li:last-child{ border-bottom: 0
}
.notify .notification-list ul li div{
   font-size: 12px; color: #999
}
.notify .notification-list ul li{
   border-bottom: 1px solid #ececec;
}



#slider #myCarousel .carousel-inner .item{ height: 525px; background-position: center top !important; }

.submenu-block{     background: #fff;
   box-shadow: 0 0 6px #0000001a;
   border-radius: 20px;
   padding: 30px;
   position: relative;
   z-index: 50;
   margin-bottom: 25px; }

.submenu-block:hover{   
   box-shadow: 0 0 10px #0000003a;
    }    
.submenu-block h2{ margin-top: 0;}
.submenu-block p{ margin-bottom: 10px; }

.submenu-block a{ border-bottom: 1px solid #cccccc;
   color: #999999;
   padding: 0 2px;
   font-size: 13px;
   position: relative;
   top: -3px;
}

.submenu-block i {
   font-size: 9px;
   color: #969494;
   position: relative;
   top: -1px;
   margin-left: 2px;
   font-weight: 400;
}
.submenu-block a:hover {
   color: #da0b14;
   text-decoration: none;
   outline: none; border-bottom: 1px solid #da0b14;
}
.submenu-block a:hover i{ color: #da0b14; }

.abtlist  .active-list a{ color: #da0b14 }
.abtlist  .active-list a i{ color: #da0b14 }

.abtlist  .active a{ color: #da0b14 }
.abtlist  .active a i{ color: #da0b14 }

.notice-inner-block{ background: #fff;
   box-shadow: 0 0 6px #0000001a; display: block;
   border-radius: 20px;
   padding: 20px;
   position: relative;
   z-index: 50;
   margin-bottom: 25px; }

.inner-notice-title{ font-size: 16px; display: block; font-weight: 500; margin-bottom: 5px; line-height: 22px; }
.inner-notice-title:hover,
.inner-notice-title:focus,
.inner-notice-title:after{ color:#A91B15; text-decoration: none;;  }

.innernoticedate { color: #de0f19; margin-bottom: 0px; font-size: 12px; }
.innernoticedate span{ }

.notice-inner-block p{ margin-bottom: 0; line-height: 23px; font-size: 14px; height: 66px;
   overflow: hidden;  text-align: left;}

.meroshare{     display: block;
   padding: 12px 15px 22px 15px;
   background: #DE0F19;
   width: 170px; text-align: center;
   color: #fff;
   font-weight: 600;
   font-size: 15px;
   border-radius: 5px;
   position: fixed;
   right: -63px;
   top: 200px;
   transform: rotate(-90deg); z-index: 555; box-shadow: 0 0 5px #0003; }   

.meroshare:hover, .meroshare:focus, .meroshare:focus{ background: #CB0E17; color: #fff; text-decoration:none; box-shadow: 0 0 5px #00000047 }      



.graphsearch{ margin-bottom: 30px; color: #333 }
.graphsearch select{ padding: 10px;
   height: 41px;
   font-size: 14px;
   border-radius: 0px;
   border: 1px solid #cbccce;
   box-shadow: 0 0 0; margin-left: 10px; color: #888888; margin-right: 25px; line-height: 35px;}
.graphsearch select:hover,
.graphsearch select:focus,
.graphsearch select:active{ outline: none; box-shadow: 0; }

.graph-div{ float: left; }
.graphsearch:after{ content: ''; display: block; clear: both; }
.graphsearch button{background: linear-gradient(430deg, rgba(231, 27, 36, 1) 50%, rgba(214, 4, 13, 1) 100%);
   padding: 8px 30px 6px 30px;
   border-radius: 28px;
   margin-top: 0px;
   color: #fff;
   text-decoration: none;
   font-weight: 500;
   height: 39px;
   font-size: 14px;
   line-height: 18px; border: 0}

.graphsearch button:hover,
.graphsearch button:focus,
.graphsearch button:active{background: linear-gradient(-430deg, rgba(214, 4, 13, 1) 50%, rgba(231, 27, 36, 1) 100%);
   padding: 8px 30px 6px 30px;
   border-radius: 28px;
   margin-top: 0px;
   color: #fff;
   text-decoration: none;
   font-weight: 500;
   height: 39px;
   font-size: 14px;
   line-height: 18px; border: 0}

.graphsearch{ padding: 15px; box-shadow: 0 0 6px #0000001a; border: 1px solid #EEEEEE; background: #fbfbfb;  }
#chartContainer{ margin-bottom: 80px }

.tablefull{ width: 100% }

.tablefull tr th{ padding: 8px 15px; background: #DE0F19; color: #fff; }
.tablefull tr:nth-child(odd){ background: #fbfbfb  }
.tablefull tr td { padding: 8px 15px; }

.tablefull tr:nth-child(even){ background: #f1f1f1  }
.tablefull td{ padding: 8px 15px; }

#accordion .panel.panel-default{ margin-bottom: 25px;
    background: #fff;
    box-shadow: 0 0px 5px #0000001a;
    border-radius: 5px;
    position: relative;
    z-index: 0;
    border: 0;
    border: 1px solid #e6e6e6;}
.panel-heading{ padding: 0; }
.panel-title{ margin-bottom: 0;}
.panel-title a.faq-list{ padding: 15px 12px; display: block; font-size: 14px; font-weight: 600; background:#e4e4e4; }
.panel-title a.collapsed.faq-list{ background:  #f0f0f0; }
.panel-title a:hover, .panel-title a:active, .panel-title a:focus{ text-decoration: none;  }
.panel-title .glyphicon { margin-right: 15px; } 

.panel-body{ padding: 25px;}
.panel-default > .panel-heading {
   color: #333; background: #fdfdfd;
   border-radius: 0px 0px 0 0; border-radius: 5px;
   border: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
   border-top: 1px solid #e6e6e6;
}

.mr10{ margin-right: 10px; }

#right-eligibility label{ 
   margin-bottom: 5px; font-weight: 400;
   color: #888888; font-size: 13px; }
.maininner-container {
   margin-bottom: 55px;
}

.member-block{ background: #fff;
   box-shadow: 0 0 6px #0000001a;
   border-radius: 20px;
   position: relative;
   z-index: 50;
   margin-bottom: 25px; }
.member-block .member-pic{ border-radius: 15px 15px 0 0; height: 250px; overflow: hidden;  }
.member-block .member-pic img{ height: 250px; overflow: hidden; object-fit: cover; width: 100%  }

.member-names{ background: #fff; padding: 15px 20px; border-radius: 0 0 15px 15px; text-align: left; }
.member-names div{  font-size: 15px; color: #333; font-weight: 500 }
.member-names span{  font-size: 12px; }


.topmenu-hidden{ display: none; }

.purchasemutualfund{    background: #ffffff;
   padding: 8px 15px 5px 15px;
   border-radius: 28px;
   margin-top: 22px;
   color: #D6040D;
   text-decoration: none;
   font-weight: 400;
   height: 35px;
   font-size: 14px;
   box-shadow: 0px 3px 9px #00000047;
   position: relative;
   margin-left: 10px; display: inline-block; float: right;}

.purchasemutualfund:hover{    

   background: #ffffff;
   color: #D6040D;
   font-size: 14px;
   box-shadow: 0px 3px 9px #00000087;
   position: relative;
   float: right;}




.mobile-view{ display: none }
a#toggle {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 40px;
   height: 40px;
   background-color:#0c569f;
   text-align: center;
   color: white;
   display: none;
   transition: all ease-out 0.3s;
   z-index: 555;
}


.inner-services{ text-align: center;  }
.inner-services a img{ margin-bottom: 10px; }
.inner-services div{font-size: 14px; color: #7b7b7b; font-weight: 400; margin-top: 10px;}

.links-b2{ padding: 0; margin:25px; position: relative; z-index: 5  }

.blockstyle2{ background: url(../images/img.jpg); background-size: cover; }
.calchome { 
   text-align: center;
   display: block;
   background: #fff;
   border-radius: 50px;
   padding: 12px 15px 12px 15px;
   font-size: 14px;
   box-shadow: 0px 3px 9px #00000047; margin-bottom: 15px; font-weight: 600;
}

.calchome:hover, .calchome:focus, .calchome:active  { 
   color: #da0b14;
   background: #fff; text-decoration: none; 

   box-shadow: 0px 3px 9px #00000047; 
}

.calchome i{     float: right;
   color: #da0b14;
   position: relative;
   top: 5px;
   font-weight: 600; } 

.blockstyle2 img {
   height: 280px;
   width: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
}
.b2-title{
   color: white;
   position: relative;
   z-index: 5;
   margin-left: 25px;
   font-weight: 400; margin-top: 25px;
   
   border-left: 2px solid #de0f19;
   padding-left: 15px;}

.b2-title h3{ font-size: 20px; margin-top: 0; text-align:left; }
.b2-title p{ margin-bottom: 5px }

.btn.clear-btn{ margin-left:15px; background:#e3e3e3; color: #888888;  }
.btn.clear-btn:hover, .btn.clear-btn:focus, .btn.clear-btn:active
{ margin-left:15px; background:#d8d8d8; color: #333;  }

.block-box{background: #fff;
   box-shadow: 0 0 6px #0000001a;
   border-radius: 20px;
   padding: 30px 25px 10px 25px;
   position: relative;
   z-index: 50;
   margin-bottom: 25px;}
.block-box h3{ margin-top: 0;
   color: #da0b14;
   font-size: 18px; margin-bottom: 5px}   

.block-box .sm-title{ margin-bottom: 15px; }     
.mainsearch{ position: relative; }

#fullfeatures tr th,
#fullfeatures tr td{ padding: 15px 15px; }

#fullfeatures tr th{ background: #de0f19; color: #fff; border-bottom: 0; }
#fullfeatures tr td:first-child{ font-weight: 500; }

.fresh{    right: -23px;
   margin-right: 0;
   top: -35px;
   position: relative;
   float: right;}

.base-footer{ border-top: 1px solid #ef5961;  margin-top: 30px;
   padding-top: 30px; }   

.poweredby{ text-align: right;   color: #ffffff;     font-size: 13px;}

.poweredby a{ font-size: 13px; color: #ffffff; text-align: right; opacity: 0.9; } 

.poweredby a:hover{ opacity: 1; text-decoration: underline; } 

.footer-abt .app-link{}
.footer-abt .app-link a{ display: inline-block; margin-right: 10px; }
.footer-abt .app-link a img{ width: 110px;   }


.top-maps{ display: none; transition: all .3s ease 0s; position: relative; animation-name: fadeInOpacity;
   animation-iteration-count: 1;
   animation-timing-function: ease-in;
   animation-duration: 2s; height: 250px; }
.top-maps a{ position: absolute; right: 10px; top: 10px; font-size: 20px; color: #de0f19; }
.top-maps a i{ font-size: 20px; box-shadow: 0 0 7px #00000080; border-radius: 50px;   }

.mgt0{ margin-top: -6px;} 

/* Style the tab */
.tab {
 overflow: hidden;

 
}

/* Style the buttons inside the tab */
.tab button {
 background-color: inherit;
 float: left;
 border: none;
 outline: none;
 cursor: pointer;
 padding: 10px 16px;
 transition: 0.3s;
 font-size: 17px; margin-right: 5px
}

/* Change background color of buttons on hover */
.tab button:hover {
 background-color: #ddd;   border-radius: 5px 5px 0 0;
}

/* Create an active/current tablink class */
.tab button.active {
 background-color: #de0f19;
   border-radius: 5px 5px 0 0;
   color: #fff;
}

/* Style the tab content */
.tabcontent {  padding-top: 20px;
   height: 300px;
       overflow-y: scroll;  background: #fff;
       box-shadow: 0 0 6px #0000001a;
       border-radius: 0 0 20px 20px;
       padding: 25px;
       position: relative;
       z-index: 50;
       height: 304px;
       margin-bottom: 90px;

}

/* width */
.tabcontent::-webkit-scrollbar {
 width: 5px;
}

/* Track */
.tabcontent::-webkit-scrollbar-track {
 background: #fff; 
}

/* Handle */
.tabcontent::-webkit-scrollbar-thumb {
 background: #de0f19; 
}

/* Handle on hover */
.tabcontent::-webkit-scrollbar-thumb:hover {
 background: #555; 
}


#home-twitter, #home-facebook{ display: none; }

.popup .close {
   opacity: 1;
   color: #fff;
   background: #DE0F19;
   padding: 4px 8px;

   font-size: 19px;     box-shadow: 0px 2px 6px #000;
   border-radius: 50px;
}

.popup .modal-header {
   padding: 0;
   border-bottom: 0px solid #e5e5e5;
   position: absolute;
   top: 13px;
   right: 13px;
   z-index: 122;
}

.gallerytitle{     margin-bottom: 25px;
   margin-top: 5px;
   height: 30px;
   overflow: hidden;}
.gallery-list a { text-decoration: none;}
.gallery-list a:hover, .gallery-list a:hover, .gallery-list a:hover{ color:#DE0F19 ; text-decoration: none;}
.gallery-list a img{ display: block;
   box-shadow: 0 0 6px #0000001a;
   height: 180px;
   object-fit: cover;}
.img-bottom{ margin-bottom: 25px; display: block;}

.white-popup {
   position: relative;
   background: #FFF;
   padding: 20px;
   width:auto;
   max-width: 500px;
   margin: 20px auto;
 }
.video-txt{ margin-bottom: 25px; height: 25px;
   overflow: hidden;}
   
.gallery-video-wrapper{ padding-right: 0; }    

.vacency-btm{ margin-bottom: 0px;}
.vacency-btm{ padding: 0; margin: 0 0 15px 0;}
.vacency-btm li{ padding: 0 15px 0 0; margin: 0 15px 0 0; list-style: none; display: inline-block; position: relative;}
.vacency-btm li:after{    content: '';
   display: block;
   height: 15px;
   width: 1px;
   background: #555;
   position: absolute;
   right: -1px;
   top: 5px; }

   .vacency-btm li:last-child:after { display: none;}    

/* table { margin-bottom: 25px;}
table tr th{ background: #DE0F19; padding: 10px 10px; color: #fff; border: 1px solid #b10009;}
table tr td{ padding: 10px 10px; }
table tr:nth-child(odd) td {
   background: #fbfbfb;
} */

.default-form .captcha img { width: 155px; margin-right: 10px;}
.noticeul{ padding: 0; margin: 0;}

#slider #myCarousel .carousel-inner .item{ background-position: center top;}

.watermark { text-align: center; position: absolute; width: 100%; margin-top: -35px;}
.watermark img{ width: 250px; }


/* width */
.modal-open .modal::-webkit-scrollbar {
   width: 0px;
 }
 
 /* Track */
 .modal-open .modal::-webkit-scrollbar-track {
   background: #f1f1f1; 
 }
  
 /* Handle */
 .modal-open .modal::-webkit-scrollbar-thumb {
   background: #888; 
 }
 
 /* Handle on hover */
 .modal-open .modal::-webkit-scrollbar-thumb:hover {
   background: #555; 
 }


 .modal-open .modal{ padding-right: 0 !important;}
 .modal-open{ padding-right: 0 !important;}

 /* .modal-content{ height: 90vh;
   overflow-y: scroll;
   background: none;
   box-shadow: none;
   border: 0;} */

 .modal-content::-webkit-scrollbar { width: 5px;}
 .modal-content::-webkit-scrollbar-track {background:none; }
 .modal-content::-webkit-scrollbar-thumb { background: #888; }
 .modal-content::-webkit-scrollbar-thumb:hover {background: #555;}
 
 .currentnav{ position: absolute;
   top: 5px;
   left: 50%;
   font-weight: 600;
   margin-left: -330px;
   background: #de0f19; 
   animation-name: example;
   animation-duration: 4s;
   animation: example 5s linear 2s infinite alternate;
   color: #fff;
   padding: 6px 15px 3px 15px;
   border-radius: 50px; display: none; }

   @keyframes example {
   

       0%   {background-color: #de0f19}
       25%  {background-color:#d30e17; }
       50%  {background-color:#920a10;}
       75%  {background-color:#d30e17; }
       100% {background-color:#de0f19}
     }


   @keyframes blinker {
       50% {
         opacity: 0;
       }
     }  

 .nav-amt{ color: #fff; animation: blinker 1.5s linear infinite;}  
 .date-top{ font-size: 11px; margin-left: 10px; font-weight: 400; color: #fba9ad;}

 .mgnt-img{ width: 400px; height: 400px; float: left; margin-right: 35px; margin-bottom: 15px; object-fit:cover}
 .mgnt-img img{ width: 400px; height: 400px; object-fit:cover }


 .icon-white {
    background: #fff;
    padding: 25px 30px 0px 30px;
    box-shadow: 0 0px 15px #00000030;
    width: 45%;
    border-radius: 10px;
    min-height: 243px;
}
  .icon-white ul {
    padding: 0;
    margin: 0;
  }
  .icon-white ul li {
    padding: 0;
    margin: 0; list-style: none;
  }
  .icon-white ul li {
    margin: 0;
    width: 25%;
    float: left;
    padding: 0 11px;
    text-align: center;
    line-height: 15px;
    margin-bottom: 20px;
  }
  .icon-white ul li .icon-circle {
    width: 50px;
    height: 50px;
    background: #0055a6b3;
    display: block;
    text-align: center;
    line-height: 57px;
    font-size: 25px;
    color: #fff;
    border-radius: 100px;
    margin: auto;
    margin-bottom: 5px;
  }
  
  .icon-white ul li:nth-child(odd) .icon-circle {
    background: #01783eb3;
  }
  .icon-white ul li:nth-child(5) .icon-circle {
    background: #4c84b9;
  }
  .icon-white ul li:nth-child(6) .icon-circle {
    background: #01783eb3;
  }
  .icon-white ul li:nth-child(7) .icon-circle {
    background: #4c84b9;
  }
  .icon-white ul li:nth-child(8) .icon-circle {
    background: #01783eb3;
  }
  
  .icon-white ul li:nth-child(odd) .icon-circle:hover {
    background: #017f42;
  }
  .icon-white ul li:nth-child(5) .icon-circle:hover {
    background: #0055a6;
  }
  .icon-white ul li:nth-child(6) .icon-circle:hover {
    background: #01783e;
  }
  .icon-white ul li:nth-child(7) .icon-circle:hover {
    background: #0055a6;
  }
  .icon-white ul li:nth-child(8) .icon-circle:hover {
    background: #01783e;
  }
  
  .icon-white ul li .icon-circle:hover {
    background: #0055a6;
  }
  
  .icon-text {
    color: #414549;
    font-size: 12px;
    text-align: center;
  }
  
  .icon-white ul li .icon-circle img {
    width: 31px;
    margin-top: -11px;
  }

#icon-blocks{ margin-top: -230px;} 
.fdrates-wrapper {
    width: 30px;
    min-height: 250px;
    transition: width 0.5s, height 1s;
    position: fixed;
    left: -32px;
    z-index: 2;
    top: 80px;
  }
  .fdrates-wrapper:after {
    content: "";
    clear: both;
  }
  .fdrates-wrapper:hover {
    width: 300px;
    height: 300px;
  }
  .fd-block-rates {
    float: right;
    background: white;
    width: 270px;
  }
  .fd-block-rates-inner {
    padding: 20px 20px 0px 20px;
  }
  .fixdep-txt {
    text-align: center;
    border-bottom: 1px solid #bbbbbb;
    font-weight: 600;
    padding-bottom: 5px;
    color: #1d1d1d;
    margin-bottom: 15px;
  }
  .fd-block-rates-inner h3 {
    line-height: 26px;
    font-size: 30px;
    color: #1d1d1d;
    text-align: center;
  }
  .fd-block-rates-inner p {
    font-size: 15px;
    color: #1d1d1d;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 5px;
  }
  .fd-block-rates-inner span {
    font-size: 13px;
    color: #414549;
    text-align: center;
    display: block;
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .fd-block-rates-inner span.noborder {
    border-bottom: 0;
    margin-bottom: 0;
  }
  .morerates {
    float: right;
    font-size: 12px;
    color: #0055a6;
    text-decoration: underline;
  }
  .fixdep {
    background: #0055a6;
    margin: 0 -20px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 12px 10px 10px 10px;
    margin-top: 15px;
  }
  .fixdep:hover {
    text-decoration: underline;
    color: #fff;
  }
  .fixdep i {
    margin-left: 8px;
  }
  .fd-rates {
    background: #0055a6;
    padding: 13px 25px 15px 25px;
    font-size: 15px;
    color: #fff;
    float: right;
    border-radius: 5px 5px 0 0;
    position: relative;
    left: 99px;
    width: 150px;
    transform: rotate(90deg);
    box-shadow: 0 0 10px #00000024;
    top: 100px;
    text-align: center;
  }
  .fd-rates:hover {
    background: #0055a6;
    color: #fff;
    box-shadow: 0 0 15px #00000055;
  }
  .fd-rates i {
    margin-right: 5px;
    font-weight: 600;
    font-size: 13px;
  }
  .applynow-wrapper {
    width: 30px;
    min-height: 250px;
    transition: width 0.5s, height 1s;
    position: fixed;
    right: -32px;
    z-index: 2;
    top: 80px;
  }
  .applynow-wrapper:hover {
    width: 300px;
    height: 300px;
  }
  .applynow-wrapper:after {
    content: "";
    clear: both;
  }
  .main-block-apply {
    padding: 20px 25px;
    float: left;
    background: white;
    width: 270px; min-height: 157px; box-shadow: 0 0 5px #0000001c;
  }
  .main-block-apply ul {
    padding: 0;
    margin: 0;
    float: left;
  }
  .main-block-apply ul li {
    list-style: none;
  }
  .main-block-apply ul li a {
    font-size: 15px;
    margin-bottom: 15px;
    display: block;
    color: #22262a;
  }
  .main-block-apply ul li:last-child a {
    margin-bottom: 0;
  }
  .main-block-apply ul li a:hover {
    color: #017f42;
  }
  .main-block-apply ul li a span {
    font-size: 13px;
    color: #0c569f;
    animation: blink 1s linear infinite;
    margin-left: 5px;
  }
  .apply-now {
    background: #017f42;
    padding: 13px 10px 15px 10px;
    font-size: 15px;
    color: #fff;
    float: left;
    border-radius: 5px 5px 0 0;
    position: relative;
    left: -102px;
    width: 158px;
    transform: rotate(-90deg);
    box-shadow: 0 0 5px #00000024;
    top: 102px;
    text-align: center;
  }
  .apply-now:hover {
    background: #017f42;
    color: #fff;
    box-shadow: 0 0 15px #00000055;
  }
  .apply-now i {
    margin-right: 5px;
    font-weight: 600;
    font-size: 13px;
  }
  @keyframes blink {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  
  .product-compare {
    background: #017f42;
    padding: 13px 25px 17px 25px;
    font-size: 15px;
    color: #fff;
    float: left;
    border-radius: 5px 5px 0 0;
    position: fixed;
    right: -88px;
    transform: rotate(-90deg);
    box-shadow: 0 0 5px #00000024;
    top: 380px;
    text-align: center;
    z-index: 4; width: 217px;
  }
  .product-compare:hover,
  .product-compare:focus,
  .product-compare:active {
    background: #017f42;
    color: #fff;
    box-shadow: 0 0 15px #00000055;
  }
  
  .product-compare i {
    font-size: 12px;
    margin-right: 6px;
    font-weight: 600;
  }

  .heading-title.style-1 {
    font-family: "Poppins", sans-serif;
    padding-bottom: 0;
    margin-bottom: 2rem !important;
    font-weight: 700;
    font-size: 32px;
    color: #383e42;
    line-height: 42px;
    letter-spacing: 0; padding-right: 40px;
}
.titleline {
    width: 50px;
    height: 3px;
    margin-top: 25px;
    margin-bottom: 25px;
    background: #017f42;
}
.title-text {
    font-size: 14px;
    line-height: 26px;
    color: #383e42; margin-bottom: 30px;
}
.section-padding{ padding: 70px 0;}

.box-services {
    padding: 25px 20px !important;
    border-radius: 10px; box-shadow: 0 0px 15px #00000030;
    background-color: white;
    padding: 60px 30px 50px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; margin-bottom: 30px;
}
.box-services:after{ content:''; display: block; clear: both;}

.media-left{
    float: left; width: 23%;
}
.media-content{
    float: right; width: 75%; text-align: left;
}
.media-content a{
    font-size: 18px; color: #2d3238; text-align: left;  display: inline-block;
    margin-bottom: 10px; font-weight: 600;
}
.media-content p{ color: #383e42;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0px;}

.delay1{ transition-delay: 0.25s; } 
.delay2{ transition-delay: 0.50s; }    
.delay3{ transition-delay: 0.75s; }    
.delay4{ transition-delay: 1s; }

#forex{ position: relative;  }
#forex:before {
    content: "";
    display: block;
    width: 100%;
    height: 275px;
    background: url(../images/blue-bg.jpg);
    position: absolute; z-index: -1;
    left: 0;
    top: 0;
}
.has-text-centered{ text-align: center;}
.heading-white{ color: #fff !important;}

#forex h1 {
    margin-bottom: 10px !important;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
  }
  #forex .heading-title-top {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
  }
  .forex-block {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0px 15px #00000030;
    width: 100%;
    min-height: 110px;
    padding: 20px 20px 15px 20px;
    margin-bottom: 15px;
  }
  .forex-country {
    font-size: 16px;
    color: #0055a7;
    font-weight: 700;
    text-align: left;
    letter-spacing: 0px;
  }
  .forex-country img{ width: 20px !important;
    float: left;
    margin-right: 10px;
    margin-top: 2px}

  .forex-country span {
    margin-right: 10px;
  }
  
  .forex-block table {
    width: 100%;
    margin-top: 12px;
  }
  .forex-block table th {
    text-align: center;
    padding: 0; font-size: 16px; padding: 3px 0;
  }
  .forex-block table td {
    text-align: center;
    padding: 0; font-size: 15px; padding: 3px 0;
  }

.forex-table table{}
.mg40{ margin-bottom: 40px;}
.curve-line {
    position: absolute;
    top: 246px;
    z-index: 0;
    width: 100%;
    height: 35px;
    
}
.header-title2 {
    text-align: center;
    font-size: 36px;
    color: #383e42;
    font-weight: 500;
    font-family: "Poppins", sans-serif; margin-top: 0;
}

.heading-title-top2 {
    font-size: 14px;
    color: #383e42;
    padding: 0 300px;
    margin-bottom: 40px;
}
.toppadding0{ padding-top: 0;}

#loanadv .nav-tabs{ border-bottom: 0; margin-bottom: 50px; text-align: center; display: block;}
#loanadv ul.nav-tabs li {
    margin-right: 25px !important;     display: inline-block;
}
/* #loanadv ul.nav-tabs li.active a{ background: #0055a7;
    border-color: #0055a7 !important;
    color: white !important;
    z-index: 1;
    border-radius: 5px; text-transform: capitalize;
    letter-spacing: 0.5px;
    font-weight: 500;
    } */
#loanadv ul.nav-tabs li a{ background: none;
    border: 1px solid #0055a7 !important;
    color: #0055a7 !important;
    z-index: 1;
    border-radius: 5px; text-transform: capitalize;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-size: 14px; padding: 12px 20px 10px 20px; display: inline-block;
    margin-bottom: 15px;}  
#loanadv ul.nav-tabs li a:hover{
    background: #0055a7;
    border-color: #0055a7 !important; color: #fff !important;
}    

#loanadv ul.nav-tabs li a.active{ background: #0055a7;
    border-color: #0055a7 !important; color: #fff !important}


.mrg-top {
    margin-top: 25px; font-family: "Poppins", sans-serif; font-size: 28px; font-weight: 600; margin-bottom: 20px;
}
.tabs-list .tabs-content .tab-block p {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #666;
}
.tab-right-section p{ font-size: 15px; color: #666; line-height: 24px;}

.loan-advances-ul {
    padding: 0 ;
    margin: 0 ;
}
.loan-advances-ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 49%;
    display: inline-block; padding: 5px 0;
    letter-spacing: 0.5px;
    color: #545659;

}
.loan-advances-ul li a {
    margin: 0;
    background: #017f42;
    display: block;
    padding: 16px 15px 15px 15px;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    width: 97%;
    font-size: 14px;
}
.loan-advances-ul li a:hover{ background: #016131;}

#emiclac{ background: #f4f4f4;}

.heading-title-top{
    text-align: center;
    padding: 0 300px;
    color: #383e42;
    font-size: 14px;
    line-height: 26px;}

    .carousel-caption{position:absolute;left:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}    
    .carousel-indicators{position: absolute;
        right: 120px;
        bottom: 10px;
        z-index: 15;
        list-style: none;
    
    }
    .custom-control-label {
        margin-bottom: 0;
        padding-left: 25px;
    }
    .custom-control-label::before {
        position: absolute;
        top: 1px;}
    .custom-control-label::after {
     
        top: 1px;
     
    }
    .digitalbanking {
        padding: 85px 50px 57px 80px;
        background-color: #01793e;
        background-image: url(../images/digital-bg.png);
        background-size: cover;
        background-repeat: no-repeat; min-height: 757px;
    }

#banking-app{ background-color: #01793e;
    background-image: url(../images/downloadapp.png);
    background-size: cover;
    background-repeat: no-repeat;}
    
#banking-app .row2{ }
#banking-app .banking-left{ margin-left: -30px;}
#banking-app .banking-right{ margin-right: -30px;}

.has-text-left{ text-align: left;}
.ttl-white{ background: #fff;}
.pdr50{ padding-right: 140px;}

#banking-app .media-content h3{ margin-bottom: 0; line-height: 18px;}
#banking-app .media-content a {
    font-size: 16px;
    color: #fff;
    text-align: left;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 600;
}
#banking-app .media-content p {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0px; opacity: 0.8;
}
.box-item.media{ margin-bottom: 20px;}
#banking-app .media-left {
    float: left;
    width: 23%; margin-right: 4%;
}
#banking-app .media-left a img{ width: 63px; height: 63px;}

.downloadapp {
    padding: 85px 50px 0px 80px; min-height: 757px;     position: relative;
    overflow: hidden;
}
.app-btns {
    background: #fefefe;
    padding: 0px;
    display: inline-block;
    margin-right: 15px;
    height: 51px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 0px;
}
.app-img {
    position: absolute;
    bottom: 0px;
    left: 5%;
}
.app-img img{
    width: 488px;
}

#ourblog{ background: #f9f9f9;}
.blogdate{
    color: #0055a6;
    font-size: 11.5px;
    letter-spacing: 1px; text-transform: uppercase; display: block;
    padding-bottom: 5px;
    font-weight: 400;
}

.blog-post {
    background-color: white;
    margin-bottom: 10px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 30px 30px;
    border-radius: 0;
}
.blogtitles{ color: #383e42;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    line-height: 28px;
    display: block;
    font-weight: 500;
    margin-top: 5px; transition: all 0.4s ease; height: 57px; 
    overflow: hidden; margin-bottom: 10px;
}
.blogtitles:hover{ color: #01783e; transition: all 0.4s ease;}
.blog-content{     font-size: 15px;
    color: #545659;
    margin-bottom: 20px;
    line-height: 26px;
    opacity: 0.7;
  }
    .btn-footer {
        color: #383e42;
        font-size: 14px;
        line-height: 26px;
        font-weight: 500;
    }    
    .btn-footer i {
        color: #01783e;
        font-size: 10px;
        margin-left: 5px;
        transition: all 0.5s ease;
    }
    .btn-footer:hover i{  margin-left: 10px;
        
    }  
    #ourblog .item{ box-shadow: 0 0px 10px #00000010; transition: all 0.5s ease;}
    #ourblog .item:hover{ box-shadow: 0 0px 10px #00000030; transition: all 0.5s ease;}
    .epay {
        font-size: 25px;
        color: #fff;
        font-family: "Poppins", sans-serif;
        display: inline-block;     position: relative;
        top: 15px;
    }
    .epay-logos {
        display: inline-block;
        top: 10px;
        position: relative;
    }
    .epay-logos li {
        display: inline-block;
        margin-left: 15px;
    }
    .epay-logos li a{ opacity:0.7; }
    .epay-logos li a:hover{ opacity:0.9; }

    .footer-social-links {
        margin-top: 15px;
        text-align: right;
    }
    .footer-social-links li {
        padding: 0 7px;
    }
    .footerline{ border-bottom: 1px solid #ffffff2b;
        margin-top: 40px;
        margin-bottom: 50px;}

    #footer{ color: #99b8ff; font-size: 14px; line-height: 26px;}
    #footer a{ color: #99b8ff; font-size: 14px; line-height: 26px;}
    #footer a:hover{ color: #fff; }
    
    .icon.footer-icons {
        float: left;
        margin-right: 15px;
        position: relative;
        top: 9px;
    }
    footer .garimatxt {
        color: #99b8ff !important;
    }
    .footer-icons i {
        color: #99b8ff !important;
        font-size: 30px;
        font-weight: 300;
    }
    .footerlinks{}
    #bottom-footer{ background-color: #034484; padding: 40px 0; color: #99b8ff; font-size: 13px;}
    #bottom-footer a{  color: #99b8ff; font-size: 13px;}
    #bottom-footer a:hover{ color: #fff; }
    .maintain{ text-align: right; line-height: 26px;}

    .carousel-control-next-icon{
        margin-right: -55px;
    }
    .carousel-control-prev-icon {
        margin-left: -55px;
    }
    #content{ margin-top: 112px;}
    .navbar .row{ width: 100%;}
    body .navbar .application { margin-right: -15px !important; padding-right: 0px !important;}

     .maininner-container ol { padding: 0; margin: 0 0 0 15px; }
     .maininner-container ul{  margin:0 0 25px 0px}
      .maininner-container ul li{ padding: 0; margin: 0; list-style: none;  margin-bottom: 5px; position: relative; }
      .maininner-container ul li:before{ content: '';
        display: block;
        width: 6px;
        height: 6px;
        background: #01783e;
        border-radius: 5px;
        position: absolute;
        top: 10px; left: -20px;}
      .maininner-container ul li a{ color: #666;}
      .maininner-container ul li a:hover,
      .maininner-container ul li a:focus,
      .maininner-container ul li a:active{ color: #01753c;}
      
      .maininner-container ol{ padding: 0; margin: 0 0 25px 15px; }
      .maininner-container ol li{ padding: 0; margin: 0; list-style: decimal;  margin-bottom: 5px; }
      .maininner-container ol li a{ color: #666;}
      .maininner-container ol li a:hover,
      .maininner-container ol li a:focus,
      .maininner-container ol li a:active{ color: #01753c;}
      
      .maininner-container table{ width:100%; margin-bottom: 25px; border: 1px solid #e3e3e3;}
      .maininner-container table tr td{ padding: 4px 10px; border: 1px solid #e3e3e3;}
      .maininner-container table tr th{ padding: 4px 10px; font-weight: 600; border: 1px solid #e3e3e3; background: #01783e; color: #fff;}

      .maininner-container table tr:nth-child(even) td{  background: #f8fcff;}

      .inner-line {
        padding-top: 0px;
        margin-bottom: 60px;
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
        background: url(../images/separator.png);
        height: 5px;
        background-size: 60px;
        margin-top: 60px;
    }

        .chairman{ background: #02509b;
            box-shadow: 0 0 5px #00000058;
            padding: 20px;
            border-radius: 10px; color: #fff; font-size: 14px; line-height: 24px; position: relative; }
        .chairman p{ opacity: 0.8;}
        .chairman div{ margin-top: 35px;
            font-style: italic;
            font-weight: 600;
            font-size: 15px;} 
        .chairman img{ width: 37px;
            position: absolute;
            right: 20px;
            bottom: 20px;}  

        .left-block{width: 20%; float: left;}
        .left-block img{ width: 60px;}
        .right-block{width: 78%; float: left; margin-left: 2%;}
        .right-block a{ font-size: 16px; color: #1d1d1d; display: block; margin-top: 10px; margin-bottom: 5px; font-weight: 600;}

        .heading-title.style-1.nopadding{ padding: 0;}

        .visionmission .vm-img {
   
            width: 100%;
            border-radius: 5px;
            overflow: hidden;
        }
        .visionmission a {
            font-size: 18px;
            color: #383e42;
            font-weight: 600;
            display: block;
            margin-bottom: 10px;
            margin-top: 15px;
        }
        .visionmission p {
            font-size: 14px;
            color: #666666;
            line-height: 24px;
        }
        .img-inner{ float: right; margin-left: 35px; margin-bottom: 15px; width: 400px;}
        .maininner-container ul li:after{ content: ''; display: block; clear: both;}

        .contact-blocks{ min-height: 180px; border: 1px solid #e3e3e3; padding: 45px 35px 35px 35px; border-radius: 5px; position: relative; margin-bottom: 70px;}
        .contact-blocks h2{ font-size: 20px; font-weight: 600;}
        .contact-ico{ position: absolute;
            width: 70px;
            height: 70px;
            top: -38px;
            left: 30px;
            background: #fff;
            border-radius: 50px;
            border: 1px solid #e3e3e3;
            text-align: center;
            font-size: 28px;
            line-height: 68px;
            color: #01783e;}
        .contact-blocks p { font-size: 16px; color: #666; line-height: 24px; margin-bottom: 0;}    
        .contact-blocks a { font-size: 16px; color: #666; line-height: 24px;}
        .contact-blocks a:hover { font-size: 16px; color: #01783e; line-height: 24px;}    

        .contact-right{ width: 100%; float: left; font-size: 15px;}
        .contact-right div{ font-size: 20px; font-weight: 500; margin-bottom: 5px; color: #333; }
        .contact-right div i{ font-size: 20px; font-weight: 500; color: #01783e; margin-right: 10px; }

        .contact-page{ list-style: none !important; }
        .contact-page li:before{ display: none !important;}
        .contact-page li{ 
            list-style: none !important;
            margin-bottom: 50px !important;
            padding-right: 100px !important;  }
        .mapsection{ margin-bottom: 50px;}
        #message_contact{ height: 150px !important;}
        .mapsection iframe{ border: 0; width: 100%; height: 580px;}

        .inner-blog-list{ box-shadow: 0 0px 10px #00000014; transition: all 0.5s ease; background: #fff; margin-bottom: 30px;}
        .inner-blog-list:hover{ box-shadow: 0 0px 10px #0000003b; transition: all 0.5s ease; }

        .inner-blog-img img {
            display: block;
            width: 100%;
        }
        .inner-blog-list .blog-box{ background-color: white;
            margin-bottom: 10px;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            padding: 30px 30px;
            border-radius: 0;}
            .inner-blog-list .post-meta{ color: #0055a6;
                font-size: 11.5px;
                letter-spacing: 1px;
                text-transform: uppercase;
                display: block;
                padding-bottom: 5px;
                font-weight: 400;}  
                .inner-blog-list .blogtitles {
                    color: #383e42;
                    font-size: 20px;
                    font-family: "Poppins", sans-serif;
                    line-height: 28px;
                    display: block;
                    font-weight: 500;
                    margin-top: 5px;
                    transition: all 0.4s ease;
                    height: 57px;
                    overflow: hidden;
                    margin-bottom: 10px;
                }
                .inner-blog-list .blogtitles:hover, .inner-blog-list .btn-footer:hover { color: #01783e; }
                .blog-txt-inner {
                    font-size: 15px;
                    color: #545659;
                    margin-bottom: 20px;
                    line-height: 26px;
                    opacity: 0.7;
                }
                .inner-blog-list .btn-footer {
                    color: #383e42;
                    font-size: 14px;
                    line-height: 26px;
                    font-weight: 500;
                }

        .pagination-custom{ margin-top: 25px;}
        .pagination-custom ul li{ margin: 5px;}
        .pagination-custom ul li:before{ content: ''; display: block; display: none;}

        .pagination-custom ul li a{ border-radius: 0 !important; padding: 15px 25px;  font-size: 15px;}
        .pagination > .active > a, .pagination > .active > span, .pagination > 
.active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus 
{background-color: #02509b; border-color: #02509b;}
.pagination > li > a, .pagination > li > span{ color: #fff }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
   z-index: 2;

   background-color: #d9ecff;
   border-color: #d9ecff;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #02509b;
    border-color: #02509b;
}
.card-blog-list, .card-category{ margin-bottom: 50px;}
.sidebar-title{ color: #383e42; font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.card-blog-list ul{ padding: 0; margin: 0;}
.card-blog-list ul li:before{ content: ''; display: none; padding: 0; margin: 0;}
.card-blog-list ul li{  margin-bottom: 25px;}
.card-blog-list ul li .listings-left { width: 70px; height: 70px; float: left;}
.card-blog-list ul li .listings-left img{ width: 70px; height: 70px; object-fit: cover;}
.card-blog-list ul li .listings-right { width: 66%; float: left; margin-left: 5%;}
.card-blog-list ul li .listings-right a{
    font-size: 14px;
    color: #383e42;
    display: block;
    margin-bottom: 3px;
    font-weight: 500;
    line-height: 22px; height: 48px;
    overflow: hidden;}
.card-blog-list ul li .listings-right a:hover{ color: #01783e; }

    .card-blog-list ul li .listings-right .listing-date{color: #0055a6;
    font-size: 11.5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
    font-weight: 400;}
.card-blog-list ul li:after{ content: ''; clear: both; display: block;  }

.card-category ul{ padding: 0; margin: 0;}
.card-category ul li:before{ content: ''; display: none; padding: 0; margin: 0;}
.card-category ul li{  margin-bottom: 12px;}
.card-category ul li a{
    font-size: 14px;
    color: #383e42;
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 24px;
}
.card-category ul li a:hover{ color: #01783e; }    

.card-category ul li a i{ 
    font-size: 11px;
    margin-right: 8px;
    position: relative;
    top: -1px;
    color: #0c569f;}
.card-category ul li a:hover i{ color: #01783e; }    
.maininner-container .padding-right{ padding-right: 50px;}

.blog-detail-img{ margin-bottom: 25px;}
.blockquote {
    background-color: transparent;
    border-left: 4px solid #0c569f;
    padding: 1.4em 1.8em; margin: 30px 0; line-height: 30px;
}


.location-blocks{ background: #fff; padding: 25px 30px 25px 30px; box-shadow: 0 0px 15px #00000030; display: block; border-radius: 10px; min-height: 98px; margin-bottom: 30px;}
.location-blocks:after{ content:''; display: block; clear: both;}     
.location-place{ font-size: 16px; width:77%; float: left; line-height: 24px;}
.location-ico{ font-size: 18px; width:23%; float: left; text-align: right;}
.location-ico i{ font-size: 18px; width: 35px; height: 35px; background: #d1d1d1; text-align: center; border-radius: 50px; line-height: 39px; color: #fff;}
.location-blocks:hover .location-place{ color: #333 !important; }
.location-blocks.has-link:hover{ box-shadow: 0 0px 15px #00000060; color: #02509b !important; transition: all .3s ease 0s;}
.location-blocks.has-link:hover .location-place{  color: #02509b !important;}
.location-blocks:hover .location-place{ color: #02509b;}
.location-blocks.has-link .location-ico i{ background: #02509b; color: #fff;}
.mrt50{ margin-top: 30px;}

.branch-blocks{ background: #fff; padding: 25px 30px 25px 30px; box-shadow: 0 0px 15px #00000030; display: block; border-radius: 10px; min-height: 244px; margin-bottom: 30px; font-size: 14px;}
.branch-blocks:hover{ box-shadow: 0 0px 15px #00000060; transition: all .5s ease 0s;}
.location-blocks:after{ content:''; display: block; clear: both;}     
.branch-place{ font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom: 10px; color: #02509b;}
.bottom-space{ margin-bottom: 5px;}
.branchmanager{ margin-top: 15px; font-weight: 500; font-size: 15px; border-top: 1px solid #e3e3e3; padding-top: 15px;}
.branchmanager span{ margin-top: 5px; display: block;}

.branch-blocks.is-outside{ position: relative;}
.branch-map{ position: absolute; right: 30px; top: 25px;}
.branch-map i {
    font-size: 18px;
    width: 35px;
    height: 35px;
    background: #02509b;
    text-align: center;
    border-radius: 50px;
    line-height: 39px;
    color: #fff; 
}
.branch-map a:hover i {
    background: #024486;
    box-shadow: 0 0px 5px #00000030; 
}
.branch-map span{ display: none;}
.txt-mid{ text-align: center;}

.downlad-btn i{ font-size: 18px; color: #0c569f; position: relative; top: 3px;  }
.downlad-btn:hover i{ font-size: 18px; color: #004992;  }
.name-width{ width: 60%;}

.management-team-card{     background: #fff;
    padding: 25px 30px 25px 30px;
    box-shadow: 0 0px 10px #00000018;
    display: block;
    border-radius: 10px;
    min-height: 290px;
    margin-bottom: 30px; text-align: center;}

 .management-team-card:hover,
 .management-team-card:focus,
 .management-team-card:active{ box-shadow: 0 0px 10px #00000035; transition: all .3s ease 0s; }   

.mang-pic{ width: 140px; height: 160px; margin: auto; margin-bottom: 15px;}    
.mang-pic img{ width: 140px; height: 160px;}
.mang-title{ font-size: 16px; font-weight: 600; color: #333333; margin-bottom: 8px;}  


#locations{ background: #004688;
    padding: 30px 0 50px 0;
    width: 100%;
    z-index: 4;
    top: 0; 
}
 #offers{ background: #004688;
    padding: 30px 0 50px 0;

    width: 100%;

    z-index: 4;
    top: 0;  color: #fff;


    
 }


.close-section{position: absolute;
    top: 10px;
    right: 10px;
    background: #ffffff59;
    padding: 4px 8px 3px 8px;
    border-radius: 25px;
    color: #fff;
    line-height: 19px; cursor: pointer;}

#locations.slideInDown.animated{  }

.topmenu-icons li button{ background: none; border: 0; color: #fff; padding: 12px 8px 8px 8px;}
.topmenu-icons li button:hover,
.topmenu-icons li button:focus,
.topmenu-icons li button:active{ background: #004688; border: 0; color: #fff; box-shadow:none; outline: none; cursor: pointer;}    
/* .topmenu-icons li button.ico-active{ background: #004688;} */

.title-top{ font-size: 17px; color: #fff; font-weight: 500; margin-bottom: 25px; font-family: "Poppins", sans-serif; }
.title-ul-one{ list-style: none; padding: 0; margin: 0; margin-bottom: 30px;}
.title-ul-one li{ list-style: none; margin-bottom: 18px;  }
.title-ul-one li a{ color: #fff; opacity: 0.7;  }
.title-ul-one li a:hover{ opacity: 1;  }

.title-ul-two{ list-style: none; padding: 0; margin: 0; margin-bottom: 10px; }
.title-ul-two li{ list-style: none;
    margin-bottom: 18px;
    display: inline-block;
    width: 48%;
    padding-right: 4%;  }
.title-ul-two li a{ color: #fff; opacity: 0.7;  }
.title-ul-two li a:hover{ opacity: 1;  }

.viewall-top{color: #fff; opacity: 0.7; margin-top: 10px;}
.viewall-top i{    color: #fff;
    opacity: 0.7;
    font-size: 11px;
    position: relative;
    top: -1px;
    margin-left: 6px;}
.viewall-top:hover{color: #fff; opacity: 1;}

.table-style{ background: #0c569f; width: 100%;}
.table-style th{ padding: 10px 15px 5px 15px; color: #fff; opacity: 0.9; font-weight: 400; font-size: 13px;}
.table-style  td{ padding: 4px 15px; color: #fff; opacity: 0.7; font-size: 13px;}

.table-title{ font-weight: 600;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    background: #0b60b4;
    padding: 10px 15px;
    color: #fff;}

.table-style2 { background: #0c569f; width: 100%;}
.table-style2 th{ padding: 10px 15px 5px 15px; color: #fff; opacity: 0.9; font-weight: 400; border-right: 1px solid #3d78b2; text-align: center; font-size: 13px;}
.table-style2  th:last-child{ border-right: 0;}
.table-style2  td{ padding: 4px 15px; color: #fff; opacity: 0.7; border-right: 1px solid #3d78b2;  text-align: center; font-size: 13px;}
.table-style2  td:last-child{ border-right: 0;}
.table-style2 td.border-bottom{ border-bottom: 1px solid #3d78b2 !important;  }
    
#interest{ background: #004688;
    padding: 30px 0 50px 0;

    width: 100%;

    z-index: 4;
    top: 0; 


    
 }
 .pulse i{ animation: shake-animation 4s ease infinite;
    transform-origin: 15% 15%;} 

    @keyframes shake-animation {
        0% { transform:translate(0,0) }
       1.78571% { transform:translate(5px,0) }
       3.57143% { transform:translate(0,0) }
       5.35714% { transform:translate(5px,0) }
       7.14286% { transform:translate(0,0) }
       8.92857% { transform:translate(5px,0) }
       10.71429% { transform:translate(0,0) }
       100% { transform:translate(0,0) }
     }

#search-section{ background: #004688; padding: 30px 0 50px 0; width: 100%; z-index: 4; top: 0; }
#search-section h2{ font-size: 14px; color: #fff; font-weight: 600; margin-bottom: 7px;}
.most-popular a{ background: #0c569f;
    padding: 5px 15px;
    color: #ffffffcf;
    border-radius: 5px;
    margin-right: 5px; font-size: 13px; display: inline-block;
}
.most-popular a:hover{ background: #ffffff55; color: #fff;}

.are-you-looking{ background: #0c569f; margin: 15px 0; border-radius: 5px; padding: 15px 20px 10px 20px; }

.are-you-looking ul{ padding: 0; margin: 0;}
.are-you-looking ul li{ padding: 0; list-style: none; width: 33%; display: inline-block; margin: 4px 0;}
.are-you-looking ul li a{ color: #ffffffcf;}
.are-you-looking ul li span{ margin: 0;
    background: #4b84b9;
    padding: 6px;
    border-radius: 40px;
    font-size: 12px;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;}
.are-you-looking ul li a:hover{ color: #fff; }

.i-want-to{  background: #0c569f; margin: 15px 0; border-radius: 5px; padding: 15px 20px 10px 20px;}
.i-want-to ul{ padding: 0; margin: 0;}
.i-want-to ul li{ margin: 5px 5px 5px 0; list-style: none; display: inline-block; }
.i-want-to ul li a{ color: #ffffffcf;
    border: 1px solid #ffffff36;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px; display: inline-block;}
    .i-want-to ul li a:hover{ color: #ffffff;
        border: 1px solid #ffffff70;
}    

.search-block { margin-bottom: 15px; position: relative;}
.search-block input{     width: 100%;
    background: #ffffff36;
    padding: 10px 50px 10px 15px ;
    border: 0;
    border-radius: 5px;
    color: #fff;
}
.search-block input::placeholder{ color: #d4d4d4;}
.search-block button{ position: absolute; right: 10px; top: 10px; background: none; border: 0; color: #d4d4d4;}
.search-block button:hover,
.search-block button:focus,
.search-block button:active{ color: #fff; border: 0; outline: none; box-shadow: 0; cursor: pointer;}

.openac{ position: relative;}
.openac-txt{ position: absolute; z-index: 1; bottom: 20px; left: 20px;  width: 89%;   }
.openac-txt a.opentxt{ font-size: 30px;
    font-family: "Poppins", sans-serif;
    line-height: 40px;
    color: #fff; font-weight: 600;}
.openac-txt a.opentxt:after{ content:''; display: block; height: 3px; width: 50px; background:#01783e ; margin: 10px 0; }    
.openac-content{ font-size:16px; color:#fff;}
.blackbg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background: linear-gradient(to top, rgb(0, 0, 0), rgba(255,0,0,0));
}
.white-btn{     width: 140px;
    float: right;
    background: #ffffff26;
    text-align: center;
    padding: 12px 15px;
    font-size: 14px;
    color: #ffff;
    border: 1px solid #e3e3e370;
    border-radius: 5px;}
    .white-btn:hover{    
        background: #ffffff35;
        
        color: #ffff;
        }


.slectblock{ float: left; width: 170px; font-size: 15px;}
.btn-sm { color: #02509a; }
.btn-sm:hover{ text-decoration: underline; }
.second-ul li:last-child a{border-bottom: 0px solid #e3e3e3 !important;}

#date-section{ background: #004688; 
    padding: 30px 0 50px 0;
    width: 100%;
    z-index: 4;
    top: 0; }

.datenepali{ font-size: 20px; color: #fff; text-align: center}
.dateeng{ font-size: 20px; color: #fff; text-align: center;}

.date-wrapper{ position: relative;}
.main-date{ 
    position: absolute;
    background: #fff;
    padding: 15px;
    width: 150px;
    z-index: 4;
    text-align: left;
    border-radius: 5px;
    box-shadow: 0px 0 6px #00000040;
    margin-left: -60px;
    transition: width 0.5s, height 1s;
    height: 0;
    display: none;
    margin-top: -5px;
 }

 .date-wrapper:hover .main-date{ min-height: 93px; display: block; -webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;}


.dateonly{ font-size: 16px; font-weight: 600; margin-bottom: 5px; }
.dateonly-nep, .dateonly-eng{ font-weight: 500; margin-bottom: 3px;}

.wrapper-notification{ position: relative; }
.topmenu-icons li a span.has-notification{ background: #ff4139;
    padding: 3px;
    top: 10px;
    width: 10px;
    height: 10px;
    left: 13px;}

.wrapper-notification{ position: relative;} 
.notification-block{ padding: 10px;
    box-shadow: 0px 0 6px #00000040;
    background: #fff;
    position: absolute !important;
    z-index: 5;
    border-radius: 5px;
    width: 250px;
    text-align: left;
    right: 0;
    margin-right: -70px;
    top: 34px; display: none;}   
.notification-block ul{ padding: 0; margin: 0;}
.notification-block ul li{ padding: 10px 5px; margin: 0; list-style: none;  border-bottom: 1px solid #e3e3e3; display: block; } 
.notification-block ul li:last-child{ border-bottom: 0px solid #e3e3e3;  } 
.notification-block ul li a{ color:#383e42; text-align: left;font-size: 14px; display: block; padding: 0;}
.notification-block ul li a:hover{ color:#0055a6; text-align: left; background: none; }
.notification-block ul li span{ color:#999; font-size: 11px; }

.wrapper-notification:hover .notification-block{ position: relative; min-height: 93px; display: block; -webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;} 

#menu > ul > li.has-mega-menu{ position: static;}    
.mega-menu{     position: absolute;
    background: white;
    width: 90%;
    left: 0;
    margin-left: 0;
    margin-top: -2px;
    padding: 20px;
    box-shadow: 0px 5px 15px #00000030;
    display: none;
    margin: 0 5%;}

    #menu > ul > li.has-mega-menu:hover .mega-menu{ display: block;}     

    #menu ul li.has-mega-menu ul li a {

        border-bottom: 1px solid #ffffff;
   
    }   
    #menu ul li.has-mega-menu ul li a:hover { 
        border-bottom: 1px solid #ffffff; 
        background: none; color: #01783e;
   
    }   
    .has-mega-menu .mega-menu .col-xs-12:after{ 
        content:''; display:block; 
        background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(196,196,196,1), rgba(255,0,0,0));
        width: 1px; height: 100%; position: absolute;
        right: 0;
        top: 0;
    }
    .has-mega-menu .mega-menu .col-xs-12:last-child:after{ 
        content:''; display:none; 
        background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(196,196,196,1), rgba(255,0,0,0));
        width: 1px; height: 100%; position: absolute;
        right: 0;
        top: 0;
    }
    .application{ position: static !important;}
    .isrelative{ position: relative;}

    .careerlisting ul{ padding: 0; margin: 0; }
    .careerlisting ul li:before{ display: none; padding: 0; margin: 0; }
    .careerlisting ul li{ margin-bottom: 15px; border-bottom: 1px solid #e3e3e3; padding-bottom: 10px;}
    
    .careerlisting ul li a{  font-size: 14px;
        color: #383e42;
        display: block;
        margin-bottom: 10px;
        font-weight: 500;
        line-height: 22px;
    }
    .careerdate{ color: #0055a6;
        font-size: 11.5px;
        letter-spacing: 1px;
        text-transform: uppercase;
        display: block;
        padding-bottom: 5px;
        font-weight: 400;}

    #contactform .custom-file-label { font-size: 0.875rem;
        font-weight: 400;
        line-height: 40px;
        display: block;
        width: 100%;
        height: 60px;
        padding: 12px 15px;
        color: #666;
        border: none;
        border-radius: 0.25rem;
        background-color: #f4f5f8;
        background-clip: padding-box;
        box-shadow: 0 0 5px #00000000; }  
    #contactform .custom-file, #contactform .custom-file-input{ height: 60px; line-height: 40px; color: #666;}
    #contactform .custom-file-label::after{ height: 60px; line-height: 52px;}

    .career-cap img{ height: 60px; }
    .career-page{ margin-right: 10px;
        font-weight: 600;
        border-right: 1px solid #333;
        padding-right: 15px;
        color: #333;
        margin-bottom: 15px;}

    .career-btm{ margin-bottom: 15px;}    
    .card-category ul li a.isactive{ color: #01783e;}
    .card-category ul li a.isactive i{ color: #01783e;}

    #myBtn {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 99;
        font-size: 13px;
        border: none;
        outline: none;
        background-color: #0c569f;
        color: white;
        cursor: pointer;
        padding: 10px;
        border-radius: 4px;
      }
      
      #myBtn:hover {
        background-color: #004488;
      }

      
      .popup .modal-dialog .modal-header {
        padding: 0;
        border-bottom: 0px solid #e5e5e5;
        position: static;
        top: 13px;
        right: 13px;
        z-index: 122; padding: 1rem 1rem 0 1rem;
    }
    .modal-dialog .modal-header .close {
        
        margin: -1.5rem -1.5rem -1rem auto;
    }
    .navbar>.container, .navbar>.container-fluid {
        /* display: -webkit-box; */
     
        display: block;
     
    }
    .inner-emic-calc .emi-table-container {
        display: block;
    }

    .inner-emic-calc .emi-calc-container {
        background: #fff;
        padding: 0px 25px 0px 10px  !important;
    }
    .inner-emic-calc .justify-content-center {
        justify-content:left !important;
    }

    .inner-emic-calc .emi-cal-results-container.col-md-3{ max-width: 33.33%; flex: 0 0 33.33%;}
    .inner-emic-calc h3 {
        font-size: 26px;}

        .inner-emic-calc    .emi-cal-results.text-md-right > div {
            text-align: left;
            border-bottom: 1px solid #dddddd;
            padding: 15px 25px 15px 25px !important;
        }    
    

/* david    */
@media (min-width: 1024px) and (max-width: 1279px) {

   .tollfree{
        display: none;
   }
    #menu ul li > a {
        padding: 29px 8px 28px 8px;

   }
   .slider-blocks {
    top: 45px;
    margin-left: 97px;
    left: 0;
    }
    .serviceblock {
        margin: 5px 4px 5px 4px;
        padding:25px 10px;
        text-align:center;
        font-size: 13px;
   }
    .abttxt div {
        height: 100px;
        overflow: hidden;
   }
    .rightforyou .rightforyou-txt {
        font-size: 13px;
        text-align: left;
   }
    .rightforyou .rightforyou-img {
        height: 150px;
        width: 100%;
   }
    .rightforyou .rightforyou-img img {
        height: 150px;
   }
   .navbar-header:after {
    content: '';
    width: 62px;
    height: 70px;
    right: -53px;
    top: -2px;
    background-size: 69px;
}
.navbar-brand img {

   left: 0px;
}
.navbar-brand {
   height: 80px;
}

#slider #myCarousel .carousel-inner .item{ height: 450px; }

.purchasemutualfund{ display: none; }
.mutualfund{ display: block; }

.calchome {
   padding: 12px 14px 12px 5px;
   font-size: 12px;
   box-shadow: 0px 3px 9px #00000047;
}
   /* #refresh{ position: static !important; margin-left: 15px !important; } */

.navbar:after {content: "";height: 77px;}
.currentnav { margin-left: -25.8% }
.applynowbtn { margin-top: 26px;}
.navbar .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; max-width: 100%;
}

.navbar-brand{ position: relative ; z-index: 555;}
.applynowbtn i{ display: none;}
.icon-white{ width: 55%;}

.pdr50 {
    padding-right: 30px;
}
.downloadapp {
    padding: 85px 0px 0px 45px; position: relative; min-height: 766px;
}
.digitalbanking {
    padding: 85px 20px 70px 60px;}

#banking-app .media-left a img {
    width: 53px;
    height: 53px;
}
#banking-app .media-content a {
    font-size: 14px;
}
#banking-app .media-content p {
    height: 50px;
    overflow: hidden;
}
.heading-title-top, .heading-title-top2 {

    padding: 0 190px;

}
.quicklinks li { width: 48%;}
.heading-title.style-1{ font-size: 30px;}

.card-blog-list ul li .listings-right {
    width: 60%;
    float: left;
    margin-left: 5%;
}
.location-blocks {
    padding: 25px 20px 25px 20px;
}
.location-blocks .location-place {
    font-size: 15px;
    
}
.branch-blocks{ min-height: 282px;}
.branch-blocks.is-outside { min-height: 315px;}

.mega-menu{    
    width: 94%;
    margin: 0 3%;}

}
.modal-custom {
    height: 65vh;
    overflow-y: scroll;
}
/* width */
.modal-custom::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  .modal-custom::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .modal-custom::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  .modal-custom::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
.pop-btn-sm{     padding: 10px 25px 10px 25px;}
.lvl-title{ font-weight:600; font-size: 14px !important;}


@media (min-width: 1023px) and (max-width: 1124px) {
#menu ul li > a { padding: 29px 5px 28px 7px; font-size: 13.5px; }
.topmenu { left: 20vw;}
.navbar-brand > img { height: 57px; }
.applynowbtn { padding: 8px 10px 5px 10px; font-size: 13.5px;}
.topmenu { left: 22vw; }
#menu{ margin-left: 25px;}
#icon-blocks {
    margin-top: -150px;
}
.card-blog-list ul li .listings-right {
    width: 60%;
    margin-left: 3%;
}
.card-blog-list ul li .listings-left {
    width: 65px;
    height: 65px;

}
.card-blog-list ul li .listings-left img {
    width: 65px;
    height: 65px;

}
.branch-blocks{ min-height: 282px;}
.branch-blocks.is-outside { min-height: 315px;}

}


@media (min-width: 980px) and (max-width: 1023px) {
    
    .tollfree{
        display: none;
   }
    #menu ul li > a {
        padding: 29px 10px 28px 10px;
   }
    .slider-blocks {
        top: 50px; margin-left: -385px;
   }
    .serviceblock {
        margin: 5px 4px 5px 4px;
        padding:25px 10px;
        text-align:center;
        font-size: 13px;
   }
    .abttxt div {
        height: 100px;
        overflow: hidden;
   }
    .rightforyou .rightforyou-txt {
        font-size: 13px;
        text-align: left;
   }
    .rightforyou .rightforyou-img {
        height: 150px;
        width: 100%;
   }
    .rightforyou .rightforyou-img img {
        height: 150px;
   }
    .quicklinks li {
        margin-bottom: 15px;
        width: 50%;
        float: left;
        padding-right: 2%;
   }
#slider #myCarousel .carousel-inner .item{ height: 420px; }
   .purchasemutualfund{ display: none; }
   .mutualfund{ display: block; }
   .navbar-brand > img { height: 57px; }

   .calchome {
   padding: 12px 14px 12px 5px;
   font-size: 12px;
   box-shadow: 0px 3px 9px #00000047;
}
.currentnav { margin-left: -26% }
.captcha img{width: 150px;}
#refresh{ position: relative !important; top:0}

.navbar .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#menu ul li > a { padding: 29px 5px 28px 7px; font-size: 13.5px; }
.topmenu { left: 20vw;}
.navbar-brand > img { height: 57px; }
.applynowbtn { padding: 8px 10px 5px 10px; font-size: 13px; margin-top: 26px;}
.applynowbtn i{ display: none ;}
.topmenu { left: 22vw; }
#menu{ margin-left: 5px;}
.navbar-header:after { top: -1px; background-size: 57px;}
.navbar-brand{ position: relative; z-index: 55;}
.navbar:after { height: 68px; }
#icon-blocks {
    margin-top: -150px;
}
#icon-blocks {
    margin-top: -170px;
    margin-left: 50px;
}
.icon-white {  width: 60%;}
.slider-blocks h3 {
    font-size: 37px;
    line-height: 47px;
    margin-bottom: 25px;

}
.heading-title-top, .heading-title-top2 {
    padding: 0 180px;
}
.mrg-top{ margin-top: 0;}
.pdr50 { padding-right: 20px; }
.downloadapp {
    padding: 65px 0px 0px 10px;
}
.digitalbanking {
    padding: 65px 20px 70px 30px;}

    #banking-app .media-left a img {
        width: 43px;
        height: 43px;
    }
    #banking-app .media-content a {
        font-size: 14px;
    }
    #banking-app .media-content p {
        height: 50px;
        overflow: hidden;
        line-height: 18px;
    }
    .app-img img {
        width: 452px;
    }
    #banking-app .banking-left {
        margin-left: -15px;
    }
    .card-blog-list ul li .listings-right {
        width: 60%;
        margin-left: 3%;
    }
    .card-blog-list ul li .listings-left {
        width: 65px;
        height: 65px;
    
    }
    .card-blog-list ul li .listings-left img {
        width: 65px;
        height: 65px;
    
    }
    .maininner-container .padding-right {
        padding-right: 30px;
    }
    .branch-blocks{ min-height: 282px;}
    .branch-blocks.is-outside { min-height: 315px;}
    .branchmanager { font-size: 14px;}
    .tab-right-section h2{ font-size: 24px;} 

}
@media (max-width: 991px) {

    .tab-right-section h2{ font-size: 24px;} 
   .topheader .container{ width: 100%;}

    .menucorner {
        top: -37px;
        left: -130px;
        display: none;
   }

    .topmenu li {
        display: inline-block;
        margin-left: 15px;
   }
    .navbar-brand {  top: 0px;  left: 0px; }

   #menu ul li > a {
   display: inline-block;
   padding: 23px 5px 30px 5px;
   font-size: 13px;
   text-transform: none;
   }


   .menuwhite img{ height: 55px; width: auto; }

   .navbar-header:after {display: none; }
   .navbar-brand img { position: relative; top: 3px; z-index: 10; left: 0px; height: 60px;}
   .navbar { background: #01783e; }

   .navbar-brand:active, .navbar-brand:focus, .navbar-brand:hover{
        background: #fff;
        display: block;
   }
    #menu {
        text-align: center;
        transition: all ease-out 0.3s;
        text-transform: uppercase;
        float: right;
        margin-left: 43px;
   }
    .applynowbtn{ margin-right: 15px;
   }
    .application{
        margin-right: 0;
        padding-right: 0;
   }
    .navbar-brand:active, .navbar-brand:focus, .navbar-brand:hover {
        background: #fff !important;
   }
    .mainsidewrapper{
        margin-top: 25px;
   }
    .bannerimg h1{
        font-size: 28px;
   }
   .table-responsive{ border:0  }
#slider #myCarousel .carousel-inner .item{ height: 350px; }

       .purchasemutualfund{ display: none; }
   .mutualfund{ display: block; }
   .navbar-brand > img { height: 57px; }

   .calchome {
   padding: 10px 14px 10px 5px;
   font-size: 14px;
   box-shadow: 0px 3px 9px #00000047;
   margin-bottom: 5px;
   }

   .blockstyle2{ height: auto; }

   .graph-div{ float: left; width: 100%;} 
   .graph-div span{ width: 100%; display: block; }
   .graphsearch { padding: 20px; }
   .graphsearch select { width: 100%; margin-left: 0px; margin-right: 25px; margin-bottom: 15px; }

   .serviceblock { font-size: 12px;     background: #f5f5f5; box-shadow: 0 0 0px #0000001a; }
   .currentnav {
     
   
       left: 0;
       
       margin-left: 15px;
   }

   .mgnt-img{ width: 300px; height: 300px; float: left; margin-right: 35px; margin-bottom: 15px; object-fit:cover}
   .mgnt-img img{ width: 300px; height: 300px; object-fit:cover }
   
   .topheader .container{ 
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}
.topmenu {
    left: 0vw !important; padding-left: 0;
}
.navbar .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; max-width: 100%;
}
.applynowbtn {
    padding: 8px 10px 5px 10px;
    font-size: 13px;
    margin-top: 19px;
}
.applynowbtn { padding: 8px 10px 5px 10px; font-size: 13px; margin-top: 25px; margin-right: 0;}

.icon-white{ width: 55%; }

#icon-blocks {
    margin-top: -150px;
    margin-left: 108px;
}
#icon-blocks {
    margin-top: -150px;
}
#icon-blocks {
    margin-top: 70px;
    margin-left: 0px;
}
.icon-white {
    width: 100%;
    min-height: auto;
    padding: 25px 30px 15px 30px;
}
.slider-blocks h3 {
    font-size: 37px;
    line-height: 47px;
    margin-bottom: 25px;

}

.netasset div{ margin-bottom: 10px;}
.slider-blocks h3 {
    font-size: 37px;
    line-height: 48px;
    margin-bottom: 30px;
}
.icon-white ul li {

    padding: 0 5px;

}
.icon-white:after{ content:''; display: block; clear: both;}
.titleline {
    width: 50px;
    height: 3px;
    margin-top: 0px;
    margin-bottom: 15px;
    background: #017f42;
}
.heading-title.style-1 {
    margin-bottom: 15px !important;  
}
.media-content p {
    height: 52px;
    overflow: hidden;
}
.heading-title-top {
    padding: 0 50px;

}
#loanadv ul.nav-tabs li a {
    display: inline-block;
    margin-bottom: 15px;  padding: 12px 15px 10px 15px;
}
#loanadv ul.nav-tabs li {
    margin-right: 5px !important;
    display: inline-block;
}

.heading-title-top, .heading-title-top2 {
    padding: 0 180px;
}
#banking-app .media-left a img {
    width: 53px;
    height: 53px;
}
#banking-app .media-content a {
    font-size: 14px;
}
#banking-app .media-content p {
    height: 50px;
    overflow: hidden;
}
.downloadapp {
    padding: 65px 0px 0px 10px;
}
.digitalbanking {
    padding: 65px 20px 70px 30px;}

    #banking-app .media-left a img {
        width: 43px;
        height: 43px;
    }
    #banking-app .media-content a {
        font-size: 14px;
    }
    #banking-app .media-content p {
        height: 40px;
        overflow: hidden;
        line-height: 20px;
    }
    .app-img img {
        width: 452px;
    }
    #banking-app .banking-left {
        margin-left: -15px;
    }
    .app-btns img{ width: 180px;}
    .app-btns {

        height: 45px;
      
    }
    .app-img {
        position: absolute;
        bottom: 0px;
        left: -3%;
    }

    .pdr50 { padding-right: 0px; }

    .blog-content {
        height: 76px;
        overflow: hidden;
    }
    .banner-txt {
        width: 75%;
 
    }
    .img-inner {
        float: right;
        margin-left: 35px;
        margin-bottom: 15px;
        width: 250px;
    }
    .chairman{ margin-bottom: 25px;}
    .visionmission{ margin-top: 25px;}
    .inner-line {
        margin-bottom: 40px;
        margin-top: 30px;
    }
    .contact-blocks {
        min-height: 167px;
        padding: 45px 15px 35px 15px;
    
    }
    .mapsection iframe{ border: 0; width: 100%; height: 300px;}
    .card-blog-list ul li .listings-right {
        width: 60%;
        margin-left: 3%;
    }
    .card-blog-list ul li .listings-left {
        width: 65px;
        height: 65px;
    
    }
    .card-blog-list ul li .listings-left img {
        width: 65px;
        height: 65px;
    
    }
    .maininner-container .padding-right {
        padding-right: 30px;
    }
    .location-blocks {
        padding: 25px 20px 25px 20px;
    }
    .location-blocks .location-place {
        font-size: 15px;
        
    }
    .branch-blocks{ min-height: 244px;}
    .branch-blocks.is-outside { min-height: 244px;}
    .branchmanager { font-size: 14px;}

    .tab-left-hide { display: none;}
    .tab-right-hide{ width: 100% !important;
        max-width: 100%;
        flex: 0 0 100%;}

        .quicklinks li {

            width: 48%;

        }
    .textwidget .col-xs-12{ width: 100% !important;
        max-width: 100%;
        flex: 0 0 100%; margin-bottom: 25px;}       
    
        .emi-calc-container.col-md-4 {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%;
        }

        .emi-cal-results-container.col-md-3
        {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%;     padding: 28px 15px;
            background: #fafafa;
        }
        .emi-cal-results{ background: none !important;} 

        .emi-chart.emi-chart-container.col-md-4{width: 100% !important;
            max-width: 100%;
            flex: 0 0 100%; margin-top: 25px;} 
        
         .carousel-control-prev, .carousel-control-next{ display: none;}   
         .abt-style{ margin-bottom: 25px;}
         .input-group-prepend, .input-group-append {
            display: flex;
            height: 43px;
        }
        .footerlinks {
            margin-top: 40px;
        }


    

   }
@media (min-width: 768px) and (max-width: 979px) {
    .tollfree{
        display: none;
   }
    .menucorner {
        top: -37px;
        left: -130px;
        display: none;
   }
    .navbar-brand {
        top: -32px;
        left: -14px;
   }
    .topmenu li {
        display: inline-block;
        margin-left: 15px;
   }
    .navbar-brand {
        top: -2px;
        left: -30px;
        background: #fff;
        height: 82px;
   }
    .navbar-brand:active, .navbar-brand:focus, .navbar-brand:hover{
        background: #fff;
        display: block;
   }
    #menu {
        text-align: center;
        transition: all ease-out 0.3s;
        text-transform: uppercase;
        float: right;
        margin-left: 0;
   }

    .application{
        margin-right: 0;
        padding-right: 0;
   }
    .navbar-brand:active, .navbar-brand:focus, .navbar-brand:hover {
        background: #fff !important;
   }
    #menu ul li > a {
        padding: 29px 3px 28px 3px;
   }
    .slider-blocks {
        top: 15%;
        margin-left: -380px;
   }
    .abttxt div {
        height: 100px;
        overflow: hidden;
   }
    #footer h4 {
        margin-top: 30px;
   }
    #ourservices:after {
        display: none;
   }
    .topmenu{
       float: left;
        padding-left: 0;
   }
    .topmenu li {
        display: inline-block;
        margin-left: 0px;
        margin-right: 7px;
   }
   .topmenu li a {
    font-size: 12px;
    padding: 0 3px 0 0px;
  
}
}
@media (max-width: 979px) {
    .navbar-brand{
        display: none;
   }
    .menuwhite{
        display: block;
        margin-top: 10px;
        float: left; position: relative;
       z-index: 2;
   }
   .navbar .container{ width: 100% }
     #refresh{  }
     .fresh {
        right: -34px;
        margin-right: 0;
        top: -35px;
        position: relative;
        float: right;
    }

   

     .career-cap img{ width: 150px;}
     .career-cap{    width: 190px;}
     .poweredby{ text-align: left;}

     .currentnav{ position: absolute; font-size: 12px;

       font-weight: 600;
   
       background: #de0f19; 
       animation-name: example;
       animation-duration: 4s;
       animation: example 5s linear 2s infinite alternate;
       color: #fff;
       padding: 6px 10px 3px 10px;}

       .topmenu-icons {

           padding-left: 10px;
           margin-left: 0px;
       }

       .captcha img{width: 200px;}
       a#toggle {
        display: block;
   }

    main#content {
       transition: all ease-out 0.3s;
   }

   .topmenu.topmenu-hidden { border-top: 1px solid #016133; }

    #menu {
       position: fixed;
       width: 250px;
       height: 100%;
       top: 0;
       left: 0px;
       overflow: hidden;
       overflow-y: auto;
       background-color: #01783e;
       transform: translateX(-250px);
        margin-top:0px;
   }
    #menu ul {
       text-align: left;
       background-color: transparent; 
   }
    #menu ul li {
        display: block;
   }
    #menu ul li a {
        display: block;
   }
    #menu ul li a > i {
        float: right;
   }
    #menu ul li ul {
       display: none;
       position: static;
       width: 100%;

   }
    #menu ul li:hover > ul {
        display: none;
   }
    #menu ul li:hover > a > i {
        transform: rotateZ(0);
   }
    #menu ul li.open > a {
        background-color: rgba(0, 0, 0, 0.3);
   }
    #menu ul li.open > a > i {
        transform: rotateZ(90deg);
   }
    #menu ul li.open > ul {
        display: block;
        box-shadow: 0 0 0 #000;
   }
    div#overlay {
       display: block;
       visibility: hidden;
       position: fixed;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
       background-color: rgba(0, 0, 0, 0.8);
       transition: all ease-out 0.3s;
       z-index: 1;
       opacity: 0;
   }
    html.open-menu {
        overflow: hidden;
   }
    html.open-menu div#overlay {
       visibility: visible;
       opacity: 1;
       width: calc(-150%);
       left: 250px;
   }
    html.open-menu a#toggle,html.open-menu main#content {
        transform: translateX(250px);
   }
    html.open-menu nav#menu {
       z-index: 3;
       transform: translateX(0);
   }
    #menu a {
       color: #fff;
   }
    .tollfree{
        display: none 
   }
    .topmenu {
        margin-bottom: 0;
        margin-left: 0;
        padding-left: 0;
        float: right; display: none;
   }
    .navbar-header {
        position: relative;
        text-align: center;
        height: 79px;
   }
    .navbar-brand {
        top: -2px;
        left: 50%;
        background: #016133;
        height: 82px;
        margin-left: -90px;
   }
    #menu ul li > a {
        padding: 15px 18px 15px 12px;
        height: auto;
        font-size: 14px;
        text-transform: none;
        border-bottom: 1px solid #016735;
   }
 
 
   .application{ background: none;}
   .navbar {
    background: #01783e;
    margin-top: 3px !important;
}
.topmenu-icons li a {
    padding: 12px 6px 9px 6px;

}
.menuwhite{
    display: block;
    margin-top: 10px;
    float: left; z-index: 2;
}
#menu ul li.active a:after{
    display: none;
}
#menu ul li.active a:after{
    display: none;
}
#menu > ul > li:hover>ul{
    position: static;
    width: 100%;
    box-shadow: 0 0 black;
}
#menu ul li ul li a {
    border-bottom: 1px solid #00542c;
    background: #026334;
    color: #fff;
    font-size: 13px; padding-left: 20px;
}
.maintxt{
    padding-right: 15px;
}
#menu ul li ul li ul{
    display: none;
    position: static;
    width: 100%;
}
#menu > ul > li > ul {
    margin-top: -1px;
}
#menu ul li ul li ul li a {
    border-bottom: 1px solid #00542c;
    background: #015a2f;
    color: #fff;
    font-size: 13px;
    padding-left: 20px;
}
.heading-title.style-1 {
    font-family: "Poppins", sans-serif;
    padding-bottom: 0;
    margin-bottom: 2rem !important;
    font-weight: 700;
    font-size: 24px;
    color: #383e42;
    line-height: 30px;
    letter-spacing: 0;
    padding-right: 0px;
}
.media-left {
    float: left;
    width: 100%;
    text-align: left;
}
.box-services {
    padding: 10px 15px !important;
    border-radius: 10px;
    margin-bottom: 30px;
}
.media-content {
    float: right;
    width: 100%;
    text-align: left;
}
.icon.icon-green img{ width: 60px;}
.media-content a { font-size: 16px;}
.heading-title-top, .heading-title-top2 {
    padding: 0 120px;
}

.loanadv-leftimg{ display: none;}
.loanadv-right-txt {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
#loanadv .nav-tabs {
    border-bottom: 0;
    margin-bottom: 0px;
}
.emi-cal-results h6 {
    color: #414247; font-size: 12px !important;
}
.emi-total-interest, .emi-monthly, .emi-total-payment {
    font-size: 22px !important;
}
.footer-top-left{}
.footer-social-links li {
    padding: 0 0px;
}
.epay { font-size: 15px; }
.epay-logos {
    padding-left: 10px;
}
.footer-mid-right{ width: 100%; max-width: 100%; flex: 0 0 100%; margin-top: 35px;}
.footer-mid-left{ width: 100%; max-width: 100%; flex: 0 0 100%;}

.contentfield{ width: 100%; max-width: 100%; flex: 0 0 100%; }
.mapsection{width: 100%; max-width: 100%; flex: 0 0 100%; }

#locations, #interest, #search-section {
    z-index: 555;
    top: 0;
    position: relative; height: 60vh; overflow: scroll;
}
.carousel {
    position: relative;
    z-index: 1;
}
.mega-menu{ position: static;

    background: #026334;
    width: 100%;
    left: 0;
    margin-left: 0;
    margin-top: 0px;
    padding: 0px;
    box-shadow: 0px 0px 0px #00000030;
    display: none;
    margin: 0%;


}
#menu > ul > li.has-mega-menu:hover .mega-menu {
    display: none;
}
#menu ul li.has-mega-menu.open .mega-menu ul {
    display: block !important;
    box-shadow: 0 0 0 #000;
}
#menu ul li.has-mega-menu.open .mega-menu {
    display: block !important;
    box-shadow: 0 0 0 #000;
}

.mega-menu .col-xs-12{ width: 100%; min-width: 100%; flex:0 0 100%; padding: 0;}
.has-mega-menu .mega-menu .col-xs-12:after{ display: none;}

.navbar .mega-menu .row {
    width: 100%;
    display: block;
    flex-wrap: nowrap;
    margin: 0;
}
#menu ul li.has-mega-menu ul li a {
    border-bottom: 1px solid #00542c;
}
#menu ul li.has-mega-menu ul li a:hover{ background:#01783e; color: #fff; border-bottom: 1px solid #00542c;}
.title-ul-two li {

    width: 100%;
    padding-right: 0%;
}
.title-top {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 25px;
    font-family: "Poppins", sans-serif;
    padding-right: 20px;
}

}

@media (max-width: 767px) {
   
   .career-cap img{ width: 150px;}
   .career-cap{    width: 190px;}

   .vacency-btm li{ display: block;}
   .vacency-btm li:after{ display: none;}
   .topmenu.topmenu-hidden{ display: block; width: 100% }
   .topmenu.topmenu-hidden li{ margin-left: 0 }
    a#toggle {
        display: block;
   }

    main#content {
       transition: all ease-out 0.3s; margin-top: 95px;
   }

   .topmenu.topmenu-hidden { border-top: 1px solid #b10008; }
   .textwidget .col-xs-12 { margin-bottom: 10px; }  

   
   #menu {
    position: fixed;
    width: 250px;
    height: 100%;
    top: 0;
    left: 0px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #01783e;
    transform: translateX(-250px);
     margin-top:0px; margin-left: 0px;
}
 #menu ul {
    text-align: left;
    background-color: transparent; 
}
 #menu ul li {
     display: block;
}
 #menu ul li a {
     display: block;
}
 #menu ul li a > i {
     float: right;
}
 #menu ul li ul {
    display: none;
    position: static;
    width: 100%;

}
 #menu ul li:hover > ul {
     display: none;
}
 #menu ul li:hover > a > i {
     transform: rotateZ(0);
}
 #menu ul li.open > a {
     background-color: rgba(0, 0, 0, 0.3);
}
 #menu ul li.open > a > i {
     transform: rotateZ(90deg);
}
 #menu ul li.open > ul {
     display: block;
     box-shadow: 0 0 0 #000
}
 div#overlay {
    display: block;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all ease-out 0.3s;
    z-index: 1;
    opacity: 0;
}
 html.open-menu {
     overflow: hidden;
}
 html.open-menu div#overlay {
    visibility: visible;
    opacity: 1;
    width: calc(-150%);
    left: 250px;
}
 html.open-menu a#toggle,html.open-menu main#content {
     transform: translateX(250px);
}
 html.open-menu nav#menu {
    z-index: 3;
    transform: translateX(0);
}
 #menu a {
    color: #fff;
}
 .tollfree{
     display: none 
}
 .topmenu {
     margin-bottom: 0;
     margin-left: 0;
     padding-left: 0;
     float: right; display: none;
}
 .navbar-header {
     position: relative;
     text-align: center;
     height: 79px; width: 50% !important;
}
 .navbar-brand {
     top: -2px;
     left: 50%;
     background: #016133;
     height: 82px;
     margin-left: -90px;
}
 #menu ul li > a {
     padding: 15px 18px 15px 12px;
     height: auto;
     font-size: 14px;
     text-transform: none;
     border-bottom: 1px solid #016735;
}

.application{ background: none;}
.navbar {
 background: #01783e;
 margin-top: 3px !important;
}
.topmenu-icons li a {
 padding: 12px 6px 9px 6px;

}
.menuwhite{
 display: block;
 margin-top: 10px;
 float: left; z-index: 2;
}
#menu ul li.active a:after{
 display: none;
}
#menu ul li.active a:after{
 display: none;
}
#menu > ul > li:hover>ul{
 position: static;
 width: 100%;
 box-shadow: 0 0 black;
}
#menu ul li ul li a {
 border-bottom: 1px solid #00542c;
 background: #026334;
 color: #fff;
 font-size: 13px; padding-left: 20px;
}
.maintxt{
 padding-right: 15px;
}
#menu ul li ul li ul{
 display: none;
 position: static;
 width: 100%;
}
#menu > ul > li > ul {
 margin-top: -1px;
}
#menu ul li ul li ul li a {
 border-bottom: 1px solid #00542c;
 background: #015a2f;
 color: #fff;
 font-size: 13px;
 padding-left: 20px;
}
    .netasset {
        padding: 15px;
        border-radius: 0px 20px 0px 20px;
   }
    .slider-blocks h3 {
        font-size: 30px; margin-bottom: 10px;
   }
   
   .slider-blocks {
   width: 60%;
   top: 30px;
   position: absolute;
   left: 0;
   margin-left: 27px;

}
    
    .pos-rel2:after, .pos-rel:after, #ourservices:after{
        display: none;
   }
    #ourservices{
        margin-bottom: 0 
   }
    .blockstyle{
        height: auto;
        margin-bottom: 40px;
   }
    .blockstyle2{
        margin-bottom: 40px;
   }
    #footer h4{
        margin-top: 30px;
   }
    #footer{
        padding: 60px 0 60px 0 
   }
    .applynowbtn{
        display: block;
        position: absolute;
        top: 0px;
        right: 0px; margin-right: 20px;
   }
    .navbar{
        position: relative !important
   }
   a#toggle {
    top: 0px;
    display: block;
    position: fixed;
    left: 0;
   }
    .application {
        margin-right: 0;
        padding-right: 0;
        height: 0; width: 50% !important;
   }
    .navbar-brand{
        display: none;
   }
    .menuwhite{
        display: block;
        margin-top: 10px;
        float: left; z-index: 2; width: 50% !important;
   }
    #menu ul li.active a:after{
        display: none;
   }
    #menu ul li.active a:after{
        display: none;
   }
    #menu > ul > li:hover>ul{
        position: static;
        width: 100%;
        box-shadow: 0 0 black;
   }
  
    .maintxt{
        padding-right: 15px;
   }
  
   .navbar:after{ display: none; }

   .search-full-view .input-group {
   width: 90%;
   margin: 0 auto;
   top: 40%;
   height: 100px; left: 5%;
   }

   #slider #myCarousel .carousel-inner .item{ height: 250px; }




   .mobile-view{ display: block }
   .desktop-view{ display: none  }

   #menu>ul>li>ul>li>ul>{ display: block; position: static; width: 100%; box-shadow: 0px 0px 0px #00000052;  }
   #menu>ul>li>ul>li>ul>li a{ padding-left: 30px; }


   #menu>ul>li>ul>li>ul>li>ul { display: block; position: static; width: 100%; box-shadow: 0px 0px 0px #00000052;  }
   #menu>ul>li>ul>li>ul>li>ul>li a{ padding-left: 40px; background: #da0912; border-bottom: 1px solid #b10008 !important }

   #menu ul li ul li:last-child  a{
   border-bottom: 0px solid green;
   }
   

   .mutualfund {
   float: left;
   color: #ffffff;
   background: #DE0F19;
   padding: 10px 15px;
  
   margin-left: 30px;
   }

   .second-ul li i{display: none}
   #menu ul li ul li:last-child{ border-bottom: 0; }

   .links-b2 .col-xs-6{ width: 100% }

   .titleblock-inner { display: none; }

   .calchome {
   padding: 10px 14px 10px 5px;
   font-size: 15px;
   box-shadow: 0px 3px 9px #00000047;
   margin-bottom: 8px;
   }

   #refresh{ position: static !important; margin-left: 15px !important; }
   .copyright{ margin-bottom: 10px; }
   .poweredby{ text-align-last: left; }

   .currentnav {
       left: 40px;
       margin-left: 15px;
   }
   .innerdates li:after { content:''; float: left; width: 0px ; height:15px; background: #DE0F19; margin-left: 0;
       margin-right:0px; position: relative; top: 5px;} 
   .innerdates li { margin-bottom: 10px; display: block;}
   
   .mgnt-img{ width: 250px; height: 250px; float: left; margin-right: 35px; margin-bottom: 15px; object-fit:cover}
   .mgnt-img img{ width: 250px; height: 250px; object-fit:cover }
   .heading-title-top, .heading-title-top2 {
    padding: 0 20px;
}
#loanadv ul.nav-tabs li a {

    padding: 12px 12px 10px 12px;

    margin-bottom: 10px;
}
.app-img img {
    width: 252px;
}
#banking-app .banking-left {
    margin-left: 0px; width: 100%; max-width: 100%; flex: 0 0 100%;
}
/* #banking-app .banking-right {
    margin-right: 0px; width: 100%; max-width: 100%; flex: 0 0 100%;
} */
.app-img{ display: none;}
.downloadapp {
    padding: 65px 0px 60px 10px;
}
.header-title2{ font-size: 30px;}
.digitalbanking {
    padding: 65px 60px 70px 60px; min-height: 4px;
}
.downloadapp {
    padding: 30px 60px 40px 60px; min-height: 4px; width: 100%; flex: 0 0 100%; max-width: 100%;
}


.epay{ display: none;}
.footer-top-right { width: 50%; max-width: 50%; flex: 0 0 50%;}
.footer-top-left { width: 50%; max-width: 50%; flex: 0 0 50%;}
.navbar .row{ width: 100%;}
.copyright { margin-bottom: 10px;  text-align: center; }
.maintain{ text-align: center;}
.introservices-margin{ margin-bottom: 25px;}

.contact-ico{ display: none;}
.contact-blocks {
    min-height: 117px;
    padding: 25px 25px 25px 25px;
    margin-bottom: 20px;
}
#contactform{ margin-bottom: 45px; }
.branch-blocks { padding: 25px 20px 25px 20px;}
.branch-map { position: static; margin-top: 10px; }
.branch-map span { display: inline-block;}
.branch-map i {
    font-size: 18px;
    width: auto;
    height: auto;
    background: none;
    text-align: center;
    border-radius: 50px;
    line-height: 39px;
    color: #02509b; margin-right: 10px;
}
.branch-map a:hover i {
    background: none;
    box-shadow: 0 0px 0px #fff;
}
.branch-blocks {
    min-height: 285px;
}
.branch-blocks.is-outside {
    min-height: 335px;
}
#locations .col-xs-12{ margin-bottom: 25px;}
.title-top { margin-bottom: 15px; }
.title-ul-one li { list-style: none; margin-bottom: 15px; }
.title-ul-one { margin-bottom: 10px;}
.title-ul-two li {

    margin-bottom: 15px;

}
.tab-right-section h2 {
    font-size: 18px;
}
.emi-calc-container.col-md-4 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.inner-emic-calc .input-group-prepend, .inner-emic-calc .input-group-append {
    display: flex;
    height: 46px;
}
.emi-cal-results-container.col-md-3 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 28px 15px;
    background: none;
}

}


@media (max-width: 700px) {
    .netasset p {
        display: block;
   line-height: 21px;
   font-size: 12px;
   height: 40px;
   overflow: hidden;
   }

   .netasset .btn {
   padding: 6px 20px 4px 20px;
   height: auto;
   font-size: 11px;
   }


    .slider-blocks {
        width: 83%;
   }
    .quicklinks li {
        width: 48%;
   }
    #footer{
        margin-top: 50px;
   }
   .bannertop {
       padding-top: 35px;  margin-bottom: 50px;
   }
   .poweredby{ text-align: left;}

   .gallery-list a img{ height: auto;}

   .bannertop{
       height: auto;

   }
   .slider-blocks h3 {
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 32px;
    }
    .media-left {
        float: left;
        width: 20%;
        text-align: left;
    }
    .media-content {
        float: right;
        width:80%;
        text-align: left;
    }
    .box-services {
        padding: 15px 15px !important;
        border-radius: 10px;
        margin-bottom: 30px;
    }
    #loanadv ul.nav-tabs li {
        margin-right: 10px !important;
        display: inline-block;
    }
    #banking-app .media-left a img {
        width: 63px;
        height: 63px;
    }
    .box-item.media {
        margin-bottom: 15px;
    }
    .app-btns img {
        width: 145px;
    }
    .app-btns {
        height: 38px;
    }
    .banner-txt {
        width: 90%;
    }
    .location-blocks{ margin-bottom: 10px; min-height: 1px; padding: 15px 20px 15px 20px;}
    .location-blocks .location-place { font-size: 16px; padding-top: 8px; }
    .branch-blocks {
        min-height: 1px;
    }
    .branch-blocks.is-outside {
        min-height: 1px;
    }
    .management-team-card{ min-height: 1px;}

    

.apply-now {
  
    padding: 10px 25px 10px 25px;
    font-size: 13px;
    left: -97px;
    width: 154px;
    top: 87px;
    
}
.applynow-wrapper{ top: 100px;}
.product-compare {
    padding: 10px 25px 10px 25px;
    font-size: 13px;
    right: -91px;
    top: 375px;
   
}
.fd-rates {

    padding: 10px 25px 10px 25px;
    font-size: 13px;
    left: 87px;
    width: 135px;
    top: 87px;
    
}
.fdrates-wrapper{ top: 100px;}
.icon.icon-green img {
    width: 55px;
    position: relative;
    top: -4px;
}
.bannertop {
    background-position: center;
}
#locations, #interest, #search-section {
    z-index: 555;
    top: 0;
    position: relative;
}
.carousel {
    position: relative;
    z-index: 1;
}
.responsive-style{ margin-bottom: 25px;}

.emi-calc-container.col-md-4 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.inner-emic-calc .input-group-prepend, .inner-emic-calc .input-group-append {
    display: flex;
    height: 46px;
}
.emi-cal-results-container.col-md-3 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 28px 15px;
    background: none;
}


}
@media (max-width: 479px) {
    

   .mgnt-img{ width: 100%; height: auto; float: left; margin-right: 35px; margin-bottom: 15px; object-fit:cover}
   .mgnt-img img{ width: 100%; height: auto; object-fit:cover }

   .meroshare{     display: block;
       padding: 6px 12px 17px 12px;
       background: #DE0F19;
       width: 141px;
       color: #fff;
       font-weight: 600;
       font-size: 13px;
       border-radius: 5px;
       position: fixed;
       right: -56px;
       top: 200px; 
      
       }  

    #ourservices {
        margin-bottom: 30px;
   }
    .topmenu{
        display: none;
   }
    .navbar-brand {
        top: 0px;
        left: 0;
        background: none;
        height: 82px;
        margin-left: -5px;
   }
    .navbar-brand > img {
        display: block;
        height: 55px;
        margin-top: 5px;
        margin-left: 5px;
   }
    .title-class {
        font-size: 20px;
        margin-bottom: 20px;
   }
    .quicklinks li {
        width: 50%;
   }
    .applynowbtn {
        padding: 7px 20px 2px 20px;
        margin-top: 12px;
        height: 33px;
   }
   a#toggle {
    top: 0px;
    display: block;
    position: fixed;
    left: 0px;
    width: 40px;
    height: 40px;
}
    .topmenu-icons{
        border-left: 0;
   }
    #menu ul li.active a:after{
        display: none;
   }
    #menu > ul > li:hover>ul{
        position: static;
        width: 100%;
        box-shadow: 0 0 black;
   }
    #menu ul li ul li a {
 
        
        color: #fff;
        font-size: 13px;
   }
    .carousel-indicators {
        bottom: 0px;
   }
    .bannertop{
       height: auto;
  
   }
    .bannerimg h1 {
        font-size: 24px;
   }

    #refresh{ position: static !important; margin-left: 15px !important; }
    .captcha img{ width: 150px;}
    .date-top{ display: none;}

    .bannerimg h1 {
       font-size: 22px;
   }

   .captcha img{width: 150px;}
   .slider-blocks h3 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 23px;
}
.netasset div {
    margin-bottom: 5px; font-size: 12px;
}
.netasset {
    padding: 5px 15px 15px 5px;
    border-radius: 0px 20px 0px 20px;
    margin-left: 0;
}


.icon-white {
    width: 100%;
    min-height: auto;
    padding: 25px 15px 15px 15px;
}
.mrg-top {

    font-size: 24px;

}
#loanadv ul.nav-tabs li a {
    padding: 8px 12px 8px 12px;
    margin-bottom: 10px;
}
#banking-app .banking-right { visibility: visible !important;}
.digitalbanking {
    padding: 45px 20px 45px 20px;
}
.downloadapp {
    padding: 45px 20px 45px 20px;
}
.app-btns {
    display: inline-block;
    width: 45%;
    height: auto;
    margin-bottom: 15px;
    margin: 0 1%;
}
.app-btns img { width: 100%; }
#slider {
    margin-bottom: 50px;
    margin-top: -21px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: none;
}
.icon-white ul li { width: 50%; }
.icon-white ul li {
    padding: 0 0px;
}
.icon-white ul li:nth-child(5) .icon-circle { background: #4ea079; }
.icon-white ul li:nth-child(5) .icon-circle:hover  { background: #01783e; }
.icon-white ul li:nth-child(6) .icon-circle { background: #4d88c1; }
.icon-white ul li:nth-child(6) .icon-circle:hover  { background: #0c569f; }
.icon-white ul li:nth-child(7) .icon-circle { background: #4ea079; }
.icon-white ul li:nth-child(7) .icon-circle:hover  { background: #01783e; }
.icon-white ul li:nth-child(8) .icon-circle { background: #4d88c1; }
.icon-white ul li:nth-child(8) .icon-circle:hover  { background: #0c569f; }

.footer-top-right { width: 100%; max-width: 100%; flex: 0 0 100%; text-align: center;}
.footer-top-left { width: 100%; max-width: 100%; flex: 0 0 100%; text-align: center;}
.footer-social-links {
    margin-top: 15px;
    text-align: center;
}
.location{ margin-bottom: 25px;}
#footer {
    margin-top: 0px;
}
#loanadv ul.nav-tabs li a {
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    font-size: 11px;
}
.loan-advances-ul li{ width: 100%;}
.banner-txt {
    width: 100%;
}
.img-inner {
 
    margin-left: 0;
    width: 100%;
}
.topheadericons:after {
    margin-left: -1px;
}
.maininner-container table {
    min-width: 450px;
}
.fdrates-wrapper, .applynow-wrapper, .product-compare{ display: none;}
.emi-calc-container.col-md-4 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.emi-cal-results-container.col-md-3 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 28px 15px;
    background: #fff;     margin-top: 25px;
}
.emic-calculator{ padding: 15px;}
.container {
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}
.mob-hide{ display: none;}
.navbar-header {

    height: auto;
  
}
.menuwhite img {
    height: 40px;
    width: auto;
    padding-bottom: 3px;
}
.animated{ animation-duration: 0s;}
.menuwhite {
    display: block;
    margin-top: 8px;
    float: left;
    z-index: 2;
    width: 50% !important;
    margin-bottom: 5px;
}
.carousel-indicators {

    right: 25px;

}
.icon.icon-green img {
    width: 45px;

}
.box-services {

    margin-bottom: 10px;
}
#loanadv ul.nav-tabs li {
    margin-right: 5px !important;
    display: inline-block;
}
.loan-advances-ul li a{ width: 100%;}
#icon-blocks {
    margin-top: 40px;
    margin-left: 0px;
}
.section-padding {
    padding: 50px 0;
}
.heading-title-top{ font-size: 13px;}
.header-title2 {
    font-size: 26px;
}
.mg40 {
    margin-bottom: 20px;
}
.title-text{ font-size: 13px;}
.heading-title-top, .heading-title-top2 {
    padding: 0 10px; font-size: 13px;
}
#introservices{ padding-bottom: 0;}
.abt-style {
    margin-bottom: 25px;
}

#search-section {

    height: 300px;
    overflow: scroll;
}

#locations, #interest, #search-section {
    z-index: 555;
    top: 0;
    position: relative; height: 60vh; overflow: scroll;
}
.carousel {
    position: relative;
    z-index: 1;
}
.are-you-looking ul li { width: 100%; }
.most-popular a { margin-bottom: 7px; }

.viewall-top {
    color: #fff;
    opacity: 0.7;
    margin-top: 10px;
    margin-bottom: 40px;
    display: inline-block;
}
#locations table, #interest table, #search-section table{  margin-bottom: 15px;}
.openac {
    position: relative;
    height: 240px;
    overflow: hidden;
}
.mang-title{ margin-bottom: 0;}
.notification-block {

    margin-right: -30px;
   
}

}
@media (max-width: 320px) {
    .navbar-header{
        width:50%
   }
}
@media (min-width: 768px) {
}