.clearfix	{clear:both;
}
.jstin p a {
    color: #ac2122 !important;
    font-size: 62px;
    padding: 15px 0;
    float: left;
    font-weight: 500;
}
.bg-white	{
	background:#fff;
}
.promise	{
	font-size:24px;
	font-family: 'Oswald', sans-serif;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	margin:5px 0 5px;
}
@media(min-width:768px) and (max-width:1040px) {
	.promise	{
	font-size:24px;
	font-family: 'Oswald', sans-serif;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	margin:10px 0 5px;
}
}

@media only screen and (min-width: 1281px) and (max-width: 1920px) {
	.promise	{
	font-size:24px;
	font-family: 'Oswald', sans-serif;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	margin:20px 0 20px;
}
}

.bR1	{
	border-right:1px solid #e5e5e5;
}

.pR30	{
	padding-right:30px;
}

.mL25	{
	padding-left:25px;
}

.text18	{
	font-size:18px;
	font-family: "Open Sans";
	line-height:24px;
	text-align:left;
}

.yestext	{
	color:#31c422;
	font-size:24px;
	font-family: 'Oswald', sans-serif;
	line-height:30px;
}

.notext	{
	color:#eb0029;
	font-size:24px;
	font-family: 'Oswald', sans-serif;
	line-height:30px;
}

.w250 	{ width:400px; }
.mR5	{margin-right:5px;}

.white	{
	position:absolute;
	background:url(../images/bg.png) repeat-y top;
	bottom:0px;
	z-index:999;
	height:auto;
	min-height:108px;
	left:0;
	width:100%;
	padding:10px;
}

.mla	{
	font-size:22px;
	font-family: 'Oswald', sans-serif;
	line-height:26px;
}

.mla1	{
	font-size:15px;
	font-family: 'Oswald', sans-serif;
}

/* custom template */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body { height: 100%; font-family: Arial, Helvetica, sans-serif; color:#000000; background:#fff;}
.nav { font-family: "Open Sans"; font-size:12px; font-weight:bold;  }
a { color:#222222;}
a:hover { text-decoration:none;}
hr { border-color:#dedede;}
h1{ margin:0 0 18px 0; padding:0; font-size:26px; font-family: 'Roboto', sans-serif; font-weight: bold;}
h1.title{margin:10px 0 0px 10px; padding:0; font-size:20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase;}
h2.title8  { margin:0 0 0px 0; padding:12px 0; font-size:18px; font-family:"Open Sans", sans-serif; font-weight: bold; line-height:24px;}

h2.title-lower{ margin:0 0 10px 0; padding:0; font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; }
h2.title2{ margin:10px 0 0px 0px; padding:0; font-size:20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase; }
h2.title3{ margin:10px 0 0px 0px; padding:0; font-size:18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase; }

h2.title4{ padding:0; font-size:18px; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform:uppercase; margin:10px 0 10px 8px;}
h2.title5{ padding:0; font-size:18px; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform:uppercase; margin:0px 0 0px 0px;}
h2.title6{ margin:0 0 0px 0; padding:0; font-size:20px; font-family: "Open Sans"; font-weight: normal;}

h2.title7{ margin:12px 0 0px 0px; padding:0; font-size:18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase; }
h3	{margin:3px 0 3px; padding-left:0px;}
h3.title2{ margin:0px 0 0px 0px; padding:0; font-size:15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase; }


.row-padding	{padding-left:0; padding-right:0;}
h3.title1 a{ padding:0; font-size:14px; line-height:20px; font-family: "Open Sans"; font-weight: normal;}
.fL{ float:left;}
.fR{ float:right;}
.alignCnt{ text-align:center;}
.pR0{ padding-right:0 !important;}
.p5{ padding:5px;}
.p8{ padding:8px;}
.p10{ padding:10px; overflow:hidden;}
.bdrRt{ border-right:none !important; }
.mL15	{margin-left:15px;}
.pT5{ padding-top:5px; }
.pT10{ padding-top:10px;}
.mT20{ margin-top:20px;}
.w20{ width:20%;}
.w10{ width:10%;}
.w50{ width:50%;}
.w35{ width:35%;}
.mL0	{margin-left:0 !important;}
.pT0	{padding-top:0;}
.bB1	{border-bottom:1px solid #ccc;}
.bB0	{border-bottom:0px solid #ccc !important;}
.mB0	{margin-bottom:0 !important;}
.pB10	{padding-bottom:10px !important;}
.mT15	{margin-top:15px;}
.mT5 {
	margin-top: 5px;
}

.mB20	{margin-bottom:20px;}
.mT0	{margin-top:0;}
.pB0	{padding-bottom:0 !important;}
.tL	{text-align:left !important;}
.bR0	{border-right:0 !important;}
.pL0	{padding-left:0 !important;}
.pB5	{padding-bottom:5px !important;}
.pL10	{padding-left:10px !important;}
.p0	{padding:0;}
.bggrey1	{background-color:#f3f3f3;}
.mT10	{ margin-top:10px;}
.mB0	{ margin-bottom:0px !important;}

.greybg	{ background:#5f6062; padding:15px 0 10px 10px; color:#fff;}
.bggrey	{ background:#f4f3f3; padding:10px; color:#000; border-top:1px solid #ddd;}
.wrapper, .row { height: 100%;}
.wrapper:before, .wrapper:after, .column:before, .column:after { content: ""; display: table;}
.wrapper:after, .column:after { clear: both;}
.column { height: 100%; overflow: auto; *zoom:1;}
.column .padding { padding: 4px 10px;}
.warp-inner{width:100%; margin:0 auto; padding:0;}

.topB	{border-top:5px solid #000;}
.text12	{ font-size:13px; font-weight:bold;}


.scrollMenu {
    padding: 10px 0px 0px 0px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
	z-index: -999999999;
}

.scrollMenu::-webkit-scrollbar {
    display: none
}

.scrollMenu ul li {
    display: inline-block;
    padding-right: 10px;
}

.scrollMenu ul li:first-child {
    margin-left: 0
}

/*.scrollMenu ul li.active1 {
 background-color: aqua;   
}*/

.scrollMenu ul li a {
    font-size: 14px;
    color: #202020;
	font-family: Arial;text-decoration: none!important;
}

.scrollMenu ul li.active1 a {
    color: #202020;
	border-bottom: 1px solid #000;
}

#subMenu.scrollMenu,
#forexMenu.scrollMenu {
    margin-left: 0px;
}

#subMenu.scrollMenu ul,
#forexMenu.scrollMenu ul {
    width: 100%;
    float: left;
    white-space: nowrap;
	 padding-left:0;
}
.bse-ticker1 {
	background:#f8f8f8;
	
}
.top-story {
	position:relative;
}
.top-story-li{
	padding: 0px 10px 0px 0px!important;
    margin: 0px 0px 0px 0px;
    float: left;
    font-size: 18px;
    color: #000;
    position: relative;
    font-family: "Open Sans", sans-serif;
    width: 50%;
    line-height: 22px;
}

.top-story-image {
    position: absolute;
    z-index: 1;
    margin: 0px 0 10px 0;
    opacity: 1;
    bottom: -5px;
	 left:5px;
    background: url(../images/sprite-new.png) 0px -240px;
    width: 40px;
    height: 40px;
}	


.top-story-image-small {
    position: absolute;
    z-index: 1;
    margin: 0px 0 10px 0;
    opacity: 1;
    bottom: -10px;
	 left:0px;
    background: url(../images/sprite-new.png) 0px -318px;
    width: 35px;
    height: 35px;
}

.top-story-video {
    position: absolute;
    z-index: 1;
    margin: 0px 0 10px 0;
    opacity: 1;
    top: 5px;
	left:5px;
    background: url(../images/sprite-new.png) 0px -280px;
    width: 40px;
    height: 40px;
}


.top-story-video-small {
    position: absolute;
    z-index: 1;
    margin: 0px 0 10px 0;
    opacity: 1;
    bottom: -10px;
	 left:0px;
    background: url(../images/sprite-new.png) 0px -348px;
    width: 35px;
    height: 35px;
}

.covid-story h2{
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}
.covid-story
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}
.multi-image {
    position: absolute;
    z-index: 1;
    margin: 0px 0 10px 0;
    opacity: 1;
    top: 5px;
	 right:5px;
   background: url(../images/sprite-new.png) 0px -318px;
    width: 35px;
    height: 35px;
}


.multi-video {
    position: absolute;
    z-index: 1;
    margin: 0px 0 10px 0;
    opacity: 1;
    top: 5px;
	 right:5px;
    background: url(../images/sprite-new.png) 0px -348px;
    width: 35px;
    height: 35px;
}	




a.bse-btn1 {
	float:left;
	display:block;
	text-align:center;
	width:41px;
	height:31px;
	margin-right:0px;
	background: url(../images/sprite-new.png) 0 -4px no-repeat ;
	color:#000;
	font-size:12px;
	padding:6px 0 6px 9px;
}
.bse-btn1:hover {
	background: url(../images/sprite-new.png) 0 -36px no-repeat;
	color:#fff;
}

a.bse-btn1.selected {
    background: url(../images/sprite-new.png) 0 -36px no-repeat;
    color: #fff;
}


a.nse-btn1.selected {
	display:block;
	float:left;
	text-align:center;
	width:37px;
	height:31px;
	background: url(../images/sprite-new.png) 0 -103px no-repeat ;
	color:#fff;
	font-size:12px;
	padding:6px 0 6px 9px;
}
a.nse-btn1 {
	display:block;
	float:left;
	text-align:center;
	width:37px;
	height:31px;
	background: url(../images/sprite-new.png) 0 -69px no-repeat ;
	color:#000;
	font-size:12px;
	padding:6px 0px 9px;
}
.nse-btn1:hover {
	background: url(../images/sprite-new.png) 0 -103px no-repeat ;
	color:#fff;
}

.bse-title1 {
	float: left;
	color:#fff;
	padding:9px 10px 2px;
}


.startup { padding: 5px 0px;height:450px;margin-top: 0px;}
.startup ul { list-style: none; margin-top: 2px !important; padding: 10px; margin: 0;}
.startup ul li { border-bottom:dashed 1px #c5c5c5; background:url(../images/twitter.png) no-repeat 0 18px; padding:5px 0 10px 50px; }
.startup ul li a { font-size:13px; color:#000000; text-decoration:none; }
.startup>.mCustomScrollBox>.mCSB_scrollTools{width: 16px; height: 100%; top: 0; right: 0;}
.startup .mCSB_scrollTools .mCSB_draggerRail{ width: 3px;background: #eee4e4;;}
.startup .mCSB_scrollTools .mCSB_dragger{}
.startup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; -webkit-border-radius:11px; -moz-border-radius:11px;
	border-radius:11px;	background:#8e8e8e;}
	
	
/* Market content style */
.market-cont-box{}
.market-top-panel{ border:1px solid #999;}
.bse-ticker{border-bottom:1px solid #999;}
.bse-title{ float: left; color:#fff;  padding:8px 10px;} 
a.bse-btn{float:left; display:block; text-align:center; width:40px; margin-right:4px; background: #f05922; color:#fff; font-size:12px; padding:2px 0;  }
.bse-btn:hover{  background: #c4c6c8; color:#000;} 
a.nse-btn{ display:block; float:left; text-align:center; width:40px; background: #c4c6c8; color:#000; font-size:12px; padding:2px 0px;}
.nse-btn:hover{  background: #f05922; color:#fff;}
ul.tickerbox .Mart-arrowDown{ margin:0; padding:0 0 0 22px; font-size:12px;  background: url(../images/icon/markt-d-u-icon.png) no-repeat top left}
ul.tickerbox .Mart-arrowUp{ margin:0; padding:0 0 0 22px; font-size:12px;  background: url(../images/icon/markt-d-u-icon.png) no-repeat bottom left}
 
.bse-txt{ float: left; width:515px;  margin:0 0 0 10px; padding:3px 0 0 0;  }

.bse-btn-play{ float: right; width:30px; margin:5px 0 0 0;}

.markt-txt-panel{ padding:20px 0 0 0}
.M-col-left{float:left; width:250px;} 
.M-col-right{float:right; width:360px; overflow:hidden} 

.D-col-left{float:left; width:44%;} 
.D-col-right{float:right; width:50%; } 
 
.more-btn{ display:block; margin-top:15px; font-style: italic; font-family: Georgia,"Times New Roman",Times,serif;} 
.more-btn:hover{ color:#c31316}

.more-btn-R{ display:block; margin-top:5px; margin-right:10px; color:#fff; float:right; font-style: italic; font-family: Georgia,"Times New Roman",Times,serif;} 
.more-btn-R:hover{ color:#dfdfdf}




/* COL */ 
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11{ float:left;}
.col-1{ width:70%;} 
.col-2{ width:30%;} 
.col-3{ width:24%; margin-bottom:-15px;} 
.col-4{ width:76%; margin-bottom:-15px;} 
.col5	{ width:18%;}
.col11 {width:9.09%;}
.col12 {width:3.33%;}	
.logo-panel{ width:100%;}
.logo-device{ display:none;}
.top-B	{ border-top:5px solid #444446;}

.col-2-top-left{ width:50%; float:left;} 
.col-2-top-right{ width:50%; float:right} 

.box-left-panel { width: 100%; float: left;}
.box-right-panel { width: 59.33%; float: right;}

.box-left-panel-2 { width: 48%; float: left;}
.box-right-panel-2 { width: 48%; float: right;}

/* TOP MENU */ 
/* TOP HEADER  */
#header-content{ margin:0 auto; padding:0; background:#fff;} 
.top-panel{ background:#4d5557 !important; position:relative; height:38px; padding:0; clear:both; border-bottom:1px solid #d4d4d4; margin-top0px; border-top:1px solid #d4d4d4;}
.top-left-menu{ float: ; margin:0 0 0 20px;}
.top-left-menu li a{  color:#fff; font-size:14px; font-weight:600; text-transform: uppercase; float:left; display:block; padding:8px 9px; }
.top-left-menu li a:hover{  color:#fff; background-color:#ac2122;}
.active1{  color:#fff; background-color:#ac2122;}
.top-left-menu a:hover{ color:#fff;  }
.top-left-menu li { display:block !important; float: none !important}


.top-right-menu{ float:right;}
.top-right-menu li{float:left;}
.top-right-menu a{ color:#fff; font-size:16px; text-transform: uppercase; padding:11px 10px;} 
.top-right-menu a:hover{ color:#dbdbdb;}
.top-right-menu .dropdown-menu  li { display:block !important; float: none !important}
.top-right-menu .dropdown-menu  a { font-size:12px; } 
.top-right-menu ul.dropdown-menu {left: -52px; width:180px; }

 /* Social icon */
 .social-BTN{ float:right; margin:0 18px 0 0px;}
 .social-icon{ margin:0; padding:0;}
 .social-icon ul{margin:0; padding:0;}
 .social-icon li{margin:0 0px; padding:0; float:left; display:block; list-style: none;}
 .social-icon a{margin:0; padding:0; width:30px; height:35px; background:url(../images/social.png) no-repeat; float:left; display:block; list-style: none;} 
 .social-icon a:hover{ text-decoration: none;}
 .social-icon li.FB a{ background-position: 0 0;}
 .social-icon li.FB a:hover{ background-position: 0px -40px;}
 
 .social-icon li.G a{ background-position: -30px 0;}
 .social-icon li.G a:hover{ background-position: -30px -40px;}
 
 .social-icon li.IN a{ background-position: -60px 0;}
 .social-icon li.IN a:hover{ background-position: -60px -40px;}
 
 .social-icon li.TW a{ background-position: -90px 0;}
 .social-icon li.TW a:hover{ background-position: -90px -40px;}
 
  .social-icon li.YT a{ background-position: -120px 0;}
 .social-icon li.YT a:hover{ background-position: -120px -40px;}
/* TOP MENU */ 
.top-menu{ float: ; position:absolute; top:0; z-index:9000 !important; width:50px; left:0;}
.top-menu nav {	background: #efefef;}
.top-menu nav ul { margin: 0; padding: 1em; list-style-type: none; display: none;}

.nav select { display: none;}

.full{ padding-top:95px;}
.fLt{ float:left;}
.fRt{ float:right;}
.mR20{ margin-right:20px;}
.mR10{ margin-right:10px !important;}
.alignCnt{ text-align:center !important; margin:0 auto;}
.box { bottom: 0; /* increase for footer use */ left: 0; position: absolute; right: 0; top: 0; background-color:#333333;}
.right{ float:right !important;}
.bdrbot {	border-bottom:#CCC solid 1px; margin-bottom:10px;}
.bdrtopbot { border-bottom:#CCC solid 1px; border-top:#CCC solid 1px; margin-bottom:10px;}
.divider { margin-top:32px;}
.menu-link { color: white; text-shadow: none; background-color: #CCCCCC;  height: 3em; position: absolute; left: 10px; top: 29px;  z-index: 1001;}
.menu-link:hover { text-decoration: none;}
.menu li a { color: #999999; text-shadow: none; text-decoration: none; background-color: #222222; display: inline-block; height: 3em; line-height: 1em; padding: .6em; border-bottom: 1px solid #333333; width: 35%;}
.menu li a:hover { color: #aaa; background-color: #333333;}
#menu { margin: 0; padding-top: 3em; position: absolute; top: 55px; right: 0; left: 0px;  z-index: 1000;}
#menu li { width: 100%; height: 0; line-height: 0; overflow: hidden; -webkit-transition: height 0.25s; -moz-transition: height 0.25s;  -o-transition: height 0.25s;
  transition: height 0.25s; list-style-type:none;}
#menu:target { z-index: 1001;}
#menu:target li { height: 3em; line-height: auto; overflow: visible; -webkit-transition: height 0.25s; -moz-transition: height 0.25s; -o-transition: height 0.25s; transition: height 0.25s;}
#menu:target .back { height: 0; line-height: 0;}
#menu:target .back a { width: 100%; background-color: transparent; border: none; height: auto; position: absolute; top: -101em; bottom: -101em; left: 0; right: 0; text-indent: -999em; z-index: -1;}
#sponsor { overflow: hidden; float:right; padding:10px 0px 10px; }

#sponsor ul { 
	list-style:none; 
	height: 55px;
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 0px 0px;
}
#sponsor ul::before{
	border-left: 1px solid #d4d4d4;
    height: 58px;
    content: "";
    width: 1px;
    position: absolute;
    top: 23px;
	left: 75px;
}
#sponsor ul li { float:left; display:inline; border-right:1px solid #d4d4d4; padding:0 10px 0 5px; text-align:center; line-height:20px; font-size:12px;}
#sponsor ul li a { color:#737373; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:300; text-transform:uppercase;}


/* TRENDING */
.trending-panel{ border-top:2px solid #c4c6c8}
.tred-title{ font-size:16px; line-height:16px; padding:7px 5px 5px; display:block; float:left; font-family: Arial, Helvetica, sans-serif;}
.tred-links{ padding:8px 5px; display:block; float:left;}
.tred-links ul{ margin:0; padding:3px 0 1px 0;}
.tred-links li{ display:inline; margin:0 5px; }
.tred-links a{ font-size:14px; font-weight:600; text-transform: uppercase; color:#000;}
.tred-links a:hover{ color:#ac2122;}


#search-form { margin:0; overflow:hidden; -moz-box-shadow:inset 0 0 5px #c2c2c2;   -webkit-box-shadow: inset 0 0 5px #c2c2c2;
   box-shadow:         inset 0 0 5px #c2c2c2; display: inline;}
#search-page-border { border-radius:4px; padding:6px; float:left; display: inline; }
.search-terms { font-size:14px; border:none; width:150px; padding:3px; }
#search-which { margin:0 0px; border:0px !important; padding:3px; }
#search-which, select option { font-size:14px; background:#fff; }
#search-submit { padding:5px 13px; margin-top:3px;  font-size:14px; float:left; color:#ffffff; background:#ac2122; border:none; border-radius: 3px; }
.accessibly-hidden {left: -999em;position: absolute;}
.search-maroon	{color:#af2024; font-size:12px; font-weight:normal;}

/* --- Search ---- */
.search-box{ float:right;}
.search-box ul{  margin:0; padding:0}
.search-box li{float:left; list-style: none; display:block; margin:0 ; padding:0;} 
.searchF{ margin:0; font-size:14px; line-height:20px; border-left:1px solid #c4c6c8; border-bottom:1px solid #c4c6c8; border-top:0; background:#fff; width:165px; padding:8px; -moz-box-shadow:inset 0 0 5px #c2c2c2;   -webkit-box-shadow: inset 0 0 5px #c2c2c2;
   box-shadow:         inset 0 0 5px #c2c2c2;}
	
.search	{ background-color:#ac2122; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; border:0; height:auto;}	
	
 .quoteselect{ width:70px; background:#fff; padding:6px 0px; line-height:25px; margin:0; display:block; font-size:14px; height:37px;  }
.quoteselect option{ padding:0; margin:0; -moz-box-shadow:inset 0 0 5px #c2c2c2;   -webkit-box-shadow: inset 0 0 5px #c2c2c2;
   box-shadow:         inset 0 0 5px #c2c2c2; border:0 !important;}
.search-btn{display:block; font-size:12px; line-height:20px;  padding:9px 22px; margin:0; background:#666e70 url(../images/search-icon.png) no-repeat 4px 6px; border:0 !important; cursor: pointer} 

/* MARKET LIVE */
.market-live-panel{ background:#fff; margin-top: -10px; margin-bottom: -15px;}
ul.market-live{ margin:0; padding:0}
ul.market-live li{ margin:0; padding: 10px 25px 2px 24px; float:left; list-style: none;  }
ul.market-live li p{ margin:0 0 10px 0; padding:0 0; line-height:15px; font-size:16px;}

ul.market-live li.Mli-box1{ border-left: none; }

/* Cheap  Costly */
.cheap-costly-panel{ background:#fff; margin-top: -10px; margin-bottom: -15px;}
ul.cheap-costly{ margin:0; padding:0}
ul.cheap-costly li{ margin:0; padding: 10px 20px 2px 10px; float:left; list-style: none; border-right:1px solid #ddd; font-size:16px;}
ul.cheap-costly li p{ margin:6px 0 6px 0; padding:0 0; line-height:15px;}

ul.cheap-costly li.Cli-box1{ border-left: none; background:url(../images/right-arrow.png) no-repeat right !important; }

.live-box{  padding-right: 0px;}
.border-right{
	border-right: 1px solid #000;
}


}
.live-bg{ background:#1a8e0d; color:#fff; padding:0 3px; font-size:12px;}
.live-bg-red{ background:#f05922; color:#fff; padding:0 3px;}
.live-box .date-time{ font-size:13px;}


.market-down .txt-color{ color:#e02e2e}
.market-up{}
.market-up .txt-color{ color:#1a8e0d}

.cost-down{}
.cost-down .txt-color{ color:#e02e2e}
.cost-up{}
.cost-up .txt-color{ color:#1a8e0d}

.M-down{ background:url(../images/m-down-up-icon.png) 0 1px no-repeat; padding:0 0 0 22px !important; text-transform:uppercase;}
.M-up{ background:url(../images/m-down-up-icon.png) 0 -23px no-repeat; padding:0 0 0 22px !important; text-transform:uppercase;}

.C-down { background:url(../images/smile_down.png) no-repeat right; padding:10px 35px 10px 0px!important; text-transform:uppercase;}
.C-up{ background:url(../images/smile_up.png) no-repeat right; padding:10px 35px 10px 0px!important; text-transform:uppercase;}
p.M-up span{ font-size:11px; text-transform: lowercase}

.row-panel { margin: 0 0 20px 0; background:#fff; display:flex; padding:15px 0;}
.row-inner{ margin:0;}
.main-cont-left{ float:left; width:75%;}
.main-cont-right{float:right; width:25%;}


/* ADV BANNER STYLE  */
.right-box-1{ width:100%;  margin-bottom:20px;}
.right-box-2{ width:100%;}
.banner-area-300x250{}
.banner-area-300x100:first-child{ margin-bottom:20px;}
.banner-728-90{ width:728px; margin:15px auto; clear:both;}
.banner-970-90{ width:970px; margin:15px auto;}
.banner240-180{width:240px; margin:0px 0 30px 0;}
.banner-468-60{ width:468px; margin:20px auto}

.budget-video-panel{ padding:10px; }
.spons-ads{ padding:10px 0;}
.spons-ads-3{ padding:0 10px;}

.onoffswitch {
    position: relative; width: 92px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	 margin-top:5px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 11px; color: #000; font-family: Trebuchet, Arial, sans-serif; font-weight: normal;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "AUTO ON";
    padding-left: 10px;
    background-color: #dfdfdf; color: #000;
}
.onoffswitch-inner:after {
    content: "AUTO OFF";
    padding-right: 5px;
    background-color: #ac2122; color: #fff;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 8px;
    background: #FFFFFF;
    position: absolute; top: -3px; bottom: 3px;
    right: 56px;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}



.commentart_head_pane{ }
.com-head-list{}
.com-head-list ul{ list-style-type:none; padding:0; margin:0;}
.com-head-list li{ display:inline; padding: 0 0px 0 10px; float:left;}



/* vertical scrollbar */
.mCSB_container{ width:auto; margin-right:20px; overflow:hidden;}
.mCSB_container.mCS_no_scrollbar{ margin-right:0;}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{ margin-right:30px;}
.mCustomScrollBox>.mCSB_scrollTools{ width:16px; height:100%; top:0; right:0;}
.mCSB_scrollTools .mCSB_draggerContainer{ position:absolute; top:0; left:0;	bottom:0; right:0;  height:auto;}
.mCSB_scrollTools .mCSB_draggerRail{ width:2px;	height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.mCSB_scrollTools .mCSB_dragger{ cursor:pointer; width:100%; height:160px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px;	border-radius:10px; text-align:center;}

.expert_chat{ padding:5px 0px;height: 225px; margin-top:0px; }
.expert_list{ text-align:left; padding-bottom:5px; display:block; padding:5px;}
.budget_list{ padding:5px 0px; }
.budget_chat{ padding:5px 0px;height: 385px; }


.expert_chat12{ padding:5px 0px;height: 475px; border-top:1px solid #ddd; }
.expert_list12{ text-align:left; padding-bottom:5px; display:block; padding:5px;}
.budget_list12{ padding:5px 0px; }
.budget_chat12{ padding:5px 0px;height: 385px; }


.expert_chat2{ padding:5px 0px;height: 400px; border-top:1px solid #ddd; }
.expert_list2{ text-align:left; padding-bottom:5px; display:block; padding:5px;}
.budget_list2{ padding:5px 0px; }
.budget_chat2{ padding:5px 0px;height: 385px; }

.budget-chat-pane{}
.chat-list{ background:#f3f3f3; padding:10px; display:block;}
.expert_chat>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%;}
.expert_chat .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background:#dfdfdf;}
.expert_chat .mCSB_scrollTools .mCSB_dragger{}
.expert_chat .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; -webkit-border-radius:11px; -moz-border-radius:11px;	border-radius:11px; background:#e15b5c;}


.expert_chat12>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%;}
.expert_chat12 .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background:#dfdfdf;}
.expert_chat12 .mCSB_scrollTools .mCSB_dragger{}
.expert_chat12 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; -webkit-border-radius:11px; -moz-border-radius:11px;	border-radius:11px; background:#5d5d5d;}

.comment { overflow: hidden; padding: 8px; margin: 0 0 10px; *zoom: 1; background-color:#f1f1f1; border-bottom: 1px solid #fff;}
.comment h5.time{ color:#ac2122; font-family: Arial, Helvetica, sans-serif; font-size:15px; float:left; margin:0; padding:0; position: relative;}
.time ::before{
	border-radius: 5px;
	height: 5px;
	width: 5px;
	position: absolute;
	top: 0px;
	background: red;
}
.comment .share{ color:#000; font-family: Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-left:10px;}
.comment .share1{ float:left; padding-right:3px;}


.comment1 { overflow: hidden; padding: 8px; border-bottom: 1px solid #ddd; margin: 0 0 0; *zoom: 1; background-color:#fff;}
.comment1 .time{  color:#ac2122; font-family: Arial, Helvetica, sans-serif; font-size:15px; float:left;}
.comment1 .share{ color:#000; font-family: Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-left:10px;}
.comment1 .share1{ float:left; padding-right:3px;}


.comment-body { float:left; position:relative; width:100%; margin-top:10px;}
.comment-body img { display: block; float: left; margin-right: 10px;}
.comment .text { overflow:hidden; font-family:"Open Sans"; color:#000; font-size:13px; height: 45;}
.comment .text p:last-child { margin: 0;}
.comment .attribution { margin: 0.5em 0 0; font-size: 14px; color: #666;}

/* Decoration 
.comments, .comment { position: relative;}
.comments:before, .comment:before, .comment .text:before { content: ""; position: absolute; top: 0; left: 70px;}
.comments:before { width: 2px; top: 10px; bottom: -20px; background: #aaaaaa;}
.comment:before { width: 10px; height: 10px; border-radius: 100px; margin: 2px 0 0 -4px; background: #4d5557;}
.comment:hover:before { background: orange;}
.comment-box{ border:1px solid #ddd; padding:6px; overflow:hidden;}
.comment-box-left{ padding-right:6px; float:left;}
.comment-box-right{ font-family:Arial, Georgia, "Times New Roman"; color:#000; font-size:14px; display:table-row; line-height:24px;}
.spons-ads-2{ padding:10px 5px; border:1px solid #ddd; border-top:none;}*/

.top-story-section{ position:relative; z-index:0;}
.top-story-head-breadcrumb{}
.top-story-heading{ position:absolute; z-index:1; background:#fff; bottom: 0px; margin: 0 0px; width: 100%; opacity:0.9; padding:10px;}

.entry-item{ overflow: hidden; margin-bottom: 12px; border-bottom:1px solid #dfdfdf;}
.entry-thumb { margin:0 10px 10px 0; float:left; width:30%;}
.entry-content { float:left; width:66%;}
.entry-title { margin:0;  display:table-cell;}
.entry-title a{ font-size:15px; font-family: "Open Sans"; line-height:18px; font-weight:bold; }



.entry-item-1{ overflow: hidden; margin-bottom: 12px; padding-bottom:10px; border-bottom:1px solid #dfdfdf;}
.entry-thumb-1 { margin:0 10px 10px 0; float:left; width:43%;}
.entry-content-1 { float:left; width:52%;}
.entry-title-1 { margin:0;  display:table-cell;}
.entry-title-1 a{ font-size:15px; font-family: "Open Sans"; line-height:18px; font-weight:normal; }


.entry-item-2{ overflow: hidden; }
.entry-thumb-2 { margin:0 10px 10px 0;  width:100%; position:relative;}
.entry-content-2 { background:url(../images/multi1.png)  top; position:absolute; bottom:10px; width:97%; height:auto; padding:10px; margin:0;}
.entry-title-2 { margin:0;  display:table-cell;}
.entry-title-2 a{ font-size:14px; font-family: "Open Sans"; line-height:18px; font-weight:bold; color:#fff; }


.entry-item-3{ overflow: hidden; }
.entry-thumb-3 { margin:0 10px 10px 0;  width:100%; position:relative;}
.entry-content-3 {  margin:0;}
.entry-title-3 { margin:0;  display:table-cell;}
.entry-title-3 a{ font-size:14px; font-family: "Open Sans"; line-height:18px; font-weight:bold; color:#000; }


.entry-item1{ overflow: hidden; padding: 0px 0; border-bottom:1px solid #dfdfdf;}
.entry-content1 { float:left; width:96%;}
.entry-title1 a{ font-size:15px; font-family: "Open Sans"; line-height:18px; font-weight:500;}

/*poll*/
.poll-pane{ margin-bottom:10px; overflow:hidden; }
.poll-pane input[type=radio] { margin:10px 0px;}
.poll-pane label { display:inline-block; line-height:30px; font-size:16px; font-family: 'Roboto', sans-serif; font-weight: bold; color:#000; width:20%; margin:3px 20px 0 10px;}

.progress { height: 25px; background: #d4d4d4; width:60%; margin:7px 0 0 0;}
.progress > span { position: relative; float: left; margin: 0 -1px; min-width: 30px; height: 25px; line-height: 20px; text-align: center; background: #4d5557; }
.progress > span > span {
  padding: 0 8px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
.progress > span:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 18px;
  background: url("../img/progress.png") 0 0 repeat-x;
  border-radius: 10px;
}

 .btn-org { padding: 8px 15px; margin: 0; background: #f05922; border:none; color: #fff; font-size: 16px; cursor: pointer; text-transform:uppercase;}
 
 /*slider banner
.slider-wrap {position: relative;margin: 8px auto; width:100%;}
.slider { position: relative; width:100%; margin:0;}
.slider ul { margin: 0; padding:0; list-style-type:none;}
.slider ul li { text-align: center; float:left;}
.slider ul li span { display: inline-block; vertical-align: middle;	border:1px solid #ababab; margin:0px 15px;}

.slider-arrow {  background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.52); width: 37px; height: 57px; position: absolute; color:#fff; top: 25%; text-indent: -99999px; font-size: 18px;}
.sa-left {left:-25px; background:url(../images/slider/arrow_left.png) no-repeat;}
.sa-right {right:-29px; background:url(../images/slider/arrow_right.png) no-repeat;}

.slider1 { position: relative; width:100%; margin:0;}
.slider1 ul { margin: 0; padding:0; list-style-type:none;}
.slider1 ul li { text-align: center; float:left;  }
.slider1 span { margin:0px 5px; display:block; overflow:hidden; border:1px solid #ababab; text-align:left;}*/
.slider-arrow1 {  background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.52); width: 37px; height: 57px; position: absolute; color:#fff; top: 25%; text-indent: -99999px; font-size: 18px;}
.sa-left1 {left:-25px; background:url(../images/slider/arrow_left.png) no-repeat;}
.sa-right1 {right:-29px; background:url(../images/slider/arrow_right.png) no-repeat;}
.slider1 p{ display:flex; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.slider1 .date-time{ text-align:left; font-family: Arial, Georgia, "Times New Roman"; font-size: 14px; padding:2px 0 0 0; font-weight:bold;}
.slider1 .chat-des{ font-family: Arial, Georgia, "Times New Roman"; font-style: italic;font-size: 11px; padding:4px 0 0 3px; text-align:left; }

.slider2 { position: relative; width:100%; margin:0; 
padding-top: 8px;}
.slider2 ul { margin:0px auto; padding:0; list-style-type:none; }
.slider2 ul li { text-align: center; float:left;}
.slider2 ul li span { display: inline-block; vertical-align: middle;  margin:0px 2px;}
.slider2  .entry-title { margin: 0; padding: 2px 5px 0 5px; display: table-cell; text-align:left;}

.slider-arrow2 {  background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.52); width: 37px; height: 57px; position: absolute; color:#fff; top: 25%; text-indent: -99999px; font-size: 18px;}
.sa-left2 { background:url(../images/slider/prev-icon.jpg) no-repeat; right:30px; top:5px;}
.sa-right2 {background:url(../images/slider/next-icon.jpg) no-repeat;  right:0px; top:5px;}



.slider3 { position: relative; width:100%; margin:0; 
padding-top: 8px;}
.slider3 ul { margin: 0; padding:0; list-style-type:none;}
.slider3 ul li { text-align: center; float:left;}
.slider3 ul li span { display: inline-block; vertical-align: middle;  margin:0px 2px;}
.slider3  .entry-title { margin: 0; padding: 2px 5px 0 5px; display: table-cell; text-align:left;}

.slider-arrow3 {  background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.52); width: 37px; height: 57px; position: absolute; color:#fff; top: 25%; text-indent: -99999px; font-size: 18px;}
.sa-left3 { background:url(../images/slider/prev-icon.jpg) no-repeat; right:30px; top:5px;}
.sa-right3 {background:url(../images/slider/next-icon.jpg) no-repeat;  right:0px; top:5px;}



.slider5 { position: relative; width:100%; margin:0; 
padding-top: 8px;}
.slider5 ul { margin: 0; padding:0; list-style-type:none;}
.slider5 ul li { text-align: center; float:left;}
.slider5 ul li span { display: inline-block; vertical-align: middle;  margin:0px 2px;}
.slider5  .entry-title { margin: 0; padding: 2px 5px 0 5px; display: table-cell; text-align:left;}

.slider-arrow5 {  background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.52); width: 37px; height: 57px; position: absolute; color:#fff; top: 25%; text-indent: -99999px; font-size: 18px;}
.sa-left5 { background:url(../images/slider/prev-icon.jpg) no-repeat; right:30px; top:5px;}
.sa-right5 {background:url(../images/slider/next-icon.jpg) no-repeat;  right:0px; top:5px;}





.chat-item1{ margin:5px; overflow:hidden;}
.chat-thumb1{ margin: 0 10px 4px 0; float: left; width: 36%;}


.top-article-section{ position:relative; z-index:0; background:#fff;}
.top-article-heading{     position: absolute;
    z-index: 1;
    background: #fff;
    bottom: 0px;
    margin: 0 0px;
    width: 100%;
    padding: 10px 5px 10px 5px;
	 opacity:0.8;
	 text-align:left;
	 color:#000;
	 font-size:20px;}

#footer{  width:100%; font-family: Arial, Helvetica, sans-serif; padding:10px 0; border-top: 5px solid #444446;}
.footer-inner{}
.footer-left{ width:270px; float:left;}
.footer-right{ width:720px; float:left;}

.bs-footer-logo{  padding-top:20px;}
.bs-footer-logo p{ font-size:11px; color:#b0afb4; line-height:13px;}

.Flink-left{ float:left; width:520px; }
.Flink-right{ float:left; width:180px; margin-left: 0px; padding-top:40px;}

ul.link-box{ margin:0; padding:0}
ul.link-box li{ margin:0; padding:10px 0; border-right: 1px solid #b0afb4; min-height:380px;  width:165px; float:left; list-style: none}

ul.footer-menu{ margin:0;  }
ul.footer-menu li{ list-style: none !important; margin:5px 0; min-height:18px!important; padding:0; float: none !important; width:100%; border:0;}
ul.footer-menu li h2{ font-size:14px; margin-bottom:10px; padding:0; font-weight: bold; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif}
ul.footer-menu a{ margin:0px 0; padding:0; font-size:13px;}
ul.footer-menu a:hover{  color:#c31316}

.line-space{ height:1px; background:#b0afb4; margin:20px 0; clear:both}
.line-space5{ height:1px; background:#b0afb4; margin:5px 0; clear:both}

/* Social icon */ 
 .social-icon-footer{ margin:0; padding:0 0 10px 0; width:100%}
 .social-icon-footer ul{margin:0; padding:0;}
 .social-icon-footer li{margin:0 0px; padding:0; display:block; list-style: none; border:0;}
 .social-icon-footer a{margin:0; padding:0;  display:block; list-style: none;} 
 .social-icon-footer h2{ font-size: 14px; margin-bottom: 10px; padding: 0; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;
}

.FB a{ background:url(../images/social-footer.png) no-repeat 0 0; width:30px; height:35px; padding:12px 0 0 32px;}
.FB a:hover{ background-position: 0px -40px;} 
.G a{ background: url(../images/social-footer.png) no-repeat -30px 0; width:30px; height:35px; padding:12px 0 0 32px;}
.G a:hover{ background-position: -30px -40px;}
.IN a{ background: url(../images/social-footer.png) no-repeat -60px 0; width:30px; height:35px; padding:12px 0 0 32px;}
.IN a:hover{ background-position: -60px -40px;}
.TW a{ background: url(../images/social-footer.png) no-repeat -90px 0; width:30px; height:35px; padding:12px 0 0 32px;}
.TW a:hover{ background-position: -90px -40px;}
.YT a{ background: url(../images/social-footer.png) no-repeat -120px 0; width:30px; height:35px; padding:12px 0 0 32px;}
.YT a:hover{ background-position: -120px -40px;}
.RS a{ background: url(../images/social-footer.png) no-repeat -150px 0; width:30px; height:35px; padding:12px 0 0 32px;}
.RS a:hover{ background-position: -150px -40px;}


.blockscroll_pane{ border:1px solid #ddd; padding:5px;}
.blockscroll_pane h3{ padding:5px; margin:0; text-align:center;}


.article-pane>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%;}
.article-pane .mCSB_scrollTools .mCSB_draggerRail{ width:3px; background:#383b40;}
.article-pane .mCSB_scrollTools .mCSB_dragger{ height:25px;}
.article-pane .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; -webkit-border-radius:11px; -moz-border-radius:11px;
	border-radius:11px;
	background:#e15b5c;
}
.article-pane{ padding:5px 0px;height: 396px; border:1px solid #ddd; }
.list-panel-panel{}
.list-panel-panel ul{ list-style-type:none;}
.list-panel-panel li a{}
.panel-article-list{ padding:10px 0;}
.list-left{ float:left;}
.list-right{ float:right;}
.tumbh-up a{ background:url(../images/thump_up_down.png) no-repeat 0 0; width:22px; height:22px; padding:5px 0 0 24px;}
.tumbh-up a:hover{ background-position: 0px 0px;}


/*Tabs*/
.nav-tabs>li{ margin-bottom: 0px; border-bottom: 1px solid #e6e6e6;}
.nav-tabs{ border-bottom: transparent; border-right: 1px solid #e6e6e6;}
.nav-tabs>li>a { background: #4d5557; color: #fff; border-radius: 0; border: 0 none; line-height: 24px; margin-right:0; padding: 13px 14px;}
.nav-tabs li:last-child{ border-bottom: 0 none;} 
.nav-stacked>li+li{  margin-top: 0;}
.nav-tabs>li>a:hover{ background: #f05922; color:#fff;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: 0; color:#fff; background: #f05922; position: relative;}
.nav-tabs>li.active>a:after { position: absolute;  width: auto; height: auto; border-style:solid; border-color: transparent transparent transparent #f05922; border-width: 25px 22px; right: -44px; top:0;}
.tab-wrap{ border:0px solid #e6e6e6 }
.tab-content{ padding: 0px;}
.tab-content h2{ margin-top: 0;}
.tab-content img{ border-radius: 4px;}
.content-box{ padding:8px;}
.content-box h4.bdrbtm{ padding-bottom:5px;margin:0;}
.content-box .more { font-size:14px; background:url(../images/more_bullect.jpg) no-repeat right; padding:0 15px 0 0; }
.content-box .more a{ color:#000;}
.content-box ul{ text-decoration:none; list-style-type:none; margin:0; padding:0;}
.content-box li{ display:inline; }
.content-box li a{ display:block; background: url(../images/bullet.png) no-repeat 0 10px; padding: 4px 12px; font-family:"Open Sans"; font-size:14px;}

.dataTable { width:100%; background-color:#fff; margin-top:15px; border:1px solid #d5d5d5;}
.dataTable td { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#666; font-weight:400; text-align:left; padding:5px 5px; }
.caption { text-transform:uppercase; font-family:Tahoma, Arial, Georgia; font-size:16px; color:#000;}
.dataTable th {border-bottom:1px solid #d5d5d5;	color:#000; font-size:16px; font-weight:600; text-align:left; padding:5px 5px; font-family: 'Roboto', sans-serif;}
.dataTable tr td {border-bottom:1px dotted #cbcbcb;} 
.featute-icon { width:25px;	height:19px; margin:0; float:left;}
.dataTable .tdL{ text-align:left;}
.dataTable .tdR{ text-align:right;}
.color_red{ color:#ff0000 !important;}
.color_green{ color:#007000 !important;}

.box-panel{ border:1px solid #ddd; overflow:hidden;}
.pdf-left{ float:left; border-right:1px solid #ddd; width:50%;}
.pdf-download a{ font-family: Arial, Helvetica, sans-serif; font-size:14px;}



.budget_highlight>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%;}
.budget_highlight .mCSB_scrollTools .mCSB_draggerRail{ width:3px; background:#383b40;}
.budget_highlight .mCSB_scrollTools .mCSB_dragger{ height:20px;}
.budget_highlight .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; -webkit-border-radius:11px; -moz-border-radius:11px;
	border-radius:11px;	background:#e15b5c;}

.budget_highlight_list{height: 539px; }

.budget_list_high { width:100%; }
.budget_list_high ul { list-style:none; padding:0; margin:0;}
.budget_list_high ul li { border-bottom:dashed 1px #c5c5c5; padding:10px 0 10px 0px; }
.budget_list_high ul li a {	color:#000000; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:14px; }

.social-list{ margin:0; padding:0; overflow:hidden;}

.social-fb a{ background:url(../images/social_list.png) no-repeat 2px 3px; width:30px; height:30px; display:block; border-right:1px solid #f2f2f2;}
.social-fb a:hover{ background-position: 2px -21px;} 
.social-g a{ background: url(../images/social_list.png) no-repeat -44px 2px; width:30px; height:30px; display:block;}
.social-g a:hover{ background-position: -44px -22px;}
.social-tw a{ background: url(../images/social_list.png) no-repeat -20px 3px; width:30px; height:30px; display:block; border-right:1px solid #f2f2f2;}
.social-tw a:hover{ background-position: -20px -21px;}

.chat-item{ overflow: hidden; margin-bottom: 12px; border:1pz solid #ddd;}
.chat-thumb { margin:0 10px 10px 0; float:left; width:36%;}
.chat-content { float:left; width:60%;}
.chat-title { margin:0; padding:0; display:table-cell;}
.chat-des{ font-family:Arial, Georgia, "Times New Roman"; font-style:italic; font-size:11px;}
.chat-title a{ font-size:18px; font-family: 'Roboto', sans-serif; line-height:20px;}
.dk-red_bg a{ background:#f05922; display:block; text-align:center; color:#fff; padding:5px;}
.dk-red_bg a:hover{ color:#ddd;}

.recent_chat{ padding:5px 0px;height: 450px; }

.recent_chat>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%;}
.recent_chat .mCSB_scrollTools .mCSB_draggerRail{ width:3px; background:#383b40;}
.recent_chat .mCSB_scrollTools .mCSB_dragger{ height:20px;}
.recent_chat .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; -webkit-border-radius:11px; -moz-border-radius:11px;
	border-radius:11px;	background:#e15b5c;}
	
.read-more a{ font-style:normal; color:#1c3c65; font-family:Arial; font-size:12px;}
.read-more a:hover{ text-decoration:underline;}	
	
.vsmarticker{width:97%;background:#fff;margin:0 auto; height:50px; margin-bottom:15px; position:relative; left:0px;}
.vsmarticker .sec_1, .sec_2, .sec_3{ float:left;}
.vsmarticker .sec_1{ width:15%;}
.vsmarticker .sec_2{ width:84%}
.vsmarticker .sec_3{ width:2%; padding:5px;}
.vsmarticker-category {width:100%;height:100%;position:absolute;top:0;left:-6px;z-index:2;}
.vsmarticker-vticker {width:100%;height:100%;position:absolute;top:0;left:162px;z-index:2;}
.vsmarticker-vticker-btn{ width:100%;height:100%; position:absolute; right:0; top:0;}

#nt-example1-prev{ cursor:pointer;}
#nt-example1-next{ cursor:pointer;}

.live-comm	{display: inline; padding:0px 10px 0 5px; background:#f1f1f1;}

/*Jay Css*/

.hot_stock{margin-top:10px; padding:6px 6px 6px 6px; border:1px solid #dfdfdf}
.hot_stock .top{display:inline-block; margin:0px; padding:0px;}
 .hot_stock .top .containt{font-size:18px; color:#000000; border-bottom:1px solid #dfdfdf; padding-bottom:4px;
 font-family: 'Roboto', sans-serif; font-weight: bold; text-transform:uppercase; display:inline-block;}
 
.hot_stock .btm{display:inline-block; float:right; margin-top:-2px;}
/*.hot_stock .containt{font-size:18px; color:#000000; border-bottom:1px solid #dfdfdf; padding-bottom:4px;
 font-family: 'Roboto', sans-serif; font-weight: bold; text-transform:uppercase; display:inline-block;}*/

 .table-container{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
 table{ 
    border-collapse: collapse; 
    border-spacing: 0; 
    background-color: white;
    width: 100%;
    border: 0px solid #c3c9cc; font-family:"Open Sans";  color:#000000;
}
th, td{
    text-align: left; font-weight:bold; font-size:14px;
	 border-bottom:1px solid #ccc;
	 padding:6px 0;
}
th{
    white-space: nowrap;
}
td{
    border-top: 0px solid #c3c9cc; font-weight:normal; font-size:14px;
}

.red{
    color:#ff0000;
}
.green{
    color:#009d0f;
}


.bse{margin:0px; padding:0px; display: inline-block;float: right;}
.table_container {position: relative;  padding-top:6px;}
.bse nav {text-align: center;float:right; margin:0 auto; padding:0px;}
.bse nav ul {padding: 0; list-style-type:none;}
.bse nav ul li {display: inline-block; float:left; background-color:#dfdfdf;  
border-radius:15px; margin-right: 4px; font-size:15px; text-align:center; color:#000;}
.bse nav ul li .active {display: inline-block;  background-color:#ac2122;  color:#fff; border-radius:15px;}
.bse nav ul li a {display: inline-block; text-decoration:none;  padding: 2px 15px; color:#000;}
.bse nav ul li a:hover {  background-color:#ac2122; padding:2px 15px;  color:#fff; border-radius:15px;}
#thing1 {background: white;}
#thing2 {  background: white;}

.bse-scroll-1{ padding:5px 0px;height: 112px; }
.bse-scroll-1>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%;}
.bse-scroll-1 .mCSB_scrollTools .mCSB_draggerRail{ width:3px; background:#383b40;}
.bse-scroll-1 .mCSB_scrollTools .mCSB_dragger{ height:20px;}
.bse-scroll-1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; -webkit-border-radius:11px; -moz-border-radius:11px;
	border-radius:11px;	background:#e15b5c;}


@media only screen and (min-width: 1024px) and (max-width: 1280px) {

	.hot_stock .btm {display: inline-block!important;margin-top: 0px!important; float: right!important;}
	.bse nav ul li {font-size: 14px!important;}
	.bse nav ul li a {padding: 2px 12px!important;}
	
}


@media(min-width:768px) and (max-width:1024px) {

	.hot_stock .btm {display: inline-block!important;margin-top: 0px!important; float: right!important;}
	.bse nav ul li {font-size: 14px!important;}
	.bse nav ul li a {padding: 2px 12px!important;}
	
}


.widget_slider{margin:0px; padding:8px; border:1px solid #c3c9cc;}
.widget_slider .title{font-size:18px;font-family: 'Oswald', sans-serif; color:#000; font-weight: normal; text-transform:uppercase;}	
.slider-arrow {background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.52); width: 25px; height: 25px; position: absolute; color:#fff; text-indent: -99999px; font-size: 18px;}

.slider-wrap {position: relative;margin: 4px auto; width:100%;}
.slider { position: relative; width:100%; margin:0; 
padding-top: 8px;}
.slider ul { margin: 0; padding:0; list-style-type:none;}
.slider ul li { text-align: center; float:left;}
.slider ul li span { display: inline-block; vertical-align: middle;  margin:0px 2px;}
.slider  .entry-title { margin: 0; padding: 2px 5px 0 5px; display: table-cell; text-align:left;}

.slider-arrow {  background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.52); width: 37px; height: 57px; position: absolute; color:#fff; top: 25%; text-indent: -99999px; font-size: 18px;}
.sa-left { background:url(../images/slider/prev-icon.jpg) no-repeat; right:30px; top:5px;}
.sa-right {background:url(../images/slider/next-icon.jpg) no-repeat;  right:0px; top:5px;}


@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.widget_slider {width:100%;}
}
@media(min-width:768px) and (max-width:1024px) {
	.widget_slider .title{padding-left:6px;}
	.slider ul li {font-size: 13px; padding: 6px 20px 5px 15px;}
}
@media screen and (max-width: 768px) {
	.widget_slider {width:100%; overflow: hidden;}
	.slider-wrap {position: relative;margin: 4px auto; width:100%;}

}
@media screen and (max-width: 480px) {
	.widget_slider {width:100%;}
	
}

.whats_hot{width:100%; background-color:#fff; border-bottom:1px solid #dfdfdf; border-top:0px solid #dfdfdf; padding:4px 0 ; margin:10px 0 0px 0px; float:left;}
.whats_hot_left{width:5%; float:left; background:#000; color:#fff; padding:5px; text-align:center;}
.whats_hot_right{width:83%; float:left; margin-left:15px;}

.whats_slider-wrap {position: relative;margin: 4px auto; width: 100%; float: left !important;}
.slider4 { position: relative; width:100%; margin:0;}
.slider4 ul { margin: 0; padding:0; list-style-type:none;}
.slider4 ul li { text-align: left; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; width:auto;}
.slider4 ul li span { display: inline-block; vertical-align: middle; margin:0px 2px;}
.slider4 ul li img { margin-bottom:0px;}
.slider4  .entry-title { margin: 0; padding: 2px 5px 0 5px; display: table-cell; text-align:left;}

.slider-arrow4 {  background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.52); width: 25px; height: 25px; position: absolute; color:#fff; top: 25%; text-indent: -99999px; font-size: 18px;}
.sa-left4 { background:url(../images/slider/prev-icon.jpg) no-repeat; right: -96px; top: -1px;}
.sa-right4 {background:url(../images/slider/next-icon.jpg) no-repeat;  right: -128px; top: -1px;}


@media(min-width:768px) and (max-width:1024px) {
	.whats_hot_left{width:22%; float:left;}
	.whats_hot_right{width:76%; float:right;}
	.whats_slider-wrap {position: relative;margin: 4px auto; width: 85%; float: left !important;}
	.slider4 ul li {text-align: left;font-size: 13px;line-height: 14px !important;}
	.sa-left4 { background:url(../images/slider/prev-icon.jpg) no-repeat; right: -40px; top: -1px;}
	.sa-right4 {background:url(../images/slider/next-icon.jpg) no-repeat;  right: -70px; top: -1px;}
	.rover2_scrooll{ padding:5px 0px;height: 566px; }
}

@media screen and (max-width: 768px) {
	.rover2_scrooll{ padding:5px 0px;height: 566px; }
	.whats_hot_left{width:12%; float:left;}
	.whats_hot_right{width:82%; float:left;}
	.whats_slider-wrap {position: relative;margin: 4px auto; width: 85%; float: left !important;}
	.slider4 ul li {text-align: left;font-size: 13px;line-height: 14px !important;}
	.sa-left4 { background:url(../images/slider/prev-icon.jpg) no-repeat; right: -90px; top: -1px;}
	.sa-right4 {background:url(../images/slider/next-icon.jpg) no-repeat;  right: -118px; top: -1px;}
	.slider4 ul li span {display: inline-block; margin: 0px 2px;}
}



/*----------------------------ROVER-----------------------------------------*/


.budget_R{ padding-top:10px;}
.budget_R .top{display:inline-block; margin:0px; padding:0px;}
.budget_R .top .title{font-size:18px; color:#000000; padding-bottom:6px;
 font-family: 'Roboto', sans-serif; font-weight: bold; text-transform:uppercase; display:inline-block;}
.budget_R .top .containt{font-size:18px; color:#000000; border-bottom:1px solid #dfdfdf; padding-bottom:4px;
 font-family: 'Roboto', sans-serif; font-weight: bold; text-transform:uppercase; display:inline-block;}
 
.budget_R .btm{display:inline-block; float:right; }

.rover{margin:0px; padding:0px; display: inline-block;float: right;}
.rover_container {position: relative;}
.rover nav {text-align: center;float:right; margin:0 auto; padding:0px;}
.rover nav ul {padding: 0; list-style-type:none;}
.rover nav ul li {display: inline-block; float:left; background-color:#dfdfdf;  
border-radius:15px; margin-right: 4px; font-size:15px; font-weight:bold; text-align:center; color:#000; font-family:'Roboto', sans-serif;}
.rover nav ul li .active {display: inline-block;  background-color:#ac2122;  color:#fff; border-radius:15px; font-family:'Roboto', sans-serif; font-weight:bold;}
.rover nav ul li a {display: inline-block; text-decoration:none; font-weight:bold; font-size:14px;  padding: 2px 15px; color:#000; font-family:'Roboto', sans-serif;}
.rover nav ul li a:hover {  background-color:#ac2122; padding:2px 15px;  color:#fff; border-radius:15px; text-decoration:none;}
#thing1 {  background: white;}
#thing2 {  background: white;}
#thing3 {  background: white;}

.tab-wrap{  /*margin-bottom: 20px;*/}
.nav-tabs>li{ margin-bottom: 0px; border-bottom: 1px solid #fff;}
.nav-tabs{ border-bottom: transparent; border-right: 1px solid #fff;}

.nav-tabs>li>a { background: #fff; color: #000; border-radius: 0; border: 0 none; line-height: 24px; margin-right:0; padding: 6px 6px; border-left:3px solid #efecec; margin-top:3px; text-transform:uppercase}
.nav-tabs li:last-child{ border-bottom: 0 none;} 
.nav-stacked>li+li{  margin-top: 0;}
.nav-tabs>li>a:hover{ background: #f3f3f3; color:#000; border-left:3px solid #ac2122;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: 0; color:#000; background: #f3f3f3; position: relative; border-left:3px solid #ac2122;}
.nav-tabs>li.active>a:after { position: absolute; width: auto; height: auto; border-style:solid; border-color: transparent transparent transparent #ac2122; border-width:18px; right: -30px; top:4px;}

.tab-content{ padding: 8px; background:#f3f3f3;}
.tab-content h2{ margin-top: 0;}

.sector_article{margin:0px; padding:0px;}
.sector_article_item{ overflow: hidden; margin-bottom: 12px; padding-bottom:5px; border-bottom:1px solid #dfdfdf;}
.sector_article_thumb { margin:0 10px 10px 0; float:left; width:16%;}
.sector_article_thumb img {width: 100%; border-radius:0px;}
.sector_article_content { float:left; width:100%;}
.sector_article_title { margin:0;  display:table-cell;}
.sector_article_title a{ font-size:15px; font-family: "Open Sans"; line-height:20px; }

.rover_scrooll{ padding:5px 0px;height: 532px; }
.rover_scrooll>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%;}
.rover_scrooll .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background:#dfdfdf;}
.rover_scrooll .mCSB_scrollTools .mCSB_dragger{ height:20px;}
.rover_scrooll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; -webkit-border-radius:11px; -moz-border-radius:11px;
	border-radius:11px;	background:#5d5d5d ;}
	
.rover2_scrooll{ padding:5px 0px;height: 450px; }
.rover2_scrooll>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%;}
.rover2_scrooll .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background:#dfdfdf;}
.rover2_scrooll .mCSB_scrollTools .mCSB_dragger{ height:20px;}
.rover2_scrooll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; -webkit-border-radius:11px; -moz-border-radius:11px;
	border-radius:11px;	background:#5d5d5d;}
	
.bydate{ padding:5px 0px;height: 476px; }
.bydate>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%;}
.bydate .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background:#dfdfdf;}
.bydate .mCSB_scrollTools .mCSB_dragger{ height:20px;}
.bydate .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; -webkit-border-radius:11px; -moz-border-radius:11px;
	border-radius:11px;	background:#5d5d5d;}

.date_filter{width:100%; padding:0px; border-bottom:1px solid #e0e0e0;}
.date_filter_bg{background-color:#f5f3f4; width:100%; margin:5px 0px 10px 0px; padding:0px 10px;}
.date_filter_bg .inputbox{float:left; border:1px solid #cecece; width:200px; height:22px;}
.date_filter_bg .gobtn{float:right; background-color:#ac2128; text-align:center; padding:6px; font-size:14px; color:#fff;}
.date_filter_bg{background-color:#f5f3f4; width:100%; margin:5px 0px 10px 0px; padding:0px 10px; float:right;}

.date-form .input{position: relative;margin: 6px;float: left;}
.date-form .icon-append { padding-left: 3px;/*    border-left-width: 1px;    border-left-style: solid #fff;*/    right: 5px;}
.date-form .icon-append {position: absolute;top: 5px;width: 25px;height: 25px;}
.calendar {background:url(../../budget17/images/budget%20rover/calander.gif) no-repeat scroll center center;}
.date-form .input input {display: block; height: 34px; padding: 8px 10px; outline: medium none;   color: #000; -moz-appearance: none; background-color:#fff; border:1px solid #cecece; font-weight:normal;
}
.date-form .button {background:#ac2222;	border: medium none;outline: medium none;padding: 6px;margin:6px 0px; color:#fff; text-align:center;}


.border-bottom-0{border-bottom: none;}

.position-relative	{position: relative!important;
    z-index: 1;}
.bg-img {
   background: #e42b26;
    position: absolute;
    top: 30px;
    left: -10px;
    color: #fff;
    padding: 3px 8px;
    z-index: 99999;
}
.entry-item {
	float: left;
	width: 100%;
}
.bg-img a{color:#fff;}

.img-wtmr-bg {
    position: absolute;
    top: 207px;
    background-color: #fff;
    padding: 0px 8px;
    width: 315px;
    opacity: 0.7;
}
/*LISTING PAGE*/

.listing-main{ padding:0px 0 0 0}
.listing-inner{ padding:0 0 10px 0}

ul.listing { margin:0px 0  0 0; padding:0}
ul.listing li{ margin:0px 0 0 0; padding:12px 0; border-bottom:1px solid #c4c6c8; display:block !important; list-style: none; float: none !important; width:100% !important;}  
.listing li:first-child{ padding-top:0}
ul.listing h2{ font-size:15px; margin:3px 0 0; line-height:20px; padding-bottom:5px; font-family: "Open Sans"; font-weight:bold;}
ul.listing h2 a{ color:#000; }
ul.listing p{ color:#565656; line-height:20px; padding:2px 0; margin:0}
ul.listing p a{ color:#565656;}
span.list-social{ display:block; padding: 5px 0 0 0}


.listing-txt{  padding-bottom: 0px;}
.listing-story{ width:184px; float:right; position: relative; font-weight: 400; margin-top: 10px;}
.listing-story a{ font-size: 14px;}
.icon-more {
      position: relative;
      display: inline-block;
      width: 2em;
      height: 2em;
      line-height: 4em;
      vertical-align: middle;
    }
    
.icon-more-3x {
    position: absolute;
    left: 8px;
    width: 100%;
    text-align: left;
	top:3px;
    }
.icon-more-1x {
     line-height: inherit;
	font-size: 0.9em !important;
    position: absolute;
	left: 12px;
	width: 100%;
	text-align: left;
	top: 9px;
    }
    
.icon-more-3x {
      font-size: 1.5em !important;
    position: absolute;
    left: 8px;
    width: 100%;
    text-align: left;
    top: 3px;
}
/* --------- Audio start ---------- */

.error {
	color: red;
}
 a {
    word-wrap: break-word;
}

code {
    font-size: 0.8em;
}

#player2-container .mejs__time-buffering, 
#player2-container .mejs__time-current, 
#player2-container .mejs__time-handle,
#player2-container .mejs__time-loaded, 
#player2-container .mejs__time-hovered, 
#player2-container .mejs__time-marker, 
#player2-container .mejs__time-total {
    height:4px;
}

#player2-container .mejs__time-total {
    margin-top: 9px;
}
#player2-container .mejs__time-handle {
    left: 3px;
    width: 16px;
    height: 8px;
    border-radius: 25%;
    background:red;
    top: -2px;
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 2;
    border: none;
}
#player2-container .mejs__time-handle:hover {
	background:red;
}

#player2-container .mejs__time-handle-content {
    top: 0;
    left: 0;
    width: 16px;
    height: 8px;
	border-radius: 25%;
    background:red;
}



/* ------------- Audio end --------------- */


@-webkit-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@-moz-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@-webkit-keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}
@-moz-keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}
@keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}

#bar-chart {
height: 135px;
    width: 86%;
    position: relative;
    margin: 0 0 0 10px;
    padding: 0;
}
#bar-chart * {
  box-sizing: border-box;
}
#bar-chart .graph {
   height: 127px;
  position: relative;
}
#bar-chart .bars {
  height: 110px;
  padding: 0 2%;
  position: absolute;
  width: 100%;
  z-index: 10;
}
#bar-chart .bar-group {
  display: block;
  float: left;
  height: 100%;
  position: relative;
  width: 12%;
  margin-right: 10%;
}
#bar-chart .bar-group:last-child {
  margin-right: 0;
}
#bar-chart .bar-group .bar {
  visibility: hidden;
  height: 0;
  -webkit-animation: animate-height;
  -moz-animation: animate-height;
  animation: animate-height;
  animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  -webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  -moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);
  border: 1px solid #2d2d2d;
  border-radius: 3px 3px 0 0;
  bottom: 0;
  cursor: pointer;
  height: 0;
  position: absolute;
  text-align: center;
  width: 25%;
}
#bar-chart .bar-group .bar:nth-child(2) {
  left: 35%;
}
#bar-chart .bar-group .bar:nth-child(3) {
  left: 70%;
}
#bar-chart .bar-group .bar span {
  display: none;
}
#bar-chart .bar-group .bar-1 {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
#bar-chart .bar-group .bar-2 {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
#bar-chart .bar-group .bar-3 {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
#bar-chart .bar-group .bar-4 {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
#bar-chart .bar-group .bar-5 {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
#bar-chart .bar-group .bar-6 {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
#bar-chart .bar-group .bar-7 {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
#bar-chart .bar-group .bar-8 {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
#bar-chart .bar-group .bar-9 {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}
#bar-chart .bar-group .bar-10 {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
#bar-chart .bar-group .bar-11 {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}
#bar-chart .bar-group .bar-12 {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
#bar-chart .bar-group .bar-13 {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
#bar-chart .bar-group .bar-14 {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}
#bar-chart .bar-group .bar-15 {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}
#bar-chart ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#bar-chart .x-axis {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
#bar-chart .x-axis li {
  float: left;
  margin-right: 10.5%;
  font-size: 11px;
  width: 11.5%;
}
#bar-chart .x-axis li:last-child {
  margin-right: 0;
}
#bar-chart .y-axis {
  position: absolute;
  text-align: right;
  width: 100%;
}
#bar-chart .y-axis li {
  border-top: 1px solid #4e5464;
  display: block;
  height: 63.25px;
  width: 100%;
}
#bar-chart .y-axis li span {
display: block;
    font-size: 11px;
    margin: -15px 0 0 -60px;
    padding: 0 10px;
    width: 70px;
}
#bar-chart .stat-1 {
  background-image: -webkit-linear-gradient(left, #ff4500 0%, #ff4500 47%, #cf3a02 50%, #cf3a02 100%);
  background-image: linear-gradient(to right, #ff4500 0%, #ff4500 47%, #cf3a02 50%, #cf3a02 100%);
}
#bar-chart .stat-2 {
  background-image: -webkit-linear-gradient(left, #b8f123 0%, #b8f123 47%, #79a602 50%, #79a602 100%);
  background-image: linear-gradient(to right, #b8f123 0%, #b8f123 47%, #79a602 50%, #79a602 100%);
}
#bar-chart .stat-3 {
  background-image: -webkit-linear-gradient(left, #00c5ff 0%, #00c5ff 47%, #0383a9 50%, #0383a9 100%);
  background-image: linear-gradient(to right, #00c5ff 0%, #00c5ff 47%, #0383a9 50%, #0383a9 100%);
}


/* market article */

.market-article{
	width: 95%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.market-article ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 100%;
}
.market-article ul li{
	padding: 0px 10px 10px 20px;
	margin: 0px 0px 10px 0px;
	float: left;
	font-size: 14px;
	list-style: none;
	color: #000;
	border-bottom: 1px solid #e2e2e2;
	position: relative;
	font-family: 'Roboto', sans-serif;
	width: 100%;
}
.market-article ul li::before{
	content: '\00b7';
    font-size: 55px;
    position: absolute;
    top: -29px;
    left: -5px;
}
/* market article */

/*covid article start */
.covid-article{
	width: 95%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.covid-article ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 100%;
}
.covid-article ul li{
	padding: 12px 5px 12px 5px;
	margin: 0px 0px 15px 0px;
	background: #f2f3f3;
	float: left;
	font-size: 18px;
	list-style: none;
	color: #000;
	position: relative;
	width: 100%;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}
.covid-helpline{
	width: 95%;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.covid-helpline-heading{
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 3px solid #4d5557;
}
.covid-helpline-TB-header{
	padding: 8px 5px 8px 5px;
	margin: 0px 0px 5px 5px;
	widows: 100%;
	float: 0px;
}
.covid-helpline ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 100%;
}
.covid-helpline ul li{
	padding: 8px 5px 8px 5px;
	margin: 0px 0px 5px 0px;
	float: left;
	font-size: 14px;
	list-style: none;
	color: #000;
	position: relative;
	width: 100%;
	font-weight: 400;
	border-bottom: 1px solid #cccecf;
}
/* covid article end */

/* top-voices start */

.carousel-image {
	width: 126px;
	height: 126px;
	border-radius: 50%;
}
.slider-scroll{
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px;
}
.carousel-slider{
	width: 29%;
	float: left;
	padding: 0px;
	margin: 0px 15px;
	position: relative;
}
.carousel {
	margin: 50px auto;
	padding: 0 70px;
}
.carousel .item {
	color: #747d89;
	min-height: 325px;
    text-align: center;
	overflow: hidden;
}
.carousel .thumb-wrapper {
	padding: 25px 10px 15px;
	background: #f4f3f3;
	border-radius: 25px;
	text-align: center;
	position: relative;
	/*box-shadow: 0 2px 3px rgba(0,0,0,0.2);*/
}
.carousel .item .img-box {
	height: 120px;
	margin-bottom: 20px;
	width: 100%;
	position: relative;
}
.carousel .item img {	
	display: inline-block;
	margin: 0 auto;
}
.carousel .thumb-content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #565656;
	padding: 0px;
	margin: 30px 0px 50px;
}
.carousel .thumb-content h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
}
.carousel .thumb-content h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #000;
}
.carousel .carousel-control {
	height: 44px;
	width: 40px;
	background: transparent;	
    margin: auto 0;
    border-radius: 4px;
	opacity: 0.8;
}
.carousel .carousel-control:hover {
	background: transparent;
	opacity: 1;
}
.carousel .carousel-control i {
        font-size: 85px;
    position: absolute;
    top: 50%;
    display: inline-block;
    margin: -19px 0 0 0;
    z-index: 5;
    left: 0;
    right: 0;
    color: #000;
    text-shadow: none;
    font-weight: normal;
}
/* top-voices start */

/* glossary search */
form.example input[type=text] {
  padding: 5px 5px 5px 5px;
  font-size: 16px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #fff;
	margin-top: 10px;
}
form.example button {
  float: left;
  width: 20%;
  padding: 5px;
  background: white;
  color: black;
  font-size: 16px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
	margin-top: 10px;
}
form.example button:hover {
  background: #0b7dda;
	color: #fff;
}
form.example::after {
  content: "";
  clear: both;
  display: table;
}
.sm-img{
	width: 55px;
	float: left;
}
.div-scroll{
	position: relative;
	top: 0px;
}
.scroll{
	position: absolute;
	top:0px;
}

/* glossary search end */



/* map drop down start */

.box-map{
    color: #000;
    padding: 20px;
    display: none;
    margin: 5px 5px 0px 5px;
	float: left;
	height: 600px;
	width: 100%;
}
.button-map {
  border: 0px solid #bbb;
  border-radius: 0em;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  background: #f3f3f3; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#e5e5e5));
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
		}
    .indian{ /*background: #ff0000;*/ }
    .world{ /*background: #228B22;*/ }
    

/* Container used for styling the custom select, the buttom class adds the bg gradient, corners, etc. */
.dropdown-map {
  position: relative;
  display:block;
  margin-top:0.5em;
  padding:0;
}

/* This is the native select, we're making everything the text invisible so we can see the button styles in the wrapper */
.dropdown-map select {
  width:100%;
  margin:0;
  background:none;
  
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
  /* Magic font size number to prevent iOS text zoom */
  font-size:1.25em;
  /* General select styles: change as needed */
  /* font-weight: bold; */
  color: #fff;
  padding: .4em 1.9em .4em .8em;
  line-height:1.3;
	border: 0px;
}


.dropdown-map select
{
  font-family: AvenirNextCondensed-DemiBold, Corbel, "Lucida Grande","Trebuchet Ms", sans-serif;
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select */

.dropdown-map::after {
  content: "";
  position: absolute;
  width:25px;
  height: 15px;
  top: 50%;
  right: 0.4em;
  margin-top:-4px;
  z-index: 2;
  background:url("../images/icon/down-arrow.png") no-repeat;
  pointer-events:none;
}

/* This hides native dropdown button arrow in IE 10/11+ so it will have the custom appearance, IE 9 and earlier get a native select */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dropdown-map select::-ms-expand {
    display: none;
  }
  /* Removes the odd blue bg color behind the text in IE 10/11 and sets the text to match the focus style text */
  select:focus::-ms-value {
    background: transparent;
    color: #222;
	  font-family: "Open Sans";
	  width: 200px;
  }
}

/* Firefox >= 2 -- Older versions of FF (v2 - 6) won't let us hide the native select arrow, so we'll just hide the custom icon and go with native styling */
/* Show only the native arrow */
body:last-child .dropdown-map::after, x:-moz-any-link {
  display: none;
}
/* reduce padding */
body:last-child .dropdown-map select, x:-moz-any-link {
  padding-right: .8em;
}

/* Firefox 7+ -- Will let us hide the arrow, but inconsistently (see FF 30 comment below). We've found the simplest way to hide the native styling in FF is to make the select bigger than its container. */
/* The specific FF selector used below successfully overrides the previous rule that turns off the custom icon; other FF hacky selectors we tried, like `*>.dropdown::after`, did not undo the previous rule */

/* Set overflow:hidden on the wrapper to clip the native select's arrow, this clips hte outline too so focus styles are less than ideal in FF */
_::-moz-progress-bar, body:last-child .dropdown-map {
  overflow: hidden;
}
/* Show only the custom icon */
_::-moz-progress-bar, body:last-child .dropdown-map:after {
  display: block;
}
_::-moz-progress-bar, body:last-child .dropdown-map select {
  /* increase padding to make room for menu icon */
  padding-right: 1.9em;
  /* `window` appearance with these text-indent and text-overflow values will hide the arrow FF up to v30 */
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  /* for FF 30+ on Windows 8, we need to make the select a bit longer to hide the native arrow */
  width: 110%;
}


/* At first we tried the following rule to hide the native select arrow in Firefox 30+ in Windows 8, but we'd rather simplify the CSS and widen the select for all versions of FF since this is a recurring issue in that browser */
/* @supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal) {
.dropdown select { width:110%; }
}   */


/* Firefox 7+ focus style - This works around the issue that -moz-appearance: window kills the normal select focus. Using semi-opaque because outline doesn't handle rounded corners */
_::-moz-progress-bar, body:last-child .dropdown-map select:focus {
  outline: 2px solid rgba(180,222,250, .7);
}


/* Opera - Pre-Blink nix the custom arrow, go with a native select button */
x:-o-prefocus, .dropdown-map::after {
  display:none;
}


/* Hover style */
.dropdown-map:hover {
  border:0px solid #888;
}

/* Focus style */
select:focus {
  outline:none;
  box-shadow: 0 0 1px 3px rgba(180,222,250, 1);
  background-color:transparent;
  color: #222;
  border:0px solid #aaa;
	font-family: "Open Sans";
	width: 200px;
}


/* Firefox focus has odd artifacts around the text, this kills that */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
	font-family: "Open Sans";
	width: 200px;
}

option {
  font-weight:normal;
}


/* These are just demo button-y styles, style as you like */
.button-map {
  border: 0px solid #bbb;
  border-radius: 0px;
  
  background: #f3f3f3; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	width: 200px;
}

.output {
  margin: 0 auto;
  padding: 1em; 
}
.colors {
  padding: 2em;
  color: #fff;
  display: none;
}

.covid-map-heading{
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	width: 50%;
	float: left;
	position: relative;
	top: 25px;
}
.map-heading-BR{
	border-bottom: 3px solid #000;
	float: left;
	height: 5px;
	width: 100%;
	margin-top:7px;
}
/* map drop down start */