/*group-structure


font-family: alternate-gothic-compressed, sans-serif;

font-weight: 100;

font-style: normal;


Alternate Gothic Compressed ATF Semilight

font-family: alternate-gothic-compressed, sans-serif;

font-weight: 200;

font-style: normal;


Alternate Gothic Compressed ATF Book

font-family: alternate-gothic-compressed, sans-serif;

font-weight: 300;

font-style: normal;


Alternate Gothic Compressed ATF Regular

font-family: alternate-gothic-compressed, sans-serif;

font-weight: 400;

font-style: normal;


Alternate Gothic Compressed ATF Medium

font-family: alternate-gothic-compressed, sans-serif;

font-weight: 500;

font-style: normal;


Alternate Gothic Compressed ATF Demi

font-family: alternate-gothic-compressed, sans-serif;

font-weight: 600;

font-style: normal;


Alternate Gothic Compressed ATF Bold

font-family: alternate-gothic-compressed, sans-serif;

font-weight: 700;

font-style: normal;


Alternate Gothic Compressed ATF Heavy

font-family: alternate-gothic-compressed, sans-serif;

font-weight: 800;

font-style: normal;


Alternate Gothic Compressed ATF Black

font-family: alternate-gothic-compressed, sans-serif;

font-weight: 900;

font-style: normal;


Alternate Gothic Compressed ATF Thin

font-family: alternate-gothic-compressed, sans-serif;

font-weight: 100;

font-style: normal;


*/
.grey-dark-block{background:#7C7B7B!important;}
.txt-trans-none{text-transform:none!important;}

/*covid 19 page video styles*/
.covid-video-block a{position: relative;}
.covid-video-block a:before {position: absolute;content: '\ef0b';width: 40px;height: 35px;color: #fff;top: -95%;left: 45%;font-size: 50px;font-family: 'icomoon';font-weight: 100;cursor: pointer;}


/*header Vacancies */
.border-vacancies{
	border:1px solid #C3161B;
	border-color: #C3161B!important;
    color: #fff!important;
    padding: 5px!important;
    font-size: 16px!important;}
/*end of header border Vacancies */


/*Investor calendar style*/

.switch-bg-white{background: #fff!important;}

.obj-c{display: block; margin: 0 auto;}

.karo-mining-bg{padding:50px 20px;background:#EFEFEF;margin:60px 0}
	
	.karo-mining-red-bg{background: #D71921; padding: 40px 25px; min-height: 95%; margin-bottom: 20px;}
	
	.karo-mining-red-bg b{color: #fff; font-size: 40px; line-height: 1.2; display: block; margin-bottom: 30px;}
	
	.karo-mining-red-bg p{color: #fff; font-size: 24px; font-weight: 500; line-height: 1.3;padding: 10px 0 0 10px; border-top: 1px solid #fff; border-left: 1px solid #fff;}
	
	.karo-mining-dgrey-bg{background:#E6E6E6;padding:20px 10px 20px 20px}

.heading-left{left: 1px;}
table.table-responsive tr {border: 1px solid #ddd; padding: 5px;}
table.table-responsive th {padding: 10px; text-align:left; vertical-align:top}
table.table-responsive th {text-transform:none; font-size: 13px; letter-spacing: 1px; background-color:#76787A; color:#fff; font-weight:600;text-transform:uppercase;}
table.table-responsive tr:nth-of-type(odd) { background: #F7F9FB; }
table.table-responsive tr:nth-of-type(even) { background: #CCDCEA; }
table.table-responsive .td-align-center {text-align:center;}			
.date-small {display:none}
.calendar-title {font-size: 15px;}
.date {  background:#76787A none repeat scroll 0 0;  color: #fff;  font-size: 10px;  font-weight: 700;  padding: 3px 3px 3px;  text-align: center;  width: 90px;}
.date span { background: #fff none repeat scroll 0 0; color: #76787A; display: block; font-size: 18px; margin: 4px 1px 4px;}

.glanceBox2-mobile{ display: none;}

.report-res-img div img{ width: 100%; height: auto;}
.align-lft{ text-align: left!important}
.grey-group-str{background-color:#D6D6D6;min-height: 245px;padding-top: 3%; margin: 30px 0;}
.space-abv-esg{padding: 30px !important;}
.middle-blck{margin: 0 auto;text-align: center;padding: 10px;position: relative;}

.black-groei{margin-top: 100px;}

.bord-right-space{margin-right: 130px;}	


   .fin-tbl tr:hover {background:#EFEFEF; color:#000;}
tr.no-hover:hover {color:#000!important;}
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px;}
.fin-tbl tr td {padding:3px 8px 3px 3px;font-size: 18px;}
    .fin-tbl th {background-color:#EFEFEF; color: #000!important; padding:3px 7px 3px 3px;text-align:right !important;line-height:1.4;font-weight: 400;}

 
.tbl-header{font-weight: 400; font-size: 24px!important; color: #000; font-family: "Roboto Condensed", sans-serif;}
    .finthin{border-bottom: 1px solid #000}
    .finthick{border-bottom: 2px solid #000}
    .finright{border-right: 1px solid #000}
    .finrightred{border-right: 1px solid #C00D0E}
    .fintopred{border-top: 1px solid #C00D0E}
    .padding-15L{padding-left:15px!important}

	.image-float {
		padding-left: 28px;
	}

	.line-red-tp{width:70%;margin: 0 auto;}
	.line-red-tp::before {
    content: " ";position: absolute;width: 70.5%;height: 31%;top: 5px;left: 56px;border: 1px solid #C3161B;border-bottom: 0;border-right: 0;z-index: 999;transition: width 0.5s linear, height 0.5s linear 0.5s; }	
	.lrg-txt-rd {font-size: 46px;color: #C3161B;font-weight: 600; }
.sub-lrg-txt-rd{line-height: 1 !important;}
.fom-size{font-size:49px !important;}
.push-fom{margin-top:30px !important;}
/*Home page styles*/

	.home-banner{position: relative;}
	.main-banner-heading{position: absolute; top: 90px;  right: 175px;}
.main-banner-heading-home{top: 5%;position: absolute;
    right:128px; /*175px;*/}
	/* At a Glance section */
.glanceImgPush{margin-top: -140px;}

	.glance-sec-cont{margin-left: 14px; position: relative; padding-bottom: 80px;}
.glanceImgPushed-home{margin-top: -140px;}
.home-spacer-box
{
	min-height: 100px;
}
	.glance-sec{
	min-height: 1234px;
    background-image: url(../images/banners/home2.png);
    background-repeat: no-repeat;
    background-position: center bottom;}

    .glance-sec1{min-height: 900px;position: relative;}

	.group-structure-img-section{margin-top: 88px;}
	.group-structure-content-section{ margin-right: 130px; margin-top: 87px;}
	.group-structure-content-section h1{margin-top:0}

	.glanceBox2 {
 	position: relative;
    border: solid 2px #C3161B;
    padding: 30px 20px;
    color: #C3161B;
    text-align: center;
    font-size: 55px;
    font-weight: 600;
    font-family: alternate-gothic-compressed, sans-serif;
    background: #fff;
    line-height: 1.1;
    opacity: 0.88;
}

.glanceBox2 span{text-transform: uppercase; font-size: 40px; text-align: left; position: relative}
.glanceBox2-down{
    position: absolute;   
    border-left: 2px solid #C3161B;   
    height: 250px;
    top: 100%;
    right: 50%;   	
	}
.glanceBox2 .glanceBox2-down:before{ content: ''; width: 20px; height: 20px; background:#C3161B;   bottom: -15px;   right: -9px; position: absolute }

	.glanceBox2Sub{
	border-right: solid 2px #C3161B;
    height: 357px;
		
		
	}
.page-name{position: relative;    padding-bottom: 1px;}
.page-name .linebottom {height:2px;background:#C3161B;bottom: 2px;right:0px;position:absolute;animation: butfadeWidth 3s ease-in-out forwards;animation-delay:1s;}
.page-name .lineright {background:#C3161B;top: -3.5px;right:0px;width:2px;position:absolute;animation: butfadeHeight 1s ease-in-out forwards;}

	/*	Lastest News Section*/

.sens-block-bkr{height: 100%}
.sensBottomBorder{}
/*.newsContainer{background-color: #D6D6D6;}*/	
.newsButtonHeading a{font-size: 15px!important; float: right;display: inline-block;}
	.newsHeading{float: left; font-size: 20px!important;}

	.redNewsBlock{border: solid 1px red;}
			
	.newsBlocks{ padding: 20px;}

	.resultsContainer{height: 100%;}
	.resultsContainer a{text-align: center; white-space: nowrap; color: #4A4A49;font-size: 16px;}
	.archiveBoxs a{font-size: 15px; margin-top: 50px; white-space: nowrap;}
	
	table.analyst {border-top:1px solid #76787A;}
				table.analyst tr td{border-bottom:1px solid #76787A;padding: 20px 20px;padding-left: 5px;position: relative;}
				table.analyst tr td:nth-child(1){color:#000}
		table.analyst tr{position: relative;}
/*table.analyst tr td:nth-child(2):after {    width: 100%;    height: 2px;    position: absolute;    background:#76787A;    bottom: -1px;    left: 0px;    content: '';
    transform: scaleX(0);    transition: transform 2s ease-in-out;}*/
/*table.analyst tr td:nth-child(1):after {    width: 100%;    height: 2px;    position: absolute;    background:#c3161b;    bottom: -1px;    left: 0px;    content: '';
    transform: scaleX(0);    transition: transform 2s ease-in-out;}*/
/*table.analyst tr:hover td:nth-child(2):after,table.analyst tr:hover td:nth-child(1):after  {    transform: scaleX(1);}*/
/*.analyst tr:hover {background:#f1f1f1; color:#000;font-weight: bold;cursor: pointer} 
.analyst tr:hover td{background:#f1f1f1; color:#000;}*/
.feeds-container{height: 100%;  margin-right: 20px;  border: 2px solid #C3161B; padding: 20px; padding: 50px}
.sensBox{padding: 20px;}
.newsButtonPush{font-size: 15px;}

/* .investorCalenderBox{ min-height: 126px;} */
.home-share-data .tabsbutton{font-size: 20px;}
.jse-btn-t{text-align: center;}
.share-data-last-price{text-align:center;vertical-align:middle;font-size: 55px;line-space: 2px;line-height:55px;color:#0F253F;font-weight:bold;}
.share-data-last-price a{text-align:center;}


.investorCalenderBox  span{
font-size: 15px;
font-weight: bold;
color: #000;
display: block;
margin-bottom: 5px;
}

.investorCalenderBox  span ~ span {
font-size: 15px;
font-weight: normal;
color: #76787A;
}
.investorCalenderBorder {
    margin-right: 0%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    place-items: center;
}
.investorCalenderBorder:nth-child(2){border-right: none; margin-right: 0}
.outlookText {
    color: #000000 !important;
    position: relative;
    font-style: italic;
}
.outlookText::before {
    content: url(../images/icons/arrow.svg);
    position: absolute;
    top: 2px;
    left: -32px;
    width: 20px;
    /* height: 40px; */
}

.outlookText::after {
    content: '';
    width: 1px;
    height: 40px;
    left: -45px;
    top: -8px;
    background-color: #000000;
    position: absolute;
}

.resultsAndReportBox .home-btn:first-child{
margin-top: 0;}


.resultsAndReportBox .home-btn{
font-size: 15px;
margin-top: 18px;
width: 100%;
white-space: normal;
}
.archiveBox .home-btn{
display: inline-block;
width: 145px;
margin-right: 20px;
margin-top: 67px;
white-space: nowrap;
}

.investorContainer{
height: 531px;
}
	
	.sensArchiveButton{width: 200px;}
	
	.gallery-carousel-section{margin-top:115px}
	
	.why-invest-section-heading h4{margin-top:170px}
	.why-invest-section-content{margin-top:63px}
	.why-invest-btn .home-btn{margin-top: 90px}
	
	.sustainability-section-bg{min-height: 895px; background-image: url("../images/banners/sustainability-home.png"); margin-top: 54px; background-position: center center; background-size: cover; background-attachment: fixed;}
	
	.sustainability-section-heading{margin-top: 113px;}
	.sustainability-section-heading h1{margin:0;  margin-left: 18px;}
	.sustainability-section-content{ min-height: 656px; background: #363636; opacity: 0.90; margin-top: 113px; text-align: right; padding: 63px 75px 69px 72px;margin-left: 25px;}
	.sustainability-section-content .five-year-txt{font-size: 25px; font-weight: 100;  color: #fff; text-transform: uppercase; margin-bottom: 40px}
	.sustainability-section-content .sustainability-quote{font-size: 35px; font-family: alternate-gothic-compressed, sans-serif; color: #fff}
	.sustainability-section-content a{margin-top: 59px}
	
		
	.exploreText{margin-bottom: 79px; margin-top: 64px;}
	
	.exploreBlock{margin-left: 159px; padding-right: 20px;}
	.exploreBlock h1{margin: 0; }
	
	.glance-btn{margin-top:90px}

	.covid-block-wrap{border: 1px solid #C3161B;  padding: 1em;  float: left; width: 100%;}

	div.main-banner-heading h1 {animation: height1 6s ease-in-out forwards; }
	div.main-banner-heading {width: max-content; display: flex; flex-direction: column;  overflow: hidden;}


.bgblack{background-color:#000!important}
.bgwhite{background-color:#fff!important}
	h1 div:nth-child(2){animation-delay:1s}
	h1 div:nth-child(3){animation-delay:2s}
		
	@keyframes slideup{
		0% {transform: translateY(80%);opacity:0}
		100% {transform: translateY(0%);opacity:1}	
	}
@keyframes slideup1{
		0% {transform: translateY(80%);opacity:0}
		100% {transform: translateY(0%);opacity:1}	
	}

/*End of Home page styles*/

/*conference call styles*/
.centr-txt-tbl{text-align: center;}
/*conference call styles*/

/*Who we are styles Start*/
		.first-block-wwr {  margin-top: 50px;}
  
		.strategy-groei-pillars-teks-wwr{text-transform:none}
		.who-we-are-info{margin-bottom:60px;margin-top:50px}
		.who-we-are-info-four{margin-bottom:50px;margin-top:50px}
		.wwr-hands-of-people{background-color:#76787A;}
		.wwr-hands-of-people{background-color:#76787A;}
		.wwr-min-res-stat{border:2px solid #C3161B}		
		
		

/****************GROUP STRUCTURE START***************/
.operate-main-block {
    border: 1px solid #000;
    border-bottom: 5px solid #000;
    padding: 45px 40px 40px 40px;
    margin-bottom: 60px;
    position: relative;
    background: #fff;
}
	
.operate-country-icon {
    position: absolute;
    top: -31px;
    left: 20px;
    width: 65px;
}
	
.operate-country-second-icon {
    left: 90px;
}
	
.group-map-background{background: url(images/group-map.png); background-repeat: no-repeat; background-position: 25%; background-size: contain}	
	
	.operating-country-section{
	margin-bottom: 15px;
	}
	
	/****/
	
.operating-header {
    background: #D6D6D6;
    position: relative;
    padding: 5px 175px 5px 40px;
    margin-left: 20px;
	
}
	
	
.operating-header-text {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    color: #4A4A49;
    margin: 0;
	font-weight: bold;
	
}	
	
.operating-header-icon {
    width: 45px;
    position: absolute;
    top: -1px;
    right: 14px;
}

.operating-header-icon-second {
right: 63px;
}	
	
	
	
	
.operating-header-text-num {
    position: absolute;
    left: -20px;
    top: 0px;
    background: #fff;
    padding: 14px;
    border: 2px solid #000;
    border-radius: 42px;
    width: 42px;
    height: 42px;
    line-height: 50%;
    font-weight: bold;
    font-size: 21px;
    font-family: "Roboto Condensed", sans-serif;
	color: #000;
}

.operating-body{
padding: 20px 63px 5px 60px;	
	
	}	
	
.operating-header-percentage {
    font-weight: 500;
    position: absolute;
    top: 3px;
    right: 130px;
	margin-top: 5px;
}

h3 span {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #000;
    margin: 0;
    display: block;
    line-height: 1;
}

/****************GROUP STRUCTURE END***************/







/****************OPERATIONS OVERVIEW START***************/

.tharisa-cyprus-heading {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    color: #4A4A49;
    margin: 0;
    font-weight: bold;
}
	
.font-family-alternate-gothic {font-family: 'alternate-gothic-compressed';}	
	
	
.tharisa-cyprus-header {
    border-top: 3px solid #000;
    padding: 20px 0 0 0;
    position: relative;
}	
	
.tharisa-cyprus-header:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    left: 50%;
    top: -7px;
    background: #000;
}
	
	
.tharisa-cyprus-header:after {
    content: "";
    position: absolute;
    height: 32px;
    width: 370px;
    left: 50.7%;
    top: -35px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}
	

.tharisa-cyprus-header-right {
    border-top: 3px solid #000;
    padding: 20px 0 0 0;
    position: relative;
}	
	
.tharisa-cyprus-header-right:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    left: 50%;
    top: -7px;
    background: #000;
}
	
.tharisa-cyprus-header-right:after {
    content: "";
    position: absolute;
    height: 32px;
    width: 290px;
    right: 48.8%;
    top: -35px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
}	
	
	
	
	
	
.tharisa-cyprus-block {
    background: #D6D6D6;
    position: relative;
    padding: 5px 70px 5px 40px;
    margin-left: 20px;
    margin-bottom: 15px;
}	
	
.tharisa-cyprus-text {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    color: #4A4A49;
    margin: 0;
    font-weight: bold;
}
	
.tharisa-cyprus-icon {
    width: 51px;
    position: absolute;
    top: -4px;
    left: -28px;
}
	
	
	
.tharisa-cyprus-percentage {
    position: absolute;
    right: 25px;	
    margin-top: 5px;
    font-weight: 500;
	top: 3px;
}	
	
	
/*.tharisa-cyprus-block-right {padding: 5px 95px 5px 40px!important;}	*/
	

.optimisation-heading {
	display: inline-block!important;
	margin-right: 20px;}

.optimisation-heading-image {
	width: 60px;
	margin-top: -24px;
}	

.investornews.black-i i.icon-download2::before {
	content: "\e8f5" !important;
}

.investornews i.icon-download2::after {
    content: '';
    position: absolute;
    height: 40px;
    width: 2px;
    right: 0px;
    border-right: 1px solid;
}

.image-banner::before {
	content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
	top: 0;
	left: 0;
}



	
	@media screen and (max-width: 1199px){
		.tharisa-cyprus-text {
			font-size: 18px;
		}
		.tharisa-cyprus-icon {
			width: 44px;
		}		
	}	



	
	@media screen and (max-width:991px){	
		.tharisa-cyprus-header:after{
			content: unset;
			}
		.tharisa-cyprus-header-right:after{
			content: unset;
		}
		
	.tharisa-cyprus-left {margin-bottom: 60px;}
		
	}	


/****************OPERATIONS OVERVIEW END***************/













		
		@media screen and (max-width:900px){

			.who-we-are-info-four{margin-bottom:0px;}
			.who-we-are-info{margin-bottom:0px;}
		}
		@media screen and (max-width:991px){
			
			.who-we-are-info-four{margin-bottom:0px;}
			.who-we-are-info{margin-bottom:40px;margin-top:0px;}
			.wwr-min-res-stat{margin-bottom:40px;}
			.strategy-groei-pillars{border-bottom:1px solid #fff;} 
		}

/*Who we are styles End*/


.heading-banner-box{float:left; width: 65%;}
		.heading-banner-box:nth-child(2){width: 35%}
		.margin-70T{  margin-top: 70px}

h1.switch-white{animation: fade-up 2s ease-in-out forwards;/*overflow: hidden;*/}
@keyframes fade-up{0%{ transform: translateY(50px);    opacity: 0;}
100%{ transform: translateY(0px);    opacity: 1;}

}
   
.image-banner{position:relative;}
.image-banner img{width: 100%;}
.heading-banner{position: absolute; top: 50%; width: 100%; }
.strategy-groei-pillars{background-color:#76787A;;min-height: 100%;padding:19px 49px;}
.main-banner-heading-groei { position: absolute;  top: 112px;left: 205px;}
.highlight-black-groei{color:#000 !important; margin-bottom:0px;font-weight:bold}
.discover-groei-grey{background-color:#D6D6D6;padding: 20px 30px 10px 30px;margin-top: 20px;}
.greyone-groei{background-color:#9FA1A2;}
.strategy-groei-pillars-teks{color:#FFFFFF;font-weight:600; text-align:center;font-family: alternate-gothic-compressed, sans-serif; letter-spacing: 0.5px;
    font-size: 28px; line-height:1.2;}
	
.strategy-groei-pillars-img img { max-width: 80px;
    padding-top: 30px;}	
.strategy-groei-pillars-img{text-align:center;padding-bottom:20px;min-height: 147px;}
.strategy-groei-pillars:hover {background-color: #000;   transition: 2s;transition-timing-function: ease-in;transition-timing-function: ease-out;}
.greytwo-groei{background-color:#D6D6D6;}
.strategy-groei-block-info{margin-top:60px; margin-right:130px}
.strategy-smelter-groei-block{margin-top:68px;padding-left:0px !important;}
	.small-square-white:before{content:'';border:1px solid #EFEFEC; width:10px; height:10px;position:absolute;top:50px;left:10px;background-color: #ffff;}	
.ourvaluestxt{    text-align: left;
    padding-left: 98px;}	
.red-groei{color:#C3161B !important;}
.strategy-groei-pillars:hover{background-color:#000; transition:2s;transition-timing-function: ease-in;transition-timing-function: ease-out;}
.strategy-groei-pillars:active{background-color:#000; }
.strategy-groei-pillars:visited{background-color:#000; }

.total-props-corp{font-size:20px;color: #000;font-weight:600; }
		.range-space-corp{margin-bottom:30px;margin-top:20px}
/*--------START----Section borders --------START------*/
.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
.red-section-border-left{width: -moz-calc(100% - 145px); width: -webkit-calc(100% - 145px); width: calc(100% - 145px); height: 55px; float: right; clear: both;position: relative}	
.red-section-border-right{width: -moz-calc(100% - 145px); width: -webkit-calc(100% - 145px); width: calc(100% - 145px); height: 55px; border-bottom: 2px solid #C3161B; border-right: 2px solid #C3161B;}

.red-section-border-left:before{content:'';left:1px;background: #C3161B;width:2px;top:0px;position:absolute;    animation: butfadeHeight 1s ease-in-out forwards;}
.red-section-border-left:after{content:'';left:1px;background: #C3161B;height:2px; bottom:0px; position:absolute;animation: butfadeWidth 3s ease-in-out forwards;animation-delay: 1s;
  
}


.black-section-border-left{width: -moz-calc(100% - 145px); width: -webkit-calc(100% - 145px); width: calc(100% - 145px); height: 55px; float: right; clear: both;position: relative}
.black-section-border-left:before{content:'';left:1px;background: #000;width:2px;top:0px;position:absolute;    animation: butfadeHeight 1s ease-in-out forwards;}
.black-section-border-left:after{content:'';left:1px;background: #000;height:2px; bottom:0px; position:absolute;animation: butfadeWidth 3s ease-in-out forwards;animation-delay: 1s;
  
}


.investortabssli{width:100%;display:block;float:none;}
/* .investortabssli   .investornews > span.contentdate {padding-top: 15px;padding-right: 80px}*/
.investortabssli li{margin-bottom:10px;padding: 18px 10px;list-style-type: none;width:50%;display:block;float:left;padding-bottom: 0px;}
.investortabssli li:nth-child(4n+4),.investortabssli li:nth-child(4n+3){background: #d6d6d6;padding-bottom: 12px;   padding-top: 5px;    margin-bottom: 0;}
/*ul.investortabssli .investornews > span.contenttitle {  min-height: 5px!important;  display: none;}*/


.investorrow-block > div{padding: 10px;padding-bottom: 7px;/* padding-top: 15px; */}
		.investorrow-block > div:nth-child(even){background: #f2f2f2;padding-top: 15px;}
/*--------START----Investor Button --------START------*/
.investornews{position:relative;padding: 15px; padding-right: 55px; padding-left: 63px;margin-bottom: 0;cursor: pointer;line-height: 1.2;/* min-height: 50px; */}
.investornews .contenttitle
{
	font-size:15px;color:#545b62!important;display:block;
width: 90%;font-weight: normal!important;
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
	top: auto !important;
	position: relative!important;
	right: auto!important;;

}
span.contenttitle.home-sens {
    width: 100% !important;
}

.investornews span{font-size:15px;font-weight: normal;color:#76787A;/*min-height: 60px;*/}
ul.mediacol .investornews > span ~ span{min-height: 44px;}
.investornews  span{font-size:15px;font-weight: normal;color:#76787A;/*min-height: 100;*/}
ul.mediacol .investornews > span.contenttitle:empty{display:none}
 .investornews span:nth-child(3n+1),  .investornews span:nth-child(3n){position: absolute;right: 5px;top: 17px; color:#c3161b; font-weight: 600;}

 span.contentdate{color:#000!important; font-weight:bold!important; display:block; position: relative!important; right: auto!important;}	


.investornews i{position:absolute;color:#c3161b;font-size: 32px;left: 12px;top: 13%;height: 100%;}
.investornews i.icon-download2::before{ border-right: 1px solid #c3161b; padding-right: 7px;}
.investornews i.icon-mic{left: 12px;}
.investornews i.icon-mic::before{ border-right: 1px solid #c3161b; padding-right: 7px;}
/* .investornews:after{content:'';position:absolute;background:#c3161b;width: 1px;left: 50px;top: 10px;height: 70%;} */

.sensBox .investornews i{color: #000000;}
.sensBox .investornews i:after{background:#000000;}
.investorgreybg{background: #f1f1f1;padding: 10px 0;margin-bottom: 20px;}
.investortabs{height:300px;position: relative;margin-bottom: 40px;cursor: pointer;}
.investortabs.active .mask{display:none}
.show-bar .mask{display:none}
.investortabs.active:before{content:url("../images/investortabs/sens-arrow.png");position:absolute;bottom: -48px;left: 31%;/* border: 1px solid red; *//* width: 50px; *//* height: 50px; */animation: bottomreveak 1s ease-out forwards;}
.investortabs.active.agm:before{content:url("../images/investortabs/agm-arrow.png");}
.investortabs.active.circulars:before{content:url("../images/investortabs/circulars-arrow.png");}




.investortabs.active.hresource:before{content:url("../images/investortabs/agm-arrow-update.png");}
.investortabs.active.hrights:before{content:url("../images/investortabs/circulars-arrow-update.png");}
.investortabs.active.stakehold-eng:before{content:url("../images/investortabs/circulars-arrow-update.png");}


.investortabs.active .tabsbutton{border: 1px solid  #c3161b;}

.investortabs.active:hover .tabsbutton:after{height:0%}
.redcontent{border:1px solid #c3161b;padding:20px;margin:35px 0}
.show-bar  .tabsbutton:after {
    height: 100%;
    opacity: 1;
    transition: height 2s ease;
	transition-delay: 250ms;}

.tab-drawer-content{    -webkit-animation: toppo 2s ease-in-out 1;    animation: toppo 2s ease-in-out 1;}
		@keyframes topp {	0% {	transform: translateY(7px);	}	100% {		opacity: 1;		transform: translateY(0);	}}

.investornews:hover{}

.investornewsfeeds li a:hover{color:#000;text-decoration:none}
		.investornewsfeeds li{position: relative;overflow: hidden; transition: all .5s linear;-webkit-transition: all .5s linear;    -moz-transition: all .5s linear;    -o-transition: all .5s linear;    transition: all .5s linear;}
		.investornewsfeeds li:hover { /*animation: fadeEffect 1s ease-in-out;*/    transition: all .5s linear;-webkit-transition: all .5s linear;    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;    transition: all .5s linear; padding-left:20px }
	@keyframes fadeEffect {
  from {      left: 30px;  }
  to {      left: 0;  }
}	
	
	
.investortabs img{position: absolute;width:100%;height:100%;top:0}
.mask {width: 100%;height: 100%;    background: rgba(15,14,14, 0.78);position: absolute;z-index: 1;left: 0;top: 0px;    transition: all 2s ease 0s;}

.mask:hover {
    /*animation: fadebackground 1.5s;*/
	background:none;
	transition-duration: 2s;	
}


/*.tabsbutton .mask:hover{    background: none;
    transition-duration: 2s;}
*/



@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.investortabs-corporate-gov{height: 470px;}
/*Investor Button*/
/*.tabsbutton img {margin-right:24px;}
.tabsbutton .button-bottom {height:1px;background: #c3161b;bottom:-1px;left:-1px;width:calc(100% + 1px);position:absolute;animation: butunfadeWidth 2s ease-out forwards;animation-delay:.6s;}
.tabsbutton .button-right {background: #c3161b;bottom:0px;right:-1px;width:1px;height:100%;position:absolute;animation: butunfadeHeight 2s ease-out forwards;animation-delay:.4s;}
.tabsbutton .button-top {height:1px;background: #c3161b;top:-1px;right:-1px;width:calc(100% + 1px);position:absolute;animation: butunfadeWidth 2s ease-out forwards;animation-delay:.2s;z-index:1}
.tabsbutton .button-left {background: #c3161b;top:0px;left:-1px;width:1px;height:100%;position:absolute;animation: butunfadeHeight 2s ease-out forwards;}

.investortabs.active .tabsbutton .button-bottom {height:1px;background: #fff;bottom:-1px;left:-1px;width:calc(100% + 1px);position:absolute;animation: butunfadeWidth 2s ease-out forwards;animation-delay:.6s;}
.investortabs.active .tabsbutton .button-right {background: #fff;bottom:0px;right:-1px;width:1px;height:100%;position:absolute;animation: butunfadeHeight 2s ease-out forwards;animation-delay:.4s;}
.investortabs.active .tabsbutton .button-top {height:1px;background: #fff;top:-1px;right:-1px;width:calc(100% + 1px);position:absolute;animation: butunfadeWidth 2s ease-out forwards;animation-delay:.2s;z-index:1}
.investortabs.active .tabsbutton .button-left {background: #fff;top:0px;left:-1px;width:1px;height:100%;position:absolute;animation: butunfadeHeight 2s ease-out forwards;}

.investortabs.active .tabsbutton:after{height: 100%;opacity: 1;transition: height 2s ease;    transition-delay: 250ms;}*/
/*
.tabsbutton:hover .button-bottom {width:0px;animation: butfadeWidth 2s ease-out forwards;}
.tabsbutton:hover .button-right {height:0px;animation: butfadeHeight 2s ease-out forwards;animation-delay:.2s}
.tabsbutton:hover .button-top {width:0px;animation: butfadeWidth 2s ease-out forwards;animation-delay:.4s}
.tabsbutton:hover .button-left {height:0px;animation: butfadeHeight 2s ease-out forwards;animation-delay:.6s}
.tabsbutton:hover {text-decoration:none;color:#fff}
.investortabs:hover .button-bottom {width:0px;animation: butfadeWidth 2s ease-out forwards;}
.investortabs:hover .button-right {height:0px;animation: butfadeHeight 2s ease-out forwards;animation-delay:.2s}
.investortabs:hover .button-top {width:0px;animation: butfadeWidth 2s ease-out forwards;animation-delay:.4s}
.investortabs:hover .button-left {height:0px;animation: butfadeHeight 2s ease-out forwards;animation-delay:.6s}*/


/*.mask1 { */
    
/*   
    -moz-transform:  transform: translateX(-100%) translateY(-100%);
    -ms-transform:  transform: translateX(-100%) translateY(-100%);
    -webkit-transform:  transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%);*/
/*    content: "";
    position: absolute;
height: 100%;
    left: 100%;
    top: 100%;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;animation: maskk 3s ease-out forwards;    background-color: rgba(0,0,0,0.3);}*/
		
		@keyframes maskk { from {height: 100%;opacity:1;} to {    height:0%;    opacity: 1;visibility:hidden; transition: all 2s ease 0s;}}


@keyframes butfadeWidth { from {width:0px;} to {width:calc(100% + 1px);}}
@keyframes butfadeHeight { from {height:0px;} to {height:100%;}}
@keyframes butunfadeWidth { from {width:calc(100% + 1px);} to {width:0px;}}
@keyframes butunfadeHeight { from {height:100%;} to {height:0px;}}
@keyframes reveal-right { from {left:0;width:100%;} to {width:0px;}}
@keyframes reveal-left { from {center:100%;width:0%;opacity:1;} to {center:0%;width:100%;}}
@keyframes bottomreveak { from {bottom:0%;} to {bottom:-48px;}}
@keyframes revealtabs { from {margin-left: -100px;} to {margin-left:20px;}}
@keyframes fadebackground {0% {opacity:0;}100% {opacity:1;}}

.tabsbutton {background:none;border: 1px solid  #fff;padding:18px 10px 15px 10px;font-size:34px;text-transform:uppercase;color:#fff;letter-spacing:1.5px;display:inline-block; line-height: 1.1;   z-index: 1;position:absolute;top:50%;left:50%; transform: translate(-50%,-50%);cursor: pointer; font-family: alternate-gothic-compressed, sans-serif; font-weight:bold;transition: all .5s ease 0s;/*width:210px; */text-align:center}
.tabsbutton:after,ul.tabs li:after{background: #c3161b;opacity: .5;-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);
content: "";position: absolute;height: 0%;left: 50%;top: 50%;width: 100%;z-index: -1;-webkit-transition: all 2s ease 0s;-moz-transition: all 2s ease 0s;-o-transition: all 2s ease 0s;transition: all 2s ease 0s;}
.investortabs:hover.tabsbutton:after,.tabsbutton:hover:after,
ul.tabs li:hover:after{height: 100%;opacity: 1;}
/*.investortabs:hover .mask{animation: reveal-right 2s ease-out forwards;}*/
.mask1{width: 100%;height: 100%;    background: rgba(15,14,14, 0.78);position: absolute;z-index: 1;left: 0;top: 0px;background-color: rgba(0,0,0,0.3); animation: fadebackground 1.5s;}
/*.investortabs:hover	.tabsbutton {height: 100%; transition: all 1s ease 0s;border-color:#c3161b }*/
	.investortabs:hover .tabsbutton:after{height: 100%;opacity: 1;}
.notcenter{border:1px solid #C3161B;color:#C3161B;position: relative;top:0px;left:0px;transform:none}
a.notcenter{text-decoration: none!important}
.notcenter:hover {color:#fff}
.tabsbutton:hover,ul.tabs li:hover{border-color:#c3161b }
.investortabs:hover .tabsbutton{border-color:#c3161b }
.investortabs:hover .mask{background: none;    transition-duration: 2s;transition:all 2s ease 0s;}

/*TABBED ACCORDION*/
ul.tabs {float:left;width:100%;padding:1em 0 0 0;margin-bottom:0 !important}
ul.tabs li {float:left;cursor: pointer;margin:0 0 0 .5em;padding: 11px 25px;border: 1px solid #C3161B;/* border-bottom:none; */text-decoration:none;background: #ffffff;color: #c3161b;list-style-type:none;font-size: 33px;margin-bottom: 12px;position: relative;/*animation: revealtabs 3s ease-out forwards;*/font-family: alternate-gothic-compressed, sans-serif;margin-right: -4px;}
ul.tabs li:first-of-type {margin:0;animation:none}
ul.tabs li:hover {color:#fff;z-index: 1;}
ul.tabs li.active {/* padding-bottom:5px; */background: #C3161B;/* border-color:#004d90; */color: #ffffff;font-weight:bold;transition: background .6s ease 0s;}
.tab-container {border:1px solid #C3161B;clear:both;float:left;width:99.7894737%;background:#fff;    overflow: hidden;    margin-bottom: 30px;    padding-bottom: 20px;} /*948 divide 950 = 99.7894737%*/

.tab-container-payments{margin-top: 20px!important;}
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}

.investornews a{    color: #545b62;}
.investornewsfeeds{margin:0;padding:0px;width:50%;display:block;float:left;/* min-height: 109px; */}
.investornewsfeeds li{margin:10;padding:10px;list-style-type: none;}
/*.investornewsfeeds li:nth-child(4n+4),.investornewsfeeds li:nth-child(4n+3){background: #d6d6d6}*/
.tab-drawer-content ul:nth-child(4n+4),.tab-drawer-content ul:nth-child(4n+3){background: #d6d6d6}


/*.investortabsli{width:100%;display:block;float:none;}
.investortabsli li{margin-bottom:10px;padding: 18px 10px;list-style-type: none;width:50%;display:block;float:left;padding-bottom: 0px;}*/


.investortabsli{width:100%;display: flex;float:none;flex-wrap: wrap;}
.investortabsli li{margin-bottom:20px;padding: 10px 10px;list-style-type: none;display: flex;float:left;max-width: 50%;flex: 100%; padding-left: 0; background-color: #fff;}



.investortabsli li a{display:block;width: 100%;/* padding: 10px; */}



.investortabsli li:nth-child(4n+4),.investortabsli li:nth-child(4n+3){background: #f2f2f2;padding-bottom: 17px;}


/* Start of History timeline*/
.owl-carousel .item {
    min-height: 613px;
    background: #76787A;
    padding: 1rem;
}
		
		.switch-bg-lgrey{background: #9FA0A2 !important;}
		.switch-bg-wgrey{background: #CCCDCE !important;}
.btns{
/*  display: table;*/
  display: block;
  margin: 30px auto;
}
.customNextBtn, .customPreviousBtn{
/*    background: #2d9070;*/
    color: #fff;
    padding: 10px;
    margin-left: 5px;
    cursor: pointer;
	transform: rotate(-90deg);
	position: absolute;
	z-index: 1;
	font-weight: 600;
	font-family: alternate-gothic-compressed, sans-serif; 
	font-size: 28px;
	text-transform: uppercase;
/*	float:right;*/
}
		
		.customPreviousBtn{float:left; left: -115px; top: 280px;}
		.customNextBtn{float:right; right: -95px; top: 296px;}
		
		.customPreviousBtn .icon-arrow-up:before {
    content: "\e941";
    position: absolute;
    left: 103px;
    top: 8px;
    background: #C3161B;
    padding: 10px;
}
		
		.customNextBtn .icon-arrow-down:before {
    content: "\e942";
    position: absolute;
    left: 71px;
    top: 8px;
    background: #C3161B;
    padding: 10px;
}
		
		.year-title{color: #FFF; font-size: 60px; font-weight: 600; display: block; font-family: alternate-gothic-compressed, sans-serif; text-align: center}
		.timeline-content{border-top: 1px solid #FFF; margin: 0 20px; padding-top: 20px; text-align: center;}
		.timeline-content p{color: #FFF; font-size: 16px}
		
		
		
		
		.owl-carousel:before{content: ""; position: absolute; height: 613px; width: 130px; background: #000;left: -130px;}
		.owl-carousel:after{content: ""; position: absolute; height: 613px; width: 130px; background: #000; right: -130px; top: 0;}
		
		
		.btn-container{position: relative}
		
		.owl-theme .owl-nav [class*='owl-']{background:none !important; color: #000 !important; font-family: alternate-gothic-compressed, sans-serif;	font-size: 28px !important; text-transform: uppercase; }
		.owl-theme .owl-nav .owl-prev:before{content: '\e93b'; font-family: 'icomoon'; speak: none; font-size: 22px; margin-right: 10px;}
		.owl-theme .owl-nav .owl-next:after{content: '\e93c'; font-family: 'icomoon'; speak: none; font-size: 22px; margin-left: 10px;}
		.owl-theme .owl-nav [class*='owl-']:hover{background:none !important; color: #C3161B !important;}
		.owl-theme .owl-nav .disabled{opacity: 1 !important}
		
		

/*
.history-section{margin-top:30px; margin-bottom: 50px;}
.tharisa-arrow{transform: rotate(-90deg);}
.year-2006 .timeline-year .year{color: #C3161B; font-weight: bold; font-size: 40px}
.year-2020 .timeline-year .year{color: #fff; font-weight: bold; font-size: 40px}
.year{color: #9C9FA2; font-size: 30px; margin-top: 15px;}
.timeline-year{border-top: 3px solid #C3161B; min-height: 297px;}
.grey-bg{padding-bottom: 15px}

.borderNone{border: none;}
.borderbot{border-bottom: 3px solid #C3161B;}

.rightRed-border{border-right: 3px solid #C3161B; border-bottom: 3px solid #C3161B; border-bottom-right-radius: 50px; border-top-right-radius: 50px; border-top: 3px solid #C3161B;}
.leftRed-border{border-left: 3px solid #C3161B; border-bottom: 3px solid #C3161B; border-bottom-left-radius: 50px; border-top-left-radius: 50px; border-top: 3px solid #C3161B;}

.year-2013 .timeline-year{margin-top: -3px; min-height: 316px; padding-left: 50px;}
.year-2014 .timeline-year{min-height: 342px;}
.year-2019 .timeline-year{padding-left: 40px;}

.red-bg{background: #C3161B; padding: 0px 30px; border-bottom-left-radius: 150px; text-align: right;}

.empty-block .timeline-year{min-height: 311px; margin-top: -3px}

.year-2016 .timeline-year, .year-2017 .timeline-year{margin-top:-6px}
.year-2018 .timeline-year, .year-2019 .timeline-year, .year-2020 .timeline-year{margin-top:-3px}
.year-2018 .timeline-year{padding-left: 50px}

.switch-navy{color: #002739 !important}

.arrow-left{text-align: center;}

.year-2009 .timeline-year, .year-2013 .timeline-year, .year-2014 .timeline-year{position: relative}
.year-2009 .timeline-year .grey-bg img{position: absolute; right: 0; border-radius: 50%; border-radius: 50%}
.year-2013 .timeline-year .grey-bg img:nth-of-type(1){position: absolute; left: -52px; top: -230px; width: 80%;}
.year-2013 .timeline-year .grey-bg img:nth-of-type(2){position: absolute; }
.year-2014 .timeline-year .grey-bg{position: absolute; z-index: 1}
.hist-bottom-txt{padding-left: 20px;}
*/


/* End of History timeline*/


/*Video styles*/		
.video-block-container {position: relative; -webkit-transition:0.7s ease;-moz-transition:0.7s ease;-ms-transition:0.7s ease;transition:0.7s ease;}
.video-block {width:50%;margin-bottom:15px;  position:relative; -webkit-transition:0.7s ease;-moz-transition:0.7s ease;-ms-transition:0.7s ease;transition:0.7s ease;border:1px solid #8FB7D1; box-shadow:1px 1px 4px 2px rgba(15,37,63,0.2);background:#fff;padding:12px;}
.video-block:hover{overflow:hidden; border:1px solid #E60000; box-shadow:2px 2px 5px 3px rgba(15,37,63,0.4);-webkit-transition:0.7s ease;-moz-transition:0.7s ease;-ms-transition:0.7s ease;transition:0.7s ease; }
.video-open {width:100%;  position:relative; -webkit-transition:0.7s ease;-moz-transition:0.7s ease;-ms-transition:0.7s ease;transition:0.7s ease;}
.video-element {width:100%; -webkit-transition:0.7s ease;-moz-transition:0.7s ease;-ms-transition:0.7s ease;transition:0.7s ease;}
.expandReduceBtns a {position:absolute;visibility:visible;right:-15px;top:-15px; -webkit-transition:0.2s ease;-moz-transition:0.2s ease;-ms-transition:0.2s ease;transition:0.2s ease;z-index:20;}
.expandReduceBtns a {text-decoration:none}
.expandReduceBtns i {font-size:1.7em;display:block;text-align:center;vertical-align:middle;font-style:normal;}
#blockOpenLink1 i:after {content:'\f055'; color:#0f253f;background-color:#fff;padding:2px 3px;font-family:'fontawesome';speak: none;border-radius:50px;box-shadow:1px 2px 3px rgba(0,0,0,0.3);}
#blockCloseLink1 i:after {content:'\f056';color:#0f253f;background-color:#fff;padding:2px 3px;font-family:'fontawesome';speak: none;border-radius:50px;box-shadow:1px 2px 3px rgba(0,0,0,0.3);}
#blockOpenLink1 {position:absolute;visibility:visible;right:5px;top:1px;}
#blockCloseLink1 {position:absolute;visibility:hidden;right:5px;top:1px;}
#blockOpenLink2 i:after {content:'\f055'; color:#0f253f;background-color:#fff;padding:2px 3px;font-family:'fontawesome';speak: none;border-radius:50px;box-shadow:1px 2px 3px rgba(0,0,0,0.3);}
#blockCloseLink2 i:after {content:'\f056';color:#0f253f;background-color:#fff;padding:2px 3px;font-family:'fontawesome';speak: none;border-radius:50px;box-shadow:1px 2px 3px rgba(0,0,0,0.3);}
#blockOpenLink2 {position:absolute;visibility:visible;right:5px;top:1px;}
#blockCloseLink2 {position:absolute;visibility:hidden;right:5px;top:1px;}
#blockOpenLink3 i:after {content:'\f055'; color:#0f253f;background-color:#fff;padding:2px 3px;font-family:'fontawesome';speak: none;border-radius:50px;box-shadow:1px 2px 3px rgba(0,0,0,0.3);}
#blockCloseLink3 i:after {content:'\f056';color:#0f253f;background-color:#fff;padding:2px 3px;font-family:'fontawesome';speak: none;border-radius:50px;box-shadow:1px 2px 3px rgba(0,0,0,0.3);}
#blockOpenLink3 {position:absolute;visibility:visible;right:5px;top:1px;}
#blockCloseLink3 {position:absolute;visibility:hidden;right:5px;top:1px;}

/*Register for alerts*/
.blue-alerts-bg{padding: 10px;margin-bottom: 2%;}
.tabsbutton-2-regstr { font-size: 16px;}
.tabsbutton-3-regstr { font-size: 25px;}

/*--------START----Home page styles --------START------*/
.home-btn{font-size: 40px}
.group-structure-content-section a.home-btn{top: 60px}
.remove-br{display: none;}


/* BOARD OF DIRECTOTS */
.super-content {
	height: 100%;
	transition: all .3s ease-in-out;
	padding-top: 10px;
	padding-bottom: 30px;
	background-color: transparent;
	display: flex;
	place-items: center;
	gap: 20px;
	position: relative;
	z-index: 0;
	justify-content: space-between;
}

.super-content p {

	font-size: 18px;
	color: #000000;
	font-family: 'Roboto Condensed', sans-serif;
	transition: all .3 ease-in-out;
}

.super-content svg {
	width: 20px;
}

.super-content.active {
	background-color: rgba(117, 120, 122, 0.3);
	color: #C3161B !important;
}

.super-content.active p,
.super-content:hover p {
	color: #C3161B !important;
}

.add-brd-bttom {
	border-bottom: 1px solid #000000;
}

.main-super {
	padding: 40px 20px;
	border: 1px solid;
	border-bottom-width: 4px;
	background-color: #ffffff;
}

.main-super h1.hero-h1 {
	margin: 0;
	text-transform: none;
	font-family: alternate-gothic-compressed;
	font-weight: 600;
}



.super-pop {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	display: none;
	place-items: center;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
}

.super-pop.active-pop {
	display: flex;
}

.super-pop .pop-content {
	width: 100%;
	background-color: #ffffff;
	position: relative;
}

.super-pop .pop-content a.super-pop-close {
	position: absolute;
	right: 30px;
	top: 30px;
	padding: 10px;
}

ul.square-list-links {
	padding-left: 18px;
}


.banner-content {
	margin-top: -233px;
}

.col-values-brder {
	border: 1px solid #000;
	height: 100%;
	background: #fff;
	width: 100%;
}

.col-val-text {
	text-align: center;
	padding: 20px 10px 30px;
	background-color: #fff;
	font-size: 18px;
	min-height: 158px;
}

.col-val-image-btm {
	/* margin: 15px; */
	margin-bottom: 0;
}

.col-val-text .directors-names {
	text-align: left;
	font-size: 26px;
	font-weight: 500;
	color: #000000;
}

.col-val-text .directors-age {
	font-size: 18px;
	font-weight: 400;
	color: #000000;
}

.col-val-text .directors-title {
	text-align: left;
	font-size: 18px;
	font-weight: 400;
	color: #000000;
}

.col-val-text .directors-education {
	text-align: left;
	font-size: 15px;
	font-weight: 400;
	color: #000000;
}

.super-content.active p,
.super-content:hover p {
	color: #000000 !important;
}

.card {
	border: none;
	margin-bottom: 30px
}

.card-header {
	background-color: transparent;
	position: relative;
	width: 100%;
	display: block;
	/* background: rebeccapurple; */
}

.card-header::before {
	content: url(../images/board/2024/cross.png);
	position: absolute;
	width: 27px;
	height: 27px;
	right: 25px;
	top: 30%;
}

.in.collapse.show {
	background-color: #EFEFEF;
	transition: all 500ms ease-in-out;
}

.directors-bio {
	font-family: "Roboto", alternate-gothic-compressed;
	font-size: 16px;
	line-height: 1.4;
	color: #76787A;
	padding-top: 15px;
}

.place-cross-on-img {
	position: relative;
}

.place-cross-on-img::before {
	content: url(../images/board/2024/cross.png);
	position: absolute;
	width: 27px;
	height: 27px;
	right: 0;
	top: 0;
}

.on-gray-bg {
	padding: 20px;
	background-color: #E6E7E7;
}

.round-border {
	border: 2px solid #79797B;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	background: #fff;
	padding: 6px;
	text-align: center;
	margin-top: 5px;
}

.round-border span {
	color: #CE474B;
}

.round-border {
	position: relative;
}

.round-border::before {
	content: "";
	position: absolute;
	border: 1px solid #CE474B;
	width: 50px;
	left: 37px;
	top: 44%;
}

.round-border::after {
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #CE474B;
	left: 78px;
	top: 34%;
}

.btm-rgt-border {
	position: relative;
}

.btm-rgt-border::before {
	content: "";
	position: absolute;
	border-bottom: 2px solid #fff;
	width: 90px;
	bottom: -10px;
	left: 10px;
}

.btm-rgt-border::after {
	content: "";
	position: absolute;
	border-right: 2px solid #fff;
	right: -60px;
	height: 60px;
	bottom: -10px;
}

.switch-blue {
	color: #255B74
}

.add-line {

	border-bottom: 2px solid #fff;
}

.adjust-text {
	margin-left: 10px;
	padding-top: 7px;
	padding-left: 10px;
}

.adjust-elements {
	margin-right: 20px;
}

.bdr-rgt {
	border-right: 2px solid #fff;
}

.adjust-text {
	position: relative;
}

.adjust-text::before {
	content: "";
	position: absolute;
	border-left: 2px solid #fff;
	height: 154%;
	left: 0;
	top: 5px;
}

.full-border {
	border: 1px solid #000
}

.card-header.accordion-link.border-0.collapsed {
	background-color: #fff;
	position: relative;
	padding-right: 40px!important;
}

.card-header.accordion-link.collapsed::before {
	content: url(../images/board/2024/cross.png);
	position: absolute;
	width: 27px;
	height: 27px;
	right: 25px;
	top: 30%;
	transform: rotate(0deg);

}

.card-header.accordion-link {
	background-color: #E6E6E6;
	padding-right: 40px!important;
}

.card-header.accordion-link::before {
	transform: rotate(45deg);
	transition: all 800ms ease-in-out;
}


.foundation-icon-img {display: inline-block; margin-right: 30px}	
.foundation-icon {display: inline-block}








@media screen and (max-width:600px) {
	.contentdate {
		  padding-right: 0px;
	}
}

@media screen and (max-width:1200px) {
	.adjust-text {
		  margin-left: 30px;
	}

}

@media screen and (max-width:991px) {
	.add-rt-border {
		  border-right: none;
	}

	.add-brd-bttom {
		  border-bottom: none;
	}

	.banner-content {
		  margin-top: 0px;
	}

	.super-pop .pop-content {
		  height: 60vh;
		  overflow-y: scroll;
	}

	.adjust-text {
		  margin-left: 0;
		  padding-top: 7px;

	}

	.adjust-text::before {
		  left: -50px;
	}
	
	
	.karo-mining-dgrey-bg {padding: 20px 20px 20px 20px;}
	
	
}

@media screen and (max-width:760px) {
	.adjust-text::before {
		  left: 0;
	}

}

/* BOARD OF DIRECTOTS END HERE */

@media screen and (min-width: 2000px){.group-structure-img-section img{float:right; clear: both;}}

@media screen and (max-width: 1651px){.year-2013 .timeline-year{min-height: 341px;}}

@media screen and (max-width: 1647px){.timeline-year {min-height: 322px;}}

@media screen and (max-width: 1642px){.year-2016 .timeline-year, .year-2017 .timeline-year {margin-top: -3px;}}

@media screen and (max-width: 1300px) {.video-block {width:80%; }.video-open {width:100%;}

.investorCalenderBorder {
    margin-right: 0%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
 	place-items: start; 
    flex-direction: column;
    gap: 4px;
    margin-bottom: 20px;
}
.outlookText::after,.outlookText::before{display: none;}
}

@media screen and (max-width: 1190px){.group-structure-content-section{margin-top: 80px}}	

@media screen and (max-width: 1855px){.report-res-img{ width: 50%}}

@media screen and (max-width: 1807px){.break-gov{display: none;} .resultsAndReportBox {width:100%;} #archiveBoxs a{/*margin-left: 30px;*/}}

@media screen and (max-width: 1072px){.home-banner .main-banner-heading h1 div {font-size: 60px;} .main-banner-heading {top: 50px;}}

@media screen and (max-width:1736px) { .glanceBox2-down{height:150px}.tabsbutton{white-space: initial;}}

@media screen and (max-width: 1686px){.group-structure-content-section{margin-right: 0;}}
@media screen and (max-width: 1642px){
.year-2013 .timeline-year{min-height: 366px;}
.mediacol li{min-height: 138px}
/*.investortabsli li:nth-child(4n+4), .investortabsli li:nth-child(4n+3) {  min-height: 120px;}*/
.investornews  span.contentdate{padding-right: 80px}
}


@media screen and (max-width: 1590px){.red-section-border-left { width: calc(100% - 115px);} .black-section-border-left { width: calc(100% - 115px);} .ourvaluestxt {padding-left: 68px;}
	
}


@media screen and (max-width: 1534px){.group-structure-content-section a.home-btn {top: 0;} .ourvaluestxt {padding-left: 110px;}}

@media screen and (max-width: 1528px){.year-2013 .timeline-year{min-height: 391px;}}

@media screen and (max-width: 1522px){}

@media screen and (max-width: 1480px){.timeline-year{min-height: 322px;}}

@media screen and (max-width: 1449px){
	.owl-carousel .item{min-height: 635px;}
	.owl-carousel:before{min-height: 635px;}
	.owl-carousel:after{min-height: 635px;}
	.customPreviousBtn{left: -98px; top: 305px;}
	.customNextBtn{right: -78px; top: 297px;}
}
			

@media screen and (max-width: 1430px){.group-structure-content-section h1 {margin-bottom: 10px;} #one h1 {} .glanceImgPush{margin-top:-60px;}}
	
@media screen and (max-width: 1337px){.timeline-year{min-height: 347px;}}

@media screen and (max-width: 1320px){.mediacol li{width:100%;float:left;min-height: 100%}
	.tabsbutton {padding: 18px 15px 15px 15px;display: block;}}

@media screen and (max-width: 1300px){
	.glance-sec1{min-height: unset;}
	.ourvaluestxt {padding-left: 16px;}
	.owl-theme .owl-dots{display: none;}
	.owl-carousel:before{display: none;}
	.owl-carousel:after{display: none;}
}


@media screen and (max-width: 1233px) {.investornewsfeeds {width: 100%;float:none; }	
body#seven .covid-block-wrap .investortabsli li{width: 100%;float: none;max-width: 100%;}
}



@media screen and (max-width: 1538px) {.tabsbutton {white-space: initial;}.sens-block-bkr h4, .newsBlocks h4{font-size: 30px} .strategy-groei-pillars{padding: 19px 10px;}.glanceBox2 {    font-size: 45px; }}

@media screen and (max-width: 1150px) {.hist-bottom-txt{font-size: 16px;}.newsButtonHeading a{float: unset}}

@media screen and (max-width: 1440px){.col-lg-6-strategy-g-groei {	width: 67%;margin-left: 30%;}}
	
@media screen and (max-width: 1440px){ .col-lg-6-strategy-g-groei{width: 59%;margin-left: 35%;} }

@media screen and (max-width: 1198px){.col-lg-6-strategy-g-groei {width: 53%;margin-left: 43%;} .group-structure-content-section h1{margin-bottom: 0} #one h1{font-size: 69px;}.ourvaluestxt {
    padding-left: 24px;
}
}

@media screen and (max-width: 1070px){.share-data-last-price{text-align:center;vertical-align:middle;font-size: 40px;line-space: 2px;line-height:55px;color:#0F253F;font-weight:bold;}
.investornews > span ~ span ~ span{ position:relative; right:auto; top:auto;}
}




@media screen and (max-width: 1820px){
.red-section-border-right {width: calc(100% - 115px);}

}


@media screen and (max-width: 1060px){
	.newsContainer .tabsbutton {padding: 18px 3px 15px 3px;}
    .newsContainer .archiveBoxs a {font-size: 18px;}
}

@media screen and (max-width: 1024px){
	.col-lg-6 .col-lg-6-strategy-g-groei{width: 80%; margin-left: 115px;}
	.year-2013 .timeline-year .grey-bg img:nth-of-type(1){top: -160px; left: 0;}
	.year-2013 .timeline-year .grey-bg img:nth-of-type(2){top: 106px; left: 0;}
	.video-block {width:85%; }.video-open {width:100%;}
	.year-2016 .timeline-year, .year-2017 .timeline-year {margin-top: -6px;}
}

@media screen and (max-width:998px){
	
	.investortabs:not(.investortabs.active) {display: none;}
	body#three ul.leadership-grid li figure .investortabs {display: block;}
	body#four .investortabs, body#two .investortabs {display: block;}
	.ourvaluestxt {
    text-align: center!important;padding-left: 0
}
	.covid-video-block{margin-top:20px;}
}
@media screen and (max-width:991px){
	.investornews span.contentdate {
    padding-right: 14px;
}
	.strategy-groei-pillars{padding: 49px;}
	/*.strategy-groei-pillars{min-height: 300px}*/
	.strategy-groei-block-info{padding-left: 30px;margin-top: 0px;margin-right:23px;}
	.strategy-smelter-groei-block{padding-left: 30px ; margin-left:30px}
	.strategy-smelter-groei-block{margin: 40px 30px ;}
	.main-banner-heading-groei{top: 50px;}
	/*.group-structure-content-section {margin-left: 25px;}*/
	.sustainability-section-heading h1{position: unset;}
	.sustainability-section-content{margin-top: 0;}
	.glanceBox2:after{display: none;}
	.glanceBox2{margin-top: 30px;}
	.exploreBlock {margin-left: 28px;}
	.resultsAndReportBox{width: auto; margin-left: 0;}
	.sensBox{margin-bottom: 20px; border: none}
	.group-structure-content-section{margin: 40px 15px;}
 	.resultsContainer {border: none; margin-left: 0 }
	.feeds-container{min-height: 549px; margin-bottom: 20px; margin-right: 0; height: auto}
	.strategy-groei-pillars{border-bottom:1px solid #fff;}
	.sens-block-bkr{ background: none}
	.history-section{margin-bottom: 0px;}
	.tharisa-arrow{transform: none;}
	.rightRed-border{border: none; border-radius: 0}
	.leftRed-border{border: none; border-radius: 0}
	.borderbot{border: none;}
	.timeline-year {border-bottom: 3px solid #C3161B !important; border-top:0; min-height: 190px; text-align: center;}
	.year-2009 .timeline-year .grey-bg img{display: none; position: unset}
	.year-2013 .timeline-year .grey-bg img:nth-of-type(1){display: none; position: unset}
	.year-2013 .timeline-year .grey-bg img:nth-of-type(2){display: none; position: unset}
	.year-2014 .timeline-year .grey-bg img{display: none; position: unset}
	.year-2014 .timeline-year .grey-bg{text-align: center; position: unset}
	.year-2014 .timeline-year{min-height: 0; }
	.year-2013 .timeline-year{min-height: 130px; padding-left: 0; text-align: center;}
	.red-bg{border-bottom-right-radius: 150px;}
	.tharisa-begin{text-align: center;}
	.tharisa-arrow{text-align: center; margin-top: 20px;}
	.arrow-left{transform: rotate(-90deg);}
	.hist-bottom-txt{text-align: center; margin-top: 20px;}
	.year-2018 .timeline-year{padding-left:0}
	.year-2019 .timeline-year{padding-left:0}
	.archiveBoxs a{ margin-top: 10px; white-space: nowrap;}
	.resultsAndReportBox .home-btn{margin-top: 10px!important; white-space: nowrap}
    .group-structure-content-section h1{margin-bottom: 67px;}
    .newsButtonHeading a{float: right}
    .mrg-tp-46{margin-top: 46px!important;}
    .share-data-last-price{font-size: 55px;}
}

@media screen and (max-width: 936px){.main-banner-heading h1{font-size: 60px;}}

@media screen and (max-width:900px){.heading-banner-box, .heading-banner-box:nth-child(2){ float: none; width: 100%} .glanceBox2-down {height: 85px}}

@media screen and (max-width: 850px) {.video-block {width:95%; }.video-open {width:100%;}}

@media screen and (max-width: 828px) {/*.strategy-groei-pillars{min-height: 300px}*/}

@media screen and (max-width: 811px) {.group-structure-content-section{margin-right: 0;}} 

@media screen and (max-width: 800px) {.video-block {width:75%; }.video-open {width:96%;}

.image-banner .heading-banner {
    position: relative;
    top: initial;
    width: 100%;
    margin-top: 20px;
}

.image-banner .heading-banner h1{
	color: #000000 !important;
}
.image-banner::before {content: none;}

}

@media screen and (max-width: 768px) {.investornewsfeeds { width:100%;    display: block; float: none;} .home-banner .main-banner-heading h1 div{font-size: 40px;}}

@media screen and (max-width: 799px){.main-banner-heading{right: 50px;} .main-banner-heading h1{font-size: 45px;}}

@media screen and (max-width: 770px){.main-banner-heading h1{font-size: 45px;} .glanceBox2:after{display: none;}}

@media screen and (max-width: 768px) {
	.investortabs:not(.investortabs.active) {display: none;}
	body#three ul.leadership-grid li figure .investortabs {display: block;}
	body#four .investortabs, body#two .investortabs {display: block;}
	
	.investortabsli li {width:100%;float: none;margin-bottom: 20px!important;max-width: 100%;}
	.tab-drawer-content ul:nth-child(4n+4), .tab-drawer-content ul:nth-child(4n+3) {background: #d6d6d6; border-bottom: 15px solid #fff;}
	.investortabshuman:not(.investortabs.active) {display: block;}
	.investorCalenderBorder{border-right: 0}
	ul.tabs li {padding: 11px 19px;}
}

@media screen and (max-width: 697px){
	.main-banner-heading h1{font-size: 35px;}
	.glanceBox2-down{display: none}
	.tabs {display: none;}
	.tab-drawer-heading {background: #262626;color: #262626;border-top: 1px solid #c3161b;margin:0;padding:.5em;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #fff;}
	.tab-container h4 {font-size: 28px;}
	.d-active {/*background-color: #c4171b;*/color: #fff;}
	.tab-drawer-heading:before {float:right; font-family: 'icomoon'; content:'\e936';speak: none;padding-right:.25em}
	.d-active:before {float:right; content: '\e937'; font-family: 'icomoon';speak: none;padding-right:.25em}	
	.tab-container { padding-bottom: 0; }
	

	
}
	
@media screen and (max-width: 614px){			
	.glance-sec-cont h1, .group-structure-content-section h1, .investorNewsHeading h1, .why-invest-section-heading h1, .sustainability-section-heading h1{font-size: 75px;}
}

@media screen and (max-width: 600px) {.video-block {width:80%; }.video-open {width:94%;}}

@media screen and (max-width: 575px){#archiveBoxs a{margin-left: 0;} .glanceBox2-mobile{ display: block;} .num-two{display: none;}}

@media screen and (max-width: 569px){
	.home-banner .main-banner-heading h1 div{font-size: 30px;}
	.main-banner-heading{top:45px}
	.main-banner-heading-groei {position: absolute;top: 0px;left: 20px;} 
	h1{font-size: 50px!important;}
	h2{font-size: 40px!important;}
	.optimisation-heading-image {
		width: 45px;
		margin-top: -13px;
	}

}

@media screen and (max-width: 515px){
	.home-banner .main-banner-heading h1 div{font-size: 30px; text-align: center}	
	.main-banner-heading {right: 0; top: 40px; width: 100% !important;}}


@media screen and (max-width: 500px) {
	.strategy-groei-block-info {margin-top: 60px; margin-right: 30px; margin-left: 30px;}
	.strategy-groei-block-info {padding:30px;}
	.strategy-smelter-groei-block {margin: 30px 10px;  padding: 0px 20px 0px 30px;}
	.strategy-groei-pillars{margin:0px 30px  !important;}
	.black-groei{margin-left: 20px;}
	.main-banner-heading-groei{top: 50px;}
	.home-banner .main-banner-heading h1 div{font-size: 25px}
	.push-fom {margin-top:0px}
	.heading-banner {top:0px !important;}
}

@media screen and (max-width: 490px){.newsButtonHeading a{float: none;}	.glanceBox2 {    font-size: 35px;}}

@media screen and (max-width: 440px){
	.main-banner-heading{width: 100%; right: 0px; top: 20px; }
	.main-banner-heading h1{font-size: 25px;}
	.sustainability-section-content{padding: 63px 20px 69px 20px;}
	.home-banner .main-banner-heading h1 div{font-size: 25px;}
}

@media screen and (max-width: 445px){.page-name p{font-size: 10px!important;}}

@media screen and (max-width: 420px) {.video-block {width:87%; }.video-open {width:92%;}

.investornews > span {max-width: 75%;}
.heading-banner {top:0px !important;}
}

@media screen and (max-width: 400px){
	.investortabs-corporate-gov{height:270px;}/*.heading-banner h1{top:50px !important;}*/


}
@media screen and (max-width:400px) {
	.operating-header {
		padding: 5px 90px 5px 40px;
	}

	.operating-header-text {
		font-size: 15px;
	}

	.operating-header-percentage {
		position: absolute;
		top: 3px;
		right: 55px;
		margin-top: 5px;
		font-size: 15px;
	}	

	.operating-header-icon {
		width: 25px;
		position: absolute;
		top: 6px;
		right: -1px;
	}


	.operating-header-icon-second {
		right: 25px!important;
	}	
	
.operating-header-text-num {
    width: 35px;
    height: 35px;
	padding: 11px;
}	
	
	.card-header h4{font-size: 25px;}
	.operating-header-text-num {font-size: 17px;}	
	
	
	.tharisa-cyprus-text {
		font-size: 18px;
	}
/*
	.tharisa-cyprus-block {
		padding: 5px 20px 5px 30px!important;
	}
*/
	.tharisa-cyprus-icon {
		width: 45px;
		position: absolute;
		top: -1px;
		left: -28px;
	}	
	
}



/* @media screen and (max-width: 429px){.heading-banner h1{top:-36px !important;}} */

@media screen and (max-width: 380px){
	.home-banner .main-banner-heading{position: relative; top: 0;} 
	.home-banner .main-banner-heading h1{margin-bottom: 0;}
	.home-banner .main-banner-heading h1 div{color: #000;font-size: 35px;}
    .share-data-last-price {font-size: 30px;}
	/* .heading-banner h1{top:50px !important;} */
	.remove-br{display: block;}
	.hide-pipe{display: none;}
}

@media screen and (max-width: 375px){
    .heading-banner h1{top:0px !important;font-size:50px !important;}
}

@media screen and (max-width: 350px){
    .resultsContainer .tabsbutton{font-size: 16px;}
}


@media screen and(max-width: 335px){
	/* .heading-banner h1{top:-4px !important;font-size: 40px !important;} */
}

@media screen and(max-width: 332px){
	.main-banner-heading-groei {position: absolute;	top: -31px;left: 12px;}.strategy-smelter-groei-block{margin: 30px 30px ;}.strategy-groei-block-info{margin:0px 30px ;}
}	

@media screen and (max-width: 320px){.main-banner-heading-groei{position: absolute;	top: -25px;left: 24px;}.main-banner-heading {top: 0px;}	}	

@media screen and (max-width: 368px){			
	.glance-sec-cont h1, .group-structure-content-section h1, .investorNewsHeading h1, .why-invest-section-heading h1, .sustainability-section-heading h1{font-size: 50px;}
}
	
@media screen and (max-width: 320px){.why-invest-section-heading h4{margin-top: 0; margin-left: 0;} /*.heading-banner h1{top:-4px !important;font-size: 40px !important;}*/}