@charset "utf-8";
html { font-family: 'open_sansregular'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width: 270px; }
body { margin: 0; padding: 0; font-family: 'open_sansregular'; font-size: 13px; min-width: 270px; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
::-webkit-scrollbar { -webkit-appearance: none; }
::-webkit-scrollbar:vertical { width: 12px; }
::-webkit-scrollbar:horizontal { height: 12px; }
::-webkit-scrollbar-thumb { background-color: #ffbf00; border-radius: 10px; border: 2px solid #fff; }
::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; }
[hidden], template { display: none; }
a { background-color: transparent; text-decoration: none !important; }
a:active, a:hover { outline: 0; text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: .67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
ul, li { list-style: none; }
:focus { outline: 0; }
.pr { position: relative; }
.pa { position: absolute; }
.trans { transition: all .5s ease; }
.no-marginRL { margin-left: 0; margin-right: 0; }
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
.gutter5px > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
.row-centered { text-align: center; }
.tR { text-align: right; }
.cb { clear: both; }
.brdrtno { border-right: none !important; }
.brdbtno { border-bottom: none !important; }
.tooltip-inner { font-family: 'open_sansregular'; }
.header { width: 100%; height: 140px; position: fixed; top: 0; left: 0; z-index: 9995; background: rgba(0,0,0,0.5); transition: all .5s ease; }
.headerinner { position: relative; width: 100%; }
.headerinner > h1 { display: block; width: 230px; height: 140px; background: #000 url(../images/logo.jpg) no-repeat; background-size: 100%; text-indent: -9999px; margin: 0; position: absolute; left: 0; top: 0; z-index: 9996; transition: all .5s ease; }
.headerinner > h1 > a { display: block; height: 100%; }
.fix .header { background: rgba(0,0,0,0.9); height: 90px; }
.fix .headerinner > h1 { width: 170px; height: 90px; }
.homeBanner { width: 100%; height: 654px; padding-top: 54px; position: relative; background: #000; }
.hslider { width: 100%; height: 600px; background-size: cover !important; }
.hsbanner1 { background: url(../images/banner1.jpg) no-repeat center top; }
.hsbanner2 { background: url(../images/banner2.jpg) no-repeat center top; }
.hsbanner3 { background: url(../images/banner3.jpg) no-repeat center top; }
.hsbanner4 { background: url(../images/banner4.jpg) no-repeat center top; }
.hsbanner5 { background: url(../images/banner5.jpg) no-repeat center top; }
.bannerinner { width: 100%; height: 600px; text-align: center; padding-top: 240px; }
.bannerinner > h2 { display: block; color: #fff; font-family: 'aleobold'; font-size: 100px; font-weight: 700; margin: 0; line-height: 110px; }
.bannerinner > p { display: block; margin: 0; padding: 10px 150px; font-size: 20px; line-height: 26px; color: #fff; font-family: 'aleolight'; }
.bannerinner > p > i { display: block; color: #ffbf00; font-style: normal; font-family: 'aleoregular'; margin: 10px 0 0; }
.bannerinner > a { display: inline-block; line-height: 40px; padding: 0 30px; border-radius: 22px; border: 2px solid #00a4b7; background-color: rgba(0,164,183,0.2); font-size: 16px; text-transform: uppercase; font-family: 'ralewaybold'; text-align: center; transition: all .5s ease; color: #fff; margin-top: 10px; }
.bannerinner > a:hover { background-color: rgba(0,164,183,1); }
#Bprev, #Bgnext, #Onext, #Oprev { width: 60px; height: 60px; cursor: pointer; position: absolute; top: 50%; z-index: 9990; }
#Onext, #Oprev { margin-top: -30px !important; }
#Bprev, #Oprev { background: url(../images/prevarrow.png) no-repeat right top; left: 0; }
#Bgnext, #Onext { background: url(../images/nextarrow.png) no-repeat left top; right: 0; }
.roundpager { width: 100%; height: 100px; position: absolute; top: 190px; left: 0; text-align: center; z-index: 9989; }
.roundpager a { display: inline-block; margin: 0 10px; width: 98px; height: 98px; text-indent: -9999px; background-image: url(../images/bannersprite.png); background-repeat: no-repeat; transition: all .5s ease; border-radius: 50%; border: 2px solid #e6e6e6; }
.roundpager a[rel="focus"] { background-position: 0 0; }
.roundpager a[rel="Analysis"] { background-position: 0 -100px; }
.roundpager a[rel="Patience"] { background-position: 0 -200px; }
.roundpager a[rel="Direction"] { background-position: 0 -300px; }
.roundpager a[rel="Goal"] { background-position: 0 -400px; }
.roundpager a.cycle-pager-active { background-color: #00a4b7; border: 2px solid #00a4b7; }
.navbg { position: absolute; right: 0; top: 0; z-index: 9995; }
.navbg > ul { margin: 85px 0 0; padding: 0; transition: all .5s ease; }
.fix .navbg > ul { margin: 32px 0 0; }
.navbg > ul > li { float: left; margin: 0; padding: 0; }
.navbg > ul > li > a { display: block; color: #fff; font-size: 14px; font-family: 'ralewaymedium'; padding: 0 8px; text-transform: uppercase; line-height: 30px; transition: all .5s ease; }
.topstrip { position: absolute; top: 0; right: 0; transition: all .5s ease; }
.fix .topstrip { top: -56px; }
.navbg > ul > li:hover > a { color: #ffbf00; }
.navbg > ul > li > a.active { color: #ffbf00; }
a.clientlogin { display: block; float: left; font-size: 15px; color: #fff; padding: 0 18px 0 36px; background: #272727 url(../images/lock.png) no-repeat 14px 15px; font-family: 'ralewaybold'; height: 54px; line-height: 54px; text-transform: uppercase; transition: all .5s ease; }
a.clientlogin:hover { background-color: #272727; }
.gquotes { float: left; background: #272727; width: 30px; height: 54px; position: relative; transition: all .5s ease; overflow: hidden; }
.gquotes.open { width: 210px; }
.gquotes > span { display: block; width: 30px; height: 54px; font-size: 13px; line-height: 54px; text-align: center; cursor: pointer; color: #fff; position: absolute; right: 0; top: 0; }
.gquotes > span > i, .gquotes > span > em { display: block; font-style: normal; }
.gquotes > span > em { display: none; }
.gquotes.open > span > em { display: block; font-size: 11px; }
.gquotes > input { width: 190px; height: 30px; background: rgba(255,255,255,0.9); position: absolute; right: 10px; top: 12px; display: block; border: none; padding: 0 8px; color: #5a5a5a; font-size: 14px; }
#mobnav { display: none; width: 30px; height: 40px; position: absolute; right: 20px; top: 25px; z-index: 9996; cursor: pointer; }
.lines { display: block; width: 30px; height: 5px; background: #ffbf00; border-radius: 3px; transition: .3s; position: relative; top: 16px; }
.lines:before, .lines:after { display: block; width: 30px; height: 5px; background: #ffbf00; border-radius: 3px; transition: .3s; position: absolute; left: 0; content: ''; transform-origin: .28571rem center; }
.lines:before { top: 10px; }
.lines:after { top: -10px; }
#mobnav.Nclose { transform: scale3d(0.8,0.8,0.8); }
#mobnav.Nclose .lines { background: transparent; }
#mobnav.Nclose .lines:before, #mobnav.Nclose .lines:after { transform-origin: 50% 50%; top: 0; width: 4rem; background: #ffbf00; }
#mobnav.Nclose .lines:before { transform: rotate3d(0,0,1,45deg); }
#mobnav.Nclose .lines:after { transform: rotate3d(0,0,1,-45deg); }
.aboutsection { padding: 65px 0; background: #fff; }
.aboutsection img { margin: 0 auto; }
.aboutsectxt { font-family: 'ralewayregular'; font-size: 17px; line-height: 26px; }
.aboutsectxt > h2 { display: block; color: #474747; font-size: 35px; line-height: 40px; margin: 0 0 10px; font-family: 'aleobold'; }
.aboutsectxt > i { display: block; font-size: 19px; line-height: 24px; color: #ffbf00; font-style: normal; margin-bottom: 5px; }
.aboutsectxt > p { display: block; margin: 0 0 15px; }
.aboutsectxt > p > a { display: inline-block; font-family: 'ralewaybold'; font-size: 14px; color: #474747; }
.aboutsectxt > a { display: inline-block; line-height: 40px; padding: 0 25px; border-radius: 22px; border: 2px solid #ffbf00; background-color: #fff; font-size: 15px; text-transform: uppercase; font-family: 'ralewaybold'; text-align: center; transition: all .5s ease; color: #ffbf00; margin: 0 12px 0 0; }
.aboutsectxt > a:hover { background-color: #ffbf00; color: #fff; }
.aboutsectxt > a.request { background-color: #fff; color: #ffbf00; }
.aboutsectxt > a.request:hover { background-color: #ffbf00; color: #fff; }
.servicessec { width: 100%; min-height: 443px; background: url(../images/servicesbg.jpg) no-repeat; background-size: cover; background-attachment: fixed; padding: 50px 0; position: relative; }
.servicesbox { padding: 0 20px; font-family: 'ralewayregular'; font-size: 14px; color: #bdbdbd; text-align: center; line-height: 22px; }
.servicesbox > h3 { font-size: 18px; text-transform: uppercase; display: block; font-family: 'ralewaybold'; color: #fff; line-height: 20px; margin: 0 0 10px; }
.servicesbox > a { display: block; width: 130px; height: 34px; line-height: 34px; background: #ffbf00; color: #fff; border-radius: 17px; text-align: center; color: #fff; font-size: 13px; margin: 15px auto 0; transition: all .5s ease; }
.servicesbox > a:hover { background: #ffbf00; }
.servicesbox > span { display: block; width: 130px; height: 130px; margin: 15px auto; background: url(../images/servicessprite.png) no-repeat; }
.servicesbox.WM > span { background-position: 0 0; }
.servicesbox.IE > span { background-position: 0 -130px; }
.servicesbox.PP > span { background-position: 0 -260px; }
.servicesbox.RC > span { background-position: 0 -390px; }
.servicesbox.FP > span { background-position: 0 -520px; }
.servicesbox.NRI > span { background-position: 0 -650px; }
.marketsec { background: #fff; padding: 40px 0; min-height: 400px; }
.ProductsecH { background: #e9e9e9; padding: 30px 0; }
.productHbg { min-height: 212px; position: relative; width: 100%; }
.producthinner { background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: -30px; padding: 0 20px; }
.producthead { background: url(../images/pheadbg.jpg) no-repeat; background-size: cover; height: 160px; position: relative; margin-top: 28px; font-size: 20px; text-align: center; color: #e9e9e9; font-family: 'aleoregular'; text-transform: uppercase; padding: 20px 20px 0; }
.producthead > span { display: block; width: 26px; height: 26px; line-height: 26px; text-align: center; position: absolute; left: 50%; bottom: 20px; font-size: 25px; cursor: pointer; }
.producthead > span#Pnext { margin-left: 2px; }
.producthead > span#Pprev { margin-left: -28px; }
.productbox { color: #474747; font-size: 14px; padding: 10px 0 0; text-align: center; line-height: 20px; }
.productbox > h3 { display: block; font-size: 22px; line-height: 30px; color: #000; font-family: 'aleobold'; margin: 0 0 5px; }
.productbox > a { display: block; font-size: 12px; line-height: 22px; color: #ffbf00; font-family: 'ralewayregular'; }
.productbox > span { display: block; width: 60px; height: 60px; background: url(../images/productsprite.png) no-repeat; margin: 5px auto; }
.productbox[data-value="Equity"] > span { background-position: 0 0; }
.productbox[data-value="Derivatives"] > span { background-position: 0 -60px; }
.productbox[data-value="Mutual Funds"] > span { background-position: 0 -120px; }
.productbox[data-value="Depository"] > span { background-position: 0 -180px; }
.productbox[data-value="Structured"] > span { background-position: 0 -240px; }
.productbox[data-value="Insurance"] > span { background-position: 0 -300px; }
.productbox[data-value="Distribution"] > span { background-position: 0 -360px; }
.backtotop { display: none; position: fixed; width: 100px; height: 28px; border-radius: 10px; left: 50%; bottom: 5px; margin-left: -50px; cursor: pointer; background: rgba(255,255,255,0.7); z-index: 9990; border: 1px solid #ccc; box-shadow: 0 0 10px #ccc; }
.backtotop:hover { background: rgba(255,255,255,1); }
.backtotop > a { display: block; width: 100%; color: #023560; height: 28px; text-align: center; line-height: 28px; font-size: 12px; }
.incompatibility-message { background: #000; position: fixed; z-index: 999999; left: 0; top: 0; right: 0; bottom: 0; }
.messagecontainer { width: 700px; background: #FFF; position: absolute; left: 50%; margin-left: -350px; top: 100px; padding: 20px 20px 50px; font-size: 16px; color: #666; line-height: 28px; text-align: center; }
.messagecontainer > span { display: inline-block; padding: 0 10px; margin: 5px 3px; background-color: #00a4b7; color: #fff; }
.messagecontainer > a { display: inline-block; width: 100px; height: 100px; margin: 15px 5px; background-image: url(../images/browser-sprite.png); background-repeat: no-repeat; position: relative; }
.messagecontainer > a.chrome { background-position: 0 0; }
.messagecontainer > a.mozil { background-position: 0 -100px; }
.messagecontainer > a.safari { background-position: 0 -200px; }
.messagecontainer > a.opera { background-position: 0 -300px; }
.messagecontainer > a.internetE { background-position: 0 -400px; }
.messagecontainer > a > i { display: none; width: 100%; font-size: 14px; text-align: center; line-height: 15px; padding: 5px 0; font-style: normal; position: absolute; left: 0; bottom: -22px; background-color: #f6f6f6; }
.messagecontainer > a:hover > i { display: block; }
.messagecontainer > a:hover { background-color: #f6f6f6; }
.messagecontainer > em { cursor: pointer; position: absolute; padding: 8px 10px; font-size: 15px; line-height: 18px; right: 20px; bottom: 15px; font-style: normal; background-color: #eee; color: #666; }
.messagecontainer > em:hover { background-color: #00a4b7; color: #fff; }
#loading { background: url(../images/loader_img.GIF) no-repeat center center; background-color: #000; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; opacity: .92; filter: alpha(opacity=92); -ms-filter: alpha(opacity=92); }
#loading > span { position: absolute; top: 50%; left: 50%; width: 150px; height: 100px; margin-top: -110px; margin-left: -35px; }
.hmmrtdata { min-height: 330px; background-color: #e9e9e9; margin: 0 0 30px; position: relative; padding: 60px 15px 15px; }
.menudropmktinner { position: absolute; top: 0; left: 0; padding: 15px 15px 0; }
.menudropmktinner > .cursec { display: none; cursor: pointer; text-transform: uppercase; color: #fff; font-size: 16px; background: #ffbf00 url(../images/innerarrowicon.png) no-repeat 98%; padding: 7px 9px; }
.menudropmktinner > .cursec > em { position: absolute; height: 15px; width: 15px; top: 50%; margin-top: -9px; left: 5px; }
.menudropmktinner .regular { margin: 0; padding: 0; }
.menudropmktinner .regular > li { padding: 12px; display: inline-block; text-transform: uppercase; font-size: 15px; position: relative; cursor: pointer; transition: all .5s ease; }
.menudropmktinner .regular > li > em { display: none; position: absolute; height: 20px; width: 20px; top: 50%; margin-top: -11px; left: 3px; background: url(../images/market_sprite.png) no-repeat; transition: all .5s ease; }
.menudropmktinner .regular > li > a { color: #69696b; display: block; transition: all .5s ease; }
.menudropmktinner .regular > li.act > a { color: #e69931; cursor: default; }
.menudropmktinner .regular > li:hover { border: none; background: #fff; }
.menudropmktinner .regular > li:hover > a { color: #e69931; }
.menudropmktinner em.mkticonequity { background-position: 0 0; }
.menudropmktinner em.mkticonmutual { background-position: 0 -40px !important; }
.menudropmktinner em.mkticonipo { background-position: 0 -60px !important; }
.menudropmktinner em.mkticoncomm { background-position: 0 -20px !important; }
.menudropmktinner li.act { border: none; background: #fff; }
.menudropmktinner li.act > em.mkticonequity, .menudropmktinner li:hover > em.mkticonequity { background-position: -20px 0; }
.menudropmktinner li.act > em.mkticonmutual, .menudropmktinner li:hover > em.mkticonmutual { background-position: -20px -40px !important; }
.menudropmktinner li.act > em.mkticonipo, .menudropmktinner li:hover > em.mkticonipo { background-position: -20px -60px !important; }
.menudropmktinner li.act > em.mkticoncomm, .menudropmktinner li:hover > em.mkticoncomm { background-position: -20px -20px !important; }
.footer { display: block; background-color: #fff; }
.footticker { border-bottom: solid 3px #e9e9e9; padding: 20px 0; border-top: solid 3px #e9e9e9; }
.footticsec { padding-left: 215px; position: relative; }
.footticsec > ul { position: absolute; left: 0; margin: 0; padding: 0; }
.footticsec > ul > li { text-transform: uppercase; float: left; margin: 0 5px; }
.footticsec > ul > li.act > a { color: #ffbf00; }
.footticsec > ul > li > a { color: #2b2b2b; display: block; cursor: pointer; font-size: 12px; padding: 2px 0; }
.foottickdata { overflow: hidden; margin-right: 5px; color: #444; }
.footcontent { padding: 35px 0; }
ul.footermenulink { padding: 0; margin: 0; padding-top: 6px; }
ul.footermenulink > li { display: inline-block; }
ul.footermenulink > li > a { text-transform: uppercase; font-size: 11px; line-height: 11px; display: block; color: #111; padding-bottom: 7px; }
ul.footermenulink > li > a:hover { color: #ffbf00; transition: all .5s ease; }
.footothercnts > ul { padding: 0; margin: 0; }
.footothercnts > ul > li { display: inline-block; font-size: 12px; line-height: 14px; }
.footcust { display: block; padding-bottom: 20px; }
.footcust > a { font-weight: 400; color: #ffbf00; }

.footcust   span.num {font-family: 'open_sanssemibold';font-style:normal; }

.footothercnts { color: #000; font-size: 12px; font-family: 'ralewaymedium'; text-transform: uppercase; }
.footothercnts span.num { font-family: 'open_sanssemibold'; }
.footothercnts > span { display: block; }
.footbranch { display: block; padding: 30px; background: #545454 url(../images/footaddressbg.png) no-repeat right bottom; }
.footbranch > b { display: block; color: #ffbf00; font-size: 16px; text-transform: uppercase; }
.footbranch > span { display: block; color: #fff; font-size: 14px; }
.footcopyright { background-color: #000; padding: 15px 0; color: #b9b9b9; font-size: 12px; }
.foottickarrow { background: url(../images/tickarrow.png) no-repeat; height: 21px; width: 14px; }
.footdesign { text-align: right; }
.footdesign .span1 { color: #3cb44a; }
.footdesign .span2 { color: #da9f3b; }
.footdesign .span3 { color: #fb8322; }
.footdesign a { color: #fff; }
.ajaxloaderhmediv { background: #fff; top: 0; bottom: 0; left: 0; right: 0; filter: alpha(opacity=80); opacity: .8; position: absolute; z-index: 5; }
.ajaxloder-b { position: absolute; width: 36px; height: 36px; top: 50%; margin-top: -18px; left: 50%; margin-left: -18px; z-index: 6; }
.hmajaxloader { position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; }
.homenewsfirst { display: block; padding-bottom: 5px; }
.homemkthd { font-size: 25px; text-transform: capitalize; }
.homemkthd > span { color: #474747; }
.homenewsfirst > select { float: right; padding: 3px 5px; }
.homemktselect { color: #808c94; font-size: 14px; border: 1px solid #808c94; }
.homenewscnt { display: block; border: solid 1px #dbdbdb; padding: 18px; min-height: 209px; }
.homenewscnt > i { font-style: normal; font-size: 12px; color: #ffbf00; display: block; padding-bottom: 3px; }
.homenewscnt > span { display: block; line-height: 18px; font-size: 15px; color: #010101; padding-bottom: 6px; cursor: pointer; }
.homenewscnt > p { margin: 0; color: #868686; text-align: left; line-height: 18px; font-size: 13px; cursor: pointer; }
.homenewscntmain { padding: 0 7px; }
.gutter8px > [class*='col-'] { padding-right: 8px; padding-left: 8px; }
.homenewspopup { width: 600px; margin-top: 160px; }
.newsheadpopup { display: block; line-height: 18px; font-size: 15px; color: #FFBF00; padding-bottom: 6px; }
.newsheaddate { font-size: 12px; color: #FFBF00; display: block; padding-bottom: 3px; }
.hmenewspopajax { color: #868686; font-size: 14px; border-bottom-width: 0; margin: 0; overflow: auto; height: 275px; width: 100%; border-right-width: 0; padding-right: 6px; }
.popnewsdetails { min-height: 400px; }
.homenews { min-height: 200px; position: relative; }
.homecompany { overflow: hidden; z-index: 98; border: solid 1px #d4d4d4; position: absolute; height: 122px; top: 57px; width: 100%; left: 0; background-color: #fff; display: none; font-size: 13px; }
.homecompany > div { padding: 1px 5px; }
.homecompany > div > a { color: #8F9494; display: block; }
.homemobmain { margin-bottom: 10px; background: url(../images/mobiletrading.jpg) no-repeat; background-size: 100% 100%; padding: 10px 20px; }
.homemobmain > span { color: #fff; }
.homemobapp { font-size: 20px; display: block; text-transform: capitalize; line-height: 13px; }
a.homemktbutton { display: block; width: 119px; height: 25px; line-height: 25px; background: #ffbf00; color: #fff; border-radius: 17px; text-align: center; color: #fff; font-size: 11px; transition: all .5s ease; text-transform: uppercase; }
.homemktpulse { background: url(../images/mplusebg.jpg) no-repeat; }
.homesmsmain { min-height: 70px; background: url(../images/SMSalert.jpg) no-repeat; background-size: 100% 100%; padding: 5px 20px 5px 0; text-align: right; }
.homesmsmain > span { color: #fff; display: block; padding-right: 9px; font-size: 21px; }
.homesmsmain > a { float: right; }
.hmindicbox { margin-bottom: 30px; position: relative; }
.mvalbox { background: #fff url(../images/indicesbgsprite.png) no-repeat; min-height: 88px; border: 1px solid #ddd; }
.mvalbox.indian { background-position: right 0; }
.mvalbox.global { background-position: right -100px; }
.mvalbox.commod { background-position: right -200px; }
.mvalbox.curren { background-position: right -300px; }
.mvalbox h4 { margin: 0; padding: 3px 0 0 10px; font-size: 15px; color: #424242; font-family: 'aleobold'; line-height: 26px; display: block; font-weight: 400; }
.indicbox { padding: 5px 5px 0 40px; position: relative; }
.indicbox > span { width: 24px; height: 38px; float: left; position: absolute; left: 10px; top: 5px; }
.indicbox > span > em { width: 0; height: 0; display: block; position: absolute; left: 50%; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.indicbox.up > span > em { top: 8px; border-bottom: 8px solid #fff; }
.indicbox.down > span > em { top: 24px; border-top: 8px solid #fff; }
.indicbox > span > i { display: block; width: 6px; height: 16px; background: #fff; left: 50%; margin-left: -3px; position: absolute; }
.indicbox.up > span > i { top: 13px; }
.indicbox.down > span > i { top: 10px; }
.indicbox.equal > span > em { width: 16px; height: 6px; bottom: 10px; left: 50%; border: none; background: #FFF; }
.indicbox.equal > span > i { width: 16px; height: 6px; top: 10px; left: 50%; margin-left: -8px; }
.indicbox > i { display: block; font-size: 14px; color: #717171; text-transform: uppercase; font-style: normal; line-height: 16px; }
.indicbox > b { display: block; float: left; font-weight: 400; font-size: 24px; color: #223e6e; line-height: 26px; font-family: 'aleobold'; }
.indicbox > em { display: block; width: 100%; text-align: left; float: left; font-style: normal; font-size: 13px; margin: 0; line-height: 26px; padding-left: 15px; }
.indicbox.up > span { background: #078704; }
.indicbox.down > span { background: #c70000; }
.indicbox.equal > span { background: #3da6f2; }
.indicbox.up > em { color: #078704; }
.indicbox.down > em { color: #c70000; }
.indicbox.equal > em { color: #3da6f2; }
.footerpopdiv { background: #fff; padding: 20px; max-width: 600px; margin: 10px; display: none; }
.footerbox { padding: 0; margin-top: 0; line-height: 24px; font-size: 15px; color: #171313; }
.footerbox > div { height: 400px; overflow: auto; padding-right: 10px; }
.footerpopdiv { transform: scale(0.8); }
.footerbox > h3 { text-align: center; display: block; margin: 0; padding: 0 0 10px; font-size: 25px; line-height: 26px; color: #ffbf00; font-family: Georgia, "Times New Roman" ,Times,serif; font-weight: 400; }
.footerbox P { margin: 0; padding: 0; text-align: justify; color: #5F5F5F; }
.footerbox > div > h4 { padding: 0; color: #d29837; font-size: 16px; text-transform: capitalize; margin: 0 0 10px; }
.footerbox > a { display: block; text-align: center; color: silver; font-size: 30px; font-family: 'web_symbolsregular'; margin-top: 20px; transition: all .5s ease; }
.footerbox:hover > a { color: #ffbf00; }
.homemktcnt { background: #fff; padding-top: 15px; }
.homemktdatam { display: block; padding-right: 13px; }
.homemktdata > a { text-transform: uppercase; color: #a5a5a5; }
.homemktdata > a.mktdataactive { color: #e3992c; }
.homemktdata { display: block; padding-bottom: 10px; }
.homemktdatahd { background-color: #e9e9e9; padding: 5px 8px 5px 12px; }
.homemktdatahd > div, .homemktdatacnt > div { float: left; }
.homemktdatahd > div.first, .homemktdatacnt > div.first { width: 40%; }
.homemktdatahd > div.second, .homemktdatacnt > div.second { width: 20%; }
.homemktdatacnt { padding: 6px 8px 5px 12px; border-bottom: dotted 1px #d6d6d6; }
.homemktmore { display: block; text-align: right; padding: 5px 0; }
.homemktmore > a { color: #e5982e; text-transform: uppercase; font-size: 11px; }
.homemktdatacnt { color: #393939; }
.homemktdatacnt > div.first > a { color: #ffbf00; text-transform: uppercase; }
.hmnodata { width: 100%; text-align: center; color: #e81011 !important; }
.mktdataload { min-height: 195px; }
.hmgrntxt { color: #2ab400; }
.hmredtxt { color: #fe0000; }
.hmblutxt { color: #00a3ff; }
i.brdrd { border-right: dotted 1px #d6d6d6; right: 50%; position: absolute; display: block; height: 90%; }
#hmipochart { width: 100%; height: 240px; }
.equitycharthd { display: block; padding-left: 15px; }
.equitycharthd > a { text-transform: uppercase; padding: 0 10px; float: left; background-color: #e8e8e8; color: #494949; cursor: pointer; }
.equitycharthd > a.active { background-color: #00a4b7; color: #fff; }
.equitycharthd > a:hover { background-color: #00a4b7; color: #fff; }
.equitycharthd > span { float: right; color: #0BA3B5; }
.mktchart { width: 100%; height: 199px; }
.homemktchartm { display: block; padding: 0 0 0 15px; margin: 0; }
.homemktexchanges > li { display: inline-block; }
.homemktexchanges { padding: 0; padding-bottom: 15px; display: inline-block; }
.homemktexchanges > li > a { padding: 5px 15px; text-transform: uppercase; background-color: #e7e7e7; color: #818181; display: block; cursor: pointer; }
.homemktexchanges > li > a.mktactive { background-color: #ffbf00; color: #fff; }
.homemktchart { width: 100%; height: 127px; margin-bottom: 18px; }
.indicesvalue { margin: 0; color: #724d19; }
.indicesvalue.up > em { background: url(../images/M_UP_arrow.png) no-repeat center center; }
.indicesvalue.down > em { background: url(../images/M_DOWN_arrow.png) no-repeat center center; }
.indicesvalue.eq > em { background: url(../images/M_equal_arrow.png) no-repeat center center; }
.indicesvalue > em { display: inline-block; height: 15px; width: 15px; transition: all .7s ease; }
.indicesvalue:hover > em { transform: rotateY(180deg); }
.indicesvalue > p { display: inline-block; padding: 0; margin: 0; }
.indicesvalue > p > span { font-size: 16px; line-height: 16px; margin: 0 3px; text-transform: uppercase; }
.indicesvalue > p > b { font-size: 18px; line-height: 18px; font-weight: 400; margin: 0 3px; }
.indicesvalue.down > p > b { color: #fe0000; }
.indicesvalue.up > p > b { color: #2ab400; }
.indicesvalue.eq > p > b { color: #00a3ff; }
.homemktchartm > span { float: right; color: #ffbf00; }
.homemktdata > select { float: right; }
.pbottom { padding-bottom: 16px; }
.hmactivity { border: 1px solid #dadada; margin-bottom: 15px; position: relative; padding: 15px 15px 0; }
.hmactivityhead { display: block; font-size: 25px; color: #474747; text-transform: capitalize; }
.hmactmenu { font-size: 13px; padding: 8px 0; }
.hmactmenu > span { color: gray; cursor: pointer; transition: all .5s ease; }
#fiiinchart1, #fiiinchart2, #fiiinchart3 { width: 33%; height: 95px; float: left; }
.fr { float: right; }
#hmactivitydatarea { min-height: 135px; }
.fiiinvvaluehead { width: 25%; float: left; }
.homegridhead, .homegriddata { padding: 3px 5px; font-weight: 400; color: #000; }
#homfiiinvestajaxarea { position: absolute; z-index: 5; background: #fff; top: 40px; bottom: 1px; left: 1px; right: 1px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter: alpha(opacity=90); -moz-opacity: .9; -khtml-opacity: .9; opacity: .9; display: none; }
.right { text-align: right; }
.gllvbrdr { border-bottom: dotted 1px #d4d0c8; }
.mkgllvhead { display: block; background: #fcfcfc; border-top: #909090 2px solid; }
div.mkgllvhead > div { padding: 2px 5px; color: #323232; }
.fiiinvvaluedata { width: 25%; float: left; padding-left: 5px; }
.hmactivitychart { display: block; height: 103px; padding-bottom: 10px; }
.hmactmenu > span.active { color: #e8a74b; cursor: default; }
.hommore { display: block; text-align: right; }
.hommore > a { display: inline-block; text-align: right; font-size: 11px; color: #e6a748; padding: 8px 0; }
div.mkgllvhead > div { padding: 5px; color: #313131; }
#investmentchart { height: 100px; }
.ajaxbagc { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.ajaxloder { left: 50%; margin-left: -12px; position: absolute; top: 50%; margin-top: -12px; }
.client-login { background-color: #000; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.9); z-index: 9998; overflow: auto; display: none; }
.client-login-close { position: absolute; right: 35px; top: 35px; color: #fff; font-size: 41px; line-height: 41px; z-index: 9999; transition: all .5s ease; }
.client-login-close:hover { color: #00a4b7; }
.client-login-circle { position: absolute; top: 25%; left: 0; right: 0; text-align: center; }
.client-login-circle > a { display: inline-block; margin: 0 70px; }
.client-login-circle > a > img { margin: 0 auto; }
.client-login-circle > a > b { display: block; color: #fff; text-transform: uppercase; font-size: 18px; padding-top: 10px; line-height: 18px; transition: all .5s ease; }
.client-login-circle > a:hover > b { color: #00a4b7; }
button.close { font-size: 40px !important; line-height: 16px; }
.dispnone { display: none; }
.chartiframe { visibility: hidden; background: transparent; }
.width30 { width: 30% !important; }
#investmentchart { width: 100%; height: 115px; }
#hmnewsmainpop { display: None; }
#hmnewsmainpop .modal-header { border: none; }
#hmnewsmainpop button.close { font-size: 30px; }
#homenews2, #homenews3 { display: none; }
#hmactivitydatareatwo { display: none; }
/***vernacular language***/
#vernacularpop{z-index: 9999;}
.languagepopup { margin: 8px 0px; }
.languagepopup a {transition: all .5s ease;position: relative; padding-left: 10px; display: block; margin: 0 21px; line-height: 32px; font-size: 14px;font-family: 'aleobold'; float: left; width: 90px; color: #000; }
.languagepopup a:hover {color: #ffbf00; }
.languagepopup a i { width: 0; height: 0; display: block; position: absolute; left: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; bottom: 11px; border-left: 4px solid #ffbf00; }
.vernapop {color: #000;font-family: 'aleobold'; font-size: 23px !important; }
.vernanote { padding: 10px 15px; background-color: #ebebeb; }
.vernanote p b { display: block; padding-bottom: 2px; font-size: 14px; }
.clientregdoc { padding: 0 18px; line-height: 20px; font-size: 14px; max-height: 350px; overflow: auto; text-align: justify; }