@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:400,900|Ubuntu:400,500');
/*font-family: 'Lato', sans-serif;
font-family: 'Ubuntu', sans-serif;*/
/*=================================================
Banner section Starts here
===================================================*/
a{
color:#2b286c;
text-decoration:none;
font-family: 'Lato', sans-serif;
font-size: 14px;
}
a:hover{
color:#af1f23;
text-decoration:none;
font-family: 'Lato', sans-serif;
font-size: 14px;
}
section.banner-ir{
background:url(../images/ir-banner.jpg) no-repeat;
background-size:cover;
background-position:center top;
width:100%;
max-width:100%;
display:block;
min-height:450px;
max-height:100%;
margin-top:105px;
}
.page-heading h1{
/*font-size:60px;*/
font-size:48px;
color:#fff;
font-family: 'Ubuntu', sans-serif;
margin-top:156px;
}
.sec-stock-quote{
width:100%;
/*min-height:128px;*/
background: rgba(41, 48, 56, 0.9);
margin-top:130px;
padding:13px 0;
}
.stock-code h2{
font-size:40px;
color:#fff;
font-family: 'Lato', sans-serif;
font-weight:900;
margin-top:0;
}
.stock-code span, .stock-code span img {
float:left;
width:30px;
height:32px;
vertical-align:top;
margin-right:15px;
padding-top:6px;
}
.last-update{
font-family: 'Lato', sans-serif;
font-size:11px;
color:#fff;
}
.stock-price h2{
font-size:40px;
color:#fff;
font-family: 'Lato', sans-serif;
font-weight:bold;
margin-top:0;
}
.last-done, .stock-details{
font-size:14px;
/*font-size:18px;*/
font-family: 'Lato', sans-serif;
color:#fff;
}
.stock-details{
margin-bottom:15px;
}
/*.stock-details span.details-left{
float:left;
}*/
.stock-details span.details-right{
float:right;
}
span.standard{
color:#fff;
}
span.priceUp{
color:#35eb42;
}
span.priceDown{
color:#d1151c;
}
/*==========================================================
IR Content section start here
============================================================*/
section.ir-content-sec{
padding-top:30px;
width:100%;
}
.grp-arqr-sec{
width:100%;
min-height:202px;
max-height:100%;
background-color:#f7f7f7;
padding:15px 0;
}
.chart-responsive{
min-height:191px;
height:100%;
}
.head-title h2{
font-size:35px;
font-family: 'Ubuntu', sans-serif;
color:#d1151c;
font-weight:500;
margin-top:0;
}
.ar-title{
font-size:14px;
font-family: 'Lato', sans-serif;
color:#3d3d3d;
display:table;
margin-top:20px;
}
.ar-title p{
font-size:14px;
font-family: 'Lato', sans-serif;
color:#3d3d3d;
line-height:23px;
}
.ar-icon{
float:left;
padding-right:15px;
margin-bottom:10px;
width:28%;
}
.mt-10{
margin-top:10px;
}
/*===================================================
Bursa Announcements & Clendar section start here
=====================================================*/
.annouc-calendar-sec{
width:100%;
padding:30px 0;
}
.bursa-news-item-sec{
padding:10px 0;
border-bottom:2px solid #d7d7d7;
margin-bottom:10px;
/*min-height:110px;*/
min-height:86px;
}
.bursa-date{
font-family: 'Lato', sans-serif;
font-size:14px;
color:#164e98;
padding-bottom:10px;
}
.bursa-news{
font-family: 'Lato', sans-serif;
font-size:14px;
color:#363636;
text-transform:capitalize;
}
.bursa-cal a{
color:#363636;
font-size:14px;
text-transform:capitalize;
}
.bursa-cal a:hover{
color:#363636;
font-size:14px;
}
a.more-link{
font-size:14px;
color:#164e98;
text-decoration:none;
}
a.more-link:hover{
color:#af1f23;
}
/*=====================================================================================
IR Contact & News letter section
=======================================================================================*/
.ir-cont-news-lettter{
width:100%;
padding:30px 0;
}
.ir-contact p, .ir-news-alert p{
font-family: 'Lato', sans-serif;
font-size:14px;
color:#363636;
text-align:justify;
}
.contact, .name{
padding-top:30px;
}
.contact img{
float:left;
margin-right:15px;
padding-top:5px;
}
.name img{
float:left;
margin-right:15px;
}
.label-name{
background:#fff;
}
.news-alert-frm{
padding-bottom:20px;
}
.bursa-news a{
color:#363636;
}
.bursa-news a:hover{
color:#af1f23;
text-decoration:none;
}
.btn-sub, .btn-register{
background:#2b286c;
color:#fff;
}
.btn.btn-register:hover{
background:#af1f23;
color:#fff;
}
.btn.btn-sub:hover{
background:#af1f23;
color:#fff;
}
.btn {
display: inline-block;
padding: 5px 22px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
/*border-radius: 6px;*/
}
.form-control:focus {
border-color: #164e98;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 78, 158, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 78, 158, .6);
}
/*=============================================================
Media Queries Starts here
===============================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.page-heading h1 {
font-size: 40px;
color: #fff;
font-family: 'Ubuntu', sans-serif;
margin-top: 70px;
}
.stock-code h2 {
font-size: 32px;
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: 900;
margin-top: 0;
}
.stock-price h2 {
font-size: 32px;
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: bold;
margin-top: 0;
}
section.banner-ir {
background: url(../images/ir-banner.jpg) no-repeat;
background-size: cover;
width: 100%;
max-width: 100%;
display: block;
min-height: 360px;
max-height: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
.stock-code h2 {
font-size: 23px;
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: 900;
margin-top: 0;
}
.stock-price h2 {
font-size: 23px;
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: bold;
margin-top: 0;
}
.last-done, .stock-details {
font-size: 12px;
font-family: 'Lato', sans-serif;
color: #fff;
}
ar-icon {
float: left;
padding-right: 15px;
margin-bottom: 10px;
max-width: 40%;
}
.last-update {
font-family: 'Lato', sans-serif;
font-size: 12px;
color: #fff;
/* text-align: left; */
float: left;
margin-bottom: 10px;
}
}
@media(max-width:768px){
section.banner-ir {
background: url(../images/ir-banner.jpg) no-repeat;
background-size: cover;
background-position:center top;
width: 100%;
max-width: 100%;
display: block;
min-height: 319px;
max-height: 100%;
margin-top:104px;
}
.sec-stock-quote {
width: 100%;
background: rgba(41, 48, 56, 0.9);
margin-top: 91px;
padding: 13px 0;
min-height:0;
}
.page-heading h1 {
font-size: 40px;
color: #fff;
font-family: 'Ubuntu', sans-serif;
margin-top: 70px;
}
.stock-code h2 {
font-size: 22px;
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: 900;
margin-top: 0;
}
.stock-code span img {
float: left;
width: 30px;
height: 32px;
vertical-align: top;
margin-right: 15px;
margin-top:-9px;
}
.stock-price h2 {
font-size: 22px;
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: bold;
margin-top: 0;
}
.last-done, .stock-details {
font-size: 12px;
font-family: 'Lato', sans-serif;
color: #fff;
}
.ar-icon {
float: left;
padding-right: 15px;
margin-bottom: 10px;
max-width: 40%;
}
.ar-title {
font-size: 16px;
font-family: 'Lato', sans-serif;
color: #3d3d3d;
display: table;
margin-top: 16px;
}
.ar-title p {
font-size: 13px;
font-family: 'Lato', sans-serif;
color: #3d3d3d;
line-height: 17px;
}
.head-title h2 {
font-size: 28px;
font-family: 'Ubuntu', sans-serif;
color: #d1151c;
font-weight: 500;
margin-top: 0;
}
.bursa-news {
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #363636;
}
.ir-contact p, .ir-news-alert p {
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #363636;
}
}
@media (max-width: 767px) {
.stock-code{
margin-bottom:15px;
}
.ar-icon {
float: left;
padding-right: 15px;
margin-bottom: 10px;
max-width: 33%;
}
.tb15{
margin-top:15px;
margin-bottom:15px;
}
.ar-title {
font-family: 'Lato', sans-serif;
color: #3d3d3d;
margin-top: 12px;
}
.ar-title p {
font-size: 14px;
font-family: 'Lato', sans-serif;
color: #3d3d3d;
line-height: 19px;
}
.bursa-news {
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #363636;
}
.ir-contact p, .ir-news-alert p {
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #363636;
}
}
@media(max-width:480px){
.stock-code{
margin-bottom:15px;
}
.ar-icon {
float: left;
padding-right: 15px;
margin-bottom: 10px;
max-width: 33%;
}
.tb15{
margin-top:15px;
margin-bottom:15px;
}
.page-heading h1 {
font-size: 32px;
color: #fff;
font-family: 'Ubuntu', sans-serif;
margin-top: 70px;
}
.head-title h2 {
font-size: 24px;
font-family: 'Ubuntu', sans-serif;
color: #d1151c;
font-weight: 500;
margin-top: 0;
}
section.banner-ir {
background: url(../images/ir-banner.jpg) no-repeat;
background-size: cover;
background-position:center top;
width: 100%;
max-width: 100%;
display: block;
min-height: 319px;
max-height: 100%;
margin-top:99px;
}
}
@media(max-width:375px){
section.banner-ir {
background: url(../images/ir-banner.jpg) no-repeat;
background-size: cover;
background-position:center top;
width: 100%;
max-width: 100%;
display: block;
min-height: 319px;
max-height: 100%;
margin-top:83px;
}
}
@media(max-width:320px){
.page-heading h1 {
font-size: 22px;
color: #fff;
font-family: 'Ubuntu', sans-serif;
margin-top: 70px;
}
.stock-code h2 {
font-size: 17px;
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: 900;
margin-top: 0;
}
.stock-price h2 {
font-size: 17px;
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: bold;
margin-top: 0;
}
.last-done, .stock-details {
font-size: 10px;
font-family: 'Lato', sans-serif;
color: #fff;
}
.head-title h2 {
font-size: 20px;
font-family: 'Ubuntu', sans-serif;
color: #d1151c;
font-weight: 500;
margin-top: 0;
}
.ar-icon {
float: left;
padding-right: 15px;
margin-bottom: 10px;
max-width: 39%;
}
.ar-title {
font-family: 'Lato', sans-serif;
color: #3d3d3d;
margin-top: 13px;
}
.ar-title p {
font-size: 10px;
font-family: 'Lato', sans-serif;
color: #3d3d3d;
line-height: 12px;
}
.ir-contact p, .ir-news-alert p {
font-family: 'Lato', sans-serif;
font-size: 12px;
color: #363636;
}
.last-update {
font-family: 'Lato', sans-serif;
font-size: 11px;
color: #fff;
float: left;
margin-bottom: 10px;
}
section.banner-ir {
background: url(../images/ir-banner.jpg) no-repeat;
background-size: cover;
background-position:center top;
width: 100%;
max-width: 100%;
display: block;
min-height: 319px;
max-height: 100%;
margin-top:83px;
}
}
/********** sub Menu ***********/
#ctl00_submenu
{
text-align:center;
}
#ctl00_submenu ul
{
list-style: none;
padding: 0;
margin: 30px 0 10px;
}
#ctl00_submenu ul li
{
display: inline-block;
vertical-align: middle;
padding: 0 6px;
line-height: 14px;
margin-bottom: 12px;
}
#ctl00_submenu ul li a
{
text-decoration: none;
color:#454545;
padding: 6px 09px;
font-size: 15px;
line-height: 20px;
/*border: 1px solid #FFF;*/
-webkit-transition: .5s;
transition: .5s;
}
#ctl00_submenu ul li a:hover
{
color: #fff !important;
background-color: #af1f23;
/*border: 1px solid #2c3e50;*/
}
#ctl00_submenu a.active
{
color: #fff !important;
background-color: #2b286c;
/*border: 1px solid #e61b23;*/
font-weight: 500;
pointer-events: none;
}
/**********end Sub Menu ***********/