@charset "utf-8";
/*
 Components css 
 Author: Loic Ng Ah wai 
*/


/*core of website
******************************************************************/
.core-homepage{float: left;width: 100%;margin-top: 155px}
.core{float: left;width: 100%;margin-top: 114px}

/*Hompage 
******************************************************************/
/* Homepage-banner */
    .Homepage-banner .cnTitle{max-width: 330px;width: 25.3846%;float: left;font-size: 27px;color:#E6BF7F;font-weight: 300;line-height: 30px;padding: 90px 0px 0px 0px;}
    .Homepage-banner .cnTitle strong{font-weight: 500;}
    .Homepage-banner .graph-banner{max-width: 885px;width: 68.0769%;float: right;}
    .Homepage-banner .graph-title{max-width: 110px;width: 12.4293%;float: left;padding: 25px 0px 0px 0px;}
    .Homepage-banner .graph-box{max-width: 775px;width: 87.5706%;float: left;/* border: 1px solid #063A70;*/height: 180px; color: #fff;font-weight: 300;text-align: center}
        .graph-banner .block{float: left;width: 100%;margin: 10px 0px 5px 0px;}
        .graph-banner .block .title-ticker{font-size: 13px;color: #6F7F8B;margin-bottom: 4px}
        .graph-banner .block .title-latest{font-size: 13px;color: #6F7F8B;margin-bottom: 4px}
        .graph-banner .block .name{font-weight: 300;color:#fff;font-size: 20px}
		.graph-banner .highcharts-markers {display:none !important}

    .bottom-banner{float: left;width: 100%;padding: 30px 0px 5px 0px;}
    .bottom-banner .align-right{max-width: 800px;width: 61.5384%;float:right;     position: relative;top: 8px;}
    .bottom-banner .align-right .block{float: left;width: 100%;margin-bottom: 5px;}
    .bottom-banner .align-right .block .title{font-weight: 700;font-size: 14px;color:#A6884C;text-align: right;display: inline-block;vertical-align: middle;width:120px}
    .bottom-banner .align-right .block .market-slider{height: 1px;overflow: hidden;transition: height 0.2s linear;
    visibility: hidden;display: inline-block;vertical-align: middle;width:81%;margin-left: 10px;}
    .bottom-banner .align-right .block .market-slider.slick-initialized{height: auto;visibility: visible}

    .bottom-banner .align-right .block .dem-slider{height: 1px;overflow: hidden;transition: height 0.2s linear;
    visibility: hidden;display: inline-block;vertical-align: middle;width:81%;margin-left: 10px;}
    .bottom-banner .align-right .block .dem-slider.slick-initialized{height: auto;visibility: visible}
    
    
    
    .bottom-banner .slide{font-size: 12px;color: #fff;text-align: center;cursor: pointer;}
    .bottom-banner .slide ul{position: relative;}
    .bottom-banner .slide ul li{display: inline-block;}
    .bottom-banner .slide .name{font-weight: 400; margin-right:8px  }
	.bottom-banner .slide .name a { color:#FFF;}
	.bottom-banner .slide .name a:hover { color:#FFF; text-decoration:underline}
    .bottom-banner .slide .num{font-weight: 700;}
    .bottom-banner .slide .sep{margin-left: 8px; margin-right:8px }

/* Homepage-ads */
.Homepage-ads .cnWrapper{padding-top: 10px;}
.Homepage-ads .cnleft{float: left;max-width: 510px;width:39.2307%}
.Homepage-ads .cnleft .cnNews{float: left;max-width: 490px;width:98.0392%;padding: 2.5%;    margin-top: -69px;padding-top: 4%;}
.Homepage-ads .cnleft .cnNews .title{font-size: 14px;color:#0A253A;margin-bottom: 13px;font-weight:bold;}
.Homepage-ads .cnleft .cnNews .cnslider{position: relative;float: left;width: 100%}
.Homepage-ads .cnleft .cnNews .cnslider {visibility: hidden; display: none;}
.Homepage-ads .cnleft .cnNews .cnslider .block .cnDesc .title { color:#fff;font-size: 20px;margin-bottom: 13px;}

.Homepage-ads .cnleft .cnNews .cnslider .block{position: relative;}
.Homepage-ads .cnleft .cnNews .cnslider .block .cnDesc{position: absolute;bottom: 10px;width: 100%;padding: 10px 15px}
.cnNews .cnslider .block .cnDesc .date{font-weight: 500;font-size: 12px;color: #fff;margin-bottom: 6px}
.cnNews .cnslider .block .cnDesc .txt{font-size: 14px;color: #fff;line-height: 15px}
.Homepage-ads .cnleft .cnNews .cnslider .block::before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.Homepage-ads .cnleft .cnNews .slick-dots{position: absolute;bottom: -45px;left: -15px;}
.Homepage-ads .cnleft .cnNews .slick-dots li button{display: none}
.Homepage-ads .cnleft .cnNews .slick-dots li {display: inline-block; width: 9px;height: 9px;background-color: #A7894D;transition: all 0.5s;border-radius: 50%;    margin: 0px 6px;cursor: pointer;position: relative; vertical-align: middle;}
.Homepage-ads .cnleft .cnNews .slick-dots li:hover ,.Homepage-ads .cnleft .cnNews .slick-dots li.slick-active{width: 20px;height: 20px; background-color: #A7894D;border: 5px solid #fff;box-shadow: 0 0 0 2px #A7894D;}
.Homepage-ads .cnright{float: right;max-width:790px;width: 60.7692%;}
.Homepage-ads .cnright .ads-l{float: left;width: 47%;background: #0A2D6E;margin-top: 22px; margin-left: 2%;}
    .ads-l .cnImg{position: relative;cursor: pointer;}
.ads-l .cnImg img.ads-img { min-height: 247px; object-fit: cover; }
.ads-l .cnImg .animate-img img { width: 80%; }
    .ads-l .animate-img{position: absolute;left: -25px; top: -10px;transform: translateX(0px);transition: all 0.5s ease}
    .ads-l .cnImg:hover .animate-img{transform: translateX(-10px) rotate(-5deg);}
    .ads-l .cnImg .cnText{max-width: 220px;width:47.6190%;position: absolute;right: 0px;top:30px;padding: 15px 0px; }
    .ads-l .cnImg .cnText .img{width: auto;    margin-bottom: 27px;}
    .ads-l .cnImg .cnText .title{font-weight: 700;font-size: 16px;color: #000}
    .ads-l .cnImg .cnText .sub-title{font-size: 15px;color: #000}
    .ads-l .cnImg .cnText .button{float: left; width: 100%;/*margin-top: 24px;*/}
   /*.ads-l .cnImg .cnText .button a{padding: 11px 12px;background:#FF6600;color: #fff;font-weight: 500;font-size: 15px;border-radius: 5%;cursor: pointer;text-transform: uppercase; }
    .ads-l .cnImg .cnText .button .fa{position: relative;top: 1px;}
    .ads-l .cnImg .cnText .button a:hover{background: #0A253A}*/

	.ads-l .cnImg .cnText .button a{
		-webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.75);  padding: 6px 50px 6px 20px; position:relative;background:#FF6600;color: #fff;font-weight: 500;font-size: 15px;border-radius: 5%;cursor: pointer;text-transform: uppercase; }
	.ads-l .cnImg .cnText .icn {border-left: 1px solid rgba(255,255,255,0.5);  position: absolute;  right: 0;  height: 100%;  top: 0;  width: 30px;}
    .ads-l .cnImg .cnText .button .fa{position: relative;top:7px; left:8px}
    .ads-l .cnImg .cnText .button a:hover{background: #0A253A}
	
    .ads-l .cnImg .ads-store{position: absolute;bottom: 10px;right: 10px;}
    .ads-l .cnImg .ads-store .button{display: inline-block;vertical-align: bottom;width: 113px;height: 34px;cursor: pointer;transition: all 0.5s ease;}
.Homepage-ads .cnright .ads-s{float:right;width: 50%;}
.Homepage-ads .cnright .ads-s .sub-tile{font-size: 12px;color:#333333;margin-bottom: 10px }
.Homepage-ads .cnright .ads-s .cnInner{float:left;width: 100%;background: #0A2D6E}


/* block-sample */
.block-sample{padding: 40px 0px 0px 0px}
.block-sample .main-text{float: left;width: 100%}
.block-sample .cnleft{width: 50%;float: left;padding: 10px 0px 0px 0px;}
.block-sample .cnleft .title{font-weight: 700;font-size: 22px;color: #2C3338;margin-bottom: 5px}
.block-sample .cnleft .sub-title{font-size: 12px;color: #2C3338}
.block-sample .cnleft .sub-title strong{font-weight: 700;}
.block-sample .cnright{max-width: 410px;width:31.5384%;float: right;}
.block-sample .cnright .title{font-weight: 700;font-size: 16px;color:#2C3338;margin-bottom: 10px}
.block-sample .cnright .title .fa{margin-right: 10px}
.block-sample .cnright .search{width: 100%;float: left;}
    .search .search-container {width: 100%;display: block;margin: 0 auto;position: relative;}
    .search input {margin: 0 auto;width: 100%;height: 50px;padding: 0 20px;font-size: 14px;font-weight:500;border:3px solid #E7EAEC;outline: none;border-radius: 3px}
    .search input:focus {border: 1px solid #0A2D6E;transition: 0.35s ease;color: #0A2D6E;}
    .search input:focus::-webkit-input-placeholder {transition: opacity 0.45s ease; opacity: 0;}
    .search input:focus::-moz-placeholder {transition: opacity 0.45s ease; opacity: 0;}
    .search input:focus:-ms-placeholder { transition: opacity 0.45s ease; opacity: 0;}
    .search input::-webkit-input-placeholder {font-size: 14px;color: #0A2D6E;font-weight: 400}
    .search input::-moz-placeholder {font-size: 14px;color: #0A2D6E;font-weight: 400}
    .search input:-ms-placeholder { font-size: 14px;color: #0A2D6E;font-weight: 400}
    .search-container .fa {font-size: 20px;color: #0A2D6E;position: absolute;right:5%;top: 50%;transform: translate(0,-50%);transition: 0.5s ease}
    .search-container .fa:hover{opacity: 0.7;}

/* tabs-dark */
.tabs-accordion-dark{float: left;width: 100%;padding: 15px 0px}
.tabs-accordion-dark .tabs {float: left;width: 100%}
.tabs-accordion-dark .tabs li {background:#84888A;float: left;width:270px;text-align: center;font-weight: 700;color: #fff;font-size: 18px;margin: 0px 5px 5px 0px;
height:42px;line-height:42px;cursor: pointer;overflow: hidden;position: relative;}
.tabs-accordion-dark .tabs li:hover {color: #C27B10;background: #2E3438}
.tabs-accordion-dark .tabs li.active {color: #C27B10;background: #2E3438}
.tabs-accordion-dark .tab_container {background-color: #2E3438;clear: both;float: left;width: 100%;overflow: auto;}
.tabs-accordion-dark .tab_content {display: none;}
.tabs-accordion-dark .tab_content .tab-cnleft{padding: 20px 15px;max-width: 715px;width: 55%;float: left;color: #fff; font-weight: 300;text-align: center;}
.tabs-accordion-dark .tab_content .tab-cnright{background: #404649;max-width: 585px;width: 45%;float: left;padding: 30px 0px;min-height: 380px; }
    .rate {float: left;width: 100%;border-bottom: 1px solid #5C6264;padding: 0px 15px 15px; text-align: center;}
    .rate li{display: inline-block;vertical-align: bottom;margin-right: 7%;}
    .rate li:last-child{margin-right: 0px}
    .rate .name{font-size: 12px;color: #fff;margin-bottom: 5px;}
    .rate .num{font-size: 12px;font-weight: bold}
    .rate-info{float: left;width: 100%;padding: 60px 0px 35px 0px;}
    .rate-info ul li{float: left;width: 100%;color: #fff;font-size: 14px;padding: 15px 15px;border-bottom: 1px solid #5C6264;}
    .rate-info ul li .name{width: 70%;float: left;}
    .rate-info ul li .price{width: 30%;float: right;}
.tabs-accordion-dark .tab_container .accordion-head { display: none; }

/* tab-dark-grey */
.tabs-accordion-dark-grey{float: left;width: 100%;padding: 15px 0px;position: relative;top: 1px}
.tabs-accordion-dark-grey .tabs {float: left;width: 100%}
.tabs-accordion-dark-grey .tabs li {background:#F0F1F1;float: left;width:270px;text-align: center;font-weight: 700;color: #C3C7C9;font-size: 18px;margin: 0px 5px 0px 5px;
height:42px;line-height:42px;cursor: pointer;overflow: hidden;position: relative;}
.tabs-accordion-dark-grey .tabs li:hover {color: #063A70;background: #E6E9EB}
.tabs-accordion-dark-grey .tabs li.active {color: #063A70;background: #E6E9EB}
.tabs-accordion-dark-grey .tab_container {background-color: #E6E9EB;clear: both;float: left;width: 100%;overflow: auto;margin-top: 2px;}
.tabs-accordion-dark-grey .tab_content {display: none;}
.tabs-accordion-dark-grey .tab_container .accordion-head { display: none; }
.full-width-acc .cnWrapper{margin-top: 62px;}
.full-width-acc .cnWrapper .cnWrapper{ margin-top: -58px;}

/*tabs-light-grey */
.tabs-accordion-light-grey{float: left;width: 100%;padding: 15px 0px;position: relative;top: 1px}
.tabs-accordion-light-grey .tabs {float: left;width: 100%}
.tabs-accordion-light-grey .tabs li {background:#E1E2E3;float: left;width:270px;text-align: center;font-weight: 700;color: #C3C7C9;font-size: 18px;margin: 0px 5px 0px 5px;
height:42px;line-height:42px;cursor: pointer;overflow: hidden;position: relative;}
.tabs-accordion-light-grey .tabs li:hover {color: #063A70;background: #E1E2E3}
.tabs-accordion-light-grey .tabs li.active {color: #063A70;background: #F5F6F8}
.tabs-accordion-light-grey .tab_container {background-color: #F5F6F8;clear: both;float: left;width: 100%;overflow: auto;margin-top: 30px;margin-bottom: 50px;
box-shadow: 0px 2px 14px -1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 14px -1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 14px -1px rgba(0,0,0,0.72);
}
.tabs-accordion-light-grey .tab_content {height:0;overflow: hidden;}
.tabs-accordion-light-grey .tab_content.active{height: auto;}
.tabs-accordion-light-grey .tab_container .accordion-head { display: none;}

.silder-tabs-container{background: #fff;padding: 20px;width: 100%;float: left;}
.silder-tabs{width: 100%;float: left;max-width: 1180px;}
.silder-tabs2{width: 100%;float: left;max-width: 1180px;}
.block-slide{width: 100%;float: left;padding: 10px 0px;border-bottom: 1px dotted #c6c8c9 !important}
.block-slide .cnleft{float: left;width: 50%;padding: 0px}
.block-slide .cnicn{display: inline-block;font-size: 26px; vertical-align: middle;margin-right: 8px;}
.block-slide .cnicn.pink{color: #EA3C5D}
.block-slide .cnicn.orange{color: #F28254}
.block-slide .cnDesc{display: inline-block; vertical-align: middle;}
.block-slide .cnDesc .title{font-size: 14px;color: #160B35;font-weight: 700}
.block-slide .cnDesc .sub-title{font-size: 12px;color: #666666}
.block-slide .cnright{float: right;width: 50%;padding: 8px 0px;text-align: right;}
.block-slide .cnright .text{display: inline-block;vertical-align: middle;font-size: 13px;color: #E74666;margin: 0px 5px;}
.block-slide .cnright .date{display: inline-block;vertical-align: middle;font-size: 13px;color: #666666;margin: 0px 5px;}
.block-slide .cnright .download{display: inline-block;vertical-align: middle;margin: 0px 5px;}
.block-slide .cnright .download a{font-size: 11px;font-weight: 700;color: #fff;background: #E74666;padding: 5px 18px;border-radius: 15px;}
.block-slide .cnright .download a:hover{background: #F28557}
/* color change */
.block-slide .cnright.orange .text{color: #F28557}
.block-slide .cnright.orange .download a{background: #F28557}
.block-slide .cnright.orange .download a:hover{background: #E74666}

.silder-tabs::before{content: '';position: absolute;right: -40px;top: 50%;width: 1px; height: 60%;background: #CCCCCC;transform: translate(0,-50%);}
.silder-tabs .slick-arrow{font-size: 0;border: none;width: 40px;height: 40px;outline: none;cursor: pointer;right: -5%; position: absolute;}
.silder-tabs  .slick-prev.slick-arrow{background: url('../images/icn/ChevronUp.svg') center center no-repeat;background-size: 35px;top: 5px;}
.silder-tabs  .slick-prev.slick-arrow:hover{background:url('../images/icn/ChevronUp-hover.svg') center center no-repeat;}
.silder-tabs  .slick-next.slick-arrow{background: url('../images/icn/ChevronDown.svg') center center no-repeat;background-size: 35px;bottom: -5px;}
.silder-tabs  .slick-next.slick-arrow:hover{background: url('../images/icn/ChevronDown-hover.svg') center center no-repeat;}

.silder-tabs2::before{content: '';position: absolute;right: -40px;top: 50%;width: 1px; height: 60%;background: #CCCCCC;transform: translate(0,-50%);}
.silder-tabs2 .slick-arrow{font-size: 0;border: none;width: 40px;height: 40px;outline: none;cursor: pointer;right: -5%; position: absolute;}
.silder-tabs2  .slick-prev.slick-arrow{background: url('../images/icn/ChevronUp.svg') center center no-repeat;background-size: 35px;top: 5px;}
.silder-tabs2  .slick-prev.slick-arrow:hover{background:url('../images/icn/ChevronUp-hover.svg') center center no-repeat;}
.silder-tabs2  .slick-next.slick-arrow{background: url('../images/icn/ChevronDown.svg') center center no-repeat;background-size: 35px;bottom: -5px;}
.silder-tabs2  .slick-next.slick-arrow:hover{background: url('../images/icn/ChevronDown-hover.svg') center center no-repeat;}

.slick-disabled { opacity:0.3}


.silder-tabs-container .links{float: left;width: 100%;;text-align: center;    padding: 25px 0px 25px 0px;}
.silder-tabs-container .links a{font-weight: 500;color: #0A2539;font-size: 13px;margin: 0px 15px;position: relative;}
.silder-tabs-container .links a::before {content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 3px;background: #98A4AC;}
.silder-tabs-container .links a:hover{ transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);background-position: 0%;}
.silder-tabs-container .links a::after{content: '';position: absolute;bottom: -5px;left: 0;width: 0%;height: 3px;background: #F28557;transition: all 0.7s ease-in-out;}
.silder-tabs-container .links a:hover::after{width: 100%;background:#F28557;z-index: 2;}


/*Inner-description
******************************************************************/
.index-description .intro{float: left;width: 100%;padding: 20px 0px;}
.index-description .intro .title{font-weight: 700;font-size: 20px;color: #A5854C !important;margin-bottom: 20px;}
.index-description .intro .sub-title{font-weight: 700;font-size: 16px;color:#2C3338;margin-bottom: 20px;line-height: 20px;}
.index-description .intro .desc{font-size: 16px;color:#2C3338;line-height: 20px;}
.index-description .intro .desc ul { padding: 20px 0px;}
.index-description .intro .desc ul li{list-style-type: disc; margin-left: 17px;padding-left: 0px;}
/* .index-description .intro .desc ul li::before {content: '-'; display: inline-block;vertical-align: middle;margin-right: 3px;}
 */
.index-description .intro .desc strong{font-weight: 700}
.index-description .intro .desc a {color:#005983; margin-bottom:5px;  display:inline-block;}
.index-description .intro .desc a:hover{color:#005983; text-decoration:underline;}

.index-description .body-text{float: left;width: 100%;padding: 0px 0px;}
.index-description .body-text span.fa{display: inline-block;vertical-align: bottom;margin-bottom: 15px;color:#2C3338;font-size: 28px;position: relative;top: -2px;margin-right: 10px;}
.index-description .body-text .title{font-weight: 700;font-size: 16px;color:#2C3338;margin-bottom: 15px;vertical-align: bottom;display: inline-block;}
.index-description .body-text .cnDesc{font-size: 16px;color:#2C3338;padding: 0px 0px 0px 38px;line-height: 20px;}
.index-description .body-text .cnDesc .cnImg{width:auto;padding:10px 0px}
.index-description .body-text .cnDesc .cnImg img{width: auto}
.index-description .body-text .cnDesc strong{font-weight: 500}
.index-description .body-text .cnDesc a{color: #005983;margin-bottom: 5px;   display: inline-block;}
.index-description .body-text .cnDesc a:hover{color: #005983; text-decoration:underline}
.index-description .body-text ol {display: block;list-style-type: decimal;}
.index-description .body-text ol li{list-style-type: decimal;margin-left: 17px;padding-left: 0px;}
.index-description .body-text ul {display: block;list-style-type: decimal;}
.index-description .body-text ul li{list-style-type: disc;margin-left: 17px;padding-left: 0px;}

.desc-table table{width: 100%}
.desc-table table td{border: 2px solid #E6EAF0;padding: 18px 20px;font-size: 14px;color:#2C3338;font-family: 'Roboto', sans-serif;}
.desc-table table tr td:first-child{font-weight: 500;font-size: 12px;color:#2C3338;width: 17%;}
.desc-table table tr td:last-child{padding: 18px 30px;text-align: center}
.desc-table table tr:nth-child(odd) {background: #f3f4f5}
.desc-table table tr:nth-child(even) {background: #F7F7FA}

/*Trading quote
******************************************************************/
.Tabs-container{padding: 30px 0px;}   
.Table{float: left;width: 100%;}
.Table .cnDesc .title{font-weight: 700;font-size: 20px;color: #A5874C;margin-bottom: 10px}
.Table .cnDesc .delay{font-size: 12px;color: #2C3338;margin-bottom: 5px}
.Table .cnDesc .date{font-size: 12px;color: #4760E5;}
.Table .table-cnt{float: left;width: 100%;padding: 35px 0px;}
.Table table tbody tr:nth-child(odd) {background: #dde2e6;}
.Table table tbody tr:nth-child(even) {background: #FFF}
.Table table thead th{border:4px solid #fff;}
.Table table thead th .fixed-side{background: #fff}
.fixed-width{width:100px}
.Table .table-scroll {float: left;width: 100%;position:relative;margin:auto;overflow:hidden;}
.Table .table-wrap {width:100%;overflow:auto;}
.Table .table-scroll table {width:100%;margin:auto;border-collapse:separate;border-spacing:0;}
.Table .table-scroll th, .Table .table-scroll td {padding:8px 5px;white-space:nowrap;vertical-align:middle;border:4px solid #fff;}
.Table .table-scroll tbody th{border-bottom: none;border-top: none;}
.Table .table-scroll td{border-bottom: none;border-top: none;}
.main-table thead th{font-weight: 500;font-size: 14px;color: #0A253A;background: #fff;position: relative;}
.main-table thead th::before{content: '';position: absolute;height: 25%;width: 100%;background: #85a3c0 ;top: -5px;left: 0px;}
.main-table tbody td{text-align: right;font-size: 12px;color: #0A2539;}
.main-table tbody th:hover{color:#85a3c0;cursor: pointer;}

.main-table.nohover tbody th:hover{color:#2C3338;cursor: initial;}

.main-table tbody td.icon{text-align: center ;position: relative;z-index: 1}
.main-table tbody th {border: 1px solid #fff;border-right: none;border-left: none ;visibility:visible;text-align: left;font-size: 12px;color: #2C3338;}
.main-table.clone tbody th:nth-child(2){ 
    -webkit-box-shadow: 3px 1px 4px -2px rgba(207,207,207,1);
    -moz-box-shadow:3px 1px 4px -2px rgba(207,207,207,1);
    box-shadow: 3px 1px 4px -2px rgba(207,207,207,1);}
.main-table thead th:nth-child(2) {
    -webkit-box-shadow: 3px 1px 4px -2px rgba(207,207,207,1);
    -moz-box-shadow: 3px 1px 4px -2px rgba(207,207,207,1);
    box-shadow: 3px 1px 4px -2px rgba(207,207,207,1);
}   
.main-table tbody strong{font-weight:500;font-size: 12px;color: #2C3338;}
.main-table .pdf a{font-size: 18px;cursor: pointer;}
.main-table .pdf a:hover{color: #0A6CFF}
.main-table .copy a{font-size: 18px;cursor: pointer;}
.main-table .copy a:hover{color: #0A6CFF}
.main-table.clone {position:absolute;top:0;left:0;}
.main-table.clone thead th{font-weight: 700;font-size: 14px;color: #0A253A;background: #fff;}
.main-table.clone thead th:first-child{text-align: left;}
.main-table.clone tbody th:first-child{border-right:none}
.main-table.clone tbody th:nth-child(2){text-align: center;border-left:none}
.main-table.clone th, .clone td {visibility:hidden}
.main-table.clone td, .clone th {border-color:transparent}
.main-table.clone .fixed-side {visibility:visible;}
.Table .trend{font-size: 16px}

/*Snapshot
******************************************************************/
.tabs-cnt{width: 100%;float: left;padding: 20px 0px 0px 0px;}
.tabs-cnt .cnLeft{max-width: 650px;width: 50%;float: left;}
.tabs-cnt .cnLeft .title{font-weight: 700;font-size: 20px;color: #A5874C;border-bottom: 1px solid #E6EAF0;padding-bottom: 16px;}
.tabs-cnt .cnLeft .title strong{color: #0A2539}
.tabs-cnt .cnLeft .txt{font-size: 14px;color: #2D3338;padding: 15px 0px;line-height: 18px;}
.tabs-cnt .cnLeft .address{font-size: 14px;color: #2D3338;padding: 15px 0px;border-bottom: 1px solid #E6EAF0;}
.tabs-cnt .cnLeft .address strong{color: #A6884C;font-weight: 700}
.tabs-cnt .cnLeft .address a{color: #0A6CFF;}
.tabs-cnt .cnLeft .address a:hover{color: #A6884C}
.tabs-cnt .cnLeft .address .add-info{padding: 3px 0px;}
.tabs-cnt .cnLeft .info-contact{font-size: 14px;color: #2D3338;padding: 15px 0px;}
.tabs-cnt .cnLeft .info-contact a:hover{color: #0A6CFF;}
.tabs-cnt .cnLeft .sub-title{font-weight: 700;color: #A5874C}
.tabs-cnt .cnLeft .info-contact .fa{margin-right: 10px;font-size: 20px;display: inline-block;vertical-align: middle}
.tabs-cnt .cnLeft .info-contact .info{display: inline-block;vertical-align: bottom;margin-right: 5%;padding: 15px 0px;}

.tabs-cnt .cnRight{max-width: 630px;width: 48.4615%;float: right;padding: 0px 1%;padding-bottom: 20px;}
.tabs-cnt .cnRight .title{font-size: 13px;color: #2D3338;    margin-bottom: 5px;}
.tabs-cnt .cnRight .sub{font-weight:700;font-size: 18px;color: #0A2539;    margin-bottom: 10px;}
.tabs-cnt .cnRight .sub span{margin-left: 25px;}
.tabs-cnt .cnRight .sub span.fa{margin-left: 5px}

.table-cnt .download{float: left;width: 100%;padding: 5px;margin-top: 10px;}
.table-cnt .download a{padding: 15px 20px;background: #F3F4F5;font-weight: 700;color: #4760E5;font-size: 12px}


.top-tab{float: left;width: 100%}
.bot-tab{float: left;width: 100%; padding: 30px 0px;}
.bot-tab .title{font-weight: 500;font-size: 18px;color: #333333;margin-bottom: 25px;}
.bot-tab .silder-tabs-container {
    -webkit-box-shadow: 0px 0px 8px 6px rgba(235,236,237,0.6);
    -moz-box-shadow: 0px 0px 8px 6px rgba(235,236,237,0.6);
    box-shadow: 0px 0px 8px 6px rgba(235,236,237,0.6);
}
.bot-tab .block-slide .title{margin-bottom: 0px;}
.Back-to{padding: 25px 0px}
.Back-to a{font-size: 16px;color: #333333;font-weight: 500}
.Back-to a:hover{color: #0A6CFF}
.Back-to .icn{display: inline-block;vertical-align: middle;width: 30px;height: 30px;background: url('../images/icn/circle-back-arrow.svg')center center no-repeat;background-size: 30px;margin-right: 10px;transition: all 0.5s ease}
.Back-to a:hover .icn{display: inline-block;vertical-align: middle;width: 30px;height: 30px;background: url('../images/icn/circle-back-arrow-hover.svg')center center no-repeat;background-size: 30px;margin-right: 10px;}


/* compagny-announcement */
.pag-table {padding: 0px}
.pag-table .title{font-weight: 700;font-size: 20px;color:#A5864C}
.pag-table .block-slide {padding: 15px 0px;}
.pag-table .filtering{margin-bottom: 40px;float:left;width: 100%;}
.resultcnt{position: absolute;top: -40px;left: -20px}

.filtering label{font-weight: 700;font-size: 16px;color: #2C3338;margin-right: 7px}
.filtering select{cursor: pointer;}


.filtering input,.filtering select{font-family: 'Roboto', sans-serif;margin: 0px 7px;padding: 10px 10px;border: 1px solid #696E72;font-size: 14px;color: #0A2539;background: transparent}
.filtering input[type='submit']{font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 14px;color: #2C3338;cursor: pointer;border:1px solid#A6884D;background: #fff;transition: all 0.3s ease}
.filtering input[type='submit']:hover{background: #A6884D;color: #fff}
.filtering ::-webkit-input-placeholder { font-family: 'Roboto', sans-serif;font-size: 14px;color: #0A2539;}
.filtering ::-moz-placeholder { font-family: 'Roboto', sans-serif;font-size: 14px;color: #0A2539;}
.filtering :-ms-input-placeholder {font-family: 'Roboto', sans-serif;font-size: 14px;color: #0A2539;}
.filtering :-moz-placeholder {font-family: 'Roboto', sans-serif;font-size: 14px;color: #0A2539; }

/* .pagination{float: left; width: 100%;padding: 20px 0px;}
.pagination ul li{display: inline-block;vertical-align: middle;width:24px;height: 24px;border-radius: 50%;font-weight: 700;font-size: 13px;color: #333333;cursor: pointer;position: relative;text-align: center}
.pagination ul li span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.pagination ul li.active,.pagination ul li:hover{background:#333333;color: #fff } */
.max-pad .tabs-cnt{    margin-bottom: 116px;}
.max-pad .silder-tabs::before{display: none}
.simplePagerContainer{float: left;width: 100%;position: relative;}
.simplePagerNav{float: left; width: 100%;padding: 20px 0px;position: absolute;bottom: -84px;}
.simplePagerNav li{display: inline-block;vertical-align: middle;width:24px;height: 24px;border-radius: 50%;font-weight: 700;font-size: 13px;color: #333333;cursor: pointer;position: relative;text-align: center}
.simplePagerNav li a{display:block;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.simplePagerNav li.currentPage,.simplePagerNav ul li:hover{background:#333333;color: #fff }
.simplePagerNav li a:hover{color:#fff}

/* Indices */
.block-sample .inner-tab .cnleft .title{color: #A5854C}
.block-sample .inner-tab .rate{padding: 15px 15px 15px;}
.block-sample .inner-tab .rate-info {padding: 0px 0px 0px 0px;}
.block-sample .inner-tab tab_content .tab-cnright { padding: 25px 0px 0px}
.block-sample .inner-tab .tabs-accordion-dark .tab_content .tab-cnright{ padding: 25px 0px 0px}


/* Facts & Figures */
.two-block {padding: 25px 0px}
.two-block .title{font-weight: 700;color: #A5854C;font-size: 20px;padding-bottom: 20px;float: left;width: 100%}
.two-block .block.one{float: left;}
.two-block .block.two{float: right;}
.two-block .block{max-width: 605px;width: 46.5384%;background: #0A2539;margin: 20px 0px;}
.two-block .block .cnImg{float: left;width:41.3223%;max-width: 250px; }
.two-block .block .cnDesc{float: left;width:58.6776%;max-width: 355px;padding: 45px 35px 50px 35px;}
.block .cnDesc .icn{width: 100px;}
.block .cnDesc .icn img{width: auto}
.block .cnDesc .sub-title{font-weight: 700;font-size: 27px;color: #A5854C;  padding: 17px 0px;line-height: 35px;}
.block .cnDesc .num{color: #fff;font-size: 16px;line-height: 35px;}
.block .cnDesc .num strong{font-weight: 700;font-size: 45px;}

.icn-block .cnWrapper{padding: 55px 0px}
.icn-block .title{font-weight: 700;font-size: 18px;color:#0D2E46;text-align: center}
.first-layer-icn{float: left;width: 100%;text-align: center;padding:50px 0px 70px 0px;border-bottom: 3px solid #FFFFFF}
.first-layer-icn ul li{display: inline-block;vertical-align: middle;margin: 0px 4%;width: 20%;}
.first-layer-icn ul li .cnImg{width: 135px;margin: 0 auto;padding-bottom: 15px;}
.first-layer-icn ul li .cnImg img{width: 100%}
.first-layer-icn ul li .cntxt{font-weight: 500;color: #0A2539;font-size: 18px;}

.second-layer-icn{float: left;width: 100%;text-align: center;padding: 75px 0px}
.second-layer-icn ul li{display: inline-block;vertical-align: middle;margin: 0px 4%;}
.second-layer-icn ul li .cnImg{width: 198px;margin: 0 auto;float: left;}
.second-layer-icn ul li .cnImg img{width: 100%}
.second-layer-icn ul li .cnDesc{font-size: 18px;color: #0A2539;text-align: left;float: left;margin-left: -65px;margin-top: 60px;}
.second-layer-icn ul li .cnDesc strong{font-weight: 700;font-size: 50px}

.num-block {padding: 65px 0px;}
.num-block .cnWrapper{text-align: center}
.num-block ul li{display: inline-block;vertical-align: middle;width: 36%;}
.num-block ul li .num{display: inline-block;vertical-align: middle;font-weight: 700;font-size:130px;color: #A5854C}
.num-block ul li .cnDesc{display: inline-block;vertical-align: middle;color: #0A2539;width: 50%;text-align: left}
.num-block ul li .cnDesc .title{font-weight: 700;font-size: 28px;}
.num-block ul li .cnDesc .txt{font-size: 16px;}

.floating-num{}
.floating-num .cnWrapper{background:#2E3438;    padding: 65px 2%;}
.floating-num ul{text-align: center;}
.floating-num ul li{display: inline-block;vertical-align: middle;margin: 0px 2%}
.floating-num ul li .title{font-weight: 500;font-size: 18px;color: #fff;text-align: center}
.floating-num ul li .num {font-weight: 700;font-size: 24px;color:#FEAE79}
.floating-num ul li .num .icn {display: inline-block;}

/* Board */   
.Intro-board {    padding: 10px 0px 20px;}
.Intro-board .cnWrapper{ padding: 20px 0px 0px 0;}
.Intro-board .title{font-weight: 700;font-size: 20px;color: #A5854C; margin-bottom: 20px;}
.Intro-board .desc{font-size: 16px;color: #2C3338;line-height: 20px}
.Intro-board .desc ul{padding: 25px 0px;}
.Intro-board .desc ul li::before{content:'-';display: inline-block;vertical-align: middle;margin-right: 3px;}
.Intro-board  strong{font-weight: 700;}
.nopadding-bottom { padding-bottom:0 !important}
.Intro-team{}
.Intro-team .cnWrapper{ padding: 0 0px 20px 0;}
.Intro-team .title{font-weight: 700;font-size: 20px;color: #0B2337; margin-bottom: 20px;}
.Intro-team .team{width: 100%;float: left;margin-top:0;}

.Intro-team .team .block .cnImg img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.Intro-team .team .block:hover { cursor:pointer}
.Intro-team .team .block:hover .cnImg img {
       -webkit-filter: grayscale(1%);
    filter: grayscale(1%);
}





.Intro-team .team .block{float: left;width: 25%;max-width:275px;margin-right: 5%;margin-bottom: 3%;height: 340px;}
.Intro-team .team .block:nth-child(4n){margin-right: 0}
.Intro-team .team .block .Text{float: left;width: 100%;margin-top: 15px;font-size: 18px;}
.Intro-team .team .block .name{font-weight:300;color: #A5864C; margin-bottom:5px}
.Intro-team .team .block .sub-title{color: #0C2438; font-size:15px;    font-weight: 300;}


.board-slider{position: relative;padding: 0px;cursor: pointer;}
.slick-board .cnImg{position: relative;}
.slick-board .cnImg::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(239,239,239,0.7); z-index: 1; 
    transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; }
.slick-board .cnImg img{ -webkit-filter: grayscale(100%); filter: grayscale(100%); transition:all .3s ease-in-out ; -webkit-transition:all .3s ease-in-out ; -moz-transition:all .3s ease-in-out ; -ms-transition:all .3s ease-in-out ; -o-transition:all .3s ease-in-out ; }
.slick-board .cnImg:hover::before{opacity: 0;}
.slick-board .cnImg:hover img{ -webkit-filter: grayscale(1%); filter: grayscale(1%); }
.slick-board .cnText{line-height: 40px;color: #000;position: absolute;left: 0px; bottom: 0px; width: 100%;padding: 35px; opacity:1; z-index:2;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.slick-board .cnImg:hover .cnText{opacity: 1;}
.slick-board .cnText .name{font-size:28px;font-weight:300;}
.slick-board .cnText .job-title{font-size:20px;font-weight:300;}


.slick-board .slick-dots{position: absolute;bottom: -37px;right: 70px;}
.slick-board .slick-dots li button{display: none}
.slick-board .slick-dots li {display: inline-block; width: 9px;height: 9px;background-color: #0B2337;transition: all 0.5s;border-radius: 50%;margin: 0px 6px;cursor: pointer;position: relative; vertical-align: middle;}
.slick-board .slick-dots li:hover,
.slick-board .slick-dots li.slick-active{width: 20px;height: 20px; background-color: #0B2337;border: 5px solid #fff;box-shadow: 0 0 0 2px #0B2337;}


/* popup-bod */
.modal-board{position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden; background:rgba(10,37,58,0.95); 
visibility: hidden;z-index: -1;opacity: 0;}
.modal-board.active{opacity: 1;visibility: visible;z-index: 9999;}
.modal-wrapper{float: left;width: 100%;}
.modal-box{width: 100%;float: left;height: 100%;opacity: 0;position:absolute;transform: scale(0.8);z-index: 2;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.modal-box.active{ opacity: 1;z-index: 3;
    transform: scale(1); 
    -webkit-transform: scale(1);
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
}
.modal-box .inner-modal-box {width:80%; margin: 6% auto; padding: 3%;background: #F3F4F5; overflow:hidden}

.modal-close{cursor: pointer;position: absolute; right: 5%;top: 4%;opacity: 0;z-index: 4;    width: 30px;height: 30px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.modal-close.active{opacity: 1;
    transform: scale(1); 
    -webkit-transform: scale(1);
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1);
}
.modal-close span{font-size: 30px;color: #FFF;}
.modal-close:hover span{color: #E7C080}
.modal-close .close {width: 32px;height: 32px;opacity: 0.5;cursor: pointer;}
.modal-close .close:hover {opacity: 1;}
.modal-close .close:before, .modal-close .close:after {position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #FFF;}
.modal-close .close:before {transform: rotate(45deg);}
.modal-close .close:after {transform: rotate(-45deg);}
.modal-box .cnImg{width: 25%;float: left;}
.modal-box .cnDesc{width: 75%;float: left;padding: 5% 4%}
.modal-box .cnDesc.management{padding:2% 4%}
.modal-box .cnDesc .name{font-weight:700;font-size: 35px;color: #A5864C}
.modal-box .cnDesc .job-title{font-size: 20px;color: #000}
.modal-box .cnDesc .text{font-size: 17px; color: #0A2539; line-height: normal;margin-top: 35px; font-weight: 300;}



/* new-listing */
.news-listing .cnWrapper{ padding: 20px 0px; display: flex; flex-wrap: wrap; }
.news-listing .intro{float: left;width: 100%;padding-bottom: 3%;}
.news-listing .title{font-weight: 700;font-size: 20px;color: #A5854C; margin-bottom: 20px;}
.news-listing .desc{font-size: 16px;color: #2C3338}
.news-listing .desc ul{padding: 25px 0px;}
.news-listing .desc ul li::before{content:'-';display: inline-block;vertical-align: middle;margin-right: 3px;}

.news-listing .news{ width:31.3333%; min-height:500px;border: 1px solid #FFF; margin: 0 1% 20px 1%; float: left; padding:10px; transition:all 0.5s ease ; -webkit-transition:all 0.5s ease ; -moz-transition:all 0.5s ease ; -ms-transition:all 0.5s ease ; -o-transition:all 0.5s ease ; }
.news-listing .news a{display: block}
.news-listing .news .cnImg{ width:100%; display: inline-block; vertical-align: top; overflow: hidden; transition:all 0.3s ease-in-out ; -webkit-transition:all 0.3s ease-in-out ; -moz-transition:all 0.3s ease-in-out ; -ms-transition:all 0.3s ease-in-out ; -o-transition:all 0.3s ease-in-out ; }/* 150x90 */
.news-listing .news .cnImg img{ transition:all 0.5s ease-in-out ; -webkit-transition:all 0.5s ease-in-out ; -moz-transition:all 0.5s ease-in-out ; -ms-transition:all 0.5s ease-in-out ; -o-transition:all 0.5s ease-in-out ; }
.news-listing .news .cnImg .more{width: 100%;text-align: center;font-weight: 700;color: #2C3338;font-size: 14px;padding: 10px 0px;}
.news-listing .news .cnDesc{display: inline-block;vertical-align: top;width:100%;    padding: 20px 0 0 0;}
.news-listing .news .date{ font-size: 14px; color: #A5854C;font-weight:300;  margin-bottom:10px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.news-listing .news .news-title{color:#063A70;font-size: 17px;font-weight:500; line-height:150%;    margin-bottom: 5px;}
.news-listing .news .txt{color: #2C3338;font-size: 15px;line-height: 22px;}

.news-listing .news .more { margin-top:10px; font-size: 14px;  }
.news-listing .news:hover {border: 1px solid #A5854C;}
.news-listing .news:hover .news-title{color: #A5854C;}
.news-listing .news:hover .cnImg img{-webkit-filter: grayscale(100%); filter: grayscale(100%); }
.news-listing .news:hover .more{ color: #A5854C;}

/* new-details */
.news-details {padding: 30px 0px;}
.news-details .cnWrapper{padding: 20px 0px 0px 0px;}
.news-details .cnLeft{max-width: 650px; width: 50%;float: left;}
.news-details .cnRight{max-width: 630px;width: 48.4615%;float: right;padding: 0px 1%;}
.news-details .cnRight .cnImg{width: 100%;float: left;}

.news-details .cnLeft .date {color: #0A2539;font-size: 14px;font-weight: 700;margin-bottom: 5px}
.news-details .cnLeft .title {font-weight: 700;font-size: 24px;color: #A5874C;border-bottom: 1px solid #E6EAF0;padding-bottom: 16px;}
.news-details .cnLeft .title strong {color: #0A2539;}

.news-details .cnLeft .txt{font-weight: 400;font-size: 16px; color: #2D3338;padding: 15px 0px;line-height: 20px;}
.news-details .cnLeft .txt strong {color: #0A2539;font-weight: 700}
.news-details .cnLeft .txt a{color: #A5874C}
.news-details .cnLeft .txt a:hover{color: #0A2539;}

.news-details .cnLeft .txt ul { padding: 20px 0px;}
.news-details .cnLeft .txt ul  li::before {content: '-'; display: inline-block;vertical-align: middle;margin-right: 3px;}

.news-details .cnLeft .txt ol {
	margin-left: 15px;
}

.news-details .cnLeft .txt ol li {
	list-style: decimal;
	padding-bottom: 7px;
}

.news-details .cnLeft .download{float: left;width: 100%;margin-top: 15px;}
.news-details .cnLeft .download a{padding: 10px 20px;background: #0A253A;color: #fff;}
.news-details .cnLeft .download a:hover{background: #A5874C}




.accordion-main .accordion-body .accnInner ul li{list-style-type: disc; margin-left: 17px;padding-left: 0px;}

/* new */
.accordion-main .accordion-head { font-weight:700; background: #0A253A;color: #fff; border-bottom: 1px solid #fff; text-decoration: none; width: 100%; display: block;
	 padding: 25px 25px 25px 0; transition: all .3s ease; font-size: 18px; position: relative; cursor: pointer; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }
.accordion-main .accordion-head:hover{background: #0A253A;color:#A5854C; }
.accordion-main .accordion-head.openacc{background: #0A253A;border: none;color: #A5854C }
.accordion-main .accordion-head span{position: absolute;right: 25px;top: 50%;transform: translate(0,-50%);}
.accordion-main .accordion-head .fa-plus{display: block;}
.accordion-main .accordion-head .fa-minus{display: none;}
.accordion-main .accordion-head.openacc .fa-minus{display: block;}
.accordion-main .accordion-head.openacc .fa-plus{display: none;}
.accordion-main .accordion-head .accnInner{padding: 0px 25px;}
.accordion-main .accordion-body {height: auto;display: none;float: left;background: #fff;width:100%;}
.accordion-main .accordion-body .accnInner{width: 100%;float: left;padding: 25px 25px;font-size: 16px; color: #2C3338;line-height: 20px;}
.accordion-main .accordion-body .accnInner a{color: #0A253A;}
.accordion-main .accordion-body .accnInner a:hover{color: #A5854C;}

/*range homepage */
.range-tab{float: left;width: 100%;}
.range-block{float: left;width: 100%;}
.range-block .title{font-weight: 700;font-size: 18px;color: #2C3338}
.range-content{float:left;width:100%;padding: 30px 0px;}
.main-range-content{float:left;max-width:400px;width:30.7692%;}
.main-range-content .cnInner{float: left;max-width: 290px;width:100%}
.range-selector{text-align: right;margin-top: 9px;padding-bottom: 5px;border-bottom: 1px dotted #B8BABC}
.range-selector ul li{display: inline-block;vertical-align: middle;margin-right: 10px;color: #2C3338;font-size: 12px}
.range-selector ul li.no-margin{margin-right: 0px}
.range-selector-content{text-align: right;float: left;width: 100%;}
.range-selector-content .main-range{float: left;width: 100%; margin: 10px 0px;padding-bottom: 2px;}
.range-selector-content .main-range li{display: inline-block;vertical-align: middle;margin-right:10px;color: #2C3338;font-size: 12px}
.range-selector-content .main-range li.no-margin{margin-right: 0px}
.range-selector-content .main-range li.range-title{text-align: left;float: left;width: 50%;font-size: 14px;color: #2C3338;font-weight: 700;    margin-top: 2px;}
.range-selector-content .main-range li strong{font-weight: 700;}
.range-progressive{float: left;width: 100%;text-align: left; padding: 5px 0px;}
.range-progressive-left{float: left;width:21%;font-size: 13px}
.range-progressive-left strong{font-weight: 700}
.color-green .range-progressive-left{color: #52C552}
.range-progressive-right{float: left;width:75%;margin-left: 4%;    overflow: hidden;}
.range-progressive-right .p-bar{height: 4px;width: 80%;margin-top: 5px}
.range-progressive-full {float: left;width:100%;overflow: hidden;}
.range-progressive-full .p-bar{height: 4px;width: 90%;margin-top: 5px}
.color-green .range-progressive-right .p-bar{background: #52C552}
.color-orange .range-progressive-right .p-bar{background: #F7AE76}
.color-orange .range-progressive-left{color: #C27B10}
.color-purple .range-progressive-full .p-bar{background: #3D0097}


/* publication-listing */
.publication-listing{ float: left;width: 100% }
.publication-block{ width:48%; float: left ;margin: 25px 1%; /*background:#F7F7FA;*/ min-height: 350px; padding: 20px;}
.publication-block .cnImg{ float:left; width: 185px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.publication-block .cnImg img{}
.publication-block .cnImg .download{text-align: center; margin-top: 8px;color: #2C3338;transition-delay: all 0.5s ease}
.publication-block .cnImg .download span::before{margin: 0px 10px;}
.publication-block .cnImg a{display: block}
.publication-block .cnImg a:hover .download{color:#A5854C}
.publication-block .cnImg:hover{ transform:translateY(-5px) ; -webkit-transform:translateY(-5px) ; -moz-transform:translateY(-5px) ; -ms-transform:translateY(-5px) ; -o-transform:translateY(-5px) ; }

.publication-block .cnDesc {margin-left: 190px;  position: relative; padding:10px 20px;}
.publication__block--title{font-weight: 700;font-size: 20px;color: #A5854C;margin-bottom: 10px}
.publication__block--intro{font-size: 14px;color: #2C3338;line-height: 20px;}

.market-section{padding: 40px 0px 0px 0px;}
.market-title{font-weight: 500;font-size: 18px;color: #333333;margin-bottom: 25px;}
.market-section .tabs-accordion-light-grey .tab_container {margin-top: 0px;}
.market-section .tabs-accordion-light-grey .tabs li { margin: 0px 10px 0px 0px;}
.market-section .tabs-accordion-light-grey .tabs li.active { color: #063A70; background: #ffffff;}


/* Milestone */
.intro-text{font-weight: 700; font-size: 20px;color: #2C3338;margin-bottom: 20px;line-height: 24px}
.Milestone {padding: 40px 0px 50px 0px;}
.Milestone .cnleft{max-width: 1150px;width: 88.4615%;float: left;}
.Milestone .cnleft .scroll__block{float: left;width: 100%;height: 635px;cursor: all-scroll;     overflow-x: hidden;overflow-y: scroll;}
.scroll__block--section{max-width: 1130px;width: 98.2608%;float: left;margin-top: 75px;}
.scroll__block--section:first-child{margin-top: 0px}
.scroll__block--title{font-weight: 700;font-size: 25px;color: #0A253A;}
.scroll__block--content{float: left; width: 100%;background: #fff;margin-top: 20px;    position: relative;}
.scroll__block--Img{float: left;width: 50%}
.scroll__block--desc{float: left;width: 50%;padding: 25px 30px;}
.scroll__block--date{position: absolute;bottom: -14px;font-weight: 700;font-size: 80px;color: #F4F4F4}

.scroll__block--content:nth-child(even) .scroll__block--date{right: 0px;}
.scroll__block--content:nth-child(odd) .scroll__block--date{left: 0px;}

.scroll__block--intro{font-size:14px;color:#2C3338;line-height: 20px;position: relative;z-index: 1;}
.scroll__block--intro strong{font-weight:700;}

.Milestone .cnright{max-width:115px;width: 8.8461%;float: right;}
.anchor-block{width: 100%;float: left;text-align: right}
.anchor-block .date{font-weight: 700;font-size: 18px;color: #2C3338;height: 75px;position: relative}
.anchor-block .date::before{content: '';position: absolute;right: 5px;top: 20px;background:#2C3338;width: 1px;height: 50px;}
.anchor-block .date .cirle{ position: absolute; top: 34px; right: -5px; width: 21px; height: 21px; border: 1px solid #2C3338; background: #F5F5F5; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; transition: all 0.3s linear ; -webkit-transition: all 0.3s linear ; -moz-transition: all 0.3s linear ; -ms-transition: all 0.3s linear ; -o-transition: all 0.3s linear ; }
.anchor-block .date .cirle::before{ content: ''; position: absolute;right: 15px;top: 6px;width: 50px;height: 6px;
border-radius:100px; -webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px; -o-border-radius:100px;transition: all 0.3s linear ; -webkit-transition: all 0.3s linear ; -moz-transition: all 0.3s linear ; -ms-transition: all 0.3s linear ; -o-transition: all 0.3s linear ; }
.anchor-block li.active .date .cirle{border: 1px solid #A5854C; background: #A5854C;}
.anchor-block li.active .date .cirle::before{background: #A5854C}
.anchor-block li:hover .date .cirle{border: 1px solid #A5854C; background: #A5854C;}

.disclaimer { margin-top:45px;padding: 15px 3px 15px 3px;font-size: 14px; color: #2C3338;line-height: 17px;}
.disclaimer strong { font-size:18px;color:#A5874C; font-weight:700;}




/* Contact Form*/
.contact-wrapper { width:100%; padding:25px 0}
.col-left  { float:left; width:50%;}
.contact-wrapper .title {font-weight: 700; font-size: 20px; color: #A5854C;  margin-bottom: 20px;}
.contact-wrapper .sub-title {font-weight: 500; font-size: 16px;  color: #2C3338;  margin-bottom: 20px;  line-height: 20px;}
.contact-wrapper .form { width:100%; margin-top: 30px;}
.col-right  { float:left; width:30%; padding:5%;margin-left: 10%;background: #0A253A;}
.contact-wrapper .info .tit  {width:100%;font-weight: 700; font-size: 20px; color: #A5854C;  margin-bottom: 20px;}
.contact-wrapper .info {font-weight:300; font-size: 16px;  color: #fff;  margin-bottom: 20px;  line-height: 23px;}
.contact-wrapper .general .tit  {width:100%;font-weight:500; font-size: 18px; color: #85A4C0;  margin-bottom: 20px;}
.contact-wrapper .general {font-weight: 700; font-size: 16px;  color: #2C3338;  margin-bottom: 20px;  line-height: 20px;}

.contact-wrapper .general ul li { float:left; width: 100%; margin-bottom: 15px; list-style: none}
.contact-wrapper .general ul li .icone{ float:left; width: 30px; font-size: 18px; color:#A5854C}
.contact-wrapper .general ul li .txt{margin-left:30px; position: relative; font-size: 16px; color:#fff; margin-top: 1px;font-weight:300;}
.contact-wrapper .general ul li .txt a { color:#fff}
.contact-wrapper .general ul li .txt a:hover {color:#A5854C; text-decoration: none}
.contact-wrapper .google-map { margin-top:30px; float:left}
	/*Contour Forms*/
	.umbraco-forms-page {}
	.umbraco-forms-fieldset{}
	.umbraco-forms-fieldset .row-fluid {}
		.umbraco-forms-container {}
			.umbraco-forms-field { float:left; width:100%; margin-bottom:20px}
			.umbraco-forms-field label {float:left; width:100%; margin-bottom:10px;font-size: 14px;  font-weight: 300;    color: #063A70; display:none}
			.umbraco-forms-field input{font-family:'Roboto',sans-serif; float:left; width:100%;height: 50px; padding: 0 0; font-size: 14px;  font-weight: 300; border:0; border-bottom: 1px solid #E7EAEC;  outline: none; border-radius: 3px;}
			/*.umbraco-forms-field input:focus {border: 1px solid #0A2D6E;transition: 0.35s ease;color: #0A2D6E;}	*/
			.umbraco-forms-field textarea{font-family:'Roboto',sans-serif; float:left; width:100%;height:100px; padding:0; font-size: 14px;resize: none;  font-weight: 300; border:0; border-bottom: 1px solid #E7EAEC;  outline: none; border-radius: 3px;}
			/*.umbraco-forms-field textarea:focus {border: 1px solid #0A2D6E;transition: 0.35s ease;color: #0A2D6E;}	*/	
				.field-validation-valid {color:#FF6600; font-size:12px}
				.umbraco-forms-indicator{color:#FF6600;}
				.field-validation-error {color:#FF6600; font-size:12px}
	.umbraco-forms-navigation {}
	.umbraco-forms-navigation input[type="submit"] { display:inline-block; transition: all 0.3s ease-out 0s;  border: 0;  background: #0A253A; padding: 11px 22px;  font-size: 15px;  color: #E7C080;  font-weight: 700;  font-family: Roboto, sans-serif;}
	.umbraco-forms-navigation input[type="submit"]:hover {cursor: pointer;  color: #0A253A;	background: #E7C080;}


.contact-wrapper .google-map img{width: 400px;   height: 298px;}
/* Interactive charting */
.interactive-chart-filter-cn { float:left; width:100%; border-top:4px solid #85A3C0; padding:3px 0; border-bottom:1px solid #DCE4ED; margin-bottom:25px}
.interactive-chart-filter-cn .title {font-weight: 700;color: #2C3338;font-size: 16px;display: inline-block;vertical-align: middle;padding-right: 10px;}
.interactive-chart-filter-cn .title .fa{margin-right: 5px;}
.interactive-chart-filter-cn .companydropdown {display: inline-block;vertical-align: middle;}
.interactive-chart-filter-cn .companydropdown select {height: 50px;  padding: 0 15px;  font-size: 14px;  font-weight: 500; border: none;  border-left: 1px solid #E7EAEC;
    outline: none;   border-radius: 3px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMyAzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzMgMzM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMjYzQjUxO30NCjwvc3R5bGU+DQo8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMzMiIGhlaWdodD0iMzMiLz4NCjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTYsMjAuNyAxMSwxMi4xIDIxLDEyLjEgIi8+DQo8L3N2Zz4NCg==) no-repeat 95% 50%;
	-moz-appearance: none; 	-webkit-appearance: none;appearance: none;background-color:#FFF; font-family:Roboto, sans-serif;color:#0A6CFF}
.interactive-chart-filter-cn .companydropdown select option { font-weight:300; color:#666;}
.interactive-chart-filter-cn .submitbut {display: inline-block;vertical-align: middle;}
.interactive-chart-filter-cn .submitbut input[type="submit"] {  transition: all 0.3s ease-out 0s;border:0; background:#0A253A; padding:11px 22px; font-size:15px; color:#E7C080; font-weight:700; font-family:Roboto, sans-serif;}
.interactive-chart-filter-cn .submitbut input[type="submit"]:hover { cursor:pointer; color:#0A253A; background:#E7C080;}
.interactive-chart-graph-cn { float:left; width:100%; background:#0A253A; padding:20px 50px 50px 50px }
.interactive-chart-graph-cn .titlegraph {font-weight: 700;color: #fff;font-size: 18px; float:left; width:100%; margin-bottom:20px}
.interactive-chart-graph-cn .graph { float:left; width:100%}
.table-cnt .etf-title {color: #0A253A; float:left; width:100%; margin-bottom:15px; font-weight:700; font-size:18px}
.etf-table1 { float:left; width:100%; margin-bottom:35px; border-bottom:1px solid #DCE4ED; padding-bottom:50px}

    

.table-cnt .debt-title {color: #0A253A; float:left; width:100%; margin-bottom:15px; font-weight:700; font-size:18px}
.debt-table1 { float:left; width:100%; margin-bottom:35px; border-bottom:1px solid #DCE4ED; padding-bottom:50px}

.table-cnt .africa-title {color: #0A253A; float:left; width:100%; margin-bottom:15px; font-weight:700; font-size:18px}
.africa-table1  { float:left; width:100%; margin-bottom:35px; border-bottom:1px solid #DCE4ED; padding-bottom:50px}
.africa-table2  { float:left; width:100%; margin-bottom:35px; border-bottom:1px solid #DCE4ED; padding-bottom:50px}
.graph-company-snapshot { background:#F7F7FA; padding:20px}

/* New facts % Figures */
.icn-block-new { margin-bottom: 200px}
.icn-block-new .bg-photo {  float: left; width:100%; height: 230px; background-repeat: no-repeat;  background-position: top;  background-size: cover;background-attachment: fixed;  }
.icn-block-new .bg-photo .title { width:100%; text-align: center; float: left; padding:5% 15px 0 15px; font-size: 28px; font-weight:700; color:#fff }
.icn-block-new .bg-photo .list-recog { float:left; width: 100%; text-align: center; margin-top: 3%}
.icn-block-new .bg-photo .list-recog ul {}
.icn-block-new .bg-photo .list-recog ul li { display: inline-block; width: 21.6923%; background:#102E48; margin: 0 3%; min-height:250px; vertical-align: top  }
.icn-block-new .bg-photo .list-recog ul li .icn { margin:0 auto; margin-top: 30px; width:81.5602%}
.icn-block-new .bg-photo .list-recog ul li .txt { width:100%; text-align: center; color:#E7C9B4; font-size:18px; font-weight:700; padding:0 15px; margin-top: 25px}

.yourmessagerelatesto select{    width: 100%;
    border: none;
    border-bottom: 1px solid #E7EAEC;
    background: transparent;
	font-family: 'Roboto',sans-serif;
    font-weight: 300;
    color: #444444;
    font-size: 14px;outline: 0;height: 30px;}

.yourmessagerelatesto label{display:block;}

/*=========*/
.highcharts-area {
    fill-opacity:1 !important;
    stroke-width: 0;
}

.FAQmoretext {
	float:left; width:100%;font-size: 16px;  color: #2C3338; line-height: 20px; margin: 30px 0 20px 0; color:#0A253A; 
}
.FAQmoretext strong {
	 font-weight:700
}
.FAQmoretext a {color: #005983;}
.FAQmoretext a:hover {color: #005983; text-decoration: underline;}

.clearbutton {font-family: 'Roboto', sans-serif;
	display:inline-block;
    font-weight: 700;
    font-size: 14px;
    color: #2C3338;
    cursor: pointer;
	    vertical-align: middle;
    padding: 11px 10px 12px 10px;
    border: 1px solid#A6884D;
    background: #fff;
    transition: all 0.3s ease;}
.clearbutton:hover {background: #A6884D;  color: #fff;}

.noinfo {    text-align: left;
    padding: 10px 0;
    font-size: 14px;
    color: #063A70;
    margin-top: 10px;}

.section.index-description { position:relative;}
.section.index-description::before { position:absolute; width:100%; height:100%; background:#fff; content:""; top:0; left:0; opacity:0.5;    z-index: 1;}

.bgsection { position:relative; width: 100%; float: left;}
.bgsection::before { position:absolute; width:100%; height:100%; background:#fff; content:""; top:0; left:0; opacity:0.3;    z-index: 1;}

footer .cnt-1300{z-index:0 !important;}

/*NEW SEMYIA page*/
.semyia-intro { width: 100%;  float: left;  padding: 10px 0px;background:#0A2539}
.semyia-intro .intro {float: left;  width: 100%;  padding: 20px 0px;}
.semyia-intro .intro .title {font-weight: 700;  font-size: 20px;  color: #A5854C;    margin-bottom: 20px;}
.semyia-intro .intro .desc { color:#fff;font-size: 17px; line-height: 24px; font-weight: 300}

.semyia-accordeon  { width: 100%;  float: left;  padding:0 !important;}

.semyia-block-photo-text { width: 100%;  float: left; padding: 0 }
.semyia-block-photo-text .cnRowContent { width: 100%;  float: left; }
.semyia-block-photo-text .cnRowContent .photo { width:50%; float:left;}
.semyia-block-photo-text .cnRowContent .photo img {  width: 100%;  display: block;}
.semyia-block-photo-text .cnRowContent .content { width:50%; float:left; padding-top: 30px; padding-bottom: 30px; padding-left:35px; padding-right:0;}
.semyia-block-photo-text .cnRowContent .content .title { font-weight: 500; font-size: 20px; color: #2C3338;  margin-bottom: 15px;}
.semyia-block-photo-text .cnRowContent .content .desc { font-size: 16px; color: #2C3338; line-height: 20px;}
.semyia-block-photo-text .cnRowContent .content .desc ul { margin-top:20px}
.semyia-block-photo-text .cnRowContent .content .desc ul li { list-style-type: disc;padding-left: 0px; margin-left: 18px; margin-bottom: 15px}

.semyia-block-photo-text .cnRowContent.f-right .photo { float:right;}
.semyia-block-photo-text .cnRowContent.f-right .content { padding-left: 0; padding-right: 35px;font-size: 16px; color: #2C3338; line-height: 20px;}
.semyia-block-photo-text .cnRowContent .content ul.downloads { margin-top:30px}
.semyia-block-photo-text .cnRowContent .content ul.downloads li { width:100%; border-bottom:1px solid rgba(0,0,0,0.2); padding:10px 0; color:#0A2539}
.semyia-block-photo-text .cnRowContent .content ul.downloads li a { color:#005983}
.semyia-block-photo-text .cnRowContent .content ul.downloads li a:hover { color:#005983; text-decoration: underline}


.semyia-calendar { width: 100%;  float: left;  padding: 10px 0px;background:#0A2539}
.semyia-calendar .intro {float: left;  width: 100%;  padding: 20px 0px 20px 0px;}
.semyia-calendar .intro .title {font-weight: 500;  font-size: 20px;  color: #fff;    margin-bottom: 20px;}
.semyia-calendar .intro .desc { color:#0A2539;font-size: 17px; line-height: 24px; font-weight: 300}
 ul.calendar { margin-top:30px}
 ul.calendar li { float:left; margin-right:3%}
 ul.calendar li .date { color: #fff; font-size:18px;margin-bottom: 5px;height: 18px;font-style: italic;}
 ul.calendar li .text { color:#FFF; font-size:18px; font-weight:700}

.semyia-link { width: 100%;  float: left;  padding: 10px 0px;background:#85A4C0}
.semyia-link .link {float: left;  width: 100%;  padding: 20px 0px;}
.semyia-link .link .logo-link {display:inline-block;  width: 64px; vertical-align: middle; margin-right: 10px}
.semyia-link .link a {display:inline-block; vertical-align: middle; font-weight: 500 }
.semyia-link .link a:hover { color:#fff; text-decoration: underline}

.price-offered{float: left;width: 100%;padding: 20px 0px;}
.price-offered .title{font-weight: 500; font-size: 20px;color: #2C3338; margin-bottom: 15px;}
.price-offered ul li{width: 100%;float: left;margin: 10px 0px;font-size: 16px;color: #2C3338;line-height: 20px;}
.price-offered .last-test{float: left;width: 100%;font-weight: 500;font-size: 16px;color: #2C3338;}


.video-gallery {padding:3% 0; position:relative}
.video-gallery .video{width: 31.3333%;position:relative;border: 1px solid #ccc; margin: 0 1% 20px 1%;float: left;padding: 10px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.video-gallery .video .cnVideo {position:relative;}
.video-gallery .video .cnVideo .overlay { position:absolute; width:100%; height:100%; z-index:2; background:rgba(10,37,58,0.8); opacity:0;transition: all 0.5s ease;}
.video-gallery .video .cnVideo .overlay .icon-play { color:#fff; position:absolute; font-size:30px; top:50%; left:50%; transform:translate(-50%,-50%)}
.video-gallery .video .cnDesc { margin-top:10px; color:#0a253a; font-size:14px}
.video-gallery .video:hover .overlay { opacity:1;}
.section.video-gallery::before { position: absolute;width: 100%; height: 100%;background: #fff;content: "";top: 0;left: 0; opacity: 0.3;z-index: 1;}


/* Added RyanB */

.cnText--help { position: absolute; bottom: 15px; right: 20px; z-index: 2; }
.cnText--help a { color: #fff; font-size: 14px; /*font-style: italic;*/ position: relative; transition: all .5s ease-in-out; }
.cnText--help a:hover { color: #FF6600; }
/*.cnText--help a:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% + 10px); height: 1px; background: #fff; transition: all .5s ease-in-out; }
.cnText--help a:hover:after { background: #FF6600; } */