@charset "utf-8";
/* CSS Document */
html
{
}
body
{
font-family: 'Noto Sans', sans-serif;
margin: 0;
font-size: 14px;
overflow-x: hidden;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #f8f9fa;
}
a
{
color: #a2000e;
}
a:hover
{
color:#a2000e ;
}
a, a:hover, a:focus, a:active
{
text-decoration:none;outline:none;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Montserrat",sans-serif;
margin: 0 0 20px;color: #24292e;font-weight: 500;
line-height: 1.2;
}
h2
{
font-size:36px;text-align:center;font-weight:700;
}
button, button:focus, button:active
{
outline:none;
}
.overlaybox-wrapper
{
position:relative;
}
.overlaybox-wrapper .view-details {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.7);
overflow: hidden;
width: 100%;
height: 45px;
transition: .5s ease;
}
.overlaybox-wrapper:hover .view-details {
height: 100%;
}
.overlaybox-wrapper .view-details a {
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#block-oursubsidiaries .field div {
text-align: center;
}
input, select, img, input:active, input:focus
{
outline:none;
}
img
{
outline:none;
}
.mt12
{
margin-top:12px;
}
.mt40
{
margin-top:40px;
}
.modal-body p
{
margin-bottom:2px;text-align:center;
}
.modal-header h2
{
margin-bottom:0px;
}
.modal-body a.popup-button
{
background-color: #a2000e;
color: #fff;
padding: 12px 20px;
display: block;
text-align: center;
margin-top: 22px;
}
#popUp360 .modal-header
{
border:0px !important;padding:0px;
}
#contactDiv, #shareDiv, #creditratings
{
cursor:pointer;
}
#popUp360 .modal-header .close
{
position: absolute;
top: 20px;
right: 20px;
line-height: 30px;
font-size: 30px;
color: #fff;
z-index: 99999;
background-color: rgba(162,0,14,0.6);
padding: 0px 10px 3px 10px;
border-radius: 5px;
font-weight: 400;
}
#popUp360 .modal-body
{
padding:0px;position:relative;
}
#popUp360 .modal-body .more-button
{
position:absolute;bottom:38px;min-width: 190px;
text-align:center; left: 50%; transform: translateX(-50%);
}
#popUp360 .modal-body .more-button a
{
color:#fff !important;background-color: rgba(162,0,14, 0.8);
padding:13px 25px;border:none; outline:none;
}
#popUp360 .modal-content
{
border:none !important;
background-color:transparent;
box-shadow:none !important;
}
/******************IR Menu*************************/
#ir-menu {
text-align: center;
}
section#ir-menu ul li:first-child {
}
#ir-menu ul li a {
background-color:transparent !important;
color: #212529; font-weight: 700;font-size:14px;
font-family: "Montserrat",sans-serif;
}
#ir-menu ul .activeHeader a {
color: #a2000e !important;
}
#ir-menu ul li a:hover {
opacity: 1;
}
div#Dividends {
margin-top: 50px;
}
#announcements h3, #events-presentations h3
{
border-bottom:2px solid #a2000e ;
}
#ir-banner-section, #agm-reports-section, #announcements, #financial-section, #events-presentations, #innerpage-banner
{
margin-bottom:50px;
}
#ir-banner-section
{
background-image:url(../images/ir-banner.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
#ir-banner-section h1
{
background-color: rgba(0, 0, 0, 0.75);
padding:12px 28px;
font-size:40px;
line-height:45px;
color:#fff;
display:inline-block;
font-weight:600;
margin:0;
position:absolute;
bottom:0;
}
#innerpage-banner
{
background-image:url(../images/innerpage-banner.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
min-height:300px;
position:relative;
}
.page-heading
{
position:absolute;
bottom:0px;left:0; right:0;
padding:22px 0px 20px 0px;
background-color:rgba(0,0,0,0.6);
}
.page-heading h1
{
font-size: 40px;
line-height: 45px;
color:#fff;font-weight: 600;
margin:0;padding: 15px 0px;
display:inline-block;
}
.page-heading .ir-sub-menu
{
float:right;
}
#stock-section
{
background-color:rgba(0,0,0,0.75);
width:100%;
margin-top:65px;
padding:20px 0px;
}
#stock-section .stockname
{
font-size:24px;
line-height:28px;
font-weight:100;
color:#fff;
}
#stock-section .stockvalue
{
font-size:42px;
line-height:45px;
color:#fff;
font-weight:400;
}
.stockdetails
{
color:#fff;
margin:06px 0px;
}
.stockinfo:after, .ir-sub-menu:before
{
content: "";
display: table;
clear: both;
}
.stockdetails .pricevalue
{
display: inline-block;
margin-left: 34px;
}
.stockPrice .priceUp
{
color:#35eb42;
}
.stockPrice .priceDown
{
color:#d71921;
}
.quotesource
{
font-size:11px;
font-weight:300;
text-align:right;
color:#fff;
border-top:1px solid #fff;
margin-bottom:0px;
padding-top:5px;
}
.glance-box
{
background-color:rgba(0,0,0,0.72);
padding:20px;
margin-top:65px;
display:inline-block;
float:right;
}
.glance-box li a
{
color:#fff;
}
.glance-box li a:hover
{
}
.inner-box
{
border:2px solid #fff;
padding:20px 30px;
}
.list-item {
list-style-type: none;
padding-left: 13px;
margin-bottom: 0px;
}
.list-item li {
position: relative;
padding-left: 30px;
margin-bottom: 02px;
text-align: justify;
font-size: 18px;
margin-top:07px;
color:#fff;
}
.list-item li:before {
position: absolute;
top: 0;
left: 0;
font-family: FontAwesome;
content: url(../images/right-arrow.png);
}
.glance-box .list-item li:first-child
{
color:#f49404;
font-size:20px;
font-weight:400;
margin-bottom:12px; padding-left: 0px;
}
.glance-box .list-item li:first-child:before
{
display:none;
}
.agm-box, .reports-box, .ar-box, .sr-box, .fh-box, .fr-box, .fp-box, .resources-bg
{
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.agm-box
{
background-image:url(../images/agm-bg.jpg);
}
.reports-box
{
/* background-image:url(../images/reports-bg.jpg); */
background-position: center bottom; position:relative;
}
.reports-box .view-details
{
position: absolute;
bottom: 0;
width: 100%;
}
.ar-box
{
background-image:url(../images/ar-bg.jpg); height: 212px;
background-position: center top;
}
.sr-box
{
background-image:url(../images/sr-bg.jpg); height: 212px;
}
.fh-box
{
background-image:url(../images/fh-bg.jpg);
}
.fr-box
{
background-image:url(../images/fr-bg.jpg);
}
.fp-box
{
background-image:url(../images/fp-bg.jpg);
}
.resources-bg
{
background-image:url(../images/investors-resources-bg.jpg);
height: 125px;
}
#agm-reports-section h4, #financial-section h4, #investor-section h4
{
background-color:#a2000e ;
color:#fff;
font-size:18px;
margin:0px;
padding:10px;
text-align:center;
}
/*#agm-reports-section h4
{
background-color:#27ae60;
color:#fff;
font-size:18px;
margin:0px;
padding:10px;
text-align:center;
font-weight:400;
}
*/.box-valign
{
text-align:center;
display:table;
width:100%;
height:172px;
color:#fff;
padding: 10px 20px;
/*padding:86px 0px;*/
}
.box-valign a
{
color:#fff;
}
.modal-content p
{
}
.box-valign a:hover
{
}
#investor-section .box-valign
{
background-color:#f4f6f6;
color:#212529;
}
#investor-section .box-valign .list-item li
{
color:#212529;
font-size:14px;
margin:3px 0px;
padding-left:23px;
}
#investor-section .box-valign .list-item li a
{
color:#212529;
}
#investor-section .box-valign .list-item li a:hover
{
}
#investor-section .box-valign .list-item li:before
{
content: url(../images/right-arrow-black.png);
}
.resources .box-valign
{
height:120px;
}
.share-registrar
{
background-color: #f4f6f6;
height:100%;
}
.share-registrar p
{
color: #3a3a3a !important;
}
.share-registrar .box-valign
{
height:212px;
}
.resources
{
height:100%;
background-color: #f4f6f6;
border-bottom: 3px solid #a2000e ;
}
.resources img
{
margin:0 auto;
}
.resources .bhb-logo
{
background-color: #e1e1e1;
}
.resources a
{
color:#a2000e;
}
.valign-text
{
display:table-cell;
vertical-align:middle;
}
.box-valign h6{
margin:9px 0px;
font-size:15px;
}
.box-valign p
{
margin-bottom:0px;
}
.view-details
{
background-color:rgba(0,0,0,0.5);
padding:10px;
text-align:center;
transition:0.7s ease-in all;
}
/*#agm-reports-section .view-details:hover
{
background-color:rgba(31,19,77,0.6);
}*/
.view-details:hover
{
background-color:rgba(0,0,0,0.75);
}
.view-details a
{
color:#fff;
font-size:13px;
}
.month-date
{
border:1px solid #00607b;
padding:9px 0px;
border-radius:50%;
font-size:18px;
line-height:20px;
color:#00607b;
width:50px;height:50px;
text-align:center;
margin-right:15px;
float:left;
}
.month-date p
{
font-size:11px;
color:#00607b;
margin-bottom:0px;
line-height:12px;
}
.news .bursa-news
{
float: left;
width: 62%;
display: table;
}
#events-presentations .news:hover {
background-color: #a2000e;
color: #fff;
}
.news .new-button a {
display: inline-block;
padding: 5px 14px;
border: 1px solid #a2000e;
background-color: transparent;
color: #404040;
margin-bottom: 0px;
/* display: none; */
margin: 0px 5px;
font-weight: 300;
min-width: 110px;
text-align: center;
}
#events-presentations .news:hover .new-button a {
border: 2px solid #fff;
background-color: transparent;
color: #fff;
}
#events-presentations .news:hover .month-date
{
color:#fff;
border:1px solid #fff;
}
#events-presentations .news:hover .month-date p
{
color:#fff;
}
.news .new-button a:hover {
color: #a2000e !important;
border: 2px solid #fff !important;
background-color: #fff !important;
}
.news .bursa-news a
{
color:#212529;
}
.news .bursa-news a:hover
{
color:#a2000e;
}
.news .bursa-news p
{
margin-bottom:0px;
display: table-cell;
vertical-align: middle;
height: 50px;
}
.news
{
border-bottom:1px solid #ccc;
overflow:hidden;
padding: 10px 10px;
display:table;
width:100%;
}
.more-button
{
text-align:right;
}
.more-button a, .size, .download-pdf, input.btn-primary, a.btn-primary
{
color: #a2000e;
font-family: "Montserrat",sans-serif;
font-weight: bold;
font-size: 15px;vertical-align:middle;
}
.more-button a:after, .size:after, .download-pdf:after, a.btn-primary:after {
font-family: FontAwesome;
content: "\f178";
padding-left: 12px;
font-size: 14px;
vertical-align:middle;
}
.more-button a:hover, a.btn-primary:hover
{
color: #a2000e !important;
}
section#announcements .more-button, section#events-presentations .more-button{
margin-top: 25px;
}
input.btn-primary
{
background-color:#a2000e;color:#fff !important;
padding: 10px 30px
}
#ir-main-menu
{
background-color:#a2000e ;
color:#fff;
padding:10px;
/*position: fixed;
right: 0;
left: 0;
top:0;
z-index: 1030;
min-height:44px;*/
}
#ir-main-menu #ctl00_submenu ul li a
{
border:none;
padding:0px;margin:0px;
-webkit-transition: .5s;
transition: .5s;
margin:0px 15px;
background-color:inherit;
}
#ir-main-menu #ctl00_submenu li.active
{
background-color:transparent;
border:none;opacity: 1;
}
#ir-main-menu #ctl00_submenu ul li:hover
{
opacity: 1;
}
/********** sub Menu ***********/
#ctl00_submenu, #submenu
{
text-align:center;
}
#ctl00_submenu ul, #submenu ul
{
list-style: none;
display: inline-block;
padding-left:0px;
margin-bottom:0px;
}
#ctl00_submenu ul li, #submenu ul li
{
display: inline-block;
margin:0px 10px;
}
#ctl00_submenu ul li a, #submenu ul li a
{
text-decoration: none;
color:#fff;
display: inline-block;
padding: 10px 25px;
border:1px solid #fff;
font-size: 16px;
line-height: 20px;
font-weight: 400;
-webkit-transition: .2s;
transition: .2s; margin: 15px 0px 15px 0px;
}
#ctl00_submenu ul li a:hover, #submenu ul li a:hover
{
border:1px solid #a2000e; color:#fff;
background-color:#a2000e;
}
/*#ctl00_submenu li.active, #submenu li.active
{
color: #fff !important;
background-color:#27ae60;
pointer-events: none;
border:1px solid #27ae60;
}*/
/**********end Sub Menu ***********/
/*********Annuncement**********/
#bursa-section .bursanews-header
{
background-color:#e2eced;
padding:20px 25px;
border-bottom:2px solid #a2000e ;
margin-bottom:10px;border-radius: 0px 0px 8px 8px;
}
#bursa-section .bursanews-header a
{
}
#bursa-section .bursanews-header a:hover
{
}
.year-row span a
{
padding-right:10px;
font-weight:bold;
}
.year-row p
{
padding-top:0px;
}
.bursanews-header p
{
font-weight:bold;
font-size:13px;
margin-bottom:0px;
padding-top:5px;
}
.bursanews-header .input-group input
{
outline:none;
border:1px solid #d7d7d7;
min-width:220px;
}
.bursanews-header .input-group
{
display:inline-block;
}
.bursanews-header .input-group input:first-child
{
margin-right:22px;
}
.bursanews-header .row
{
margin-bottom:10px;
}
.bursanews-header .row:last-child
{
margin-bottom:0px;
}
.bursanews-header select
{
width:52%;
outline:none;
border:1px solid #d7d7d7;
margin-right:20px;
min-width:220px;
}
.announcements p
{
margin-bottom:0px;
font-size:13px;
}
.announcements a
{
color:#212529;
display:block;
margin-bottom:12px;
}
.announcements a:hover
{
color:#a2000e;
}
.announcements a:last-child
{
margin-bottom:0px;
}
.announcements
{
border-bottom:1px solid #e7e7e7;
overflow:hidden;
padding:14px 0px;
}
.bursanews-header .more-button
{
text-align:inherit;
display:inline-block;
}
.bursanews-header .more-button a, .bursanews-header .more-button input.btn-primary
{
font-weight:bold;
margin-right:08px;
}
/* Date picker*/
.ui-datepicker .ui-datepicker-prev
{
left:5px;
background: url(../img/glyphicons-217-circle-arrow-left.png) no-repeat left center;
height:40px;
width:35px;
}
.ui-datepicker .ui-datepicker-prev:hover
{
background: url(../img/glyphicons-217-circle-arrow-left-hover.png) no-repeat left center;
height:40px;
width:35px;
left:5px;
}
.ui-datepicker .ui-datepicker-next {
background: url(../img/glyphicons-218-circle-arrow-right.png) no-repeat right center;
height:40px;
width:35px;
right:5px;
}
.ui-datepicker .ui-datepicker-next:hover
{
background: url(../img/glyphicons-218-circle-arrow-right-hover.png) no-repeat right center;
height:40px;
width:35px;
right:5px;
}
/* adding style for datepicker calendar */
.ui-datepicker th{
color:#2b3991;
}
.ui-datepicker th:first-child{
color:#ff0000;
}
.ui-datepicker td:first-child a{
color:#ff0000;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
background:#a2000e !important;
color:#ffffff!important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
min-width:0px;
border: 0px solid #eee;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background:#fff;
color:#333;
border-radius:0px;
border:none;
color:#666666;
font-size: 14px;
font-weight:normal;
}
.icon-circle-arrow-left:before, .icon-circle-arrow-left:after{
content:""!important;
}
.icon-circle-arrow-right:before, .icon-circle-arrow-right:after{
content:""!important;
}
/*********End Annuncement**********/
/***********Price & volume**********/
.tab-section span a
{
padding-right: 10px;
font-weight: bold;
color: #27ae60;
}
.tab-section .datepicker-section
{
margin-top:15px;
}
.tab-section .datepicker-section input {
display: inline-block;
border: none;
outline: none;
border: 1px solid #d7d7d7;
padding: 06px 12px;
min-width: 220px;
}
.tab-section .datepicker-section input:first-child {
margin-right: 16px;
}
.tab-section .more-button {
text-align: inherit;
display: inline-block;
margin-left: 30px;
}
/***********End Price & volume**********/
/****Events & Presentations ************/
.row.dropdownpullleft {
margin: 0;
}
.events-results-box
{
padding:20px 30px;
height:100%;
position:relative;
border:1px solid #e1e1e1;
min-height:280px;
}
.events-results-box h3
{
font-size:25px;
display:inline-block;
padding-bottom:6px;
padding-right:18px;
}
.events-results-box
{
background-color:#f9f9f9;
}
.events-results-box h3
{
color:#a2000e;
border-bottom:1px solid #a2000e;
}
.events-results-box h5
{
font-size:16px;
color:#2c2c2c;
font-weight:400;
margin-top:50px;
}
.events-results-box p
{
margin-bottom:03px;
color:#2c2c2c;
font-size:13px;
}
.events-results-box h4
{
font-size:18px;
line-height:22px;
margin:0px 0px 10px 0px;
}
.events-results-box .agm-desc, .events-results-box .more-button
{
text-align:center;
position:absolute;
bottom:30px;
padding-left:inherit;
padding-right:inherit;
left:0;right:0;
}
.events-results-box .more-button, .events-results-box:hover .agm-desc
{
display:none;
}
.events-results-box:hover
{
background-color: #a2000e;
}
.events-results-box:hover h3 {
color: #fff;
border-bottom: 1px solid #fff;
}
.events-results-box:hover .more-button
{
display:block;
}
.events-results-box .more-button a
{
display:block;
text-align:center;
color:#fff;
border:2px solid #fff;
background-color:transparent;
margin-top:12px;
font-weight:400;
font-size:14px;padding: 6px 5px;
}
.events-results-box .more-button a:hover
{
background-color:#fff;
color:#a2000e !important;
}
.events-results-box .more-button a:after
{
display:none;
}
.event-news h4
{
color:#24292e;
font-size:25px;
font-weight:600;
border-bottom:2px solid #24292e;
padding:0px 07px 17px 07px;
margin:30px 0px 10px 0px;
}
.event-news .agm-desc {
padding: 0px 7px;
}
.event-news p
{
font-weight:normal;
font-size:14px;
}
.event-news .announcements
{
display:table;
width:100%;
padding:10px 0px;
}
.event-news .news-button a
{
display:inline-block;
padding:5px 14px;
border:1px solid #a2000e;
background-color:transparent;
color:#a2000e;
margin-bottom:0px;
/*display:none;*/
margin:0px 5px;
font-weight:300;
min-width:110px;
text-align:center;
}
.event-news .announcements:hover .news-button a
{
border: 2px solid #fff;
background-color: transparent ;
color: #fff;
}
.event-news .news-button a:hover
{
color:#a2000e !important;
border:2px solid #fff !important;
background-color:#fff !important;
}
.event-news .announcements p, .event-news .announcements span
{
/*padding-top:7px;
display:inline-block;*/
display:table-cell;
vertical-align:middle;
height:35px;
}
.event-news .announcements:hover p, .event-news .announcements:hover span
{
color:#fff;
}
.event-news .announcements span
{
}
.event-news .announcements:hover
{
background-color:#a2000e;
color:#fff;
}
.event-news .announcements:hover .news-button a
{
display:inline-block;
}
/*********Reports**********/
.latest-ar-box, .latest-sr-box
{
height:100%;
}
#reports-section .latest-ar-box .textbox, #reports-section .latest-ar-box .reports-button a
{
text-align:center;
}
.latest-ar-box h4, .latest-sr-box h4
{
font-size:20px;
line-height:24px;
font-weight:400;
display:inline-block;
padding-bottom:06px;
border-bottom:2px solid #b7b7b7;
margin:0px 0px 12px 0px;
}
.latest-ar-box h4
{
color:#80d6f1 ;
}
.latest-sr-box h4
{
color:#f4951e;
}
#reports-section .textbox
{
padding: 20px;
min-height:300px;
width:45%;
display:inline-block;
vertical-align:top;
background-color:#333;
}
.latest-ar-box .textbox
{
border-left:4px solid #80d6f1 !important;
}
.latest-sr-box .textbox
{
border-left:4px solid #f4951e !important;
}
.latest-ar-box .reports-button a
{
color:#fff;
display:block;
text-align:left;
font-size:13px;
line-height:16px;
margin: 8px 0px;border:none !important;
}
.textbox .reports-button a:hover
{
background-color:transparent;
color:#80d6f1;
border:1px solid #80d6f1;
}
.latest-ar-box .reports-cover
{/*
background-image:url(../images/ar-2016.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;*/
height:100%;
max-height: 300px;
background-color:#fafafa;
padding-left:0px;
padding-right:0px;
width:55%;
display:inline-block;
}
.latest-ar-box .reports-cover img
{
width:100%;
height:300px;
}
.latest-sr-box .reports-cover
{
background-image:url(../images/sr-2016.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
height:100%;
min-height: 256px;
}
#reports-section .col-lg-6.col-md-6.col-sm-6:after
{
content:'';
display:table;
clear:both;
}
.report-list-box
{
/*background-image:url(../images/sr-2016.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
height:100%;
min-height: 220px;*/
position:relative;
margin-bottom: 15px;
}
.report-list-box img {
display: block;
width: 100%;
height: auto;
}
.report-list-box .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.7);
overflow: hidden;
width: 100%;
height: 70px;
transition: .5s ease;
}
.report-list-box:hover .overlay {
height: 100%;
}
.report-list-box .text {
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.report-list-box .text p
{
font-size:16px;
color:#fff;
margin:0;
text-align:center;
}
.report-list-box .text .reports-button
{
display:none;
}
.report-list-box:hover .text .reports-button {
display:block;
text-align:center;
}
.report-list-box:hover .text .reports-button a
{
margin:0 auto;
color:#fff;
border:1px solid #fff;
margin-top:08px;
}
/********Stock Charts***********/
#stockcharts h4.stock-name
{
font-weight:600;
text-align:left;
display:inline-block;
margin:0px 0px 10px 0px;
}
#stockcharts .eod-date
{
float:right;
margin-bottom:0px;
}
#stockcharts .stockvalue
{
font-size:31px;
color:#212529;
line-height:38px;
font-family: "Montserrat",sans-serif;
font-weight: 600;
}
#stockcharts .stockdetails
{
color:#212529;
line-height:16px;
}
#stockcharts .stockdetails span {
width: 90px;
display: inline-block;
text-align: left;
}
#stockcharts .stockdetails .pricevalue
{
margin-left:0px;
}
.border-line
{
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
padding:18px 0px;
}
.vline
{
height: 50px;
border: 1px solid #e7e7e7;
width: 1px;
text-align: center;
margin: 0 auto;
}
#stockcharts .container {
position: relative;
}
.stock-info-details
{
display:inline-block;
text-align:center;
min-width:120px;
}
.stock-info-details p
{
margin-bottom:2px;
}
.stock-info-details p:last-child
{
font-weight:bold;
}
#stock-price-info .container
{
position:relative;
margin-top:32px;
}
#popmodal
{
font-size:15px;
color:#a2000e;
border-bottom:1px solid #a2000e;
display:inline-block;
margin-top:35px;margin-bottom:20px;
font-size: 18px;
font-weight: 600;
font-family: "Montserrat",sans-serif;
}
#popmodal:after {
content: "\f0d7";
font-family: FontAwesome;
padding-left: 08px;
}
.popModal {position:absolute;background:#fff;padding:15px;border:1px solid #c5d0db;box-shadow:0 2px 8px rgba(0,0,0,0.12);text-align:left;max-width:100% !important;min-width:180px;z-index:9997;box-sizing:border-box;border-radius:3px; width:100% !important;}
.popModal.expand {max-width:500px}
.popModal .close {line-height:16px;font-size:28px;width:16px;font-weight:bold;font-family:serif;position:absolute;right:8px;top:8px;color:#000;opacity:0.2;padding:0;cursor:pointer;background:transparent;border:0;outline:0}
.popModal .close:hover {opacity:1}
.popModal .popModal_content {margin:15px auto;word-wrap:break-word;}
.popModal:before,
.popModal:after {content:'';position:absolute;border:10px solid transparent}
.popModal:after {z-index:1}
.popModal.bottomCenter:before {border-top-width:0;border-bottom-color:#c5d0db;top:-10px;left:10px}
.popModal.bottomCenter:after {border-top-width:0;border-bottom-color:#fff;top:-9px;left:10px}
.popModal.bottomCenter:before,
.popModal.bottomCenter:after {left:50%;margin-left:-10px}
@media (max-width: 400px){
.popModal {position:absolute;max-width:100%!important;right:20px}
}
/* animation */
.animated {animation-duration:0.5s;animation-fill-mode:both;transform:translateZ(0);backface-visibility:hidden}
.fadeInBottom {animation-name:fadeInBottom}
@keyframes fadeInTopBig
{
0% {opacity:0;transform:translateY(-100%)}
100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInBottom
{
0% {opacity:0;transform:translateY(30px)}
100% {opacity:1;transform:translateY(0)}
}
/*Event Presentations*/
.iconDownload {
background:url(../images/iconDownload.png) no-repeat center center;
width:100%;
margin-bottom:2px !important;
padding-left:35px;
display: block;
}
.iconDownload:hover {
background:url(../images/iconDownloadHover.png) no-repeat center center;
width:100%;
text-decoration:none;
}
.inner-contnt3 {
background: #a2000e;
color:#fff;
padding:25px 15px;
border-radius:4px;
height: 100%;
min-height: 269px;
display: block;
position:relative;
text-decoration: none;
margin-bottom:24px;
}
.inner-contnt3:hover {
background: #a2000e;
color:#fff;
}
.inner-contnt3, .inner-contnt4 {
background: #a2000e;
color:#fff;
padding:25px 15px;
border-radius:4px;
height: 100%;
/*min-height: 269px;*/
min-height:452px;
display: block;
position:relative;
text-decoration: none;
margin-bottom:24px;
}
a.inner-contnt:hover, .inner-contnt4:hover {
background: #a2000e;
color: #fff;
}
a.inner-contnt:hover .sec-heading, a.inner-contnt:hover .link-date, .inner-contnt4:hover .sec-heading {
color:#fff;
}
a.inner-contnt:after {
content: url(../images/ba-rm-icon.png);
position: absolute;
bottom: 20px;
right: 47px;
}
a.inner-contnt:hover:after {
position: absolute;
bottom: 20px;
right: 27px;
transition: all 0.25s ease-out;
}
a.inner-contnt-qtr:hover {
background: #13a84a;
color: #fff;
}
a.inner-contnt-qtr .links-cont {
font-size: 20px;
line-height:24px;
text-decoration: none;
min-height: 32px;
display: table;
width:89%;
}
a.inner-contnt-qtr .link-cont-child {
width:88%;
text-transform:inherit;
display:block;
font-size:17px;
line-height:20px;
display:table-cell;
vertical-align:middle;
}
a.inner-contnt-qtr:after {
content: url(../images/ba-rm-icon.png);
position: absolute;
top: 34px;
right: 45px;
}
a.inner-contnt-qtr:hover:after {
position: absolute;
top: 34px;
right: 25px;
transition: all 0.25s ease-out;
}
.inner-contnt3 h4 {
margin:0px 0px 20px 0px;
color:#fff;
border-color:#fff;
font-size:18px;
}
.inner-contnt3 .more-button, .inner-contnt3 .more-button:hover {
background-color:transparent !important;
padding: 15px 0px 0px !important;
line-height: unset !important;
border-radius:0px !important;
}
.inner-contnt3 .more-button span.iconDownload{
background: url(../images/iconDownload-white.png) no-repeat left center;
text-align:left;
}
.inner-contnt3 .more-button span a:after{
content:none;
}
.inner-contnt3 a, .inner-contnt3:hover a {
color:#fff !important;
}
/* Large desktops and laptops */
@media (min-width: 1200px)
{
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px)
{
#stockcharts .stockvalue
{
font-size: 26px;
line-height: 34px;
}
}
@media (min-width:992px)
{
.inner-box
{
min-width:350px;
}
#submenu
{
margin-top:22px;
}
#reports-section .latest-ar-box {
height: 100%;
width: 75%;
margin: 0 auto;
}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px)
{
#stockcharts .stockvalue
{
font-size: 19px;
line-height: 24px;
font-weight: bold;
}
#stockcharts .stockdetails span
{
width:84px;
}
.stock-info-details
{
min-width:65px;
font-size:13px;
}
.latest-ar-box
{
margin-bottom:15px;
}
.page-heading h1
{
font-size:34px;
}
#ctl00_submenu ul li a, #submenu ul li a
{
font-size:15px;
padding:10px 18px;
}
#submenu
{
margin-top:18px;
}
.report-list-box .text p
{
font-size:14px;
line-height:18px;
}
}
@media (min-width: 768px)
{
.row-eq-height
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.pl-0
{
padding-left:0px;
}
.pr-0
{
padding-right:0px;
}
.news-button
{
float:right;
}
.ir-menu ul li a
{
padding: 02px 6px !important;
margin: 0px !important;
}
.news .new-button
{
/*float:right;*/
text-align:right;
display:table-cell;
vertical-align:middle;
width:40%;
}
#ir-menu .navbar-nav li a {
margin-right:22px;
}
#ir-menu .navbar-nav li:last-child a {
margin-right:0px !important;
}
#ir-menu .navbar-brand {
display: none;
}
#ir-menu .navbar-collapse
{
display:inline-block !important;margin: 10px 0px;
}
#popUp360 .modal-dialog
{
width:90%;
}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px)
{
.glance-box
{
float:none;
margin-top:35px;
}
#ir-banner-section h1
{
position:inherit;
font-size:32px;
padding:10px 18px;
margin-top:40px;
}
.stockinfo {
text-align: initial;
}
#ir-banner-section
{
text-align:center;
}
#stock-section
{
margin-top:35px;
}
.news .bursa-news
{
width:80%;
}
.agm-box, .fh-box, .fr-box, .resources, .news-alert
{
margin-bottom:15px;
}
#submenu
{
margin-top:18px;
}
#ir-main-menu #ctl00_submenu ul li, #submenu ul li
{
margin:1px 5px;
}
.latest-sr-box
{
margin-top:15px;
}
#stockcharts .stockvalue
{
font-size:18px;
line-height:24px;font-weight: bold;
}
#stockcharts .stockdetails span
{
width:84px;
}
.stockpriceinfo
{
margin-bottom:10px;
overflow:hidden;
}
#stockcharts .border-line .col-xs-12
{
text-align:center;
}
.latest-ar-box
{
margin-bottom:15px;
}
.page-heading h1
{
font-size:30px;
display:block;text-align:center;
margin-bottom:18px;
}
.page-heading .ir-sub-menu
{
float:none;
}
#ctl00_submenu ul li a, #submenu ul li a
{
font-size:14px;
padding:8px 14px;
}
.ir-menu ul li a
{
padding: 02px 1px !important;
margin: 0px !important;
}
.news .new-button a
{
margin-top:15px;margin-bottom:04px;
}
.event-news .news-button a
{
margin-top:08px;margin-bottom:04px;
}
.ir-menu ul li a
{
font-size:12px !important;
}
.ar-box
{
height:auto !important;
}
#ir-menu ul li a:before
{
display: inline-block;
padding-right: 10px;
min-width: 40px;
}
#ir-menu .navbar-nav li a {
margin-bottom: 12px;
padding-bottom: 4px;color:#fff;
display: inline-block; font-weight:500;
}
#ir-menu ul li a:before {
padding-bottom: 0px;
}
#ir-menu .navbar-nav {
padding-top: 10px;
margin: 0px;
border: none;
text-align:center;background-color: #2a272e;
}
#ir-menu .navbar-header {
border:0px;
}
#ir-menu
{
padding:0px;
}
#popUp360 .modal-dialog
{
width:98%;
}
section#agm-reports-section .row .col-lg-6:last-child {
margin-top: 15px;
}
#investor-section .box-valign
{
height:auto;
}
#investor-section .resources p
{
text-align: left;
}
}
/* Portrait phones and smaller */
@media (max-width: 480px)
{
#ir-banner-section h1
{
font-size:25px;
padding:6px 15px;
}
.page-heading h1
{
font-size:25px;
display:block;
text-align:center;
}
.stockdetails .pricevalue
{
margin-left:14px;
}
.stockinfo
{
font-size:12px;
line-height:16px;
margin-top:10px;
}
.news .bursa-news {
width: 72%;
}
#ctl00_submenu ul li
{
margin:0px 2px;
}
#ctl00_submenu ul li a, #submenu ul li a
{
font-size: 12px;
padding: 06px 12px;
}
.page-heading .ir-sub-menu
{
float:none;
}
.ir-menu ul li a
{
padding: 02px 3px !important;
margin: 0px !important;
font-size: 12px !important;
line-height: 15px !important;
}
#ir-main-menu
{
padding:03px !important
}
#stockcharts .eod-date
{
float:none;
}
.stock-info-details
{
min-width:85px;
}
#reports-section .textbox
{
width:100%;
display:block;
}
.latest-ar-box .reports-cover
{
width:100%;
display:block;
}
.reports-button a
{
display:inline-block;
margin-right:15px;
}
.bursanews-header .more-button
{
margin-top:15px;
}
.priceVolume .tab-content .datepicker-section .form-group
{
margin-top:5px;
}
#innerpage-banner .ir-sub-menu
{
margin-top:18px;
}
.event-news .announcements:hover .news-button a
{
margin-top:12px;
}
.report-list-box .text p
{
font-size:13px;
line-height:16px;
}
#stockcharts .stockvalue
{
font-size: 16px;
line-height: 26px;
}
#ir-banner-section h1
{
margin-top:50px;
}
header .navbar-brand img
{
width:60%;
}
header .right-top
{
text-align:center;
}
}
/* Portrait i phones and smaller */
@media (max-width: 420px)
{
#reports-section [class*='col-xs']
{
width:100% !important;
}
.reports-button a
{
display:inline-block;
margin-right:10px;
}
.textbox h4 br
{
display:none;
}
.priceVolume select
{
margin-right:0px !important;
min-width: 146px;
}
}
@media (max-width: 380px)
{
#stockcharts .border-line [class*='col-xs']
{
width:100%;
}
.stock-info-details
{
min-width:65px;
font-size:13px;
}
#stockcharts .stockvalue
{
font-size:26px;
line-height:34px;
text-align:center;
}
}