body{font-family: 'Roboto', sans-serif; font-size:13px; background:#fff; letter-spacing: 0.5px;}
p, ul, li, h1, h2, h3, h4, h5, h6, input, select, textarea{padding:0px; margin:0px; list-style:none; font-weight:normal;}

.logo{width:243px;}
.logo{text-align:center; padding:20px 0px;}

.topline{padding:10px 0px; border-bottom:1px solid #D1D1D1; color:#4E4E4E; overflow:hidden;}
.toplineright{text-align:right; line-height:18px;}
.topline .fa{font-size:18px;}

.scrolled .topline{display:none;}


.navbar-default{background:#fff!important; box-shadow:0 5px 10px rgba(0, 0, 0, 0.3);}
.navbar-brand{height:auto; text-align:center;}

.ticker{margin-top:20px;}


.download{text-align:center;}
.download img{margin-bottom:10px;}
.download a{color:#000; font-weight:bold; color:#004DA3;}
.download a:hover{text-decoration:none; color:#004DA3;}

.redbar{background:#FFAD00; padding:10px; margin:20px 0px; text-align:center; color:#fff; font-size:14px; text-shadow:1px 1px #D49000; font-weight:bold; display:flex; align-items:center; justify-content:center;}

.flashpading{padding:0px 0px; margin:auto; -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.30); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.30);}

.topmargin{margin-top:10px;}
.member{font-size:15px; line-height:27px; margin-top:10px;}
.member strong{color:#004DA3;}



.mm-effect-slide-menu .wrappage{margin-top:0px;}
.wrappad{padding-top:40px;}


.webcontent{font-size:14px; line-height:24px; color:#4A4A4A;}
.webcontent h1{font-size:28px; color:#004DA3; font-weight:bold;}
.webcontent h1 span{font-weight:normal; color:#494949;}
.webcontent h2{font-size:22px; color:#004DA3; font-weight:bold;}
.webcontent h3{font-size:22px; color:#000; margin-top:10px;}
.webcontent p{font-size:14px; line-height:28px; color:#454545; margin-top:10px; font-family: 'Roboto', sans-serif; text-align:justify;}
.webcontent ul{margin-left:0px;}
.webcontent li{list-style:none; font-size:14px; margin:15px 0px 15px 0px; background:url(../images/righticon.jpg) no-repeat 0px 5px; padding-left:20px;}
.webcontent fieldset{margin-bottom:20px; border:1px solid #C7C7C7; padding:10px 0px;}
.webcontent fieldset .imgclass{float:left; margin:0px 10px 0px 0px; width:250px;}
.webcontent legend{font-size:16px; padding:10px; font-weight:bold; width:auto; margin-bottom:0px; border-bottom:0px;}

.readmorebutton{margin-top:20px; background:#0046B0; color:#fff; font-size:15px; border:0px; border-radius:0px; padding:10px 15px;}
.readmorebutton:hover{background:#002A69; color:#fff;}

.greybg{background:#F2F2F2; padding:30px 0px; margin:30px 0px;}

.betterdiv{text-align:center; margin-top:30px;}
.betterdiv h2{margin:15px 0px; font-size:18px;}
.betterdiv p{color:#424242; line-height:22px;}

.hadding{font-size:28px; color:#000;}

.categorydiv{text-align:center!important;}
.categorydiv .pcontent{text-align:center!important;}


.breadcrumb{background:#fff; font-family: 'Roboto', sans-serif;}
.breadcrumb a{color:#666666;}

.subhadding{font-size:22px; font-weight:bold; text-align:center;}
.contactdetail i{font-size:18px; margin-right:10px; width:30px; text-align:center;}
.contactdetail p{margin-top:30px; text-align:left;}

.formbox{-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18); padding-top:15px; padding-bottom:15px; border-radius:2px; margin-top:30px;}

.productinformation{width:calc(20% - 20px); float:left; padding:15px 10px; color:#7A7A7A; font-family: 'Roboto', sans-serif; line-height:24px; font-size:14px;}
.productinformation strong{color:#000;}

.detailtestimonial{border:1px solid #E5E5E5; padding:15px 0px; width:100%; text-align:center; }
.detaittesthad{font-size:24px; text-transform:uppercase; font-size:24px; color:#011D37; font-weight:500;}
.detailtestiimg{margin:15px 0px; text-align:center;}
.detailtestiimg img{max-width:150px;}
.detailtesttext{font-size:13px; color:#4A4A4A; font-family: 'Roboto', sans-serif; line-height:24px;}

.viewallbut{background:#fff; border-radius:5px; border:1px solid #000000; float:right;}
a .viewallbut{color:#000;}
.viewallbut:hover{background:#E70000; color:#fff;}

.innerpageban{width:100%;}

a.investor-grievance {
    background: #004DA3;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
}
.oth-link{
    text-align: right;
}
.oth-link ul li{
    display: inline-block;
    padding-right: 10px;
}




/******** Footer Links *******/
#footer {clear:both; overflow:auto; background:#011D37; color:#FFFFFF; margin-top:30px; padding-bottom:20px;}
#footer .fpart-inner{max-width:1380px; margin:0 auto; padding:30px 0px 0 0px;}
#footer a{color:#FFFFFF;}
#footer a:hover{color:#808E9B;}

#footer h3{color:#fff; font-size:16px; font-weight:bold;  margin:0px 0 10px 0; padding:0px 0px 7px 0px; border-bottom:1px dotted #A2A2A2; text-transform:uppercase; font-weight:normal; cursor:pointer; font-family: 'Canela wf';}
#footer .column{float:left; position:relative; margin:10px 20px;  font-family: 'Roboto', sans-serif;}

#footer .column ul{padding:0px;}
#footer .column li{padding:3px 0px;}

#footer .column a{text-decoration: none; display:block; padding:5px 0px; line-height:18px; font-size:13px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .column a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .custom_column p{line-height:18px; margin:0;}

/******** Contact Details *******/
#footer .contact{float:left;}
#footer .contact ul li{font-size:13px; list-style-type:none; padding:3px 0 0 36px; min-height:30px; line-height:18px; margin-bottom:7px; margin-top:7px;}
#footer .contact_icon ul li{background:url(../images/contact-icon.png) left top no-repeat;}
#footer .contact_icon1 ul li{background:url(../images/contact-icon-1.png) left top no-repeat;}
#footer .contact_icon2 ul li{background:url(../images/contact-icon-2.png) left top no-repeat;}
#footer .contact_icon3 ul li{background:url(../images/contact-icon-3.png) left top no-repeat;}
#footer .contact_icon4 ul li{background:url(../images/contact-icon-4.png) left top no-repeat;}
#footer .contact_icon5 ul li{background:url(../images/contact-icon-5.png) left top no-repeat;}
#footer .contact_icon6 ul li{background:url(../images/contact-icon-6.png) left top no-repeat;}
#footer .contact_icon7 ul li{background:url(../images/contact-icon-7.png) left top no-repeat;}
#footer .contact_icon8 ul li{background:url(../images/contact-icon-8.png) left top no-repeat;}
#footer .contact_icon9 ul li{background:url(../images/contact-icon-9.png) left top no-repeat;}
#footer .contact_icon10 ul li{background:url(../images/contact-icon-10.png) left top no-repeat;}
#footer .contact ul li.address{background-position:0px 7px;}
#footer .contact ul li.mobile{background-position:0px -48px; line-height:25px;}
#footer .contact ul li.emails{background-position:0px -99px; line-height:28px;}
#footer .contact ul li.fax{background-position:0px -153px; line-height:25px;}
#footer .contact ul li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .contact ul li a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

#footer .social-icon{margin-top:0px;}
#footer .fa{min-width:33px; text-align:center; margin-right:5px;}

.footsocial li{padding:0px!important; background:none!important;}

.footer{background:#000; padding:10px 0px; color:#fff; text-align:left; font-size:12px; line-height:22px; overflow:hidden; margin-top:30px;}
.footer a{color:#fff;}
.footer a:hover{color:#808E9B; text-decoration:none;}

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

.social-icon{color:#fff; font-size:15px;}
.social-icons li{vertical-align:top; display:inline-block!important; margin:0px 2px; }
.social-icons a{color:#fff; text-decoration:none;}

.social-icons li .fa{-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;
transition: .5s;}
.social-icons li .fa:hover{color:#fff;}

.fa-instagram{padding:8px 12px; background-color:#DD0000;}
.fa-instagram:hover{background-color:#DD0000;}

.fa-facebook{padding:8px 12px; background-color:#3d5b99;}
.fa-facebook:hover{background-color:#3d5b99;}

.fa-twitter{padding:8px 10px; background-color:#00aced;}
.fa-twitter:hover{background-color:#00aced;}

.fa-youtube{padding:8px 12px; background-color:#e64a41;}
.fa-youtube:hover{background-color:#e64a41;}

.fa-linkedin{padding:8px 12px; background-color:#0073a4;}
.fa-linkedin:hover{background-color:#0073a4;}

.fa-google-plus{padding:8px 7px; background-color:#e25714;}
.fa-google-plus:hover{background-color:#e25714;}


.whitebackground{background:#fff; overflow:hidden; padding:30px 0px; }


.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000000;
}

.modal-content {
    overflow: hidden;
}


.tablebg tr:nth-child(even) {background-color: #f2f2f2;}


.escalation-matrix{
    padding: 50px 50px;
    overflow-x:auto;
    display: flex;
}

.escalation-matrix h2{
    text-align: center;
        font-size: 36px;
    color: #004DA3;
    font-weight: bold;
}
.escalation-matrix h3{
    padding: 15px 0px;
      font-weight: bold;
}

table.table.table-bordered.table-responsive tr td {
    padding: 30px 10px;
}
table.table.table-bordered.table-responsive tr th {
   padding: 30px 5px;

}

/* New css work 8-8-2025 */
.relative{position: relative;}
.backoffice-new{position: absolute;top: -30px;margin: 0;left: 30px;}
.navbar  .topmargin{display:none;}








@media screen and (min-width:320px) {
.topline{display:none;}
.member{display:none;}
#menunav{display:none;}
.topmargin{margin-top:0px; margin-bottom:10px;}
.topmargin img{max-width:180px; margin:auto;}

.logo{width:220px; margin:auto; padding:10px 0px;}
.logo img{width:100%;}

.topright{text-align:center; margin:10px 0px;}
.scrolled .topright{margin-top:10px;}

.wrappage{padding-top:133px;}

.navbar-brand{width:100%; text-align:center;}

.navbar-brand > img{display:inline;}
.nav{display:none;}
.redbar{display:none;}
.carousel{margin-top:15px;}

}

@media screen and (min-width:375px) {

}

@media screen and (min-width:400px) {

}

@media screen and (min-width:480px) {
}



@media screen and (max-width:640px) {
.oth-link{
    text-align: center;
}
.footer{
    text-align: center;
}
}


@media screen and (min-width:768px) {
.topline{display:block;}
.logo{width:300px; text-align:left; margin:0;}
.topmargin{margin-top:10px; margin-bottom:10px; text-align:right;}
.wrappage{padding-top:115px;}
.navbar-brand{width:100%;}
.navbar-brand img{width:auto;}
.navbar-brand > img{display:block;}
}

@media screen and (min-width:1024px) {
.logo{width:350px; text-align:left; margin:0;}
.wrappage{padding-top:125px;}

.redbar{display:block;}
.carousel{margin-top:0px;}

}

@media screen and (min-width:1280px) {
.menubar{margin-top:20px; margin-bottom:10px;}
#menunav{display:block;}
.member{display:block;}

.logo{width:452px;}
.logo{text-align:center; padding:10px 0px; margin:0px;}

.topmargin img{max-width:100%; margin:auto;}

.wrappage{padding-top:180px;}

}


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

    .escalation-matrix{
    padding: 20px 0px;
    overflow-x:auto;
}a.investor-grievance {
    font-size: 15px;
}
.escalation-matrix h2 {
    text-align: left;
    font-size: 28px;
    margin-bottom: 0px;
}
.escalation-matrix h3{
    padding: 15px 0px;
      font-size: 18px;
}
}