@charset "utf-8";
/* Created by: Sajeeshfrancis from Accord Fintech Pvt. Ltd. */
html, body {width: 100%; height: 100%; }
html {font-family: 'open_sansregular';-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; min-width:300px;}
body {margin: 0; padding:0;font-family: 'open_sansregular'; font-size:13px; min-width:300px;}
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;}
[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: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.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: -0.5em;}
sub {bottom: -0.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 #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
ul, li{ list-style:none;}
*:focus{ outline:0;}
.pr{ position:relative;}
.trans{transition: all 0.5s ease;}
.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, .CB{clear:both;}
.fl, .FL{float:left}
.fr, .FR{float:right}

.headerbg{ width:100%;background:#fff; position:fixed; z-index:1040; top:0; left:0;-moz-box-shadow: 0px 2px 5px rgba(68,68,68,0.5);-webkit-box-shadow: 0px 2px 5px rgba(68,68,68,0.5);box-shadow: 0px 2px 5px rgba(68,68,68,0.5);}
.header{ position:relative;}
.header > h1{ display:block; width:210px; height:90px; background:url(../images/logo.png) no-repeat; background-size:100%; text-indent:-9999px; margin:15px 0; float:left;}
.header > h1 > a{ display:block; height:100%;}
.navaum{ position:absolute; right:0; top:0; z-index:9990;}
.navaum > ul{ margin:56px 0 0 0; padding:0; position:relative; display:block;}
.navaum > ul > li{ float:left; margin:0 0 0 3px; padding:0;}
.navaum > ul > li > a{ display:block; width:140px; height:50px; padding:9px 3px 0 44px; background:#f1f1f1;font-family: 'ralewayregular'; text-transform:uppercase; font-size:13px; line-height:16px; color:#285089; position:relative;text-shadow: 0px 0px 1px rgba(28, 65, 110, .3); }
.navaum > ul > li:hover > a{background:#255288; color:#fff;}
.navaum > ul > li > a > i{ font-style:normal; display:block;}
.navaum > ul > li > a > span{ display:block; width:40px; height:40px; background:url(../images/navsprite.png) no-repeat; position:absolute; left:0; top:5px;}
.navaum > ul > li > a[rel="about"] > span{ background-position:0 0;}.navaum > ul > li > a[rel="Product"] > span{ background-position:0 -40px;}.navaum > ul > li > a[rel="Market"] > span{ background-position:0 -80px;}.navaum > ul > li > a[rel="Happy"] > span{ background-position:0 -120px;} .navaum > ul > li > a[rel="onlineinvest"] > span{ background-position:0 -200px;}
.navaum > ul > li > a[rel="Careers"]{ background:#3388bf; color:#fff; width:40px; padding:9px 9px 0 40px;}
.navaum > ul > li > a[rel="Login"]{ background:#f9b142;color:#fff; width:40px; padding:9px 9px 0 40px;}
.navaum > ul > li > a[rel="Careers"] > i,.navaum > ul > li > a[rel="Login"] > i{ display:none;}
.navaum > ul > li > a[rel="Careers"] > span{ background-position:0 -160px; left:4px;}
.navaum > ul > li > a[rel="Login"] > span{ background-position:0 -200px; left:4px;}
.navaum > ul > li > a[rel="onlineinvest"] > span{ background-position:0 -200px; left:4px;}
.navdrop{ position:absolute; width:85%;left:0px; top:50px; z-index:9995; padding:15px;background:#255288; display:none;}
.navdrop.rt {right:0;left:auto }
.navdrop > ul{ display:block; margin:0 30px 0 10px; padding:0; float:left;}
.navdrop > ul > li{ margin:0 0 6px 0; padding:0;}
.navdrop > ul > li > a{ display:block; font-size:13px; text-transform:uppercase; line-height:20px; padding:0 0 0 15px; color:#fff; background:url(../images/smallarrow.png) no-repeat left top;}
.navdrop > ul > li > a:hover{ color:#ff653a;}
.navwidth {width:40%}

.careertab{position: absolute;right: 0px; top: 0;}
.careertab > a { display: block; height: 34px;color:#fff;font-family: 'ralewayregular';text-transform: uppercase;font-size: 14px;line-height: 16px;position: relative;text-shadow: 0px 0px 1px rgba(28, 65, 110, .3);}
.careertab > a[rel="Careers"] {background: #3388bf; padding: 9px 0px 0 40px;}
.careertab > a[rel="Careers"] > span { background-position: 0 -160px;left: 0px;}
.careertab a > span {display: block;width: 40px;height: 40px;background: url(../images/navsprite.png) no-repeat; position: absolute; left: 0;top: -2px;transform: scale(.7);}
.careertab a > i {font-style: normal; display: block;}
.careertab > a[rel="Careers"] > i { display: none;}


.careerdrop{ width:200px; left:auto; right:0 !important; background:#3388bf;top:34px}
.logindrop{ width:160px; left:auto; right:0 !important; background:#f9b142;}
.navdrop.careerdrop > ul, .navdrop.logindrop > ul{ display:block; margin:0;}

.getquotesbg{ width:300px; height:34px; padding:0 30px 0 0; position:absolute; right:50px; top:0; background:#e7e7e7;font-family: 'ralewayregular';border-bottom:1px solid #d4d4d4;box-shadow:inset 1px -1px 4px rgba(68,68,68,0.1); }
.getquotesbg > input{ height:34px; width:166px; color:#6c6c6c; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#fff; font-size:14px; line-height:33px; border-right:none; border-top:none; padding:0 9px;box-shadow:inset 1px -1px 4px rgba(68,68,68,0.1);}
.getquotesbg > a{ display:block; width:30px; height:34px; background:#f35b32 url(../images/go.png) no-repeat center center; position:absolute; right:0; top:0; text-indent:-9999px;}
.getquotesbg > a:hover{ background-color:#df5430;}
#mobnav{ width:40px; height:40px; position:absolute; right:0px; top:30px; z-index:9995; cursor:pointer; display:none;}
.lines {display:block;width: 36px;height:5px;background: #1a385f;border-radius: 3px;transition: 0.3s;position: relative; top:16px;}
.lines:before, .lines:after {display:block;width: 36px;height:5px;background: #1a385f;border-radius:3px;transition: 0.3s;position: absolute;left: 0;content: '';transform-origin: 0.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;}
#mobnav.Nclose .lines:before {transform: rotate3d(0, 0, 1, 45deg);}
#mobnav.Nclose .lines:after {transform: rotate3d(0, 0, 1, -45deg);}
.homebanner{margin-top:120px; position:relative;width:100%; z-index:1; overflow:hidden !important;}
.hslider{position:relative;width:100%;margin:0 auto;}
.slide > h3{ display:block; color:#00387b; font-size:36px; line-height:140% !important; text-transform:uppercase; margin:0; padding:0; width:720px; font-weight:normal;}
.slide > h3.s2{ color:#fff;width:800px;}
.slide > h3 > b{ display:block; font-size:46px;text-transform:uppercase; font-weight:normal;}
.slide > p { margin:0; display:block; width:700px; font-size:17px; line-height:150% !important; color:#646464; text-align:justify;}
.slide > a{ display:block; background:#f05b32; color:#fff; height:44px; padding:0 15px; font-size:16px; text-transform:uppercase; line-height:270% !important;}
.slide > a:hover{ background:#f9b143;}
.productbg{ width:100%; padding:50px 0; background:url(../images/productbg.png) repeat;}
.productbg h2{ font-size:36px; line-height:40px; color:#ef5c33; display:block; margin:0 0 30px 0; font-weight:normal;}
.products{ position:relative; margin-bottom:50px;}
ul.producttabs{ display:block; margin:0; padding:0; position:relative; left:auto; right:auto; border-bottom:none; background:#fff; width:100%;}
ul.producttabs > li{ margin:0; padding:0; float:left; border-left:1px solid #e1e1e1;}
ul.producttabs > li > a{ display:block; background:#fff; height:80px;margin:0; font-size:20px; color:#002452; padding:16px 10px 0 60px;line-height:22px;border:none;border-radius:0px; position:relative;}
ul.producttabs > li > a > em{ display:none; position:absolute; bottom:-10px; left:50%; margin-left:-10px; width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #3295ce;}
ul.producttabs > li > a > span{ display:block; width:50px; height:50px; background:url(../images/tabsprite.png) no-repeat; position:absolute; left:14px; top:14px;}
ul.producttabs > li > a[href="#Online"] > span{ background-position:0 0;}
ul.producttabs > li > a[href="#Wealth"] > span{ background-position:0 -50px;}
ul.producttabs > li > a[href="#International"] > span{ background-position:0 -100px;}
ul.producttabs > li > a[href="#Insurance"] > span{ background-position:0 -150px;}
ul.producttabs > li > a[href="#Investment"] > span{ background-position:0 -200px;}
ul.producttabs > li > a > i{ font-style:normal; display:block;}
ul.producttabs > li.active > a, ul.producttabs > li.active > a:focus, ul.producttabs > li.active > a:hover{color:#555;cursor: default;background-color: #81d2ff;border:none;color:#002452; }
ul.producttabs > li.active > a > em{ display:block;}
ul.producttabs > li.morebtn > a{padding:45px 16px 0 16px; font-size:12px; color:#ababab;}
ul.producttabs > li.morebtn > a > span{ background:none; font-size:90px; text-align:center; left:17px; top:17px; color:#ddd;}
ul.producttabs > li.morebtn > a:hover > span{ color:#ef5c33;}
.productcontent{ position:relative; margin-bottom:30px;}
.pcont{ padding-left:25px; font-size:15px; line-height:24px; color:#363636;}
.pcont > h3{ margin:0; padding:0 0 10px 0; font-size:25px; font-weight:normal; line-height:27px; display:block; color:#ef5c33;}
.pcont p a{ display:inline-block; margin:10px 10px 0 0; line-height:20px; color:#fff; padding:10px 15px; font-size:16px;}
.pcont p a.blue{ background-color:#255388;}.pcont p a.blue:hover{ background-color:#1d4472;}
.pcont p a.orange{ background-color:#ef5c33;}.pcont p a.orange:hover{ background-color:#d8502a;}

/*** scroll ***/
.nicescroll-rails { z-index: 100000 !important;  }
.nicescroll-cursors { background-color: #ee5b32 !important; width: 6px !important; border:none !important}

/***Browser compatability***/
.incompatibility-message { background: #000; position: fixed; z-index: 99999; 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 20px; font-size: 16px; color: #666; line-height: 28px; text-align: center; }
.messagecontainer > span { display: inline-block; padding: 0 10px; margin: 5px 3px; background-color: #f05b32; 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: #eeeeee; color: #666; }
.messagecontainer > em:hover { background-color: #3195cd; color: #fff; }

/***Footer***/
.backtotop { background: #fff; position: fixed; width: 100px; height: 24px; border-radius: 10px; left: 50%; bottom: 2px; margin-left: -50px; cursor: pointer; z-index: 9999; border: 1px solid #ccc; box-shadow: 0px 0px 10px #ccc; }
.backtotop:hover { background: rgba(255, 255, 255, 1); }
.backtotop > a { display: block; width: 100%; color: #3195cd; height: 24px; text-align: center; line-height: 24px; font-size: 12px; }
.footernavbg { background: #333333; min-height: 1px; border-top: 1px solid #c2c2c2; }
.foottickbg { min-height: 38px; background: #d7d7d7; border-bottom: 1px solid #c2c2c2; }
.fticcon { position: absolute; left: 218px; top: 0; bottom: 0; right: 0; font-size: 13px; color: #444; min-height: 38px; line-height: 38px; overflow: hidden; }
.footsocial { padding: 10px 0; min-height: 1px; border-bottom: 1px solid black; }
.stockalfa { line-height: 25px; font-size: 12px; text-transform: uppercase; margin-bottom: 5px; }
.stockalfa > a { display: inline-block; padding: 0 3px; color: #949494; line-height: 15px; margin: 5px 0; border-right: 2px solid #333333; background: #292929;font-size: 11px;}
.stockalfa > b {display: inline-block; color: #318FC6;font-weight: 400; font-family: 'open_sansbold'; padding: 0 5px 0 0;}
.stockalfa > a:hover { background: #027eba; color: #FFF; text-decoration:none;}
.stockalfa  a:last-of-type{border-right:none;}
.connect{position: absolute;right: 360px;top: 0;}
.connect > i { display: inline-block; font-size: 12px; text-transform: uppercase; color: white; text-align: right; font-weight: 400; font-style: normal; font-family: 'ralewaybold'; padding: 10px 0 10px 90px; }
.connect > span { display: block; }
.connect > span > a { display: block; float: left; width: 38px; height: 34px; text-indent: -9999px; background-color: White; margin: 0 0 0 11px;background:url('../images/social_sprite.png'); }
.socialad { width: 360px; height: 72px; margin-top: 10px; float: right !important;background:#fff;}
.socialad > a{display:block;}
.footermenu { padding: 0 0 20px 0; }
.footnavbox > h4, .lesspad > h4 { font-weight: 400; margin: 0; padding: 5px 0; font-size: 14px; color: #e45831; line-height: 16px; display: block; font-family: 'open_sansbold'; }
.footnavbox > a, .footnavbox > span > a { display: block; font-size: 12px; color: #b0b0b0; line-height: 20px; }
#homefoot .footercopybg { padding: 20px 0 100px; }
.footercopybg { background: #484848; padding:20px 0;}
.footercopybg p { display: block; margin: 0; padding: 0; line-height: 20px; font-size: 12px; color: white;     text-align: right;}
.footercopybg p span { font-size: 14px; color: #3da6f2; display: block; }
.footercopybg p.lft > a { color: #cfcfcf; }
.footercopybg span { color: white; font-size: 13px;line-height: 20px; }
.topheight { padding-top: 20px; }
.topheightcontent { padding-top: 46px; }
.alphakeys { margin-top: 20px; }
.footnavbox > h4{border-bottom:1px solid #757575;}
.footnavbox  a:first-of-type{padding-top:5px !important;}
.footnavbox > a:hover, .footnavbox > span > a:hover{text-decoration:none;color:#e45831;}
.text{text-align:left;margin-bottom:30px;}
.attInves { background: #d7d7d7; height: 40px; font-size: 13px; color: #333333; line-height: 40px; position: relative; padding: 0 10px 0 10px; overflow: hidden; }
.attInves > span { display: block; position: absolute; top: 0; left: 0; bottom: 0; background: #cacaca; text-align: center; color: #fff; }
.marqspan > b { padding: 0px 15px; cursor: pointer; display: inline-block; height: 40px; font-weight: normal; }
b.marqsel { cursor: default !important; height: 39px; color: #333333; background: #ef5934; }
.tickeractive{color:White !important;}
.tickerinactive{color:Black !important;}
p.copyrights{padding-top:10px;    text-align: left;}
p.copyrights > span {font-size: 18px;display: inline;}
#Main2_advtholder > a{display:block;}

 /***getquotes***/
.getquotesbg > placeholder > select {opacity: 0;  position: absolute;  top: 0;  width: 104px; height: 35px; background-color: #99989d; cursor: pointer; font-size: 14px;  color: #fff;right: 31px;}
.Qdrop > em{border:solid currentColor;border-width:0 .2em .2em 0;display:inline-block;padding:.2em;transform:rotate(45deg);position:absolute;right:13px;top:11px;}
.Qdrop{width:104px; float:right;color:#727272;cursor:pointer;  padding: 7px 12px;  position: relative;font-size: 14px;}
#divwordSearchListleft {overflow: hidden; z-index: 9999; border: solid 1px #d4d4d4;  position: absolute; height: 122px; top: 37px; width: 270px; left: 0px; background-color: #FFFFFF; display: none; font-size: 13px; }
#divwordSearchListleft > div { padding: 1px 5px; }
#divwordSearchListleft > div > a { color: #00405d; display: block; }
#divwordSearchListleft tr:hover{background:rgb(221, 221, 221);}

/***open an  Account***/
.Signupformpopup { padding: 20px; border-bottom: none; width: 500px; margin: 0px auto; }
.popupopenacc { padding: 10px; max-width: 400px; position: relative; margin: 5px auto; }
.opsansreg { font-family: 'open_sansregular'; }
.popuplogo { margin: 0px auto; }
.commonformrow { margin: 20px 0; }
.popupformtxtbox { height: 40px; line-height: 40px; border-radius: 0; font-size: 16px; border: 1px solid #ccc; resize: none;color: #ACA2A2; }
textarea.popupformtxtbox { height: auto; }
.Btn_Submitpop { float: right; padding: 4px 20px; color: #fff; background: #ed592b; text-transform: uppercase; margin: 6px 0 0 0; cursor: auto; border: none; font-size: 15px; box-shadow: 0px 3px 5px #72797D; display: block; }
.Btn_Submitpop:hover { box-shadow: none; transform: translate(0px,4px); color: #fff; }
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
.mr4{ margin-right:10px}

/***Investor Grievences***/
.investor h3{font-size:16px;text-transform:uppercase;color:#f35b32;margin:10px 0 5px 0;font-family: 'ralewaybold'; }
.investor span{display:block;color:#ACA2A2;font-size:14px;}
.investor a{color:#0d386b;}

/***Home Popup***/

  #divhpopup { position: fixed; background-color: rgba(0, 0, 0, 0.7); z-index: 9997; right: 0; top: 0; bottom: 0; left: 0; }
  #divhpopup > div { right: 50%; background-repeat: no-repeat; top: 100px; margin-right: -240px; width: 480px; position: absolute; background-color: #c6cacd; height: 435px; background-position: 0px -180px; background-size: 100%; }
  #divhpopup > div > span {position: absolute;right: 0px;top: -37px;cursor: pointer; color: #F7F7F7; font-size: 14px;width: 60px;height: 36px;text-align: center;line-height: 50px; }
  #divhpopup > div > span >i {color: #f35b32;font-weight: bold;font-style: normal;}
  
    
  #nsepopup { position: fixed; background-color: rgba(0, 0, 0, 1.0); z-index: 9998; right: 0; top: 0; bottom: 0; left: 0; }
  #nsepopup > div { right: 50%; background-repeat: no-repeat; top: 160px; margin-right: -240px; width: 480px; position: absolute; background-position: 0px -180px; background-size: 100%; }
  #nsepopup > div > span {position: absolute;right: 0px;top: -37px;cursor: pointer; color: #F7F7F7; font-size: 14px;width: 60px;height: 36px;text-align: center;line-height: 50px; }
  #nsepopup > div > span >i {color: #f35b32;font-weight: bold;font-style: normal;}