@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica_cyr-BoldOblique.eot');
    src: url('../fonts/Helvetica_cyr-BoldOblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica_cyr-BoldOblique.woff2') format('woff2'),
        url('../fonts/Helvetica_cyr-BoldOblique.woff') format('woff'),
        url('../fonts/Helvetica_cyr-BoldOblique.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.eot');
    src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


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



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

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

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

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

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#000;
	
}




.pb10{
	padding-bottom:10px;
}
.pb20{
	padding-bottom:20px;
}

.pl0 {
	padding-left:0;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt25 {
	margin-top:25px;
}
.plr0 {
	padding:0 !important;
}
.lm-15{
	margin-left:15px;
}

a{
	font-size:14px;
	color:#3f3f3f;
	text-decoration:none;
}
a:hover, a:focus, a:active{
	font-size:14px;
	color:#f4524d;
	text-decoration:none;
	outline:none;
}

.vm-btn{
	padding:12px 25px;
	background:#ed1c24;
	color:#fff;
	text-align:center;
	border-radius:0;
	font-size:14px;
	
}
.pp-link{
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#f4524d !important;
	text-decoration:none !important;
}



.ba-readmore{
		font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#000 !important;
	text-decoration:none !important;
	margin-left:22px;
}
.ba-readmore:after{
	content:url(../images/ba-readmore.png);
	display:inline-block;
	width:14px;
	height:10px;
	margin-left:5px;
	position:relative;
	
	
}

.grey-bg{
	background:#f5f5f5 !important;
	padding-top:60px;
	padding-bottom:60px;
}
.white-bg{
	background:#ffffff !important;
	padding-top:60px;
	padding-bottom:60px;
}

/*===========================================================
STOCK PERFORMANCE SECTION CSS STARTS HERE
=============================================================*/

.stk-btn-more{
	font-size:14px;
	color:#000;
	font-weight:bold;
}
.stk-btn-more:hover, .stk-btn-more.active, .stk-btn-more:focus{
	color:#fff;
}
.stk-btn-more:after{
	content:url(../images/anchor-icon.png);
	display:inline-block;
	width:14px;
	height:10px;
	margin-left:5px;
	position:relative;
	
	
}

.title{
	margin-bottom:30px;
}
.title h1{
	font-family: 'Gotham';
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	margin:0;
}

.white h1{
	color:#fff;
}

.no-gutters [class*=col-]{
	padding:0;
}



/*===========================================================
REPORTS  SECTION CSS STARTS HERE
=============================================================*/


.reports-wrap{
	float:left;
	width:100%;
}

.a-bg{
	background:#f5f5f5;
}
.q-bg{
	background:#e7e7e7;
}
.c-bg{
	background:#dadada;
}
.reports-inner{
	float:left;
	width:100%;
	text-align:center;
	padding:30px 0;
}

.reports-sec{
	float:left;
	width:100%;
}

.cover-img{
 
	width:185px;
	height:225px;
	margin:0 auto 25px auto;

}

.rp-txt-sec{
	float:left;
	width:100%;
}
.rp-title{
	
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#2d2c2c;
	margin-top:12px;
	margin-bottom:18px;
	text-transform:uppercase;
}

.rpt-link{
	border-right:1px dotted #b6b5b5;
	height:20px;
	margin-right:25px;
	padding-right:25px;
}

.rp-links a{
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#f4524d;
}
.rp-links a.download:before{
	content:url(../images/reports-download.png);
	display:inline-block;
	width:9px;
	height:13px;
	margin-right:5px;
	position:relative;
	top:2px
}

.rp-links a.view:before{
	content:url(../images/reports-view-icon.png);
	display:inline-block;
	width:18px;
	height:10px;
	margin-right:5px;
	position:relative;
	top:2px
}








/*==============================================================
STOCK QUOTE SECTION CSS STARTS HERE
================================================================*/


.cwcolor-bg{
	background:#f4524d;
	padding-top:30px;
	padding-bottom:30px;
}
.stk-qotes-sec{
	float:left;
	width:100%;
	text-align:center;
}
.qts-inner{
	float:left;
	width:100%;
}
.border-lr{
	border-right:2px solid #fff;
	border-left:2px solid #fff;
}
.qt-title{
	font-size:18px;
	line-height:18px;
	text-align:center;
	margin-bottom:30px;
	color:#fff;
}

.qt-val{
	font-size:38px;
	line-height:38px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
	color:#fff;
}
.change, .vol{
	font-weight:normal;
}

.stk-ribbon{
	width:100%;
	background:#c1423c;
	margin-bottom:24px;
	float:left;
	padding:12px 0;
}
.ribbon-code{
	font-size:18px;
	line-height:18px;
	color:#fff;
	font-weight:normal;
	text-align:left;
	padding-left:18%;
}
.ribbon-code span{
	font-weight:bold;
}

.eod{
	float:left;
	
	text-align:left;
	font-size:12px;
	line-height:16px;
	color:#fff;
	padding-left:15%;
}

/*==============================================================
BURSA ANNOUNCEMENTS SECTION CSS STARTS HERE
================================================================*/
.slick-slide {
    margin: 0px 20px;
}
.ba-date{

	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	margin-bottom:24px;
}
.ba-date:before{
	content:url(../images/clock-icon.png);
	display:inline-block;
	width:14px;
	height:14px;
	margin-right:5px;
	position:relative;
	top:2px;
}

.ba-ann a, .ba-ann a:hover{

	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#f4524d;
	text-decoration:none;
	outline:none;
}

.slider-ba .item{
	padding:22px;
	border:1px solid #000;
	min-height:178px;
	background:#fff;
}
.item:nth-of-type(even) {
	border-right:none;
	border-left:none;
}



/*==============================================================
NEWS ALERT AND IR CONTACT SECTION CSS STARTS HERE
================================================================*/


.ClsButton {
    border-top-width: 0px;
    font-weight: bolder;
    border-left-width: 0px;
    font-size: 14px;
	border-bottom-width: 0px;
    cursor: hand;
    color: #fff;
   border-right-width: 0px;
    background: #f4524d;
    padding: 6px 12px;
	height:inherit !important;
}

.ir-cnt-in{
	float:left;
	width:100%;
	text-align:center;
}

.cont-icon{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.nl-sub {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    font-size: 14px;
    color: #000;
}
.cont-per {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
}
.cont-per span{
	font-weight:normal;
	margin-top:2px;
	display:block;
}
.phn a, .mail a{
	font-size:18px;
	line-height:18px;
	color:#333;
}
.mail a{
	color:#5096be;
}
/*========================================================================
MEDIA QUERIES STARTS HERE
==========================================================================*/




/* Large desktops and laptops */
@media (min-width: 1200px){
	
 }
 
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px){
.title h1 {
    font-family: 'Gotham';
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
   /* color: #000;*/
}
.stk-val {
    float: left;
    font-size: 44px;
    line-height: 44px;
    font-weight: bold;
    color: #000;
    width: 52%;
    margin-right: 15px;
}
.stk-val span {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
.stk-chg {
    float: left;
    width: 43%;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    position: relative;
    bottom: -22px;
}

.rp-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #2d2c2c;
    margin-top: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.ir-cnt-in {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}	
	
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px){
	
.stock-quote {
    background: #f4524d;
    padding: 20px;
    float: left;
    width: 100%;
    height: auto;
    position: absolute;
    right: 15px;
    left: 15px;
}	
	
.title h1 {
    font-family: 'Gotham';
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
  /*  color: #000;*/
}
.stk-val {
    float: left;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #000;
    width: 52%;
    margin-right: 5px;
}
.stk-val span {
    font-size: 16px;
    line-height: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
.stk-chg {
    float: left;
    width: 46%;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    position: relative;
    bottom: -16px;
}


.rp-title {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #2d2c2c;
	min-height:36px;
    margin-top: 5px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.reports-inner{
	min-height:389px;
}
.rpt-link {
    border-right: 1px dotted #b6b5b5;
    height: 20px;
    margin-right: 5px;
    padding-right: 5px;
}
.rp-links a {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #f4524d;
}
.qt-val {
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}	
.ir-cnt-in {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
	
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px){
	.stock-quote {
    background: #f4524d;
    padding: 30px;
    float: left;
    width: 100%;
    height: auto;
     position: static; 
 
}

.rp-title {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #2d2c2c;
    margin-top: 7px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.rp-links a {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #f4524d;
}
.rpt-link {
    border-right: 1px dotted #b6b5b5;
    height: 20px;
    margin-right: 5px;
    padding-right: 5px;
}
.border-lr{
	border:none;
}
.qt-val {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}
.ir-cnt-in {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
	
}

/* Portrait phones and smaller */
@media (max-width: 480px){

.title h1 {
    font-family: 'Gotham';
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
   /* color: #000;*/
}	
.title {
    margin-bottom: 21px;
}
.stk-val {
    float: left;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #000;
    width: 53%;
    margin-right: 15px;
}
.stk-val span {
    font-size: 22px;
    line-height: 22px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
.stk-chg {
    float: left;
    width: 43%;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    position: relative;
    bottom: -18px;
}

.rp-title {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #2d2c2c;
    margin-top: 25px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.rp-links a {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #f4524d;
}	
.news-alert-sec, .frm-cnt{
	float:left;
	width:100%;
	margin-bottom:30px;
}
.ir-cnt-in {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
	
}

/* Portrait i phones and smaller */
@media (max-width: 320px){
	.title h1 {
    font-family: 'Gotham';
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}


.rp-title {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #2d2c2c;
    margin-top: 9px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.ir-cnt-in {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
	
}