@charset "utf-8";


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

@font-face {
    font-family: 'Aeonik';
    src: url('../fonts/Aeonik-Bold.eot');
    src: url('../fonts/Aeonik-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aeonik-Bold.woff2') format('woff2'),
        url('../fonts/Aeonik-Bold.woff') format('woff'),
        url('../fonts/Aeonik-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	/*font-size:16px;*/
	font-size:18px;
	line-height:22px;
	color:#101010;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:27px;
	font-weight:normal;
	color:#101010;
}

a{
	color:#C90C0F;
	text-decoration:none;  
}
a:hover{
	color:#101010;
	text-decoration:none;  
}


.mb-15 {
	margin-bottom:15px !important;
}
.mb-20 {
	margin-bottom:20px !important;
}
.mb-30 {
	margin-bottom:30px !important;
}
.mb-60 {
	margin-bottom:60px !important;
}


.mb-62 {
	margin-bottom:62px !important;
}
.mb-40 {
	margin-bottom:40px !important;
}
.mb-h {
	margin-bottom:100px !important;
}
.vm-btn {
	float:left;
	width:100%;
	text-align:center;
}
.btn-left {
	text-align:left !important;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:hover:focus, .btn-primary:hover:active, .ClsButton {
	background:#101010;
	padding:12px 24px;
	color:#FAFAFA;
	border-radius:50px;
	display:inline-flex;
	outline:none;
	border:none;
}
.w-btn {
	background:#FAFAFA;
	color:#101010;
}
.btn-primary span {
	font-family: 'Aeonik';
	font-size:18px;
	line-height:18px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	font-weight:normal;
	letter-spacing:0.36px;
}
.btn-primary span:after {
	content:'';
	display:inline-block;
	background:url(../images/arrow-right.png) no-repeat;
	background-size:cover;
	background-position:center center;
	width:20px;
	height:15px;
	line-height:18px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}
.btn-more span {
	font-family: 'Aeonik', Helvetica, sans-serif;
	color:#E84626;
	font-size:40px;
	line-height:40px;
	font-weight:bold;
	display:flex;
}
.btn-more span:after {
	content:'';
	display:inline-block;
	background:url(../images/show-more.png) no-repeat;
	background-size:cover;
	background-position:center center;
	width:40px;
	height:40px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	margin-left:10px;
}
h2
{
	font-size:40px;line-height:46px;
	font-weight:bold; color:#101010;
	margin:0px;
}
h3
{
	 font-size:30px;line-height:36px;
	 font-weight:bold;color:#101010;
	  margin: 0px 0px 30px 0px;
}
h4
{
	font-size: 24px;font-weight: 600;
    line-height: 30px;margin:0px;
	color:#101010;margin-bottom:30px;
	
}
.dividend
{
	margin-bottom:30px;
}
.dividend h4
{
	color: #343434;
    font-size: 20px;
    line-height: 26px;
    margin: 22px 0px 15px 0px;	
	font-weight: bold;
}

.main-title h2 {
	font-family: 'Aeonik', Helvetica, sans-serif;
	font-size: 56px;
	line-height:67px;
	
	color:#C90C0F;
	margin-bottom: 20px;
	font-weight:bold;
	letter-spacing:1px;
}



h5
{
	font-size:18px;line-height:26px;font-weight:600;
	color:#343434;margin-bottom:15px;margin-top:20px;
}
h6
{
	font-size:18px;line-height:24px;font-weight:bold;
}
h7
{
	font-size:12px;line-height:28px;font-weight:400;
}

.left-text
{
	padding-top:100px;text-align:center;
}
.left-text h3
{
	font-weight:bold;color:#343434;font-size:20px;
	border-bottom: 2px solid #333; display: inline;
    padding: 0px 15px;
}
.left-text h2
{
	font-weight:bold;color:#343434;padding:10px 0px;
	font-size:38px;
}
.left-text p
{
	font-weight:600;color:#2b2b2b;
}



.opap-total-text
{
	padding-top:2px;text-align:center;
}
.opap-total-text h3
{
	font-weight:bold;color:#343434;font-size:16px;
	border-bottom: 1px solid #333; display: inline;
    padding: 0px 15px;
}
.opap-total-text h2
{
	font-weight:bold;color:#343434;padding:10px 0px;
	font-size:26px;
	line-height:26px;
}
.opap-total-text p
{
	font-weight:600;color:#2b2b2b;
}

.opap-main-title h1{
	font-family: 'Aeonik';
	font-size:54px;
	line-height:67px;
	font-weight:bold;
	text-align:left;
	color:#101010 !important;
	margin-bottom:30px;
}

.opap-main-title h2{
	font-size:32px;
	line-height:32px;
	font-weight:bold;
	text-align:center;
	color:#343434;
	margin-bottom:30px;
}

/* Animation */
/*.fade {
	opacity: 0;
	-webkit-transition: opacity 1.25s linear;
  	-moz-transition: opacity 1.25s linear;
    -ms-transition: opacity 1.25s linear;
    -o-transition: opacity 1.25s linear;
	transition: opacity 1.25s linear;
	 
}

.fade.in, .fade.show {
    opacity: 1;
}*/



/*================================================================================
TABLE CSS STARTS HERE, BASED ON NEW SDG MOCKUP
=================================================================================*/




.financialInfo .table {
  border-collapse: separate;       
  border-spacing:0 3px;          
}
.financialInfo .table th{
	background:#C90C0F;
	padding:15px;
}
 
 
.sdg-table-head th:first-child {
  border-top-left-radius: 10px;
}
 
 
.sdg-table-head th:last-child {
  border-top-right-radius: 10px;
}


.financialInfo .table thead tr{
	 
	
}

.financialInfo .table tr{
	 
	background:#fafafa;

}


.financialInfo .table tr:nth-child(even){
	background:#efefef;
}


.financialInfo .table tr td{
	 
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
}

.financialInfo .table tr td:first-child{
		border-left:1px solid #DEDEDE;
		width:75%;
	 
}

.topt-table .table tr td:first-child{
	width:auto;
}

.financialInfo .table tr td:last-child{
		border-right:1px solid #DEDEDE;
	 
}

.anl-cover table tr th:first-child,
.anl-cover table tr td:first-child{
	text-align:left;
}
.anl-cover table tr th:last-child,
.anl-cover table tr td:last-child{
	text-align:left;
}



/*ratings*/

.rating-title{
	font-weight: bold;
    margin-bottom: 27px;
    font-size: 54px;
    line-height: 64px;
    text-align: left;
}










table.simeplt-note
{
	margin: 40px 0px 45px 0px;
    display: block;
}
table.simeplt-note td {
    padding: 1px 20px;
    font-size: 15px;
    color: #343434;
}
table.simeplt-note tr td:first-child
{
	font-weight:600;
}
.simeplt
{
   width:100%;margin:20px 0px;border-collapse:collapse;
}
.simeplt thead 
{
	border-top: 1px solid #e8e8e8;
}
#tab1 .simeplt tr:nth-child(even) td
{
    
}
/*#tab1 .simeplt tr td:nth-child(2), #tab1 .simeplt tr th:nth-child(2)
{
	text-align:left;
}*/
.simeplt tr:nth-child(even) td
{
  /* background-color: rgba(247,148,30,0.04);*/
}
.simeplt thead th:first-child{
	text-align:left !important;
}
.simeplt thead th
{
	background-color:#af1f1f;text-align:center !important;color:#fff;
	padding:15px 06px;font-size:16px;line-height:22px; /*border-right: 1px solid #e8e8e8;*/
}
.shareholdings-wrapper .simeplt thead th
{
	min-width:140px;
}
.simeplt thead th:last-child
{
  border-right:none;
}
.simeplt tbody tr{
	border-bottom:1px solid #e8e8e8;
}

.simeplt td
{
	padding:12px 06px;	
   /* border: 1px solid #e8e8e8;*/text-align:left;
}
.simeplt td span
{
	font-size:20px;line-height:20px;font-family:initial;color:#666;
}
.simeplt tr td:first-child
{
	border-left:none;
	text-align:left !important;
}
.simeplt tr td:last-child
{
	border-right:none;
}




.simeplt-center td
{
	padding:12px 06px;	
    /*border: 1px solid #e8e8e8;*/text-align:center !important;
}


.notes
{
	font-size:13px;line-height:18px;
}
.notes p
{
 
  margin:15px 0px 04px 0px;font-size:14px; font-weight:500;
}
.notes table tr td
{
	padding: 4px 3px!important;
    vertical-align: top !important;
    text-align: left !important;
}
.notes table tr td:first-child
{
	font-size:20px;color:#333;
}
.labelchart, .labelchart-fs
{
	font-size:14px;text-align:center;color: #4b4b4b;
}

 
/*.highcharts-title
{
	font-size:56px !important;
	line-height:56px;
	font-weight:bold;
	color:#101010;
	padding-top:50px !important;
}*/
.financialInfo .labelchart sup
{
	top:-.0em !important;font-size:18px;color:#4b4b4b !important;
}

.t30-frame{
	height:3305px !important;
}
.z-tabs.mobile > ul.z-tabs-nav {
    border-width: 1px 1px 1px 1px;
    background: #fff !important;
}


.frame-dp{
	min-height:962px !important;
}
.frameRatio{
	height:900px !important;
}
/*=================================================

=================================================*/


.financialInfo .tab-content {
    padding-top: 20px;
}
.borderBottom {
 /*   border-bottom: 1px solid #ccc;*/
 border-top: 1px solid #ccc;
 margin-top:2px;
}
.financialInfo .nav-tabs > li {
  float: left;
  margin-top: 2px;
}
.financialInfo .nav-tabs{
 border-bottom:none;
}

.financialInfo .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1;
  border: 1px solid transparent;
  border-radius: 0px 0px 0 0;
  background:#e3e3e3;
  font-weight:bold;
  padding:10px 15px;
}



/*==============================================================================
investor Bulletins css - copy AR section css 
================================================================================*/

.inner-contnt4 {
    background: #fdfdfd;
    color: #4b4b4b;
    padding: 25px 15px;
    border-radius: 4px;
    height: 100%;
    min-height: 269px;
    display: block;
    position: relative;
    text-decoration: none;
    margin-bottom: 24px;
    border: 1px solid #eaeaea;
    overflow: hidden;
}
.sec-heading {
    margin-bottom: 0px;
}
.sec-heading span {
    display: block;
    margin-bottom: 22px;
    padding-bottom: 11px;
    border-bottom: 1px solid #555;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    min-height: 30px;
    line-height: 20px;
}
.report-title-2 {
    float: left;
    width: 55%;
    padding-top: 19%;
    padding-bottom: 19%;
}
.report-title-2 a.download {
    float: left;
    font-size: 14px;
    line-height: 22px;
    color: #ed1c24;
    padding-left: 30px;
    width: 173px;
}

.report-title-2 a.viewbtn {
    float: left;
    font-size: 14px;
    line-height: 22px;
    color: #ed1c24;
    padding-left: 30px;
    width: 166px;
}

.report-title-2 a.download:before {
    float: left;
    content: url(../images/iconDownload.png);
    width: 28px;
    height: 28px;
    margin-bottom: 2px !important;
    display: inline-block;
    text-align: left;
    position: absolute;
    left: 15px;
}
.report-title-2 a.viewbtn:before {
    float: left;
    content: url(../images/iconView.png);
    width: 28px;
    height: 28px;
    margin-bottom: 2px !important;
    display: inline-block;
    text-align: left;
    position: absolute;
    left: 15px;
}


.report-pic-sec-2 {
    float: left;
    margin-left: 12px;
    width: 40%;
}
.report-pic-sec-2 .ar-pic {
    margin-bottom: 20px;
}
.report-pic-sec-2 .ar-pic img {
    transition: all .3s ease-in-out;
}


/*==============================================================================
investor Bulletins css - New design css
================================================================================*/
.reports-wrap {
	float:left;
	width:100%;
}
.rcver {
	margin-bottom:9px;
}
.ryear {
	font-family: 'Aeonik';
	font-size:18px;
	line-height:27px;
	font-weight:bold;
	color:#C90C0F;
	margin-bottom:15px;
}
.rpt-title {
	font-family: 'Aeonik';
	font-size:30px;
	line-height:36px;
	font-weight:bold;
	color:#101010;
	margin-bottom:15px;
	letter-spacing: -0.3px;
}
.reports-wrap .vm-btn {
	margin-bottom:10px;
}
 .reports-wrap [class*="col-"] {
 margin-bottom:100px;
}


/*==============================================================================
PRESS RELAEASE CSS STARTS HRER
================================================================================*/

.pr-links-wrap{
}

.pr-item{
	 display:block;
	width:100%;
	margin-bottom:16px;
}
.pr-date{
	font-family: 'Aeonik';
	font-size:24px;
	line-height:24px;
	margin-bottom:20px;
	/*line-height:56px;*/
	font-weight:bold;
	color:#101010;
	letter-spacing:-0.24px;
}
.pr-link a, .pr-link a:hover{
		font-family: 'Aeonik';
	font-size:18px;
	line-height:27px;
	font-weight:normal;
	color:#C90C0F;
	letter-spacing:-0.18px;
	text-decoration:none;
}



.ac-cuw{
	width:860px;
	margin:auto auto;
}






@media (max-width: 480px) { /* 480px */
.financialInfo .nav-tabs > li > a {
	padding:10px 10px;
}

.t30-frame{
	height:4700px !important;
}

.frameRatio{
	height:1435px !important;
}

.iframe-SH{
	height:1700px !important;
}


}

.financialInfo .nav-tabs > li > a {
	padding:10px 10px;
	border-top: 4px solid transparent;
    font-weight: bold !important;
   background:none;
   color:#333;
    position:relative;
  top:-4px;
  
}


.financialInfo .nav-tabs > li > a:hover {
  color: #333;
  cursor: pointer;
  background-color: none;
  
  border-top: 4px solid #f58a1f;
  font-weight:bold;
  background:none;
   position:relative;
  top:-4px;
}
/*.financialInfo .nav-tabs > li.active > a,
.financialInfo .nav-tabs > li.active > a:hover,
.financialInfo .nav-tabs > li.active > a:focus {
  color: #ffffff;
  cursor: default;
  background-color: #e41827;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  font-weight:bold;
}*/


.financialInfo .nav-tabs > li.active > a,
.financialInfo .nav-tabs > li.active > a:hover,
.financialInfo .nav-tabs > li.active > a:focus {
  color: #333;
  cursor: default;
  background-color: none;
  border:none;
  border-top: 4px solid #f58a1f;
  font-weight:bold;
  background:none;
  position:relative;
  top:-4px;
}




.financialInfo .nav-icon > li {
  float: left;
  margin-bottom: -2px;
}

.financialInfo .nav-icon > li > a {
  margin-right: 2px;
  line-height: 1;
  padding:3px;
  margin-bottom: -2px;
  font-weight:bold;
}
.financialInfo .nav-icon > li > a:hover {
  border-color: none;
  margin-bottom:-1px;
  font-weight:bold;
}
.financialInfo .nav-icon > li.active > a,
.financialInfo .nav-icon > li.active > a:hover,
.financialInfo .nav-icon > li.active > a:focus {
  cursor: default;
  background:#ccc;
  padding:3px;
  margin-bottom:-2px;
  font-weight:bold;
}

.nonAdjusted{
	height:35px;
	display:block;
}
.nonAdjusted:hover{
	height:35px;
	display:block;
	cursor:pointer;
}

.adjusted{
	height:15px;
	display:block;
}
.adjusted:hover{
	height:15px;
	display:block;
	cursor:pointer;
}

.graphIcon{
	background:url(../images/graph.png) no-repeat center center;
	width:28px; height:28px;
	display:block;
}
.graphIcon:hover{
	background:url(../images/graphHover.png) no-repeat center center;
	width:28px; height:28px;
	display:block;
	cursor:pointer;
}

.tableIcon{
	background:url(../images/table.png) no-repeat center center;
	width:28px; height:28px;
	display:block;
}
.tableIcon:hover{
	background:url(../images/tableHover.png) no-repeat center center;
	width:28px; height:28px;
	display:block;
	cursor:pointer;
}

.financialInfo table tr td, .financialInfo table thead tr th{
	vertical-align:middle;
}

.financialInfo thead{
	background:#333333;
	color:#ffffff;
	border-bottom-width: 1px;
}
.financialInfo table thead tr th{
	text-align:right;
	border-bottom-width: 1px;
}
.financialInfo table thead tr th:nth-child(1){
	text-align:left;
	border-bottom-width: 1px;
}
.financialInfo table th:nth-child(1){
	text-align:left;
}
.financialInfo table tbody th:nth-child(1) {
	background-color:#ffcd37;
}
.financialInfo table tbody th:nth-child(2) {
	background-color:#004f17;
}
.financialInfo table tbody tr td{
	text-align:right;
	/*text-align:center;*/
}
.analysisShareholdingsContainer table tbody tr td{
	/*text-align:right;*/
	text-align:center;
}
.financialInfo table tbody tr td:nth-child(1){
	text-align:left;
}

.tspan
{
	list-style:none;	
}

@media (min-width: 500px) {
 .tabs-oh .z-tab
 {
	/*width:33% !important;*/
	width:25% !important;
 }
 .tabs-oh .z-tab a
 {
	 border-bottom:1px solid #cecece !important;
 }
}


label
{    color: #4b4b4b;
    font-size: 14px;
    margin-right: 15px;
}
.colors {
  
  display: none;min-width:    width: 1px;
    min-width: 100%;
}
.dropdownpanel {
  
  display: none;min-width:    width: 1px;
    min-width: 100%;
}
.custom-dropdown select {
    
    padding: 11px 25px;   
    border: 0;
    margin: 0;
	max-width:100%;
	 min-width:155px;
	 border:1px solid #101010;
    border-radius: 50px;  
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline:none !important;
	background-image: url(../images/dropdownArrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: center right 20px !important;
    background-color: #fff !important; 
	color:#101010 !important;
	font-size: 18px;
    line-height: 18px;  
	font-weight:bold; 
}
select
{
	color:#4b4b4b;
	font-weight: 500;
}
.custom-dropdown select::-ms-expand {
    display: none;
}
.custom-dropdown {
  margin-bottom:60px;    
}

.dd-long select{
	max-width:100%;
	 min-width:331px;
}










@media (min-width: 768px) and (max-width: 991px) {
	
	
 .main-title h2 {
    font-family: 'Aeonik', Helvetica, sans-serif;
    font-size: 40px;
    line-height: 40px;
    color: #C90C0F;
    margin-bottom: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}	
	
	.opap-main-title h1 {
    font-family: 'Aeonik';
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
    text-align: left;
    color: #101010 !important;
    margin-bottom: 30px;
}

.rating-title{
	font-weight: bold;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 40px;
    text-align: left;
}



	
}


@media  (max-width: 767px) {
	
	 .main-title h2 {
    font-family: 'Aeonik', Helvetica, sans-serif;
    font-size: 40px;
    line-height: 40px;
    color: #C90C0F;
    margin-bottom: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}	
 
	.opap-main-title h1 {
    font-family: 'Aeonik';
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
    text-align: left;
    color: #101010 !important;
    margin-bottom: 30px;
}

.mb-hide{
	display:none;
}

.rating-title{
	font-weight: bold;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 40px;
    text-align: left;
}
	
}






@media (max-width: 479px) 
{
 .labelchart
 {
	 font-size:12px;
 }
 .labelchart-fs
 {
	 font-size:08px;
 }
.mb-hide{
	display:none;
} 
 
}
/*===============================================================
Shareholding Structure
==================================================================*/

.Shareholding-Structure{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
}
.ss-icon{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
	min-height:80px;
}
.ss-icon img{
	display:block;
	margin:0 auto;
	
}
.ss-val{
	float:left;
	width:100%;
	text-align:center;
	font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}

.ss-text{
	float:left;
	width:100%;
	olor: #7D7D7D;
    font-weight: bold;
    padding-top: 10px;
    display: block;
    text-align: center;
}


/*==============================================
TABS CUSTOM
===============================================*/

.z-tabs > ul > li > a{
	background:transparent !important;
}

.z-tabs.white > ul, .z-tabs.white > ul > li > a, .z-tabs.white > .z-container {
    border-color: #CECECE;
    border-style: solid;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
	
}

.z-tabs.white > ul > li > a {
    background: #fff;
    color: #919191;
    text-transform: uppercase;
}
.z-tabs.horizontal.top > ul > li > a {
    top: 4px !important;
    border-width: 1px 1px 0 1px;
}





.z-tabs.horizontal.responsive > ul.z-tabs-desktop > li > a:hover{
	    border-top: 4px solid #f58a1f !important;
		position:relative;
	top:3px !important;
  padding-top: 17px;
    margin-top: 0;
    margin-bottom: 0;
	font-weight:bold;
}


.z-tabs.horizontal.top.white.z-bordered > ul > li.z-active > a {
    border-top: 4px solid #f58a1f !important;
    padding-top: 17px;
    margin-top: 0;
    margin-bottom: 0;
    color: #333;
	position:relative;
	top:3px !important;
}

@media(max-width:1170px){
	
/*.z-tabs-nav li{
	max-width:16% !important;
}
	*/
}

@media (max-width: 380px){
.financialInfo table td, .financialInfo table th{
	vertical-align: top;
  height: 100%;
}
.financialInfo  tr:nth-child(2), .financialInfo  tr:nth-child(2) td{
	height:38px;
	 
}
	
}