@import url("main.css?v=2");
@import url("common.css");
@import url("normalize.css");
@import url("cbbctwii.css");
@import url("yellow.css");
@import url("responsive.css?v=1");
@import url("mobile.css?v=1");
@import url("menu.css");
@import url("animate.css");
@import url("datepicker.css");
@import url("bar.css");
@import url("nouislider.min.css");
@import url("calendar.css");
@import url("video_clip.css");
@import url("tablesaw.css");
@import url("tutorialmenu.css");
@import url("owl.carousel.min.css");
@import url("newfont.css");


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?jzd8uc');
  src:  url('fonts/icomoon.eot?jzd8uc#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?jzd8uc') format('truetype'),
    url('fonts/icomoon.woff?jzd8uc') format('woff'),
    url('fonts/icomoon.svg?jzd8uc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.menuwrap .menu-button .touch-button:before {
	font-family: 'icomoon' !important;
	content: "\e915";
	right: 13px;
	top: 12px;
	color: #cccccc;
	position: absolute;
	font-size: 23px;
}
.flexnav .touch-button:before {
	font-family: 'icomoon' !important;
	content: "\e901";
	right: -3px;
	top: 17px;
	color: #ffffff;
	position: absolute;
	font-size: 12px;
}
.flexnav li ul li .touch-button:before {
	font-family: 'icomoon' !important;
	content: "\e910";
	color: #333333;
	right: 10px;
	top: 13px;
}
.container .slider .thumbs li a .active:after {
	font-family: 'icomoon' !important;
	content: "\e930";
	display: table-cell;
	text-align: center;
	width: 100%;
	bottom: -11px;
	left: 0;
	position: absolute;
	color: #ffcc0a;
	font-size: 33px;
}
.container .slider .thumbs li a:hover div:after {
    font-family: 'icomoon' !important;
    content: "\e930";
    display: table-cell;
    text-align: center;
    width: 100%;
    bottom: -11px;
    left: 0;
    position: absolute;
    color: #ffcc0a;
    font-size: 33px;
}
.icon-trianup:before {
	content: "\e924";
}
.icon-triand:before {
	content: "\e925";
}
.icon-maker:before {
	content: "\e926";
}
.icon-risk:before {
	content: "\e927";
}
.icon-clock:before {
	content: "\e928";
}
.icon-time:before {
	content: "\e929";
}
.icon-structure:before {
	content: "\e92a";
}
.icon-price:before {
	content: "\e92b";
}
.icon-chooes:before {
	content: "\e92c";
}
.icon-eye:before {
	content: "\e92d";
}
.icon-trade:before {
	content: "\e92e";
}
.icon-word:before {
	content: "\e92f";
}
.icon-down:before {
	content: "\e930";
}
.icon-percent:before {
	content: "\e931";
}
.icon-iv:before {
	content: "\e932";
}
.icon-day:before {
	content: "\e902";
}
.icon-hand-holding-up-a-book:before {
	content: "\e903";
}
.icon-smartphone-with-email:before {
	content: "\e904";
}
.icon-share:before {
	content: "\e905";
}
.icon-live:before {
	content: "\e906";
}
.icon-history:before {
	content: "\e907";
}
.icon-currency:before {
	content: "\e908";
}
.icon-issuer:before {
	content: "\e909";
}
.icon-sector:before {
	content: "\e90a";
}
.icon-underlying:before {
	content: "\e90b";
}
.icon-china:before {
	content: "\e90c";
}
.icon-faqon:before {
	content: "\e90d";
}
.icon-faq:before {
	content: "\e90e";
}
.icon-sep:before {
	content: "\e90f";
}
.icon-arrowgo:before {
	content: "\e910";
}
.icon-bulbon:before {
	content: "\e911";
}
.icon-bulb:before {
	content: "\e912";
}
.icon-squ:before {
	content: "\e913";
}
.icon-education:before {
	content: "\e914";
}
.icon-menu:before {
	content: "\e915";
}
.icon-arrowdbig:before {
	content: "\e901";
}
.icon-arrowupbig:before {
	content: "\e919";
}
.icon-pdf:before {
	content: "\e918";
}
.icon-arrowup:before {
	content: "\e919";
}
.icon-addwarrant:before {
	content: "\e91a";
}
.icon-star:before {
	content: "\e91b";
}
.icon-excel:before {
	content: "\e91c";
}
.icon-chart:before {
	content: "\e91d";
}
.icon-strategy:before {
	content: "\e91e";
}
.icon-cbbc:before {
	content: "\e91f";
}
.icon-warrant:before {
	content: "\e920";
}
.icon-close:before {
	content: "\e921";
}
.icon-search:before {
	content: "\e922";
}
.icon-contact:before {
	content: "\e923";
}
.icon-arrowd:before {
	content: "\e901";
}
.icon-logo:before {
	content: "\e900";
}
.icon-doc {
	background: url(../images/icon-doc.svg) 50% no-repeat;
	width: 24px;
	height: 24px;
	background-size: 100%;
	display: inline-block;
	margin: 1px;
}
.iconani:hover .icon-doc {
	background: url(../images/icon-docb.svg) 50% no-repeat;
	width: 24px;
	height: 24px;
	background-size: 100%;
	display: inline-block;
	margin: 1px;
}
table tbody tr td a.arrow_up {
	position: relative;
}
table tbody tr td a.arrow_down {
	position: relative;
}
table tbody tr td .icon-arrowd:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #ff0000 transparent transparent transparent;
	position: absolute;
	left: 0;
	bottom: 5px;
}
table tbody tr td .icon-arrowup:before {
	content: '';
	width: 0;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #008022 transparent;
	position: absolute;
	left: -12px;
	bottom: 5px;
}
@media (max-width: 767px){
.container .slider .thumbs li a .active:after {
    font-size: 24px;
}
.container .slider .thumbs li a:hover div:after {
	font-size: 24px;
}
}