@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue-Light.eot');
    src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Light.woff') format('woff'),
        url('../fonts/HelveticaNeue-Light.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

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

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






body{
	background:transparent;
	font-family: 'Helvetica Neue';
}
.pb10{
	padding-bottom:10px;
	
}

.pl0{
	padding-left:0;
}
.mt25{
	margin-top:25px;
}


a{
	color:#f4a900;
}
a:hover{
	color:#e0701e;
	text-decoration:none;
}


.contentcontainer{
	padding:0;
}

/*=============================================
STOCK SECTION STARTS HERE
==============================================*/
.stock-sec, .anmnts-sec, .ir-cont-sec{
	float:left;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	background:#fff;
	margin-bottom:30px;
	padding-left:20px;
	padding-right:20px;
}


.sec-title h3{
	font-family: 'HelveticaNeue-Bold';
	font-size:22px;
	color:#000;
	display:inline-block;
	text-transform:capitalize;
	margin-bottom:38px;
	font-weight:bold;
	margin-top:0;
	

}

.stk-qt{
	font-family: 'HelveticaNeue-Bold';
	font-size:20px;
	color:#f15a24;
	font-weight:bold;
}

.standard span sup{
	font-size:15px;
	color:#1e1e1e;
	text-transform:uppercase;
	font-weight:normal;
	vertical-align:super;
	margin-right:12px;
}


.standard span, .priceUp span, .priceDown span{
	font-family: 'HelveticaNeue-Bold';
	font-size:50px;
	color:#1e1e1e;
	text-transform:uppercase;
	font-weight:bold;
}
.priceUp span:after{
	content:"";
	background:url(../images/priceUp.png) no-repeat;
	width:39px;
	height:38px;
	display:inline-block;
	margin-left:15px;
}
.priceDown span:after{
	content:"";
	background:url(../images/priceDown.png) no-repeat;
	width:39px;
	height:38px;
	display:inline-block;
	margin-left:15px;
}


.change{
	font-size:20px;
	color:#1e1e1e;
}


.hlv{
	float:left;
	width:100%;

}
.high, .low, .vol{
	float:left;
	width:30%;
	margin-right:3%;
	font-size:17px;
	color:#1e1e1e;
	text-align:left;
}


.high span, .low span, .vol span{
	font-size:17px;
	color:#1e1e1e;
	text-align:left;
	font-weight:bold;
	padding-left:15px;
	
}


.eod{
	font-size:15px;
	color:#1e1e1e;
	font-weight:bold;
	margin-top:30px;
}


.eod span{
	font-weight:normal;
	display:block;
}
.fl-right {
    float: right;
	margin-top: 30px;
}

/*=============================================
BURSA ANNOUNCEMENTS SECTION STARTS HERE
==============================================*/


.b-cal{
	float:left;
	width:20%;
	margin-right:10px;
	background:#3c3c3c;
	padding:10px;
}
.bcal-date{
	font-size:30px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.bcal-month{
	font-size:20px;
	color:#fff;
	text-align:center;
}

.annmnt-item{
	float:left;
	width:75%;
	padding:5px;
	height:89px;
	display:table;
	margin-bottom:30px;
	
}
 a.ann-item{
	/* display:block;*/
	color:#1e1e1e;
	text-decoration:none;
	font-size:17px;
	font-weight:normal;
	margin-bottom:30px;
	display:table-cell;
	vertical-align:middle;
}
 a.ann-item:hover{
	 color:#e0701e;
 }

.sec-title a{
	float:right;
	display:inline-block;
	margin-top:15px;
	color:#969696;
	font-size:15px;
	
}

.sec-title a:hover{
	float:right;
	display:inline-block;
	margin-top:15px;
	color:#e0701e;
	font-size:15px;
	text-decoration:none;
	
}

.vm-btn{
	border:2px solid #f4a900;
	border-radius:0px;
	padding:7px 21px;
	text-align:center;
	font-size:14px;
	color:#5b5b5b;
	background:#fff;
	display:block;
	width:120px;
	border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
	-webkit-border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
	-moz-border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
    border-image-slice: 1;
    border-width: 2px;
	 	text-decoration:none;
	
}
.vm-btn:hover{
	border:2px solid #f4a900;
	border-radius:0px;
	padding:7px 21px;
	text-align:center;
	font-size:14px;
	color:#fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4a900+2,e68115+51,e0701e+100 */
background: #f4a900; /* Old browsers */
background: -moz-linear-gradient(left,  #f4a900 2%, #e68115 51%, #e0701e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f4a900 2%,#e68115 51%,#e0701e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f4a900 2%,#e68115 51%,#e0701e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a900', endColorstr='#e0701e',GradientType=1 ); /* IE6-9 */

	display:block;
	width:120px;
	border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
	-webkit-border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
	-moz-border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
    border-image-slice: 1;
    border-width: 2px;
	text-decoration:none;
	
}

.btn-primary{
	border:2px solid #f4a900;
	border-radius:0px;
	padding:7px 21px;
	text-align:center;
	font-size:14px;
	color:#5b5b5b;
	background:#fff;
	
	width:120px;
	border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
	-webkit-border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
	-moz-border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
    border-image-slice: 1;
    border-width: 2px;
}

.btn-primary:hover{
	border:2px solid #f4a900;
	border-radius:0px;
	padding:7px 21px;
	text-align:center;
	font-size:14px;
	color:#fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4a900+2,e68115+51,e0701e+100 */
background: #f4a900; /* Old browsers */
background: -moz-linear-gradient(left,  #f4a900 2%, #e68115 51%, #e0701e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f4a900 2%,#e68115 51%,#e0701e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f4a900 2%,#e68115 51%,#e0701e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a900', endColorstr='#e0701e',GradientType=1 ); /* IE6-9 */

	
	width:120px;
	border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
	-webkit-border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
	-moz-border-image: linear-gradient(to right, #f4a900 0%,#e0701e 100%);
    border-image-slice: 1;
    border-width: 2px;
	text-decoration:none;
	
}

/*=================================================
REPORT SECTION STARTS HERE
===================================================*/

.reports-sec{
	float:left;
	width:100%;
	background:none;
	margin-bottom:30px;
}

.rpt-box{
	background:#fff;
	padding:30px;
}
.qr-box{
	margin-right:7px;
	width:49%;
}
.ar-box{
	margin-left:7px;
	width:49%;
}

.rp-icon{
	float:left;
	width:25%;
	margin-right:15px;
}

.rp-title{
	float:left;
	width:70%;
}
.rp-title h3{
	font-family: 'HelveticaNeue-Bold';
	font-size:18px;
	font-weight:bold;
	color:#252525;
	margin-bottom:25px;
	min-height:40px;
}


.rp-down {
	float:left;
	width:39%;
	text-align:left;
	margin-right:15px;
}
.rp-view{
	float:left;
	width:33%;
	text-align:left;
}
.rp-view a{
	color:#5b5b5b;
	font-size:14px;
	display:block;
	margin-top:8px;
	
}

.rp-view a:hover{
	color:#e0701e;
	font-size:14px;
	display:block;
	margin-top:8px;
	text-decoration:none;
	
}








/*===========================================================
NEWS ALERT SECTION STARTS HERE
=============================================================*/
.new-alert-sec{
	float:left;
	width:100%;
	background:#fff;
	margin-bottom:30px;
	padding-left:20px;
	
}
.nl-foot-full-sec{
	padding:0 !important;
	background:#f7f7f7;
}
.nl-cont{
	padding:30px 0;
}

.nlr-img{
	
	padding:0;

}

.nl-title{
	font-size:22px;
	color:#1460ab;
	
	
}
.nl-sub{
	font-size:13px;
	margin-bottom:20px;
	color:#5b5b5b;
}

.frm-cnt .form-control {
	border-bottom:1px solid #bbb;
	box-shadow:none;
	border-left:none;
	border-right:none;
	border-top:none;
	background:none;
	border-radius:0;
	
}

.form-control:focus {
    border-color:#bbb;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.nl-sbmt{
	display: block;
    border: 1px solid #bbbbbb;
    padding: 8px 15px;
    text-align: center;
}
.pp-link{
 	font-size: 15px;
    color: #5b5b5b;
    line-height: 41px;
    float: left;
}

.corpcal-cont{
	padding:0 !important;
}

.corpcal-sec{
	background:#1ca7e7 !important;
	padding: 65px 38px;
}

.corpcal-rbg-sec{
	background:url(../images/corp-cal-rbg.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:250px;
}

/*=========================================
IR CONTACT SECTION
==========================================*/


.cont-per{
	font-size:18px;
	font-weight:bold;
	margin-bottom:38px;
}

.cont-per:before {
    content: url(../images/user-icon.png);
    width: 20px;
    height: 20px;
    margin-right: 15px;
	position:relative;
	top:5px;
}

.cont-per span{
	font-size:18px;
	font-weight:normal;
}

.phn, .mail{
	float:left;
	width:48%;
	margin-right:2%;
}
.phn a{
	font-size:18px;
	font-weight:bold;
	color:#000;
	vertical-align:middle;
}


.phn a:before {
    content: url(../images/phone-icon.png);
    width: 20px;
    height: 20px;
    margin-right: 15px;
	position:relative;
	top:5px;
}


.mail a{
	font-size:18px;
	font-weight:bold;
	color:#3c82e6;
	vertical-align:middle;
}


.mail a:before {
    content: url(../images/mail-icon.png);
    width: 20px;
    height: 20px;
    margin-right: 15px;
	position:relative;
	top:5px;
}
.bs-cwann{
	width: 1px;
    min-width: 100%;
}

/*===================================================
MEDIA QUERIES STARTS HERE
=====================================================*/

/* Large desktops and laptops */
@media (min-width: 1200px){
	
.rp-down {
    float: left;
    width: 50%;
    text-align: left;
    margin-right: 15px;
}	
	
}
 
 
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px){
	
	.rp-down {
    float: left;
    width: 60%;
    text-align: left;
    margin-right: 15px;
}
.rp-view {
    float: left;
    width: 32%;
    text-align: left;
}

a.ann-item {
    /* display: block; */
    color: #1e1e1e;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 30px;
    display: table-cell;
    vertical-align: middle;
}
	
}


/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px){
	
	.standard span, .priceUp span, .priceDown span{
	font-family: 'HelveticaNeue-Bold';
	font-size:38px;
	color:1e1e1e;
	text-transform:uppercase;
	font-weight:bold;
}
.rp-down {
    float: left;
    width: 58%;
    text-align: left;
    margin-right: 15px;
}
.nl-sub {
    font-size: 14px;
    margin-bottom: 20px;
    color: #5b5b5b;
}
	
}




/* Landscape phones and portrait tablets */
@media (max-width: 767px){
	.hlv {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.fl-right {
    float: none;
    margin-top: 30px;
}
.rp-down {
    float: left;
    width: 58%;
    text-align: left;
    margin-right: 15px;
}
.nlr-img{
	display:none;
}

#hoeapp-container h3{
	display:none;
}

	
}


/* Portrait phones and smaller */
@media (max-width: 480px){
	
.standard span, .priceUp span, .priceDown span {
    font-family: 'HelveticaNeue-Bold';
    font-size: 34px;
    color:#1e1e1e;
    text-transform: uppercase;
    font-weight: bold;
}
.change {
    font-size: 18px;
    color: #1e1e1e;
}
.high, .low, .vol {
    float: left;
    width: 30%;
    margin-right: 3%;
    font-size: 14px;
    color: #1e1e1e;
    text-align: left;
}
.qr-box{
	margin-right:0px;
	width:100%;
}
.ar-box{
	margin-left:0px;
	width:100%;
}
.phn, .mail {
    float: none;
    width: 100%;
    margin-right: 0%;
}
.cont-per, .phn, .mail {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
}

@media (max-width: 414px){
	
	.standard span, .priceUp span, .priceDown span {
    font-family: 'HelveticaNeue-Bold';
    font-size: 32px;
    color: #1e1e1e;
    text-transform: uppercase;
    font-weight: bold;
}
.high, .low, .vol {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #1e1e1e;
    text-align: left;
    margin-bottom: 15px;
}
.high span, .low span, .vol span {
    font-size: 17px;
    color: #1e1e1e;
    font-weight: bold;
    padding-left: 15px;
    float: right;
    
}
.sec-title a {
    float: right;
    display: inline-block;
     margin-top: 0px; 
    color: #969696;
    font-size: 15px;
}
	
}


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