/*
*****************************************************************
Created By: Sudhansu kumar patro From Dion Global Solutions Ltd
*****************************************************************
*/
@import url('../font/calibri/default.css');
@import url('../font/ebrimabd/ebrimabd.css');
@import url('../font/Futurabc/futurabc.css');
@import url('../font/Constantia/constan_1.css');
@import url('custom.css');
@import url('master.css');
a img { border:none;}
a:focus{ outline:none;}
input:focus{ outline:none;}
textarea:focus{ outline:none;}
::-moz-selection
{
	background:#fdfd9c;
	color:#000;
}
::selection{
	background:#fdfd9c;
	color:#000
}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
ul , ol{margin:0px; padding:0px;}

li{	padding:0px;	margin:0px;	list-style:none;}
a{text-decoration:none; -webkit-transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out; color:#000}
a:hover{color:#FFF}
h1, h2, h3, h4, h5, h6 {font-weight: normal;padding:0px;margin:0px;}
p{margin:0px;padding:0px;}
.FL{ float:left !important;}.FR{ float:right !important;}
.pd0{padding:0}.pd2{padding:2px !important;}.pd5{padding:5px !important;}.pd10{padding:10px !important;}.pd20{padding:20px !important;}.pl5{padding-left:5px !important;}.pl10{padding-left:10px !important;}.pl15{padding-left:15px !important;}.pl20{padding-left:20px !important;}
.h5{ height:5px}.h10{ height:10px}.h20{ height:20px}.h30{ height:30px}
.m0{ margin:0 !important;}.mt20{ margin-top:20px !important;}.mt10{ margin-top:10px !important;}.mt5{ margin-top:5px !important;}.mt15{ margin-top:15px !important;}.ml20{ margin-left:20px !important;}.ml30{ margin-left:30px !important;}.ml50{ margin-left:50px !important;}.ml10{ margin-left:10px !important;}.ml5{ margin-left:5px !important;}.ml15{ margin-left:15px !important;}
.mr5{ margin-right:5px}.mr10{ margin-right:10px}.mr15{ margin-right:15px !important}.mr20{ margin-right:20px !important}.mr0{ margin-right:0 !important}
.mb0{ margin-bottom:0px !important}
.f11{ font-size:11px !important}.f12{ font-size:12px !important}.f13{ font-size:13px !important}.f14{ font-size:14px !important}.f15{ font-size:15px !important}.f16{ font-size:16px !important}.f17{ font-size:17px !important}.f18{ font-size:18px !important}
.bold{ font-weight:700 !important;}
.uppercase{ text-transform:uppercase !important;}

body{font-family:'Calibri';font-size: 12px;line-height: 20px;overflow-x: hidden;height:100%; line-height:inherit}
.maincontain{ width:990px; margin:0 auto; position:relative}
header{ background:url(../images/hdrBG.jpg) repeat-x; min-height:117px; height:auto}
.logo{ height:87px; padding:25px 0 0 0px}
.logo img{ width:auto}

.yearico{float:left;padding:17px 0px 0px 80px;}
.yearico img{width: 88px;}
/* 11-02-2020*/
@media screen and (min-width:1360px) {
    .logo img {
        width: 425px;
    }
    
}
@media only screen and (max-width: 768px) {
	.yearicom {
    float: left !important;
    padding: 232px 0px 0px 0px !important;
    position: absolute !important;
    z-index: 999999 !important;
    top: -210px !important;
    left: 4px !important;
}
.logo img {
    margin-top: 14px !important; 
    width: 46% !important;
    margin-left: 76px !important;
}
.hdrtab li{padding: 3px 28px 5px 28px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.logo img {
    margin-top: 0px !important;
    width: 45% !important;
	}
}
@media only screen and (max-width: 576px) {
	.yearicom {
    float: left !important;
    padding: 232px 0px 0px 0px !important;
    position: absolute !important;
    z-index: 999999 !important;
    top: -210px !important;
    left: 4px !important;
}
.logo img {
    margin-top: 14px !important; 
    width: 75% !important;
    margin-left: 76px !important;
}
}
/*End 11-02-2020*/

/* 31-05-19*/
.hdrtab { float:right; margin:5px 0 0 0; }
.hdrtab ul{  margin:0; padding:0}
.hdrtab li{list-style:none;float:left;background:#2AA5AD;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-left:5px;padding: 3px 20px 5px 15px;font-family: 'FuturaBdCnBTBold', sans-serif;}
.login_drop {position: relative;}
.login_drop:after {position: relative; top: 6px; display: inline-block; vertical-align: top; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000; margin-left: 4px;}
.login_drop:hover span {display: block;}
.login_drop span {position: absolute; display: none; border-top: 1px solid rgba(0,0,0,0.2); top: 25px; left: 0; width: 100%; background-color: #2AA5AD; text-align: center;}
.login_drop span a {display: block; padding: 7px 0}
.login_drop:hover {border-radius: 0}
.login_drop:hover span {border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.cashback_btn {position: fixed; top: 300px; left: 0; z-index: 99;}
/* 10-02-2020 */

:root .hdrtab li a {font-weight:900\9;font-stretch:condensed;font-size: 14px;}  
:root .hdrtab li:last-child a {font-weight:300\9;}  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.hdrtab li a {font-weight:900; font-stretch:condensed;font-size:20px;} 
/*.hdrtab li:last-child a {font-weight:300;}*/
}

/* 22-05-19  refer earn*/
.refer_earn_cont p {margin:0 0 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.dblock {display: block;}
.term_list {margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;}
.term_list li {margin-bottom: 10px; list-style-type: none; padding-left: 22px; position: relative; font-size: 12px; color: #5d5d5d; font-weight: 300; line-height: 20px;}
.term_list li:before {position: absolute; top: 5px; left: 5px; content: ""; width: 8px; height: 8px; border-radius: 2px; background-color: #2aa5ad}
.mb10 {margin-bottom: 10px !important;}
.referearnbg { background:url(../images/refernEarn.jpg) 50% 0% no-repeat;}
.rnd_btn {position: fixed; top: 160px; left: 0; z-index: 99;}

/* 10-02-2020 */


.cashback_cont {background: linear-gradient(162deg, rgba(42,165,173,1) 0%, rgba(255,205,1,1) 100%); padding: 25px 15px; margin-bottom: 25px !important; border-radius: 10px; text-align: center;}
.cashback_cont h2 {color: #fff !important; font-size: 36px !important; margin-bottom: 20px !important; text-transform: capitalize !important;}
.cashback_cont h3 {font-size: 24px; margin-bottom: 15px;}
.cashback_cont h3 b {color: black !important}
.cashback_cont p {font-size: 16px !important; color: #444 !important; text-align: center !important;}

/* 31-05-19*/
/*.hdrtab li:last-child{ list-style:none; float:left; background:#2AA5AD url(../images/loginarw.png) 7% 50% no-repeat;border-bottom-left-radius:0px; border-bottom-right-radius:0px; margin-left:5px;padding:6px 15px;font-family: 'Calibri';}*/
.hdrtab li a{ text-align:center; font-size:21px; text-transform:uppercase; color:#000; text-decoration:none}
.hdrtab li a:hover{ color:#FFF}
/*.hdrtab li:last-child a{font-size:16px; text-transform:uppercase; padding-left:7px}*/
/* 31-05-19*/

/*...Nav...*/
nav { background: url(../images/navBG.jpg) repeat-x; display:block; width:100%; }
nav ul { float:left;}
nav ul li { float:left; margin:0; display:block; position:relative;  padding:10px 0px;}
nav ul li a { float:left; color:#000; display:block; width:auto;padding:0px 7px; border-right:1px #d3d3d3 solid; font-size:13px; text-transform:uppercase }
nav ul li:last-child a{ border-right:none}
nav ul li.toplevel a:hover,nav ul li.toplevel a.active {
	text-decoration:none;border:1px solid #d2d2d2; 
 }

nav a, nav a:hover 	{ color:#000;   }
nav a img.drop {   }

.ie8 nav ul li img { display:none; }

.extranav { float:right; display:block; padding:3px 0}
#Cname, #search { 
   margin: 0 
}
.Cname, .search { 
   margin: 0 
}
#Cname { 
   font-size: 13px; height:35px;
   line-height: normal ; color:#717171;float:left; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-indent:10px
}
.Cname { 
   font-size: 13px; height:35px;
   line-height: normal ; color:#717171;float:left; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-indent:10px
}
.search { 
   width: auto; 
   height: 35px;
   display: inline-block;
   background: #FFCD01;
   font-family: 'EbrimaBold';
   font-size:12px;
   float:left;
   text-transform:uppercase;
   outline:none;
border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:0px
   /* placing next to input using float or absolute positioning omitted ... */
}

/* Hover Menu */
nav ul li.hassub { position:relative; }
nav ul li.hassub:hover ul { display:block;z-index:9999; }
nav ul li.hassub ul { float:left; width:410px; padding:0.6em 0.8em 1em 0.8em; background:#fff; border:3px #002c54 solid;  display:none; position:absolute; left:0;top:3.5em; text-indent:0.5em; color:#a0a0a0;
-webkit-box-shadow:  4px 4px 4px 4px rgba(0, 0, 0, 0.5); box-shadow:  4px 4px 4px 4px rgba(0, 0, 0, 0.5);}
nav ul li.hassub ul li { width:50%; }
nav ul li.hassub ul li a { border:0; color:#003366; padding:0.3em 0 0 0; text-indent:0.6em; font-size:0.9em; text-shadow:none; }
nav ul li.hassub ul li:hover, nav ul li.hassub ul li:hover { background:none; } 
nav ul li.hassub ul li a:hover { background:#fff; text-decoration:underline; }

nav ul li.hassub ul li ol { padding:0.2em 0 0.6em 0; }
nav ul li.hassub ul li ol li a { padding:0 0 4px 0; font-size:0.9em; width:100%; background:url(../images/icon-linkarrow.gif) no-repeat left 5px; margin-left:0.6em;}
nav ul li.hassub ul li ol li a:hover { background:url(../images/icon-linkarrow.gif) no-repeat left 5px; }
.navIcon, .navIcon2 { display:none; }

/*.......*/
.carousel {
	height: 100%; position:relative; z-index:1
}
.item, .active, .carousel-inner {
	height: 100%;
}
.fill img {
	left:0;
	top:0;
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.fill .desktopbanner{ display:block; left:0;	top:0;	width: 100%;	text-align: center;	margin-left: auto;	margin-right: auto;
background: url(../images/banner4.jpg) no-repeat;   z-index:0}

.mobilebanner .bannerimg {left:0;	top:0;	width: 100%;	text-align: center;	margin-left: auto;	margin-right: auto;
background: url(../images/banner4.jpg) no-repeat; margin-top:-30px; display:none; z-index:0}
.mobilebanner .bannerimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 171px;	left: 238px;display: block; z-index:999999}


#bdcont{ background:url(../images/mainbg.gif) repeat-x}
.box{-webkit-box-shadow: 0px 0px 5px 1px rgba(122,122,122,0.40);
-moz-box-shadow: 0px 0px 5px 1px rgba(122,122,122,0.40);
box-shadow: 0px 0px 5px 1px rgba(122,122,122,0.40);background:#FFF; border:1px solid #E7E7E7}

.hdline{ border-bottom:2px solid #C7C7C7}
.box1{-webkit-box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.16);
box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.16);background:#FFF; border:1px solid #E7E7E7; border-bottom-left-radius:10px;border-bottom-right-radius:10px; padding:0 15px; position:relative; z-index:0}

.box1 li{ list-style:none; float:left;font-family: 'EbrimaBold', sans-serif; color:#000; float:left; display:block; text-align:center; height:45px; line-height:45px; background:#FFCC03; margin-right:8px; width:24%}
.box1 li:last-child{ margin-right:0px !important;}
.box1 li:hover{ background:#2AA5AD}
.box1 li a{color:#000; text-transform:uppercase; text-decoration:none; padding:0 15px; font-size:13px;}
:root .box1 li a {font-size:12px\9;font-weight:700\9; }  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.box1 li a {font-size:12px;font-weight:700; }  
}
.box1 li a:hover,.box1 li:hover>a{ color:#FFF}

.box2{-webkit-box-shadow: 0px 0px 5px 2px rgba(122,122,122,0.20);
-moz-box-shadow: 0px 0px 5px 2px rgba(122,122,122,0.20);
box-shadow: 0px 0px 5px 2px rgba(122,122,122,0.20);background:#FFF; border:1px solid #E7E7E7}
.box2{  padding:0 0 5px 0}
.box2 h1{ font-size:25px;font-family: 'ConstantiaRegular'; float:left; margin:8px 0 0 15px}
.box2 h2{ font-size:20px;font-family: 'ConstantiaRegular';}

.bntab{ float:right; margin:-52px 0 0 0}
.bntab li{ list-style:none;float:left; width:50px; text-align:center; line-height:50px}
.bntab li a{ color:#999999; text-transform:uppercase; text-decoration:none; font-size:13px;font-family: 'EbrimaBold', sans-serif;}

:root .bntab li a {font-weight:700\9; font-stretch:ultra-condensed }  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.bntab li.active>a,.bntab li:hover>a {font-weight:700;font-stretch:ultra-condensed }  
}

.bntab li.active,.bntab li:hover{ background:url(../images/tab-act.png) 50% 0% no-repeat; height:65px;text-align:center; cursor:pointer } 
.bntab li.active>a,.bntab li:hover>a{ color:#000;}

.newsbox{ background:url(../images/boxBG.png) 0% 0% no-repeat;min-height:138px; margin-top:25px; background-size:contain; padding:12px 17px;}
.newsbox h1{
	font-family: 'EbrimaBold', sans-serif;
	color: #2aa5ae;
	font-size: 18px;
	text-align: center;
	display: block
}
:root .newsbox h1 {font-weight:700\9; font-stretch:expanded;font-size: 17px; }  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.newsbox h1 {font-stretch:expanded;font-size: 17px; }  
}

.newsbox .nws{font-family: 'EbrimaBold', sans-serif; font-size:15px; margin:30px 10px 0 10px}

:root .newsbox .nws {font-weight:700\9; font-stretch:expanded ;font-size:14px;}  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.newsbox .nws {font-weight:700;font-stretch:expanded;font-size:14px; }  
}

.dat{ font-family:Verdana, Geneva, sans-serif; color:#626262; font-size:11px}
.more{ text-align:right;}
.more a{font-family: 'EbrimaBold', sans-serif; color:#2aa5ae; font-size:12px; text-transform:uppercase; text-decoration:none}

:root .more a {font-weight:700\9; font-stretch:expanded ;font-size:11px;}  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.more a {font-weight:700;font-stretch:expanded;font-size:11px; }  
}

.more a:hover{ color:#000}
.Mdat{ border:1px solid #EAEAEA; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:23px; text-align:center; padding:15px;}
.UP{ color:#36a648}.DN{ color:#FF0000}

.box3{-webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.16);
box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.16);background:#FFF; border:1px solid #E7E7E7; border-bottom-left-radius:10px;border-bottom-right-radius:10px; padding:10px; margin-top:20px}
.Flinks{ text-align:center; color:#8B8B8B}
.Flinks a{color:#8B8B8B; padding:0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.Flinks a:hover{color:#000; text-decoration:none}
.bb1{ border-bottom:1px solid #ADADAD}

.fhd{ font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:700; margin:15px 0 5px 10px}
.flnk ul{ margin:0px; padding:0px;}
.flnk li{ list-style-type:none; background:url(../images/arw.jpg)0% 50% no-repeat; padding:5px 0px 5px 10px; }	
.flnk li a{ font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif;}
.flnk li a:hover{ color:#16C0F3; text-decoration:underline;}

.Mval{ text-align:center; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#676666}
.CR{ color:#8c8c8c; font-size:11px;font-family:Arial, Helvetica, sans-serif; margin:20px 0}
.bnr{ background-size:cover; height:151px; position:relative }
.bnr h1{font-family: 'Calibri'; font-size:37px; text-transform:uppercase; position:absolute; top:100px; left:10px}
.loginbnr { background:url(../images/Login_bnr.jpg) 50% 0% no-repeat;}
.downloadbnr { background:url(../images/download_bnr.jpg) 50% 0% no-repeat;}
.logbx{ padding:40px 70px 0 70px}
.digcont{ background:url(../images/DIGITAL-Contract.jpg) 0% 0% no-repeat; min-height:150px; width:381px}
.onlback{ background:url(../images/online-backoffice.jpg) 0% 0% no-repeat; min-height:150px; width:381px}
.ipomf{ background:url(../images/ibt-ipo-mutual-fund.jpg) 0% 0% no-repeat; min-height:150px; width:381px}
.digcont,.onlback,.ipomf{ padding:45px 10px 0 150px; text-align:center; font-size:16px; text-transform:capitalize}
.im{ width:381px; margin:20px auto}
.box2 h2{font-family: 'FuturaBdCnBTBold'; font-size:22px; text-transform:uppercase}
.loginbnr { background:url(../images/Login_bnr.jpg) 50% 0% no-repeat;}
.servicebnr { background:url(../images/services_bnr.jpg) 50% 0% no-repeat;}

.servbx{ padding:20px 20px 0 20px}
.equity{ background:url(../images/equity.jpg) 0% 0% no-repeat; min-height:106px; width:288px}
.deriv{ background:url(../images/derivatives.jpg) 0% 0% no-repeat; min-height:106px; width:288px}
.MFs{ background:url(../images/mutual-funds.jpg) 0% 0% no-repeat; min-height:106px; width:288px}
.ipo{ background:url(../images/ipo.jpg) 0% 0% no-repeat; min-height:106px; width:288px}
.commod{ background:url(../images/commodities.jpg) 0% 0% no-repeat; min-height:106px; width:288px}
.depost{ background:url(../images/depository.jpg) 0% 0% no-repeat; min-height:106px; width:288px}
.currnc{ background:url(../images/currency.jpg) 0% 0% no-repeat; min-height:106px; width:288px}
.inttrad{ background:url(../images/internet-Trading.jpg) 0% 0% no-repeat; min-height:106px; width:288px}
.mobtrad{ background:url(../images/mobile-trading.jpg) 0% 0% no-repeat; min-height:106px; width:288px}
.mobbofc{ background:url(../images/mobile-bofc.jpg) 0% 0% no-repeat; min-height:106px; width:288px}

.equity,.deriv,.MFs,.ipo,.commod,.depost,.currnc,.inttrad,.mobtrad,.mobbofc{font-family: 'FuturaBdCnBTBold';text-align:center; font-size:24px; text-transform:capitalize;padding:37px 10px 0 110px;}
.marketbnr { background:url(../images/market_bnr.jpg) 50% 0% no-repeat;}
.menucon { background:#2AA5AD; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:300 !important}
.menucon .col-md-2{ width:20%}
.nav-submenu{}
.nav-submenu li{ list-style:none; padding-bottom:10px}
.nav-submenu li:last-child{ padding-bottom:0 !important}
.nav-submenu li a {
	background:url(../images/bullet_tiny.png) 0 5px no-repeat;
	display:block;
	color:#FFF;
	padding:0 0 0 19px;
	transition: background-position 100ms ease-in-out;
}
.nav-submenu li a:hover {
	background:url(../images/bullet_tiny.png) 2% 5px no-repeat;
	transition: background-position 100ms ease-in-out; text-decoration:none
}
.nav-submenu li a.active{ font-weight:700}

.markcont{ padding:15px 30px}
.markcont h1{font-family: 'EbrimaBold', sans-serif;font-size: 20px; text-transform:uppercase; display:inline-block; margin:0; padding:0}
.gsfind{ background:#E8E8E8; padding:15px 10px; margin:10px 0 0 0;}
.gsfind table{ width:100%;font-family:Arial, Helvetica, sans-serif; color:#1c1a1a; font-size:12px;}
.gsfind td{ padding-left:15px; text-transform:capitalize}
.exsel{width:100%; border:1px solid #D1D1D1; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#797979; border-radius:0px; margin-top:7px; padding:5px 0}
.gobtn{ border-radius:0px; background:#FFCC03;color:#000; border:none; padding:5px 5px; margin-top:7px}

.smk_accordion { position: relative; margin: 30px 0; padding: 0; list-style: none; margin-bottom: 20px; }
.smk_accordion .accordion_in { border-bottom: 2px solid #fff; position: relative; z-index: 10; margin-top: -1px; overflow: hidden; }
.smk_accordion .accordion_in .acc_head { position: relative; padding: 5px; font-size: 20px; font-family: 'EbrimaBold', sans-serif; display: block; cursor: pointer;border-top:1px dashed #a0a0a0; color:#585858}
.smk_accordion .accordion_in .acc_head .acc_icon_expand { display: block; width: 18px; height: 18px; position: absolute; left: 0; top: 50%; margin-top: -9px; background: url(../images/plusminus.png) center 0; }
.smk_accordion .accordion_in .acc_content { color: #2d2d2d; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding: 3px 15px 20px 0px; }
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content { border-radius: 0 0 3px 3px; }
.smk_accordion .accordion_in.acc_active > .acc_content { display: block; padding-left:0px !important }
.smk_accordion .accordion_in.acc_active > .acc_head { color:#2aa5ae; border-top:1px dashed #a0a0a0; border-bottom:none }
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand { background: url(../images/plusminus.png) center -18px;}
.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content { padding-left: 23px; }
.smk_accordion .accordion_in table{ width:100%}
.smk_accordion .accordion_in table td:nth-of-type(2){ font-family:Arial, Helvetica, sans-serif; color:#3b3b3b; text-transform:capitalize; font-size:11px; text-align:right; padding-right:10px}

.gainlos { margin:0 0 5px 0; text-transform:capitalize}
.gainlos table{ width:100%;}
.gainlos th,.gainlos td{ border-bottom:1px solid #E5E5E5;min-height:25px; line-height:25px; vertical-align:bottom; padding-right:15px; text-align:right}
.gainlos td:last-child{ border-right:none; font-weight:300}
.gainlos th{ background:#E5E5E5; }
.gainlos th:first-child{ text-align:left; padding-left:10px;}
.gainlos td:first-child{ text-align:left; padding-left:20px; color:#000; font-weight:700; background:url(../images/blue-arw.png) 4% 60% no-repeat }
.gainlos td:nth-of-type(even) {background: #F2F2F2;}
.gainlos th:nth-of-type(even) {background: #D9D9D9; }
.pr0{ padding-right:0 !important}
.rs{font-family: 'Rupee Foradian';}
.Mup{color:#02932a}	.Mdn{color:#ff0038}	
.das{border-top:1px dashed #a0a0a0;}
.pagin { float:right; margin-top:5px}
.pagin ul{font-size:10px}
.pagin li{ list-style:none; display:inline-block; margin-right:10px}
.pagin li a{color:#5e5e5e}
.pagin li.active>a{ background:#FCCB02; color:#000; border-radius:20px; padding:2px 4px; font-weight:700 }
.pagin li a:hover{ text-decoration:none}
.prog{font-family: 'EbrimaBold', sans-serif;font-size: 20px;color:#2aa5ad; padding:0; border:none; font-style:italic}
.black{color:#000 !important}
.aboutbnr { background:url(../images/aboutus1_bnr.jpg) 50% 0% no-repeat;}
.careerbnr { background:url(../images/career_bnr.jpg) 50% 0% no-repeat;}
.contbnr { background:url(../images/contact_bnr.jpg) 50% 0% no-repeat;}
.fdbackbnr { background:url(../images/feedback_bnr.jpg) 50% 0% no-repeat;}
.portfoliobnr { background:url(../images/Portfolio_bnr.jpg) 50% 0% no-repeat;}
.reghd{ background:url(../images/blbg.gif) repeat-x;font-family: 'EbrimaBold', sans-serif;font-size: 20px; color:#FFF;text-transform:capitalize; }
.reghd i{ background: url(../images/reg.png) 0% 0% no-repeat; width:36px; height:39px; display:inline-block; vertical-align:middle}
.regd{ font-family:Arial, Helvetica, sans-serif; font-size:11.46px; color:#666767; margin:7px 0 0 10px; line-height:20px; border-right:1px solid #D6D6D6}
.regd1{ border:1px solid #038AA6; padding:15px; margin-top:-5px}
.regd2{ border:1px solid #038AA6; padding:0px 15px 10px 15px; margin-top:-5px}
.regdform{margin: 20px 40px 10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:11.46px; color:#5d5d5d}
.regdform .col-md-4{ padding:0 3px}
.regdform .col-md-3{ padding:0 4px 0 0}
.regdform .col-md-9{ padding:0 0 0 4px}
.regdform .col-md-6,.regdform .col-md-12{ padding:0 3px; margin:5px 0}
.regdform input,.regdform select,.regdform textarea { height:25px;line-height:normal; color:#717171; border:1px solid #dbdbdb;text-indent:5px; width:100%}
.regdform textarea{ height:50px}
.str{color:#ff0000}
.chbox{border:1px solid #dbdbdb; padding:3px 7px; margin:10px 3px; text-align:left}
.chbox label{ font-size:11.46px !important; font-weight:700; margin-right:14px; margin-bottom:0}
.chbox input[type="checkbox"]{ height:auto; width:auto; vertical-align:top; margin-right:5px}
.butn { 
   background: #FFCD01;
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   float:right;
   text-transform:uppercase;
   outline:none;
   padding:3px 10px;
   width:auto !important;
   color:#000 !important; border:none !important; margin-left:5px; color:#0f0505
}
.butn:hover{background:#038AA6; color:#FFF !important}
.butn:hover a{ text-decoration:none; }

.brafra {
    background: #FFCD01 url(../images/branch.png) 5% 50% no-repeat;
    min-height: 90px;
    padding: 40px 19px 31px 100px;
    margin: 0;
    margin-top: 14px;
}
.brafra h1{font-family: 'EbrimaBold', sans-serif;font-size: 20px;color:#000;text-transform:capitalize; display:inline-block; margin:0; padding:0}
.brafra select { height:33px;line-height:normal; color:#7B7B7B; border:none;text-indent:5px; width:100%; margin-top:10px}
.fracont{margin:15px 20px 15px 10px; color:#5d5d5d;font-size:14px !important;font-family:Arial, Helvetica, sans-serif; line-height:20px; font-weight:600; }
.fracont h1{font-family: 'EbrimaBold', sans-serif;font-size: 20px;color:#2aa5ad;/*text-transform:capitalize; */display:inline-block; margin:0; padding:0}
.fracont i{  display:inline-block; vertical-align:middle; width:26px; height:21px; margin-right:10px}
.fracont i.phone{ background:url(../images/phone.png) 50% 50% no-repeat}
.fracont i.fax{ background:url(../images/fax.png) 50% 50% no-repeat}
.fracont i.mail{ background:url(../images/mail.png) 50% 50% no-repeat}
.mid{color:#2aa5ad; font-weight:700}
.dvdln{ background:url(../images/dvdln.gif) 50% 50% no-repeat; height:1px; margin:15px 0; border:none}
.disclaimbnr { background:url(../images/disclaim_bnr.jpg) 50% 0% no-repeat;}
.researchbnr { background:url(../images/research_bnr.jpg) 50% 0% no-repeat;}
.pripolbnr { background:url(../images/privacypolicy_bnr.jpg) 50% 0% no-repeat;}
.broknormbnr { background:url(../images/brokernorms_bnr.jpg) 50% 0% no-repeat;}
.uflinksbnr { background:url(../images/uflinks_bnr.jpg) 50% 0% no-repeat;}
.stacon{ margin:10px 20px; text-align:justify;font-size:12px; color:#5d5d5d; font-family:arial; line-height:20px}
.stacon p{ margin:0 0 20px 0;font-family: 'Calibri';}
.stacon b{color:#2aa5ad}
.Ulinks{ border:1px solid #D3D3D3; margin:10px; padding:20px 10px 0 10px}
.Ulinks .col-md-4{ text-align:center; margin:10px 0}

.gainlos1 { margin:0 0 5px 0; text-transform:capitalize}
.gainlos1 table{ width:100%;}
.gainlos1 th,.gainlos1 td{ border-bottom:1px solid #E5E5E5 !important;min-height:35px; line-height:35px; vertical-align:bottom; padding:0 0 0 15px !important; text-align:left; }
.gainlos1 td{font-weight:300 !important; color:#666767}
.gainlos1 td:last-child,.gainlos1 th:last-child{ border-right:none; text-align:center}
.gainlos1 td:last-child{ text-align:center !important}
.gainlos1 th{ background:#2AA5AD; color:#FFF;}
.gainlos1 tr:nth-of-type(even) {background: #F2F2F2;}
.fedb{ width:500px; margin:20px auto}
.login{ width:400px; margin:20px auto}

#popup_window{
cursor: pointer;
margin: 200px 0px 0px 200px;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(196, 196, 196, .85);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.overlay .popup-overlay {
    opacity: 1;
    left: 0
}
.popup {
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: -9999;
}
.popup .popup-body {
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    width: auto;
    margin-left: -200px;
    padding: 5px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    text-align: center;
    border: 1px solid #e9e9e9;
}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -15px;
    right: -10px;
    background: url(../images/close.png) no-repeat;
}
.popup .popup-content {
    overflow: auto;
}
.grey{color:#666767}
.blue{color:#20a7c3 !important;}


.lasbnr { background:url(../images/lasbanner.jpg) 50% 0% no-repeat;}
.progsm{font-family: Arial, Helvetica, sans-serif; font-size: 14px;color:#2aa5ad; padding:0px 0px 0px 10px; border:none;}
.boxbor{ border: solid 1px #cccccc; background:#f5f5f5; min-height:200px; padding:10px 5px 0px 5px; margin-bottom:15px;
}
.boxhead{ font-family: Arial, Helvetica, sans-serif; color:#222; font-weight:bold; padding-left:5px !important; }
.Ico2{margin: 10px 20px 0 0;}
.Ico2 li{list-style: none; margin-left:20px; color:#5d5d5d; font-size:12px; font-weight:normal; padding-bottom:13px; line-height:18px}

Ico{margin: 10px 20px 0 0;}
.Ico li{list-style-image:url(../images/bullot.jpg); margin-left:30px; color:#5d5d5d; font-size:12px; font-weight:normal; padding-bottom:13px; line-height:18px}

.Ico1{margin: 10px 20px 0 0;}
.Ico1 li{list-style-image:url(../images/arr.gif); margin-left:30px; color:#5d5d5d; font-size:12px; font-weight:normal; padding-bottom:13px; line-height:15px}

.boxbord{ border: solid 1px #cccccc; background:#f5f5f5; min-height:230px; padding:10px 0px 0px 0px; margin-bottom:15px; 
   -webkit-box-shadow: 0 8px 6px -6px #000000;
     -moz-box-shadow: 0 8px 6px -6px #000000;
          box-shadow: 0 8px 6px -6px #000000;
}



.lasyellowpart {top: 185px !important; right: 195px !important; position:absolute; float:right; width:150px; height:86px;  z-index:+99999}   /* 10-02-2020 */

/*290615*/
.mobtrade { background:url(../images/mobtrade_bnr.jpg) 50% 0% no-repeat;}
.stacon .mark {color: #000;background: #2AA5AD; padding:10px}
.stacon .fingtips {color: #FFF;background: #2AA5AD url(../images/fingertips.jpg) 0% 100% no-repeat; padding:25px 10px 20px 10px; min-height:173px; height:auto}

.Ico3{margin: 10px 20px 0 0;}
.Ico3 li{list-style-image:url(../images/arww.png); margin-left:30px; color:#FFF; font-size:12px; font-weight:700; padding-bottom:13px; line-height:15px}

/*080715*/
.sprite{ background:url(../images/sprite.png) no-repeat; display:inline-block}
.motrade{ background:#FFCD00;font-family: 'FuturaBdCnBTBold'; font-size:30px; text-align:center; color:#000; padding:20px 0; width:100%; border:0; height:auto;}
.leftq{background-position:-5px -4px;width: 31px;height: 22px; float:left; margin-left:15px}
.rightq{background-position:-66px -4px;width: 30px;height: 22px; float:right; margin-right:15px}
.motradbox{ background:#2AA5AD; border-radius:10px;font-family: 'FuturaBdCnBTBold'; font-size:18px; text-align:center; padding:7px; color:#FFF}
.motradbox:hover{background:#000007; cursor:pointer; transition:all 0.5s}
.motradbox span{ line-height:25px; margin:10px 0; display:block}
.motradbox:hover i{ transform: rotateY(360deg);transition:all 0.8s;}
.motradbox i{ margin:0 auto; margin-top:-50px}
.motradone{background-position:-5px -53px;width: 123px;height: 104px;}
.motradtwo{background-position:-140px -53px;width: 123px;height: 104px;}
.motradthree{background-position:-276px -53px;width: 123px;height: 104px;}

.backofcone{background-position:-4px -178px;width: 123px;height: 104px;}
.backofctwo{background-position:-144px -180px;width: 123px;height: 104px;}
.backofcthree{background-position:-279px -182px;width: 123px;height: 104px;}

.pd15{ min-height:170px;}
.mhbofc{ min-height:190px; font-size:18px}

/* 07-05-18 */
.partner_form {background-color: #2aa5ad; padding: 15px;}
.partner_form input {width: 100%; margin-bottom: 15px; border:none; height: 40px; padding:0 10px; font-size: 14px;}
.partner_form select {width: 100%; margin-bottom: 15px; border:none; height: 40px; padding:0 10px; font-size: 14px;}
.partner_form button {background-color: #ffcd00; border-radius: 0; text-transform: uppercase;}
.partnerbnr { background:url(../images/PartnerUs_bnr.jpg) 50% 0% no-repeat;}
.partner_cont {padding: 15px}
.partner_cont p { font-size:12px; color:#5d5d5d; font-family:arial; font-weight:300; line-height:20px; margin:5px 10px 20px 10px; text-align:justify}
.partner_cont b {color:#2aa5ad}


/*22-03-2020*/
.brnch_adrs {
    padding: 10px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    margin-right: 25px;
    margin-top: 15px;
}
.brnch_adrs h5 {text-align: center;font-size: 20px;margin-bottom: 10px;text-transform: uppercase;font-weight: 600;}
.brnch_adrs ul li{display:block; margin-bottom:10px;}
.brnch_adrs ul li b{}
.pd_20{padding:20px;}
.brnch_adrs a:hover{color:#000 !important;}
.mrtp{margin-top:30px !important}
#div_Branch {
    text-align: center;
    padding: 20px;
    border: 1px solid #ccc;
    background: #fbfbfb;
    margin-right: 0;
}
.add_font{font-size:15px !important}

/*22-03-2020*/
/*.......................Media Queries....................*/
@media only screen and (min-width: 240px) and (max-width: 768px) {
    .Mdat{ margin-top:5px}
.regdform .col-md-3{ padding:5px 0 0 0}
.regdform .col-md-9{ padding:7px 0 0 0}
.bnr h1{ font-size:25px; top:115px; left:10px}
.resp-tabs-container p{ margin:5px 30px 20px 10px !important; }
.boxbor{ margin-right:15px !important; min-height:0 !important;  height:auto !important;}
.boxbord{ margin-right:15px !important; min-height:0 !important; height:auto !important;}
.boxbors{ margin-right:15px !important; min-height:0 !important; height:auto !important;}
.motradbox{ margin-bottom:50px !important}
/*22-03-2020*/.brnch_adrs{margin-bottom:20px; margin-right:0;}
}


@media (max-width: 979px) { 
.maincontain{ width:auto;}
.menucon .col-md-2{ width:auto; float:left; margin:10px 0}
.motradbox{ margin-bottom:50px !important}

}

@media (max-width: 768px) { 
.navIcon, .navIcon2 { float:right; display:block; box-shadow:0px 0px 8px rgba(0,0,0,0.3) inset; margin-top:2px; padding:8px; border:1px solid rgba(255,255,255,0.05); cursor:pointer; }
.navIcon img, .navIcon2 img { height:12px; }
nav, .topnav { display:none; }
nav ul, nav ul li { border:0;width:100%; }
nav ul li a, .extranav { width:100%; border:0; padding:0.5em 0; margin:0; font-size:13px; text-indent:1em; }
.navHome { display:none; }
nav ul li.hassub,
nav ul li.hassub:hover { background:#EFEFEF; } 
nav ul li.hassub ul { border:none; display:none;  position:relative; top:0; left:0; box-shadow:none;  }
nav ul li.hassub ul, nav ul li.hassub ul.bysubject, nav ul li.hassub ul.byage,
nav ul li.hassub ul li { width:100%; padding:0; margin:0;top:0; left:0; text-indent:0; }
nav ul li.hassub ul li { border-bottom:1px dashed #ccc; }
nav ul li.hassub ul li ol li { border-bottom:1px dashed #ccc !important; }
nav ul li.hassub ul li a { padding:0; margin:0.4em 0; text-indent:1em; }
nav ul li.hassub ul li ol { float:left; padding:0.5em 0; margin:0; width:100%; }
nav ul li.hassub ul li ol li a { margin:4px 0 0 0; background:none;  }
.loginbnr { background-size:cover;  }
.im{ width:auto;}
.equity,.deriv,.MFs,.ipo,.commod,.depost,.currnc,.inttrad{ margin:10px 0}

}

@media (max-width: 767px) { 
.hdrtab { float:none; margin:32px 0 0 0; }
.portals { float:left; width:100%; clear:both; }	
.box1 li{ float:none; display:block; text-align:left; margin-right:0px; width:auto; margin-bottom:2px; margin-left:0px}
.box1{ padding:0px}
.Mval{ text-align:left; padding-left:10px; }
.newsbox{margin-top:15px;background-size:cover; }
.newsbox .nws{ margin:70px 10px 0 10px}
.newsbox h1{ margin-top:10px}
.gainlos td:first-child{ padding-left:15px !important;background:url(../images/blue-arw.png) 1% 60% no-repeat }

}
@media (max-width: 667px) { 
.newsbox{margin-top:15px;background-size:cover; }
.newsbox .nws{ margin:70px 10px 0 10px}
.newsbox h1{ margin-top:5px}

}


@media (max-width: 480px) {
.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	font-size: 0px;
}
.logo img{ width:95%}
.hdrtab li{ border-radius:0px; width:100%; display:block; float:none; margin-bottom:2px; margin-left:0px}
.hdrtab li:last-child{ padding-left:30px;margin-left:0px; background-position:6% 50%}

.logbx{ padding:20px 0px 0 0px}
.digcont,.onlback{ margin-top:20px}
.digcont{width:auto; background-size:contain}
.onlback{width:auto; background-size:contain}
.im{ width:auto;}
.ipomf{ width:auto; background-size:contain;}
.digcont,.onlback,.ipomf{ padding:40px 10px 0 130px;  font-size:15px;}
.equity,.deriv,.MFs,.ipo,.commod,.depost,.currnc,.inttrad{font-size:22px;padding:37px 10px 0 100px; margin:10px 0;}
.menucon .col-md-2{ width:100%}
.smk_accordion .accordion_in .acc_head { font-size: 15px;}
.smk_accordion .accordion_in table td:nth-of-type(2){ font-size:10px; }
.gsfind{padding:5px;}
.gsfind table{font-size:11px;}
.gsfind td{ padding-left:5px;}
.login{ width:auto;}

}

@media (max-width: 384px) {
.navIcon, .navIcon2 { margin-top:0; }
.newsbox{margin-top:15px;background-size:contain; height:auto;padding:12px 15px;  }	
.newsbox .nws{ margin:50px 10px 0 10px;}
 }
 
@media (max-width: 320px) { 
.carousel-control .glyphicons-chevron-left,  .carousel-control .glyphicons-chevron-right,  .carousel-control .icon-prev,  .carousel-control .icon-next {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	font-size: 0px;
}
.bntab{ float:left; margin:10px 0 0 0}
.newsbox .nws{ margin:30px 10px 0 10px}
.digcont,.onlback,.ipomf{ padding:30px 10px 0 110px;  font-size:11px;}
.box2 h2{ font-size:18px;}
}




@media only screen and (min-width: 240px) and (max-width: 1023px) {
.lasyellowpart{ display:none;}
}



@media (width: 320px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:0px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 35px !important;	left: 53px !important; display: block; z-index:999999}
	
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}


@media (width: 360px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:0px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 40px;	left: 60px;display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}


@media (width: 375px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:0px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 44px;	left: 64px;display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}


@media (width: 384px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:0px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 44px;	left: 64px;display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}

@media (width: 414px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:0px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 48px;	left: 70px;display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}


@media (width: 480px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:0px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 65px;	left: 80px;display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}


@media (width: 533px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 70px;	left: 95px; display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}

@media (width: 568px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 70px;	left: 95px; display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}


@media (width: 600px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 75px;	left: 102px; display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}

@media (width: 603px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 75px;	left: 102px; display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}


@media (width: 640px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 80px;	left: 109px; display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}



@media (width: 667px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 81px;	left: 113px; display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}

@media (width: 736px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 91px;	left: 126px; display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}


@media (width: 768px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 95px;	left: 132px; display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}


@media (width: 800px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 102px;	left: 140px; display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}

@media (width: 966px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 123px;	left: 166px; display: block; z-index:999999}
	.yearicom{float:left; padding:230px 0px 0px 0px;position: absolute; z-index:999999;}/* 11-02-2020 */
}

@media (width: 1024px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 130px;	left: 175px; display: block; z-index:999999}
}

@media (width: 1280px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 162px;	left: 224px; display: block; z-index:999999}
:root .hdrtab li a{font-size: 12px;}
}

@media (width: 1440px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 183px;	left: 250px; display: block; z-index:999999}
}

@media (width: 1600px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 203px;	left: 278px; display: block; z-index:999999}
}

@media (width: 1680px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 214px;	left: 291px; display: block; z-index:999999}
}

@media (width: 1920px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 245px;	left: 335px; display: block; z-index:999999}
}

@media (width: 2560px) { 
.fill .desktopbanner{ display:block;}
.h5{ height:3px}
.mobilebanner .appimg img {	left:0;	top:0;	width: 100%; z-index:999999}
.mobilebanner .appimg{	width: 10%;	height: 100%;	position: absolute;	top: 326px;	left: 442px; display: block; z-index:999999}
}



/*25-08-2020*/
.plege_pdf {
display: block;text-align: center;text-decoration: none;position: absolute;bottom: 9px;right: 2px;padding: 8px 10px;font-size: 18px;border-radius: 9px;font-weight: 500;animation-name: stretch;
animation-duration: 0.5s;animation-timing-function: ease-out;animation-direction: alternate;animation-iteration-count: infinite;animation-fill-mode: none;animation-play-state: running;}
.plege_pdf:hover {background-color: #2aa5ad;color:#000;text-decoration:none;}
@keyframes stretch {
0% {background-color: #2aa5ad;}
100% {background-color: #2aa5ad;padding: 8px 20px;}
}
@media only screen and (max-width: 768px) {
.plege_pdf {left: 0;margin: 15px;padding: 2px 10px;bottom: -45px;display: inline-block;right: auto;}
@keyframes stretch {
0% {background-color: #2aa5ad;}
100% {background-color: #2aa5ad;padding: 2px 20px;}
}
}
@media only screen and (min-width: 779px) and (max-width: 1199px) {
.plege_pdf {bottom: 53px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
    .plege_pdf {bottom: 50px;}
}
/*25-08-2020*/


@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .lasyellowpart {
        top: 118px !important;
        right: 14px !important;
        position: absolute;
        float: right;
        width: 150px;
        height: 86px;
        z-index: +99999;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
.lasyellowpart{ top:168px !important; right:152px !important; position:absolute; float:right; width:150px; height:86px;  z-index:+99999}
.mobilebanner .bannerimg {display:block;}
}


@media only screen and (min-width: 1366px) and (max-width: 1439px) {
.lasyellowpart{ top:185px !important; right:195px !important; position:absolute; float:right; width:150px; height:86px;  z-index:+99999}
.mobilebanner .bannerimg { display:none;}
.mobilebanner .appimg{  display:block;}
}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
.lasyellowpart{ top:200px !important; right:232px !important; position:absolute; float:right; width:150px; height:86px;  z-index:+99999}
.mobilebanner .bannerimg {display:block;}
}


@media only screen and (min-width: 1600px) and (max-width: 1679px) {
.lasyellowpart{ top:232px !important; right:312px !important; position:absolute; float:right; width:150px; height:86px;  z-index:+99999}
.mobilebanner .bannerimg {display:block;}
}



@media (width: 1680px) {
.lasyellowpart{ top:249px !important; right:352px !important; position:absolute; float:right; width:150px; height:86px;  z-index:+99999}
.mobilebanner .bannerimg {display:block;}
}

@media (width: 1920px) {
.lasyellowpart{ top:296px !important; right:472px !important; position:absolute; float:right; width:150px; height:86px;  z-index:+99999}
.mobilebanner .bannerimg{display:block;}
}


/*28-08-2020*/
.primary_menu > ul li:hover > ul {
opacity: 1;
visibility: visible;
-webkit-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg);
-moz-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg);
-ms-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg);
-o-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg);
transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg);
}
.primary_menu > ul > li {
display: inline-block;
position: relative;
}
.primary_menu > ul > li > a {
display: block;
white-space: nowrap;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.primary_menu > ul > li.menu-item-has-children > a {
position: relative;
}
.primary_menu > ul > li.menu-item-has-children > a:after {
content: '';
position: absolute;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #000;
top: 50%;
right: -19px;
margin-top: -2px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.menu-item .sub-menu li {
padding-left: 0 !important;
background: #97b5b7;
border-radius: 0;
}
.menu-item .sub-menu li:hover {
background: #2AA5AD;
}
.primary_menu > ul > li ul {
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg);
-moz-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg);
-ms-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg);
-o-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg);
transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
}
.primary_menu > ul > li > ul {
position: absolute;
z-index: 10;
position: absolute;
z-index: 10;
left: 5px;
top: 22px;
}
.primary_menu > ul > li > ul li.menu-item-has-children > a {
padding-right: 36px;
position: relative;
}
.primary_menu > ul > li > ul li.menu-item-has-children > a:after {
content: '';
position: absolute;
width: 6px;
height: 6px;
border-top: 2px solid #000;
border-right: 2px solid #000;
top: 50%;
right: 18px;
margin-top: -5px;
-moz-transform: rotate(50deg);
-webkit-transform: rotate(50deg);
-o-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(50deg);
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.primary_menu > ul > li > ul li ul {
-webkit-transform: perspective(100px) translateZ(0px) translateY(0px) rotateY(90deg);
-moz-transform: perspective(100px) translateZ(0px) translateY(0px) rotateY(90deg);
-ms-transform: perspective(100px) translateZ(0px) translateY(0px) rotateY(90deg);
-o-transform: perspective(100px) translateZ(0px) translateY(0px) rotateY(90deg);
transform: perspective(100px) translateZ(0px) translateY(0px) rotateY(90deg);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
}
.primary_menu > ul > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid #2f2f2f;
padding: 3px 3px 3px 3px !important;
margin-left: 0 !important;
background: #97b5b7;
border-radius: 0;
}
.sub-menu li {
padding-left: 0 !important;
margin-left: 1px;
}
.primary_menu > ul > li > ul > li > a {
display: block;
white-space: nowrap;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color: #000 !important;
font-size: 14px !important;
text-align: left;
padding-left: 10px !important;
}
.primary_menu > ul > li > ul > li ul {
position: absolute;
z-index: 10;
left: 100%;
top: 0;
}
.primary_menu > ul > li > ul > li ul li {
position: relative;
width: 100%;
border-radius: 0;
border-bottom: 1px solid #444;
}
.primary_menu > ul > li > ul > li ul li a {
display: block;
white-space: nowrap;
margin: 0;
padding: 0 20px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color: #000 !important;
font-size: 16px !important;
text-align: left;
padding-left: 10px !important;
}
@media only screen and (max-width:768px){
.primary_menu > ul > li > ul {
background: #dedede;
}
}
/*28-08-2020*/






.heading{
    font-size:18px;
    font-weight:600;
}
.subheading {
        font-size:18px;
    font-weight:600;
}
.ajax__tab_inner{
    
    background:#E5E5E5;
}
.ajax__tab_active .ajax__tab_tab{
    background:#D9D9D9;
}
.ajax__tab_default .ajax__tab_tab {
    /*margin-right: 4px;*/
    vertical-align: middle;
    /* overflow: hidden; */
    text-align: center;
    font-weight: 600;
    padding: 5px;
    font-size: 18px;
}
.tableNormal {
   font-size:12px;
}


@media only screen and (min-width:1024px) and (max-width:1299px){
    .logo img{width:400px;}
    .maincontain .row .col-lg-9.col-md-9{    width: 68% !important;}
    :root .hdrtab li a{font-size: 12px;}
}

.nw_menu{padding: 0;}
.nw_menu {
    top: 25px !important;
    width: 150px !important;
    border: 0 !important;
}

.nw_menu li {
    padding: 5px;
    width: 100% !important;
}
nav ul li.hassub ul li a:hover{text-decoration: none !important;}
@media screen and (max-width:767px) {
    .nw_menu {
        top: 6px !important;
        width: 100% !important;
        border: 0 !important;
    }
    
}