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




body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#2f2e2e;
}
.pb10 {
	padding-bottom:10px;
}
.pl0 {
	padding-left:0;
}
.mt-20 {
	margin-top:20px;
}
.mt-30 {
	margin-top:30px;
}
.mt-40 {
	margin-top:40px;
}
.mt-25 {
	margin-top:25px;
}
.plr0 {
	padding:0 !important;
}
.lm-15 {
	margin-left:15px;
}
.mb-15 {
	margin-bottom:15px;
}
.mb-20 {
	margin-bottom:20px;
}
.vm-btn, .btn-primary, .ClsButton {
	padding:11px 25px;
	background:#ed1c24;
	color:#fff !important;
	text-align:center;
	border-radius:0;
	font-size:14px;
	background:#ed1c24;
	display:inline-block;
	border:none;
}
.ClsButton {
	font-family:Arial, Helvetica, sans-serif !important;
	width:auto !important;
	height:auto !important;
	font-size:14px !important;
	color:#fff !important;
	text-transform:capitalize !important;
}
.vm-btn:hover, .vm-btn:active:hover, .vm-btn:focus.active, .vm-btn:focus, .btn-primary:hover, .btn-primary:hover:active, .btn-primary:active, .btn-primary:focus, .btn-primary:focus.active, .ClsButton:hover, .ClsButton:active:hover, .ClsButton:focus.active, .ClsButton:focus {
	padding:11px 25px;
	color:#fff !important;
	text-align:center;
	border-radius:0;
	font-size:14px;
	background:#2f2e2e;
	text-decoration:none;
	display:inline-block;
	outline:none;
	border:none;
}
.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;
}
.ba-readmore:after {
	content:url(../images/ba-readmore.png);
	display:inline-block;
	width:14px;
	height:10px;
	margin-left:5px;
	position:relative;
}
a {
	color:#ed1c24;
	text-decoration:none;
}
a:hover {
	color:#2f2e2e;
	text-decoration:none;
}
.white-bg {
	background:#ffffff !important;
	padding-top:40px;
	padding-bottom:40px;
}
.nl-bg {
	background:#f7f7f7 !important;
	padding-top:40px;
	padding-bottom:40px;
	border:1px solid #d2d2d2;
	border-radius:4px;
}
.p-title {
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:40%;
	color:#fff;
}
.stock-bg {
	float:left;
	width:100%;
	height:auto;
	background:url(../images/stock-per-sec-bg.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	padding-top:40px;
	padding-bottom:40px;
	min-height:734px;
}
/*===========================================================
STOCK PERFORMANCE SECTION CSS STARTS HERE
=============================================================*/

.stk-btn-more {
	font-size:14px;
	color:#000;
	font-weight:bold;
}
.stk-btn-more:after {
	content:url(../images/anchor-icon.png);
	display:inline-block;
	width:14px;
	height:10px;
	margin-left:5px;
	position:relative;
}
.main-title {
	margin-bottom:30px;
}
.main-title h1 {
	font-size:17px;
	line-height:17px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ed1c24;
	margin-top:0;
}
.stock-quote {
	background:rgba(247, 247, 247, 0.9);
	padding:30px;
	float:left;
	width:100%;
	height:auto;
	position:absolute;
	right:15px;
	border:2px solid #9a9a9b;
	border-radius:2px;
}
.stk-val-sec {
	float:left;
	width:100%;
	/*margin-bottom:35px;*/
	text-align:right;
}
.stock-name {
	float:left;
	width:50%;
	margin-right:2%;
	font-size:16px;
	color:#494848;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
}
.stk-val {
	float:left;
	font-size:40px;
	line-height:40px;
	font-weight:bold;
	color:#000;
	width:48%;
	text-align:right;
}
.stk-val span {
	font-size:20px;
	line-height:20px;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
}
.priceUp:before {
	content: url(../images/priceup.png);
	display: inline-block;
	width: 14px;
	height: 15px;
	margin-right: 10px;
}
.priceDown:before {
	content: url(../images/pricedown.png);
	display: inline-block;
	width: 14px;
	height: 15px;
	margin-right: 10px;
}
.stk-chng-sec {
	float:right;
	width:100%;
	margin-top:15px;
}
.stk-chg span, .stk-chg-p span {
	font-size:15px;
	font-weight:normal;
	color:#2f2e2e;
}
.stk-chg {
	margin-right:30px;
}
.stk-chg, .stk-chg-p {
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#2f2e2e;
	display:inline-block;
}
.Up {
	color:#2c9901 !important;
}
.Down {
	color:#ed1c24 !important;
}
.graph-sec {
	float:left;
	width:100%;
	margin-top:15px;
	margin-bottom:30px;
}
.ohlv-sec {
	float:left;
	width:100%;
	height:auto;
	color:#2f2e2e;
}
.opn-high {
	border-bottom:2px dotted #ababab;
}
.opn-high, .low-vol {
	float:left;
	width:100%;
}
.opn, .vol {
	width:50%;
	border-right:2px dotted #ababab;
}
.high, .low {
	width:50%;
	text-align:right;
}
.opn, .high, .low, .vol {
	font-size:26px;
	color:#2f2e2e;
	line-height:20px;
	font-weight:bold;
	float:left;
}
.opn, .high {
	padding-bottom:15px;
}
.low, .vol {
	padding-top:15px;
}
.high {
	color:#2c9901 !important;
}
.low {
	color:#ed1c24 !important;
}
.opn span, .high span, .low span, .vol span {
	font-size:14px;
	color:#2f2e2e;
	line-height:20px;
	font-weight:normal;
	display:block;
	margin-bottom:5px;
}
.ohlv-foot {
	float:left;
	width:100%;
	margin-top:30px;
}
.vm-btn-sec {
	float:left;
	width:36%;
}
.eod {
	float:left;
	width:64%;
	font-size:11px;
	line-height:12px;
	padding-top:17px;
	color:#2f2e2e;
	text-align:right;
}
/*==============================================================
BURSA ANNOUNCEMENTS SECTION CSS STARTS HERE
================================================================*/
.bursa-item {
	float:left;
	width:100%;
	background:#f0f0f0;
	border:1px solid #959595;
	border-radius:4px;
}
.bursa-d-sec {
	float:left;
	width:15%;
	border-right:1px solid #959595;
	text-align:center;
	padding:22px;
}
.b-mnth {
	font-size:18px;
	line-height:18px;
	color:#2f2e2e;
	font-weight:bold;
}
.b-dt {
	font-size:30px;
	line-height:30px;
	color:#ed1c24;
	font-weight:bold;
}
.b-yr {
	font-size:18px;
	line-height:18px;
	color:#2f2e2e;
	font-weight:bold;
}
.ba-link {
	float:left;
	width:85%;
	padding:22px;
	display:table;
}
.ba-link a {
	display:table-cell;
	height:66px;
	vertical-align:middle;
	color:#2f2e2e;
	font-size:14px;
	font-weight:bold;
}
.ba-link a:hover {
	color:#ed1c24;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
/*==============================================================
REPORTS  SECTION CSS STARTS HERE
================================================================*/
.rp-sec {
	float:left;
	width:100%;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #959595;
}
.rp-img {
	float:left;
	width:15%;
	margin-right:2%;
}
.rp-cont {
	float:left;
	width:83%;
}
.rp-title {
	font-size:18px;
	line-height:18px;
	margin-bottom:15px;
	font-weight:bold;
	text-transform:uppercase;
}
.rp-btns a.view {
	margin-left:15px;
	color:#2f2e2e;
	font-weight:bold;
}
.rp-btns a.view:hover {
	margin-left:15px;
	color:#ed1c24;
	font-weight:bold;
	text-decoration:none;
}
.sh-h-m {
	background:url(../images/shareholders-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	height:390px;
	position:relative;
}
.shm-btn {
	position:absolute;
	bottom:40px;
	right:40px;
}
/*==============================================================
NEWS ALERT AND IR CONTACT SECTION CSS STARTS HERE
================================================================*/

.emailAlertContainer .form-control{
	border-radius: 0px;
}

.frm-cnt .form-control {
	background-color: #5e5e5e;
	border: 1px solid #5e5e5e;
	color:#fff !important;
		height: 46px;
}
.form-control {
	display: block;
	width: 100%;
	height: 43px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #fff;
	background-color: #fff;
	background-image: none;
	border: 1px solid #2f2e2e;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.nl-sub {
	margin-bottom:20px;
	margin-top:20px;
	font-size:17px;
	color:#666666;
}
a.pp-link {
	font-size:15px;
	color:#5096be;
	text-decoration:underline;
	line-height:56px;
	margin-left:30px;
}
.cont-bg {
	border-right:1px dotted #dddddd;
}
.cont-person {
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#2f2e2e;
	margin-bottom:30px;
	
}
.cont-person span {
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	color:#2f2e2e;
}
.phone a, .fax a, .usr {
	font-size:16px;
	line-height:16px;
	color:#2f2e2e;
	font-weight:normal;
	margin-bottom:20px;
	letter-spacing:1px;
}
.email a {
	font-size:16px;
	line-height:16px;
	color:#ed1c24;
	font-weight:normal;
	margin-bottom:20px;
}
.email a:hover {
	font-size:16px;
	line-height:16px;
	color:#2f2e2e;
	font-weight:normal;
	margin-bottom:20px;
}
.phone a:before {
	content: url(../images/phone-icon.png);
	width: 25px;
	height: 23px;
	margin-right: 10px;
	position: relative;
	top: 6px;
	display:inline-block;
}
.fax a:before {
	content: url(../images/fax-icon.png);
	width: 25px;
	height: 23px;
	margin-right: 10px;
	position: relative;
	top: 4px;
	display:inline-block;
}
.email a:before {
	content: url(../images/mail-icon.png);
	width: 25px;
	height: 23px;
	margin-right: 10px;
	position: relative;
	top: 4px;
	display:inline-block;
}
.usr:before {
	content: url(../images/user-icon.png);
	width: 25px;
	height: 23px;
	margin-right: 10px;
	position: relative;
	top: 8px;
	display:inline-block;
}
.share-reg-cont {
	margin-left:10%;
}




.iframe-FH{
	height:1250px !important;
}

.frameRatio{
	height:800px !important;
}


/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
@media (min-width: 1200px) {
.stock-bg {
    float: left;
    width: 100%;
    height: auto;
    background: url(../images/stock-per-sec-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height:640px;
}

	


	
}
 
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	
.stock-bg {
    float: left;
    width: 100%;
    height: auto;
    background: url(../images/stock-per-sec-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height:639px;
}

.iframe-FH{
	height:2450px !important;
}

.frameRatio{
	height:800px !important;
}
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	

.stock-bg {
    float: left;
    width: 100%;
    height: auto;
    background: url(../images/stock-per-sec-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 836px;
	
}

	
	
 .bursa-d-sec {
 float: left;
 width: 27%;
 border-right: 1px solid #959595;
 text-align: center;
 padding: 22px;
}
 .ba-link {
 float: left;
 width: 73%;
 padding: 22px;
 display: table;
}

.iframe-FH{
	height:2450px !important;
}

.frameRatio{
	height:800px !important;
}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
 .p-title {
 font-size: 30px;
 text-transform: uppercase;
 font-weight: bold;
 padding-top: 0;
 color: #fff;
 margin-bottom:25px;
}
 .stock-quote {
 background: rgba(240, 240, 240, 0.8);
 padding: 30px;
 float: left;
 width: 100%;
 height: auto;
    /* position: absolute; */
    /* right: 15px; */
    border: 2px solid #9a9a9b;
 border-radius: 2px;
 position:static;
 right:0;
}
.cont-bg {
 border-right: none;
 margin-bottom:30px;
}
 .share-reg-cont {
 margin-left: 0;
}

.iframe-FH{
	height:2450px !important;
}

.frameRatio{
	height:800px !important;
}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
 .stk-chng-sec {
 float: right;
 width: 100%;
 margin-top: 15px;
}

.iframe-FH{
	height:2450px !important;
}
}
 @media (max-width: 414px) {
 .stock-name {
 float: left;
 width: 100%;
 margin-right: 0;
 font-size: 16px;
 color: #494848;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 margin-bottom:15px;
}
.stk-val {
 float: left;
 font-size: 40px;
 line-height: 40px;
 font-weight: bold;
 color: #000;
 width: 100%;
 text-align: center;
}
.stk-chng-sec {
 float: right;
 width: 100%;
 margin-top: 15px;
 text-align: center;
}
 .stk-chg, .stk-chg-p {
 font-size: 18px;
 line-height: 18px;
 font-weight: bold;
 color: #2f2e2e;
 display: block;
}
.stk-chg {
 margin-right:0;
}
.vm-btn-sec {
 float: left;
 width: 100%;
 text-align: center;
}
.eod {
 float: left;
 width: 100%;
 font-size: 12px;
 line-height: 12px;
 padding-top: 17px;
 color: #2f2e2e;
 text-align: center;
}
 .rp-img {
 float: left;
 width: 22%;
 margin-right: 2%;
}
.rp-cont {
 float: left;
 width: 75%;
}
 .bursa-d-sec {
 float: left;
 width: 25%;
 border-right: 1px solid #959595;
 text-align: center;
 padding: 22px;
}
.ba-link {
 float: left;
 width: 74%;
 padding: 22px;
 display: table;
}

.iframe-FH{
	height:2450px !important;
}

.frameRatio{
	height:800px !important;
}
}


/* Portrait i phones and smaller */
@media (max-width: 360px) {
 .p-title {
 font-size: 24px;
 text-transform: uppercase;
 font-weight: bold;
 padding-top: 0;
 color: #fff;
 margin-bottom: 25px;
}
 .rp-img {
 float: left;
 width: 22%;
 margin-right: 2%;
}
.rp-cont {
 float: left;
 width: 75%;
}

.frameRatio{
	height:800px !important;
}
}



/* Portrait i phones and smaller */
@media (max-width: 320px) {
 .p-title {
 font-size: 20px;
 text-transform: uppercase;
 font-weight: bold;
 padding-top: 0;
 color: #fff;
 margin-bottom: 25px;
}
 .main-title h1 {
 font-size: 16px;
 line-height: 16px;
 font-weight: bold;
 text-transform: uppercase;
 color: #ed1c24;
 margin-top: 0;
}
 .bursa-d-sec {
 float: left;
 width: 29%;
 border-right: 1px solid #959595;
 text-align: center;
 padding: 22px;
}
.ba-link {
 float: left;
 width: 71%;
 padding: 22px;
 display: table;
}
.rp-img {
 float: left;
 width: 28%;
 margin-right: 2%;
}
.rp-cont {
 float: left;
 width: 70%;
}
}