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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');



/*


.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.noto-sans-<uniquifier> {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


*/










body {
	 font-family: "Noto Sans", sans-serif;
	color: #050505;
	font-size:14px;
	font-weight:normal;
	line-height: 1.8;
	overflow-x:hidden;
	background:#FEF1E4;
}
.mt-100 {
	margin-top: 100px;
}
.mt-30 {
	margin-top:30px;
}
.mt-80 {
	margin-top: 80px;
}
.mb-30 {
	margin-bottom:30px;
}
 
.grey-bg {
	background:#e4e4e4;
}
 
.sec-1, .sec-2, .sec-3, .sec-4, .sec-5, .sec-6 {
	float:left;
	width:100%;
	clear:both;
	margin-bottom:80px;
}
a {
	color:#F36F20;
	text-decoration:none;
}
a:hover {
	color:#050505;
	text-decoration:none;
}
.main-title h2 {
	font-family: 'Montserrat', sans-serif;
	font-size:34px;
	line-height:34px;
	color:#000000;
	font-weight:bold;
	margin-top:0;
	margin-bottom:38px;
	text-transform:inherit;
}
.main-title h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:30px;
	line-height:30px;
	color:#000;
	font-weight:normal;
	margin-top:0;
	text-transform:inherit;
}
.main-title h5 {
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	line-height:13px;
	color:#000;
	font-weight:normal;
	margin-bottom:30px;
	margin-top:0;
}
.text-left h2 {
	text-align:left;
}
.white {
	color:#fff !important;
}
.white h2 {
	color:#fff !important;
}
/*=================================================
buttons
===================================================*/
.ClsButton {
	font-family: 'Poppins', sans-serif !important;
	height:inherit !important;
	font-size:14px !important;
	color:#000 !important;
	font-weight:400 !important;
	border:2px solid #ff6210 !important;
	background:#ff6210 !important;
	border-radius:50px;
	text-align:center !important;
	 width:auto !important;
}
.btn-primary, .button, a.size, .ClsButton, .invs-btn {
	font-size:14px !important;
	display:inline-flex;
	 align-items:center;
	color:#000;
	font-weight:700;
	text-decoration:none;
	border:1px solid #ff6210;
	background:#ff6210;
	outline:none;
	padding:11px 28px;
	text-transform:uppercase;
	border-radius:50px !important;/* transition:all .2s ease-in-out;
	transform:scale(1.0);*/
}



.btn-primary span{
	margin-right:10px;
}

.btn-primary::after{
	content:'';
	display:flex;
	 background:url(../images/long-arrow-right.png);
	background-repeat:no-repeat;
	background-size:cover;
 	width:12px;
	height:12px;
 
	transition: transform 0.3s ease;
 
}

.btn-primary:hover::after{
		content:'';
	display:flex;
 background:url(../images/long-arrow-right.png);
	background-repeat:no-repeat;
	background-size:cover;
  width:12px;
	height:12px;
 
}


.white-btn span{
	margin-right:14px;
}
.white-btn{
	color:#fff;
	border:2px solid #fff;
	font-size:14px !important;
	display:inline-flex;
	 align-items:center;
 
	font-weight:400;
	text-decoration:none;
 
	outline:none;
	padding:9px 28px;
	text-transform:capitalize;
	border-radius:50px !important;
}

.white-btn:hover{
	color:#262161 !important;
	border:2px solid #fff;
	background:#fff !important;
}

.white-btn::after{
	content:'';
	display:flex;
	background:url(../images/long-arrow-right.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:12px;
	height:12px;
 
}

.white-btn:hover::after{
		content:'';
	display:flex;
	background:url(../images/long-arrow-right.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:12px;
	height:12px;
 
	 color:#000 !important;
}





.btn-primary:hover, .button:hover, a.size:hover, .ClsButton:hover, .btn-primary:focus, .button:focus, a.size:focus, .ClsButton:focus, .btn-primary:active, .button:active, a.size:active, .ClsButton:active, .btn-primary.active, .button.active, a.size.active, .ClsButton.active, .invs-btn:hover {
	font-size:14px !important;
	background:#eb6420;
	border:1px solid #eb6420;
	color:#fff !important;
	font-weight:700 !important;
	text-decoration:none;
	 
	outline:none;
	padding:11px 28px;
	text-transform:uppercase;
	border-radius:50px !important;/* transition:all .2s ease-in-out;
	transform:scale(1.01);*/
}
.view-more {
	font-size:14px;
	margin-left:20px;
}
.white {
	color:#fff !important;
}
.nl-bcn {
	float:left;
	width:100%;
	margin-top:52px;
}
.csreq-form-btn {
	float:left;
	width:100%;
	margin-top:30px;
	text-align:right;
}
 
 
/*==============================================================
IR HOME PAGE  CSS STARTS HERE
================================================================*/


/*===================================================================================================================
SECTION -1 CSS STARTS HERE
=====================================================================================================================*/

.main-title{
	float:left;
	width:100%;
	margin-bottom:30px;
}
.stock-perf .main-title{
	text-align:center;
	margin-bottom:30px;
}


.stock-perf .main-title h2{
	position:relative;
	display:inline-block;
}

.stock-perf .main-title h2:after{
	content:'';
	display:block;
	margin-top:22px;
	width:76px;
	height:3px;
	background:#F36F20;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}

.main-title h2:after{
	content:'';
	display:block;
	margin-top:22px;
	width:76px;
	height:3px;
	background:#F36F20;
	position:absolute;
	 
}


.stp-sec{
	float:left;
	width:100%;
	margin-bottom:30px;
 
}
.stp-head{
	float:left;
	width:100%;
	margin-bottom:30px;
	padding-right:22px;
}
.stp-head-left{
	float:left;
	width:45%;
}
.stp-head-right{
	float:left;
	width:55%;
	text-align:right;
}


.stk-name{
	float:left;
	width:214px;
	height:40px;
	background:#F36F20;
	border-radius:50px;
	font-family: "Montserrat", sans-serif;
	color:#fff;
	font-size:24px;
	line-height:29px;
	text-align:center;
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:center;
	
}
.stk-val-sec{
	float:left;
	width:100%;
}
.stk-val{
	font-family: "Montserrat", sans-serif;
	font-size:54px;
	line-height:54px;
	color:#000000;
	margin-right:15px;
	font-weight:bold;
	display:inline-block;
}
.stk-chg{
	font-family: "Noto Sans", sans-serif;
	font-size:24px;
	line-height:24px;
	color:#000000;
	 
	font-weight:normal;
	display:inline-block;
}
.Up{
	color:#207C0C;;
}
.Down{
	color:#e20404;
}

.stp-bdy{
	float:left;
	width:100%;
	margin-bottom:30px;
}

 
.ohlv-inner{
	float:left;
	width:100%;
	border:2px solid #F36F20;
	padding:20px;
	text-align:left;
}
.ohlv-title{
	font-size:18px;
	line-height:24px;
	color:#000000;
	margin-bottom:35px;
}
.ohlv-val{
	font-family: "Montserrat", sans-serif;
	font-size:30px;
	line-height:34px;
	font-weight:bold;
}

.stp-foot{
	float:left;
	width:100%;
	padding-right:22px;
}

.vm-btn{
	float:left;
	width:50%;
	text-align:left;
}
.eod{
	float:left;
	width:50%;
	text-align:right;
	font-size:12px;
	line-height:17px;
}


/*==========================================================================
BURSA ANNAOUNCEMENTS CSS STARTS HERE
============================================================================*/

.sec-2{
	min-height:689px;
}

.bursa-sec{
	float:left;
	width:100%;
}

.bursa-inner{
	float:left;
	width:100%;
	padding-top:40px;
}

.busa-links-sec{
	float:left;
	width:100%;
}

.link-box{
	float:left;
	width:100%;
	border:2px solid #F36F20;
	padding:20px;
	margin-bottom:20px;
}

.link-box a{
	font-family: "Montserrat", sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	display:-webkit-box;
	color:#000000;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-bottom:22px;
}

.ba-link-date{
	float:left;
	width:100%;
}

.ba-link-date span{
	font-family: "Montserrat", sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	display:flex;
	align-items:center;
	color:#F37020;
}

.ba-link-date span:before{
	content:'';
	display:inline-block;
	background:url(../images/bursa-cal-icon.png) no-repeat;
	background-size:cover;
	width:23px;
	height:26px;
	margin-right:10px;
	
}

.burasa-img{
	position:relative;
}

.burasa-img::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
    height: 100%;
    background: url(../images/ba-right-img.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 689px;
    z-index: 1;
}


/*==========================================================================
Reports CSS STARTS HERE
============================================================================*/


.reports-sec{
	float:left;
	width:100%;
}

.reports-sec [class*="col-"]{
	margin:0;
	padding:0;
}
.rp-inner{
	float:left;
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border:2px solid #F36F20;
	padding:30px;
}
.rp-title{
	font-family: "Montserrat", sans-serif;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	margin-bottom:20px;
	width:100%;
	text-align:center;
}
.cr-title{
	margin-bottom:70px;
}
.rp-btn{
	float:left;
	width:100%;
	margin-bottom:10px;
	display:flex;
	justify-content:center;
}
.rp-btn a{
	width:159px;
	text-align:center;
}
.rp-btn a:after, .rp-btn a:hover:after{
	content:none;
}

.rp-btn a span{
	width:100%;
	text-align:center;
	margin-right:0;
}

.prospec-bg{
	float:left;
	width:100%;
	background:url(../images/prospectus-bg.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:100%;
	min-height:344px;
}

.ar-bg{
	float:left;
	width:100%;
	background:url(../images/ar-bg.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:100%;
	min-height:344px;
}

.qr-bg{
	float:left;
	width:100%;
	background:url(../images/qr-bg.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:100%;
	min-height:344px;
}

.cr-bg{
	float:left;
	width:100%;
	background:url(../images/circulars-bg.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:100%;
	min-height:344px;
}

/*==========================================================================
News Alerts CSS STARTS HERE
============================================================================*/

.newsalert-bg{
	position:relative;
	
}
.newsalert-bg:after{
	   content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
    height: 100%;
    background: url(../images/na-img-right.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    min-height:505px;
    z-index: 1;
}

.news-alert-sec {
	float:left;
	width:100%;
	padding:70px 70px 70px 0;
}
.frm-cnt {
	float:left;
	width:100%;
}
.nl-sub {
	float:left;
	width:100%;
	font-size:18px;
	line-height:24px;
	color:#000;
	margin-bottom:25px;
	 
}
.form-control {
	display: block;
	width: 100%;
	height: 49px;
	padding: 6px 20px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #B9B9B9;
 
	background-color: #fff;
	background-image: none;
	/*border: 1px solid #7070705E;*/
	border: 1px solid #e7e7e7;
	border-radius:0;
	-webkit-box-shadow: inset 0 1px 1px rgba(177, 0, 35, .075);
	box-shadow: inset 0 1px 1px rgba(177, 0, 35, .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;
}
.frm-cnt input {
	margin-bottom:20px;
}
 
 
 
.pp-link, .pp-link:hover {
	font-size:14px;
	line-height:14px;
	color:#F36F20;
	font-weight:bold;
	margin-top:2px;
}

 
.btn-cont-na a{
	  text-align:center;
}
.btn-cont-na a:after, .btn-cont-na a:hover:after{
	content:none;
}
.btn-cont-na .btn {
	margin-right:15px;
}


/*==========================================================================
Shareholders' Meetings CSS STARTS HERE
============================================================================*/

.sec-5{
	min-height:527px;
}

.shm-sec{
	position:relative;
}

.shm-sec:before{
	   content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    left:0;
    height: 100%;
    background: url(../images/sm-img-left.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    min-height:527px;
    z-index: 1;
}

.sm-sec{
	padding:80px 0 80px 60px;
}


.sm-title {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    font-weight: bold;
    margin-bottom:20px;
}

.sm-item p{
	 font-size: 14px;
    line-height: 20px;
    color: #000000;
    font-weight: normal;
    margin-bottom:20px;
}

.sm-item{
	margin-bottom:20px;
}

/*==========================================================================
IR Contact CSS STARTS HERE
============================================================================*/

.sec-6{
	min-height:580px;
	margin-bottom:0;
}

.irc-sec{
	position:relative;
}
.irc-sec:after{
	  content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
    height: 100%;
    background: url(../images/ir-con-img-right.png) no-repeat;
    background-size: cover;
    background-position: center center;
    min-height:580px;
    z-index: 1;
}
/*.cont-right-bg{
	float:left;
	width:100%;
	background:url(../images/ir-con-img-right.png) no-repeat;
	background-size:cover;
	background-position:center center;
	 min-height:580px;
}*/


.ir-cont::before{
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 width: 50%;
 z-index: 1;

 z-index: 1;	
}
.ir-cont::before{
	left:0;
	  height:732px;
 background:url(../images/ir-cont.jpg) no-repeat;
 background-position:center center;
 background-size:cover;
}

.ir-cont-sec {
	float:left;
	width:100%;
	padding:133px 60px;
}

.ir-cont-sec [class*="col-"]{
	padding:0;
}

.ir-cont-sec .main-title h2 {
	margin-top:30px;
}
.nl-sub {
	float:left;
	width:100%;
	margin-bottom:33px;
	color:#000;
}
.cont-left-bg {
	float:left;
	width:100%;
	background-image:url(../images/ir-cnt-bg.jpg);
	background-size:cover;
	background-position:center center;
	height:436px
}
.cont-person {
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#000;
	position:relative;
	padding-left:70px;
	margin-bottom:32px;
	text-align:left;
	display:flex;
 height:57px;
justify-content:center;
	flex-direction:column;
	width: 100%;
}
.cont-person span.cont-name {
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#000;
	display:block;
 
}
.cont-person span {
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	color:#000;
	display:block;
}
.cont-person:before {
	content:'';
	background: url(../images/cont-person.png) no-repeat;
	background-size:cover;
	background-position:center center;
	width: 50px;
	height:57px;
	margin-right: 10px;
	position: absolute;
	top: 0px;
	left:0;
	margin-right:10px;
	display:inline-block;
}
.phone, .email, .fax {
	margin-bottom:20px;
	text-align:left;
	display: flex;
	width: 100%;
	align-items:center;
}
.phone a, .fax a {
	font-size:18px;
	line-height:18px;
	color:#555555;
	font-weight:bold;
		display: flex;
	width: 100%;
	align-items:center;
	 
}
.phone a span {
	font-size:18px;
	line-height:18px;
	color:#050505;
	font-weight:bold;
	vertical-align:top;
 
}
.fax a span {
	font-size:18px;
	line-height:18px;
	color:#050505;
	font-weight:bold;
 
	display: inline-block;
	cursor:default;
}
.email a {
	font-size:18px;
	line-height:24px;
	color:#F36F20;
	font-weight:normal;
	display:flex;
	align-items:center;
}
.email a span {
	font-size:18px;
	line-height:24px;
	color:#F36F20;
	font-weight:bold;
	display:inline-block;
	 
}
.email a:hover {
	font-size:18px;
	line-height:18px;
	color:#000;
	font-weight:normal;
}
.phone a:before {
	content:'';
	background: url(../images/tel-icon.png) no-repeat;
	
	background-size:cover;
	background-position:center center;
	width:51px;
	height:40px;
	margin-right:20px;
	display:inline-block;
}
 
.email a:before {
	content:'';
	background:url(../images/email-icon.png) no-repeat;
	background-position:center center;
	background-size:cover;
	width: 49px;
	height:49px;
	margin-right: 20px;
	display:inline-block;
}



.z-tabs.underlined.red > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.red > ul.z-tabs-nav > li > a:hover{
	border-color: #F36F20 !important;
}


/*==========  Mobile First Method  ==========*/


/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	
	
	
	
}
 @media (min-width: 992px) {
}
@media (max-width: 991px) {
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

.stp-bdy [class*="col-"]{
	margin-bottom:24px;
}

	
}
@media (min-width: 768px) {
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
.stp-bdy [class*="col-"]{
	margin-bottom:24px;
}	
	
.burasa-img::after {
    content: "";
    position: absolute;
    top: 0;
   
    right: 0;
    left: 0;
    height: 20%;
	min-height:100px;
    background: url(../images/ba-right-img.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    
    z-index: 1;
}
.bursa-inner {
    float: left;
    width: 100%;
    padding-top: 200px;
}
.rp-inner{
	margin-bottom:24px;
}

.prospec-bg, .ar-bg, .qr-bg, .cr-bg{
	min-height:auto;
}


.newsalert-bg:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
     height: 20%;
    background: url(../images/na-img-right.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    min-height:100px;
    z-index: 1;
}

.news-alert-sec{
	    float: left;
    width: 100%;
    padding: 200px 0 00px 0;
}

.shm-sec:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 20%;
    background: url(../images/sm-img-left.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 100px;
    z-index: 1;
}
.sm-sec {
    padding: 200px 0 80px 00px;
}


.irc-sec:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 20%;
    background: url(../images/ir-con-img-right.png) no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 100px;
    z-index: 1;
}

.ir-cont-sec {
    float: left;
    width: 100%;
    padding: 200px 0px 0 0;
}
	
	
}
 @media (max-width:576px) {

.stp-head-left{
	float:left;
	width:100%;
 
	display: flex;
        justify-content: center;
		margin-bottom:30px;
}



.stp-head-right{
		float:left;
	width:100%;
	text-align:center;
}
	 
}



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

.vm-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.eod {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
}

.stp-bdy{
	margin-left:0;
	 margin-right: 0;
}

.bursa-sec {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

	
	
}
 @media(max-width:414px) {

.vm-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.eod {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
}
.stp-bdy{
	margin-left:0;
	 margin-right: 0;
}

.bursa-sec {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
	 
	 
}

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

.vm-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.eod {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
}
.stp-bdy{
	margin-left:0;
	 margin-right: 0;
}

.bursa-sec {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}	
	
	
}