body {
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     background: #fff;
     color: #333333;
     font-size: 13px;
     line-height: 19px;
     text-align: justify;
     /* background-image: url(../images/blur-logo.png);
    background-size: 700px;
    background-repeat: no-repeat;
    background-position: 50% 30%; */
}
.animate__delay-100ms {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
  }
  .animate__delay-200ms {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
  .animate__delay-300ms {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .animate__delay-400ms {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  
/* loader */
  body.loaded {
    overflow-y: auto;
    padding-right: 0px !important;

  }
  
  .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: #DE0F19;
     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{
     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: 20px;
     color: #fff;
     text-decoration: none;
     font-weight: 500;
     height: 35px;
     font-size: 14px;
     line-height: 18px;
}
 .btn:hover{
     background: linear-gradient(-430deg, rgba(214, 4, 13, 1) 50%, rgba(231, 27, 36, 1) 100%);
     color: #fff; box-shadow: 0 0 0 #000; outline:none;
}

#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: relative;}
.darkHeader{ position: fixed; z-index: 555; width: 100%; }

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

.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 
}
 .topmenu{
     list-style: none;
     text-align: right;
     float: right;
     margin-top: 10px;
     margin-bottom: 0;
}
 .topmenu li{
     display: inline-block;
     margin-left: 25px 
}
 .topmenu li a{
}
 .topmenu li a:hover, .topmenu li a:active, .topmenu li a:focus{
     color: #e3161f;
}

.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;}


 .topmenu-icons{
     list-style: none;
     text-align: right;
     float: right;
     margin-top: 10px;
     color: #D6040D;
     border-left: 1px solid #E0E0E0; 
     padding-left: 20px;
     margin-left: 20px;
     
     
}
 .topmenu-icons li{
     display: inline-block;
     padding: 0 5px;
     position: relative;
}
 .topmenu-icons li {
     display: inline-block;
     padding: 0 5px;
     position: relative;
}
 .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{
     color: #D6040D;
     font-size: 15px;
}
 .navbar-header{
     position: relative;
}
 .menucorner{
     position: absolute;
     top: -37px;
     left: -110px;
}
 .navbar-brand{
    height: 76px;

}
 .applynowbtn{
     float:right;
}
 #navbar{
     float:right;
}
 .navbar{
     position:static !important;
     margin-bottom:0;
     background: #ffffff;
}
 .navbar-brand > img {
    display: block;
     height:66px; 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{
    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;
}
 .applynowbtn i{ float: right; font-size: 11px; position: relative; top: 6px; margin-left: 5px; }
 .applynowbtn:hover{

     color: #D6040D;
     box-shadow: 0px 3px 9px #00000087; cursor: pointer;
}

.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:#D6D6D6;
    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:#666666
}
 .owl-prev, .owl-next{
     display:none !important;
}
 #footer{
     background:#b90008;
     padding:60px 0 30px 0;
     background-image:url(../images/footer.png);
     background-size: cover; 
}
 .img-responive{
     width:100%
}
 .copyright{
 
     
     font-size: 13px;
     color: #ffffff;
     text-align: left;
     opacity: 0.9;
}
 .copyright a{
     color:#9b9b9b;
}
 .copyright a:hover{
     color:#fff;
}
/* ---------------------- 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;     position: relative;
    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: 23px 6px 30px 6px;

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


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

 #menu > ul > li:hover>ul {
     display:block;
     position: absolute;
    top: 78px;
    width: 200px;
    text-align: left;
     box-shadow:0px 4px 5px #00000052;
     z-index: 9;
}
 #menu ul li ul li a {
     display: block;
    padding: 10px 10px 10px 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:#E5641A;
     color: #ffffff;
}
 #menu ul li:hover > a > i {
     transform: rotateZ(90deg);
}
 #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: #e71b24;
    color: #fff; 
}

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

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


.level-fourth{ display: none; }




 .bannertop{
     background-image: url("../images/bg.jpg");
     height: 130px;
     background-attachment: fixed;
    background-position: center;
     padding-top: 25px;
}
 .bannerimg{
     text-align: center;
}
 .bannerimg h1{
     color: #dd0d17;
     font-size: 36px;
     font-weight:700;
}
 .img-responsive{
     width:100%;
}
 .bredcrum-inner{
     border-top: 1px solid #EEEEEE;
     box-shadow: 0 2px 3px #00000020;
     margin-bottom: 70px;
}
 .titleblock-inner{
     height: 50px;
     padding: 16px 0px 16px 0px;
}
 .titleblock-inner ul{
     padding: 0;
     margin: 0;
}
 .titleblock-inner ul li{
     list-style: none;
     float: left;
     font-size: 14px;
     color: #666;
}
 .titleblock-inner ul li a{
     color: #dd0d17;
     font-weight:600;
     font-size: 14px;
}
 .titleblock-inner ul li a i{
     margin-right: 8px;
}
 .titleblock-inner ul li i.fa-chevron-right{
     margin: 0 15px;
     color: #D1D0D0;
     font-weight: 500;
     font-size: 12px;
}
 .boldfont{
     font-size: 18px;
     color: #212121;
     margin-bottom: 25px;
}
 .maintxt {
     color: #666;
     line-height: 26px ;
     padding-right: 35px;
     font-size: 14px; margin-bottom: 45px;
}
 .maintxt h2{
     font-size: 18px;
     color: #da0b14;
     margin-bottom: 15px;
     font-weight: 700;
}
 .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: 375px;
    top: 160px;
    position: absolute;
    left: 50%;
    margin-left: -586px; box-shadow: 0 2px 5px #00000005;
} 
 .netasset{
     background: #fffffff2;
     padding: 25px;
     border-radius: 0px 20px 0px 20px;
}
 .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: 24px;
     margin-top: 0;
     color:#d90811;
     font-weight: 600;
     text-align: left;
     line-height: 26px;
}
 .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; */
}
 .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: 13px;
     line-height: 22px; margin-bottom: 15px;
}
 .socialmedia {
     padding: 0;
     margin: 10px 0 0 0 ;
}
 .socialmedia li{
     padding: 0;
     margin: 0;
     display: inline-block;
}
 .socialmedia li a{
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0 5px 0 0;
    display: block;
    background: #FBE7E8;
    line-height: 28px;
    text-align: center;
    color: #DC1922;
    border-radius: 50px;
    font-size: 12px;
}
 .socialmedia li a:hover, .socialmedia li a:focus, .socialmedia li a:active{
     background: #ffffff;
}
 #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 10px 0;
}
 .quicklinks li{
     margin-bottom: 13px;
     width: 31%;
     float: left;
     padding-right: 2%; text-align: left;
}
 .quicklinks li a{
     font-size: 13px;
     color: #fff;
     opacity: 0.9; text-align: left;
}
 .quicklinks li a:hover, .quicklinks li a:focus, .quicklinks li a:active{
     opacity: 1;
     border-bottom: 1px solid #fff;
}
 .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: 0;
     background-color: #fff;
     position: relative;
     top: -1px;
}
 .menuwhite{
     display: none;
}

.pr{ position: relative; }
.pr:after{     content: '';
    display: block;
    background: #E8E9ED;
    width: 145px;
    height: 163px;
    border-radius: 20px;
    position: absolute;
    top: -11px;
    left: -16px;}

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

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

.navbar:after{  content: "";
    background: #de0f19;
    position: absolute;
    height: 66px;
    width: 500px;
    margin-left: -15px;
    bottom: 11px;
    min-height: 5.9rem;
    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: 9;
    top: 1px;
    background-size: 55px;}

.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;
}
.form-control {
    padding: 10px;
    height: 45px;
    font-size: 14px;
    border-radius: 0px;
    border: 1px solid #d2d8dd; box-shadow:  0 0 0 ;
}
#contactform label {
    font-weight: 500;
    margin-bottom: 3px; font-size: 13px; 
}
.mb25{ margin-bottom: 25px; }

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


.maininner-container h3{     margin-bottom: 15px;
    color: #da0b14;
    margin-top: 0;
    font-size: 16px;
    font-weight: 600; }

/*.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: 1;
    margin-bottom: 25px; }

.inner-notice-title{ font-size: 16px; display: block; font-weight: 500; margin-bottom: 5px; line-height: 22px; min-height: 44px; }
.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{ color:  }

.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: 390px;
    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 }      

.pagination > .active > a, .pagination > .active > span, .pagination > 
.active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus 
{background-color: #DE0F19;
    border-color: #DE0F19;}
.pagination > li > a, .pagination > li > span{ color: #777 }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #DE0F19;
    background-color: #FCCDCF;
    border-color: #FCCDCF;
}

.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 0 4px #0000001a;
    border-radius: 20px;
    position: relative;
    z-index: 50;
  
    border: 0; }
.panel-heading{ padding: 0; }
.panel-title a{ padding: 15px 15px; display: block; font-size: 14px}
.panel-title a:hover, .panel-title a:active, .panel-title a:focus{ text-decoration: none;  }
.panel-title .glyphicon { margin-right: 15px; } 

.panel-default > .panel-heading {
    color: #333;
    background-color: #efecec;
    border-radius: 0px 0px 0 0;
    border: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #ddd;
}

.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: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-color: #c70a13;
    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; }
.mainsearch button{ 
    position: absolute;
    right: 10px;
    top: 13px;
    z-index: 5;
    background: none;
    border: 0;
    font-size: 22px;
    font-weight: 400;
    width: 40px;
    height: 40px;}

#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: 100px;  }


.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 .close.closeall {
    font-weight: 400;
    opacity: 1;
    color: #fff;
    background: #DE0F19;
    font-size: 16px;
    box-shadow: 0px 2px 6px #00000040;
    border-radius: 50px;
    position: fixed;
    z-index: 5;
    padding: 10px 15px;
    right: 20px;
    margin-left: 0;
    top: 20px;
}

.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 8px; color: #fff; border: 1px solid #b10009;}
table tr td{ padding: 10px 8px; }
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: block; }

    .currentnav a{ color: #fff; font-size: 12px;}
    .currentnav a:hover{ color: #fff !important;}

   /* .side-btn{   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;
    left: -66px;
    top: 200px;
    transform: rotate(90deg);
    z-index: 555;
    box-shadow: 0 0 5px #0003;} */

    .side_wrap {
        position: fixed;
        left: -5px;
        top: 140px;
        z-index: 1001;
        height: auto;
    }

    .side-btn {
        float: right;
        cursor: pointer;position: relative;
        z-index: 55555; border-radius: 0 5px 5px 0;
    }

    .side-btn img {
        width: 50px;
    }

    .side-content {
        background: #fff;
    float: left;
    min-height: 155px;
    margin-top: 1px;
    box-shadow: 0 1px 12px #0000001f;
    padding: 15px 20px;
    width: 230px; transition-duration: 4s;
    transition-delay: 2s;
    }
    .main-content-side{padding: 20px;
        background: #fff;
        box-shadow: 0 0 0 #00000005;
        width: 220px;} 

    .side-content ul{ 
        padding: 0; margin: 0 0 10px 0; list-style: none;  
    }  
    .side-content ul li{ list-style: none; }   

    .side-content ul li a{ padding: 8px 0;
            font-size: 14px;
            display: block;
            border-bottom: 1px solid #f1f1f1;
        }   
    
    .side-content { display: none;}
    .side-content.show-block { display: block;  transition-duration: 4s;
        transition-delay: 2s;}
    .view{ color: #de0f19; font-size: 13px; }
    .view i{ color: #de0f19;
        position: relative;
        font-size: 10px;
        top: 0px;
        margin-left: 6px;} 

        .offer-campaign{ margin-top: 50px; }
            .offer-img{ margin-bottom: 35px;}
            body .offer-title{ font-size: 24px; color: #da0b14; margin-top: 0; margin-bottom: 20px; font-weight: 700;}
            .register-form{ padding: 30px; background: #eaebef; border-radius: 25px; }
            .big-txt{ font-weight: 600; color: #333;}

  .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 }

  .onlinedemat{display: block;
    padding: 12px 15px 22px 15px;
    background: #DE0F19;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-radius: 5px;
    position: fixed;
    right: -65px;
    top: 205px;
    transform: rotate(-90deg);
    z-index: 555;
    box-shadow: 0 0 5px #0003;}
    .onlinedemat:hover, .onlinedemat:focus, .onlinedemat:focus{ background: #CB0E17; color: #fff; text-decoration:none; box-shadow: 0 0 5px #00000047 } 

    .blink{
        background-color: #de0f19;
        animation-name: blink;
        animation-duration: 1s; animation-iteration-count: 5000; transition: all .2s ease 0s;
      }
      @keyframes blink {
        0%   {background-color: #de0f19; opacity: 1;}
    
        50%  {background-color: #a01512; opacity: 0.3;}

        100% {background-color: #de0f19; opacity: 1;}
      }

    .blinker {
        /* background-color: #de0f19; */
        animation-name: blinker;
        animation-duration: 1s;
        animation-iteration-count: 5000;
        transition: all .2s ease 0s;
    }
    
    @keyframes blinker {
        0% {
            /* background-color: #de0f19; */
            opacity: 1;
        }
    
        50% {
            /* background-color: #a01512; */
            opacity: 0.3;
        }
    
        100% {
            /* background-color: #de0f19; */
            opacity: 1;
        }
    }

    .font-14{
        font-size: 14px;
    }

 .left-ico{ position: absolute;
    top: -115px;
    width: 400px;
    left: -190px;
    z-index: -1;}
    .right-ico{ position: absolute;
        bottom: -150px;
        width: 400px;
        right: -190px;
        z-index: -1;}         
#right-section{ position: relative; overflow: hidden;}

.appblock{ background: #fff;
    box-shadow: 0 0 6px #0000001a;
    border-radius: 20px;
    padding: 35px;
    position: relative;
    z-index: 50;
    height: 280px;
    margin-bottom: 110px; text-align: center;}

    .overlay-app{ position: relative;}
    .overlay-app:after {
        content: '';
        display: block;
        background: #E8E9ED;
        width: 265px;
        height: 312px;
        border-radius: 20px;
        position: absolute;
        top: -15px;
        left: -16px; z-index: -1;
    }


.app-main-txt{ font-size: 30px; color: #de0f19; margin-bottom: 20px;}
.app-text{     font-size: 14px;
    color: #888888;
    line-height: 24px; width: 50%; margin: auto; margin-bottom: 25px;}
.app-btn{ text-align: center; }  
.app-btn a{margin: 0 5px; display: inline-block; }
.app-btn a:hover img{ opacity: 0.8;}      
.app-btn img{ width: 130px;} 
.img-mob{ width: 55%; margin: auto; margin-top: 25px;} 
#appsec{ position: relative; overflow: hidden;padding-top: 16px; }

.downloadbrochure{ display: block;
    padding: 15px 20px 16px 20px;
    background: #DE0F19;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-radius: 5px;
    position: fixed;
    left: -53px;
    top: 350px;
    transform: rotate(90deg);
    z-index: 555;
    box-shadow: 0 0 5px #0003;}
.downloadbrochure:hover,
.downloadbrochure:active,
.downloadbrochure:focus{ color: #fff; background: #c70812;} 

.debt-form {}

.debt-form{
    color:#333;
    animation-name: debt;
    animation-duration: 1.1s; animation-iteration-count: 5000; transition: all .2s ease 0s;
  }
  @keyframes debt {
    0%   {color: #333; opacity: 1;}

    50%  {color: #333; opacity: 0.3;}

    100% {color: #333; opacity: 1;}
  }


  .footeraddress{ opacity: 0.9;}
  .footeraddress a:hover{ opacity: 1; text-decoration: underline;}
  .mb20{ margin-bottom: 12px;}
  .mb10{ margin-bottom: 10px;}


  .informationofficer{ opacity: 0.9;}
  .informationofficer a:hover{ opacity: 1; text-decoration: underline; color: #fff !important;}

 
  .maintxt.mb25  .contact-page  li .col-md-4{
    width: 100%;
  }

  .maintxt.mb25  .contact-page  li .col-md-4 .mb10{ margin-bottom: 5px;}
  .maintxt.mb25  .contact-page  li .col-md-4 .mb20{    margin-bottom: 0px;
    margin-top: 10px;}
  
  

  /* .mb5{margin-bottom: 5px;} */

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

    .tollfree{
         display: none;
    }
     #menu ul li > a {
         padding: 29px 10px 28px 10px;
    }
     .slider-blocks {
         top: 115px; margin-left: -415px;
    }
     .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: 53px;
    height: 63px;

 
    right: -53px;

    top: 1px;
    background-size: 59px;
}
.navbar-brand img {

    left: -35px;
}
.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, #refreshSeller{ position: static !important; margin-left: 15px !important; }

.navbar:after {
    content: "";

    height: 71px;
   
}
.currentnav { margin-left: -25.8% }

}




 @media (min-width: 980px) and (max-width: 1023px) {

    .overlay-app:after {

        left: -15px;
        
    }
     
     .tollfree{
         display: none;
    }
     #menu ul li > a {
         padding: 29px 10px 28px 10px;
    }
     .slider-blocks {
         top: 75px; 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, #refreshSeller{ position: relative !important;}

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

        width: 90%;
     
    }
    .overlay-app:after {

        height: 262px;
   
    }
    .appblock {
        margin-bottom: 100px; height: 230px;
        
    } 

    .topheader .container{ width: 100%;}

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

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

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


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

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

    .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 }
    
    }
 @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 2px 28px 1px;
    }
     .slider-blocks {
         top: 10%;
         margin-left: -310px;
    }
     .abttxt div {
         height: 100px;
         overflow: hidden;
    }
     #footer h4 {
         margin-top: 30px;
    }
     #ourservices:after {
         display: none;
    }
     .topmenu{
        float: right;
         padding-left: 0;
    }
     .topmenu li {
         display: inline-block;
         margin-left: 0px;
         margin-right: 15px;
    }
}
 @media (max-width: 979px) {
     .navbar-brand{
         display: none;
    }
     .menuwhite{
         display: block;
         margin-top: 10px;
         float: left; position: relative;
        z-index: 23;
    }
    .navbar .container{ width: 100% }
      #refresh, #refreshSeller{ position: static !important; margin-left: 15px !important; }

      .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;}

        .currentnav a{ color: #fff;}

        .topmenu-icons {

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

        .captcha img{width: 150px;}


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


    .popup .close.closeall {
        right: 60px;
        top: 16px;
    }

    .app-text {
        width: 100%; 
    }

    .app-main-txt {
        font-size: 26px;
        color: #de0f19;
        margin-bottom: 20px;
        line-height: 37px;
    }
    .tabcontent {

        margin-bottom: 20px;
    }
    .img-mob {
        width: 75%;
       
    }

    .appblock{  margin-bottom: 50px;     height: 282px;}
    
    .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;
    }

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

     #menu {
        position: fixed;
        width: 250px;
        height: 100%;
        top: 0;
        left: -43px;
        overflow: hidden;
        overflow-y: auto;
        background-color: #da0912;
        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: #fff;
         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 #b10008;
    }
     .netasset {
         padding: 15px;
         border-radius: 0px 20px 0px 20px;
    }
     .slider-blocks h3 {
         font-size: 16px;
    }
    .slider-blocks {
    width: 60%;
    top: 30px;
    position: absolute;
    left: 0;
    margin-left: 27px;

}
     .btn{
         padding: 6px 20px 4px 20px;
         height: auto;
    }
     .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 40px 0 
    }
     .applynowbtn{
         display: block;
         position: absolute;
         top: -80px ;
         right: 15px;
    }
     .navbar{
         position: relative !important
    }
     a#toggle {
         top: -121px;
         display: block;
         position: relative;
         left: -15px;
    }
     .application {
         margin-right: 0;
         padding-right: 0;
         height: 0;
    }
     .navbar-brand{
         display: none;
    }
     .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 #9c0007;
         background: #b9030b;
         color: #fff;
         font-size: 13px; padding-left: 20px;
    }
     .maintxt{
         padding-right: 15px;
    }
    .pr:after{ display: none;}
    .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; }

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


    .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, #refreshSeller{ 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 }

    .overlay-app:after{ display: none;
    }
}

.datepicker-days .disabled.disabled-date {
    color: #c9c6c6;
}



/*raman added css*/


.cookie-consent {
  position: fixed;
  z-index: 999;
  background: #de0f19;
  bottom: 0;
  width: 100%;
  padding: 10px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.cookie-consent a {color:#ffe300;}
.cookie-consent a:hover {color: #000}


.cookie-consent__agree {
  border: 1px solid #fff;
  background: #fff;
  color: #de0f19;
  border-radius: 15px;
  padding: 5px 15px;
}


.footeraddress {color: #fff; text-align: left;}
.footeraddress a {color: #fff}

.footeraddress  strong {color: #fff; font-size: 14px;  }

.lastvisited {background: #fff; position: fixed; z-index: 99; left: 40px; bottom: 40px; box-shadow: 0 2px 13px #00000036;
border-radius: 10px; width: 230px;}
.lastvisited-wrapper {  padding: 20px; position: relative; }
.lastvisited span {     display: block;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;}
#closelastvisited{ width: 25px !important;
    height: 25px;
    text-align: center;
    line-height: 15px;
    border-radius: 50px;
    background: red;
    color: #fff;
    border: 0; position: absolute; right: -10px; top: -10px;}
 

.informationofficer {text-align: left; text-align: center;}
.informationofficer img { width: 90px; margin-bottom:  15px;}
.informationofficer h3 {color: #fff; font-size: 16px; margin:0;}
.informationofficer a {color: #fff; line-height: 3}
.informationofficer a:hover {color: #000; }

.testimonials-section {margin-bottom: 60px;}


.reveiws_slide {}
.review_single {border-radius: 10px; padding:20px 60px 20px 20px; text-align: left; box-shadow:0 0 6px #ddd; 
    margin-top:10px; margin-bottom:10px; margin-right:75px; min-height:210px; margin-left: 5px;}
.reviews_content {
    margin-bottom: 10px; color:#666 ;line-height: 1.6; font-size: 14px;
}

.reviews_content p { margin-bottom:20px;}
.reviews_img {
position:absolute; right:15px;
    width: 106px;
    height: 97px;
    margin: auto;
    
    margin-top: 15px;
}
.reviews_img img {
    width: auto;
}
.reviews_name {

}

.reviews_name span {color:#de0f19; font-size: 16px; text-transform:uppercase}

.debt-form a.blink{
    padding: 5px 15px;
    border-radius: 15px;
    color: #fff;
}
.debt-form a.blink b{

    color: #fff;
}

.marquee-slide-main{
    background: #e3e3e3;
    padding: 10px 0;
    margin-bottom: 35px;
}
.marquee-slide{
    display: block;
    align-items: center;
}
.marquee-slide img{
    width: 15px;
    margin-right: 5px;
}


/* .marquee {
    height: 20px;
    width: 75%;

    overflow: hidden;
    float: left;
    position: relative;

  }
  
  .marquee div {
    display: block;
    width: 300%;
    height: 30px;
  
    position: absolute;
    overflow: hidden;
  
    animation: marquee 15s linear infinite;
  }
  
  .marquee span {
    float: left;
    margin-right: 25px;
    font-weight: 500;

  }
  
  @keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
  } */
  
.mr{ width:25%; float: left; }


:root{
    --marquee-padding :0px;
    --marquee-padding-negative: calc(var(--marquee-padding) * -1);
  }
.marquee {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
    padding: 0px 0;
   
  }
  
  .marquee .marquee_text {
    display: inline-block;
    animation: marquee 30s linear infinite;
   } 

  .marquee .marquee_text ul {
    display: inline-flex;
    font-size: 13px;
    list-style-position: inside;
    font-weight: 400;
    margin-bottom: 0;
    
  }
  .marquee .marquee_text ul.marquee-content-primary {
    padding-left: 0px;
  }
  .marquee .marquee_text ul > li {
    padding-inline: 7px;
  }
  .marquee-content-secondary {
    position:absolute;
    left:0;
    top:0;
    padding-left:var(--marquee-padding);
  }
   
  @keyframes marquee {
       0% {
          -webkit-transform: translate3d(0,0,0);
          transform: translateZ(0)
      }
  
      to {
          -webkit-transform: translate3d(var(--marquee-padding-negative),0,0);
          transform: translate3d(var(--marquee-padding-negative),0,0)
      }
  }
.marquee-span{
    margin-right: 22px;
    display: inline-block;
    font-weight: 500;

}

  /* .mr{
    margin-right: 15px;
  } */

.offer-tab li{
    background: #EBEBEB !important;
    width: 140px;
    text-align: center;
    color: #fff !important;
    font-size: 15px !important;
    margin-right: 10px;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden;
}

.offer-tab li a{
    width: 140px;
    font-size: 15px !important; 
    padding:15px;
}

.buyer.active a{
    background: #32C585 !important;
    color: #fff !important;
}

.seller.active a{
    background: #DE0F1A !important;
    color: #fff !important;
}

.buyer-content.active{
    background: #FBFBFB !important;
    font-size: 15px !important; 
    border: 1px solid #32C585 !important;
    border-radius: 0 15px 15px 15px;
    min-height: 250px;
    padding: 26px;

}

.seller-content.active{
    background: #FBFBFB !important;
    font-size: 15px !important; 
    border: 1px solid #DE0F1A !important;
    border-radius: 0 15px 15px 15px;
    min-height: 250px;
    padding: 26px;
}

.form-group {
    margin-bottom: 20px;
}
.delete-offer{
    width: 32px;
    height: 32px;
    background: #DE0F1A;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    border-radius: 50px;
    color: #fff;
    margin: 0 15px;
}
.delete-offer:hover{
    background: #b0050d;
    color: #fff;
}

table.offer-sales th{
    background: #fff;
    border-color: #d2d8dd;
    color: #666666; 
    font-weight: 600;
    font-size: 14px;
}
table.offer-sales td{
    padding: 0;
}
table.offer-sales td input{
    border: 0;
    padding: 12px 8px;
    width: 100%;
    font-weight: 400;
    background: none;
}

table.offer-sales td input::placeholder {
    color: #999999;
    opacity: 1; /* Firefox */
  }
  
  table.offer-sales td input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #999999;
  }

table.offer-sales td:nth-child(1){
    width: 3%;
    font-weight: 400;
}
table.offer-sales td:nth-child(2){
    width: 26%;
}
table.offer-sales td:nth-child(3){
    width: 9%;
}
table.offer-sales td:nth-child(4){
    width: 10%;
}
table.offer-sales td:nth-child(5){
    width: 16%;
}
table.offer-sales td:nth-child(6){
    width: 14%;
}
table.offer-sales td:nth-child(7){
    width: 14%;
}
table.offer-sales td:nth-child(8){
    width: 5%;
}

table.offer-sales tr:nth-child(even){
    background: #f1f1f1 !important;
}

.addcompany{
    background: #fff;
    padding: 8px 25px 6px 25px;
    border-radius: 28px;
 
    color: #333333;
    text-decoration: none;
    font-weight: 500;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    box-shadow: 0 0 8px #e3e3e3;
    margin-bottom: 15px;
   
}
.add-btn{ margin-bottom: 15px; margin-top: 10px;}

.captcha img{
    width: 160px;
}

.accodian-offer .btn-link{
    background: #EEECEC;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
    color: #333;
}

.accodian-offer h2{
    margin-bottom: 0;
}
.accodian-content{
    padding: 17px;
    background: #fff;
    box-shadow: 0 0 7px #e3e3e3;
    border-radius: 0 0 10px 10px;
    font-weight: 400;
    line-height: 24px;
}

.ofs-txt{
    font-size: 16px; font-weight: 400; margin-bottom: 28px;
}

.l-red{
    background: #e6343c;
}
.custom-table2{
    font-size: 14px;
}
.custom-table2 td{
    font-weight: 400;
}

.custom-table2 tr:nth-child(even) {
    background: #f1f1f1 !important;
}

table.custom-table2 td:nth-child(1), table.custom-table2 th:nth-child(1) {
    text-align: center;
}

.custom-table3 { font-size: 14px;}
.custom-table3 tr th{ background: #32C585 !important; border-color: #1f9864 !important;}
.custom-table3 tr th.l-red{ background: rgb(45, 185, 124) !important;}

.custom-table3 td{
    font-weight: 400;
}

.custom-table3 tr:nth-child(even) {
    background: #f1f1f1 !important;
}

table.custom-table3 td:nth-child(1), table.custom-table3 th:nth-child(1) {
    text-align: center;
}

/*raman added css end*/


@media (max-width: 1000px) {
    .dataTables_wrapper .col-sm-12.col-sm-12.col-md-6{
        padding-left: 0;
        margin-left: 0;
        width: 50%;
    }
}


 @media (max-width: 700px) {
    .dataTables_wrapper .col-sm-12.col-sm-12.col-md-6{
        padding-left: 0;
        margin-left: 0;
        width: 50%;
        float: left;
    }

    .dataTables_wrapper .col-sm-12.col-md-5{
        width: 50%;
        float: left;
    }

     .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;
    }
    .poweredby{ text-align: left;}

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

    .bannertop{
        height: auto;
        padding-top: 0px;
    }
    .offer-sales{ width: 900px;}

    .custom-table3, .custom-table2{
        width: 750px;
    }


}

 @media (max-width: 479px) {
    .currentnav {
        left: 40px;
        margin-left: 8px;
    }
    .currentnav a {

        font-size: 11px;
    }
    .topmenu-icons li {
    display: inline-block;
    padding: 0 4px;
    position: relative;
}

.app-main-txt {
    font-size: 22px;

}
.appblock {

    padding: 20px 25px; margin: 0 15px 20px 15px;
 
}.app-btn img {
    width: 120px;
}
.img-mob {
    width: 100%;
}

    .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{   
        padding: 9px 12px 17px 12px;
        width: 145px;
        font-size: 13px;
        right: -57px;
        top: 351px; 
    } 
    .onlinedemat{
        font-weight: 600;
        font-size: 13px; padding: 9px 12px 17px 12px; right: -58px; top: 194px;
    }    
    .side-btn img {
        width: 43px;
    }   

     #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: 25px;
         height: 33px;
    }
     a#toggle {
         top: -118px;
         display: block;
         position: relative;
         left: -15px;
         width: 40px;
         height: 37px;
    }
     .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 {
  
         background: #c70009;
         color: #fff;
         font-size: 13px;
    }
     .carousel-indicators {
         bottom: 0px;
    }
     .bannertop{
        height: auto;
        padding-top: 0px;
    }
     .bannerimg h1 {
         font-size: 24px;
    }
    .darkHeader{ position: static; z-index: 55555; width: 100%; }
     #refresh, #refreshSeller{ position: static !important; margin-left: 15px !important; }
     .captcha img{ width: 150px;}
     .date-top{ display: none;}

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

    .captcha img{width: 150px;}
    .downloadbrochure {
        padding: 10px 15px 15px 15px;
        font-size: 14px;
        left: -47px;
        top: 325px;
    }

.dataTables_length select{ width: 300px !important;}
#DataTables_Table_0_filter input{ width: 334px !important; margin-left: 0 !important;}
.dataTables_wrapper .col-sm-12.col-md-6{
    padding-left: 0;
    margin-left: 0;
}
.mr {
    width: 770px;
    text-align: left;
}



}
@media (max-width: 360px) {
.app-btn img {
    width: 100px;
}
}


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