﻿/***common classes***/
.nodata { text-align: center; text-transform: capitalize; color: Red; }
.ajaxloaderhmediv { background-color: rgba(14,27,71,0.3); top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 5; }
.hmajaxloader { position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; }

/***Page loader***/
#loading { background-color: rgba(255, 255, 255, 0.95); position: fixed; left: 0; top: 0px; right: 0; bottom: 0; z-index: 99999;  transition: all 10s ease; }
#loading .twntyfivelogo { position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; margin-top: -110px; margin-left: 100px; transition: all 10s ease; }
#loading > img { position: absolute; top: 50%; left: 50%; width: 260px; height: 100px; margin-top: -120px; margin-left: -170px; } 
#loading > i { position: absolute; top: 50%; left: 50%; font-size: 30px; margin-top: -12px; margin-left: 125px; color: #ed3237; display: block; }


/***Market menu***/
.mktmobmenu { position: relative; bottom: 1px; }
.menudropmktinner { position: absolute; top: -38px; left: -1px; }
.menudropmktinner > .cursec { display: none; cursor: pointer; text-transform: uppercase; color: #fff; font-size: 16px; background: #f35b32 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 .B_regular { margin: 0px; padding: 0px; }
.menudropmktinner .B_regular > li { display: inline-block; padding: 8px 10px 8px 33px; text-transform: uppercase; font-size: 14px; position: relative; cursor: pointer; }
.menudropmktinner .B_regular > li > em { position: absolute; height: 20px; width: 20px; top: 50%; margin-top: -11px; left: 8px; background: url('../images/market_sprite.png') no-repeat; }
.menudropmktinner .B_regular > li > a { color: #fff; }
.menudropmktinner .B_regular > li.act > a { color: #ff6301; cursor: default; }
.menudropmktinner em.mkticonequity { background-position: 0 0; }
.menudropmktinner em.mkticoncomm { background-position: 0 -20px !important; }
.menudropmktinner em.mkticonipo { background-position: 0 -60px !important; }
.menudropmktinner em.mkticonmutual { background-position: 0 -40px !important; }
.menudropmktinner li.act { border: 1px solid #3B4658; border-bottom: 1px solid rgba(4, 12, 24, 1); background: rgba(4, 12, 24, 0.5); bottom: -1px; }
.menudropmktinner li.act > em.mkticonequity { background-position: -20px 0; }
.menudropmktinner li.act > em.mkticoncomm { background-position: -20px -20px !important; }
.menudropmktinner li.act > em.mkticonipo { background-position: -20px -60px !important; }
.menudropmktinner li.act > em.mkticonmutual { background-position: -20px -40px !important; }

.mktdata .mkth3equty{ display: inline-block;text-transform: uppercase;font-size: 18px;margin: 0;color: #fe3700;}
/***Market***/
#marketinfo { background: url('../images/marketbg.jpg') no-repeat; background-size: cover; }
.mktdata { border: 1px solid #3B4658; min-height: 220px; margin: 0 0 30px 0; position: relative; padding: 15px 20px; background: rgba(4, 12, 24, 0.5); }
ul.hmemarktul { margin: 0; padding: 0; display: inline-block; }
ul.hmemarktul > li { float: left; }
ul.hmemarktul > li > a { cursor: pointer; display: block; background-color: #dddddd; color: #000; padding: 3px 8px; margin-right: 5px; font-size: 13px; line-height: 13px; }
ul.hmemarktul > li > a.active { cursor: default; background-color: #00a3ff; color: #fff; }
.mkttime { display: block; color: #bec4cc; font-size: 12px; line-height: 13px; text-align: right; }
.graphframe { min-height: 120px; margin: 10px 0; }
.indicesvalue { margin: 20px 0 0 0; color: #bec4cc; font-family: 'open_sanslight'; }
.indicesvalue > em { display: inline-block; height: 15px; width: 15px; }
.indicesvalue > span { font-size: 16px; line-height: 16px; margin: 0px 6px; }
.indicesvalue > b { font-size: 18px; line-height: 18px; font-weight: normal; margin: 0px 6px; }
.indicesvalue.up > em { background: url('../images/M_UP_arrow.png') no-repeat center center; }
.indicesvalue.up > b { color: #2ab400; }
.indicesvalue.down > em { background: url('../images/M_DOWN_arrow.png') no-repeat center center; }
.indicesvalue.down > b { color: #fe0000; }
.indicesvalue.eq > em { background: url('../images/M_equal_arrow.png') no-repeat center center; }
.indicesvalue.eq > b { color: #00a3ff; }
ul.hmemarktulmenu { margin: 0; padding: 0; display: inline-block; margin-bottom: 3px; }
ul.hmemarktulmenu > li { float: left; }
ul.hmemarktulmenu > li > a { display: block; color: #fff; padding: 3px 5px; font-size: 13px; line-height: 13px; }
ul.hmemarktulmenu > li > a.active { color: #fe3700; }
.hmehedrow { color: #bec4cc; background-color: rgba(180, 175, 175, 0.51); padding: 2px 10px; border-top: 2px solid #9A9C9F; }
.hmehedrow > div.hed { float: left; }
.hmedatarow { color: #bec4cc; padding: 4px 10px; border-bottom: 1px dotted gray; }
.hmedatarow > div.dataval { float: left; }
.hmedatarow > div.dataval > a { color: #bec4cc; text-transform: uppercase; }
a.homemre { float: right; color: #fe3700; font-size: 11px; line-height: 11px; margin-top: 5px; }
a.homemre:hover { position: relative; right: -1px; }
.hmgrntxt { color: #2ab400; }
.hmredtxt { color: #fe0000; }
.hmblutxt { color: #00a3ff; }
.bindhomedata { min-height: 135px; position: relative; padding-top: 25px; }
.homecomodrop { position: absolute; left: 15px; top: 25px; }
.homecomodrop > select { width: 70px; margin: 0; padding: 0; background: rgba(4, 12, 24, 0.5); height: 20px; color: #FFF; cursor: pointer; border: 1px solid #3B4658; font-size: 13px; line-height: 20px; }
.homecomodrop > span.drparrow { border-top: 5px solid #3B4658; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; width: 0; height: 0; display: inline-block; position: absolute; top: 8px; right: 6px; z-index: 1; }
/***news***/
.mktbox { background: rgba(4, 12, 24, 0.5); border: 1px solid #3B4658; margin-bottom: 30px; min-height: 288px; position: relative; }
.mktbox > .head { padding: 15px 20px; position: relative; }
.mktbox > .head > h3 { display: inline-block; text-transform: uppercase; font-size: 18px; margin: 0; color: #fe3700; }
.mktbox > .cnt { padding: 0 15px 10px 15px; position: relative; }
#MarketNews { padding-top: 12px; }
#MarketNews > span { margin-bottom: 20px; color: #3195cd; font-size: 13px; line-height: 21px; display: block; text-transform: uppercase; }
.newshead > a { color: #FFF; font-size: 17px; text-decoration: none; }
.newstopics > b { padding-bottom: 15px; display: block; font-weight: normal; color: #3195cd; font-size: 12px; }
.newstopics > b > a { color: #FFF; text-decoration: none; font-size: 14px; font-family: 'open_sanslight'; }
.newsdrpbx { position: absolute; top: 15px; right: 20px; }
.newsdrpbx > select { background: rgba(4, 12, 24, 0.5); width: 111px; height: 25px; line-height: 25px; color: #FFF; cursor: pointer; border: 1px solid #3B4658; }
.newsdrpbx > span.drparrow { border-top: 5px solid #3B4658; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; width: 0; height: 0; display: inline-block; position: absolute; right: 5px; top: 12px; z-index: 1; }
.popnewsdfull { font-size: 14px; line-height: 21px; border-collapse: collapse; height: 450px; overflow: auto; text-align: justify; padding-right: 6px; }
newstopicspop > p { margin-bottom: 5px; }
.newstopicspop > b { color: #fe3700; font-weight: normal; display: block; font-size: 16px; padding-bottom: 5px; }
.newstopicspop > span { color: #3195cd; font-size: 12px; line-height: 25px; display: block; text-transform: uppercase; padding-bottom: 5px; }

/*Newsbox*/
.newsdrpbx { top: 40px; left: 15px; }
.newsdrpbx > span.drparrow { left: 90px; }
#MarketNews { padding-top: 20px; }


/***Research***/
.rshbox { background: rgba(4, 12, 24, 0.5); border: 1px solid #3B4658; margin-bottom: 30px; min-height: 192px; position: relative; }
.rshbox > .head { padding: 15px 20px; position: relative; }
.rshbox > .head > h3 { display: inline-block; text-transform: capitalize; font-size: 21px; margin: 0; color: #fff; }
.rshbox > .cnt { padding: 0 20px; }
.rshdata { padding-left: 75px; position: relative; width: 100%;padding-top:25px; }
.rshdata > em { position: absolute; left: 0; width: 70px; height: 60px; background: url('../images/researchsprite.png') no-repeat; }
.rshdata > em.eqt { background-position: 0 0; }
.rshdata > em.eco { background-position: 0px -60px; }
.rshdata > em.str { background-position: 0 -120px; }
.rshdata > em.cre { background-position: 0 -180px; }
.rshdata > h5 { font-size: 14px; color: #fe3700; text-transform: uppercase; margin: 0px; font-family: 'ralewaybold'; }
.rshdata > a { color: #e8e8e8; margin: 5px 0; font-size: 14px; line-height: 17px; display: block;height:100px; }
.rshbox .Bpager { position: absolute; bottom: 0px; right: 15px; }
.rshbox .Bpager > .cycle-pager-active { color: #fe3700; cursor: default; }
.rshbox .Bpager > span { color: #e8e8e8; font-size: 35px; cursor: pointer; display: inline-block; }

/****Home indices****/
.mvalbox { min-height: 84px; border: 1px solid #3B4658; margin-bottom: 30px; position: relative; background: rgba(4, 12, 24, 0.5); }
.mvalbox h4 { margin: 0; padding: 3px 0 0 10px; font-size: 15px; color: #3195cd; line-height: 26px; display: block; font-family: 'ralewaybold'; }
.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; color: #fff; text-transform: uppercase; font-style: normal; line-height: 16px; }
.indicbox > b { display: block; float: left; font-size: 24px; color: #fff; line-height: 25px; font-family: 'open_sanslight'; }
.indicbox > em { display: block; width: 100%; text-align: left; float: left; font-style: normal; font-size: 12px; margin: 0; line-height: 25px; }
.indicbox.up > span { background: #00ab17; }
.indicbox.down > span { background: #fe0000; }
.indicbox.equal > span { background: #3da6f2; }
.indicbox.up > em { color: #00ab17; }
.indicbox.down > em { color: #fe0000; }
.indicbox.equal > em { color: #3da6f2; }
.commonajxdiv { background: white; top: 0; bottom: 0; left: 1px; right: 1px; opacity: 0.8; position: absolute; display: block; z-index: 5; }
.commonajxindimg { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px; left: 50%; margin-left: -16px; z-index: 6; }
.brdright{border-right: 1px solid #3B4658;}

/***Investments***/
.activitychart { width: 100%; height: 115px; }
.legendinvest { text-align: left; margin: 5px 0 5px 0; padding-left: 10px; }
.legendinvest p { color: #bec4cc; float: right; margin-bottom: 0px; font-size: 11px; padding-right: 5px; }
.legendinvest > span { margin-right: 10px; font-size: 12px; }
.legendinvest > span > em { display: inline-block; width: 10px; height: 10px; margin-right: 10px; }
#fiidii { position: absolute; right: 15px; }

/***marketticker***/
.tk_part { position: fixed; bottom: 0; z-index: 999; height: 60px; left: 0; right: 0; }
.tickmaindiv { position: relative; height: 60px; overflow: hidden; width: 100%; }
.tickmain { width: 94%; height: 60px; position: absolute; right: 6%; top: 0; background: #1e477d; }
.ticktabfoot { background: #223e6e; float: left; width: 100%; }
.tickabfoot ul, .tickabfoot li { list-style: none; margin: 0; padding: 0; }
.ticktabfoot > ul > li { display: block; text-align: center; line-height: 30px; list-style-type: none; float: left; font-family: 'open_sansregular'; margin-right: 5px; font-size: 12px; }
.tickdata { background: #1e477d; width: 100%; color: #fff; padding: 0 15px; }
.closetick { background: #3ca6f2; width: 6%; position: absolute; color: #fff; height: 60px; cursor: pointer; right: 0; }
.ticktabfoot > ul > li > a { color: #fff; cursor: pointer; padding: 0 10px; width: 100%; display: block; text-decoration: none !important; }
.ticktabfoot > ul > li.actab { cursor: default; background: #ef5b33; }
.closetick > span { height: 30px; width: 30px; position: absolute; top: 7px; left: 50%; background: #fff; border-radius: 50%; margin-left: -15px; }
.closetick > p { position: absolute; bottom: 4px; left: 0; font-size: 8px; text-transform: uppercase; display: block; text-align: center; width: 100%; margin: 0; }
.tickerimg { width: 32px; height: 33px; display: block; position: absolute; top: 7px; left: 48%; margin-left: -15px; }
.tickclose { background-image: url('../images/tickerclose.png'); }
.tickopen { background-image: url('../images/tickeropen.png'); }

/***contactus map***/
.cntus { background: #e1e1e1; }
#aummap { min-height: 560px; width: 100%; padding: 0px; }
.mapoverlay { background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; bottom: 0; left: 15px; right: 15px; z-index: 2; }
.helptab { padding: 80px 0 80px 60px; }
.helptab > ul { margin: 0; padding: 0; }
.helptab > ul > li { margin: 0; padding: 0; }
.helptab > ul > li > a, .helptab > ul > li > a > span { display: block; background: url(../images/map_tabs.jpg) no-repeat; }
.helptab > ul > li > a { height: 51px; padding: 0 0 0 40px; background-position: top left; font-size: 20px; line-height: 51px; color: #002148; font-family: 'ralewayregular'; margin: 8px 0; }
.helptab > ul > li > a > span { padding: 0 60px 0 0; height: 51px; background-position: top right; position: relative; }
.helptab > ul > li > a > span > i { display: block; width: 40px; height: 51px; position: absolute; right: 20px; top: 0; background: url(../images/help_sprite.png) no-repeat; transition: all 0.5s ease; }
.helptab > ul > li > a[rel="Request"] > span > i { background-position: 0 0; }
.helptab > ul > li:hover > a[rel="Request"] > span > i { background-position: -40px 0; }
.helptab > ul > li > a[rel="Usefull"] > span > i { background-position: 0 -51px; }
.helptab > ul > li:hover > a[rel="Usefull"] > span > i { background-position: -40px -51px; }
.helptab > ul > li > a[rel="branch"] > span > i { background-position: 0 -102px; }
.helptab > ul > li:hover > a[rel="branch"] > span > i { background-position: -40px -102px; }
.helptab > ul > li > a[rel="Feedbacks"] > span > i { background-position: 0 -153px; }
.helptab > ul > li:hover > a[rel="Feedbacks"] > span > i { background-position: -40px -153px; }
.helptab > ul > li > a[rel="Media"] > span > i { background-position: 0 -204px; }
.helptab > ul > li:hover > a[rel="Media"] > span > i { background-position: -40px -204px; }
.helptab > ul > li > a[rel="Investor"] > span > i { background-position: 0 -255px; }
.helptab > ul > li:hover > a[rel="Investor"] > span > i { background-position: -40px -255px; }
.helptab > ul > li:hover > a { background-position: bottom left; color: #fff; }
.helptab > ul > li:hover > a > span { background-position: bottom right; }
.cntctaddrsssec { position: absolute; right: 30px; left: 30px; bottom: 15px; z-index: 999; background: #fe3700 url('../images/address_img.jpg') no-repeat left top; padding: 25px 25px 25px 292px; }
.cntctaddrsssec > h3 { margin: 0; color: #0d2d54; font-size: 18px; line-height: 18px; text-transform: uppercase; padding-bottom: 10px; }
.cntctaddrsssec > span { color: #fff; display: block; font-size: 14px; line-height: 16px; text-transform: capitalize; }
.cntctaddrsssec > p { color: #fff; display: block; font-size: 14px; line-height: 15px; margin: 5px 0px 0px; text-transform: capitalize; }

/***aboutus***/
.aboutslider1, .aboutslider2, .aboutslider3 { margin: 35px 0px; }
.aboutslider3 { position: relative; }
.aboutslider1data h2 { background-color: rgba(0, 0, 75, 0.9); color: #fff; }
.aboutslider2data h2 { background-color: rgba(225, 90, 0,0.9); color: #fff; }
.aboutslider1data h2 b { color: #ab5240; }
.aboutslider2data h2 b { color: #0d2d54; }
.aboutslider1 img, .aboutslider2 img, .aboutslider3 img { min-height: 290px; }
.aboutslider1data, .aboutslider2data, .aboutslider3data { min-height: 290px; width: 100%; position: relative; }
.aboutslider4data { width: 100%; position: relative; }
.aboutslider1data h2, .aboutslider2data h2 { margin: 0px; font-weight: normal; position: absolute; left: 0; bottom: 0; right: 0; min-height: 93px; padding: 15px 25px; font-size: 22px; line-height: 32px; text-transform: capitalize; }
.aboutslider1data h2 b, .aboutslider2data h2 b { font-weight: normal; display: block; text-transform: capitalize; font-size: 19px; line-height: 30px; }
.aboutslider3 > h2 { background-color: #000; color: #fff; margin: 0px; font-weight: normal; position: absolute; left: 0; bottom: 0; right: 0; font-size: 20px; line-height: 30px; padding: 10px 20px; text-transform: uppercase; z-index: 999; }
.aboutslider3 .ABTpager { position: absolute; bottom: 0; right: 15px; z-index: 999; }
.aboutslider3 .ABTpager > .cycle-pager-active { color: #cd5f30; cursor: default; }
.aboutslider3 .ABTpager > span { color: #fff; font-size: 40px; cursor: pointer; display: inline-block; line-height: 50px; padding-left: 3px; }
.hmabtus { border-bottom: 1px solid #c2c2c2; padding-bottom: 20px; background-color: #fff; }
.homeabout { margin-bottom: 20px; background-color: #fff; }
.homeabout h4 { margin: 0 0 10px 0; padding-top: 30px; font-size: 16px; color: #f45b32; line-height: 20px; display: block; text-transform: uppercase; }
.homeabout p { text-align: justify; margin-bottom: 10px; font-size: 15px; line-height: 20px; }
.homeabout > a { color: #3195cd; text-transform: uppercase; }

#mktoverchart { background-color: red; }



