/* 
*****************************************************************
Created By: Mahesh Vishwakarma From Dion Global Solutions Ltd
*****************************************************************
*/

:focus {outline: none;}
body{font-size: 16px; font-family: 'Quicksand', sans-serif; overflow-x: hidden;}
.sprite {background: url(../images/sprite.png) no-repeat;}
.btn-primary {color: #223471; background-color: #f9c402; border-radius: 5px !important; line-height: 1.4; border-color: #f9c402; border-radius: 0; font-weight: 700 !important; font-size: 14px;}
.btn-primary:hover {background-color: #223471 !important;}
.btn-primary:focus, .btn-primary:active {background-color: #223471 !important; border-color: #223471; color: #fff !important; box-shadow: 0 0 0 0.2rem rgb(169, 169, 169) !important;}
.font2 {font-family: 'Yeseva One', cursive;}
ul{list-style: none;margin:0;padding:0;}
a:hover {text-decoration: none}
.img_max {max-width: 100%}
.pr {position: relative;}
.pa {position: absolute;}
.text-blue {color: #203270 !important}
.text-yellow {color: #f5c700 !important}
.font-bold {font-weight: 700;}
.font-normal {font-weight: 500}
.font-light {font-weight: 400}
.font-thin {font-weight: 300}
header {position: fixed; top: 0; left: 0; width: 100%; z-index: 99}
.h1,h1 {font-size: 2rem;}
.h2,h2 {font-size: 1.75rem}
.h3,h3 {font-size: 1.5rem}
.h4,h4 {font-size: 1.25rem}
.h5,h5 {font-size: 1rem}
.h6,h6 {font-size: 0.75rem}
p{text-align: justify;}


/****************** Header *********************/

.top_menu{background: #f5c700;min-height: 43px;width:100%;color:#fff;padding:9px 0 5px;box-sizing: border-box;font-size: 12px;}
.top_menu .tckr_btn{font-size: 12px;}
.top_menu ul.tckr_btn {font-size: 0; position: absolute; top: 0; left: 0;}
.top_menu ul.tckr_btn li{font-size: 12px;float: left;padding:3px 10px;background:#4e4e4e;cursor: pointer;}
.top_menu ul.tckr_btn li.activated{color:#fff;background:#f9c402;}
.top_block {position: relative; padding-left: 90px;}
.sech_quots{width:100%;border-radius: 0px;height:30px;background:#fff;position: relative;top:-2px; border-radius: 5px;}
.sech_quots input[type="text"]{width:calc(100% - 35px);border:0;background:transparent;height: 30px;line-height: 30px;padding-left: 10px;}
.sech_quots .srch_btn{color: #1f326c;display: inline-block;width:30px;text-align: center;cursor: pointer; font-size: 16px}
.navbar {background-color: white; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2); transition: 0.3s all ease; padding: 0;}
.navbar.compress {position:fixed; top:0; left: 0; width: 100%; z-index: 999; transition: 0.3s all ease}
.navbar-nav {margin-top: 0px;}
.navbar-nav li {border-left: 1px solid #ccc; position: relative;transition:all 0.3s;}
.navbar-nav li:first-child {border-left: none;}
.navbar-nav li a {color: #000 !important; font-size: 16px; padding: 0 15px !important;}
.navbar-nav li a:hover {color: #1f336e !important;}
.navbar-nav li:last-child a {padding-right: 0 !important}
.navbar-nav li a.active {color: #1f336e !important; font-weight: 600}
.navbar-brand {margin-right: 0}
.topnavBar {position: absolute; top: 0px; right: 0;width:1000px}
.topnavBar li {display: inline-block;}
.topnavBar li a {display: block; padding: 0 8px; color: rgba(0,0,0,0.7); font-weight: 500; font-size: 13px;}
.topnavBar li a:hover {color: rgba(0,0,0,1)}
.topnavBar li a.active {background-color: #f9c402; color: #1f3567; transition: all 0.3s;padding: 5px 10px;}
.topnavBar li a.active:hover {background-color: #fff}
.topnavBar li a.active.login {background: #1f3276;color:#fff;font-weight: bold; border-radius: 5px; padding: 3px 13px 3px 10px;}
.topnavBar li a.active.login i {margin-right: 5px; color: #f5c700; font-size: 16px;}
.topnavBar li a.active.login:hover {background-color: white; color: #1f3276; transition: 0.3s all ease}
.topnavBar li a.active.login:hover i {color: #1f3276; transition: 0.3s all ease}

#mob_search {position: absolute; top: 20px; right: 50px; font-size: 20px; color: rgba(0,0,0,.5)}
#home {position: relative;} /* 19-9-19 */

/**************** Pre loader **************/

.page-loader {position: fixed; background:rgba(0,0,0,0.85); bottom: 0;right: 0;	left: 0;top: 0;	z-index: 9998;}
.loader {position: absolute; border: 5px solid #fec30e; border-top: 5px solid #203272; height: 72px; width: 72px; left: 50%; top: 50%; margin: -36px 0 0 -36px; text-indent: -9999em; font-size: 10px; z-index: 9999; animation: load 0.8s infinite linear;}
.preloader_logo {position: absolute; height: 70px; width: 70px; left: 50%; top: 50%; margin: -35px 0 0 -35px; background: url(../images/loader_logo.png);}
.loader, .loader:after {border-radius: 50%;width: 72px; height: 72px;}
@keyframes load {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/**************** Banner ***************/

.ban_item {background-repeat: no-repeat; text-align: center; background-position: top center; display: table; background-size: cover; height: 100vh; width: 100%; position: relative;}
.ban_caption {display: table-cell; vertical-align: middle;}
.ban_caption h2 {font-weight: 400; margin-bottom: 20px;}
.ban_caption .btn {transform: scale(1.3); border:none; transition: 0.3s all ease}
.ban_caption .btn:active {transform: scale(1); background-color: #223471 !important; color: white; transition: 0.3s all ease}
.ban_caption .btn:focus {background-color: #223471 !important; color: white;}

.homebanner .owl-dots {position: absolute; bottom: 188px; left: 50%; margin-left: -94px; text-align: center; display: inline-block; background-color: rgba(0,0,0,0.2); border-radius: 20px; padding: 6px 10px;}
.homebanner .owl-dots .owl-dot {vertical-align: middle;}
.homebanner .owl-dots .owl-dot span {border:3px solid #fff; background-color: #203270 !important; transition: 0.3s all ease}
.homebanner .owl-dots .owl-dot.active span {border:3px solid #203270; background-color: #f9c402 !important; transform: scale(2) !important; transition: 0.3s all ease}

/****************** Home section ******************/

.home_cont {padding: 100px 0; position: relative;}
.home_caption h1 {color: #203270; font-size: 30px; font-weight: 700; margin-bottom: 20px}
.home_caption h5 {font-weight: 300; font-size: 36px; margin-bottom: 20px}
.home_caption span {background-color: #f9c402; display: inline-block; color: white; padding: 10px 20px; margin-bottom: 100px; font-size: 20px; font-weight: 300;}
.hm_main_tab {margin:0; padding: 30px 40px; height: 120px; position: absolute !important; bottom: 0; left: 0; width: 100%; z-index: 98 !important; background-color: rgba(0,0,0,0.3); /*display: none !important;*/}
.hm_main_tab li {position: relative; display: block; margin: 0 8px}
.hm_main_tab .owl-stage-outer {overflow: inherit !important;}
.hm_main_tab li > a {display: block; transition: 0.3s all ease; margin-bottom: 20px;}
.hm_main_tab li > a > span {display: block; vertical-align: middle; background-color: white; color: #000; padding: 20px 10px 20px 50px; font-weight: bold; position: relative; font-size: 15px; text-transform: uppercase; text-decoration: none; border-radius: 10px; box-shadow: 4px 4px 0px 0 rgba(0,0,0,0.3); margin-bottom: 0px;}
.hm_main_tab li > a > i {width: 55px; height: 55px; transition: 0.3s all ease; transform: scale(0.7); display: block; margin: 0 auto; border-radius: 5px;  position: absolute; top: 5px; left: 0; z-index: 9;}
.hm_main_tab li:hover > a > span {background-color: #203270; color: #f9c402; transition: 0.3s all ease}
.hm_main_tab li:hover > a > i {transition: 0.3s all ease}
.hm_main_tab li > .prod_hover_cont {position: absolute; bottom: 0; left: 0; font-size: 14px; background-color: #f9c402; color: black; opacity: 0; transition: 0.3s all ease; padding: 10px; border-radius: 5px 5px 0 0; width: 100%;}
.hm_main_tab li > .prod_hover_cont > ul {margin: 0; padding: 0; display: none;}
.hm_main_tab li > .prod_hover_cont > ul > li {margin-bottom: 0}
.hm_main_tab li > .prod_hover_cont > ul > li > a {padding: 2px 0; transition: 0.3s all ease}
.hm_main_tab li > .prod_hover_cont > ul > li > a:hover {background-color: white; border-radius: 5px; padding-left: 7px; transition: 0.3s all ease}
.hm_main_tab li > .prod_hover_cont p {display: none;}
.hm_main_tab li:hover > .prod_hover_cont p {display: block;}
.hm_main_tab li:hover > .prod_hover_cont {opacity: 1; bottom: 57px; transition: 0.3s all ease; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3)}
.hm_main_tab li:hover > .prod_hover_cont > ul {display: block;}
.hm_main_tab li:hover > .prod_hover_cont > ul > li > a {margin-bottom: 0; color: black}
.hm_main_tab:before {position: absolute; top: 0; left: 0; content: ""; width: 50px; height: 100%; z-index: 9; background-image: linear-gradient(to right, black, rgba(0,0,0,0))}
.hm_main_tab:after {position: absolute; top: 0; right: 0; content: ""; width: 100px; height: 100%; z-index: 9; background-image: linear-gradient(to right, rgba(0,0,0,0), black)}
.hm_icon1 {background-position: 0 0;}
.hm_icon2 {background-position: -55px 0px;}
.hm_icon3 {background-position: -110px 0px;}
.hm_icon4 {background-position: -165px 0px;}
.hm_icon5 {background-position: -220px 0px;}
.hm_icon6 {background-position: -275px 0px;}
.hm_icon7 {background-position: -330px 0px;}
.hm_icon8 {background-position: -385px 0px;}
.hm_icon9 {background-position: -440px 0px;}
.hm_icon10 {background-position: -495px 0px;}
.hm_icon11 {background-position: -550px 0px;}
.hm_main_tab li:hover a .hm_icon1 {background-position: 0 -55px;}
.hm_main_tab li:hover a .hm_icon2 {background-position: -55px -55px;}
.hm_main_tab li:hover a .hm_icon3 {background-position: -110px -55px;}
.hm_main_tab li:hover a .hm_icon4 {background-position: -165px -55px;}
.hm_main_tab li:hover a .hm_icon5 {background-position: -220px -55px;}
.hm_main_tab li:hover a .hm_icon6 {background-position: -275px -55px;}
.hm_main_tab li:hover a .hm_icon7 {background-position: -330px -55px;}
.hm_main_tab li:hover a .hm_icon8 {background-position: -385px -55px;}
.hm_main_tab li:hover a .hm_icon9 {background-position: -440px -55px;}
.hm_main_tab li:hover a .hm_icon10 {background-position: -495px -55px;}
.hm_main_tab li:hover a .hm_icon11 {background-position: -550px -55px;}
.hm_main_tab .owl-dots .owl-dot span {background-color: white !important}
.hm_main_tab .owl-dots .owl-dot.active span {width: 25px; transition: 0.3s all ease}
.hm_main_tab .owl-dots .owl-dot.active span, .hm_main_tab .owl-dots .owl-dot:hover span {background: #203272 !important;}
.hm_main_tab .owl-nav {position: absolute; top: 30px; left: 0; width: 100%; z-index: 10}
.hm_main_tab .owl-nav [class*=owl-] {background: #f9c402 !important; color: #1f326c !important; position: absolute; font-size: 18px !important}
.hm_main_tab .owl-nav .owl-prev {top: 0; left: 10px;}
.hm_main_tab .owl-nav .owl-next {top: 0; right: 10px;}
.section_banner {height: 232px; background-repeat: no-repeat; background-size: cover; position: relative; background-position: top left}
.sectionban_cont {height: 232px; display: table;}
.section_hd {font-size: 30px; font-weight: bold; color: #000; position: relative; font-family: 'Yeseva One', cursive;}
.com_section {padding: 60px 0}
.sre_btn {display: inline-block; line-height: normal; border-radius: 5px; overflow-x: hidden; background-color: #f9c402; padding: 7px 15px; position: relative; font-size: 14px; color: #fff; transition: 0.3s all ease}
.sre_btn:after {position: absolute; top: 0; left: 0; content: ""; height: 100%; width: 0; background-color: #1f346d; z-index: 1; transition: 0.3s all ease}
.sre_btn span {position: relative; z-index: 9; color: #1f326c; font-weight: 500}
.sre_btn:hover span {color: white; transition: 0.3s all ease}
.sre_btn:hover:after {width: 100%; transition: 0.3s all ease}
.red_btn_sm {padding: 4px 10px; font-size: 12px;}
.letsGrow_logo{width:200px;position: relative;top:10px;}

/**************** About Us **************/

.aboutus_bg {background-image: url(../images/aboutus_bg.jpg);}
#aboutus p {font-size: 16px}
.hom_abt_img{position: relative; max-width: 100%}

/***************** Markets section ****************/

.hd-5 {color: #082967; font-weight: bold;}
.genr_losr_wpr{width:100%;}
.genr_losr_wpr .mrkbtn li{float: right;}
.news_hedr h3{width:50%;float: left;}
.news_hedr select{float: right;}
.Markets_bg {background: url(../images/Markets_bg.jpg) no-repeat center center fixed; background-size: cover;}
.black_block {background-color: #fff; border-radius: 5px; position: relative; padding: 15px; border:1px solid rgba(0,0,0,0.2); box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.3)}
.black_block .head_sm {color: #20336e; font-weight: 400}
.black_block .head_sm b {font-weight: bold;}
.black_block hr {border-bottom:1px dashed rgba(255,255,255,0.3);}
.head_sm {font-size: 20px;}
.mrkt_sm_table {width: 100%; position: relative; font-size: 12px}
.mrkt_sm_table th {background-color: rgba(255,255,255,0.5); color: #000; padding:5px 8px; text-align: right;}
.mrkt_sm_table th:first-child, .mrkt_sm_table td:first-child {text-align: left;}
.mrkt_sm_table td {color: rgba(0,0,0,0.5); padding: 5px 8px; text-align: right;}
.mrkt_sm_table td a {color: #000}
.mrkbtn {margin:0; padding:0; float:right}
.mrkbtn li {float:left;}
.mrkbtn li a {text-decoration:none; display:block; color: #666; font-size:12px; padding:1px 10px; transition: 0.3s all ease}
.mrkbtn li a.selected, .mrkbtn li a:hover {background:#1e326c; color: #fff; transition: 0.3s all ease}
.Mselect {background:rgba(255,255,255,0.2); color: white; border:none; font-size:13px; height:26px; padding:0 5px;}
.Mnews {margin:0 0 12px; padding:0;width:100%;clear: both;}
.Mnews li {margin-bottom:13px; padding-bottom:13px; border-bottom:1px dashed #777;}
.Mnews li a {display:block; color:#999; text-decoration:none; transition:0.3s all ease}
.Mnews li a i {display:block; font-style:normal; font-size:13px; color:#1f3377; transition:0.3s all ease}
.Mnews li a:hover {color:#000; transition:0.3s all ease}
.Mnews li a:hover i {transition:0.3s all ease}
.Mnews li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none}
#Ind-Indices .owl-nav, #commodity .owl-nav, #world-indices .owl-nav {position: absolute; top: -55px; right: 0;}
#Ind-Indices .owl-nav [class*=owl-], #world-indices .owl-nav [class*=owl-], #commodity .owl-nav [class*=owl-] {background: none !important;}
#Ind-Indices .owl-nav [class*=owl-] i, #world-indices .owl-nav [class*=owl-] i, #commodity .owl-nav [class*=owl-] i {font-size: 20px;}
.mrkt_menu {position: relative; display: table; width: 100%; margin-bottom: 30px;}
.mrkt_menu li {display: table-cell; position: relative;}
.mrkt_menu li a {display: table; position: relative; width: 100%; padding: 10px; background-color: white; position: relative; text-align: center; font-size: 18px; color: #000; height: 100%; transition: 0.3s all ease}
.mrkt_menu li a.active, .mrkt_menu li a:hover {background-color: #f9c402; color: #1e356b; transition: 0.3s all ease}
.mrkt_menu li a:after {position: absolute; left: 50%; bottom:0px; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; margin-left: -10px; transition: 0.3s all ease}
.mrkt_menu li a.active:after, .mrkt_menu li a:hover:after {bottom: -10px; border-color: #f9c402 transparent transparent transparent; transition: 0.3s all ease}
.mrkt_mob_nav {display: none;}
.indices {position: relative;}
.indices i {position: absolute; left: 0; top: 0; color: white; padding: 12px 6px; font-size: 16px;}
.indices > div {padding-left: 35px}
.indices> div > .index_name {display: block;}
.mrkt_up_bg {padding: 12px 6px; font-size: 16px; background-color: #01b036; color: white}
.mrkt_down_bg {padding: 12px 6px; font-size: 16px; background-color: #d50707; color: white}
.plan_tab li {display: inline-block; color: rgba(255,255,255,0.5);}
.plan_tab li a {display: block; padding: 0 2px; color: #666; text-transform: uppercase;}
.plan_tab li a.active {color: #1f346d;font-weight: bold;}
.index_name {font-size: 14px; color: #000; line-height: 14px;}
.index_price {color: #000; font-size: 26px; font-weight: 400; line-height: 30px;}
.index_meta {font-size: 16px; color: #666; font-weight: 400}
.index_meta i {margin-right: 5px;}
.mkt_up {color: #01b036 !important}
.mkt_down {color: #d50707 !important}
.chart_day li {display: inline-block;} 
.chart_day li a {display: block; padding: 2px 5px; color: #424242; font-size: 12px;}
.chart_day li a.active {background-color: #b3bdd1; color: #002264}
.mkt_date {text-align: right; margin-bottom: 5px; color: #666; font-size: 12px; padding-right: 10px}
.small_select {font-size: 12px; border:1px solid #ccc; outline: none; padding: 1px}
.com_table {font-size: 12px; margin-bottom: 12px;}
.com_table thead {background-color: #ccc;}
.com_table thead th {border:none;}
.com_table th, .com_table td {padding: 7px; border-top: none;}
.com_table td {color: #666; border-bottom: 1px solid #ccc}
.btn-small {font-size: 11px; padding: 2px 5px;}


/***************** Services ****************/

.service_bg {background: url(../images/services_bg.jpg) no-repeat center top; background-size: cover; padding-bottom: 100px;}
#verticalTab {padding-top:30px;}
ul.resp-tabs-list2, p {margin: 0px; padding: 0px;}
.resp-tabs-list2 li {font-size: 16px; font-size:18px; display: inline-block; margin: 0px 0px 10px 0px !important; list-style: none;  cursor: pointer; float: left; background:#203270; text-align:left !important;}
h2.resp-accordion2 { cursor: pointer; padding: 5px; display: none;}
.resp-tab-content2 { display: none; padding: 25px; text-align:justify; min-height:572px; box-shadow: 14px 10px 50px -20px rgba(0,0,0,0.5);}
.resp-tab-active2 { border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important;}
.resp-tab-active2 { border-bottom: none; background-color: #fff;}
.resp-content-active2, .resp-accordion-active2 { display: block;}
h2.resp-accordion2 { font-size: 16px; color:#fff; background:#1f316f; margin: 0px; padding: 10px 15px; color:#FFFFFF; font-weight:400; padding:20px 10px 20px 20px !important}
h2.resp-tab-active2 { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important;}
h2.resp-tab-title2:last-child {border-bottom: 12px solid #c1c1c1 !important;  background: blue;}
.resp-vtabs2 ul.resp-tabs-list2 { float: left; width: 20%;}
.resp-vtabs2 .resp-tabs-list2 li { display: block; padding:13px 15px 13px 20px !important; margin: 0; cursor: pointer; float: none; text-align:left; position:relative; font-weight:400; color: rgba(255,255,255,0.5); transition:0.3s all ease; font-size: 15px}
.resp-vtabs2 .resp-tabs-list2 li i {position:absolute; width:44px; height:40px; top:50%; margin-top:-20px; left:15px; filter: grayscale(1); transition: 0.3s all ease}
.resp-vtabs2 .resp-tabs-container2 { padding: 0px; float: left; width: 60%;  min-height: 250px; clear: none;}
.resp-vtabs2 .resp-tab-content2 { border: none; background:rgba(255,255,255,1);}
.resp-vtabs2 li.resp-tab-active2 {background: rgb(249, 196, 3); border-left: 3px solid #213370; position: relative; z-index: 1; font-weight:700; color:#213370; font-size: 18px; transition:0.3s all ease;}
.resp-vtabs2 li.resp-tab-active2 i {filter: grayscale(0); transition: 0.3s all ease}
.resp-arrow2 { width:0; height:0; position:absolute; top:24px; right:12px; border-left: 6px solid transparent; border-right: 6px solid transparent;
border-top: 12px solid #fff; margin-top:0px;}
h2.resp-tab-active2 span.resp-arrow2 { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #464646;}
h2.resp-tab-active2 {background:#f9c403; color:#000; font-weight:700; padding:20px 10px 20px 20px !important;}
.resp-tab-content2 {min-height: 620px;}
.resp-easy-accordion2  h2.resp-accordion2 {display: block;}
.resp-easy-accordion2 .resp-tab-content2:last-child {border-bottom: 1px solid #c1c1c1 !important;}
.resp-jfit2 { width: 100%; margin: 0px;}
.resp-tab-content-active1 {display: block;}
.companypro p.adtoppad{padding-top: 20px;}
.main_hd3 {
    font-size: 26px;
    margin-bottom: 13px;
}
.images_prdct {
    margin: 15px 0;
    display: block;
    overflow: hidden;
}
.images_prdct img{width: 100%;}
.innr_trading {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
}
.cstm_l li a {
    background: #203270;
    color: #fff !important;
    padding: 5px 15px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
    min-width: 300px;
    text-align: center;
}

.innr_trading h5{font-weight: 700;}
.position_rel{position: relative;}
a.opn_acnt {
    animation: blinker 1.5s linear infinite;
}

    .opn_acnt {
		color: #fff !important;
		font-weight: 600;
		display: inline-block;
		text-align: center;
		background: #1f326c;
		padding: 5px 15px !important;
		border-radius: 5px;
		position: absolute;
		right: 40px;
		top: 31px;
    }
        
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
@media only screen and (min-width: 1024px) and (max-width:1300px) {
	.topnavBar li a{font-size: 11px;padding: 0 4px;}
}
@media only screen and (max-width: 768px) {
	.opn_acnt{
	position: relative;
    text-align: center;
    right: auto;
    top: auto;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    width: 250px;
	}
}
@media only screen and (max-width: 768px) {
	ul.resp-tabs-list2 {display: none;}
    h2.resp-accordion2 { display: block; position:relative}
	h2.resp-accordion2 i {position:absolute; width:44px; height:40px; top:50%; margin-top:-20px; left:15px;}
    .resp-vtabs2 .resp-tabs-container2 { border: none;float: none; width: 100%; min-height: initial; clear: none; background-color: #eee}
    .resp-accordion-closed2 {display:none !important;}
}
.astrick_quotes {padding: 10px; display: block; background-color: rgba(255,255,255,0.7); font-weight: 500}
.bullet_hd p {padding-left: 0px; font-size: 14px}
.bullet_hd b {font-weight: bold; position: relative; font-size: 16px; margin-bottom: 10px; display: block; padding-left: 20px;}
.bullet_hd b:before {position: absolute; top: 7px; left: 0; content: ""; width: 10px; height: 10px; border-radius: 100%; background-color: #f9c402}
.pms_tab {width: 150px;}

.bullet_list {margin: 0; padding-left: 15px}
.bullet_list li {margin-bottom: 10px; position: relative; text-align: left; padding-left: 20px; font-size: 16px;}
.bullet_list li:before {position: absolute; top: 10px; left: 0; content: ""; width: 6px; height: 6px; background-color: #203270}
.bullet_list li a {color: #666; font-size: 14px;}
.bullet_list li a:hover {color: #203270; font-weight: 700; transition: 0.3s all ease-in-out}

/**************** Group company ****************/
.groupComp_block {position: relative; z-index: 9;}
.groupComp_bg {position: absolute; top: 0; left: 0; width: 50%; background: url(../images/group_company.jpg) no-repeat; background-size: cover; height: 100%}
#groupComp {padding:0 30px; margin: 20px 0 10px; position: relative;}
#groupComp .item {text-align: center;}
#groupComp .item a {display: block; border-radius: 10px; margin: 20px; background: white;}
#groupComp .item img {max-width: 100%; height: 69px; padding: 5px;}
#groupComp .owl-nav {position: absolute; top: 50%; left: 0; width: 100%; margin-top: -20px}
#groupComp .owl-nav .owl-prev {position: absolute; top: 0; left: 0px; box-shadow: 5px 0 10px 0 rgba(0,0,0,0.2)}
#groupComp .owl-nav .owl-next {position: absolute; top: 0; right: 0px; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2)}
#groupComp .owl-nav .owl-prev, #groupComp .owl-nav .owl-next {color: black !important; background: rgba(255,255,255,0.5) !important; font-size: 20px; transition: 0.3s all ease}
#groupComp .owl-nav .owl-prev:hover, #groupComp .owl-nav .owl-next:hover {background: rgba(255,255,255,1) !important; transition: 0.3s all ease}

/************** stay_conected *****************/

.stayCont_bg {position: absolute; top: 0; right: 0; width: 50%; background: url(../images/stay_connected.jpg) no-repeat; background-size: cover; height: 100%}
.stay_cont {position: relative; z-index: 9; color: white; padding-left: 25px} 
.stay_cont p {font-weight: 300}

/*************** slide button ****************/

.chatOption {position: fixed; bottom: 0; right: 20px; z-index: 99; border-radius: 5px 5px 0 0; overflow: hidden;}
.startSIP {position: fixed; top: 150px; right: -7px; z-index: 99; overflow: hidden; border-radius: 10px 0 0 10px; box-shadow: -4px 0px 15px -7px rgba(32,50,112,0.5); transition: 0.3s all ease;}
.startSIP:hover {right: 0; transition: 0.3s all ease;}
.startrading {position: fixed; top: 380px; right: -7px; z-index: 99; overflow: hidden; border-radius: 10px 0 0 10px; box-shadow: -4px 0px 15px -7px rgba(32,50,112,0.5); transition: 0.3s all ease;}
.startrading:hover {right: 0; transition: 0.3s all ease;}
.downloadApp {position: fixed; top: 384px; left: -7px; z-index: 99; overflow: hidden; border-radius: 0 10px 10px 0; box-shadow: 6px 0px 15px -7px rgba(32,50,112,0.5); transition: 0.3s all ease;}
.downloadApp a {display: block;}
.downloadApp:hover {left: 0; transition: 0.3s all ease;}

/*************** Testimonial ****************/

#Testimonials {text-align: center;}
#Testimonials span {display: block; margin-bottom: 15px;}
#Testimonials i {font-size: 26px; color: rgba(0,0,0,0.2);}
#Testimonials b {display: block; font-size: 18px}
#Testimonials p {font-size: 18px;}
#Testimonials .owl-dots .owl-dot.active span {background: #1e3470; width: 25px; transition: 0.3s all ease}

/* Mascot */
.sureshBhai {position: absolute; bottom: 0; left: 80px;}
.rajubhai {position: absolute; bottom: 120px; left: 70px; z-index: 10;} /* 19-9-19 */
.ekyc_masscot {position: absolute; bottom: 120px; right: 80px; z-index: 10} /* 19-9-19 */
.dp_masscot {position: absolute; bottom: 120px; left: 80px; z-index: 10} /* 19-9-19 */
.pms_masscot {position: absolute; bottom: 120px; right: 80px; z-index: 10} /* 19-9-19 */
.Currency_trading_masscot {position: absolute; bottom: 120px; left: 80px; z-index: 10} /* 19-9-19 */
.MF_masscot {position: absolute; bottom: 120px; right: 80px; z-index: 10} /* 19-9-19 */
.commodity_masscot {position: absolute; bottom: 120px; left: 80px; z-index: 10} /* 19-9-19 */
 
/*************** Mutual Fund **************/

.mf_bg {background-color: #e8eaf0; position: relative;}
.mf_info {font-size: 16px;}
.mf_block {display: block; text-align: center;}
.mf_block span {display: inline-block; background-color: white; margin: 0 auto 15px; padding: 15px; position: relative; border-radius: 10px; border:1px solid #ccc; box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.2); transition: 0.3s all ease}
.mf_block span i {display: block; width: 65px; height: 65px; transition: 0.3s all ease}
.mf_block h5 {font-size: 16px; color: #444; font-weight: 400; transition: 0.3s all ease}
.mficon1 {background-position: 0 -113px}
.mficon2 {background-position: -65px -113px}
.mficon3 {background-position: -130px -113px}
.mficon4 {background-position: -195px -113px}
.mficon5 {background-position: -260px -113px}
.mficon6 {background-position: -325px -113px}
.mf_block:hover span {background-color: #1f326c; transition: 0.3s all ease}
.mf_block:hover h5 {color: #1f326c; font-weight: 500; transition: 0.3s all ease}
.mf_block:hover .mficon1 {background-position: 0 -178px}
.mf_block:hover .mficon2 {background-position: -65px -178px}
.mf_block:hover .mficon3 {background-position: -130px -178px}
.mf_block:hover .mficon4 {background-position: -195px -178px}
.mf_block:hover .mficon5 {background-position: -260px -178px}
.mf_block:hover .mficon6 {background-position: -325px -178px}

/***************** blog *****************/

.blog_content {background: #1f3377 url(../images/blog_bg.jpg) no-repeat bottom center; position: relative; padding: 20px; height: 100%}
.blog_content h2 {font-family: 'Yeseva One', cursive; color: white}
#blog_slider b {font-size: 24px; color: #f9c402; font-weight: 400; margin-bottom: 7px; display: block;}
#blog_slider em {font-style: normal; display: inline-block; margin-bottom: 10px; background-color: rgba(255,255,255,0.4); font-weight: 500; color: #1f3377; padding: 2px 6px; font-size: 12px;}
#blog_slider p {color: white; font-size: 15px; font-weight: 300; margin-bottom: 20px;}
#blog_slider .owl-nav {position: absolute; bottom: -40px; right: 0;}
#blog_slider .owl-nav [class*=owl-] {background: none !important; color: white !important;}
.blog_content .sre_btn:hover span {color: black !important}
.blog_content .sre_btn:hover:after {background-color: white !important}

/****************** Knowledge Center *****************/

.knowledge_content {background: #fbcc1e url(../images/KnowledgeCentre_bg.jpg) no-repeat bottom center; position: relative; padding: 20px; height: 100%}
.knowledge_content h2 {font-family: 'Yeseva One', cursive; color: black; margin-bottom: 15px}
.knowledge_content ul {margin:0; padding: 0;}
.knowledge_content ul li {display: inline-block; margin-right: 10px; position: relative; margin-bottom: 15px;}
.knowledge_content ul li a {display: block; padding: 4px 15px; border-radius: 20px; background-color: rgba(255,255,255,0.5); color: black; transition: 0.3s all ease;}
.knowledge_content ul li a:hover {background-color: white; transition: 0.3s all ease;}

/**************** Scroll To Top *****************/

.scrollToTop {position: fixed; right: -44px; bottom: 2.5rem; width: 2.75rem; height: 2.75rem; text-align: center; border-radius: 5px 0 0 5px; z-index: 99; color: #fff; background: #f9c403; color: #1f3276; line-height: 46px; transition: 0.3s all ease; box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.3)}
.scrollToTop.active {right: 0; transition: 0.3s all ease}
.scrollToTop:hover {color: #f9c403; background-color: #1f3276}
.scrollToTop i {font-size:22px;}


/*************** Footer ****************/

footer{background: #203272;}
.light_blue {background-color: #ececec}
.attention_ticker span {background-color: #223472; font-size: 18px; font-weight: 700; position: absolute; height: 100%; top: 0; left: 0; color: white; padding: 10px 15px;}
.attention_ticker {padding-left: 200px; position: relative;}
.attention_ticker marquee {height: 40px; line-height: 40px;}
.nav_link {margin: 0; padding: 0; text-align: center;}
.nav_link li {display: inline-block; position: relative; padding: 15px}
.nav_link li:after {position: absolute; top: 23px; right: -6px; content: ""; width: 7px; height: 7px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5);}
.nav_link li a {display: block; color:rgba(255,255,255,0.4);transition:all 0.3s;}
.nav_link li:last-child:after {display: none;}
.nav_link li a:hover {color:rgba(255,255,255,1);}
.foot_txt {font-size: 12px; color:rgba(255,255,255, 0.4); text-align: center;}
.foot_txt a {color:rgba(255,255,255, 0.4)}
.social_links li{display: inline-block;font-size: 24px;padding:10px;}
.social_links li a:hover{color: #fff;}
.stocks {margin-bottom:10px; text-align: center;} 
.stocks ul {margin:0; padding:0; overflow:hidden; border: 1px solid rgba(255,255,255,0.10); display: inline-block} 
.stocks ul li {float:left; list-style-type:none; border-right: 1px solid rgba(255,255,255,0.10);} 
.stocks ul li Span {width:110px; padding: 6px 11px 7px; text-align:left; font-size:12px; color:#fff; text-transform:uppercase; display:block;}
.stocks ul li a {padding:6px 9px; color:#fff; display:block; font-size:13px; text-transform:uppercase} 
.stocks ul li a:hover{background:rgba(0,0,0,0.30)}
.stocks ul li:last-child {border-right: none}
.useful_links li {display: inline-block; position: relative;}
.useful_links li:after {position: absolute; top: 7px; right: -4px; content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5);}
.useful_links li:last-child:after {display: none;}
.useful_links b {color: rgba(255,255,255,0.6); font-weight: bold; display: block; margin-bottom: 5px}
.useful_links li a {display: block; padding: 0 10px;}
.useful_links li a:hover {color: rgba(255,255,255,0.7); transition: 0.3s all ease}


#small-dialog {
	background: white;
	padding: 15px;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
}

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 

	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.adtnl_txt{margin: 15px 0;text-align: center;font-size: 24px;}
.ban_caption.frst-ban{vertical-align: top;padding-top: 300px;}

@media (max-width:1400px)
{
	.ban_caption.frst-ban{vertical-align: top;padding-top: 150px;} /* 19-9-19 */
}
@media (max-width:992px)
{
	.adtnl_txt{font-size: 18px;line-height: 20px;}
}
@media (max-width:767px)
{
	.adtnl_txt{color:#fff;font-size: 14px;font-weight: bold;}
	.ban_caption.frst-ban h2{font-size: 16px;}
	.homebanner .owl-dots { bottom: 130px !important;}
}

.mob_getquotes {display: none;} /* 19-9-19 */


.openAccountbtn {position: fixed; top: 150px; left: -7px; z-index: 99; overflow: hidden; border-radius: 0 10px 10px 0; box-shadow: 6px 0px 15px -7px rgba(32,50,112,0.5); transition: 0.3s all ease;}
.openAccountbtn a {display: block;}
.openAccountbtn:hover {left: 0; transition: 0.3s all ease;}
.paperless{font-size: 19px;}
.brn_clc{margin-left: 40px;}
.nw_btn_sew {
    background: #f9c403;
    padding: 7px 20px;
    margin-right: 14px;
    border-radius: 17px;
    color: #1f326c;
    font-weight: 600;
	display: inline-block;
}
.nw_btn_sew:hover{
	background: #1f326c;
	 color: #fff;
}


@media screen and (max-width:767px) {
	.d_blc_mob{display:block !important;}
	.brn_clc{margin-left: 0;}
	.nw_btn_sew {margin: 5px 4px; margin-bottom: 10px;}
	.mb_o{margin-bottom: 1px !important;}
	
}
@keyframes blnk_efct {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.blnk_efct_btn {
  animation: blnk_efct 1.5s linear infinite;
}