/* File Created: July 16, 2019 */ @charset "utf-8"; /*@Website : NirmalBang, @Author :Accord Fintech Pvt.Ltd.*/ html, body { margin: 0; width: 100%; height: 100%; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; } body.Oflow { overflow: hidden !important; } 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; } .trans { transition: all 0.5s ease; } .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } .gutter6px > [class*='col-'] { padding-right: 6px; padding-left: 6px; } .pr, .PR { position: relative; } .pa, .PA { position: absolute; } .fl, .FL { float: left; } .fr, .FR { float: right; } .gutterpadding { padding-left: 15px; padding-right: 15px; } /***Scrollbar common***/ .scrollbar::-webkit-scrollbar { -webkit-appearance: none; } .scrollbar::-webkit-scrollbar:vertical { width: 9px; } .scrollbar::-webkit-scrollbar:horizontal { height: 5px; } .scrollbar::-webkit-scrollbar-thumb { background-color: #b1ce40; } .scrollbar::-webkit-scrollbar-track { background-color: transparent; } /***Scrollbar small***/ .scrollbarSm::-webkit-scrollbar { -webkit-appearance: none; } .scrollbarSm::-webkit-scrollbar:vertical { width: 5px; } .scrollbarSm::-webkit-scrollbar:horizontal { height: 5px; } .scrollbarSm::-webkit-scrollbar-thumb { background-color: #b1ce40; } .scrollbarSm::-webkit-scrollbar-track { background-color: transparent; } /***modal popup zoom***/ .modal-backdrop { -webkit-backface-visibility: hidden; } .modal-backdrop.fade { opacity: 0; transition: opacity .4s ease; } .modal-backdrop.in { opacity: .5; } .modal.fade .modal-dialog { opacity: 0; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; transform: scale(0.6); } .modal.in .modal-dialog { opacity: 1; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; transform: scale(1); } .modal-content { border-radius: 0; } .modal { z-index: 99999; } body.modal-open { padding-right: 0px !important; } /*col-5 start*/ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } /*col-5 end*/ /*ajax loader*/ .ajaxloaderhmediv { position: absolute; left: 0; right: -1px; top: 0; bottom: 0; background: transparent; z-index: 0; } .ajaxloaderhmediv:before { content: ""; position: absolute; left: 50%; top: 50%; display: flex; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; align-items: center; background: #F5F5F5; border-radius: 50%; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.32); justify-content: center; z-index: -2; } .ajaxloaderhmediv:after { content: ""; animation: spinnerThree 1s linear infinite; background: #0e1a4a; border-radius: 100%; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; display: flex; margin-left: -10px; margin-top: -10px; } @keyframes spinnerThree { 0%, 35% { background: #b1ce42; transform: scale(1); } 20%, 50% { background: #47539d; transform: scale(1.3); } } /*Header*/ .fixheader { position: fixed; left: 0px; top: 0px; right: 0px; height: 150px; background: #fff; z-index: 9997; transition: all 0.3s ease; } .fix .fixheader { height: 110px; } .header { position: relative; } .fixheader > .headLoad { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; z-index: 9996; } .logo { width: 230px; height: 54px; position: absolute; left: 20px; top: 15px; z-index: 9997; background: url(../images/logo.png) no-repeat center center; cursor: pointer; background-size: 100%; transition: all 0.3s ease; } .fix .logo { width: 230px; height: 50px; top: 0; } .logo > a { display: block; height: 100%; text-indent: -9999px; } .fullmenubg { position: relative; } ul#mnav { position: relative; margin-top: 90px; transition: all 0.3s ease; margin-bottom: 0; padding: 0; display: table; width: 100%; background-color: #0e1a4a; } .fix ul#mnav { margin-top: 50px; } ul#mnav > li { display: table-cell; margin: 0; padding: 0; vertical-align: middle; height: 60px; border-left: 1px solid #1d2969; } ul#mnav > li:first-child { border: none; } ul#mnav > li:hover, ul#mnav > li.active { background-color: #4350b0; } ul#mnav > li > a { margin: 0; display: table; font-size: 13px; line-height: 16px; padding: 12px 0; text-transform: uppercase; width: 100%; text-align: center; color: #fff; transition: all 0.5s ease; position: relative; z-index: 100; cursor: default; } ul#mnav > li.mutualfundnav > a, ul#mnav > li.Knowledgenav > a, ul#mnav > li.supportnav > a, ul#mnav > li.insurancenav > a, ul#mnav > li.npsnav > a, ul#mnav > li.corpfd > a { cursor: pointer; } ul#mnav > li > a:after { content: ""; display: none; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #4350b0; } ul#mnav > li:hover > a:after { display: block; } ul#mnav > li.insurancenav:hover > a:after { display: none; } ul#mnav > li.npsnav:hover > a:after { display: none; } ul#mnav > li.corpfd:hover > a:after { display: none; } ul#mnav > li > a > span, ul#mnav > li > a > b { display: inline-block; vertical-align: middle; } ul#mnav > li > a > b { font-weight: normal; text-align: left; padding-left: 5px; } ul#mnav > li > a > b > i { font-style: normal; display: block; } ul#mnav > li > a > span { width: 25px; height: 25px; background-size: 100%; background-position: center center; } ul#mnav > li > a > span img { vertical-align: middle; } ul#mnav > li.aboutnav > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 480' fill='%2399c000'%3E%3Cpath d='M240 186c39.8 0 72-32.2 72-72s-32.2-72-72-72-72 32.2-72 72c0 39.7 32.3 72 72 72zm0-128c30.9 0 56 25.1 56 56s-25.1 56-56 56-56-25.1-56-56 25.1-56 56-56zM72 162c22.1 0 40-17.9 40-40S94.1 82 72 82s-40 17.9-40 40 17.9 40 40 40zm0-64c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm336 64c22.1 0 40-17.9 40-40s-17.9-40-40-40-40 17.9-40 40 17.9 40 40 40zm0-64c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm32 64c-1.7 0-3.4.6-4.8 1.6L408 184l-27.2-20.4c-1.4-1-3.1-1.6-4.8-1.6-13.2 0-25.5 6.5-32.9 17.4-12.1-6.1-25.5-9.4-39.1-9.4-2.1 0-4.2.8-5.7 2.3L240 230.7l-58.3-58.3c-1.5-1.5-3.5-2.3-5.7-2.3-13.6.1-27 3.3-39.1 9.4-7.4-10.9-19.7-17.4-32.9-17.4-1.7 0-3.4.6-4.8 1.6L72 184l-27.2-20.4c-1.4-1-3.1-1.6-4.8-1.6-22.1 0-40 17.9-40 40v84.1c0 8.3 4.3 16 11.3 20.4l48.9 30.6c3.8 2.3 8.2 3.5 12.7 3.5 3.7 0 7.4-.8 10.7-2.5l4.4-2.2v43.7c0 9.5 5.6 18.1 14.3 21.9l121.5 54a39.76 39.76 0 0 0 32.4 0l121.5-54c8.7-3.8 14.3-12.4 14.3-21.9v-45.7l5.3 2.6c6.7 3.4 14.7 3.4 21.4 0l48-24c8.2-4 13.3-12.4 13.3-21.5v-89c0-22.1-17.9-40-40-40zM76.4 323.8c-2.5 1.2-5.4 1.1-7.8-.3L19.8 293c-2.3-1.5-3.8-4-3.8-6.8V202c0-12.3 9.3-22.6 21.5-23.9l29.7 22.3c2.8 2.1 6.8 2.1 9.6 0l29.7-22.3c6.7.7 12.7 4.1 16.7 9.5-.5.4-1 .9-1.5 1.3l-3.6 3c-1.5 1.3-3 2.7-4.5 4.1-1.1 1.1-2.2 2.2-3.2 3.4l-3.9 4.6c-.9 1.2-1.9 2.4-2.7 3.7-1.2 1.7-2.2 3.4-3.3 5.1-.8 1.3-1.6 2.6-2.3 3.9-1 1.8-1.8 3.7-2.6 5.6-.6 1.3-1.2 2.7-1.7 4.1-.8 2-1.4 4.1-2 6.1-.4 1.3-.9 2.6-1.2 4-.6 2.3-1 4.7-1.4 7.1-.2 1.2-.5 2.3-.6 3.5-.4 3.6-.7 7.2-.7 10.8V318l-11.6 5.8zM376 379.6c0 3.2-1.9 6.1-4.8 7.3l-121.5 54a23.45 23.45 0 0 1-19.4 0l-121.5-54c-2.9-1.3-4.8-4.1-4.8 5.7V271c0-19.2.8-25.3 2.3-31.2 8.1-30.5 35-52.2 66.5-53.7l61.6 61.6c3.1 3.1 8.2 3.1 11.3 0l61.6-61.6c38.4 1.8 68.6 33.5 68.7 71.9v121.6zm88-88.5c0 3.1-1.7 5.9-4.5 7.2l-48 24c-2.2 1.1-4.9 1.1-7.1 0L392 316v-58c0-3.6-.2-7.3-.7-10.9-.1-1.2-.4-2.3-.6-3.5-.4-2.4-.8-4.7-1.4-7.1-.3-1.4-.8-2.7-1.2-4-.6-2.1-1.2-4.1-2-6.1-.5-1.4-1.2-2.7-1.8-4.1-.8-1.9-1.7-3.7-2.6-5.5-.7-1.4-1.5-2.7-2.3-4-1-1.7-2.1-3.4-3.2-5-.9-1.3-1.8-2.5-2.8-3.8-1.2-1.6-2.5-3.1-3.8-4.5-1.1-1.2-2.1-2.3-3.3-3.5-1.4-1.4-2.9-2.8-4.4-4.1-1.2-1-2.4-2.1-3.6-3.1-.5-.4-1-.9-1.5-1.3 4-5.4 10-8.8 16.7-9.5l29.7 22.3c2.8 2.1 6.8 2.1 9.6 0l29.7-22.3c12.2 1.3 21.5 11.6 21.5 23.9v89.2z'/%3E%3C/svg%3E"); } ul#mnav > li.equitynav > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%2399c000'%3E%3Cpath d='M480.3 458.6H35.7c-5.3 0-9.7 4.3-9.7 9.7 0 5.3 4.3 9.6 9.7 9.6h444.6c5.3 0 9.7-4.3 9.7-9.7 0-5.3-4.4-9.6-9.7-9.6z'/%3E%3Cpath d='M113 342.6H55c-5.3 0-9.7 4.3-9.7 9.7v116c0 5.3 4.3 9.7 9.7 9.7h58c5.3 0 9.7-4.3 9.7-9.7v-116c0-5.4-4.3-9.7-9.7-9.7zm-9.7 116H64.7v-96.7h38.7l-.1 96.7zM229 246h-58c-5.3 0-9.7 4.3-9.7 9.7v212.7c0 5.3 4.3 9.7 9.7 9.7h58c5.3 0 9.7-4.3 9.7-9.7V255.6c0-5.3-4.3-9.6-9.7-9.6zm-9.7 212.6h-38.7V265.3h38.7v193.3zm125.7-174h-58c-5.3 0-9.7 4.3-9.7 9.7v174c0 5.3 4.3 9.7 9.7 9.7h58c5.3 0 9.7-4.3 9.7-9.7v-174c0-5.4-4.4-9.7-9.7-9.7zm-9.7 174h-38.7V303.9h38.7v154.7zM461 168.7h-58c-5.3 0-9.7 4.3-9.7 9.7v289.9c0 5.3 4.3 9.7 9.7 9.7h58c5.3 0 9.7-4.3 9.7-9.7V178.4c0-5.5-4.4-9.7-9.7-9.7zm-9.7 289.9h-38.7V188h38.7v270.6zM84 188c-21.3 0-38.7 17.3-38.7 38.7s17.3 38.7 38.7 38.7 38.7-17.3 38.7-38.7S105.3 188 84 188zm0 58c-10.7 0-19.3-8.7-19.3-19.3 0-10.7 8.7-19.3 19.3-19.3s19.3 8.7 19.3 19.3S94.7 246 84 246zM200 91.3c-21.3 0-38.7 17.3-38.7 38.7s17.3 38.7 38.7 38.7 38.7-17.3 38.7-38.7c0-21.3-17.4-38.7-38.7-38.7zm0 58c-10.7 0-19.3-8.7-19.3-19.3 0-10.7 8.7-19.3 19.3-19.3s19.3 8.7 19.3 19.3a19.25 19.25 0 0 1-19.3 19.3zM316 130c-21.3 0-38.7 17.3-38.7 38.7s17.3 38.7 38.7 38.7 38.7-17.3 38.7-38.7S337.3 130 316 130zm0 58c-10.7 0-19.3-8.7-19.3-19.3 0-10.7 8.7-19.3 19.3-19.3s19.3 8.7 19.3 19.3S326.7 188 316 188zM432 14c-21.3 0-38.7 17.3-38.7 38.7s17.3 38.7 38.7 38.7 38.7-17.3 38.7-38.7S453.3 14 432 14zm0 58c-10.7 0-19.3-8.7-19.3-19.3 0-10.7 8.7-19.3 19.3-19.3s19.3 8.7 19.3 19.3S442.7 72 432 72z'/%3E%3Cpath d='M418.3 66.3c-3.8-3.8-9.9-3.8-13.7 0l-75 75c-3.8 3.8-3.8 9.9 0 13.7 1.9 1.9 4.3 2.8 6.9 2.8 2.4 0 4.9-.9 6.8-2.8l75-75c3.8-3.8 3.8-9.9 0-13.7zm-125.7 80l-62.1-17.7c-5.2-1.5-10.5 1.5-12 6.6-1.4 5.2 1.5 10.5 6.6 12l62.1 17.7c.9.3 1.8.4 2.6.4a9.63 9.63 0 0 0 9.3-7c1.7-5.1-1.3-10.5-6.5-12zM185 142c-3.4-4.2-9.4-4.9-13.6-1.5l-72.8 58.1c-4.2 3.4-4.9 9.4-1.5 13.6 1.9 2.4 4.7 3.6 7.5 3.6 2.1 0 4.3-.7 6-2.1l72.8-58.1c4.2-3.3 4.9-9.4 1.6-13.6z'/%3E%3C/svg%3E"); } ul#mnav > li.derivativesnav > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 511' fill='%2399c000'%3E%3Cpath d='M48.6 110.2H66v16.4H48.6v-16.4zm34.9 0H101v16.4H83.5v-16.4zm34.9 0h17.4v16.4h-17.4v-16.4zM48.6 337H235v16.4H48.6V337zm98.7 34.9h21.9v16.4h-21.9v-16.4zm-98.7 0h76.7v16.4H48.6v-16.4zm351.3-138.5c-60.1 0-108.9 48.9-108.9 108.9 0 60.1 48.9 108.9 108.9 108.9s108.9-48.9 108.9-108.9c.1-60-48.8-108.9-108.9-108.9zm0 195c-47.5 0-86.1-38.6-86.1-86.1s38.6-86.1 86.1-86.1 86.1 38.6 86.1 86.1-38.6 86.1-86.1 86.1zm10.7-147h-22.9v65.7L428 387l16-16.2-33.4-33.2v-56.2z'/%3E%3Cpath d='M282 249.7v-62.9h-62.9v20.1h29.3l-40 39.7-42.8-43-64.2 64.1-35.7-35.8-14.2 14.2 49.9 49.9 64.2-64.2 42.5 42.8 53.8-54.2v29.3H282zM21.4 432.9V152.7h419.8v99.2h16.4V109.1c0-14.1-10.9-25.1-25.1-25.1H31.2C17 84 5 94.9 5 109.1v340.2h382.2v-16.4H21.4zm0-323.8c0-5.1 4.7-8.7 9.8-8.7h401.3c5.1 0 8.7 3.6 8.7 8.7v27.3H21.4v-27.3z'/%3E%3C/svg%3E"); } ul#mnav > li.IPOnav > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492 492' fill='%2399c000'%3E%3Cpath d='M286 1.4a9.86 9.86 0 0 0-9.9 9.9v196.1a9.86 9.86 0 0 0 9.9 9.9h196.1a9.86 9.86 0 0 0 9.9-9.9c0-50.3-18.3-98.7-51.6-136.4C401.3 26.8 345 1.4 286 1.4zm9.9 196.1v-176c49.7 2.7 96.5 25.2 129.7 62.7 27.9 31.5 44.1 71.5 46.4 113.3H295.9zm147.8 71.2a9.86 9.86 0 0 0-9.9-9.9h-202V56.7a9.86 9.86 0 0 0-9.9-9.9C99.5 46.8 0 146.3 0 268.7 0 391 99.5 490.6 221.9 490.6S443.7 391 443.7 268.7zM221.9 470.8c-111.4 0-202.1-90.7-202.1-202.1C19.8 160.6 105.1 72 212 66.8v201.8a9.86 9.86 0 0 0 9.9 9.9h201.8c-5.2 106.9-93.7 192.3-201.8 192.3z'/%3E%3C/svg%3E"); } ul#mnav > li.commoditynav > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 488 488'%3E%3Cg fill='%2399c000'%3E%3Cpath d='M136.8 268.1h214.4c2.4 0 4.7-1.2 6.2-3.1a8.28 8.28 0 0 0 1.6-6.8l-25.4-114.4c-.8-3.7-4-6.4-7.8-6.5H162.2c-3.8.1-7 2.8-7.8 6.5L129 258.1c-.5 2.4.1 4.9 1.6 6.9 1.4 1.9 3.7 3.1 6.2 3.1zm31.8-114.8h150.9l21.8 98.9H146.7l21.9-98.9zm134.6 26.3c-.8-3.7-4-6.3-7.8-6.3h-62.8c-4.4 0-8 3.6-8 8s3.6 8 8 8H289l8.1 37.2c.6 2.8 2.6 5.1 5.4 5.9 2.7.9 5.7.2 7.8-1.7s3-4.8 2.4-7.6l-9.5-43.5zm159.2 105c-.8-3.7-4-6.4-7.8-6.5H290.9c-3.8.1-7 2.8-7.8 6.5l-25.4 114.3c-.5 2.4.1 4.9 1.6 6.9 1.5 1.9 3.8 3.1 6.2 3.1H480c2.4 0 4.7-1.2 6.2-3.1 1.5-2 2.1-4.5 1.6-6.9l-25.4-114.3zM275.5 392.9l21.8-98.9h150.9l21.8 98.9H275.5z'/%3E%3Cuse xlink:href='%23B'/%3E%3Cpath d='M204.8 284.6c-.8-3.7-4-6.4-7.8-6.5H33.4c-3.8.1-7 2.8-7.8 6.5L.2 398.9c-.5 2.4 0 4.9 1.6 6.9 1.5 1.9 3.8 3.1 6.2 3.1h214.4c2.4 0 4.7-1.2 6.2-3.1 1.5-2 2.1-4.5 1.6-6.9l-25.4-114.3zM17.9 392.9L39.7 294h150.9l21.8 98.9H17.9z'/%3E%3Cuse xlink:href='%23B' x='-257.6'/%3E%3Cpath d='M375.1 131c2.1 0 4.2-.8 5.7-2.3l28.9-28.9c2.1-2 2.9-5 2.1-7.7a7.85 7.85 0 0 0-5.7-5.7c-2.8-.7-5.7.1-7.8 2.1l-28.9 28.9c-2.3 2.3-3 5.7-1.7 8.7 1.2 2.9 4.1 4.9 7.4 4.9zM242 78.7c4.4 0 8-3.6 8-8V27.6c0-4.4-3.6-8-8-8s-8 3.6-8 8v43.1c0 4.4 3.6 8 8 8zm-134.7 50c2 2.1 5 2.9 7.8 2.2a7.85 7.85 0 0 0 5.7-5.7c.7-2.8-.1-5.8-2.2-7.8L89.7 88.5c-2-2.1-5-2.9-7.8-2.1-2.8.7-4.9 2.9-5.7 5.7-.7 2.8.1 5.7 2.1 7.7l29 28.9z'/%3E%3C/g%3E%3Cdefs %3E%3Cpath id='B' d='M432 320.4c-.8-3.7-4-6.3-7.8-6.3h-62.8c-4.4 0-8 3.6-8 8s3.6 8 8 8h56.4l8.1 37.2c.6 2.8 2.6 5.1 5.4 6 2.7.9 5.8.2 7.9-1.7 2.1-2 3-4.9 2.4-7.7l-9.6-43.5z'/%3E%3C/defs%3E%3C/svg%3E"); } ul#mnav > li.mutualfundnav > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%2399c000'%3E%3Cpath d='M486.5 255.8l-23.2-2.9c-7.1-17.3-17.2-33.3-29.8-47.1l17.1-72.4c.7-3 0-6.1-1.9-8.5s-4.8-3.8-7.8-3.8h-2.2c-28.4 0-53.9 17.8-64 44-7.1-2.8-14.4-5.2-21.9-6.9-5.4-1.3-10.8 2.1-12 7.4-1.3 5.4 2.1 10.8 7.4 12 25.5 6 48.2 18.9 66.1 36.8.7 1 1.5 1.8 2.4 2.5 13 13.7 23.4 30.1 30 48.5 1.3 3.5 4.4 6 8.2 6.5l29.2 3.7a9.17 9.17 0 0 1 8 9.1v50.4a9.17 9.17 0 0 1-8 9.1l-27 3.4a10.06 10.06 0 0 0-8.3 6.9 137.91 137.91 0 0 1-44.1 65.5c-2.3 1.9-3.6 4.7-3.6 7.7V483a8.96 8.96 0 0 1-9 9h-58a8.96 8.96 0 0 1-9-9v-21.1c0-5.5-4.5-10-10-10h-84c-5.5 0-10 4.5-10 10V483a8.96 8.96 0 0 1-9 9h-58a8.96 8.96 0 0 1-9-9v-39c0-3.7-2-7-5.2-8.8C94.9 410.8 67 364 67 313c0-76.6 62.3-139 139-139h12.5c5.5 0 10-4.5 10-10s-4.5-10-10-10H206c-74.2 0-136.7 51.1-154.1 120h-7.3C31 274 20 263.1 20 249.5A24.48 24.48 0 0 1 44.5 225c5.5 0 10-4.5 10-10s-4.5-10-10-10C20 205 0 225 0 249.5S20 294 44.5 294h3.6c-.7 6.2-1.1 12.5-1.1 18.9 0 56.3 29.7 108.2 78 136.8V483c0 16 13 29 29 29h58c16 0 29-13 29-29v-11.1h64V483c0 16 13 29 29 29h58c16 0 29-13 29-29v-50.7c20.3-17.9 35.6-40.4 44.7-65.7l20.8-2.6c14.5-1.8 25.5-14.2 25.5-28.9v-50.4c0-14.6-11-27.1-25.5-28.9zm-69.9-65.9c-7.5-6.1-15.5-11.5-23.9-16.1 5.5-15.9 19-27.7 35.1-31.4l-11.2 47.5zm-18.5 64c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1.1-7.1 2.9c-1.9 1.9-2.9 4.4-2.9 7.1s1.1 5.2 2.9 7.1c1.9 1.9 4.4 2.9 7.1 2.9s5.2-1.1 7.1-2.9c1.9-1.9 2.9-4.4 2.9-7.1s-1.1-5.2-2.9-7.1zM293.2 58.3c-5.5 0-10 4.5-10 10V108c0 5.5 4.5 10 10 10s10-4.5 10-10V68.3c0-5.5-4.4-10-10-10zm7.1-33.3c-1.9-1.9-4.4-2.9-7.1-2.9-2.6 0-5.2 1.1-7.1 2.9-1.9 1.9-2.9 4.4-2.9 7.1 0 2.6 1.1 5.2 2.9 7.1 1.9 1.9 4.4 2.9 7.1 2.9 2.6 0 5.2-1.1 7.1-2.9 1.9-1.9 2.9-4.4 2.9-7.1s-1-5.2-2.9-7.1zM212 0c-5.5 0-10 4.5-10 10v17c0 5.5 4.5 10 10 10s10-4.5 10-10V10c0-5.5-4.5-10-10-10zm-98.1 313c0-5.5-4.5-10-10-10s-10 4.5-10 10v.5c0 5.5 4.5 9.9 10 9.9h.1c5.5 0 10-4.5 9.9-10.1v-.3zm44.3 78.7c-17.4-10.6-31-26.8-38.2-45.8-2-5.2-7.8-7.7-12.9-5.8-5.2 2-7.7 7.8-5.8 12.9 8.8 23 25.3 42.8 46.5 55.7 1.6 1 3.4 1.5 5.2 1.5 3.4 0 6.7-1.7 8.6-4.8 2.8-4.7 1.3-10.9-3.4-13.7zM212 48.1c-23.2 0-42 18.8-42 42s18.8 42 42 42 42-18.8 42-42-18.8-42-42-42zm0 64c-12.1 0-22-9.9-22-22s9.9-22 22-22 22 9.9 22 22-9.9 22-22 22zM338 212h-9c4-6.4 6.2-13.9 6.2-22 0-23.2-18.8-42-42-42s-42 18.8-42 42c0 8.1 2.3 15.6 6.2 22H208c-5.5 0-10 4.5-10 10s4.5 10 10 10h130c5.5 0 10-4.5 10-10s-4.5-10-10-10zm-44.8 0c-12.1 0-22-9.9-22-22s9.9-22 22-22 22 9.9 22 22-9.8 22-22 22z'/%3E%3C/svg%3E"); } ul#mnav > li.Knowledgenav > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 480' fill='%2399c000'%3E%3Cpath d='M416 0H112C81.1 0 56 25.1 56 56v368c0 30.9 25.1 56 56 56h288c4.4 0 8-3.6 8-8v-88h8c4.4 0 8-3.6 8-8V8c0-4.4-3.6-8-8-8zm-24 416H112v16h280v32H112c-22.1 0-40-17.9-40-40s17.9-40 40-40h280v32zm16-48H112a57.81 57.81 0 0 0-5.8.3l-1.8.3c-1.3.2-2.5.3-3.7.6l-2.3.6c-1 .3-2.1.5-3.1.8l-2.4.9c-.9.3-1.9.6-2.8 1s-1.6.8-2.3 1.1c-.7.4-1.7.8-2.6 1.3s-1.5.9-2.3 1.4l-2.4 1.5c-.8.5-1.4 1.1-2.2 1.6s-1.5 1.1-2.2 1.6c-.7.6-1.4 1.2-2 1.8-.7.6-1.3 1.2-2 1.8-.1.1-.2.1-.2.2V56c0-22.1 17.9-40 40-40h8v328h16V16h272v352zM232 235.6V264c0 22.1 17.9 40 40 40s40-17.9 40-40v-28.4c26.4-17.6 38.1-50.4 28.9-80.8s-37.2-51.1-68.9-51.1-59.7 20.8-68.9 51.1c-9.2 30.4 2.5 63.2 28.9 80.8zm21.6 10c2.5.6 5 1.1 7.6 1.5 1 .2 2 .3 3.1.4 1.9.2 3.8.3 5.7.4.7 0 1.4.1 2.1.1s1.4-.1 2.1-.1c1.9-.1 3.8-.2 5.7-.4 1-.1 2.1-.2 3.1-.4 2.5-.4 5-.9 7.5-1.5.5-.1.9-.3 1.4-.4 1.4-.4 2.8-.8 4.2-1.3V256h-48v-12.1c1.4.5 2.8.9 4.3 1.3.3.1.7.3 1.2.4zM272 288c-10.1 0-19.1-6.4-22.5-16h45.1c-3.5 9.6-12.5 16-22.6 16zm0-168c25.3 0 47.5 17.1 54 41.5s-4.1 50.3-26.1 62.9c-12.9 7.3-28.1 9.3-42.4 5.5a51.4 51.4 0 0 1-13.5-5.6c-21.9-12.7-32.6-38.5-26-62.9s28.7-41.4 54-41.4zm-10.4 69.7l10.4-10.3 10.4 10.4c3.1 3.1 8.2 3.1 11.3 0l16-16-11.3-11.3-10.4 10.2-10.4-10.4c-3.1-3.1-8.2-3.1-11.3 0L256 172.7l-10.3-10.3-11.3 11.3 16 16c3.1 2.9 8.1 2.9 11.2 0zM264 56h16v32h-16V56zm-82.5 40.8l11.3-11.3 22.6 22.6-11.3 11.3-22.6-22.6zM152 168h32v16h-32v-16zm29.5 87.2l22.6-22.6 11.3 11.3-22.6 22.6-11.3-11.3zm147.1-11.3l11.3-11.3 22.6 22.6-11.3 11.3-22.6-22.6zM360 168h32v16h-32v-16zm-31.4-59.9l22.6-22.6 11.3 11.3-22.6 22.6-11.3-11.3z'/%3E%3C/svg%3E"); } ul#mnav > li.researchnav > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 546' fill='%2399c000'%3E%3Cpath d='M394.7 33H32A31.97 31.97 0 0 0 0 65v256a31.97 31.97 0 0 0 32 32h138.7v-21.3H32c-5.9 0-10.7-4.8-10.7-10.7V65c0-5.9 4.8-10.7 10.7-10.7h362.7c5.9 0 10.7 4.8 10.7 10.7v192h21.3V65c0-17.7-14.4-32-32-32z'/%3E%3Cpath d='M128 342.3h21.3v64H128zM74.7 289c-5.9 0-10.7-4.8-10.7-10.7V257H42.7v21.3a31.97 31.97 0 0 0 32 32H96V289H74.7zm-32-74.7H64v21.3H42.7zm347.1 44.6c-21.7-21.7-51.2-34-82-34-64 0-115.9 51.9-115.9 115.9s51.9 115.9 115.9 115.9c30.7 0 60.2-12.2 81.9-33.9 45.4-45.2 45.4-118.6.1-163.9zm-82 176.6c-52.2 0-94.5-42.4-94.5-94.6s42.4-94.5 94.6-94.5c25.1-.1 49.2 9.9 66.9 27.7 17.7 17.7 27.7 41.8 27.7 66.9-.1 52.1-42.5 94.5-94.7 94.5zM508.9 497l-67-66.9c-2-2-4.7-3.1-7.5-3.1s-5.5 1.1-7.5 3.1l-29.8 29.8a10.62 10.62 0 0 0 0 15.1l67 67c2 2 4.7 3.1 7.5 3.1a10.29 10.29 0 0 0 7.5-3.2l29.8-29.8a10.81 10.81 0 0 0 0-15.1zm-37.3 22.3l-51.9-51.9 14.7-14.7 51.9 51.9-14.7 14.7z'/%3E%3Cpath d='M374.698 422.827l15.06-15.06 37.193 37.193-15.06 15.06zM309.3 267.7V289c29.4 0 53.3 23.9 53.3 53.3H384c0-41.2-33.4-74.6-74.7-74.6zm-202.6 128H192V417h-85.3zm53.3-320a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0 42.6c-5.9 0-10.7-4.8-10.7-10.7S154.1 97 160 97s10.7 4.8 10.7 10.7-4.8 10.6-10.7 10.6z'/%3E%3Cpath d='M234.7 150.3a32 32 0 1 0 0 64 31.97 31.97 0 0 0 32-32c0-17.7-14.4-32-32-32zm0 42.7c-5.9 0-10.7-4.8-10.7-10.7s4.8-10.7 10.7-10.7 10.7 4.8 10.7 10.7c-.1 5.9-4.8 10.7-10.7 10.7zM88.533 164.06l53.315-53.315 15.06 15.06-53.315 53.315z'/%3E%3Cpath d='M163.05 125.852l15.06-15.06 53.315 53.315-15.06 15.06zM309.3 75.7a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0 42.6c-5.9 0-10.7-4.8-10.7-10.7S303.4 97 309.3 97s10.7 4.8 10.7 10.7-4.8 10.6-10.7 10.6z'/%3E%3Cpath d='M237.81 164.18l53.315-53.315 15.06 15.06-53.315 53.315z'/%3E%3C/svg%3E"); } ul#mnav > li.supportnav > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 422.7 422.7'%3E%3Cpath d='M271.8 289.6v-7.4a76.95 76.95 0 0 0 6-5.4 108.79 108.79 0 0 0 27.7-61c13.8-2.1 26.3-9.5 34.7-20.6 11.6-16.4 12.6-40 3-69.6-.6-1.7-1.7-3.2-3.2-4.2l-4.4-3c.6-26.7-8.6-52.7-25.9-73C288.1 21.2 255.1 9 211.3 8.8c-43.7 0-76.8 12.4-98.3 36.3-17.3 20.3-26.6 46.3-25.9 73l-4.4 3c-1.5 1-2.6 2.5-3.2 4.2-9.7 29.8-8.6 53.2 3 69.6 8.4 11.2 20.9 18.7 34.7 20.9 2.6 22.8 12.3 44.1 27.8 61a76.95 76.95 0 0 0 6 5.4v7.4C120.3 295.5-2.1 324.3 0 405.9c0 4.4 3.6 8 8 8h406.6c4.4 0 8-3.6 8-8 2.1-81.6-120.2-110.4-150.8-116.3zm-159.5-91.7a35.12 35.12 0 0 1-17-12.4l.4.1c-8-11.7-8.7-29.4-1.6-52.7l5.8-3.9c2.5-1.6 3.8-4.5 3.5-7.4-1.3-23.9 6.4-47.4 21.8-65.8 18.1-20.5 47.1-30.7 86-30.9s67.9 10.4 86.3 30.9c15.3 18.4 23.1 41.9 21.8 65.8-.3 2.9 1.1 5.8 3.5 7.4l5.8 3.9c7.1 23.3 6.6 41-1.6 52.7a35.12 35.12 0 0 1-17 12.4c9.6-11 14.4-25.4 13-40-1.5-8.8-6.1-16.7-12.9-22.4-3.4-80-59.5-89-83.7-89-5.1 0-10.2.4-15.3 1.1-5.1-.8-10.2-1.1-15.3-1.1-24 0-80 8.8-83.7 89-6.9 5.7-11.5 13.6-13 22.3-1.1 14.6 3.6 29.1 13.2 40zm182-65.6c-33.6 1.9-66.9-6.4-95.6-24-3.2-2.3-7.7-1.8-10.4 1-16 17.2-45.2 21.2-59.3 22.1 4.3-56.6 38.6-68.9 67.4-68.9 4.6 0 9.2.3 13.7 1.1 1.1.2 2.1.2 3.2 0 4.5-.8 9.1-1.2 13.7-1.1 28.6 0 63 12.6 67 69.7l.3.1zm-162.4 67.2l.3.1c0-2-.7-3.9-2-5.4-11-12.6-16-24-14.6-33.4.7-5.3 3.2-10.1 7.3-13.5 10.6 0 48-2 72-22.7 27 15.5 57.6 23.8 88.8 24 5.4 0 10.8 0 16.5-.9 3.9 3.3 6.5 8 7.2 13.1 1.4 9.3-3.7 20.9-14.6 33.4-1.3 1.5-2 3.4-2 5.4v4.2l-46.6 25c-9.2-8.7-23.8-8.3-32.6.9s-8.3 23.8.9 32.6c9.2 8.7 23.8 8.3 32.6-.9 4.1-4.3 6.3-10 6.3-15.9v-2.2l36.7-19.7c-3.2 15.8-10.6 30.4-21.4 42.2-14.2 13.7-33.4 20.8-53 19.8h-4c-19.6 1-38.8-6.2-53-19.8-25.4-25.1-24.8-65.9-24.8-66.3zm103.4 45.9a7.13 7.13 0 0 1-7.1 7.1 7.13 7.13 0 0 1-7.1-7.1 7.13 7.13 0 0 1 7.1-7.1 7.13 7.13 0 0 1 7.1 7.1zm-32 152h-187c6.3-60.1 104-85.2 134.6-91.7V320c0 18.2 22.1 32 52.5 34.3v43.1zM166.8 320v-27.6c13.3 6.2 27.8 9.2 42.5 9h4c14.7.3 29.2-2.8 42.5-9V320c0 7.6-17.4 18.6-44.5 18.6s-44.5-11-44.5-18.6zm52.5 77.6v-43.4c30.4-2.1 52.5-16 52.5-34.3v-14c30.8 6.4 128 31.5 134.6 91.7H219.3z' fill='%2399c000'/%3E%3C/svg%3E"); } ul#mnav > li.insurancenav > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30.01' viewBox='0 0 30 30.01'%3E%3Cg id='insurance-icon' transform='translate(6.002 0.008)'%3E%3Crect id='Rectangle_161' data-name='Rectangle 161' width='30' height='30' transform='translate(-6.002 -0.008)' fill='none'/%3E%3Cg id='Group_7107' data-name='Group 7107' transform='translate(-2)'%3E%3Cpath id='Path_16152' data-name='Path 16152' d='M77.432,0a3.8,3.8,0,0,1,1.509.712,2.977,2.977,0,0,1-.489,4.9,2.934,2.934,0,0,1-3.466-.425,2.954,2.954,0,0,1-.772-3.236,2.991,2.991,0,0,1,2.208-1.9c.064-.015.126-.039.189-.059ZM77.02,5.112a2.116,2.116,0,1,0-2.114-2.118A2.116,2.116,0,0,0,77.02,5.112' transform='translate(-68.594)' fill='%23abc73e'/%3E%3Cpath id='Path_16153' data-name='Path 16153' d='M4.842,102.253a7.012,7.012,0,0,0-1.263,3.089,14.109,14.109,0,0,0-.127,1.454,1.72,1.72,0,0,1-2.381,1.6A1.672,1.672,0,0,1,0,106.765a11.641,11.641,0,0,1,1.443-5.69,12.479,12.479,0,0,1,2.3-3A3.425,3.425,0,0,1,6.1,97.023q2.325-.042,4.651,0a3.247,3.247,0,0,1,2.2.973,12,12,0,0,1,3.035,4.492.514.514,0,0,0,.32.326,1.406,1.406,0,0,1,.523.435A3.776,3.776,0,0,0,19,104.782a2.751,2.751,0,0,0,2.036-.307c.909-.545,1.643-.085,1.583,1-.07,1.264-.016,2.536-.017,3.8,0,.1.03.223-.018.286-.1.134-.241.317-.379.329s-.319-.134-.428-.257c-.068-.077-.051-.241-.051-.366v-4.138a4.153,4.153,0,0,1-3.141.455,4.762,4.762,0,0,1-2.524-1.9c-1.507,1.942-3.345,2.638-5.674,1.458-.007.126-.015.21-.016.294,0,1.473-.028,2.947.005,4.419a7.659,7.659,0,0,0,4.158,6.937c.178.1.37.175.555.262.333.156.451.388.326.64s-.356.3-.68.163a8.434,8.434,0,0,1-2.443-1.579c-.071-.066-.147-.126-.254-.218a2.27,2.27,0,0,0-.026.242v1.932a1.526,1.526,0,0,1-1.626,1.632h-.5a1.893,1.893,0,0,1-1.474-.434c-.647.616-1.465.452-2.24.406a1.449,1.449,0,0,1-1.319-1.407c-.008-.136-.008-.273-.008-.409V102.57Zm9.186,2.232c.368-.359.747-.731,1.129-1.1a.364.364,0,0,0,.064-.448,11.375,11.375,0,0,0-2.758-4.191,2.737,2.737,0,0,0-1.9-.855.508.508,0,0,0-.345.138c-.279.3-.532.623-.8.935a1.215,1.215,0,0,1-2,.005c-.266-.311-.522-.632-.8-.937a.44.44,0,0,0-.286-.151,2.9,2.9,0,0,0-2.021.854,11.372,11.372,0,0,0-2.833,4.38,10.724,10.724,0,0,0-.615,3.673.856.856,0,0,0,.785.867.839.839,0,0,0,.887-.687,3.031,3.031,0,0,0,.03-.466,9.368,9.368,0,0,1,2.313-5.9.452.452,0,0,1,.511-.187.457.457,0,0,1,.316.475c0,.1,0,.2,0,.293V118.3a.649.649,0,0,0,.689.675c.2.008.41,0,.615,0,.771,0,.956-.182.956-.942v-8.429a2.284,2.284,0,0,1,.03-.317.422.422,0,0,1,.449-.4.411.411,0,0,1,.408.416c.007.107.008.214.008.322v8.664a.668.668,0,0,0,.734.7c.244.006.488,0,.732,0,.563,0,.8-.237.8-.8,0-.946-.006-1.893.005-2.839a1.083,1.083,0,0,0-.2-.651,8.075,8.075,0,0,1-1.4-4.1c-.056-1.012-.037-2.028-.045-3.042-.006-.8-.011-1.6,0-2.4a.853.853,0,0,1,1.3-.8l.338.16v-3.5a.473.473,0,0,1,.307-.511.445.445,0,0,1,.532.2,12.614,12.614,0,0,1,.966,1.39c.394.744.706,1.53,1.093,2.387m-2-2.205v2.536h1.056a7.825,7.825,0,0,0-1.056-2.536M9.182,97.89H7.664c.2.237.362.441.541.624a.284.284,0,0,0,.44,0c.178-.185.337-.388.538-.624' transform='translate(0 -89.891)' fill='%23abc73e'/%3E%3Cpath id='Path_16154' data-name='Path 16154' d='M232.776,289.827c-.243.675-.434,1.374-.739,2.019a8.373,8.373,0,0,1-4.372,4.23,1.061,1.061,0,0,1-.19.074.417.417,0,0,1-.526-.254.393.393,0,0,1,.181-.527c.183-.109.389-.179.578-.278a7.8,7.8,0,0,0,4.094-5.2,2.518,2.518,0,0,1,.068-.253.413.413,0,0,1,.476-.3.423.423,0,0,1,.357.461l.073.026' transform='translate(-210.273 -268.122)' fill='%23abc73e'/%3E%3Cpath id='Path_16155' data-name='Path 16155' d='M183.548,251.314c.94-.887,1.962-1.849,2.98-2.816.233-.221.446-.464.679-.686a.429.429,0,0,1,.649-.038.437.437,0,0,1-.03.65q-1.96,2.011-3.931,4.01a.429.429,0,0,1-.692,0q-.788-.8-1.556-1.628a.429.429,0,0,1-.018-.63.439.439,0,0,1,.651.027c.453.4.908.8,1.268,1.115' transform='translate(-168.192 -229.487)' fill='%23abc73e'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } ul#mnav > li.npsnav > a > span { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi40LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDAgNDAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQjJDRjQxO3N0cm9rZTojQjJDRjQxO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2ZpbGw6I0IyQ0Y0MTtzdHJva2U6I0IyQ0Y0MTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5Ni4xLDM5MS43Yy0yMi4xLTEwLjQtNDQuMy0yMC41LTYzLjktMzUuM2MtNTAtMzcuOC04MC4xLTg3LjYtODkuNS0xNDkuNmMtMS43LTExLTIuMi0yMi4zLTIuNC0zMy41DQoJCWMtMC4zLTI0LjgtMC4xLTQ5LjYtMC4xLTc0LjVjMC0xMS45LDUuNC0xOC40LDE3LTIxLjFjMjUuMS01LjcsNDEuNy0yMi45LDQ2LjItNDhjMS43LTkuNyw3LjYtMTUuOSwxNy40LTE2LjgNCgkJYzE3LjYtMS43LDM1LjMtMy43LDUyLjktNC4xYzI5LjQtMC44LDU4LjktMC45LDg4LjIsMmM1LjgsMC42LDExLjYsMS4zLDE3LjUsMi4xYzguOSwxLjIsMTUuMSw2LjgsMTYuNywxNS43DQoJCWMxLjgsMTAuMyw1LjMsMTkuNywxMS44LDI3LjljOC43LDExLDE5LjgsMTguMiwzMy41LDIwLjljOC41LDEuNywxNC45LDUuNywxNy40LDE0LjRjMC41LDEuOSwwLjcsMy45LDAuNyw1LjkNCgkJYzAsMjcuMiwwLjksNTQuNC0wLjIsODEuNmMtMy43LDg2LjEtNDMuNCwxNTAuNy0xMTcuOSwxOTMuOGMtMTIuMSw3LTI1LjEsMTIuNi0zNy43LDE4LjhDMjAxLjEsMzkxLjcsMTk4LjYsMzkxLjcsMTk2LjEsMzkxLjd6DQoJCSBNNTMsMTQyLjRjLTAuMywwLTAuNywwLTEsMC4xYzEuMSwyMSwwLjYsNDIuMywzLjYsNjNjOC41LDU4LjgsMzcuNiwxMDUuOSw4NS4yLDE0MS41YzE1LDExLjIsMzEuNywxOS4zLDQ4LjQsMjcuNA0KCQljMTIuNSw2LjEsOC44LDYuMiwyMS4yLDAuMWMxNy41LTguNiwzNS0xNyw1MC41LTI5YzUzLjYtNDEuNCw4Mi42LTk1LjksODUuNi0xNjMuNmMxLjItMjcuOSwwLjMtNTUuOSwwLjMtODMuOA0KCQljMC00LjktMS42LTYuNy02LjMtNy44Yy0zMS42LTcuNC01MC41LTI3LTU2LjctNTguN2MtMC43LTMuNC0yLjUtNS42LTYuMS02LjFjLTMuNS0wLjQtNi45LTAuOS0xMC40LTEuM2MtMjMuNi0yLjYtNDcuMy0zLTcxLTMuMQ0KCQljLTIzLjksMC00Ny42LDEuMi03MS4zLDMuOWMtNi43LDAuOC03LjksMS44LTkuMSw4LjJjLTUuNiwyOS4yLTI3LDUxLTU2LDU3Yy01LjQsMS4xLTYuOCwyLjktNi44LDguNUM1MywxMTMuMyw1MywxMjcuOCw1MywxNDIuNHoNCgkJIi8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzMC4yLDI2OC41YzUuMS0xNS4yLDkuOC0yOS41LDE0LjgtNDQuNWMtNi42LDAtMTIuNywwLjItMTguNywwYy02LjMtMC4yLTEwLjItNS44LTcuMS0xMC42DQoJCWMxLjMtMiw0LjItMy4zLDYuNi00LjFjMi4xLTAuNyw0LjUtMC4xLDctMC4xYzAtMTUuMSwwLTI5LjcsMC00NC44Yy0yLjUsMC00LjgsMC4xLTcuMSwwYy00LjMtMC4yLTcuMy0zLjEtNy40LTcNCgkJYy0wLjItMy44LDIuNy03LjEsNi45LTcuN2MxLjQtMC4yLDIuOS0wLjEsNC40LTAuMWM0MC4yLDAsODAuNSwwLDEyMC43LDBjMS43LDAsMy41LDAsNS40LDBjMy45LTE0LjEsNy44LTI3LjksMTEuNi00MS43DQoJCWMxLjgtNi4zLDMuNC0xMi42LDUuMy0xOC45YzEuNS01LDUuMS03LjIsOS41LTZjNC4yLDEuMiw2LjEsNS4xLDQuNywxMC4xYy0xMSwzOS42LTIyLDc5LjEtMzIuOCwxMTguN2MtMC44LDIuOC0wLjYsNi4zLDAuMyw5LjENCgkJYzQuNSwxNC40LDkuNCwyOC43LDE0LjEsNDNjMC40LDEuMiwwLjksMi40LDEuNyw0LjRjNy44LTQuNiwxNS4yLTksMjIuNi0xMy40YzQtMi4zLDgtMS41LDEwLjQsMS45YzIuNCwzLjUsMS42LDcuNS0yLDEwLjMNCgkJYy0wLjMsMC4zLTAuNywwLjUtMS4xLDAuOGMtMzQuMiwyMi42LTcxLjgsMzIuOS0xMTIuNywzMGMtMzEuNS0yLjItNjAuNC0xMi4zLTg2LjctMjkuOGMtMi45LTEuOS01LTQuMS00LjctNy43DQoJCWMwLjQtNS45LDYuNi04LjYsMTIuMS01LjNDMTE1LDI1OS40LDEyMi4yLDI2My43LDEzMC4yLDI2OC41eiBNMTQ0LjIsMjczLjdjMzcuNCwxMy4xLDc0LjMsMTMuMiwxMTEuNiwwDQoJCWMtNS4zLTE2LTEwLjQtMzEuNi0xNS44LTQ3Yy0wLjQtMS4xLTIuNC0yLjQtMy43LTIuNGMtMjQuMy0wLjEtNDguNS0wLjEtNzIuOCwwYy0xLjIsMC0zLjEsMS4yLTMuNSwyLjINCgkJQzE1NC43LDI0MiwxNDkuNSwyNTcuNywxNDQuMiwyNzMuN3ogTTI1MS4yLDE2NC43Yy0zNC42LDAtNjguOCwwLTEwMy4xLDBjMCwxNC45LDAsMjkuNCwwLDQ0LjFjNSwwLDkuNiwwLDE0LjYsMA0KCQljMC0yLjQtMC40LTQuNSwwLjEtNi40YzEuMS00LjYsMS45LTkuNSw0LjMtMTMuNGM0LjMtNy4yLDExLjYtOS43LDE5LjgtOS42YzE4LjksMCwzNy43LDAsNTYuNi0wLjFjMS40LDAsMy44LTAuOCw0LjItMS44DQoJCUMyNDkuMSwxNzMuNCwyNTAsMTY5LjIsMjUxLjIsMTY0Ljd6IE0yNDMuMSwxOTQuMmMtMi4zLDAtMy45LDAtNS41LDBjLTE2LjMsMC0zMi42LDAtNDguOCwwYy05LjksMC0xMy40LDQuOS0xMC4zLDE0LjkNCgkJYzE5LjMsMCwzOC44LDAsNTguMi0wLjFjMC45LDAsMi40LTEuMSwyLjctMkMyNDAuOCwyMDMuMSwyNDEuOCwxOTkuMSwyNDMuMSwxOTQuMnoiLz4NCjwvZz4NCjwvc3ZnPg0K'); } ul#mnav > li.corpfd > a > span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 512.755 512.755' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M159.522 224.207a7.5 7.5 0 1 0-12.686 8.004c24.032 38.094 65.169 60.837 110.041 60.837 71.695 0 130.023-58.329 130.023-130.024S328.573 33 256.877 33 126.854 91.329 126.854 163.024c0 13.06 1.943 25.965 5.776 38.356a7.499 7.499 0 0 0 9.382 4.949 7.5 7.5 0 0 0 4.948-9.381 114.656 114.656 0 0 1-5.106-33.923C141.854 99.6 193.454 48 256.877 48S371.9 99.6 371.9 163.024s-51.6 115.024-115.023 115.024c-39.691 0-76.085-20.128-97.355-53.841z' fill='%23abc73e' opacity='1' data-original='%23000000' class=''/%3E%3Cpath d='M206.13 146.231a7.5 7.5 0 0 0 7.5 7.5h61.875c-3.364 13.517-15.601 23.565-30.145 23.565h-29.103a8.604 8.604 0 0 0-7.932 5.249 8.6 8.6 0 0 0 1.729 9.349l50.409 52.294a7.478 7.478 0 0 0 5.4 2.295 7.5 7.5 0 0 0 5.398-12.705l-39.986-41.481h14.084c22.846 0 41.852-16.721 45.445-38.565h9.718c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-9.718c-1.479-8.993-5.566-17.119-11.464-23.565h21.182c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5H213.63c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h31.73c14.544 0 26.78 10.048 30.145 23.565H213.63a7.499 7.499 0 0 0-7.5 7.499z' fill='%23abc73e' opacity='1' data-original='%23000000' class=''/%3E%3Cpath d='M438.131 334.795c0-13.095-10.653-23.748-23.748-23.748H325.15c55.887-25.879 94.751-82.496 94.751-148.023a163.17 163.17 0 0 0-6.785-46.646 7.5 7.5 0 0 0-9.33-5.044 7.5 7.5 0 0 0-5.045 9.331 148.136 148.136 0 0 1 6.16 42.359c0 81.621-66.403 148.023-148.023 148.023s-148.023-66.403-148.023-148.023S175.257 15 256.877 15c54.374 0 104.271 29.724 130.216 77.572a7.5 7.5 0 0 0 13.186-7.15C371.708 32.731 316.76 0 256.877 0 166.986 0 93.854 73.132 93.854 163.024c0 65.528 38.865 122.144 94.751 148.023H98.372c-13.095 0-23.748 10.653-23.748 23.748v29.74c0 6.281 2.456 11.997 6.452 16.248-3.996 4.251-6.452 9.967-6.452 16.248v29.74c0 6.281 2.456 11.997 6.452 16.248-3.996 4.251-6.452 9.967-6.452 16.248v29.74c0 13.095 10.653 23.748 23.748 23.748h316.012c13.095 0 23.748-10.653 23.748-23.748v-29.74c0-6.281-2.456-11.997-6.452-16.248 3.996-4.251 6.452-9.967 6.452-16.248v-29.74c0-6.281-2.456-11.997-6.452-16.248 3.996-4.251 6.452-9.967 6.452-16.248v-29.74zm-348.507 0c0-4.824 3.925-8.748 8.748-8.748h316.012c4.823 0 8.748 3.924 8.748 8.748v29.74c0 4.824-3.925 8.748-8.748 8.748h-27.267c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h27.267c4.823 0 8.748 3.924 8.748 8.748v29.74c0 4.824-3.925 8.748-8.748 8.748H98.372c-4.823 0-8.748-3.924-8.748-8.748v-29.74c0-4.824 3.925-8.748 8.748-8.748h261.781c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5H98.372c-4.823 0-8.748-3.924-8.748-8.748zm333.507 154.212c0 4.824-3.925 8.748-8.748 8.748H98.372c-4.823 0-8.748-3.924-8.748-8.748v-29.74c0-4.824 3.925-8.748 8.748-8.748h316.012c4.823 0 8.748 3.924 8.748 8.748v29.74z' fill='%23abc73e' opacity='1' data-original='%23000000' class=''/%3E%3C/g%3E%3C/svg%3E"); } ul#mnav > li.videonav > a > span > i { display: block; position: relative; font-size: 28px; color: #b2cf41; } ul#mnav > li.beyondappnav > a > span { text-align: center; } ul#mnav > li.beyondappnav > a > span > i { display: block; position: relative; font-size: 32px; color: #b2cf41; } ul#mnav > li .maindrop { display: none; width: 100%; position: absolute; left: 0; top: 60px; background-color: #fff; transition: all 0.3s ease; z-index: 99; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } ul#mnav > li:hover .maindrop { display: block; } ul#mnav > li.aboutnav .maindrop, ul#mnav > li.commoditynav .maindrop, ul#mnav > li.derivativesnav .maindrop, ul#mnav > li.IPOnav .maindrop, ul#mnav > li.researchnav .maindrop, ul#mnav > li.supportnav .maindrop { padding-right: 50%; } ul#mnav > li.researchnav .maindrop, ul#mnav > li.derivativesnav .maindrop { padding-right: 45%; } ul#mnav > li.aboutnav .maindrop, ul#mnav > li.commoditynav .maindrop, ul#mnav > li.Knowledgenav .maindrop, ul#mnav > li.derivativesnav .maindrop, ul#mnav > li.IPOnav .maindrop, ul#mnav > li.mutualfundnav .maindrop, ul#mnav > li.researchnav .maindrop, ul#mnav > li.equitynav .maindrop, ul#mnav > li.supportnav .maindrop { min-height: 400px; } ul#mnav > li.Knowledgenav .maindrop { min-height: 300px; } .bigdropimg { width: 50%; position: absolute; right: 0; bottom: 0; top: 0; overflow: hidden; } .bigdropimg > img { width: 100%; height: auto; max-width: 100%; } ul#mnav > li.researchnav .maindrop .bigdropimg, ul#mnav > li.derivativesnav .maindrop .bigdropimg { width: 45%; } .dcontainer { display: table; width: 100%; height: 100%; } .dropbox { display: table-cell; text-align: left; } .dropbox > ul { display: inline-block; margin: 0; padding: 15px 10px; text-align: left; vertical-align: top; max-width: 240px; } .dropbox > ul > li > b { font-weight: normal; margin-top: 12px; display: block; } .dropbox > ul > li > b > a { display: block; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; color: #4350b0; cursor: default; } .dropbox > ul > li > b > a.green { color: #00b050; font-weight: normal; color: #616161; padding-left: 12px; position: relative; cursor: pointer; } .dropbox > ul > li > b > a.green:after { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; margin-top: -3px; background-color: #b2cf41; } .dropbox > ul > li > a { display: block; font-size: 14px; color: #616161; margin-left: 3px; padding: 6px 0 6px 12px; position: relative; line-height: 16px; } .dropbox > ul > li:hover > a { color: #0e1a4a; transform: scale(1.04) translate(3px, 0px); } .dropbox > ul > li > a.active, .dropbox > ul > li > b > a.active, .dropbox > ul > li > ul > li > a.active { color: #0e1a4a; font-weight: 600; } .dropbox > ul > li > a:after { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; margin-top: -3px; background-color: #b2cf41; } .dropbox > ul > li:hover > a > span { color: #616161; font-weight: normal; } .dropbox > ul > li > ul { margin: 0; padding: 0 0 0 5px; } .dropbox > ul > li > ul > li { margin: 0; padding: 0; } .dropbox > ul > li > ul > li > a { display: block; position: relative; color: #616161; padding: 1px 2px 1px 5px; } .dropbox > ul > li > ul > li > a:before { content: "-"; margin-right: 3px; } .dropbox > ul > li > ul > li:hover > a { color: #0e1a4a; font-weight: 400; } .dropbox > ul.spacer { padding-top: 48px; } ul#mnav > li.supportnav .dropbox > ul > li > a { cursor: default; } #mobnav { display: none; width: 32px; height: 40px; position: absolute; right: 20px; top: 28px; z-index: 9996; cursor: pointer; color: #fff; transition: all 0.3s ease; } .fix #mobnav { top: 7px; } .lines { display: block; width: 32px; height: 4px; background: #1d2969; border-radius: 8px; transition: 0.3s; position: relative; top: 16px; } .lines:before, .lines:after { display: block; width: 32px; height: 4px; background: #1d2969; border-radius: 10px; transition: 0.3s; position: absolute; left: 0; content: ''; transform-origin: 0.28571rem center; } .lines:before { top: 9px; } .lines:after { top: -9px; } #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: #000; } #mobnav.Nclose .lines:before { transform: rotate3d(0, 0, 1, 45deg); } #mobnav.Nclose .lines:after { transform: rotate3d(0, 0, 1, -45deg); } .slidenav { width: 260px; position: fixed; top: 0px; bottom: 0; right: -280px; background-color: #0e1a4a; z-index: 9998; transition: all 0.5s ease; padding: 40px 25px 15px; overflow: auto; } .slidenav.open { right: 0; } .slidenav ul#mnav { margin: 0; padding: 0px; display: none; float: none; } .slidenav ul#mnav > li, .slidenav ul#topnav li { display: block; float: none; width: 100%; margin: 5px 0; padding: 0; } .slidenav ul#mnav > li > a, .slidenav > ul > li > a, .slidenav ul#topnav li > a { display: block; font-size: 15px; transition: all 0.5s ease; padding: 8px; color: #fff; font-weight: normal; position: relative; } .slidenav ul#mnav li a:after { left: 0; right: 100%; } .slidenav ul#mnav li.active a:after, .slidenav ul#mnav li:hover a:after { right: 0; } .slidenav ul { margin: 0; padding: 0; } .slidenav ul > li { margin: 5px 0; } .slidenav ul > li:hover > a:after { right: 0; } #nclose { position: absolute; z-index: 5; right: 18px; top: 18px; cursor: pointer; font-size: 12px; line-height: 20px; color: #b2cf41; } #nclose > i { display: inline-block; color: #fff; font-style: normal; } .scrollup { position: fixed; right: 25px; bottom: 100px; background-color: #fff; width: 40px; height: 40px; border-radius: 50%; z-index: 9990; box-shadow: 0 0px 12px rgba(0,0,0,0.3); text-align: center; line-height: 38px !important; color: #999; cursor: pointer; font-size: 25px !important; } .scrollup:hover { color: #000; } ul.topbtns { display: block; position: absolute; margin: 0; padding: 0; top: 40px; right: 15px; transition: all 0.3s ease; padding-right: 165px; } .fix ul.topbtns { top: 18px; } ul.topbtns > li { float: left; margin: 0; padding: 0; } ul.topbtns > li > a { display: block; font-size: 12px; color: #fff; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; padding: 0px 5px; transition: all 0.2s ease; color: #4350b0; border-right: 1px solid #b1cf3d; line-height: 14px; } /*ul.topbtns > li.bmarket > a{ background-color: #4350b0;} ul.topbtns > li.NBlogin > a{ background-color: #b1cf3d; color: #252f00; font-weight: 400;} ul.topbtns > li.NBlogin:hover > a{background-color:#d0f34a;} ul.topbtns > li.bmarket:hover > a{background-color: #b1cf3d;}*/ ul.topbtns > li:hover > a { color: #b1cf3d; } /*get quotes*/ .quotes { border-radius: 25px; height: 30px; padding: 0 30px 0 10px; width: 160px; position: relative; background-color: #b1cf3d; } .quotes > input { border: none; background-color: transparent; height: 28px; width: 100%; font-size: 12px; color: #000; } .quotes > a { display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; position: absolute; right: 0; top: 0; color: #fff; } .slidenav ul.topbtns { display: none; } .quotes > ul { display: block; margin: 0; padding: 0; position: absolute; top: -20px; left: 0px; } .quotes > ul > li { display: inline-block; } .quotes > ul > li > a { display: block; color: #b3b3b3; font-size: 11px; font-family: 'Roboto', sans-serif; font-weight: 400; } .quotes > ul > li > i { display: block; font-size: 13px; font-style: normal; padding: 0 2px; color: #b3b3b3; } .quotes > ul > li.act > a { color: #062195; } .homecomsearchdata { position: absolute; height: 175px; top: 40px; right: 0; background-color: #fff; display: none; font-size: 13px; overflow-x: hidden; overflow-y: auto; width: 272px; padding: 5px; z-index: 999; border-radius: 5px; box-shadow: 0 2px 7px #6b6b6b; } .homecomsearchdata a { display: block; font-size: 13px !important; padding: 5px 10px !important; color: #0e1a4a !important; line-height: normal !important; font-weight: 600; } .homecomsearchdata a > span { color: #b1cf3d; font-size: 13px; } .homecomsearchdata a:hover, .landcomplist a.qtsunselected, .homecomsearchdata a.qtsunselected { background: #0e1a4a; color: #b1ce40 !important; } .homecomsearchdata > div { display: block; color: #fff; } .homecomsearchdata > .nodata { color: #b1ce40; } .homecomsearchdata a.qtsunselected > span { color: #b1ce40; } /*get quotes*/ .slidenav ul.def_ul li.globalsearch > a { background: #4350b0; padding-left: 45px; } .slidenav ul.def_ul li.globalsearch > a > span { position: absolute; left: 15px; top: 5px; font-size: 18px; color: #b1cf3d; font-weight: normal; } .slidenav ul.def_ul li.globalsearch > a > b { display: block; font-weight: normal; text-transform: uppercase; } /*home banner*/ .homebanner { position: relative; margin-top: 150px; } #mainBanner { overflow: hidden; position: relative; z-index: 5; background-color: #fff; } #mainBanner .owl-prev, #mainBanner .owl-next { position: absolute; top: 50%; color: #848484; font-size: 30px; display: inline-block; margin-top: -15px; height: 30px; width: 30px; text-align: center; z-index: 5; -webkit-transition: background-color 400ms; transition: background-color 400ms; } #mainBanner .owl-prev { left: 0; } #mainBanner .owl-next { right: 0; } #mainBanner .owl-prev i, #mainBanner .owl-next i { font-size: 40px; } #mainBanner .owl-dots { text-align: center; position: absolute; left: 50%; margin-left: -50px; width: 100px; bottom: 0px; z-index: 99; } #mainBanner .owl-dots > .owl-dot { display: inline-block; margin: 4px; width: 10px; height: 10px; border-radius: 50%; background-color: #0e1a4a; } #mainBanner .owl-dots > .owl-dot.active { background-color: #b1cf3d; } #mainBanner .owl-theme .owl-dots .owl-dot span { display: none; } #progressBar { position: relative; z-index: 999; width: 100%; } #bar { width: 0%; max-width: 100%; height: 6px; background: #b1cf3d; } .owl-carousel .owl-item img.Hmbannerimg { width: 100%; max-width: 100%; height: auto; } #mainBannerF { height: 357px; background: #fff; position: relative; display: table; width: 100%; } #mainBannerF h5 { margin: 0; display: table-cell; position: absolute; left: 50%; margin-left: -121px; top: 35%; width: 242px; height: 54px; background: url(../images/logo.png) no-repeat center center; background-size: 100%; } #mainBannerF .cs-loader { height: 100%; } #mainBannerF .cs-loader-inner { transform: translateY(-50%); top: 55%; position: absolute; color: #fff; text-align: center; left: 0; right: 0; } #mainBannerF .cs-loader-inner label { font-size: 20px; color: #4350b0; opacity: 0; display: inline-block; } @keyframes lol { 0% { opacity: 0; transform: translateX(-300px); } 33% { opacity: 1; transform: translateX(0); } 66% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(300px); } } @-webkit-keyframes lol { 0% { opacity: 0; -webkit-transform: translateX(-300px); } 33% { opacity: 1; -webkit-transform: translateX(0); } 66% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(300px); } } #mainBannerF .cs-loader-inner label:nth-child(6) { color: #b2cf41; -webkit-animation: lol 3s infinite ease-in-out; animation: lol 3s infinite ease-in-out; } #mainBannerF .cs-loader-inner label:nth-child(5) { -webkit-animation: lol 3s .1s infinite ease-in-out; animation: lol 3s .1s infinite ease-in-out; } #mainBannerF .cs-loader-inner label:nth-child(4) { color: #b2cf41; -webkit-animation: lol 3s .2s infinite ease-in-out; animation: lol 3s .2s infinite ease-in-out; } #mainBannerF .cs-loader-inner label:nth-child(3) { -webkit-animation: lol 3s .3s infinite ease-in-out; animation: lol 3s .3s infinite ease-in-out; } #mainBannerF .cs-loader-inner label:nth-child(2) { color: #b2cf41; -webkit-animation: lol 3s .4s infinite ease-in-out; animation: lol 3s .4s infinite ease-in-out; } #mainBannerF .cs-loader-inner label:nth-child(1) { -webkit-animation: lol 3s .5s infinite ease-in-out; animation: lol 3s .5s infinite ease-in-out; } /*home market*/ #HM_market { margin-top: 150px; } .marketwrapper { padding: 40px 0; background: #fff; min-height: 300px; } .globalup { color: #1caf09!important; } .globaldown { color: #fe7673!important; } .globalequal { color: #63d0fe!important; } .mktgraphsec { font-family: 'Roboto', sans-serif; font-weight: 400; } .mkttopul > ul { display: inline-block; float: left; padding: 0; margin: 0; } .mkttopul > ul > li { display: inline-block; } .mkttopul > ul > li > a { display: block; padding: 7px 15px; background: #fff; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; color: #000; border-radius: 5px; } .mkttopul > ul > li.act > a { background: #4754a0; color: #fff; } .mkttopul > ul > li.act:hover > a { color: #fff; } .mkttopul > ul > li:hover > a { color: #4754a0; } .mkttopul > span { display: block; float: right; color: #4755a0; font-size: 13px; padding-top: 10px; } .mkttopvalue { margin: 15px 0; background: #f6f6f6; padding: 10px 15px; } .mkttopvalue > h4 { display: block; margin: 0; position: relative; padding-left: 25px; float: left; } .mkttopvalue > h4 > span { display: block; padding-bottom: 3px; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 700; color: #a1a1a1; } .mkttopvalue > h4 > b { display: inline-block; font-size: 21px; color: #000; font-family: 'Roboto Slab', serif; font-weight: 700; } .mkttopvalue > h4 > em { display: inline-block; font-style: normal; font-size: 14px; padding-left: 10px; font-family: 'Roboto Slab', sans-serif; font-weight: 400; } .mkttopvalue > h4:before { display: block; font-family: fontAwesome; font-size: 30px; position: absolute; left: 0; top: 0; } .mkttopvalue > h4.globalup:before { content: "\f176"; } .mkttopvalue > h4.globaldown:before { content: "\f175"; } .mkttopvalue > h4.globalequal:before { content: "="; } .mkttopvalue > ul { display: block; float: right; margin: 0; padding: 0; padding-top: 5px; } .mkttopvalue > ul > li { display: inline-block; } .mkttopvalue > ul > li > a { display: block; color: #a1a1a1; font-size: 13px; padding: 7px; background: transparent; border-radius: 50%; font-family: 'Roboto', sans-serif; font-weight: 700; } .mkttopvalue > ul > li.act > a { background: #fff; color: #4754a0; box-shadow: 0 1px 10px #ddd; } .mkttopvalue > ul > li:hover > a { color: #4754a0; } .mktgraph { min-height: 240px; margin: 15px 0; } .mktbtmsec { border: 1px solid #ddd; padding: 10px; border-radius: 5px; width: 100%; } .mktbtmsec > div { display: inline-block; width: 20%; float: left; padding: 0 15px; border-right: 1px solid #ddd; font-size: 14px; color: #a1a1a1; } .mktbtmsec > div:last-child { border: none; } .mktbtmsec > div > b { display: block; color: #000; font-size: 15px; } .arrowup { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 9px solid #1caf09; margin-right: 5px; } .arrowdown { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid #fe7673; margin-right: 5px; } .arroweqal { display: inline-block; position: relative; width: 20px; height: 10px; margin-right: 5px; } .arroweqal:before, .arroweqal:after { content: ""; position: absolute; top: 0; } .arroweqal:before { left: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 8px solid #63d0fe; } .arroweqal:after { right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #63d0fe; } .mkttablehead > label { position: relative; margin: 0 30px 0 0; font-weight: normal; background: #fff; z-index: 1; } .mkttablehead > label > select { display: inline-block; border: none; font-family: 'Roboto', sans-serif; font-size: 17px; text-transform: uppercase; -webkit-appearance: none; background: transparent; padding-right: 20px; cursor: pointer; } .mkttablehead > label > i { display: block; position: absolute; top: 0; right: 0; font-size: 22px; color: #a1a1a1; z-index: -1; } .mkttablehead > a.mkthomeMore { display: block; float: right; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 700; color: #b2cf41; padding-top: 5px; transition: all 0.4s ease; } .mkttablehead > a.mkthomeMore:hover { color: #4754a0; } .mkttabledata { margin-top: 15px; border: 1px solid #ddd; border-radius: 5px; min-height: 400px; display: table; width: 100%; } .mkttabledata > div { padding: 10px 15px; border-bottom: 1px solid #ddd; width: 100%; } .mkttabledata > div:last-child { border: none; } .mkttabledata > div > h5 { margin: 0 0 5px; display: block; color: #4755a0; font-weight: 700; font-size: 14px; } .mkttabledata > div > h5 > a { display: block; color: #4755a0; transition: all 0.4s ease; } .mkttabledata > div > h5 > a:hover { color: #b2cf41; } .mkttabledata > div > p { display: inline-block; float: left; margin: 0; } .mkttabledata > div > p:nth-of-type(1) { width: 49%; } .mkttabledata > div > p:nth-of-type(2) { width: 29%; } .mkttabledata > div > p:nth-of-type(3) { width: 22%; } .mkttabledata > div > p > span { display: block; color: #a1a1a1; font-size: 11px; font-weight: 400; padding-bottom: 3px; } .mkttabledata > div > p > b { font-size: 15px; font-family: 'Roboto Slab', serif; font-weight: 700; color: #000; } .mkttabledata > p { display: table-cell; vertical-align: middle; } .mfbestreturns { min-height: 446px; border: 1px solid #ddd; border-radius: 5px; text-align: center; } .mfbestrettop { padding: 15px 0; background: #f6f6f6; } .mfbestrettop > h5 { margin: 0; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 23px; color: #4754a0; line-height: 21px; } .mfbestrettop > h5 > span { display: block; text-transform: uppercase; font-weight: 400; font-size: 12px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 300; } .mfbestrettop > label { position: relative; font-weight: normal; background-color: #b2cf41; margin: 15px 0; border-radius: 15px; z-index: 1; } .mfbestrettop > label > select { display: block; border: none; background-color: transparent; -webkit-appearance: none; padding: 7px 25px 7px 15px; font-size: 13px; color: #000; font-weight: 400; cursor: pointer; } .mfbestrettop > label > select > option { background-color: #b2cf41; } .mfbestrettop > label > em { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000; position: absolute; top: 15px; right: 10px; transform: rotate(-45deg); z-index: -1; } .mfbestrettop > ul { display: block; margin: 0; padding: 0; } .mfbestrettop > ul > li { display: inline-block; } .mfbestrettop > ul > li > a { display: inline-block; font-size: 14px; color: #a1a1a1; font-weight: 400; } .mfbestrettop > ul > li.act > a, .mfbestrettop > ul > li:hover > a { color: #000; } .mfbestrettop > ul > li > i { display: inline-block; padding: 0 5px; font-style: normal; color: #a1a1a1; } .bestrrtslider { position: relative; min-height: 225px; } .bestrrtslider div.item { text-align: center; padding: 30px; border-bottom: 1px solid #ddd; min-height: 225px; } .bestrrtslider div.item > a { display: block; margin: 0; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #4754a0; line-height: 21px; } .bestrrtslider div.item > p { display: block; font-size: 12px; line-height: 20px; padding: 25px 0; color: #a1a1a1; margin: 0; font-weight: 400; } .bestrrtslider div.item > p > b { display: block; font-size: 20px; font-family: 'Roboto Slab', serif; font-weight: 700; color: #000; } .bestrrtslider div.item > div.mfretval { } .bestrrtslider div.item > div.mfretval > span { width: 50%; font-size: 12px; color: #a1a1a1; font-weight: 400; line-height: 16px; } .bestrrtslider div.item > div.mfretval > span > b { display: block; font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 700; } .bestrrtslider .owl-dots { position: absolute; left: 0; right: 0; bottom: -40px; } .bestrrtslider .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 3px; background: #ddd; } .bestrrtslider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #4754a0; } .homenfodetails { margin-top: 30px; } .nfoleft { min-height: 60px; width: 15%; float: left; position: relative; background-color: #4754a0; z-index: 1; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .nfoleft > select { display: block; width: 100%; border: none; -webkit-appearance: none; background-color: transparent; padding: 10px; color: #fff; font-size: 13px; font-family: 'Roboto Slab', sans-serif; font-weight: 400; cursor: pointer; min-height: 55px; } .nfoleft > select > option { background-color: #4754a0; } .nfoleft > i { position: absolute; top: 18px; right: 5px; color: #fff; font-size: 20px; z-index: -1; } .nforight { float: right; width: 85%; min-height: 60px; background: #0e1a4a; } .nforight .nfobox { padding: 10px; background: #0e1a4a; border-right: 1px solid #313a73; min-height: 55px; } .nforight .nfobox > a { display: block; font-size: 13px; line-height: 20px; color: #abc73e; font-family: 'Roboto', sans-serif; font-weight: 400; } .nforight .nfobox > span { display: block; color: #8292ed; font-size: 12px; padding-top: 5px; } .nforight .nfobox > span > b { display: block; font-weight: normal; color: #fff; font-size: 11px; } .nforight .nfobox.bdr { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .nforight > div > div:last-child > .nfobox { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .NFoNodata { padding: 20px; margin: 0; color: #fff; } /*home news start*/ .HNewsUpdatesWrap { padding: 35px 0 40px 0; } .HNewsUpdatesWrap h3 { font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 38px; line-height: 38px; margin: 0 0 25px 0; color: #0f1b4c; } .HNewsUpdatesMenu { margin-bottom: 30px; position: relative; } .HNewsUpdatesMenu > b { display: none; text-transform: uppercase; font-size: 20px; line-height: 20px; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0; padding: 0 0 6px 0; cursor: pointer; position: relative; color: #4754a0; border-bottom: 1px solid #b2cf40; transition: all 0.5s ease; } .HNewsUpdatesMenu > b:after { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 4px; top: -1px; font-size: 27px; cursor: pointer; } .HNewsUpdatesMenu > ul { display: block; margin: 0; padding: 0; border-bottom: 3px solid #e8e8e8; } .HNewsUpdatesMenu > ul > li { display: inline-block; text-transform: uppercase; font-size: 20px; line-height: 20px; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0; padding: 0 10px 5px 10px; cursor: pointer; position: relative; color: #b7b7b7; transition: all 0.5s ease; } .HNewsUpdatesMenu > ul > li.active, .HNewsUpdatesMenu > ul > li:hover { color: #4754a0; } .HNewsUpdatesMenu > ul > li:after { content: ''; display: block; position: absolute; left: 50%; right: 50%; bottom: -4px; height: 5px; background-color: transparent; z-index: 1; transition: all 0.5s ease; } .HNewsUpdatesMenu > ul > li:hover:after, .HNewsUpdatesMenu > ul > li.active:after { left: 0; right: 0; background-color: #b2cf40; } .HNewsUpdatesBox { display: block; box-shadow: 0 2px 5px rgba(0,0,0,.2); border-radius: 10px; padding: 30px; font-weight: 400; margin-bottom: 30px; } .HNewsUpdatesBox > span { display: block; color: #b2cf40; font-size: 13px; line-height: 13px; margin-bottom: 10px; } .HNewsUpdatesBox > b { display: block; color: #3d4469; font-size: 16px; line-height: 20px; margin-bottom: 5px; } .HNewsUpdatesBox > p { margin: 0; font-size: 14px; line-height: 20px; color: #7b7b7b; transition: all 0.5s ease; } .HNewsUpdatesBox:hover > p { color: #4755a0; } .HNewsUpdatesReadMore { display: inline-block; background-color: #4755a0; padding: 10px 20px; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 14px; border-radius: 50px; transition: all 0.5s ease; } .HNewsUpdatesReadMore:hover { background-color: #b2cf40; color: #fff; } .HNewsUpdatesBoxWrap { display: none; } /*home news end*/ /*news popup data start*/ .commonnewspopup { z-index: 9999; } .commonnewspopup > .modal-dialog { margin: 100px auto; } .commonnewspopup .modal-content { border-radius: 0; padding: 25px 15px 50px 25px; border-radius: 10px; } .popupcloseicon { position: absolute; bottom: 15px; cursor: pointer; z-index: 2; left: 0; right: 0; text-align: center; } .popupcloseicon:before { content: "CLOSE"; color: #000000; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; transition: all 0.4s ease; padding: 5px 15px; background-color: #eaeaea; border-radius: 20px; } .popupcloseicon:hover:before { background-color: #b2cf40; } #homevideopop .modal-content { padding: 5px 5px 50px 5px; } #homevideopop .modal-content iframe { margin: 0 auto; display: block; } .newscontents { } .newscontents > h4 { display: block; margin: 0; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 20px; line-height: 23px; margin-bottom: 10px; color: #4754a0; } .newscontents > span { display: block; color: #b2cf40; font-size: 13px; line-height: 13px; margin-bottom: 10px; } .newsdata { max-height: 300px; overflow: auto; padding-right: 15px; } .newsdata > p { font-size: 15px; line-height: 20px; color: #000; margin-bottom: 10px; } .newsdata img { display: block; max-width: 100%; height: auto; } /*news popup data end*/ /*why choose us start*/ .hme_whychooseus_wrapper { position: relative; padding: 50px 30px; } .why_choose_det { text-align: center; margin-bottom: 35px; padding: 0 20px; } .why_choose_det > h1 { display: inline-block; position: relative; padding-bottom: 12px; font-family: 'Roboto Slab', serif; font-weight: 700; color: #1a2656; font-size: 37px; line-height: 36px; margin: 0 0 15px; text-transform: capitalize; } .why_choose_det > h1:after { content: ""; position: absolute; bottom: 0; left: 30%; right: 30%; min-height: 5px; background: #b2cf41; border-radius: 5px; } .why_choose_det > p { font-size: 16px; line-height: 27px; color: #333; font-family: 'Roboto', sans-serif; font-weight: 400; } .why_choose_box { position: relative; border: 8px solid #f2f2f2; padding: 20px 15px 20px 60px; margin-bottom: 30px; margin-right: 20px; margin-left: 20px; background: #fff; transition: border-color 0.4s ease; } .why_choose_box > span { display: block; position: absolute; left: 0; margin-left: -40px; top: 50%; margin-top: -40px; width: 80px; height: 80px; border-radius: 50%; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center center; background-size: 40px; transition: all 0.5s ease; } .why_choose_box > b { display: block; color: #15204e; font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 17px; line-height: 21px; margin-bottom: 5px; min-height: 36px; } .why_choose_box > b > i { display: block; font-style: normal; } .why_choose_box > p { font-size: 15px; line-height: 21px; color: #737373; font-family: 'Roboto', sans-serif; font-weight: 400; } .why_choose_box:hover { border-color: #4755a0; } .why_choose_box:hover > span { background-color: #4755a0; box-shadow: 5px 3px 0px #b2cf41; } .why_choose_box:after { content: ""; position: absolute; top: -8px; left: -8px; right: -8px; bottom: -8px; background-color: #b2cf41; transition: all 0.5s ease; z-index: -1; } .why_choose_box:hover:after { transform: rotate(2.5deg); } .why_choose_box > a { text-transform: uppercase; color: #4755a0; font-size: 12px; line-height: 14px; font-family: 'Roboto', sans-serif; font-weight: 700; } .why_choose_box[data-icon="equity"] > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 486.7 486.7' fill='%234654a0'%3E%3Cpath d='M33 362.4v78.9c0 4.8 3.9 8.8 8.8 8.8h61c4.8 0 8.8-3.9 8.8-8.8V302.5l-44.3 44.3c-9.4 9.3-21.4 14.7-34.3 15.6zm109-60.9v139.8c0 4.8 3.9 8.8 8.8 8.8h61c4.8 0 8.8-3.9 8.8-8.8V359c-13.9-.3-26.9-5.8-36.7-15.6L142 301.5zm109 48.8v91c0 4.8 3.9 8.8 8.8 8.8h61c4.8 0 8.8-3.9 8.8-8.8V273.4l-69.9 69.9c-2.7 2.7-5.6 5-8.7 7zm181.7-180.1L360 242.9v198.4c0 4.8 3.9 8.8 8.8 8.8h61c4.8 0 8.8-3.9 8.8-8.8V175.7c-2-1.7-3.5-3.2-4.6-4.2l-1.3-1.3zm49.9-128.8c-2.9-3.1-7.3-4.7-12.9-4.7h-1.6l-85.1 4c-3.8.2-9 .4-13.1 4.5-1.3 1.3-2.3 2.8-3.1 4.6-4.2 9.1 1.7 15 4.5 17.8l7.1 7.2 14.9 14.9-171.6 171.7-77.1-77.1c-4.6-4.6-10.8-7.2-17.4-7.2s-12.7 2.6-17.3 7.2L7.2 286.9c-9.6 9.6-9.6 25.1 0 34.7l4.6 4.6c4.6 4.6 10.8 7.2 17.4 7.2s12.7-2.6 17.3-7.2l80.7-80.7 77.1 77.1c4.6 4.6 10.8 7.2 17.4 7.2s12.7-2.6 17.4-7.2L432.7 129l21.9 21.8c2.6 2.6 6.2 6.2 11.7 6.2 2.3 0 4.6-.6 7-1.9 1.6-.9 3-1.9 4.2-3.1 4.3-4.3 5.1-9.8 5.3-14.1l3.9-83c.3-5.8-1-10.3-4.1-13.5z'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="equity"]:hover > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 486.7 486.7' fill='%23b2cf41'%3E%3Cpath d='M33 362.4v78.9c0 4.8 3.9 8.8 8.8 8.8h61c4.8 0 8.8-3.9 8.8-8.8V302.5l-44.3 44.3c-9.4 9.3-21.4 14.7-34.3 15.6zm109-60.9v139.8c0 4.8 3.9 8.8 8.8 8.8h61c4.8 0 8.8-3.9 8.8-8.8V359c-13.9-.3-26.9-5.8-36.7-15.6L142 301.5zm109 48.8v91c0 4.8 3.9 8.8 8.8 8.8h61c4.8 0 8.8-3.9 8.8-8.8V273.4l-69.9 69.9c-2.7 2.7-5.6 5-8.7 7zm181.7-180.1L360 242.9v198.4c0 4.8 3.9 8.8 8.8 8.8h61c4.8 0 8.8-3.9 8.8-8.8V175.7c-2-1.7-3.5-3.2-4.6-4.2l-1.3-1.3zm49.9-128.8c-2.9-3.1-7.3-4.7-12.9-4.7h-1.6l-85.1 4c-3.8.2-9 .4-13.1 4.5-1.3 1.3-2.3 2.8-3.1 4.6-4.2 9.1 1.7 15 4.5 17.8l7.1 7.2 14.9 14.9-171.6 171.7-77.1-77.1c-4.6-4.6-10.8-7.2-17.4-7.2s-12.7 2.6-17.3 7.2L7.2 286.9c-9.6 9.6-9.6 25.1 0 34.7l4.6 4.6c4.6 4.6 10.8 7.2 17.4 7.2s12.7-2.6 17.3-7.2l80.7-80.7 77.1 77.1c4.6 4.6 10.8 7.2 17.4 7.2s12.7-2.6 17.4-7.2L432.7 129l21.9 21.8c2.6 2.6 6.2 6.2 11.7 6.2 2.3 0 4.6-.6 7-1.9 1.6-.9 3-1.9 4.2-3.1 4.3-4.3 5.1-9.8 5.3-14.1l3.9-83c.3-5.8-1-10.3-4.1-13.5z'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="forex"] > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47 47' fill='%234654a0'%3E%3Cpath d='M44.9 10.8h-10c1.4 1.2 2.5 2.7 3.5 4.3h6.5c1.2 0 2.1-1 2.1-2.1 0-1.3-1-2.2-2.1-2.2zm0 5.4h-6c.6 1.3 1.1 2.8 1.4 4.3h4.6c1.2 0 2.1-1 2.1-2.1s-1-2.2-2.1-2.2zm0-10.8H29c-.9 0-1.7.6-2 1.4 2.4.5 4.5 1.5 6.4 2.9h11.4c1.2 0 2.1-1 2.1-2.1s-.9-2.2-2-2.2zM29 4.3h15.8c1.2 0 2.1-1 2.1-2.1a2.06 2.06 0 0 0-2-2.2H29c-1.2 0-2.1 1-2.1 2.1s1 2.2 2.1 2.2zm15.9 17.2h-4.4c.1.6.1 1.3.1 2 0 .8-.1 1.6-.2 2.3h4.4c1.2 0 2.1-1 2.1-2.1s-.9-2.2-2-2.2zm0 5.4h-4.6c-.3 1.5-.8 2.9-1.5 4.3h6.1c1.2 0 2.1-1 2.1-2.1 0-1.2-1-2.2-2.1-2.2zm0 5.4h-6.7c-1 1.6-2.2 3.1-3.6 4.3H45c1.2 0 2.1-1 2.1-2.1s-1.1-2.2-2.2-2.2zM2.1 25.5h4.4c-.1-.6-.1-1.3-.1-2 0-.8.1-1.6.2-2.3H2.1c-1.2 0-2.1 1-2.1 2.1 0 1.2 1 2.2 2.1 2.2zm0 5.3h6C7.5 29.5 7 28 6.7 26.5H2.1c-1.2 0-2.1 1-2.1 2.1s1 2.2 2.1 2.2zm0-10.7h4.6c.3-1.5.8-2.9 1.5-4.3H2.1c-1.2 0-2.1 1-2.1 2.1s1 2.2 2.1 2.2zm0-5.4h6.7c1-1.6 2.2-3.1 3.6-4.3H2.1c-1.2 0-2.1 1-2.1 2.1 0 1.2 1 2.2 2.1 2.2zm0 21.5h10C10.8 35 9.6 33.6 8.7 32H2.1C1 32 0 32.9 0 34.1s1 2.1 2.1 2.1zm0 5.4H18c.9 0 1.7-.6 2-1.4-2.4-.5-4.5-1.5-6.4-2.9H2.1c-1.2 0-2.1 1-2.1 2.1 0 1.3 1 2.2 2.1 2.2zM18 42.7H2.1c-1.2 0-2.1 1-2.1 2.1C0 46 1 47 2.1 47H18c1.2 0 2.1-1 2.1-2.1s-1-2.2-2.1-2.2zm5.5-34.2c-8.2 0-15 6.7-15 15a14.98 14.98 0 0 0 15 15 14.98 14.98 0 0 0 15-15c0-8.3-6.8-15-15-15zm0 25.7c-5.9 0-10.7-4.8-10.7-10.7s4.8-10.7 10.7-10.7 10.7 4.8 10.7 10.7-4.8 10.7-10.7 10.7zm.6-12.1v-3.7c2.1 0 2.1 2.1 3.4 2.1.7 0 1.2-.4 1.2-1.2 0-1.9-3.1-2.9-4.6-2.9v-1c0-.3-.3-.7-.6-.7s-.6.3-.6.7v1c-2.4.1-4.6 1.4-4.6 4.1 0 2.2 1.7 3.4 4.6 3.9v4.1c-3.2-.1-1.5-2.8-3.7-2.8-.7 0-1.2.4-1.2 1.2 0 1.5 1.6 3.5 4.9 3.6v1.2c0 .3.3.7.6.7s.6-.3.6-.7v-1.2C27 30.3 29 29 29 26.4c0-3-2.3-3.8-4.9-4.3zm-1.1-.3c-1.5-.3-2.2-.9-2.2-1.8 0-.8.9-1.6 2.2-1.7v3.5zm1.1 6.7v-3.8c1 .2 2.4.6 2.4 1.9 0 1.2-1.2 1.8-2.4 1.9z'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="forex"]:hover > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47 47' fill='%23b2cf41'%3E%3Cpath d='M44.9 10.8h-10c1.4 1.2 2.5 2.7 3.5 4.3h6.5c1.2 0 2.1-1 2.1-2.1 0-1.3-1-2.2-2.1-2.2zm0 5.4h-6c.6 1.3 1.1 2.8 1.4 4.3h4.6c1.2 0 2.1-1 2.1-2.1s-1-2.2-2.1-2.2zm0-10.8H29c-.9 0-1.7.6-2 1.4 2.4.5 4.5 1.5 6.4 2.9h11.4c1.2 0 2.1-1 2.1-2.1s-.9-2.2-2-2.2zM29 4.3h15.8c1.2 0 2.1-1 2.1-2.1a2.06 2.06 0 0 0-2-2.2H29c-1.2 0-2.1 1-2.1 2.1s1 2.2 2.1 2.2zm15.9 17.2h-4.4c.1.6.1 1.3.1 2 0 .8-.1 1.6-.2 2.3h4.4c1.2 0 2.1-1 2.1-2.1s-.9-2.2-2-2.2zm0 5.4h-4.6c-.3 1.5-.8 2.9-1.5 4.3h6.1c1.2 0 2.1-1 2.1-2.1 0-1.2-1-2.2-2.1-2.2zm0 5.4h-6.7c-1 1.6-2.2 3.1-3.6 4.3H45c1.2 0 2.1-1 2.1-2.1s-1.1-2.2-2.2-2.2zM2.1 25.5h4.4c-.1-.6-.1-1.3-.1-2 0-.8.1-1.6.2-2.3H2.1c-1.2 0-2.1 1-2.1 2.1 0 1.2 1 2.2 2.1 2.2zm0 5.3h6C7.5 29.5 7 28 6.7 26.5H2.1c-1.2 0-2.1 1-2.1 2.1s1 2.2 2.1 2.2zm0-10.7h4.6c.3-1.5.8-2.9 1.5-4.3H2.1c-1.2 0-2.1 1-2.1 2.1s1 2.2 2.1 2.2zm0-5.4h6.7c1-1.6 2.2-3.1 3.6-4.3H2.1c-1.2 0-2.1 1-2.1 2.1 0 1.2 1 2.2 2.1 2.2zm0 21.5h10C10.8 35 9.6 33.6 8.7 32H2.1C1 32 0 32.9 0 34.1s1 2.1 2.1 2.1zm0 5.4H18c.9 0 1.7-.6 2-1.4-2.4-.5-4.5-1.5-6.4-2.9H2.1c-1.2 0-2.1 1-2.1 2.1 0 1.3 1 2.2 2.1 2.2zM18 42.7H2.1c-1.2 0-2.1 1-2.1 2.1C0 46 1 47 2.1 47H18c1.2 0 2.1-1 2.1-2.1s-1-2.2-2.1-2.2zm5.5-34.2c-8.2 0-15 6.7-15 15a14.98 14.98 0 0 0 15 15 14.98 14.98 0 0 0 15-15c0-8.3-6.8-15-15-15zm0 25.7c-5.9 0-10.7-4.8-10.7-10.7s4.8-10.7 10.7-10.7 10.7 4.8 10.7 10.7-4.8 10.7-10.7 10.7zm.6-12.1v-3.7c2.1 0 2.1 2.1 3.4 2.1.7 0 1.2-.4 1.2-1.2 0-1.9-3.1-2.9-4.6-2.9v-1c0-.3-.3-.7-.6-.7s-.6.3-.6.7v1c-2.4.1-4.6 1.4-4.6 4.1 0 2.2 1.7 3.4 4.6 3.9v4.1c-3.2-.1-1.5-2.8-3.7-2.8-.7 0-1.2.4-1.2 1.2 0 1.5 1.6 3.5 4.9 3.6v1.2c0 .3.3.7.6.7s.6-.3.6-.7v-1.2C27 30.3 29 29 29 26.4c0-3-2.3-3.8-4.9-4.3zm-1.1-.3c-1.5-.3-2.2-.9-2.2-1.8 0-.8.9-1.6 2.2-1.7v3.5zm1.1 6.7v-3.8c1 .2 2.4.6 2.4 1.9 0 1.2-1.2 1.8-2.4 1.9z'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="commodity"] > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.3 30.3' fill='%234654a0'%3E%3Cpath d='M30.2 8.8L29 6.7v-.2l1.2-2.2c.1-.1 0-.2 0-.3-.1-.1-.2-.1-.3 0l-2.2 1.3h-.2L25.3 4c-.1-.1-.2 0-.3 0-.1.1-.1.2 0 .3l1.3 2.2v.2L25 8.9v.3c.1.1.2.1.3 0l2.2-1.3h.2l2.2 1.2c.1.1.2 0 .3 0 .1-.1.1-.2 0-.3zM2.7 5.3c.1 0 .1.1.1.2l-.1 2.2s0 .1.1.1h.1L4.1 6c0-.1.1-.1.2-.1l2.2.1s.1 0 .1-.1v-.1L4.7 4.5c-.1 0-.1-.1-.1-.2l.1-2.2s0-.1-.1-.1 0 0 0 0L3.3 3.9s-.1.1-.2.1L.9 3.9s-.1 0-.1.1v.1l1.9 1.2zm17.6-2l-.8 1.8v.1h.1L21.2 4c.1 0 .2-.1.2 0l1.8.8h.1v-.1l-1.2-1.6c0-.1-.1-.2 0-.2l.9-1.8V1h-.1l-1.6 1.2c-.1 0-.2.1-.2 0l-1.8-.8h-.1v.1l1.2 1.6c-.1.1-.1.2-.1.2zm4 12.5H24c-.4-.8-1-1.6-1.6-2.3.4-.4.6-.9.6-1.3 0-.3-.1-.6-.2-.9a2.98 2.98 0 0 1-1.4 1c-.9 1.2-3.7 2.1-7 2.1-3.6 0-6.6-1-7.2-2.3-.5-.1-.9-.4-1.3-.6-.1.2-.2.5-.2.8 0 .5.2.9.6 1.3-.8.6-1.3 1.4-1.7 2.2h-.3c-2.4 0-4.3 1.7-4.3 3.7s1.9 3.7 4.3 3.7h.3c.7 1.5 1.9 2.8 3.4 3.7-.2.2-.3.5-.3.9a1.54 1.54 0 0 0 1.5 1.5h10.2a1.54 1.54 0 0 0 1.5-1.5c0-.3-.1-.6-.3-.9 1.5-1 2.6-2.2 3.4-3.7h.3c2.4 0 4.3-1.7 4.3-3.7s-1.9-3.7-4.3-3.7zM3.9 21.2c-1.1-.1-1.9-.8-1.9-1.7s.8-1.5 1.9-1.7c-.1.5-.2 1.1-.2 1.7s.1 1.2.2 1.7zm20.8 0c.1-.5.2-1.1.2-1.7s-.1-1.1-.2-1.7c1.1.1 1.9.9 1.9 1.7s-.9 1.6-1.9 1.7zM9.3 12.1c.3.4.9.6 1.7.7-.1-.2-.2-.5-.2-.7 0-.3.1-.5.2-.8-.4.4-1 .7-1.7.8zm4.7 1.2c.3 0 .5 0 .8-.1-.6-.4-1-1-1-1.7v-.3h-.1c-.4 0-.9-.1-1.3-.2-.4.2-.7.6-.7.9.1.9 1 1.4 2.3 1.4zm3-.5c.6 0 1.2-.2 1.6-.4-1.2-.3-2-1.1-2-2.1h-.3c-.4.4-.9.6-1.5.8-.1.1-.1.3-.1.4.1.8 1 1.3 2.3 1.3zm5.1-2.5c0-.6-.6-1-1.5-1.2-.5.8-1.6 1.3-2.9 1.3.1.6 1 1.1 2.2 1.1 1.2.1 2.2-.5 2.2-1.2zm-5.2-1.2v.3c.2 0 .5.1.7.1 1.2 0 2.2-.6 2.2-1.3 0-.5-.6-1-1.5-1.2-.3.5-.9.9-1.7 1.2.2.2.3.5.3.9zM6.1 10c0 .7 1 1.3 2.2 1.3s2.2-.6 2.2-1.3c0-.2-.1-.4-.3-.6-.1 0-.2.1-.3.1-.3 0-.6.1-.9.1-.8 0-1.5-.3-2-.6-.6.2-.9.6-.9 1zM9 8.6c.2 0 .5 0 .8-.1.4-.1.8-.2 1.1-.4.1-.2.3-.4.5-.5h-.1c-1.1-.1-2-.6-2.5-1.3 0 0 0-.1-.1-.1-.9.4-1.5 1-1.4 1.5.1.6.8.9 1.7.9zm2.3-2h.9c0-.2-.1-.3-.1-.5 0-.6.3-1.1.8-1.5-.4-.2-.8-.4-1.4-.5H11c-1 0-1.8.4-1.9 1 .1.6 1 1.3 2.2 1.5zm2.3.2a4.65 4.65 0 0 1 2.1.5c1.1-.1 1.9-.6 1.9-1.2 0-.7-1-1.3-2.2-1.3s-2.2.6-2.2 1.3c0 .3.2.5.4.7z'/%3E%3Cellipse cx='13.7' cy='9.1' rx='2.2' ry='1.3'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="commodity"]:hover > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.3 30.3' fill='%23b2cf41'%3E%3Cpath d='M30.2 8.8L29 6.7v-.2l1.2-2.2c.1-.1 0-.2 0-.3-.1-.1-.2-.1-.3 0l-2.2 1.3h-.2L25.3 4c-.1-.1-.2 0-.3 0-.1.1-.1.2 0 .3l1.3 2.2v.2L25 8.9v.3c.1.1.2.1.3 0l2.2-1.3h.2l2.2 1.2c.1.1.2 0 .3 0 .1-.1.1-.2 0-.3zM2.7 5.3c.1 0 .1.1.1.2l-.1 2.2s0 .1.1.1h.1L4.1 6c0-.1.1-.1.2-.1l2.2.1s.1 0 .1-.1v-.1L4.7 4.5c-.1 0-.1-.1-.1-.2l.1-2.2s0-.1-.1-.1 0 0 0 0L3.3 3.9s-.1.1-.2.1L.9 3.9s-.1 0-.1.1v.1l1.9 1.2zm17.6-2l-.8 1.8v.1h.1L21.2 4c.1 0 .2-.1.2 0l1.8.8h.1v-.1l-1.2-1.6c0-.1-.1-.2 0-.2l.9-1.8V1h-.1l-1.6 1.2c-.1 0-.2.1-.2 0l-1.8-.8h-.1v.1l1.2 1.6c-.1.1-.1.2-.1.2zm4 12.5H24c-.4-.8-1-1.6-1.6-2.3.4-.4.6-.9.6-1.3 0-.3-.1-.6-.2-.9a2.98 2.98 0 0 1-1.4 1c-.9 1.2-3.7 2.1-7 2.1-3.6 0-6.6-1-7.2-2.3-.5-.1-.9-.4-1.3-.6-.1.2-.2.5-.2.8 0 .5.2.9.6 1.3-.8.6-1.3 1.4-1.7 2.2h-.3c-2.4 0-4.3 1.7-4.3 3.7s1.9 3.7 4.3 3.7h.3c.7 1.5 1.9 2.8 3.4 3.7-.2.2-.3.5-.3.9a1.54 1.54 0 0 0 1.5 1.5h10.2a1.54 1.54 0 0 0 1.5-1.5c0-.3-.1-.6-.3-.9 1.5-1 2.6-2.2 3.4-3.7h.3c2.4 0 4.3-1.7 4.3-3.7s-1.9-3.7-4.3-3.7zM3.9 21.2c-1.1-.1-1.9-.8-1.9-1.7s.8-1.5 1.9-1.7c-.1.5-.2 1.1-.2 1.7s.1 1.2.2 1.7zm20.8 0c.1-.5.2-1.1.2-1.7s-.1-1.1-.2-1.7c1.1.1 1.9.9 1.9 1.7s-.9 1.6-1.9 1.7zM9.3 12.1c.3.4.9.6 1.7.7-.1-.2-.2-.5-.2-.7 0-.3.1-.5.2-.8-.4.4-1 .7-1.7.8zm4.7 1.2c.3 0 .5 0 .8-.1-.6-.4-1-1-1-1.7v-.3h-.1c-.4 0-.9-.1-1.3-.2-.4.2-.7.6-.7.9.1.9 1 1.4 2.3 1.4zm3-.5c.6 0 1.2-.2 1.6-.4-1.2-.3-2-1.1-2-2.1h-.3c-.4.4-.9.6-1.5.8-.1.1-.1.3-.1.4.1.8 1 1.3 2.3 1.3zm5.1-2.5c0-.6-.6-1-1.5-1.2-.5.8-1.6 1.3-2.9 1.3.1.6 1 1.1 2.2 1.1 1.2.1 2.2-.5 2.2-1.2zm-5.2-1.2v.3c.2 0 .5.1.7.1 1.2 0 2.2-.6 2.2-1.3 0-.5-.6-1-1.5-1.2-.3.5-.9.9-1.7 1.2.2.2.3.5.3.9zM6.1 10c0 .7 1 1.3 2.2 1.3s2.2-.6 2.2-1.3c0-.2-.1-.4-.3-.6-.1 0-.2.1-.3.1-.3 0-.6.1-.9.1-.8 0-1.5-.3-2-.6-.6.2-.9.6-.9 1zM9 8.6c.2 0 .5 0 .8-.1.4-.1.8-.2 1.1-.4.1-.2.3-.4.5-.5h-.1c-1.1-.1-2-.6-2.5-1.3 0 0 0-.1-.1-.1-.9.4-1.5 1-1.4 1.5.1.6.8.9 1.7.9zm2.3-2h.9c0-.2-.1-.3-.1-.5 0-.6.3-1.1.8-1.5-.4-.2-.8-.4-1.4-.5H11c-1 0-1.8.4-1.9 1 .1.6 1 1.3 2.2 1.5zm2.3.2a4.65 4.65 0 0 1 2.1.5c1.1-.1 1.9-.6 1.9-1.2 0-.7-1-1.3-2.2-1.3s-2.2.6-2.2 1.3c0 .3.2.5.4.7z'/%3E%3Cellipse cx='13.7' cy='9.1' rx='2.2' ry='1.3'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="institutional"] > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485 485' fill='%234654a0'%3E%3Cpath d='M324.7 66.7l20.5-44c-78-32.8-154.1-31.2-226.9 12.1C48 76.7 9.8 140.2 0 222.1l48.3 4.2C56.9 102.6 193.6 7.7 324.7 66.7zm156.8 134.5l-47.6 8.3c8.4 56.7-3.2 107.7-37.9 152.4-34.4 44.5-80.4 69-136.8 75.2l4.1 47.2c118-4.2 244.4-122.7 218.2-283.1zm-434 59.1l-46.2 4C4.9 363.2 91.2 474.4 221.2 485l4.1-46.9c-101.6-17-160.6-75.9-177.8-177.8zm348.8-135.5c12.1 15.7 21.5 33 28.8 52l45.6-16.6c-18-47.9-47.4-86-89-115.9L353.9 84c16 11.8 30.3 25.1 42.4 40.8zm-94.1 53a7.85 7.85 0 0 0-7.9 7.9V342a7.85 7.85 0 0 0 7.9 7.9h54.1a7.85 7.85 0 0 0 7.9-7.9V185.7a7.85 7.85 0 0 0-7.9-7.9h-54.1zm46.2 156.3h-38.3V193.7h38.3v140.4zM128.7 219.3a7.85 7.85 0 0 0-7.9 7.9V342a7.85 7.85 0 0 0 7.9 7.9h54.1a7.85 7.85 0 0 0 7.9-7.9V227.2a7.85 7.85 0 0 0-7.9-7.9h-54.1zm7.9 114.8v-12.3l12.3 12.3h-12.3zm24.8 0l-24.8-24.8v-12.5l37.4 37.4h-12.6v-.1zm13.5-11.6l-38.3-38.3v-12.5l38.3 38.3v12.5zm0-25l-38.3-38.3v-12.5l38.3 38.3v12.5zm0-25l-37.3-37.3h12.5l24.8 24.8v12.5zm0-25.1l-12.3-12.3h12.3v12.3zm40.5-133.1a7.85 7.85 0 0 0-7.9 7.9V342a7.85 7.85 0 0 0 7.9 7.9h54.1a7.85 7.85 0 0 0 7.9-7.9V122.2a7.85 7.85 0 0 0-7.9-7.9h-54.1z'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="institutional"]:hover > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485 485' fill='%23b2cf41'%3E%3Cpath d='M324.7 66.7l20.5-44c-78-32.8-154.1-31.2-226.9 12.1C48 76.7 9.8 140.2 0 222.1l48.3 4.2C56.9 102.6 193.6 7.7 324.7 66.7zm156.8 134.5l-47.6 8.3c8.4 56.7-3.2 107.7-37.9 152.4-34.4 44.5-80.4 69-136.8 75.2l4.1 47.2c118-4.2 244.4-122.7 218.2-283.1zm-434 59.1l-46.2 4C4.9 363.2 91.2 474.4 221.2 485l4.1-46.9c-101.6-17-160.6-75.9-177.8-177.8zm348.8-135.5c12.1 15.7 21.5 33 28.8 52l45.6-16.6c-18-47.9-47.4-86-89-115.9L353.9 84c16 11.8 30.3 25.1 42.4 40.8zm-94.1 53a7.85 7.85 0 0 0-7.9 7.9V342a7.85 7.85 0 0 0 7.9 7.9h54.1a7.85 7.85 0 0 0 7.9-7.9V185.7a7.85 7.85 0 0 0-7.9-7.9h-54.1zm46.2 156.3h-38.3V193.7h38.3v140.4zM128.7 219.3a7.85 7.85 0 0 0-7.9 7.9V342a7.85 7.85 0 0 0 7.9 7.9h54.1a7.85 7.85 0 0 0 7.9-7.9V227.2a7.85 7.85 0 0 0-7.9-7.9h-54.1zm7.9 114.8v-12.3l12.3 12.3h-12.3zm24.8 0l-24.8-24.8v-12.5l37.4 37.4h-12.6v-.1zm13.5-11.6l-38.3-38.3v-12.5l38.3 38.3v12.5zm0-25l-38.3-38.3v-12.5l38.3 38.3v12.5zm0-25l-37.3-37.3h12.5l24.8 24.8v12.5zm0-25.1l-12.3-12.3h12.3v12.3zm40.5-133.1a7.85 7.85 0 0 0-7.9 7.9V342a7.85 7.85 0 0 0 7.9 7.9h54.1a7.85 7.85 0 0 0 7.9-7.9V122.2a7.85 7.85 0 0 0-7.9-7.9h-54.1z'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="depository"] > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%234654a0'%3E%3Cpath d='M494.4 228.6c-5.9-5.9-15.4-5.9-21.2 0s-5.9 15.4 0 21.2c5.7 5.7 8.8 13.2 8.8 21.2 0 16.5-14.5 30-31 30h-.7v-.5c-6.2-67.6-55.1-122.2-120.1-141.5-4.1 45.8-42.3 82-89.2 82-48.7 0-88.2-38.9-89.7-87.2C131.5 133.2 104.4 121 76 121c-4.4 0-8.6 1.9-11.4 5.3-2.9 3.4-4.1 7.8-3.4 12.2l11.4 68.2c-16.8 18.7-28.9 41-35.6 65.2-20.5 4.2-37 22.4-37 44.1v30c0 24.8 21.2 45 46 45 .7 0 1.4 0 2.1-.1h.9c10.3 20.1 24.6 38 42.1 52.4V497a14.98 14.98 0 0 0 15 15h60a14.98 14.98 0 0 0 15-15v-17.5c5 .5 10 1.5 15 1.5h75v16a14.98 14.98 0 0 0 15 15h60a14.98 14.98 0 0 0 15-15v-34c50.8-25.9 83.8-76 89-132h1c33.1 0 61-26.9 61-60-.1-16-6.3-31.1-17.7-42.4zM106 301a15 15 0 1 1 0-30 15 15 0 1 1 0 30zm180 0h-90a15 15 0 1 1 0-30h90a15 15 0 1 1 0 30zM241 91c-33.1 0-60 26.9-60 60s26.9 60 60 60 60-26.9 60-60-26.9-60-60-60zM361 0c-33.1 0-60 26.9-60 60s26.9 60 60 60 60-26.9 60-60-26.9-60-60-60z'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="depository"]:hover > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23b2cf41'%3E%3Cpath d='M494.4 228.6c-5.9-5.9-15.4-5.9-21.2 0s-5.9 15.4 0 21.2c5.7 5.7 8.8 13.2 8.8 21.2 0 16.5-14.5 30-31 30h-.7v-.5c-6.2-67.6-55.1-122.2-120.1-141.5-4.1 45.8-42.3 82-89.2 82-48.7 0-88.2-38.9-89.7-87.2C131.5 133.2 104.4 121 76 121c-4.4 0-8.6 1.9-11.4 5.3-2.9 3.4-4.1 7.8-3.4 12.2l11.4 68.2c-16.8 18.7-28.9 41-35.6 65.2-20.5 4.2-37 22.4-37 44.1v30c0 24.8 21.2 45 46 45 .7 0 1.4 0 2.1-.1h.9c10.3 20.1 24.6 38 42.1 52.4V497a14.98 14.98 0 0 0 15 15h60a14.98 14.98 0 0 0 15-15v-17.5c5 .5 10 1.5 15 1.5h75v16a14.98 14.98 0 0 0 15 15h60a14.98 14.98 0 0 0 15-15v-34c50.8-25.9 83.8-76 89-132h1c33.1 0 61-26.9 61-60-.1-16-6.3-31.1-17.7-42.4zM106 301a15 15 0 1 1 0-30 15 15 0 1 1 0 30zm180 0h-90a15 15 0 1 1 0-30h90a15 15 0 1 1 0 30zM241 91c-33.1 0-60 26.9-60 60s26.9 60 60 60 60-26.9 60-60-26.9-60-60-60zM361 0c-33.1 0-60 26.9-60 60s26.9 60 60 60 60-26.9 60-60-26.9-60-60-60z'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="margin"] > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%234654a0'%3E%3Cpath d='M187.8 117.7L145.2 130h30.3zm94.3-74.6L195.3 130h174.5zM394 130V46.3l-65.5 23.1 61.2 60.6zM126 304.8c-45.4 0-82.2 36.8-82.2 82.2s36.8 82.2 82.2 82.2 82.2-36.8 82.2-82.2c-.1-45.4-36.8-82.1-82.2-82.2zm18.3 57.2h11.1c3.9 0 7 3.1 7 7s-3.1 7-7 7h-11.1c-3.2 15.2-16.6 26.1-32.1 26.2l30.7 29.2c2.7 2.7 2.8 7.2 0 9.9-2.6 2.6-6.9 2.8-9.6.3l-43.5-41c-2.1-1.9-2.8-4.8-1.7-7.4s3.7-4.2 6.5-4.1H112c8.1 0 14.9-5 17.7-13H94.6c-3.9 0-7-3.1-7-7s3.1-7 7-7h35.1c-2.9-7.2-9.9-12-17.7-12H94.6c-3.9 0-7-3.1-7-7s3.1-7 7-7h60.8c3.9 0 7 3.1 7 7s-3.1 7-7 7H139c2.4 3.6 4.2 7.6 5.3 11.9zm217.8-81.5c0 29 23.6 52.5 52.6 52.5H468V228h-53.3c-29 0-52.5 23.5-52.6 52.5zm70-.1c0 15-12.2 27.2-27.2 27.2s-27.2-12.2-27.2-27.2 12.2-27.2 27.2-27.2c15-.1 27.1 12.1 27.2 27.2zM102 294c7.9-2.2 16-3.2 24.2-3.2 53 0 95.9 43.2 95.9 96.2 0 9.8-1.5 19.6-4.5 29H468v-69h-53.3c-36.7 0-66.5-29.8-66.5-66.5S378 214 414.7 214H468v-70H102v150z'/%3E%3Ccircle cx='404.8' cy='280.4' r='13.2'/%3E%3C/svg%3E"); } .why_choose_box[data-icon="margin"]:hover > span { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23b2cf41'%3E%3Cpath d='M187.8 117.7L145.2 130h30.3zm94.3-74.6L195.3 130h174.5zM394 130V46.3l-65.5 23.1 61.2 60.6zM126 304.8c-45.4 0-82.2 36.8-82.2 82.2s36.8 82.2 82.2 82.2 82.2-36.8 82.2-82.2c-.1-45.4-36.8-82.1-82.2-82.2zm18.3 57.2h11.1c3.9 0 7 3.1 7 7s-3.1 7-7 7h-11.1c-3.2 15.2-16.6 26.1-32.1 26.2l30.7 29.2c2.7 2.7 2.8 7.2 0 9.9-2.6 2.6-6.9 2.8-9.6.3l-43.5-41c-2.1-1.9-2.8-4.8-1.7-7.4s3.7-4.2 6.5-4.1H112c8.1 0 14.9-5 17.7-13H94.6c-3.9 0-7-3.1-7-7s3.1-7 7-7h35.1c-2.9-7.2-9.9-12-17.7-12H94.6c-3.9 0-7-3.1-7-7s3.1-7 7-7h60.8c3.9 0 7 3.1 7 7s-3.1 7-7 7H139c2.4 3.6 4.2 7.6 5.3 11.9zm217.8-81.5c0 29 23.6 52.5 52.6 52.5H468V228h-53.3c-29 0-52.5 23.5-52.6 52.5zm70-.1c0 15-12.2 27.2-27.2 27.2s-27.2-12.2-27.2-27.2 12.2-27.2 27.2-27.2c15-.1 27.1 12.1 27.2 27.2zM102 294c7.9-2.2 16-3.2 24.2-3.2 53 0 95.9 43.2 95.9 96.2 0 9.8-1.5 19.6-4.5 29H468v-69h-53.3c-36.7 0-66.5-29.8-66.5-66.5S378 214 414.7 214H468v-70H102v150z'/%3E%3Ccircle cx='404.8' cy='280.4' r='13.2'/%3E%3C/svg%3E"); } /*why choose us end*/ /*Tech Support Start*/ .TechSupport { padding: 40px 0px; } .TechSupport h3 { font-size: 32px; font-family: 'Roboto Slab', sans-serif; font-weight: 400; font-style: normal; color: #0d1a49; display: block; line-height: 32px; text-align: center; margin: 0 0 30px; } .TechsupportBox { position: relative; padding: 15px 10px 15px 84px; font-size: 18px; color: #0f1b4c; font-family: 'Roboto Slab', sans-serif; font-weight: 400; display: block; line-height: 19px; } .TechsupportBox > i { display: block; font-style: normal; } .TechsupportBox > em { position: absolute; background-image: url(""); width: 60px; height: 60px; background-color: red; top: 50%; left: 0px; margin-top: -30px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100%; } .ContactBox { position: relative; padding: 45px 5px 5px 5px; text-align: center; font-size: 15px; color: #0f1b4c; font-family: 'Roboto', sans-serif; font-weight: 400; display: block; } .ContactBox > em { position: absolute; background-image: url(""); top: 0px; left: 50%; margin-left: -15px; width: 30px; height: 30px; background-color: red; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100%; } .TechsupportBox[data-icon="support"] > em { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 496' width='512' height='512' fill='%23b2cf41'%3E%3Cpath d='M402.524 432l-18.52-55.568a56 56 0 0 0-43.112-37.384l-53.464-9.728v-4.144c9.304-5.4 17.4-12.624 23.848-21.176h16.152c13.232 0 24-10.768 24-24v-96c0-57.344-46.656-104-104-104s-104 46.656-104 104v56c0 15.424 10.968 28.328 25.512 31.336 4.488 22.992 18.856 42.448 38.488 53.84v4.144l-53.472 9.728a55.99 55.99 0 0 0-43.104 37.384l-3.2 9.608-27.248-27.248a8.02 8.02 0 0 1 0-11.32l31.6-31.592-59.312-59.312L16.98 292.28C6.404 302.856.58 316.92.58 331.88s5.824 29.016 16.4 39.592l108.12 108.12C135.676 490.168 149.74 496 164.7 496s29.016-5.832 39.344-16.168l38.968-35.704L230.86 432h171.664zm-67.096-152a8.01 8.01 0 0 1-8 8H320.7a79.46 79.46 0 0 0 5.216-16.664c3.424-.712 6.576-2.072 9.512-3.784V280zm-8-26.224v-27.552c4.76 2.776 8 7.88 8 13.776s-3.24 11-8 13.776zm-160 0c-4.76-2.776-8-7.88-8-13.776s3.24-11 8-13.776v27.552zm0-53.776v9.136a31.73 31.73 0 0 0-8 3.312V184c0-48.52 39.48-88 88-88s88 39.48 88 88v28.448a31.44 31.44 0 0 0-8-3.312V200h-8c-23.656 0-45.896-9.216-62.632-25.944l-9.368-9.368-9.368 9.368C221.324 190.784 199.084 200 175.428 200h-8zm16 56v-40.304c24.024-1.808 46.424-11.72 64-28.432 17.576 16.712 39.976 26.632 64 28.432V256c0 11.664-3.184 22.576-8.656 32h-55.344v16h42.192c-11.28 9.928-26.024 16-42.192 16-35.288 0-64-28.712-64-64zm88 76.312v.376l-24 24-24-24v-.376c7.584 2.384 15.64 3.688 24 3.688s16.416-1.304 24-3.688zM126.02 381.488c4.616-13.856 16.416-24.088 30.792-26.712l55.92-10.16 34.696 34.696 34.688-34.688 55.912 10.16a40 40 0 0 1 30.792 26.712L380.332 416H214.86l-31.16-31.16-34.624 31.32c-3.016 3.032-8.288 3.032-11.312 0l-17.472-17.472 5.728-17.2zM52.684 279.192l36.688 36.688-8.688 8.688-36.688-36.688 8.688-8.688zm140.28 189.104c-7.552 7.536-17.6 11.704-28.28 11.704s-20.728-4.168-28.288-11.72L28.276 360.168c-7.552-7.552-11.712-17.6-11.712-28.28A39.74 39.74 0 0 1 28.276 303.6l4.4-4.4 36.688 36.688-.288.288c-9.352 9.36-9.352 24.584 0 33.944l57.368 57.368c4.536 4.528 10.56 7.032 16.976 7.032s12.44-2.496 16.68-6.752l.6-.536 36.856 36.856-4.592 4.208zm16.4-15.04l-36.776-36.776 10.568-9.552 36.712 36.712-10.504 9.616zM471.428 0h-112c-13.232 0-24 10.768-24 24v64c0 13.232 10.768 24 24 24h21.368l-8.272 48.248 77.2-48.248h21.704c13.232 0 24-10.768 24-24V24c0-13.232-10.768-24-24-24zm8 88c0 4.408-3.592 8-8 8h-26.296l-50.808 31.752L399.772 96h-40.344c-4.408 0-8-3.592-8-8V24c0-4.408 3.592-8 8-8h112c4.408 0 8 3.592 8 8v64zm-112-56h96v16h-96zm0 32h64v16h-64zm80 0h16v16h-16zm-200-40C142.9 24 52.86 96.304 29.452 197.16l-15.16-25.272-13.72 8.232 28.12 46.856 46.856-28.12-8.232-13.72-21.68 13.008C68.308 105.88 151.276 40 247.428 40c21.016 0 41.752 3.12 61.632 9.28L313.796 34c-21.416-6.64-43.744-10-66.368-10zM491.54 177.136l-46.856-28.12-28.112 46.864 13.72 8.232 14-23.336c7.368 21.56 11.136 44.112 11.136 67.224 0 47.576-16.48 94.088-46.392 130.96l12.424 10.08c32.224-39.712 49.968-89.808 49.968-141.04 0-24.472-3.944-48.368-11.632-71.248l23.512 14.104 8.232-13.72z'/%3E%3C/svg%3E"); } .ContactBox[data-icon="support"] > em { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 496' width='512' height='512' fill='%23b2cf41'%3E%3Cpath d='M402.524 432l-18.52-55.568a56 56 0 0 0-43.112-37.384l-53.464-9.728v-4.144c9.304-5.4 17.4-12.624 23.848-21.176h16.152c13.232 0 24-10.768 24-24v-96c0-57.344-46.656-104-104-104s-104 46.656-104 104v56c0 15.424 10.968 28.328 25.512 31.336 4.488 22.992 18.856 42.448 38.488 53.84v4.144l-53.472 9.728a55.99 55.99 0 0 0-43.104 37.384l-3.2 9.608-27.248-27.248a8.02 8.02 0 0 1 0-11.32l31.6-31.592-59.312-59.312L16.98 292.28C6.404 302.856.58 316.92.58 331.88s5.824 29.016 16.4 39.592l108.12 108.12C135.676 490.168 149.74 496 164.7 496s29.016-5.832 39.344-16.168l38.968-35.704L230.86 432h171.664zm-67.096-152a8.01 8.01 0 0 1-8 8H320.7a79.46 79.46 0 0 0 5.216-16.664c3.424-.712 6.576-2.072 9.512-3.784V280zm-8-26.224v-27.552c4.76 2.776 8 7.88 8 13.776s-3.24 11-8 13.776zm-160 0c-4.76-2.776-8-7.88-8-13.776s3.24-11 8-13.776v27.552zm0-53.776v9.136a31.73 31.73 0 0 0-8 3.312V184c0-48.52 39.48-88 88-88s88 39.48 88 88v28.448a31.44 31.44 0 0 0-8-3.312V200h-8c-23.656 0-45.896-9.216-62.632-25.944l-9.368-9.368-9.368 9.368C221.324 190.784 199.084 200 175.428 200h-8zm16 56v-40.304c24.024-1.808 46.424-11.72 64-28.432 17.576 16.712 39.976 26.632 64 28.432V256c0 11.664-3.184 22.576-8.656 32h-55.344v16h42.192c-11.28 9.928-26.024 16-42.192 16-35.288 0-64-28.712-64-64zm88 76.312v.376l-24 24-24-24v-.376c7.584 2.384 15.64 3.688 24 3.688s16.416-1.304 24-3.688zM126.02 381.488c4.616-13.856 16.416-24.088 30.792-26.712l55.92-10.16 34.696 34.696 34.688-34.688 55.912 10.16a40 40 0 0 1 30.792 26.712L380.332 416H214.86l-31.16-31.16-34.624 31.32c-3.016 3.032-8.288 3.032-11.312 0l-17.472-17.472 5.728-17.2zM52.684 279.192l36.688 36.688-8.688 8.688-36.688-36.688 8.688-8.688zm140.28 189.104c-7.552 7.536-17.6 11.704-28.28 11.704s-20.728-4.168-28.288-11.72L28.276 360.168c-7.552-7.552-11.712-17.6-11.712-28.28A39.74 39.74 0 0 1 28.276 303.6l4.4-4.4 36.688 36.688-.288.288c-9.352 9.36-9.352 24.584 0 33.944l57.368 57.368c4.536 4.528 10.56 7.032 16.976 7.032s12.44-2.496 16.68-6.752l.6-.536 36.856 36.856-4.592 4.208zm16.4-15.04l-36.776-36.776 10.568-9.552 36.712 36.712-10.504 9.616zM471.428 0h-112c-13.232 0-24 10.768-24 24v64c0 13.232 10.768 24 24 24h21.368l-8.272 48.248 77.2-48.248h21.704c13.232 0 24-10.768 24-24V24c0-13.232-10.768-24-24-24zm8 88c0 4.408-3.592 8-8 8h-26.296l-50.808 31.752L399.772 96h-40.344c-4.408 0-8-3.592-8-8V24c0-4.408 3.592-8 8-8h112c4.408 0 8 3.592 8 8v64zm-112-56h96v16h-96zm0 32h64v16h-64zm80 0h16v16h-16zm-200-40C142.9 24 52.86 96.304 29.452 197.16l-15.16-25.272-13.72 8.232 28.12 46.856 46.856-28.12-8.232-13.72-21.68 13.008C68.308 105.88 151.276 40 247.428 40c21.016 0 41.752 3.12 61.632 9.28L313.796 34c-21.416-6.64-43.744-10-66.368-10zM491.54 177.136l-46.856-28.12-28.112 46.864 13.72 8.232 14-23.336c7.368 21.56 11.136 44.112 11.136 67.224 0 47.576-16.48 94.088-46.392 130.96l12.424 10.08c32.224-39.712 49.968-89.808 49.968-141.04 0-24.472-3.944-48.368-11.632-71.248l23.512 14.104 8.232-13.72z'/%3E%3C/svg%3E"); } .ContactBox[data-icon="mobile"] > em { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 473.806 473.806' width='512' height='512' fill='%236f6ec6'%3E%3Cpath d='M374.456 293.506c-9.7-10.1-21.4-15.5-33.8-15.5-12.3 0-24.1 5.3-34.2 15.4l-31.6 31.5-7.7-4c-3.6-1.8-7-3.5-9.9-5.3-29.6-18.8-56.5-43.3-82.3-75-12.5-15.8-20.9-29.1-27-42.6 8.2-7.5 15.8-15.3 23.2-22.8l8.4-8.5c21-21 21-48.2 0-69.2l-27.3-27.3-9.3-9.5c-6-6.2-12.3-12.6-18.8-18.6-9.7-9.6-21.3-14.7-33.5-14.7s-24 5.1-34 14.7l-.2.2-34 34.3c-12.8 12.8-20.1 28.4-21.7 46.5-2.4 29.2 6.2 56.4 12.8 74.2 16.2 43.7 40.4 84.2 76.5 127.6 43.8 52.3 96.5 93.6 156.7 122.7 23 10.9 53.7 23.8 88 26 2.1.1 4.3.2 6.3.2 23.1 0 42.5-8.3 57.7-24.8.1-.2.3-.3.4-.5 5.2-6.3 11.2-12 17.5-18.1 4.3-4.1 8.7-8.4 13-12.9 9.9-10.3 15.1-22.3 15.1-34.6 0-12.4-5.3-24.3-15.4-34.3l-54.9-55.1zm35.8 105.3c-.1 0-.1.1 0 0-3.9 4.2-7.9 8-12.2 12.2-6.5 6.2-13.1 12.7-19.3 20-10.1 10.8-22 15.9-37.6 15.9-1.5 0-3.1 0-4.6-.1-29.7-1.9-57.3-13.5-78-23.4-56.6-27.4-106.3-66.3-147.6-115.6-34.1-41.1-56.9-79.1-72-119.9-9.3-24.9-12.7-44.3-11.2-62.6 1-11.7 5.5-21.4 13.8-29.7l34.1-34.1c4.9-4.6 10.1-7.1 15.2-7.1 6.3 0 11.4 3.8 14.6 7l.3.3c6.1 5.7 11.9 11.6 18 17.9l9.5 9.7 27.3 27.3c10.6 10.6 10.6 20.4 0 31l-8.6 8.6c-8.4 8.6-16.4 16.6-25.1 24.4-.2.2-.4.3-.5.5-8.6 8.6-7 17-5.2 22.7l.3.9c7.1 17.2 17.1 33.4 32.3 52.7l.1.1c27.6 34 56.7 60.5 88.8 80.8 4.1 2.6 8.3 4.7 12.3 6.7 3.6 1.8 7 3.5 9.9 5.3.4.2.8.5 1.2.7 3.4 1.7 6.6 2.5 9.9 2.5 8.3 0 13.5-5.2 15.2-6.9l34.2-34.2c3.4-3.4 8.8-7.5 15.1-7.5 6.2 0 11.3 3.9 14.4 7.3l55.3 55.3c10.3 10.2 10.3 20.7.1 31.3zm-154.2-286.1c26.2 4.4 50 16.8 69 35.8s31.3 42.8 35.8 69c1.1 6.6 6.8 11.2 13.3 11.2.8 0 1.5-.1 2.3-.2 7.4-1.2 12.3-8.2 11.1-15.6-5.4-31.7-20.4-60.6-43.3-83.5s-51.8-37.9-83.5-43.3c-7.4-1.2-14.3 3.7-15.6 11s3.5 14.4 10.9 15.6zm217.2 96.3c-8.9-52.2-33.5-99.7-71.3-137.5s-85.3-62.4-137.5-71.3c-7.3-1.3-14.2 3.7-15.5 11-1.2 7.4 3.7 14.3 11.1 15.6 46.6 7.9 89.1 30 122.9 63.7 33.8 33.8 55.8 76.3 63.7 122.9 1.1 6.6 6.8 11.2 13.3 11.2.8 0 1.5-.1 2.3-.2 7.3-1.1 12.3-8.1 11-15.4z'/%3E%3C/svg%3E"); } .ContactBox[data-icon="email"] > em { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 483.3 483.3' width='512' height='512' fill='%236f6ec6'%3E%3Cpath d='M424.3 57.75H59.1c-32.6 0-59.1 26.5-59.1 59.1v249.6c0 32.6 26.5 59.1 59.1 59.1h365.1c32.6 0 59.1-26.5 59.1-59.1v-249.5c.1-32.6-26.4-59.2-59-59.2zm32.1 308.7c0 17.7-14.4 32.1-32.1 32.1H59.1c-17.7 0-32.1-14.4-32.1-32.1v-249.5c0-17.7 14.4-32.1 32.1-32.1h365.1c17.7 0 32.1 14.4 32.1 32.1v249.5h.1zm-151.6-127.9l118.2-106c5.5-5 6-13.5 1-19.1-5-5.5-13.5-6-19.1-1l-163 146.3-31.8-28.4c-.1-.1-.2-.2-.2-.3-.7-.7-1.4-1.3-2.2-1.9L78.3 112.35c-5.6-5-14.1-4.5-19.1 1.1s-4.5 14.1 1.1 19.1l119.6 106.9-119.1 111.5c-5.4 5.1-5.7 13.6-.6 19.1 2.7 2.8 6.3 4.3 9.9 4.3a13.53 13.53 0 0 0 9.2-3.6l120.9-113.1 32.8 29.3a13.49 13.49 0 0 0 9 3.4c3.2 0 6.5-1.2 9-3.5l33.7-30.2 120.2 114.2c2.6 2.5 6 3.7 9.3 3.7 3.6 0 7.1-1.4 9.8-4.2 5.1-5.4 4.9-14-.5-19.1l-118.7-112.7z'/%3E%3C/svg%3E"); } .ContactBox[data-icon="web"] > em { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='512' viewBox='0 -27 512 511' width='512' fill='%236f6ec6'%3E%3Cpath d='M310.004 168.5c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88zm0 156c-37.496 0-68-30.504-68-68s30.504-68 68-68 68 30.504 68 68-30.504 68-68 68zm0-112.996a10 10 0 1 0 0 20c13.78 0 24.996 11.215 24.996 24.996a10 10 0 1 0 20 0c0-24.812-20.184-44.996-44.996-44.996zM61.645 75.902c-2.54-4.902-8.57-6.82-13.477-4.285s-6.824 8.574-4.285 13.48l26.918 52c1.742 3.367 5.266 5.426 9.03 5.402 3.8-.06 7.223-2.254 8.863-5.672l16.297-33.93 17.7 34.2a10.01 10.01 0 0 0 8.883 5.402h.148a10.01 10.01 0 0 0 8.867-5.672l24.973-52c2.4-4.977.293-10.953-4.684-13.344a10 10 0 0 0-13.344 4.688l-16.297 33.93-17.703-34.2c-1.742-3.367-5.258-5.434-9.027-5.402-3.793.06-7.227 2.254-8.867 5.672L79.347 110.1zM125.988 20.5a10.07 10.07 0 0 0 7.07-2.93c1.86-1.86 2.93-4.44 2.93-7.07a10.06 10.06 0 0 0-2.93-7.07 10.08 10.08 0 0 0-7.07-2.93 10.07 10.07 0 0 0-7.066 2.93 10.07 10.07 0 0 0-2.934 7.07 10.07 10.07 0 0 0 2.934 7.07 10.07 10.07 0 0 0 7.066 2.93zm0 0'/%3E%3Cpath d='M512 172.5v-132c0-22.055-17.945-40-40-40H167.988c-5.52 0-10 4.477-10 10s4.48 10 10 10H472c11.027 0 20 8.973 20 20v132c0 11.027-8.973 20-20 20h-48c-.3 0-.57.02-.852.043-15.434-27.195-40.383-48.305-70.293-58.777l14.824-30.863 17.703 34.195a9.99 9.99 0 0 0 8.879 5.402h.152c3.8-.06 7.223-2.254 8.863-5.672l24.973-52a10 10 0 0 0-18.027-8.656l-16.293 33.93-17.703-34.2c-1.742-3.367-5.254-5.434-9.03-5.398a9.99 9.99 0 0 0-8.863 5.668l-16.297 33.93-17.7-34.2c-2.54-4.902-8.574-6.82-13.48-4.28s-6.82 8.57-4.285 13.477l22.133 42.754a130.58 130.58 0 0 0-18.695-1.352 129.72 129.72 0 0 0-35.477 4.922l22.38-46.594a10 10 0 0 0-4.687-13.34 9.99 9.99 0 0 0-13.34 4.684l-16.297 33.93-17.703-34.2c-1.742-3.367-5.238-5.434-9.03-5.398a9.99 9.99 0 0 0-8.863 5.668l-16.293 33.93-17.703-34.2a10 10 0 1 0-17.762 9.195l26.918 52c1.742 3.367 5.25 5.426 9.03 5.402 3.8-.06 7.223-2.254 8.863-5.672l16.297-33.926 17.7 34.195c.297.574.66 1.094 1.055 1.6C230.574 150.174 210.2 169.08 196.9 192.5H40c-11.027 0-20-8.973-20-20v-132c0-11.027 8.973-20 20-20h40.992a10 10 0 1 0 0-20H40C17.945.5 0 18.445 0 40.5v132c0 22.06 17.945 40 40 40h147.676c-4.96 13.75-7.672 28.563-7.672 44 0 71.684 58.316 130 130 130 23.555 0 45.668-6.297 64.742-17.297l79.367 79.367c6.6 6.6 15.293 9.914 23.977 9.914s17.367-3.305 23.977-9.914c13.223-13.223 13.223-34.734 0-47.957l-31.184-31.184c-3.906-3.902-10.238-3.906-14.14 0a10 10 0 0 0 0 14.141l31.184 31.188c5.422 5.422 5.422 14.246 0 19.672s-14.246 5.422-19.668 0l-76.738-76.742c29.547-23.848 48.484-60.344 48.484-101.187 0-15.437-2.7-30.25-7.672-44H472c22.06 0 40-17.945 40-40zm-201.996 194c-60.652 0-110-49.348-110-110s49.348-110 110-110 110 49.348 110 110-49.344 110-110 110zm123.016-20.8c-1.86 1.86-2.93 4.438-2.93 7.07a10.08 10.08 0 0 0 2.93 7.07c1.87 1.86 4.44 2.93 7.07 2.93a10.08 10.08 0 0 0 7.07-2.93 10.04 10.04 0 0 0 2.93-7.07c0-2.63-1.06-5.2-2.93-7.07a10.06 10.06 0 0 0-7.07-2.93 10.08 10.08 0 0 0-7.07 2.93zm0 0'/%3E%3C/svg%3E"); } .ContactBox[data-icon="whatsapp"] > em { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='512' viewBox='0 -2 512 512' width='512'%3E%3Cpath d='M255.996 507.95h-.102c-39.945-.016-79.55-9.445-115.043-27.336L31.445 505.5c-6.676 1.516-13.668-.488-18.527-5.312s-6.9-11.8-5.44-18.488L31.184 373.94C10.816 336.328.063 295.133.004 254.285c-.004-.14-.004-.28-.004-.418.027-67.69 26.797-131.44 75.37-179.504C123.836 26.4 187.98 0 255.992 0 324.156.027 388.2 26.46 436.344 74.426 485.156 123.06 512.023 186.86 512 254.07c-.02 50.793-15.25 99.883-44.043 141.957-6.238 9.117-18.684 11.45-27.8 5.21s-11.45-18.684-5.21-27.8c24.223-35.398 37.035-76.68 37.055-119.383.02-56.496-22.668-110.227-63.887-151.293-40.598-40.45-94.625-62.738-152.13-62.762C137.066 40 40.25 135.742 40 253.508l.004.38c-.016 36.453 10.238 73.414 29.648 106.887 2.512 4.332 3.31 9.445 2.23 14.332L53.316 459.5l85.84-19.527a20.04 20.04 0 0 1 13.98 1.926c31.363 17.027 66.898 26.035 102.766 26.05h.1c39.004 0 77.31-10.547 110.77-30.496 9.484-5.66 21.762-2.555 27.418 6.934s2.555 21.762-6.934 27.422c-39.652 23.64-85.04 36.14-131.254 36.14zm-56.484-355.73c-4.387-9.72-9.004-10.05-13.176-10.22h-11.223c-3.906 0-10.25 1.46-15.613 7.3s-20.496 19.957-20.496 48.672 20.984 56.465 23.9 60.363c2.93 3.89 40.512 64.7 100.027 88.094 49.465 19.44 59.53 15.574 70.266 14.598 10.738-.97 34.648-14.113 39.523-27.742 4.883-13.625 4.883-25.305 3.418-27.746-1.46-2.43-5.367-3.89-11.223-6.81s-34.56-17.28-39.926-19.227-9.27-2.918-13.176 2.926c-3.906 5.836-15.406 19.332-18.824 23.223-3.414 3.902-6.832 4.387-12.687 1.47-5.855-2.93-24.523-9.2-46.895-29.078-17.4-15.473-29.488-35.2-32.906-41.043-3.418-5.836-.367-9 2.57-11.9 2.63-2.613 6.188-6.187 9.117-9.594 2.922-3.406 3.758-5.84 5.707-9.734s.977-7.3-.484-10.223-12.707-31.78-17.914-43.32' fill='%236f6ec6'/%3E%3C/svg%3E"); } .ContactBox.iconsmall { padding: 3px 0; } .ContactBox.iconsmall > em { width: 25px; height: 25px; left: 0px; margin-left: 0; top: 0; } .ContactBox.iconsmall.whatsap { margin-top: 15px; } .ContactBox.green { font-size: 15px; padding: 0; text-align: left; color: #4350b0; text-transform: uppercase; font-weight: 400; } .ContactBox.green > i { display: block; font-style: normal; line-height: 16px; font-size: 14px; color: #858585; text-transform: lowercase; font-weight: normal; } .ContactBox.green > b { display: block; font-style: normal; font-size: 20px; color: #0e1a4a; font-family: 'Roboto', sans-serif; font-weight: 700; padding-top: 5px; } .ContactBox[data-icon="calltrade"] > em { background: url(../images/CallTrade.svg)no-repeat center center; background-size: cover; } /*Tech Support End*/ /*Knowledge Center Start*/ .Knowledge { padding: 70px 0; background: #f1f1f1; } .KnowledgeBox { padding: 0 15px; text-align: center; } .KnowledgeBox > b { font-size: 35px; font-family: 'Roboto Slab', sans-serif; font-weight: 400; font-style: normal; color: #0d1a49; display: block; margin-top: 35px; line-height: 35px; } .KnowledgeBox > i { font-size: 19px; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; color: #5d69a9; display: block; margin-bottom: 5px; line-height: 35px; } .KnowledgeBox > a { text-transform: uppercase; background: #b2cf41; text-align: center; border-radius: 50px; margin: 0px; display: inline-block; padding: 10px 20px; font-size: 14px; color: #000; font-weight: 600; line-height: 14px; transition: all 0.5s ease; } .KnowledgeBox > a:hover { background-color: #4755a0; } /*Knowledge Center End*/ /*NB Media Start*/ .MediaTopBox { font-size: 35px; font-family: 'Roboto Slab', sans-serif; font-weight: 400; color: #b1cf3f; position: relative; margin: 0; margin-bottom: 15px; } .MediaTopBox > b { font-family: 'Roboto Slab', sans-serif; font-weight: 400; font-style: normal; color: #0f1b4c; } .MediaTopBox > a { position: absolute; top: 15px; right: 10px; color: #4755a0; font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; } .MediaBox { float: left; width: 20%; } .MediaBox > a.homeMediaRespMenu { display: none; position: relative; background: #4653a0; padding: 8px 15px; color: #fff; border-radius: 5px; } .MediaBox > a.homeMediaRespMenu > i { position: absolute; right: 15px; top: 5px; font-size: 23px; color: #fff; } ul.Mediaul { margin: 0; padding: 0; text-transform: uppercase; font-size: 14px; text-align: center; display: inline-block; width: 100%; background: #fff; box-shadow: 0 3px 6px #ddd; } ul.Mediaul > li { padding: 6px 10px; display: table; width: 100%; border-bottom: 1px solid #e6e6e6; transition: all 0.4s ease; } ul.Mediaul > li > a { color: #0e1a4a; font-weight: 400; display: table-cell; vertical-align: middle; font-size: 14px; text-transform: capitalize; text-align: left; } ul.Mediaul > li > a > b { display: block; font-weight: normal; font-size: 14px; } ul.Mediaul > li.active { background-color: #0f1b4c; position: relative; border-right: 3px solid #b1cf3d; } ul.Mediaul > li.active > a { color: #fff; } ul.Mediaul > li.active > a > b { color: #fff; } ul.Mediaul > li.active:after { content: ''; display: block; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #b1cf3d; } ul.Mediaul > li:hover { border-color: #0f1b4c; } ul.Mediaul > li.active:hover { border-right: 3px solid #b1cf3d; border-bottom: 1px solid #e6e6e6; } ul.Mediaul > li:hover > a, ul.Mediaul > li:hover > a > b { color: #4653a0; } ul.Mediaul > li.active:hover > a, ul.Mediaul > li.active:hover > a > b { color: #fff; } .MediaDisplay { float: left; width: 75%; padding: 15px; height: 320px; background-color: #fff; display: none; margin-left: 20px; box-shadow: 0 3px 6px #ddd; } .MediaDisplay > em { width: 100%; height: 100%; display: block; position: relative; cursor: pointer; background-position: center center; background-size: cover; } .MediaDisplay > em > i { color: #ffffff; font-size: 60px; position: absolute; z-index: 2; margin-left: -34px; margin-top: -24px; top: 50%; left: 50%; } .MediaDisplay > em:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.4); z-index: 2; left: 0; right: 0; top: 0; bottom: 0; } /*NB Media End*/ /*footer start*/ .footerwrapper { background-color: #0e1a4a; } .companylist { border-bottom: 1px solid #8191cc; } .alpha_companylist { padding: 30px 0px; position: relative; } .alpha_companylist > b { display: inline-block; font-size: 13px; line-height: 15px; margin-right: 10px; color: #8191cc; text-transform: uppercase; } .alpha_companylist > a { display: inline-block; color: #fff; padding: 2px 2px; border: 1px solid #b3b7c6; font-size: 12px; line-height: 12px; margin-right: 3px; transition: all 0.5s ease; } .alpha_companylist > a:hover { border: 1px solid #b2cf41; color: #b2cf41; } .foot_beyondapp { text-align: right; } .foot_beyondapp > a { display: inline-block; max-width: 100px; padding: 14px 0px; } .foot_nb_main_links { padding: 30px 0px 40px; } .footlinks { margin-bottom: 10px; padding-right: 5px; } .footlinks > b { display: block; color: #b2cf40; font-size: 12px; line-height: 20px; margin-bottom: 5px; text-transform: uppercase; } .footlinks > b > a { display: block; color: #b2cf40; text-transform: uppercase; } .footlinks > a { position: relative; padding-left: 10px; display: block; color: #bfc1cb; text-transform: capitalize; font-size: 12px; line-height: 20px; transition: all 0.5s ease; } .footlinks > a:before { content: "\f105"; color: #bfc1cb; position: absolute; top: 3px; left: 0px; font: normal normal normal 12px/14px FontAwesome; transition: all 0.5s ease; } .footlinks > a:hover { } .footlinks > a:hover:before { left: 2px; } .footlinks > a.footrsubmenus { padding: 0 0 0 28px; font-size: 12px; line-height: 20px; margin: 0 0 6px; } .footlinks > a.footrsubmenus:before { left: 18px; } .footlinks > a.footrsubmenus:hover:before { left: 20px; } .foot_connect_with_us { margin-bottom: 10px; text-align: center; } .foot_connect_with_us > b { display: block; font-size: 12px; line-height: 15px; margin-bottom: 10px; color: #8191cc; text-transform: uppercase; } .foot_connect_with_us > a { display: inline-block; margin-right: 3px; width: 25px; height: 25px; border-radius: 50%; text-align: center; transition: all .8s ease; } .foot_connect_with_us > a:hover { transform: rotate(360deg); } .foot_connect_with_us > a[title="facebook"] { background-color: #3b5997; } .foot_connect_with_us > a[title="twitter"] { background-color: #56a3d9; } .foot_connect_with_us > a[title="linkedin"] { background-color: #007ab7; } .foot_connect_with_us > a[title="youtube"] { background-color: #c0221f; } .foot_connect_with_us > a[title="instagram"] { background-color: #de306a; } .foot_connect_with_us > a > i { font-size: 15px; line-height: 25px; color: #fff; } .footerattention { position: relative; padding: 30px 0px; background-color: #091239; } .footerattention > i { position: absolute; cursor: pointer; top: -30px; left: 50%; width: 50px; height: 30px; margin-left: -25px; border-radius: 100px 100px 0 0; background-color: #091239; color: #fff; text-align: center; } .footerattention > i:before { font-size: 25px; line-height: 30px; } .footerattention > i.clos { background-color: #0e1a4a; top: 0; transform: rotate(180deg); } .foot_connect_with_us > a.twitter { background: url(../images/Twitter_icon.svg) no-repeat center center #000; background-size: 39%; margin: 5px 0 -9px; } .footerattention .marqtab { margin-bottom: 10px; } .footerattention .marqtab > a { display: inline-block; font-weight: bold; margin-right: 15px; font-size: 13px; line-height: 15px; color: #8191cc; text-transform: uppercase; transition: all 0.5s ease; } .footerattention .marqtab > a:hover, .footerattention .marqtab > a.active { color: #b2cf40; } .marqueetickerdata { color: #bfc1cb; font-size: 12px; line-height: 20px; white-space: nowrap; overflow: hidden; } .marqueetickerdata > p { margin: 0px; } .footer_nb_other { padding: 30px 0px; } .footnb_other_links { margin-bottom: 15px; } .footnb_other_links > a { position: relative; display: inline-block; padding: 0px 5px; color: #8089aa; font-size: 12px; line-height: 12px; margin-bottom: 10px; border-right: 1px solid #8191cc; transition: all 0.5s ease; } .footnb_other_links > a:first-child { padding-left: 0px; } .footnb_other_links > a:last-child { border-right: 0px; } .footnb_other_links > a:hover { color: #b2cf40; } .footnb_other_links.important_links { margin:30px 0 0;} .footnb_other_links.important_links > span { font-size: 12px;line-height:12px;color:#fff;} .footnb_bsenseseg { position: relative; min-height: 20px; display: block; color: #bfc1cb; text-transform: capitalize; font-size: 12px; line-height: 20px; overflow: hidden; } .footnb_bsenseseg .marquee b { color: #b2cf40; font-weight: normal; } .footnb_bsenseseg .marquee.grievance { margin-top: 10px; } .footnb_bsenseseg .marquee a { color: #b2cf40; } .footercopyright { padding: 20px 0px; background-color: #091239; } .footercopyright p { position: relative; display: block; color: #bfc1cb; text-transform: capitalize; font-size: 13px; line-height: 20px; margin: 0px; } .footercopyright p > a { display: inline-block; color: #bfc1cb; transition: all 0.5s ease; } .footercopyright p > a:hover { color: #b2cf40; } .footercopyright p > span { display: inline-block; } .footercopyright p > span:nth-child(1) { color: #149c4e; } .footercopyright p > span:nth-child(2) { color: #c29039; } .footercopyright p > span:nth-child(3) { color: #fc8222; } .stickyrightmenus { position: fixed; right: 0; top: 200px; width: 40px; z-index: 9996; transition: all 0.4s ease; } .stickyrightmenus.introjs-fixParent { z-index: 9996 !important; } .stickybrokingaccunt { position: absolute; top: 0; right: -275px; width: 275px; background-color: #0e1a4a; text-align: center; padding: 20px 20px 45px; transition: all 0.2s ease; z-index: 2; } .stickybrokingaccunt.open { right: 0px; } .stickybrokingaccunt > em { position: absolute; padding: 10px 15px 10px 55px; top: 45px; left: -95px; width: 140px; height: 50px; background-color: #0e1a4a; border-radius: 8px 8px 0px 0px; transform: rotate(-90deg); cursor: pointer; } .stickybrokingaccunt > em > i { position: absolute; bottom: 10px; left: 10px; width: 35px; height: 35px; background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='%23b2cf41'%3E%3Cpath d='M131.5 472H60.693c-8.538 0-13.7-4.765-16-7.606-3.988-4.906-5.533-11.3-4.236-17.52 20.77-99.76 108.8-172.616 210.445-174.98A136.93 136.93 0 0 0 256 272c1.722 0 3.434-.043 5.142-.107 24.853.567 49.13 5.24 72.236 13.917 10.34 3.885 21.87-1.352 25.754-11.693s-1.352-21.87-11.693-25.754c-3.3-1.244-6.645-2.408-9.995-3.512C370.545 220.02 392 180.47 392 136 392 61 331 0 256 0S120 61 120 136c0 44.5 21.492 84.092 54.643 108.918-30.37 9.998-58.87 25.546-83.813 46.062-45.732 37.617-77.53 90.086-89.532 147.743-3.762 18.066.744 36.622 12.363 50.908A60.37 60.37 0 0 0 60.693 512H131.5c11.046 0 20-8.954 20-20s-8.954-20-20-20zM160 136c0-52.935 43.065-96 96-96s96 43.065 96 96c0 51.367-40.554 93.438-91.326 95.885l-4.674-.052-4.7.05C200.546 229.43 160 187.362 160 136zm336.7 208.607c-8.56-19.15-27.845-31.558-49.176-31.607H385.01c-22.5 0-42.13 13.26-50.03 33.807-1.05 2.734-2.336 6.178-3.677 10.193H200.356c-5.407 0-10.583 2.2-14.35 6.068l-34.356 35.388c-7.567 7.794-7.53 20.203.085 27.95l35 35.612a20 20 0 0 0 14.264 5.981h65c11.046 0 20-8.954 20-20s-8.954-20-20-20h-56.614l-15.428-15.7 14.857-15.3h137.5a20 20 0 0 0 19.426-15.244c1.618-6.607 3.648-12.96 6.584-20.596 1.936-5.036 6.798-8.16 12.74-8.16h62.4c5.656.013 10.524 3.053 12.705 7.932 5.37 12.012 11.78 30.608 11.828 50.986.048 20.53-6.356 39.55-11.74 51.894C458.1 468.8 453.18 472 447.7 472h-63.158c-5.533-.013-10.716-3.573-12.896-8.858-2.34-5.67-4.366-12.146-6.197-19.797-2.57-10.742-13.367-17.366-24.105-14.796s-17.367 13.364-14.796 24.106c2.32 9.7 4.978 18.118 8.12 25.738 8.4 20.364 27.94 33.555 49.827 33.606h63.25c21.35-.001 40.647-12.63 49.18-32.2 6.912-15.85 15.137-40.5 15.072-67.975-.064-27.4-8.36-51.67-15.3-67.216z'/%3E%3Ccircle cx='431' cy='412' r='20'/%3E%3C/svg%3E") no-repeat center; background-size: 30px; transform: rotate(90deg); } .stickybrokingaccunt > em > span { display: block; color: #fff; font-style: normal; font-size: 14px; line-height: 16px; font-weight: bold; text-transform: uppercase; text-align: left; } .stickybrokingaccunt > em > span > b { display: block; } .stickydemathed { text-align: left; margin-bottom: 15px; } .stickydemathed > span { color: #fff; font-size: 16px; display: block; font-family: 'Roboto', sans-serif; font-weight: 700; } .stickydemathed > span > em { font-style: normal; color: #b1cf3b; display: inline-block; padding: 0 15px 0 5px; position: relative; } .stickydemathed > span > em > i { position: absolute; right: 7px; top: -5px; font-style: normal; } .stickydemathed > span > b { display: block; font-weight: normal; } .stickydemathed > p { color: #abbbff; margin-bottom: 0; } .stickybrokingaccunt .brokingFileds > label { position: relative; margin: 0; font-weight: normal; width: 100%; } .stickybrokingaccunt .brokingFileds > label.drcity { z-index: 1; background-color: #fff; border-radius: 50px; margin-bottom: 15px; } .stickybrokingaccunt .brokingFileds input, .stickybrokingaccunt .brokingFileds select { width: 100%; height: 35px; padding: 0 0 0 20px; color: #808080; font-size: 15px; background-color: #fff; border-radius: 50px; border: none; padding-left: 20px; line-height: 35px; margin-bottom: 15px; } .stickybrokingaccunt .brokingFileds > label.drcity > select { background-color: transparent; border-radius: 0; margin-bottom: 0; cursor: pointer; } .stickybrokingaccunt .brokingFileds > input.btnbroking { background-color: #b1cf3d; color: #000; padding: 0; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0; } .stickybrokingaccunt .brokingFileds select { -webkit-appearance: none; } .stickybrokingaccunt .brokingFileds > label > i { position: absolute; top: 10px; right: 15px; font-size: 18px; color: #4e4e4e; z-index: -1; } .whatappsticky { width: 50px; position: absolute; right: 0; top: 280px; z-index: 1; transition: all 0.2s ease; } .whatappsticky > a { display: block; position: relative; text-align: center; background: #46529c; padding: 5px 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .whatappsticky > a > span { display: block; position: relative; font-size: 11px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff; } .whatappsticky > a > i { display: block; position: relative; font-size: 30px; color: #4cc759; } .fixedSocialIcon { font-weight: 700; position: fixed; left: -10px; top: 200px; z-index: 999; width: 40px; white-space: nowrap; transition: all 0.4s ease; } .fixedSocialIcon ul li { position: relative; width: 140px; right: 100px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .fixedSocialIcon ul li a { height: 40px; display: block; color: #fff; line-height: 40px; margin-bottom: 5px; position: relative; font-size: 13px; padding-left: 15px; } .fixedSocialIcon ul li a:hover { text-decoration: none; } .fixedSocialIcon ul li a span { display: block; float: right; height: 30px; width: 30px; font-size: 18px; text-align: center; } .fixedSocialIcon ul li.linkedin { background-color: #007BB6; } .fixedSocialIcon ul li.twitter { background-color: #000; } .fixedSocialIcon ul li.facebook { background-color: #3B5998; } .fixedSocialIcon ul li.googleplus { background-color: #dd4b39; } .fixedSocialIcon ul li.youtube { background-color: #BF221F; } .fixedSocialIcon ul li.instagram { background-color: #e0306b; } .fixedSocialIcon ul li > a.twitter span { background: url(../images/Twitter_icon.svg) no-repeat center center #000; background-size: 50%; margin: 5px 0; } .hmstickyopaccform > a.stickyopaccclose { display: none; position: absolute; top: -25px; right: 5px; color: #c6c6c6; font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; } .hmOverlay { display: none; background-color: rgba(0, 0, 0, 0.85); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; } .videossticky { width: 50px; position: absolute; right: 0; top: 345px; z-index: 1; transition: all 0.2s ease; } .videossticky > a { display: block; position: relative; text-align: center; background: #46529c; padding: 5px 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .videossticky > a > span { display: block; position: relative; font-size: 11px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff; } .videossticky > a > i { display: block; position: relative; font-size: 30px; color: #b2cf41; } .stickyrightmenus.fix { display: none; right: auto; top: auto; bottom: 0px; left: 80px; width: 100%; } .stickyrightmenus.fix .stickybrokingaccunt { right: auto; width: auto; left: 0px; padding: 0; position: relative; } .stickyrightmenus.fix .stickybrokingaccunt > em { transform: none; padding: 13px; top: auto; bottom: 0; width: auto; left: 50%; width: 160px; height: 38px; background-color: #b2cf41; margin-left: -80px; } .stickyrightmenus.fix .stickybrokingaccunt > em > i { display: none; } .stickyrightmenus.fix .stickybrokingaccunt > em > span { color: #091239; text-align: center; } .stickyrightmenus.fix .stickybrokingaccunt > em > span > b { display: inline-block; } .stickyrightmenus.fix .hmstickyopaccform { display: none; position: fixed; width: 300px; top: 50px; z-index: 99999; background: #0e1a4a; padding: 20px; left: 50%; margin-left: -150px; border-radius: 5px; } .stickyrightmenus.fix .whatappsticky { right: auto; top: auto; bottom: 0; width: 100px; height: 35px; } .stickyrightmenus.fix .whatappsticky > a { height: 100%; padding: 7px 35px 0 10px; position: relative; border-bottom-left-radius: 0; border-top-right-radius: 5px; } .stickyrightmenus.fix .whatappsticky > a > span { display: inline-block; font-size: 14px; padding-right: 5px; } .stickyrightmenus.fix .whatappsticky > a > i { display: inline-block; position: absolute; right: 10px; top: 5px; font-size: 25px; } .stickyrightmenus.fix .videossticky { right: auto; top: auto; bottom: 0; width: 90px; height: 35px; right: -435px; } .stickyrightmenus.fix .videossticky > a { height: 100%; padding: 7px 35px 0 10px; position: relative; border-bottom-left-radius: 0; border-top-right-radius: 5px; } .stickyrightmenus.fix .videossticky > a > span { display: inline-block; font-size: 14px; padding-right: 5px; } .stickyrightmenus.fix .videossticky > a > i { display: inline-block; position: absolute; right: 10px; top: 5px; font-size: 25px; } .stickybeyondapp { position: absolute; top: 150px; right: -90px; height: 120px; border-radius: 8px 0px 0px 8px; cursor: pointer; z-index: 1; overflow: hidden; transition: all 0.2s ease; } .stickybeyondapp > em { display: none; border-radius: 8px 8px 0px 0px; background: #459a48; display: block; color: #fff; font-style: normal; padding: 7px 10px; } .beyondapptray { position: relative; padding-left: 50px; height: 100%; width: 140px; } /*.beyondapptray > span { position: absolute; left: 0; width: 50px; background: url(../images/beyond-app-icon.png)no-repeat center center; top: 0; bottom: 0; background-size: 100%; }*/ .beyondapptray > span { position: absolute; left: 0; width: 50px; background: url(../images/beyond_app_icon_new.png)no-repeat center center; top: 0; bottom: 0; background-size: 100%; } .beyondapptray > .beyondapplinks { background: #4451af; position: absolute; left: 50px; top: 4px; bottom: 5px; text-align: right; padding: 5px 10px; } .beyondapptray > .beyondapplinks > a { text-align: right; display: block; margin-top: 8px; font-family: 'Roboto', sans-serif; font-weight: 300; margin-bottom: 10px; } .beyondapptray > .beyondapplinks > a > b { display: inline-block; color: #fff; font-size: 11px; background: red; border-radius: 5px; padding: 0 5px; font-weight: normal; } .beyondapptray > .beyondapplinks > a > i { font-style: normal; font-size: 12px; color: #fff; display: block; } /*.stickybeyondapp:hover{right:-17px;}*/ .stickybeyondapp > .beyondapplinkspop { position: absolute; top: 50px; width: 125px; padding-bottom: 10px; display: none; } .stickybeyondapp > .beyondapplinkspop > div { padding: 5px; position: relative; background: #459a48; } .stickybeyondapp > .beyondapplinkspop > div:after { content: ""; position: absolute; bottom: -8px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #459a48; left: 8px; } .stickybeyondapp > .beyondapplinkspop a { display: block; position: relative; font-size: 12px; color: #fff; padding: 3px 3px 3px 50px; } .stickybeyondapp > .beyondapplinkspop a > b { display: inline-block; color: #fff; font-size: 11px; background: red; border-radius: 5px; padding: 0 5px; font-weight: normal; position: absolute; left: 0; } .stickyrightmenus.fix .stickybeyondapp { top: -35px; right: -335px; border-radius: 8px 8px 0 0; } .stickyrightmenus.fix .stickybeyondapp > em { display: block; } .stickyrightmenus.fix .beyondapptray { padding-left: 0; width: 95px; display: none; } .stickyrightmenus.fix .beyondapptray > span { display: none; } .stickyrightmenus.fix .beyondapptray > .beyondapplinks { display: none; } /*.stickyrightmenus.fix .stickybeyondapp:hover{overflow:visible;} .stickyrightmenus.fix .stickybeyondapp:hover > .beyondapplinkspop{top:-65px;display:block;}*/ .foot-openaccform { display: none; position: relative; clear: both; max-width: 100%; box-sizing: border-box; } .foot-openaccform.fix { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; } .foot-openaccform-trigger { display: block; position: relative; clear: both; max-width: 100%; box-sizing: border-box; height: 1px; } .footlinks .submns { position: relative; margin: 0; } .footlinks .submns a { display: block; font-size: 14px; line-height: 16px; position: relative; color: #bfc1cb; transition: all 0.5s ease; padding: 4px 0 4px 10px; } .footlinks .submns:after { position: absolute; top: 4px; right: 30px; content: "\f067"; font-family: fontAwesome; color: #fff; font-size: 12px; } .footlinks .submns.togglemns:after { content: "\f068"; } .footlinks .submnsdata { margin: 10px 0; display: none; } .footlinks .submnsdata a { display: block; font-size: 13px; line-height: 20px; color: #bfc1cb; margin: 0 0 4px; padding: 0 0 0 28px; } .footlinks .submnsdata a:before { content: "\f105"; color: #bfc1cb; position: absolute; top: 3px; left: 18px; font: normal normal normal 12px/14px FontAwesome; transition: all 0.5s ease; } .footlinks .submnsdata a:hover:before { left: 20px; } .footlinks > .submns > a:before { content: "\f105"; color: #bfc1cb; position: absolute; top: 3px; left: 0px; font: normal normal normal 12px/14px FontAwesome; transition: all 0.5s ease; } .footlinks > .submns > a:hover:before { left: 2px; } /*footer end*/ /**bioep popup**/ #bio_ep { top: 60% !important; transform: translateX(-50%) translateY(-50%) !important; } #opnAcPopup { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 10001; } .homepopupwrap { display: flex; width: 750px; flex-wrap: wrap; padding: 0; position: relative; } .homepopupwrap .opnacfrm { display: flex; position: relative; padding: 0 0 0 60px; width: 90%; background-color: #fff; } .homepopupwrap .opnacfrm .popupimg { position: absolute; bottom: 0; right: -120px; max-width: 310px; z-index: 3; } .homepopupwrap .popupCont { background-color: #459a48; padding: 5px 10px; text-align: center; } .homepopupwrap .dematformctrlwrap { width: 100%; margin: 0; max-width: 315px; padding: 10px 0; } .homepopupwrap .dematformmidsection { background: #fff; min-height: unset; padding: 0; margin: 0; } .homepopupwrap .tradingbtna { display: block; background-color: #459a48; color: #fff; padding: 5px 25px; height: 32px; font-size: 15px; } .homepopupwrap .tradingbtna:hover { background-color: #4754a0; } .homepopupwrap .dematforminner { padding: 15px 0 0; margin: 0; max-width: 330px; } .homepopupwrap .popupCont > p { color: #fff; font-size: 8px; line-height: 9px; margin: 0; } .homepopupwrap .dematformctrlwrap .dematformtxtbox > input, .dematformctrlwrap .dematformtxtbox > label { border: 1px solid #ddd; color: #000; height: 32px; font-size: 12px; line-height: 16px; margin-bottom: 13px; color: #000; } .homepopupwrap .dematformtxtbox { display: block; } .homepopupwrap .dematformtxtbox.opnacbtn { display: inline-block; } .homepopupwrap a.getotpbtn { color: #000; top: -1px; font-size: 12px; } .homepopupwrap .dematformctrlwrap .dematformtxtbox > input::placeholder { color: #000; } .homepopupwrap .dematformctrlwrap .dematformtxtbox > label { margin-bottom: 0; } .homepopupwrap .dematformctrlwrap .dematformtxtbox > label > select { color: #000; height: 32px; font-size: 12px; line-height: 16px; border: 1px solid #ddd; } .homepopupwrap .dematformctrlwrap .dematformtxtbox > label > em { border-top: 6px solid #000; top: 13px; } .homepopupwrap .dematformctrlwrap .dematformtxtbox > label > select > option { color: #000; background-color: #fff; } .homepopupwrap .dematformwrap > h5 { font-size: 26px; line-height: 26px; font-family: 'Roboto',sans-serif; font-weight: bold; margin: 0; } .homepopupwrap .dematformwrap > h4 { font-size: 34px; line-height: 34px; font-family: 'Roboto',sans-serif; font-weight: bold; margin: 0; } .homepopupwrap .dematformwrap > h4.blueclr { color: #46529c; margin: 0 0 5px; } .homepopupwrap .dematformwrap > h4.greenclr { color: #459a48; font-size: 43px; line-height: 45px; } .homepopupwrap .dematformtxtbox > em.dematnumexist { display: block; font-style: normal; color: #000; margin: 10px 0 0; font-size: 12px; line-height: 16px; } /*demat broking account*/ .brokingAccuntWrapper { background-color: #0a1231; padding: 10px 0; text-align: center; } .brokingAccuntWrapper > span { color: #fff; font-size: 20px; display: block; font-family: 'Roboto', sans-serif; font-weight: 700; padding-bottom: 10px; } .brokingAccuntWrapper > span > em { font-style: normal; color: #b1cf3b; display: inline-block; padding: 0 15px 0 5px; position: relative; } .brokingAccuntWrapper > span > em > i { position: absolute; right: 5px; top: -5px; font-style: normal; } .brokingAccuntWrapper > p { color: #abbbff; } .brokingAccuntWrapper .brokingFileds { position: relative; } .brokingAccuntWrapper .brokingFileds.city { border-radius: 50px; z-index: 1; background-color: #fff; } .brokingAccuntWrapper .brokingFileds > input, .brokingAccuntWrapper .brokingFileds > select { width: 100%; height: 35px; padding: 0 0 0 20px; color: #000; font-size: 15px; background-color: #fff; border-radius: 50px; border: none; line-height: 35px; font-family: 'Roboto', sans-serif; font-weight: 400; -webkit-appearance: none; } .brokingAccuntWrapper .brokingFileds.city > select { background-color: transparent; border-radius: 0; cursor: pointer; } .brokingAccuntWrapper .brokingFileds > i { position: absolute; top: 10px; right: 15px; font-size: 18px; color: #4e4e4e; z-index: -1; } .brokingAccuntWrapper .brokingFileds > input.btnbroking { background-color: #b1cf3d; color: #000; padding: 0; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0; } .brokingAccuntWrapper .brokingFileds > input.btnbroking:hover { background-color: #d0f34a; } .brokingAccuntWrapper .brokingFileds ::-webkit-input-placeholder { color: #858585; } .brokingAccuntWrapper .brokingFileds :-ms-input-placeholder { color: #858585; } .brokingAccuntWrapper .brokingFileds ::-moz-placeholder { color: #858585; } .brokingAccuntWrapper .brokingFileds :-moz-placeholder { color: #858585; } /*NB Research*/ .HNBResWrp { } .HNBResWrp > div { float: left; overflow: hidden; position: relative; } .HNBResSlideBox { width: 35%; background-color: #1a2656; } .HNBResBannerBox { width: 25%; background: url(../images/webp/MagBg.webp)no-repeat center center; position: relative; background-size: cover; } .HNBResPhotoBox { width: 40%; } .HNBResSlideBox > b { display: block; font-family: 'Roboto Slab', serif; font-weight: 700; color: #fff; font-weight: normal; text-align: center; font-size: 22px; line-height: 22px; margin-bottom: 20px; position: absolute; z-index: 2; top: 50px; left: 0; right: 0; margin: 0; } .HNBResSlider { } .HNBResSliderItem { text-align: center; padding: 130px 50px 65px; min-height: 390px; } .HNBResSliderItem > b { display: block; font-family: 'Roboto', sans-serif; font-weight: 400; color: #abc73e; text-transform: uppercase; font-size: 18px; line-height: 18px; font-weight: normal; margin-bottom: 10px; position: relative; z-index: 2; } .HNBResSliderItem > p { display: block; color: #fff; margin: 0; font-size: 16px; line-height: 26px; margin-bottom: 15px; position: relative; z-index: 2; } .HNBResSliderItem > a { display: inline-block; color: #abc73e; text-transform: uppercase; font-size: 14px; line-height: 14px; position: relative; z-index: 2; } .HNBResSlider .owl-nav .owl-prev, .HNBResSlider .owl-nav .owl-next { background-color: rgba(255, 255, 255, 0.25); display: inline-block; position: absolute; top: 50%; margin-top: -25px; height: 50px; width: 50px; border-radius: 50%; z-index: 5; -webkit-transition: background-color 400ms; transition: background-color 400ms; } .HNBResSlider .owl-nav .owl-prev:hover, .HNBResSlider .owl-nav .owl-next:hover { background-color: #fff; } .HNBResSlider .owl-nav .owl-prev:hover > i, .HNBResSlider .owl-nav .owl-next:hover > i { color: #1a2656; } .HNBResSlider .owl-nav .owl-prev { left: -25px; } .HNBResSlider .owl-nav .owl-next { right: -25px; } .HNBResSlider .owl-nav .owl-prev > i { right: 13px; font-size: 20px; color: #fff; position: absolute; top: 13px; } .HNBResSlider .owl-nav .owl-next > i { left: 13px; font-size: 20px; color: #fff; position: absolute; top: 13px; } .HNBResBannerData { display: block; width: 100%; height: 100%; padding: 20px 35px; text-align: center; color: #000; } .HNBResBannerData:hover { color: #000; } .HNBResBannerData > img { width: 205px; height: 255px; margin: 0 auto 20px auto; display: block; } .HNBResBannerData > p { margin: 0; font-size: 15px; line-height: 17px; font-weight: 400; color: #0e1a4a; } .HNBResBannerData > p > span { display: block; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 24px; line-height: 24px; margin: 0; color: #fff; } .HNBResBannerData > p > b { display: block; font-weight: 400; font-size: 18px; line-height: 21px; } .HNBResPhotoSlider { height: 100%; } .HNBResPhotoSliderItem { position: relative; height: 390px; } .HNBResPhotoSliderItem > img { width: 100%; height: 320px; } .HNBResPhotoSliderItem > span { display: block; color: #fff; font-weight: normal; font-family: 'Roboto Slab', sans-serif; font-weight: 400; text-align: center; background-color: #0e1a4a; position: absolute; left: 0; right: 0; bottom: 0px; height: 70px; padding: 10px; } .HNBResPhotoSliderItem > span > b { display: table; width: 100%; height: 100%; font-weight: normal; } .HNBResPhotoSliderItem > span > b > i { display: table-cell; vertical-align: middle; font-style: normal; font-size: 15px; line-height: 18px; } .HNBResPhotoSliderItem > span > b > i > em { display: block; font-style: normal; } .HNBResPhotoSlider .owl-dots { position: absolute; right: 10px; bottom: 75px; line-height: normal; background: #0e1a4a; padding: 0 5px; border-radius: 15px; height: 16px; } .HNBResPhotoSlider .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 3px; background: #ddd; } .HNBResPhotoSlider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #b1cf3d; } .HNBHeight { height: 390px; } .HNBResSliderItem:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .HNBResSliderItem.equity:after { background: url(../images/webp/EqResearch.webp) no-repeat center center; background-size: cover; } .HNBResSliderItem.commodity:after { background: url(../images/webp/ComResearch.webp) no-repeat center center; background-size: cover; } .HNBResSliderItem.mf:after { background: url(../images/webp/MFResearch.webp) no-repeat center center; background-size: cover; } .HNBResSliderItem.currency:after { background: url(../images/webp/CurrencyResearch.webp) no-repeat center center; background-size: cover; } .HNBResSliderItem.PCG:after { background: url(../images/webp/PCGResearch.webp) no-repeat center center; background-size: cover; } .HNBResSliderItem.Institutional:after { background: url(../images/webp/InstitutionalResearch.webp) no-repeat center center; background-size: cover; } /*World indices*/ @keyframes animatedBackground { from { background-position: 0 bottom; } to { background-position: 1600px bottom; } } .HMktIndicesWrap { background-color: #0e1a4a; background-image: url(../images/indices_rpt-bg.jpg); background-repeat: repeat-x; background-position: center bottom; padding: 40px 0; overflow: hidden; animation: animatedBackground 80s linear infinite; } .HMktIndicesBox { position: relative; color: #fff; text-transform: uppercase; font-size: 30px; line-height: 30px; font-family: 'Roboto Slab', sans-serif; font-weight: 400; padding-left: 20px; } .HMktIndicesBox:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: #fff; } .HMktIndicesBox > i { color: #c0ccfe; display: block; font-style: normal; font-size: 15px; line-height: 15px; margin-bottom: 10px; font-family: 'Roboto', sans-serif; font-weight: 400; } .HMktIndicesBox > b { display: block; font-size: 17px; line-height: 17px; margin-top: 5px; color: #fff; font-weight: normal; } .HMktIndicesBox > b > i { font-style: normal; padding-left: 5px; display: inline-block; } .HMktIndicesBox.up > b { color: #dd6970; } .HMktIndicesBox.up:before { background-color: #dd6970; } .HMktIndicesBox.down > b { color: #85fe75; } .HMktIndicesBox.down:before { background-color: #85fe75; } .HMktIndicesSlider { padding: 0 15px; } .HMktIndicesSlider .owl-nav { color: #fff; text-align: center; } .HMktIndicesSlider .owl-nav > div { font-size: 25px; color: rgba(255, 255, 255, 0.46); display: inline-block; text-transform: uppercase; position: absolute; top: 25px; } .HMktIndicesSlider .owl-nav > .owl-prev { left: -30px; } .HMktIndicesSlider .owl-nav > .owl-next { right: -30px; } /*demat account right inner ctrl*/ .dematformctrlwrap { max-width: 300px; margin: 0 auto; } .dematformtopsection { background: #f3f1f2; min-height: 100px; margin-bottom: 20px; border-radius: 10px; } .dematformmidsection { min-height: 500px; margin-bottom: 20px; border-radius: 10px; padding: 40px 20px; } .dematformmidsection { background: rgba(4,17,113,1); background: -moz-linear-gradient(left, rgba(4,17,113,1) 0%, rgba(6,20,119,1) 29%, rgba(5,32,149,1) 72%, rgba(8,34,147,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,17,113,1)), color-stop(29%, rgba(6,20,119,1)), color-stop(72%, rgba(5,32,149,1)), color-stop(100%, rgba(8,34,147,1))); background: -webkit-linear-gradient(left, rgba(4,17,113,1) 0%, rgba(6,20,119,1) 29%, rgba(5,32,149,1) 72%, rgba(8,34,147,1) 100%); background: -o-linear-gradient(left, rgba(4,17,113,1) 0%, rgba(6,20,119,1) 29%, rgba(5,32,149,1) 72%, rgba(8,34,147,1) 100%); background: -ms-linear-gradient(left, rgba(4,17,113,1) 0%, rgba(6,20,119,1) 29%, rgba(5,32,149,1) 72%, rgba(8,34,147,1) 100%); background: linear-gradient(to right, rgba(4,17,113,1) 0%, rgba(6,20,119,1) 29%, rgba(5,32,149,1) 72%, rgba(8,34,147,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041171', endColorstr='#082293', GradientType=1 ); } .dematformwrapbottom { background: #ebebeb; min-height: 100px; padding: 20px 30px; margin-top: -40px; margin-bottom: 20px; position: relative; z-index: -1; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .dematformbotsection { background: #0e1a4a; min-height: 100px; border-radius: 10px; padding: 30px; } .dematformwrap { text-align: center; } .dematformwrap > span { display: block; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 22px; color: #fff; text-transform: uppercase; } span.dematfrmgreentxt { color: #b2cf41; font-size: 28px; } span.dematfrmgreentxt > em { color: #fff; } span.dematfrmredtxt { display: inline-block; color: #fd0000; font-size: 26px; min-width: 70px; } .dematformwrap > b { display: inline-block; color: #fff; font-weight: normal; font-style: normal; font-size: 26px; margin-left: 10px; font-family: 'Roboto Slab', serif; font-weight: 700; } .dematformwrap > span > em { font-style: normal; font-size: 28px; margin-left: 10px; } .dematformwrap > em { display: block; font-style: normal; text-transform: uppercase; margin-bottom: 15px; color: #b3c1ff; font-size: 12px; } .dematformwrap > i { display: inline-block; color: #b2cf41; font-size: 24px; margin-bottom: 8px; } em.demattimehead { display: block; font-style: normal; margin: 0; color: #b2cf41; font-size: 12px; text-transform: none; } .dematforminner { margin: 25px 0; } .dematformtxtbox > label { display: block; margin: 0; position: relative; font-weight: normal; z-index: 1; } .dematformctrlwrap .dematformtxtbox > input, .dematformctrlwrap .dematformtxtbox > label { display: block; width: 100%; height: 45px; padding: 0 0 0 20px; font-size: 15px; color: #fff; background-color: rgba(255, 255, 255, 0.13); border-radius: 50px; border: none; line-height: 35px; margin-bottom: 15px; outline: none; } .dematformctrlwrap .dematformtxtbox > label > select { display: block; position: absolute; left: 0; -webkit-appearance: none; width: 100%; height: 45px; padding: 0 0 0 20px; font-size: 15px; color: #fff; background-color: transparent; border-radius: 50px; border: none; line-height: 35px; margin-bottom: 15px; outline: none; } .dematformctrlwrap .dematformtxtbox > label > select > option { color: #808080; background-color: #fff; } .dematformctrlwrap .dematformtxtbox > label > em { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; position: absolute; top: 20px; right: 20px; z-index: -1; } .dematformctrlwrap .dematformtxtbox > input.btntrading { background-color: #b2cf41; color: #0f1b4c; padding: 0; font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 700; margin: 0; transition: all 0.4s ease; } .dematformctrlwrap .dematformtxtbox > input.btntrading:hover { background-color: #d0f34a; } .dematformtxtbox > em.dematnumexist { display: block; font-style: normal; color: #fd0000; margin-top: 15px; } .dematformtxtbox ::placeholder { color: #fff; opacity: 1; /* Firefox */ } .dematformtxtbox :-ms-input-placeholder { color: #fff; /* Internet Explorer 10-11 */ } .dematformtxtbox ::-ms-input-placeholder { color: #fff; /* Microsoft Edge */ } .dematformwrapbottom > h5 { display: block; font-family: 'Roboto Slab', sans-serif; font-weight: 400; margin: 10px 0; color: #0f1b4c; font-size: 15px; } .dematsoftcopylft { float: left; } .dematsoftcopyrght { float: right; } .dematsoftcopylft > span, .dematsoftcopyrght > span { display: block; position: relative; font-size: 14px; text-transform: capitalize; padding-left: 15px; } .dematsoftcopylft > span:before, .dematsoftcopyrght > span:before { content: "\f111"; position: absolute; color: #b2cf41; font-family: FontAwesome; left: 0; top: 6px; font-size: 6px; } .dematbeyondappimg { padding-bottom: 10px; } .tradingbtna { background-color: #b2cf41; color: #0f1b4c; padding: 12px 0; font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 700; margin: 0; transition: all 0.4s ease; width: 100%; border: none; display: block; height: 45px; border-radius: 50px; transition: all 0.4s ease; } .tradingbtna:hover { text-decoration: none; background-color: #d0f34a; } .dematformctrlwrap .dematformtxtbox > input#trading_txtmobile, .stickybrokingaccunt .brokingFileds input#common_broking_txtmobile, .brokingAccuntWrapper .brokingFileds > input#broking_txtmobile { padding-right: 90px; } a.getotpbtn { display: block; position: absolute; top: 4px; right: 4px; color: #b2cf41; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; padding: 10px 15px; border-radius: 60px; } .stickybrokingaccunt .brokingFileds a.getotpbtn { top: 0; color: #4350b0; } .brokingAccuntWrapper .brokingFileds > a.getotpbtn { top: 2px; right: 0; color: #4350b0; padding: 8px 15px; } .dematzeroland .dematformmidsection { min-height: 300px; } .dematzeroland .dematformmidsection .dematforminner { margin-bottom: 0; } /***** Home Login Hover****/ .hmdropsec { position: absolute; right: 50%; top: 15px; transition: all .4s ease; display: none; z-index: 105; width: 540px; margin-right: -270px; padding-top: 15px; } .hmdropbox { background: #b1cf3d; padding: 5px 15px 15px; border-radius: 10px; } .hmdropsec ul.hmdropul { display: block; margin: 0; padding: 5px; float: left; } .hmdropsec ul.hmdropul > li { margin: 0; display: block; position: relative; } .hmdropsec ul.hmdropul > li > a { display: block; font-size: 15px; padding: 8px 12px 0 12px; color: #0e1a4a; font-family: 'Roboto', sans-serif; font-weight: 400; } .hmdropsec ul.hmdropul > li:hover > a { font-weight: 600; } .hmdropsec ul.hmdropul > li > a:before { position: absolute; left: 0px; top: 7px; display: block; width: 0; height: 0; content: "\f105"; font-family: FontAwesome; } .hmdropsec:after { content: ""; position: absolute; top: 8px; right: 50%; margin-right: -4px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #b1cf3d; } .fullmenubg > ul > li.NBlogin, ul.topbtns li.NBlogin { position: relative; } .fullmenubg > ul > li.NBlogin > a, ul.topbtns li.NBlogin > a { border: none; } .fullmenubg > ul > li.NBlogin:hover .hmdropsec, ul.topbtns li.NBlogin:hover .hmdropsec { display: block; } .fullmenubg > ul.hmdropul > li a.NBlogin { background-color: #b1cf3d; color: #020510; font-weight: bold; } .fullmenubg > ul > li.supportnav:hover .hmdropsec, ul.topbtns li.supportnav:hover .hmdropsec { display: block; } .topsupportnav .hmdropsec ul.hmdropul > li.drpsubsection ul { display: block; padding: 0; margin: 0; } .topsupportnav .hmdropsec ul.hmdropul > li.drpsubsection ul li { display: block; padding: 0; margin: 0; } .topsupportnav .hmdropsec ul.hmdropul > li.drpsubsection ul li a { display: block; color: #fff; } .topsupportnav .hmdropsec ul.hmdropul > li.drpsubsection .subsec span { display: block; color: #000; text-decoration: underline; margin: 8px 0 2px; } .topsupportnav .hmdropsec ul.hmdropul > li.drpsubsection .subsec { display: none; visibility: visible; opacity: 1; } .topsupportnav .hmdropsec ul.hmdropul { padding: 5px 40px 5px 5px; } .topsupportnav .hmdropsec { width: 570px; } .topsupportnav .hmdropsec ul.hmdropul > li.drpsubsection { position: relative; cursor: pointer; } .topsupportnav .hmdropsec ul.hmdropul > li.drpsubsection:after { content: "\f067"; font-family: fontAwesome; position: absolute; top: 8px; right: 0; color: #4350b0; font-size: 13px; } .topsupportnav .hmdropsec ul.hmdropul > li.drpsubsection.open:after { content: "\f068"; } .hmdropsec.livemkt { width: 260px; margin-right: -130px; } .fullmenubg > ul > li.lvmarket, ul.topbtns li.lvmarket { position: relative; } .fullmenubg > ul > li.lvmarket:hover .hmdropsec, ul.topbtns li.lvmarket:hover .hmdropsec { display: block; } ul.topbtns > li.globalsearch { } ul.topbtns > li.globalsearch > a { position: relative; background: #4654a0; width: 24px; height: 24px; border-radius: 50%; top: -5px; left: -5px; border: none; transition: all 0.3s ease; } ul.topbtns > li.globalsearch > a.open { background: #fff; border: 1px solid #ddd; } ul.topbtns > li.globalsearch > a > i { display: inline-block; color: #fff; position: absolute; left: 6px; top: 5px; } ul.topbtns > li.globalsearch > a.open > i { color: #4654a0; top: 4px; } ul.topbtns > li.globalsearch > .gsearch { position: absolute; left: 28px; top: -10px; background: #fff; width: 0; transition: all 0.3s ease; display: none; z-index: 1; padding-left: 5px; } ul.topbtns > li.globalsearch > .gsearch > input[type='text'] { transition: all 0.4s ease; border: 1px solid #ddd; height: 35px; width: 100%; border-radius: 30px; padding: 0 35px 0 15px; color: #000; font-weight: 400; box-shadow: 0 2px 5px #e7e7e7; } ul.topbtns > li.globalsearch > .gsearch > a#btn_gsearch_go { display: inline-block; padding: 4px 7px; background: #4754a0; color: #fff; font-size: 13px; border-radius: 50%; position: absolute; right: 5px; top: 5px; transition: all 0.2s ease; } ul.topbtns > li.globalsearch > .gsearch > a#btn_gsearch_go:hover { background: #b2cf41; } .slidenav ul.topbtns > li.globalsearch > a { display: none; } .slidenav ul.topbtns > li.globalsearch > .gsearch { position: relative; left: 0; top: 0; background: transparent; padding-left: 0; width: 100%; display: block; } .slidenav ul.topbtns > li.globalsearch > .gsearch > input[type='text'] { box-shadow: none; padding: 0 32px 0 12px; } /**/ .mobtababoutus {display:none !important;} .topsupportnav.nbaboutustop .hmdropsec ul.hmdropul > li.drpsubsection {margin:0 0 2px;} .topsupportnav.nbaboutustop .hmdropsec {width:265px;margin-right:-130px;} .topsupportnav.nbaboutustop .hmdropsec ul.hmdropul {padding:0 5px;width:100%;} .topsupportnav.nbaboutustop .hmdropsec .hmdropbox {padding:15px;} .topsupportnav.nbaboutustop .hmdropsec ul.hmdropul > li.drpsubsection ul li {margin:0 0 4px;padding:0 0 0 25px;} .topsupportnav.nbaboutustop .hmdropsec ul.hmdropul > li.drpsubsection ul {margin:8px 0 0;} .topsupportnav.nbaboutustop .hmdropsec ul.hmdropul > li.drpsubsection ul li a {transition: all .5s ease;} .topsupportnav.nbaboutustop .hmdropsec ul.hmdropul > li.drpsubsection ul li a:hover{color:#ebebeb;} /***** Footer popup ****/ #riskpopup, #vernalanguagepopup { position: fixed; background-color: rgba(0,0,0,.8); z-index: 9997; right: 0; top: 0; bottom: 0; left: 0; } .riskpopupbox { position: fixed; width: 600px; top: 100px; z-index: 99999; background: #fff; padding: 30px; left: 50%; margin-left: -300px; border-radius: 10px; } .riskpopupbox > h4, .vernalanguagepopupbox > h4 { display: block; margin: 0 0 20px; padding: 0; font-family: 'Roboto Slab', sans-serif; font-weight: 400; font-size: 24px; line-height: 30px; color: #4350b0; text-align: center; } .vernalanguagepopupbox > h4 { text-align: left; margin: 0 0 5px; } a.riskpopuplink { display: block; position: relative; margin: 0 0 10px; padding: 10px 15px; border: 1px solid #0e1a4a; background: #fff; color: #0e1a4a; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; border-radius: 8px; transition: all 0.4s ease; } a.riskpopuplink:hover { background: #0e1a4a; color: #fff; } a.riskpopuplink:after { content: "\f1c1"; position: absolute; top: 6px; right: 20px; color: #0e1a4a; font-family: FontAwesome; font-size: 20px; } a.riskpopuplink:hover:after { color: #fff; } .riskpopupbox > a, .vernalanguagepopupbox > a { display: inline-block; position: absolute; top: -25px; right: 8px; color: #ddd; font-weight: 400; } .riskpopupbox > a > i, .vernalanguagepopupbox > a > i { display: inline-block; font-style: normal; color: #ff0000; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; } .vernalanguagepopupbox { position: fixed; width: 600px; top: 100px; z-index: 99999; background: #fff; padding: 30px; left: 50%; margin-left: -300px; border-radius: 10px; } p.vernalpopcont { display: block; margin: 0 0 20px; padding: 0; font-size: 15px; } a.vernalangpoplink { display: block; position: relative; margin: 0 0 10px; padding-left: 12px; color: #0f1b4c; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; transition: all 0.4s ease; } a.vernalangpoplink:hover { color: #4350b0; } a.vernalangpoplink:before { content: ""; position: absolute; background: #b2cf41; width: 6px; height: 6px; left: 0; top: 8px; border-radius: 50px; } /*feedbackpopu*/ #feedbackpopup .modal-backdrop { background-color: #fff; opacity: .9!important; } #feedbackpopup .modal-body { padding: 0; } #feedbackpopup .modal-dialog { width: 715px; position: absolute; right: 50%; top: 50%; margin-top: -157px; margin-right: -357px; } #feedbackpopup .modal-content { box-shadow: none; border: none; height: 315px; border-radius: 15px; background: rgba(4,17,113,1); background: -moz-linear-gradient(to right,rgba(5,32,149,1) 0%,rgba(8,34,147,1) 29%,rgba(4,17,113,1) 72%,rgba(6,20,119,1) 100%); background: -webkit-gradient(left top,right top,color-stop(0%,rgba(4,17,113,1)),color-stop(29%,rgba(6,20,119,1)),color-stop(72%,rgba(5,32,149,1)),color-stop(100%,rgba(8,34,147,1))); background: -webkit-linear-gradient(to right,rgba(5,32,149,1) 0%,rgba(8,34,147,1) 29%,rgba(4,17,113,1) 72%,rgba(6,20,119,1) 100%); background: -o-linear-gradient(to right,rgba(5,32,149,1) 0%,rgba(8,34,147,1) 29%,rgba(4,17,113,1) 72%,rgba(6,20,119,1) 100%); background: -ms-linear-gradient(to right,rgba(5,32,149,1) 0%,rgba(8,34,147,1) 29%,rgba(4,17,113,1) 72%,rgba(6,20,119,1) 100%); background: linear-gradient(to right,rgba(5,32,149,1) 0%,rgba(8,34,147,1) 29%,rgba(4,17,113,1) 72%,rgba(6,20,119,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#041171',endColorstr='#082293',GradientType=1); } #feedbackpopup .feedbackformcss { padding: 40px 15px 0 400px; position: relative; height: auto; } #feedbackpopup .feedbackformcss em { background-image: url("../images/PImg.png"); height: 315px; width: 390px; position: absolute; z-index: 1; background-size: cover; background-repeat: no-repeat; left: 0; top: 0; } #feedbackpopup .feedbackpopupclose { position: absolute; right: 10px; top: 10px; cursor: pointer; padding: 6px 10px; width: 35px; z-index: 1; } #feedbackpopup .feedbkpopform { width: 275px; } #feedbackpopup .feedbkpopform > span { color: #fff; font-size: 18px; display: block; line-height: 20px; margin-bottom: 15px; } #feedbackpopup .feedbkpopform > input { border: none; background-color: #344b75; color: #ffffff; border-radius: 5px; padding: 10px; margin: 0 0 10px; width: 275px; height: 35px; } #feedbackpopup .feedbkpopform > textarea { width: 275px; height: 70px; padding: 10px; font-size: 14px; border: none; background-color: #344b75; color: #ffffff; border-radius: 5px; resize: none; } #feedbackpopup .feedbkpopform > p { color: #fff; font-size: 16px; display: block; line-height: 19px; } #feedbackpopup .submitfeedback { cursor: pointer; text-transform: uppercase; font-size: 15px; background-color: #b0cb3e; display: inline-block; text-align: right; color: #000; padding: 5px 30px; border-radius: 50px; margin: 10px 0 0; float: right; font-family: 'Roboto', sans-serif; font-weight: 400; } #feedbackpopup ::placeholder { color: #949fb5; opacity: 1; } #feedbackpopup :-ms-input-placeholder { color: #949fb5; } #feedbackpopup ::-ms-input-placeholder { color: #949fb5; } #homecomsrchquot::placeholder { color: #fff; opacity: 1; } #homecomsrchquot:-ms-input-placeholder { color: #fff; } #homecomsrchquot::-ms-input-placeholder { color: #fff; } /*search select2.js*/ /*.select2-container--default .select2-selection--single .select2-selection__arrow{ display: none !important;} .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #4350b0 !important;} .dematformctrlwrap .dematformtxtbox > label#lblselect2js{padding-left:0;} .dematformctrlwrap .select2-container .select2-selection--single{ height: 45px !important;} .dematformctrlwrap .select2-container--default .select2-selection--single{background-color:transparent !important;border:none !important;border-radius:0 !important;} .dematformctrlwrap .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 45px !important; text-align: left !important;color:#fff !important;} .dematformctrlwrap .select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 20px !important;}*/ /*header new*/ ul#mnav > li.Knowledgenav { position: relative; } ul#mnav > li .maindrop.kc { width: 220px; min-height: auto; } .maindrop.kc .dropbox > ul { padding: 15px 0; width: 100%; } .maindrop.kc .dropbox > ul > li { padding: 0 15px; border-bottom: 1px solid #e9e9e9; cursor: pointer; } .maindrop.kc .dropbox > ul > li a { padding: 7px 0; } .maindrop.kc .dropbox > ul > li:last-child { border: none; } .maindrop.kc .dropbox > ul > li:hover { background: #f6f6f6; } .maindrop.kc .dropbox > ul > li > b > a { cursor: pointer; } .maindrop.kc .dropbox > ul > li > b { margin-top: 0; position: relative; z-index: 1; } .maindrop.kc .dropbox > ul > li > b:after { content: "\f067"; font-family: fontAwesome; position: absolute; top: 8px; right: 0; color: #4350b0; font-size: 13px; z-index: -1; } .maindrop.kc .dropbox > ul > li > b.noddl:after { display: none; } .maindrop.kc .dropbox > ul > li > b.opn:after { content: "\f068"; } .maindrop.kc .dropbox > ul > li > ul { margin: 0; position: absolute; top: 0; left: -220px; width: 220px; background: #fff; padding: 15px; box-shadow: 0 3px 5px #ddd; height: 300px; overflow: auto; } .maindrop.kc .dropbox > ul > li > ul > li > a { display: block; font-size: 14px; color: #616161; margin-left: 3px; padding: 6px 0 6px 12px; position: relative; line-height: 16px; } .maindrop.kc .dropbox > ul > li > ul > li > a:after { display: none; content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; margin-top: -3px; background-color: #b2cf41; } .maindrop.kc .dropbox > ul > li > ul > li > a:before { display: none; } .maindrop.kc .dropbox > ul > li > ul { display: none; } /*.maindrop.kc .dropbox > ul > li:hover > ul { display: block; }*/ ul#mnav > li .maindrop.kc { transition: none; } ul#mnav > li.aboutnav .maindrop, ul#mnav > li.commoditynav .maindrop, ul#mnav > li.derivativesnav .maindrop, ul#mnav > li.IPOnav .maindrop, ul#mnav > li.researchnav .maindrop, ul#mnav > li.supportnav .maindrop { padding-right: 0; } ul#mnav > li.researchnav .maindrop, ul#mnav > li.derivativesnav .maindrop { padding-right: 0; } ul#mnav > li .maindrop.lastddplft { left: auto; right: 0; } .maindrop.kc .dropbox li.navsubhead > a { cursor: default; text-decoration: underline !important; } .maindrop.kc .dropbox li.navsubhead > ul { margin: 0; padding: 0 0 0 5px; } .maindrop.kc .dropbox li.navsubhead > ul > li { margin: 0; padding: 0; } .maindrop.kc .dropbox li.navsubhead > ul > li > a { display: block; position: relative; color: #616161; padding: 1px 2px 1px 5px; } .maindrop.kc .dropbox li.navsubhead > ul > li > a:before { content: "-"; margin-right: 3px; } .maindrop.kc .dropbox a.green { font-weight: normal; color: #616161; padding-left: 0px; position: relative; cursor: pointer !important; } .maindrop.frstddprght .dropbox > ul > li > ul { left: 220px; width: 220px; } .dropbox > ul > li > a:after { display: none; } /*IFA - Popup home page*/ #ifapopup { position: relative; background-color: transparent; z-index: 2; right: 0; top: 0; bottom: 0; left: 0; } .ifapopupbox { position: fixed; width: 400px; bottom: 40px; left: 40px; z-index: 99999; background: #fff; padding: 0; border-radius: 10px; border: 2px solid #4654a0; border-top-right-radius: 0; } .ifapopupbox > a.ifapoplink { display: block; margin: 0; padding: 0; } .ifapopupbox > a.ifapoplink > img { border-radius: 6px; } .ifapopupbox > a.close_ifapopup { display: inline-block; position: absolute; top: -26px; right: -2px; color: #ffffff; font-weight: 400; background: #4754a0; font-size: 12px; padding: 3px 5px; } .ifapopupbox > a.close_ifapopup > i { display: inline-block; font-style: normal; color: #abc73e; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 13px; } /* Popup main home page*/ .homemainpopwrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 10001; } .homemainpopcont { display: block; margin: 0; padding: 0; /*width: 544px;*/ width:auto;height: auto; position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);max-width:300px; } .homemainpopcont > a.poplink { display: block; margin: 0; padding: 0; } .homemainpopcont > a.poplink > img { border-radius: 6px; } .homemainpopcont > a.close_homemainpop { display: inline-block; position: absolute; top: -26px; right: -2px; color: #ffffff; font-weight: 400; background: #4754a0; font-size: 12px; padding: 3px 5px; } .homemainpopcont > a.close_homemainpop > i { display: inline-block; font-style: normal; color: #abc73e; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 13px; } /***Home Nirmal bang Media***/ .hmmediabox { background: #fff; padding: 5px; min-height: 265px; position: relative; box-shadow: 0 2px 10px rgba(0,0,0,.2); margin-bottom: 40px; } .hmmediabox > .video { display: block; min-height: 200px; background-repeat: no-repeat; background-size: 100% 100%; position: relative; z-index: 0; } .hmmediabox > .video > i { content: '\f16a'; font: normal normal normal 40px/1 FontAwesome; position: absolute; color: #fe3d07; left: 50%; top: 50%; margin: -20px 0 0 -20px; z-index: 0; } .hmmediabox > .video > i:after { content: ''; width: 25px; height: 25px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -12.5px 0 0 -12.5px; z-index: -1; } .hmmediabox > .video:after { content: ''; background: rgba(0, 0, 0, 0.31); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .hmmediabox > h6 { font-size: 18px; font-family: 'Roboto Slab',sans-serif; color: #101b49; display: block; font-weight: normal; text-align: center; margin: 25px 0; } .hmmediabox > .pastvdo { position: absolute; background: #b2cf41; padding: 10px 22px; border-radius: 25px; color: #252e03; text-transform: uppercase; font-weight: bold; line-height: 15px; border: 4px solid #fff; bottom: -20px; margin: 0 auto; width: 140px; right: 0; left: 0; transition: all 0.5s ease; } .hmmediabox > .pastvdo:hover { background: #4755a0; color: #fff; } .hmnirmalmediasec .MediaTopBox { margin-bottom: 50px; text-align: center; } .hmmediabox > b { font-size: 14px; color: #101b49; display: block; font-weight: normal; text-align: center; margin: 20px 0; padding: 0 5px; } /*search new style*/ .searcharea { padding: 25px 15px 10px 15px; position: absolute; right: 0px; top: 5px; transition: all .3s ease; } .fix .searcharea { top: -7px; } /*mf accosiate popup*/ .mf_associate_pop { position: fixed; background-color: rgba(0,0,0,.8); z-index: 9997; right: 0; top: 0; bottom: 0; left: 0; } .mf_associate_pop > div { position: fixed; width: 600px; top: 100px; z-index: 99999; background: #fff; padding: 0; left: 50%; margin-left: -300px; border-radius: 10px; } .mf_associate_pop img { border-radius: 5px; } .mf_associate_pop a.pop_close { display: inline-block; position: absolute; top: -25px; right: 8px; color: #ddd; font-weight: 400; } .mf_associate_pop a.pop_close > i { display: inline-block; font-style: normal; color: #ff0000; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; } /*margin pledge popup*/ #marginpledgepop .modal-header { border: none; } #marginpledgepop .modal-body { padding: 0 15px 15px 15px; } .marginpledgecont { } .marginpledgecont > h3 { display: block; margin: 0 0 10px 0; font-size: 35px; color: #459a48; font-family: 'Roboto', sans-serif; font-weight: 700; } .marginpledgecont > span { display: block; color: #4350b0; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 14px; } .marginpledgecont > span > i { display: block; font-size: 18px; font-style: normal; color: #459a48; line-height: 16px; } .marginpledgecont > span.green { } .marginpledgecont > h5 { display: block; margin: 12px 0; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 15px; color: #4350b0; } .marginpledgecont > h5.green { color: #459a48; } .marginpledgecont > p { display: block; color: #4350b0; margin: 0; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 400; } .marginpledgecont .table tr > td { font-size: 13px; background: #459a48; color: #fff; text-align: left; font-weight: 400; } .marginpledgecont > h5.footer { margin: 0; } .foot_beyondappnew { display: none; } /**** Risk Disclosure popup ****/ #RiskDisclsrPopup { display: none; position: fixed; background-color: rgba(0,0,0,.8); z-index: 9997; right: 0; top: 0; bottom: 0; left: 0; } #RiskDisclsrPopup .rskdsclsrcnt { position: fixed; width: 650px; top: 100px; z-index: 99999; background: #fff; padding: 30px; left: 50%; margin-left: -325px; border-radius: 10px; } #RiskDisclsrPopup .rskdsclsrcnt > h4 { display: block; margin: 0 0 20px; padding: 0; font-family: 'Roboto Slab', sans-serif; font-weight: 400; font-size: 24px; line-height: 30px; color: #4350b0; text-align: center; } #RiskDisclsrPopup .rskdsclsrcnt > h4 { text-align: left; margin: 0 0 5px; } #RiskDisclsrPopup .rskdsclsrcnt > a { display: inline-block; position: absolute; top: -25px; right: 8px; color: #ddd; font-weight: 400; } #RiskDisclsrPopup .rskdsclsrcnt > a > i { display: inline-block; font-style: normal; color: #ff0000; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; } #RiskDisclsrPopup ul { display: block; margin: 0; padding: 0; } #RiskDisclsrPopup ul > li { display: block; position: relative; margin: 0 0 10px; padding-left: 12px; color: #0f1b4c; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; } #RiskDisclsrPopup ul > li:before { content: ""; position: absolute; background: #b2cf41; width: 6px; height: 6px; left: 0; top: 8px; border-radius: 50px; } #RiskDisclsrPopup a.sebilink { display: block; position: relative; top: 0; margin: 0 0 10px; padding-left: 12px; color: #0f1b4c; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; transition: all 0.5s ease; } #RiskDisclsrPopup a.sebilink:hover { color: #4350b0; }