*::selection {
  background: #CCD9E4;
  color: #000;
}
*::-moz-selection {
  background:#CCD9E4;
  color: #000;
}
::-webkit-scrollbar {
  display: none;
}
::scrollbar {
  display: none;
}
::-moz-scrollbar {
  display: none;
}
*:not(.mega-menu):not(#pie1):not(#pie2):not(svg):not(path):not(.media-releases-tab):not(.accordion-container) {
  scroll-behavior: smooth;
  transition: .4s linear all;
  -moz-transition: .4s linear all;
  -webkit-transition: .4s linear all;
  -ms-transition: .4s linear all;
}
body::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */
}
@-moz-document url-prefix() {
  html {
    scrollbar-width: none;
  }
}
.clearfix:after, .clearfix:before {
  display: table;
  content: " "
}
.clearfix:after {
  clear: both
}
html {
  position: absolute;
  height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none; /* IE 11 */ width: 100%;
  scroll-behavior: smooth;
}
body {
  overflow: auto;
  line-height: 1.6;
  height: 100%;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
a, a:focus {
  color: #064181;
  text-decoration: none;
  outline: 0;
}
a:hover {
  text-decoration: none;
  color: #333;
}
body, input, select, textarea, button, tspan {
  font-family: roboto, sans-serif;
}
hr {
  width: 100%
}
input, input:focus, select, select:focus {
  outline: none;
  border: 0;
}
h1 {
  text-transform: uppercase;
}
h1 span {
  color: #064181;
}
h2 {
  color: #064181; /*  text-transform: uppercase*/
}
h3 {
  color: #064181;
  font-size: 35px;
  font-weight: 400;
  margin: 40px 0;
}
h4 {
  color: #064181;
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 20px 0;
}

.font-35{ font-size: 35px!important}

b, strong {
  font-weight: 600;
  line-height: 1;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 10px;
}
sub {
  top: 0.4em;
}
body {
  font-family: roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #4C4D4F;
  font-size: 100%;
  margin: 0;  background: #fff; width: 100%;
  overflow: auto;
}
p {
  font-size: 16px;
  margin-bottom: 15px!important;
  line-height: 1.7;
  font-family: roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #4C4D4F;
  margin-top: 0px;
}
.center-block {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}
header {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  width: 100%;
  z-index: 99999;
  background: rgba(6, 65, 129, 0.58);
  transition: .35s;
}
header:hover {
  background: rgba(6, 65, 129, 0.58);
  transition: .35s;
}
header:hover img.logo-grey {
  display: none;
  transition: .35s;
}
header:hover img.logo-blue {
  display: none;
  transition: .35s;
}
header:hover img.logo-white {
  display: block;
  transition: .35s;
}
header nav {
  max-width: 1650px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: block;
  height: 115px;
  box-sizing: border-box;
  padding: 0 15px;
}
header nav:after {
  content: '';
  position: absolute;
  top: 65px;
  left: 0;
  background: #ffffff;
  width: 100%;
  height: 3px;
  transition: .35s linear all;
}
header nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  transition: .35s linear all;
}
header nav ul li:first-of-type {
  /* text-align: left; */
  position: absolute;
  left: 30px;
  top: 0;
  padding: 0px 0;
  transition: .35s linear all;
}
header nav ul li {
  display: inline-flex;
  padding: 30px 30px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-family: roboto;
  flex-direction: row;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  font-weight: 400;
  transition: .35s linear all;
}
header nav ul li a {
  color: #fff;
  text-decoration: none;
  transition: .35s linear all;
}
header nav ul li img {
  vertical-align: top;
  display: block;
  max-width: 130px;
  transition: .35s linear all;
}
header nav ul li i {
  color: #fff;
  display: inline-block;
  position: relative;
  width: 30px;
  height: 28px;
  transition: .35s linear all;
}
header nav ul li i:after {
  content: '\e922';
  font-family: 'icomoon';
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: #fff;
  z-index: 1035;
  transition: .35s linear all;
}
header nav ul li span {
  display: none;
  opacity: 0;
}
header nav ul li:last-of-type {
  padding: 30px 0px;
}
.mega-menu {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #064181;
  right: 0;
  z-index: 9999;
  top: 0;
  overflow: scroll;
}
.sub-menu-half {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 20px 150px;
}
.sub-menu-half img {
  max-width: 100%;
  transition: .35s;
  filter: grayscale(0%);
}
.sub-menu-half img:hover {
  filter: grayscale(30%);
  transition: .35s;
}
.sub-menu-half p {
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 15px 0;
  padding: 0;
  color: #fff;
}
.sub-menu-half a.more-link {
  color: #fff;
  transition: .35s;
}
.sub-menu-half a.more-link:after {
  color: #fff;
  transition: .35s;
}
.sub-menu-half a.more-link:hover {
  color: #fff;
  transition: .35s;
}
.sub-menu-half .article-heading {
  color: #fff;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
}
.sub-menu-half .sublist-heading {
  color: #fff;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 40px;
  font-weight: 400;
}
.sub-menu-half ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sub-menu-half ul li {
  border-bottom: 1px solid #fff;
  padding: 20px 10px;
  font-size: 18px;
  color: #fff;
  font-weight: 300;
}
.sub-menu-half ul li:first-of-type {
  border-top: 1px solid #fff;
}
.sub-menu-half ul li a {
  text-decoration: none;
  color: #fff;
}
.sub-menu-box {
  margin-top: 150px;
}
/*body.blue .logo-blue {
  display: block;
  transition: .35s linear all;
}
body.blue .logo-white {
  display: none;
  transition: .35s linear all;
}
body.blue header nav:after {
  background: #064181;
  transition: .35s linear all;
}
body.blue header nav ul li {
  color: #064181;
  transition: .35s linear all;
}
body.blue header nav ul li a {
  color: #064181;
  transition: .35s linear all;
}
body.blue header nav ul li i {
  color: #064181;
  transition: .35s linear all;
}
body.blue header nav ul li i:after {
  color: #064181;
  transition: .35s linear all;
}*/
.home-video-section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
#videoContainer {
  position: relative;
  opacity: 1;
  display: block;
  margin: 0;
  padding: 0px;
  border: 0;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.videoBG {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  max-width: 1920px;
  margin: 0 auto;
}
.videoBG > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.search-row{display: none;}
/* Our investor proposition start */

.platinum-1{width: 10%; float: left; margin-right: 5%; }
.platinum-2{width: 80%; float: left;  }
.platinum-2 p {font-size: 20px!important; font-weight: 300}

.palladium-1{width: 10%; float: left; margin-right: 5%; }
.palladium-2{width: 80%; float: left;  }
.palladium-2 p {font-size: 20px!important; font-weight: 300}

.rhodium-1{width: 10%; float: left; margin-right: 5%; }
.rhodium-2{width: 80%; float: left;  }
.rhodium-2 p {font-size: 20px!important; font-weight: 300}

.rand-1{width: 10%; float: left; margin-right: 5%; }
.rand-2{width: 80%; float: left;  }
.rand-2 p {font-size: 16px!important; font-weight: 300}	
.font-20{ font-size: 20px!important}	
.font-16{ font-size: 16px!important}	
.font-40{ font-size: 40px}
.no-marginB{ margin-bottom: 0px!important}
.margin-85T { margin-top: 85px !important;}

.switch-blue{ color: #0D71B7}	
.switch-grey{ color: #878F94}	
.switch-green{ color: #57B946}	
.switch-Dblue{ color: #004181}
.switch-orange{ color: #F58228}
ul.list {padding-left: 0; list-style: none;     margin-top: 20px;}
ul.list li {padding-left: 15px; position: relative; font-size: 20px!important;}
ul.list li:after {content: '.';color: #004892;position: absolute;left: 0;font-size: 60px;font-weight: 300; top: -52px;}	

ul.list-blue {list-style:none; padding-left: 0; list-style: none; margin-top: 20px;}
ul.list-blue li {padding-left: 20px; position: relative; font-size: 16px!important;}
ul.list-blue li:after {content: '.';color: #004892;position: absolute;left: 0;font-size: 60px;font-weight: 300; top: -56px;}
ul.list-blue li ul {list-style:none; margin:0px; padding:0px;}
ul.list-blue li ul li {padding-left:20px;}
ul.list-blue li ul li:after {content: '-'; color: #004892; position: absolute; left: 0; font-size: 30px; top: -13px;} 
ul.list-blue li ul li ul {list-style:none; margin:0px; padding:0px;}
ul.list-blue li ul li ul li {padding-left:20px;}
ul.list-blue li ul li ul li:after {content: '.'; color: #004892; position: absolute; left: 0; font-size: 60px; top: -56px;}








.table-greybg{ background: #EFF0F2; }
.grey-thickline{ border-bottom: 2px solid #BCBEC0}
.blue-thickline{ border-bottom: 1px solid #004181}	
.fin-tbl tr:hover {background:#EFF0F2; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
tr.no-hover:hover {color:#203263!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl tr td {/*line-height:1.3*/font-size:20px!important; padding:3px 10px 3px 3px;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl th {color:#004282; font-weight:bold; background: #EFF0F2; /*line-height:1.3;*/ padding:3px 10px 3px 3px;font-size:20px!important;} /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/

.mineral-reserves {}
.mineral-reserves h4 {font-size: 30px;color: #0D71B7;font-weight: 600;margin-bottom: 45px;}
.mineral-reserves .reserves {color: #0D71B7;float: left;width: calc(33.33% - 40px);margin-right: 60px;padding: 10px;box-sizing: border-box;}
.mineral-reserves .reserves:nth-of-type(3n) {margin-right: 0px;}
.mineral-reserves .reserves big {font-weight: 500;color: #004181;font-size: 20px;position: relative;}
.mineral-reserves .reserves small {color: #4C4D4F;font-size: 20px;}

.suppliers-box {}
.suppliers-box div:first-of-type {width:75%; float:left; padding-right:60px; box-sizing:border-box;}
.suppliers-box div:last-of-type {width:25%; float:left; background: linear-gradient(280deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080); background-size: 500% 100%;animation: gradscroll 10s ease infinite; z-index: 9998; transition: .75s linear all;}
.suppliers-box div:last-of-type ul {color: #fff; list-style: none;}
.suppliers-box div:last-of-type ul li {color: #fff; padding: 10px 0;}
.suppliers-box div:last-of-type ul li a {color: #fff;}

.col-75 {width:75%; float:left; padding-right:60px; box-sizing:border-box;}
.col-25 {width:25%; float:left; background: linear-gradient(280deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080); background-size: 500% 100%;animation: gradscroll 10s ease infinite; z-index: 9998; transition: .75s linear all;}
.col-25 ul {color: #fff; list-style: none;}
.col-25 ul li {color: #fff; padding: 10px 0;}
.col-25 ul li a {color: #fff;}

ul.policy-list {list-style:none; margin:0; padding:0;}
ul.policy-list li {width:50%; float:left;}

.delivering-value {}
.delivering-value .value {color: #004181;float: left;width: calc(50.33% - 40px);margin-right: 20px;/* padding: 14px; */box-sizing: border-box;}
.delivering-value .value:nth-of-type(3n) { margin-right: 0px;}
.delivering-value .value big {font-weight: 500;color: #004181;font-size: 40px;position: relative;margin-bottom: 10px;}
.delivering-value .value small {color: #004181;font-size: 16px;}	

.accolades {}
.accolades .esg {float: left;width: calc(55.33% - 40px);margin-right: 10px;padding: 5px; box-sizing: border-box; border: 1px solid  #004181}
.accolades .esg:nth-of-type(3n) { margin-right: 0px;}
.accolades .esg big {font-weight: 500;color: #004181;font-size: 40px;position: relative;margin-bottom: 10px;}
.accolades .esg small {font-size: 14px;}


.esg { border: 1px solid #004181;width: 97.6%; }
.esg .accolades {float: left;width: calc(39.33% - 40px);margin-right: 10px;padding: 5px; box-sizing: border-box; }
.esg .accolades:nth-of-type(3n) { margin-right: 0px;}
.esg .accolades big {font-weight: 500;font-size: 40px;position: relative;margin-bottom: 10px;}
.esg .accolades small {font-size: 14px;line-height: 1.1!important}
.esg .accolades p {font-size: 14px; line-height: 1.1!important}	


.table {}
.table h4 {font-size: 30px;font-weight: 600;margin-bottom: 45px;}
.table .reserve {float: left;width: calc(50.33% - 40px);margin-right: 30px;padding: 10px;box-sizing: border-box;}
.table .reserve:nth-of-type(3n) {margin-right: 0px;}
.table .reserve big {font-weight: 500;color: #004181;font-size: 20px;position: relative;}

/* Our investor proposition end */


/*ESG OVERVIEW - START*/
.blocks-blocks {background: transparent; position: relative;}
.blocks-blocks article {background: transparent; max-width: 1220px; min-height:600px;}
.blocks-blocks:after {content: ""; background: #1970B5; height: calc(100% - 82px); position: absolute; z-index: 8; width: 100%; top:0px;}

.value-box {padding:0px 15px 0px 15px; margin-top:100px; color:#fff;}
.value-table {display:table; width:100%;}
.value-table-cell {display:table-cell;}
.value-table-cell:nth-child(1) {width:60%; padding-right:5%;}
.value-table-cell:nth-child(2) {width:35%;}

.links-button {display:block; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#fff; font-size:20px; position:relative; padding:5px}
.links-button:after {content:url('../images/download-icon.png'); position:absolute; top:5px; right:10px; width:20px; height:20px;}
.links-button:hover {background:#317FBD;}

.links-button2 {display:block; border-bottom:1px solid #fff; color:#fff; font-size:20px; position:relative; padding:5px}
.links-button2:after {content:url('../images/download-icon.png'); position:absolute; top:5px; right:10px;}
.links-button2:hover {background:#317FBD;}

.grey-block {background:#F1F3F4; padding:80px; position:relative; top:-175px;}
.grey-block:after {content: ''; width: 100%; height: 5px; position: absolute;top: 0;left: 50%; transform: translateX(-50%); background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);background-size: 500% 100%; -webkit-animation: gradscroll 10s ease infinite; -moz-animation: gradscroll 10s ease infinite; animation: gradscroll 10s ease infinite;}
.esg-table {margin:0px; padding:0px; display:table; width:100%;}
.esg-table-cell {display:table-cell; width:25%; padding:0px 50px 0px 0px;}
.esg-table-cell img {max-width:100%;}

h4.expand{margin-bottom: 24px;font-weight: 100;text-transform: uppercase;}
h4.expand a {padding:7.5px; font-size:20px;}
.expand a {display:block;}
.expand a:link, .expand a:visited {color:#5D6F77;text-decoration:none;position: relative; padding: 5px 35px 5px 5px; text-transform:initial; border-bottom:1px solid #A0AAB2; border-top:1px solid #A0AAB2; font-size:14px;}
.expand a:hover, .expand a:active, .expand a:focus {font-weight:bold;}
.expand a.open:link, .expand a.open:visited {background: #1970B5;color: #fff;}
.expand a:before {content:'+';right:10px; top: 5px; position: absolute; color:#1970B5; font-weight: bold;}
.expand a.open:before {content:'-';padding-right:.5em}
/*ESG OVERVIEW - END*/


/*RFI TABLE - START*/
.RFIbackground-th {background:#0A6DB2; color:#fff; font-weight:normal;}
.RFIbackground-th2 {background:#F1F3F4; color:#4C4D4F; font-weight:normal;}
.RFI-bottomline {border:1px solid #A0AAB2;}

/*RFI TABLE - END*/





/*PAGE LOADER*/

.loader-container{width: 100%; height: 100vh; position: fixed; background: transparent; top: 0; left: 0; z-index: 999999; display: block;}
.loader-container:before{content: ''; background: rgba(6, 65, 129, 1); width: 50%; left: 0; top: 0; transition: 1s all linear; position: absolute; height: 100%; display: block;}
.loader-container:after{content: ''; background: rgba(6, 65, 129, 1); width: 50%; right: 0; top: 0; transition: 1s all linear; position: absolute; height: 100%; display: block;}

.loader-container.closed{width: 100%;height: 100vh;position: fixed;background: transparent; -webkit-animation: hide 2s linear 1;  animation: hide 2s linear 1;  -webkit-animation-fill-mode: forwards;  animation-delay: 1s; }
.loader-container.closed:before{width: 0%;transition: 1s all linear;}
.loader-container.closed:after{width: 0%;transition: 1s all linear;}

@-webkit-keyframes hide {
  0% { display: block; z-index: 999; }
  100% { display: none; z-index: -100; }
}

@keyframes hide {
   0% { display: block; z-index: 999; }
  100% { display: none; z-index: -100; }
}

.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  background: linear-gradient(#671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  overflow: hidden;
  background-repeat: no-repeat;
  }

.loader:after{ content: ''; width: 130px; height: 130px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(6, 65, 129, 1); border-radius: 50%; }



@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



@media (min-aspect-ratio: 16/9) {
  .videoBG > video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .videoBG > video {
    width: 300%;
    left: -100%;
  }
}
@supports (object-fit: cover) {
  .videoBG > video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.logo-blue {
  display: none;
  transition: .35s linear all;
}
.logo-white {
  display: none;
  transition: .35s linear all;
}
.logo-blue.active {
  display: block;
  transition: .35s linear all;
}
.logo-white.active {
  display: block;
  transition: .35s linear all;
}
.gradiant-strip {
  width: 100%;
  max-width: 1300px;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}
@-webkit-keyframes gradscroll {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 51%
  }
  100% {
    background-position: 0% 50%
  }
}
@-moz-keyframes gradscroll {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 51%
  }
  100% {
    background-position: 0% 50%
  }
}
@keyframes gradscroll {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 51%
  }
  100% {
    background-position: 0% 50%
  }
}
.gradiant-strip p {
    position: absolute;
    top: -115px;
    font-size: 65px;
    color: #fff;
    font-weight: 300;
}
.home-stories {
  background: transparent;
  position: relative;
  margin-top: 100vh;
}
.home-stories:after {
  content: "";
  background: #fff;
  height: 200%;
  position: absolute;
  z-index: 8;
  width: 100%;
  top: 516px;
}

/*article {
  max-width: 1400px;
  width: 100%;
  padding: 1px 25px;
  margin: 0 auto;
  position: relative;
  background: #fff;
  min-height: 900px;
  box-sizing: border-box;
  z-index: 9;
}*/
.stories {
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
}
.story-block {
  display: block;
  width: 33.33%;
  float: left;
}
.story-block .img-block {
  display: block;
  width: 100%;
  border-right: 1px solid #fff;
  vertical-align: bottom;
  box-sizing: border-box;
}
.story-block .cont-block {
  display: block;
  border-right: 1px solid #064181;
  padding: 15px;
  position: relative;
  min-height: 336px; margin-top: 20px
}
.cont-block a.more-link {
  position: absolute;
  bottom: 15px;
}
.story-block .cont-block h4 {
  font-size: 25px;
  font-weight: 700;
  color: #5D6F77;
  margin: 0 0 25px 0;
  padding: 0;
}
.story-block .cont-block p {
  font-size: 16px;
  font-weight: 400;
  color: #5D6F77;
  margin: 0 0 25px 0;
  padding: 0;
}
.story-block:last-of-type .img-block {
  border: 0;
}
.story-block:last-of-type .cont-block {
  border: 0;
}
a.more-link {
  position: relative;
  padding-right: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #5D6F77;
  box-sizing: border-box;
  transition: .35s;
  margin-right: 30px;
  display: inline-block;
}
a.more-link:after {
  content: '';
  width: 10px;
  height: 10px;
  border-right: 2px solid #1BB0BF;
  border-top: 2px solid #1BB0BF;
  transform: rotate(45deg) translateY(-59%);
  position: absolute;
  right: 0;
  top: 50%;
}
a.more-link:hover {
  color: #1BB0BF;
  padding-right: 25px;
  transition: .35s;
}
.img-block img {
  width: 100%;
  display: block;
  vertical-align: bottom;
  line-height: 0;
}
section.careers {
  background: url("../images/careers-bg.png");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 998;
  padding-bottom: 150px;
  top: -150px;
  margin-bottom: -150px;
}
.careers-block {
  width: 40%;
  background: #fff;
  padding: 80px 80px 80px 60px;
  box-sizing: border-box;
  margin-top: 400px;
  margin-bottom: 80px;
}
.careers-block h4 {
  color: #064181;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 400;
}
.careers-block p {
  color: #064181;
  font-size: 16px;
  margin-bottom: 50px;
  font-weight: 400;
}
.careers article {
  background: transparent;
}
.careers-block button {
  border: 1px solid #A0AAB2;
  padding: 10px;
  position: relative;
}
.careers-block button:after {
  content: '';
  width: 60px;
  height: 5px;
  background: #01B0BF;
  position: absolute;

  bottom: -3px;
  left: 10px;
}
.careers-block button a {
  display: block;
  color: #A0AAB2;
  position: relative;
  padding-right: 50px;
  font-size: 18px;
}

.careers-block button:hover:after {
  content: '';
  width: 60px;
  height: 5px;
  background: #01B0BF;
  position: absolute;
  bottom: -3px;
  left: calc(100% - 70px);
		transition: .4s linear all;
}



.careers-block button a:after {
  content: "\e74c";
  font-family: 'icomoon';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 420px;
}
.left-slide {
  height: 100%;
  width: 35%;
  position: absolute;
  top: 0;
  z-index: 10;
  left: 0;
  transition: transform 1.5s ease-in-out;
}
.left-slide > div {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  align-items: flex-start;
  padding: 30px 80px 0 25px;
  justify-content: center;
  color: #064181;
  background: rgba(255, 255, 255, 0.65);
}
.left-slide h1 {
  font-size: 25px;
  margin-bottom: 10px;
  margin-top: 0;
  text-align: left;
}
.left-slide div p {
  font-size: 16px;
  text-align: left;
  color: #5D6F77;
  font-weight: 400;
}
.left-slide div p.first {
  font-size: 10px;
}
.right-slide {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  transition: transform 1.5s ease-in-out;
}
.right-slide > div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}
.slider-container button {
  background-color: #fff;
  border: none;
  color: #aaa;
  cursor: pointer;
  font-size: 16px;
  padding: 15px;
}
.slider-container button:hover {
  color: #222;
}
.slider-container button:focus {
  outline: none;
}
.slider-container .action-buttons button {
  position: absolute;
  left: 35%;
  top: 50%;
  z-index: 100;
}
.slider-container .action-buttons .down-button {
  transform: translateX(-100%);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.slider-container .action-buttons .up-button {
  transform: translateY(-100%);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.investors-center .share-price-block {
  width: 40%;
  float: left;
  min-height: 400px;
  box-sizing: border-box;
  border-right: 0;
  padding: 30px 30px 30px 35px;
}
.investors-center .share-graph-block {
  width: 60%;
  float: left;
  min-height: 400px;
  box-sizing: border-box;
  padding: 30px 30px 30px 35px;
}
.share-price-block {
  width: 33.33%;
  float: left;
  min-height: 400px;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  padding: 30px 145px 30px 35px;
}
.investor-center-block {
  width: 33.33%;
  float: left;
  min-height: 400px;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  padding: 30px 145px 30px 35px;
}
.reports-block {
  width: 33.33%;
  float: left;
  min-height: 400px;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  padding: 30px 30px 30px 35px;
}
.investor-container {
  background: #F1F3F4;
  position: relative;
}
.investor-container:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}
.investor-center {
  position: relative;
  z-index: 999;
}
.investor-center article {
  background: transparent;
  min-height: auto;
}
p.share-date {
  font-size: 16px;
  color: #9F9F9F !important;
  font-weight: 400;
}
p.share {
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  color: #064181;
  vertical-align: text-bottom;
  position: relative;
  display: inline-block;
  padding-right: 30px;
}
p.share-center {
  color: #9F9F9F;
  max-width: 80%;
}
p.share sub {
  font-size: 30px;
  vertical-align: baseline;
  position: absolute;
  display: inline-block;
  line-height: 1;
  top: 23px;right: -30px!important;
}
.share-price-block h4 {


  font-size: 30px;
  color: #064181;
  font-weight: 400;
  margin-bottom: 20px;
}


#back-to-top {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 200px;
    right: 30px;
    z-index: 999999999;
    outline: none;
    background-color: #1BB0BF;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #1BB0BF;
}
#back-to-top:after {content: '\e941';font-family: "icomoon";position: absolute;font-size: 20px;color: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#back-to-top:hover { background-color: #1BB0BF; color: #fff}
#back-to-top:hover:after { color: #fff}

.center-pie {}




p.share strong {
  font-weight: 500;
}
.investor-center-block h4 {
  font-size: 30px;
  color: #064181;
  font-weight: 400;
  margin-bottom: 20px;
}
.investor-center-block p {
  font-size: 16px;
  color: #5D6F77;
  font-weight: 400;
  margin-bottom: 50px;
}
.investor-center-block button.investor-link {
  border: 1px solid #A0AAB2;
  padding: 10px;
  position: relative;
}
.investor-center-block button.investor-link:after {
  content: '';
  width: 60px;
  height: 5px;
  background: #01B0BF;
  position: absolute;
  bottom: -3px;
  left: 10px;
	transition: .4s linear all;
}

.investor-center-block button.investor-link:hover:after {
  content: '';
  width: 60px;
  height: 5px;
  background: #01B0BF;
  position: absolute;
  bottom: -3px;
  left: calc(100% - 70px);
		transition: .4s linear all;
}



.investor-center-block button.investor-link a {
  display: block;
  color: #A0AAB2!important;
  position: relative;
  padding-right: 50px;
  font-size: 18px;
}
.investor-center-block button.investor-link a:after {
  content: "\e7fa";
  font-family: 'icomoon';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.reports-block h4 {
  font-size: 30px;
  color: #064181;
  font-weight: 400;
  margin-bottom: 20px;
}
.social-columns {
  width: calc(25% - 7.5px);
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
}
.social-columns:last-of-type {
  margin-right: 0;
}
.social-columns .social-img img {
  width: 100%
}
.social-columns .social-content {
  padding: 20px;
}
.social-columns h5 {
  font-size: 18px;
  color: #5D6F77;
  font-weight: 400;
}
.social-columns p {
  font-size: 16px;
  font-weight: 400;
  color: #5D6F77;
}
.social-columns p.small {
  font-size: 12px;
  font-weight: 400;
  color: #5D6F77;
}
section.social {
  background: #fff;
  position: relative;
  z-index: 9;
  padding-top: 60px;
  padding-bottom: 80px;
}
.social-content h5 i {
  display: inline-block;
  padding-right: 15px;
}
.home-about {
  background: #1970B5;
  position: relative;
  padding: 60px 0
}
.home-about article {
  background: transparent
}
.home-about .about-implats {
  width: 40%;
  float: left;
  box-sizing: border-box;
  padding: 30px 145px 30px 20px;
}
.home-about .about-implats h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 60px;
  margin-top: 20px;
}
.home-about .about-implats p {
  color: #fff;
  font-weight: 400;
  margin-bottom: 30px;
}
.home-about .about-implats p.about-highlights {
  font-size: 50px;
  font-weight: 600;
}
.home-about .about-implats p.about-highlights span {
  font-size: 23px;
  font-weight: 500;
}
.home-about .about-implats-map {
  width: 60%;
  float: left;
  position: relative
}
button.about-link {
  border: 1px solid #FFFFFF;
  padding: 10px;
  position: relative;
  background: rgba(239, 240, 241, 0.1);
  margin-top: 30px;
  background-color: rgba(255, 255, 255, .1);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
button.about-link:after {
  content: '';
  width: 60px;
  height: 5px;
  background: #01B0BF;
  position: absolute;
  bottom: -3px;
  left: 10px;
}

button.about-link:hover:after {
  content: '';
  width: 60px;
  height: 5px;
  background: #01B0BF;
  position: absolute;
  bottom: -3px;
  left: calc(100% - 70px);
		transition: .4s linear all;
}












button.about-link a {
  display: block;
  
  position: relative;
  padding-right: 50px;
  font-size: 18px;
  font-weight: 400;
}
.investor-news-block a.more-link {
  position: relative;
  padding-right: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #5D6F77;
  transition: .35s;
  margin-right: 150px;
  margin-bottom: 30px;
}
.news-row {
  border-bottom: 1px solid #671C78;
  padding: 20px 0 30px 0;
}
.news-row:first-of-type {
  border-top: 1px solid #671C78;
}
.news-row span {
  font-size: 12px;
  font-weight: 400;
  color: #671C78;
  display: block;
  margin-bottom: 15px;
  margin-top: 15px;
}
.news-row .article-title {
  font-size: 18px;
  font-weight: 500;
  color: #1970B5;
  margin-bottom: 15px;
 
}
.news-row .article-sum {
  font-size: 14px;
  font-weight: 400;
  color: #5D6F77;
}
.news-row a:last-of-type:after {
  content: "\e8f5";
  font-family: 'icomoon';
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  color: #01B0BF;
  font-size: 30px;
  width: auto;
  height: auto;
}
.investor-sens {
  float: left;
  width: 60%;
  box-sizing: border-box;
  padding: 30px 75px 30px 0;
}
.investor-events {
  float: left;
  width: 40%;
  box-sizing: border-box;
  padding: 30px 30px 30px 75px;
}
.investor-respect article {
  background: transparent;
  min-height: auto;
}
.share-half {
  width: 60%;
  float: left;
  box-sizing: border-box;
  padding: 0 0px;
}
.share-half:last-of-type {
  width: 40%;
}
.reports-block .news-row:first-of-type {
  border-top: 0;
}
.reports-block .news-row {
  border-bottom: 1px solid #064181;
}
.reports-block .news-row span {
  color: #064181;
  margin-top: 0px;
  font-size: 10px;
  margin-bottom: 10px;
}
.reports-block .news-row .article-title {
  font-size: 14px;
  font-weight: 400;
  color: #5D6F77;
  margin-bottom: 15px;
 
}
.reports-block .news-row a.more-link {
  font-size: 13px;
  margin-right: 45px;
}
.reports-block .news-row a:last-of-type:after {
  font-size: 19px;
}
.right-slide div img {
  width: 100%;
}
.investor-banner {
  background: url("../images/investor-banner-update.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height:782px!important;
  position: relative;
}
.investor-banner article {
  background: transparent;
    min-height: auto;
    max-width: 1600px;
}

.banner-block {
  margin-top: 300px;
  position: relative;
  max-width: 600px;
  background: #fff;
  box-sizing: border-box;
  padding: 50px 30px 30px 30px;
}
.banner-block:before {
  content: '';
  width: 100%;
  height: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}
.investor-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}
.banner-block h1 {
  font-size: 30px;
  text-transform: none;
  color: #064181;
}
.banner-block p {
  font-size: 16px;
  margin-bottom: 30px;
  color: #5D6F77;
  font-weight: 300;
}
.banner-block p.first {
  font-size: 10px;
}
section.investors-center {
  background: #534E8F;
}
p.share-data {
  color: #9F9F9F;
}
.share-data strong {
  padding-right: 25px;
  color: #fff;
}
.share-half p.share {
  color: #fff;
}
.investors-container .share-price-block h4 {
  color: #fff;
}
.investors-center article {
  min-height: auto;
  padding: 0 25px;
  background: transparent;
}
table.bgrnd {
  background: transparent;
}
.event-calendar li .date {
  float: left;
  width: 20%;
}
.event-calendar li .event-cont {
  float: left;
  width: 70%;
  padding-right: 15px;
  box-sizing: border-box;
  padding-left: 15px;
  border-left: 1px solid #707070;
  min-height: 85px;
  position: relative;
}
.date big {
  font-size: 60px;
  display: block;
  color: #671C78;
  font-weight: 100;
  line-height: 1;
}
ul.event-calendar {
  list-style: none;
  margin: 0;
  padding: 0;
}
.event-calendar li {
  display: block;
  margin-bottom: 15px;
}
.event-calendar .date span {
  font-size: 18px;
  color: #671C78;
  font-weight: 100;
  display: block;
  line-height: 1;
}

p.event-title {
  font-weight: 500;
  color: #5D6F77;
  margin-bottom: 10px;
}
.pgm-world-banner {
  background: url("../images/pgm-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
}
.pgm-world-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  margin-top: 500px;
}
.pgm-world-banner {
  position: relative;
  z-index: 999;
}
.pgm-world-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}












.breadcrumb article {
  min-height: auto;
}
.breadcrumb-list {
  padding: 0px 0;
  margin: 0;
}
.breadcrumb-list li {
  list-style: none;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  font-size: 15px;
  color: #063E7E;
  padding: 15px 30px;
}
.breadcrumb-list li:after {
  content: '';
  display: block;
  position: absolute;
  border-bottom: 1px solid #063E7E;
  border-right: 1px solid #063E7E;
  transform: rotate(-45deg) translateY(-50%);
  width: 10px;
  height: 10px;
  right: -5px;
  top: 50%;
}
.breadcrumb-list li:last-of-type:after {
  display: none;
}
.breadcrumb-list li a {
  text-decoration: none;
  text-decoration-skip: spaces;
  color: #063E7E;
}
.breadcrumb-list li:first-of-type {
  padding-left: 0;
}
section.white-bg {
  background: #fff;
  padding: 80px 30px
}
section.white-bg article {
  background: transparent;
  min-height: auto;
}
section.grey-bg {
  background: #F1F3F4;
  padding: 80px 30px
}
section.grey-bg article {
  background: transparent;
  min-height: auto;
}

section.careers-bg {
  background: #fff;
  padding: 80px 30px;
  margin-bottom:25em; 
}

section.careers-bg article {
  background: transparent;
  min-height: auto;
}

.col-55 {
  float: left;
  width: 55%;
  box-sizing: border-box;
  padding: 20px 30px
}
.col-45 {
  float: left;
  width: 45%;
  box-sizing: border-box;
  padding: 20px 30px
}
.col-55-pt {
  float: left;
  width: 55%;
  box-sizing: border-box;
  padding: 20px 30px
}
.col-45-pt {
  float: left;
  width: 45%;
  box-sizing: border-box;
  padding: 20px 30px
}
.col-55-acc {
  float: left;
  width: 55%;
  box-sizing: border-box;
  padding: 20px 30px
}
.col-45-acc {
  float: left;
  width: 45%;
  box-sizing: border-box;
  padding: 20px 30px
}
.col-50 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.col-50 .img-box {
  background: #fff;
}
.col-50 .img-box img {
  width: 100%;
  display: block;
}
.col-50:last-of-type .cont-box {
  border-left: 1px solid #4F78A4;
  padding: 40px 20px;
}
.col-50 .cont-box {
  padding: 40px 0;
}
.col-50 .cont-box h4 {
  color: #5B6F76;
  font-size: 30px;
}
.col-50 .cont-box p {
  max-width: 65%;
  font-weight: 300
}
.pgm-world-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}
.intro-block {
  display: table;
  margin-bottom: -15px;
}
.intro-section article {
  background: transparent;
  min-height: auto;
}
.links-row {
  display: table-row;
}
.links-box {
  display: table-cell;
  width: 33.33%;
  box-sizing: border-box;
  vertical-align: top;
  padding: 0 0px;
}
.links-box ul {
  width: 90%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.links-box li {
  border-bottom: 1px solid #A2A2A2;
  padding: 10px;
  box-sizing: border-box;
  color: #063E7E;
  font-size: 16px;
}
.links-box li:first-of-type {
  border-top: 1px solid #A2A2A2;
}
.links-box li a {
  text-decoration: none;
  color: #063E7E;
}

.links-box li:hover {

  background: #F1F3F4; color: #fff

}






.investor-events-block {display:block; min-height:1100px;}







.box-2 {
  display: table-cell;
  width: 33.33%;
  box-sizing: border-box;

  vertical-align: top;
  margin-right: 15px;
  position: relative;padding-right: 5px
}
.box-3 {
  display: table-cell;
  width: 33.33%;
  box-sizing: border-box;
  vertical-align: top; padding-left: 5px
}
.box-2 .image-block {}
.box-2 .content-block {
  padding-top: 40px;
  background: #6E1775;
  box-sizing: border-box;
  padding: 20px;
  min-height: 350px;
}
.box-3 .image-block {}
.box-3 .content-block {
  background: #fff;
  box-sizing: border-box;
  padding: 20px;
  padding-top: 40px;
  border: 1px solid #A1A1A1;
  min-height: 350px; position: relative
}

.links-row a.more-link {
    position: absolute;
    bottom: 30px;
}


.links-row a.more-link:hover {
  color: #1BB0BF;
  padding-right: 25px;
  transition: .35s;
}




.box-3 .content-block h3 {

  text-align: center;
  color: #4C4D4F;
  font-size: 20px;
  margin-top: 0;
}
.box-3 .content-block p {
  text-align: center;
  color: #4C4D4F;
  font-size: 16px;
}
.box-3 .content-block a {
  color: #4C4D4F;
  font-size: 16px;
}
.box-2 .content-block h3 {
  text-align: center;
  color: #fff;
  font-size: 30px;
  margin-top: 25px;
}
.box-2 .content-block p {
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-bottom: 45px;
}
.box-2 .content-block a {
  color: #fff;
  font-size: 16px;
  border-color: #fff;
}

.links-row a.more-link:nth-of-type(2) {
    right: 15px;
}

.box-2:after {
  content: '';
  width: 164%;
  height: 15px;
  position: absolute;
  bottom: 0;
  right: 18%;
  transform: translateX(-50%);
  background: linear-gradient(280deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 100% 100%;
  -moz-animation: gradscroll 10s ease infinite;
}
.image-block img {
  width: 100%;
  display: block;
}


.image-block img {
  width: 100%;
  display: block;
}




section.intro-section {
  position: relative;
  z-index: 999;
}
.invest-search {
  width: 65.3%;
  border: 1px solid #751273;
  padding: 10px;
  float: right;
}
button.search-btn {
  border: 0;
  background: transparent;
  position: absolute;
  right: 33px;
  color: transparent;
  cursor: pointer;
}
input[type="search"] {
  width: 100%;
  color: #751273;
  font-style: italic;
}
button.search-btn:after {
  content: '\e922';
  font-family: 'icomoon';
  position: absolute;
  color: #751273;
  top: 4px;
  right: 4px;
  font-size: 18px;
  z-index: 1035;
  transition: .35s linear all;
}
.about-banner {
  background: url("../images/about-banner-new.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
}
.about-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  padding: 0 60px;
  padding-left: 0;
  text-shadow: 1px 1px 8px black;
  margin-top: 450px;
}
.about-banner {
  position: relative;
  z-index: 999;
}
.about-banner article {
  background: transparent;
  min-height: auto; /* max-width: 1325px; */
}
.about .box-2 .content-block {
  background: #063E7E;
}
section.about-purpose {
  background: url("../images/about-bg.png");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 998;
  padding-bottom: 0px;
}
section.about-purpose article {
  min-height: auto;
  background: transparent;
  max-width: 1500px;
}
.about-purpose-block {
  width: 40%;
  background: #fff;
  padding: 80px 80px 80px 60px;
  box-sizing: border-box;
  margin-top: 80px;
  margin-bottom: 80px;
}
.about-purpose-block h4 {
  color: #064181;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 400;
}
.about-purpose-block p {
  color: #064181;
  font-size: 16px;
  margin-bottom: 50px;
  font-weight: 400;
}
.about-purpose-block button {
  border: 1px solid #A0AAB2;
  padding: 10px;
  position: relative;
}
.about-purpose-block button:after {
  content: '';
  width: 60px;
  height: 5px;
  background: #01B0BF;
  position: absolute;
  bottom: -3px;
  left: 10px;
}
.about-purpose-block button a {
  display: block;
  color: #A0AAB2;
  position: relative;
  padding-right: 50px;
  font-size: 18px;
}
.about-purpose-block button a:after {
  content: "\e74c";
  font-family: 'icomoon';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.page-stories {
  background: transparent;
  position: relative;
}
.page-stories:after {
  content: "";
  background: #1970B5;
  height: calc(100% - 82px);
  position: absolute;
  z-index: 8;
  width: 100%;
  top: 82px;
}

.home-stories article {
  max-width: 1400px;
  width: 100%;
  padding: 1px 25px;
  margin: 0 auto;
  position: relative;
  background: #fff;
  min-height: 900px;
  box-sizing: border-box;
  z-index: 9;
}
.home-covid {
  background: #fff;
  position: relative;
  padding: 60px 0; z-index:9;
}
.home-covid article {
  max-width: 1400px;
  width: 100%;
  padding: 1px 25px;
  margin: 0 auto;
  position: relative;
  background: #fff;
  min-height: 160px;
  box-sizing: border-box;
  z-index: 9;
}
.home-acquisition {
  background: #1970B5;
  position: relative;
  padding: 60px 0; z-index:9;
}
.home-acquisition article {
  max-width: 1400px;
  width: 100%;
  padding: 1px 25px;
  margin: 0 auto;
  position: relative;
  background: #1970B5;
  min-height: 160px;
  box-sizing: border-box;
  z-index: 9;
}

.home-acquisition article ul {
  list-style:none;
  margin:0px;
  padding:0px;
}
.home-acquisition article ul li {
  float:left;
  width:50%;
  text-align:center;
}
article {
  max-width: 1400px;
  width: 100%;
  padding: 1px 25px;
  margin: 0 auto;
  position: relative;
  background: #fff;
  min-height: 1100px;
  box-sizing: border-box;
  z-index: 9;
}
.investor-news-block article {
 min-height:900px;
}
.stories-row {
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;

  align-items: flex-start;

}
.stories-row .story-block {
  display: block;
  width: calc(33.33% - 10px);
  float: left;
  margin-right: 15px;
}
.stories-row .story-block .img-block {
  display: block;
  width: 100%;
  border-right: 0px solid #fff;
  vertical-align: bottom;
  box-sizing: border-box;
}
.stories-row .story-block .cont-block {
  display: block;
  border-right: 0px solid #064181;
  /*padding: 15px;*/
}
.stories-row .story-block .cont-block h4 {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 25px 0;
  padding: 0;
}
.stories-row .story-block .cont-block p {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  margin: 0 0 25px 0;
  padding: 0;
}
.stories-row .story-block:last-of-type .img-block {
  border: 0;
}
.stories-row .story-block:last-of-type .cont-block {
  border: 0;
}
.stories-row a.more-link {
  position: relative;
  padding-right: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  transition: .35s;
  margin-right: 30px;margin-top: 30px;
}
.stories-row a.more-link:after {
  content: '';
  width: 10px;
  height: 10px;
  border-right: 2px solid #1BB0BF;
  border-top: 2px solid #1BB0BF;
  transform: rotate(45deg) translateY(-59%);
  position: absolute;
  right: 0;
  top: 50%;
}
.stories-row a.more-link:hover {
  color: #1BB0BF;
  padding-right: 45px;
  transition: .35s;
}
.stories-row .img-block img {
  width: 100%;
  display: block;
  vertical-align: bottom;
  line-height: 0;
}
.page-stories article {
  background: transparent;
  max-width: 1220px;
  min-height:800px;
}
.stories-row .story-block:last-of-type {
  margin-right: 0;
}
.minerals-resources-and-reserves-banner {
  background: url("../images/mrr-home-banner-new.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
}

.minerals-resources-and-reserves-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}




.pie {
  min-height: 300px;
}
.minerals-resources-and-reserves-banner {
  position: relative;
  z-index: 999;
}
.minerals-resources-and-reserves-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}
.implats-at-a-glance-banner {
  background: url("../images/implats-at-a-glance-banner-new.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 1795px;
  position: relative;
}
.implats-at-a-glance-banner article {
  background: transparent;
}
.implats-at-a-glance-banner article > h1 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 40px;
  font-weight: 400;
  margin-top: 200px
}
.implats-at-a-glance-banner article > h1 + p {
  color: #fff;
  font-size: 25px;
  margin-bottom: 30px;
  margin-left: 20px;
  font-weight: 400;
  max-width: 900px;
}
.implats-at-a-glance-banner article .banner-block {
  margin-top: 20px;
  position: relative;
  max-width: 900px;
  background: #fff;
  box-sizing: border-box;
  padding: 50px 30px 30px 30px;
  margin-bottom: 60px;
}
.at-a-glance-value {margin-top: 100px;}
.at-a-glance-value article {
  padding: 30px;
  box-sizing: border-box;
  background: transparent;
  min-height: 650px;
}
.at-a-glance-value article p {
  color: #A0AAB2;
  font-size: 30px;
  padding-bottom: 30px;
  margin-left: 20px;
  font-weight: 500;
}
.at-a-glance-value article p.big {
  color: #A0AAB2;
  font-size: 40px;
  margin-bottom: 100px;
  margin-left: 30px;
  font-weight: 400;
}
.at-a-glance-value article p.big strong {
  color: #fff;
  font-weight: 500;
}

.careers-at-implats-banner {
  background: url("../images/careers-banner.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 700px;
  position: relative;
}

.careers-at-implats-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}






.mm00.sm01 .page-stories {
  background: transparent;
  position: relative;
}
.mm00.sm01 .page-stories:after {
  content: "";
  background: #064181;
  height: calc(100% - 182px);
  position: absolute;
  z-index: 8;
  width: 100%;
  top: -650px;
}
.mm00.sm01 .stories-row {
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
}
.mm00.sm01 .stories-row .story-block {
  display: block;
  width: calc(33.33% - 10px);
  float: left;
  margin-right: 15px;

}
.mm00.sm01 .stories-row .story-block .img-block {
  display: block;
  width: 100%;
  border-right: 0px solid #fff;
  vertical-align: bottom;
  box-sizing: border-box;
}
.mm00.sm01 .stories-row .story-block .cont-block {
  display: block;
  border-right: 0px solid #064181;
  padding: 15px;margin-top: 25px;
}
.mm00.sm01 .stories-row .story-block .cont-block h4 {
  font-size: 30px;
  font-weight: 500;
  color: #5D6F77;
  margin: 0 0 25px 0;
  padding: 0;
}
.mm00.sm01 .stories-row .story-block .cont-block p {
  font-size: 16px;
  font-weight: 300;
  color: #5D6F77;
  margin: 0 0 25px 0;
  padding: 0;
}
.mm00.sm01 .stories-row .story-block:last-of-type .img-block {
  border: 0;
}
.mm00.sm01 .stories-row .story-block:last-of-type .cont-block {
  border: 0;
}
.mm00.sm01 .stories-row a.more-link {
  position: relative;
  padding-right: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #5D6F77;
  transition: .35s;
  margin-right: 30px;
}
.mm00.sm01 .stories-row a.more-link:after {
  content: '';
  width: 10px;
  height: 10px;
  border-right: 2px solid #1BB0BF;
  border-top: 2px solid #1BB0BF;
  transform: rotate(45deg) translateY(-59%);
  position: absolute;
  right: 0;
  top: 50%;
}
.stories-row a.more-link:hover {
  color: #1BB0BF;
  padding-right: 45px;
  transition: .35s;
}
.mm00.sm01 .stories-row .img-block img {
  width: 100%;
  display: block;
  vertical-align: bottom;
  line-height: 0;
}
.mm00.sm01 .stories-row .story-block:last-of-type {
  margin-right: 0;
}
.implats-in-data {}
.implats-in-data h4 {
  font-size: 30px;
  color: #A0AAB2;
  font-weight: 600;
  margin-bottom: 45px;
}
.implats-in-data .highlight {
  color: #fff;
  float: left;
  width: calc(33.33% - 40px);
  margin-right: 60px;
  padding: 30px;
  box-sizing: border-box;
}
.implats-in-data .highlight:nth-of-type(3n) {
  margin-right: 0px;
}
.implats-in-data .highlight big {
  font-weight: 500;
  color: #fff;
  font-size: 60px;
  position: relative;
  margin-bottom: 10px;
}
.implats-in-data .highlight big sup {
  font-size: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -40px;
}
.implats-in-data .highlight small {
  color: #fff;
  font-size: 16px;
  font-weight:bold;
}
.positioned-rgt {right:-40px!important;}


.value-list {}
.list-block {
  width: calc(33.33% - 20px);
  float: left;
  margin-right: 30px;
}
.list-block:last-of-type {
  margin-right: 0;
}
.list-block h4 {
  color: #fff;
  font-size: 30px;
}
.list-block ul {}
.list-block ul li {
  color: #fff;
}
.at-a-glance-value .big span {
  display: inline-block;
  position: relative;
  cursor: pointer
}
.at-a-glance-value .big span:before {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}
.at-a-glance-value .big span.active {
  color: #fff;
  -webkit-animation: colorscroll 10s ease infinite;
  -moz-animation: colorscroll 10s ease infinite;
  animation: colorscroll 10s ease infinite;
}
.list-block.active ul li {
  color: #fff;
  -webkit-animation: colorscroll 10s ease infinite;
  -moz-animation: colorscroll 10s ease infinite;
  animation: colorscroll 10s ease infinite;
}
@-webkit-keyframes colorscroll {
  0% {
    color: #ffffff;
  }
  12% {
    color: #671c78
  }
  24% {
    color: #ccc
  }
  36% {
    color: #1970b5
  }
  48% {
    color: #1281ae
  }
  60% {
    color: #19a1d5
  }
  72% {
    color: #1bb0bf
  }
  84% {
    color: #61af58
  }
  96% {
    color: #808080
  }
  100% {
    color: #ffffff
  }
}
@-moz-keyframes colorscroll {
  0% {
    color: #ffffff;
  }
  12% {
    color: #671c78
  }
  24% {
    color: #ccc
  }
  36% {
    color: #1970b5
  }
  48% {
    color: #1281ae
  }
  60% {

    color: #19a1d5

  }

  72% {
    color: #1bb0bf
  }
  84% {
    color: #61af58
  }
  96% {
    color: #808080
  }
  100% {
    color: #ffffff
  }
}
@keyframes colorscroll {
  0% {
    color: #ffffff;
  }
  12% {
    color: #671c78
  }
  24% {
    color: #ccc
  }
  36% {
    color: #1970b5
  }
  48% {
    color: #1281ae
  }
  60% {
    color: #19a1d5
  }
  72% {
    color: #1bb0bf
  }
  84% {
    color: #61af58
  }
  96% {
    color: #808080
  }
  100% {
    color: #ffffff
  }
}
.purpose-img-block:nth-of-type(1) {
  width: calc(33.33% - 2px);
  position: absolute;
  height: 440px;
  transition: .45s linear all;
  z-index: 8;
  left: 0;
}
.purpose-img-block:nth-of-type(2) {
  width: calc(33.33% - 2px);
  position: absolute;
  height: 440px;
  transition: .45s linear all;
  z-index: 8;
  left: 33.33%;
}
.purpose-img-block:nth-of-type(3) {
  width: calc(33.33% - 2px);
  position: absolute;
  height: 440px;
  transition: .45s linear all;
  z-index: 8;
  left: 66.66%
}
.purpose-img-block .img-blocks {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  overflow: hidden;
}
.purpose-img-block .img-blocks img {
  max-width: 100%;
}
.purpose-img-block .content-block {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  background: #F1F3F4;
}
.purpose-img-block .content-block p {
  color: #064181;
}
.purpose-img-block .content-block ul {
  padding: 0;
  margin: 0;
}
.purpose-img-block .content-block ul li {
  color: #064181;
  position: relative;
  list-style-type: none;
  font-size: 16px;
  padding-left: 15px;
}
.purpose-img-block .content-block ul li:after {
  background: #064181;
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-radius: 50%;
}
.purpose-img-block.active {
  width: calc(100%);
  position: absolute;
  height: 440px;
  left: 0;
  z-index: 10;
  background: #fff;
}
.purpose-img-block.active .img-blocks {
  width: 33.33%;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}
.purpose-img-block.active .img-blocks img {
  max-width: 100%;
}
.purpose-img-block.active .content-block {
  width: calc(66.66% - 2px);
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  box-sizing: border-box;
  background: #F1F3F4;
  height: 100%;
  padding: 30px;
}
.purpose-img-block.active .content-block p {
  color: #064181;
}
.purpose-img-block.active .content-block ul {
  padding: 0;
}
.purpose-img-block.active .content-block ul li {
  color: #064181;
}
.purpose-img-block .content-block .close {
  position: absolute;
  color: #000;
  right: 10px;
  display: block;
  top: 10px;
  cursor: pointer;
  font-size: 30px;
}
.purpose-img-block .open {
  position: absolute;
  color: #000;
  right: 50%;
  transform: translateX(50%);
  display: block;
  bottom: 20px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  z-index: 11;
}
.purpose-img-block .open:after {
  content: "\ecc4";
  font-family: 'icomoon';
  position: absolute;
  color: #fff;
  right: 0;
  display: block;
  cursor: pointer;
  font-size: 30px;
}
.purpose-img-block:hover .open:after {
  content: "\ecc4";
  font-family: 'icomoon';
  position: absolute;
  color: #fff;
  right: 0;
  display: block;
  cursor: pointer;
  z-index: 1;
  font-size: 30px;
}
.purpose-img-block:hover .open {
  z-index: 11;
}
.purpose-img-block.active .content-block:after {
  content: '';
  width: 100%;
  max-width: 1300px;
  height: 5px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}
a.release-link {
  position: relative;

  padding: 25px 25px 0 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
  color: #5D6F77;
  box-sizing: border-box;
  transition: .35s;
  margin-right: 30px;
  display: inline-block;margin-bottom: 15px;
}
a.release-link:after {
  content: '';
  width: 10px;
  height: 10px;
  border-right: 2px solid #1BB0BF;
  border-top: 2px solid #1BB0BF;
  transform: rotate(45deg) translateY(0);
  position: absolute;
  right: 0;
  top: 66%;
}
a.release-link:hover {
  color: #1BB0BF;
  padding-right: 25px;
  transition: .35s;
}
.media-release-tab-list {
 list-style: none; margin: 0; padding: 0;	
}
.media-release-tab-list li {
  cursor: pointer;
  list-style-type: none;
  font-size: 18px;
  transition: .35s linear all;
  display: inline-block;
  position: relative;
  line-height: 30px;
  padding: 10px 17px;
  background: #70639E;
  color: #fff;
  margin: 0 42px;
  z-index: 6;
}
.media-release-tab-list li.active {
  transition: .35s linear all;
  z-index: 9;
  background: #61AF59;
}
.media-release-tab-list li:hover {
background: #067EBE;	
  transition: .35s linear all;
}
.media-releases-tab {
  margin-bottom: 20px;
  padding: 0 15px 15px 15px;
  box-sizing: border-box;
  box-shadow: 2px 2px 10px #ccc;
  position: relative;
  z-index: 7;
}

.media-banner {
  background: url("../images/media-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 650px;
  position: relative;
}
.media-banner p {
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 320px;
}
.media-banner {
  position: relative;
  z-index: 999;
}
.media-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}


.media-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}



.suppliers-banner {background: url("../images/supplier-banner.png");background-size: cover;background-position: center center;background-repeat: no-repeat;min-height: 650px;position: relative;}
.suppliers-banner p {color: #fff;font-size: 35px; font-weight: 500; text-shadow: 1px 1px 8px black; padding: 0 60px; margin-top: 320px;}
.suppliers-banner {position: relative;z-index: 999;}
.suppliers-banner article {background: transparent;min-height: auto;max-width: 1600px;}


.suppliers-banner1 {background: url("../images/suppliers/sa-pic-one.jpg");background-size: cover;background-position: center center;background-repeat: no-repeat;min-height: 650px;position: relative;}
.suppliers-banner1 p {color: #fff;font-size: 35px; font-weight: 500; text-shadow: 1px 1px 8px black; padding: 0 60px; margin-top: 320px;}
.suppliers-banner1 {position: relative;z-index: 999;}
.suppliers-banner1 article {background: transparent;min-height: auto;max-width: 1600px;}

.suppliers-banner2 {background: url("../images/suppliers/sa-pic-two.jpg");background-size: cover;background-position: center center;background-repeat: no-repeat;min-height: 650px;position: relative;}
.suppliers-banner2 p {color: #fff;font-size: 35px; font-weight: 500; text-shadow: 1px 1px 8px black; padding: 0 60px; margin-top: 320px;}
.suppliers-banner2 {position: relative;z-index: 999;}
.suppliers-banner2 article {background: transparent;min-height: auto;max-width: 1600px;}

.suppliers-banner3 {background: url("../images/suppliers/sa-pic-three.jpg");background-size: cover;background-position: center center;background-repeat: no-repeat;min-height: 650px;position: relative;}
.suppliers-banner3 p {color: #fff;font-size: 35px; font-weight: 500; text-shadow: 1px 1px 8px black; padding: 0 60px; margin-top: 320px;}
.suppliers-banner3 {position: relative;z-index: 999;}
.suppliers-banner3 article {background: transparent;min-height: auto;max-width: 1600px;}

.suppliers-banner4 {background: url("../images/suppliers/sa-pic-four.jpg");background-size: cover;background-position: center center;background-repeat: no-repeat;min-height: 650px;position: relative;}
.suppliers-banner4 p {color: #fff;font-size: 35px; font-weight: 500; text-shadow: 1px 1px 8px black; padding: 0 60px; margin-top: 320px;}
.suppliers-banner4 {position: relative;z-index: 999;}
.suppliers-banner4 article {background: transparent;min-height: auto;max-width: 1600px;}



.media-releases-banner {
  background: url("../images/reporting-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 650px;
  position: relative;
}
.media-releases-banner p {
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 320px;
}
.media-releases-banner {
  position: relative;
  z-index: 999;
}
.media-releases-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}

.media-releases-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}






.media-releases-tab .release {
  border-bottom: 0px solid #064181;
  padding: 15px 0;
  position: relative;
}
.media-releases-tab .release:first-of-type {
  border-top: 0px solid #064181;
}
.release .release-date {
  font-size: 12px;
  font-weight: 400;
  color: #064181;
  display: block;
  margin-bottom: 15px;
  margin-top: 15px;
}
.release .release-title {
  font-size: 18px;
  font-weight: 500;
  color: #1970B5;
  margin-bottom: 15px;
 }
.release .release-summary {
  font-size: 14px;
  font-weight: 400;
  color: #5D6F77;
  margin-bottom: 0;
}
.release summary strong {
  color: #064181;
}

.media-release-tab-list li:after{content: '';width: 0;height: 0;display: block;transform: rotate(0deg);border-right: 25px solid transparent;border-bottom: 0px solid transparent;border-left: 40px solid #70639E;border-top: 50px solid transparent;position: absolute;right: -65px;bottom: 0;transition: .35s linear all;}
.media-release-tab-list li:before{content: '';width: 0;height: 0;display: block;border-right: 40px solid #70639E;border-bottom: 0px solid transparent;border-left: 25px solid transparent;border-top: 50px solid transparent;border-radius: 0px 0px 0px 0px;transform: rotate(0deg);position: absolute;left: -65px;bottom: 0;transition: .35s linear all;}


.media-release-tab-list li.active::after{border-left: 40px solid #61AF59;transition: .35s linear all;}
.media-release-tab-list li.active:before{border-right: 40px solid #61AF59;transition: .35s linear all;}

.media-release-tab-list li:hover:after{border-left: 40px solid #067EBE;transition: .35s linear all;}
.media-release-tab-list li:hover:before{border-right: 40px solid #067EBE;transition: .35s linear all;}


.investor-proposition-supply-bg{background: #4CAE48;border-radius: 15px 15px 0px 0px;}
.investor-proposition-supply-border{border-right: 1px solid #4CAE48;border-left: 1px solid #4CAE48;border-bottom: 1px solid #4CAE48;border-radius: 0px 0px 15px 15px;}



.investor-proposition-outlook-bg{background: #0082AE;border-radius: 15px 15px 0px 0px;}
.investor-proposition-outlook-border{border-right: 1px solid #0082AE;border-left: 1px solid #0082AE;border-bottom: 1px solid #0082AE;border-radius: 0px 0px 15px 15px;}



.investor-proposition-pricing-bg{background: #141E49;border-radius: 15px 15px 0px 0px;}
.investor-proposition-pricing-border{border-right: 1px solid #141E49;border-left: 1px solid #141E49;border-bottom: 1px solid #141E49;border-radius: 0px 0px 15px 15px;}


.investor-proposition-rhodium-bg{background: #F58229;border-radius: 15px 15px 0px 0px;}
.investor-proposition-rhodium-border{border-right: 1px solid #F58229;border-left: 1px solid #F58229;border-bottom: 1px solid #F58229;border-radius: 0px 0px 15px 15px;}


.investor-proposition-trends-bg{background: #70639E;border-radius: 15px 15px 0px 0px;}
.investor-proposition-trends-border{border-right: 1px solid #70639E;border-left: 1px solid #70639E;border-bottom: 1px solid #70639E;border-radius: 0px 0px 15px 15px;}

.rgt {float: right;}
.lft {float: left;}





.release:after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}
.release{ padding: 25px 0;}







.accordion-trigger{text-align: left;background: #0A6DB2;padding: 10px;color: #fff;margin-bottom: 10px;margin-top: 10px;font-size: 20px;}
.accordion-container{ padding: 10px;margin-bottom: 10px; }


.accordion {
    position: relative;
    padding: 1px;
}



.trigger{ color: #fff; position: absolute; display: none}
.trigger:after{ content: ''; position: absolute; top: 0; left: 0; border-bottom: 2px solid #fff; width: 100%; height: 2px;}
.trigger:before{ content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 2px solid #fff; width: 100%; height: 2px;}

.filter-cat {
margin: 1em 0;
}

.f-cat {}
.f-cats {color: #fff;padding: 1em 0;border: 5px solid #fff;}
.filter-cat-results .f-cat {
opacity: 0;
display: none;
}
.filter-cat-results .f-cats {
opacity: 0;
display: none;
}	
.filter-cat-results .f-cat.active {
opacity: 1;
display: block;
-webkit-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}

	
	
.filter-cat-results .f-cats.active {
opacity: 1;
display: block;
-webkit-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}	
	
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
	
.table-html {
    display: inline-block;
    margin-right: 20px;
    color: #064181;
    width: 10%;
    text-align: center;
}

.table-booklet {
    display: inline-block;
    margin-right: 20px;
    color: #064181;
    width: 10%;
    text-align: center;
}

.table-date {
    display: inline-block;
    margin-right: 20px;
    color: #064181;
    width: 5%;
}




.table-name {
    display: inline-block;
    margin-right: 20px;
    color: #064181;
    width: 60%;
}

.row-date {
    width: 5%;
    color: #000;
    display: inline-block;
    margin-right: 20px;
}

.row-name {
    width: 60%;
    color: #000;
    display: inline-block;
    margin-right: 20px;
}

.row-html {
    width: 10%;
    color: #064181;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

.row-booklet {
    width: 10%;
    color: #064181;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

.table-header {
    border-bottom: 2px solid #064181;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 17px;
    color: #064181;
    font-weight: 400;
}

.table-row {
    margin-bottom: 15px;
    box-shadow: 1px 1px 1px #ccc;
    padding: 10px 0;
    font-size: 14px;
}

.table-row i {
    font-size: 20px;
    text-align: center;
    width: 60px;
    display: inline-block;
	color: #064181;
}	
	
	
select {
  
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 1em;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
}	
	
select::-ms-expand {
  display: none;
}	
	
.custom-select {
    width: 100%;
    min-width: 15ch;
    max-width: 20%;
    border: 1px solid #000;
    border-radius: 0.25em;
    position: relative;
    padding: 0.25em 0.5em;
    font-size: 15px;
    cursor: pointer;
    line-height: 1.1;
    background-color: #fff;
    background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
    margin: 45px 45px 15px 0px;
    float: left;
}
	
label[for="cat1"] {
    position: absolute;
    top: -26px;
	font-size:15px;
	left:0;
}	
label[for="cat2"] {
    position: absolute;
    top: -26px;
	font-size:15px;
	left:0;
}

label[for="cat3"] {
    position: absolute;
    top: -26px;
	font-size:15px;
	left:0;
}	
label[for="cat4"] {
    position: absolute;
    top: -26px;
	font-size:15px;
	left:0;
}
label[for="cat5"] {
    position: absolute;
    top: -26px;
    font-size: 15px;
    left: 0;
}
.table-row:hover {
    background: #CCD9E4;
}



.annual .row-html {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}

.annual .row-booklet {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}


.annual .row-segmental {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}

.annual .row-press {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}



.annual .row-presentation {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;

}


.annual .row-zip {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}

.annual .row-webcast {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}
.annual .row-video {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}
.annual .row-date {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 9%;
}




.annual .row-name {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 30%;
}







.annual .table-html {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}

.annual .table-booklet {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}


.annual .table-segmental {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}

.annual .table-press {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}


.annual .table-presentation {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}


.annual .table-zip {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}

.annual .table-webcast {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 7%;
    text-align: center;
}

.annual .table-date {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 9%;
}

.annual .table-video {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 9%;
}


.annual .table-name {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 30%;
}







.results .row-html {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 8%;
    text-align: center;
}

.results .row-booklet {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 8%;
    text-align: center;
}


.results .row-segmental {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 9%;
    text-align: center;
}

.results .row-press {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 9%;
    text-align: center;
}


.results .row-presentation {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 9%;
    text-align: center;
}


.results .row-zip {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 8%;
    text-align: center;
}

.results .row-webcast {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 8%;
    text-align: center;
}
.results .row-video {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 8%;
    text-align: center;
}
.results .row-date {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 10%;
}




.results .row-name {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 11%;
}







.results .table-html {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 8%;
    text-align: center;
}

.results .table-booklet {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 8%;
    text-align: center;
}


.results .table-segmental {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 9%;
    text-align: center;
}

.results .table-press {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 9%;
    text-align: center;

}


.results .table-presentation {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 9%;
    text-align: center;
}


.results .table-zip {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 8%;
    text-align: center;
}

.results .table-webcast {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 8%;
    text-align: center;
}

.results .table-date {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 10%;
}

.results .table-video {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 8%;
    text-align: center;
}


.results .table-name {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 11%;
}


.quarterly .table-date {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 10%;
}

.quarterly .row-date {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 10%;
}

.other .table-date {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 10%;
}

.other .row-date {
    display: inline-block;
    margin-right: 10px;
    color: #064181;
    width: 10%;
}





.our-vision .big{color:#064181;text-align: center;font-size: 35px;margin-bottom: 30px;font-weight: 300;margin-left: 0;}

.our-vision .big span:before {
  opacity: 0;
}
.our-vision .big span.active:before {
	opacity: 1;
	content: '';
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
	background-size: 500% 100%;
	-webkit-animation: gradscroll 10s ease infinite;
	-moz-animation: gradscroll 10s ease infinite;
	animation: gradscroll 10s ease infinite;
}

.our-vision .big span {
  display: inline-block;
  position: relative;
  cursor: pointer;
	  color:#064181;
}



.bullet-vision-list{margin: 0;padding: 0;list-style: none;text-align: center;}
.bullet-vision-list li{display: inline-block;border-radius: 50%;border: 1px solid #ccc;width: 10px;height: 10px;background: #fff;margin-right: 15px;transition: .35s linear all;padding: 5px;box-sizing: border-box;cursor: pointer;}
.bullet-vision-list li.active{  border: 1px solid #000; background: #064181; transition: .35s linear all;}

.vision-list-block{ width: 20%; float: left;}
.vision-list-block p{text-align: center;color:#6D6E70;font-size: 22px;padding: 0 250px;box-sizing: border-box;}

.vision-list{ position: absolute; width: 500%; transform: translateX(0); transition: .35s linear all;}

.vision-list-container{width: 100%;overflow: hidden;min-height: 150px;position: relative;}

.our-vision article > p {
    color: #A0AAB2;
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 45px;
    margin-left: 30px;
}


.our-purpose article {
    min-height: 750px;
}


.careers-implats article {
    min-height: 490px;
}



.our-vision article {
    min-height: auto;
    margin-bottom: 45px;
	z-index:2;
}



.history{}
.history article {
    min-height: auto;
    padding-bottom: 150px;
}
.history article p{
    color: #A0AAB2;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 45px;
    margin-left: 30px;
}


.history-container{ background: url("../images/year-1.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; transition: .35s linear all; min-height: 500px}
.left-overlay-block{width: 33.33%;min-height: 501px;background: rgba(255, 255, 255, 0.7);position: relative;overflow: hidden;box-sizing: border-box;padding-top: 30px;}
.box-liner {position:relative;}
.box-liner:before {content: ''; width: 100%; height: 5px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: linear-gradient(90deg , #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
    background-size: 500% 100%;  -webkit-animation: gradscroll 10s ease infinite; -moz-animation: gradscroll 10s ease infinite; animation: gradscroll 10s ease infinite;}
	
.history-list{width: 700%;position: absolute;list-style: none;transform:translateX(5.2857%);}
.history-list:after{content: '';border-bottom: 2px solid #A0AAB2;width: 100%;top: 44%;position: absolute;left: -167px;}
.history-list li{ width: 5.2857%; float: left; position: relative; cursor: pointer;}
.history-list li.active{font-weight: 600;}
.history-list li:after {
    content: '-';
    position: absolute;
    left: 15px;
    top: 7px;
    font-size: 30px;
    color: #064181;
    z-index: 999;
}.history-list li span{display: block;margin-bottom: 10px;color: #064181;}

.year-cont {
    margin-top: 150px;
    padding: 31px;
    font-weight: 400;
}

.gallery-banner {
  background: url("../images/gallery-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
}
.gallery-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 500px;
}
.gallery-banner {
  position: relative;
  z-index: 999;
}
.gallery-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}








.operations{
padding-top: 100px;
}
.operations article{ min-height: auto}

.main-map {
background: url(../images/operations-map.png);
background-position: bottom center;
background-size: 100%;
background-repeat: no-repeat;
min-height: 800px;
position: relative;
}
.sa-map {
background: url(../images/sa-map.png);
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
min-height: 650px;
position: relative;
}
.zim-map {
background: url(../images/zim-map.png);
background-position: bottom center;
background-size: contain;
background-repeat: no-repeat;
min-height: 470px;
position: relative;
}







.map-trigger{position: absolute;left:0;top: 0;cursor: pointer;}

#canada-trig{
left: 20%;
top: 4%;
}
#zim-trig{
left: 65%;
top: 73%;
}
#sa-trig{
left: 64%;
top: 81%;
}


#canada-trig img{}
#zim-trig img{}
#sa-trig img{}


#canada-trig span{position: absolute;left: 50%;top: 22%;transform: translateX(-50%);color: #fff;}
#zim-trig span{position: absolute;left: 50%;top: 22%;transform: translateX(-50%);color: #fff;}
#sa-trig span{position: absolute;left: 50%;top: 22%;transform: translateX(-50%);color: #fff;}

#zimplats-trig {left: 51%;top: 27%;}
#mimosa-trig {left: 51%; top: 51%;}

#marula-trig {left: 61%; top: 8%;}

#rustenburg-trig { left: 55%;top: 12%;}

#two-rivers-trig { left: 61%; top: 16%;}

#refining-trig {left: 58%;top: 14%;}

.map-trigger span {
padding: 0px 5px;
background: #063E7E;
color: #fff;
font-weight: 500;
position: absolute;
display: block;
width: auto;
top: 12px;
left: 74%;
min-width: 190px;
text-align: center;
display: none;
}


.map-trigger:hover span {
padding: 0px 5px;
background: #063E7E;
color: #fff;
font-weight: 500;
position: absolute;
display: block;
width: auto;
top: 12px;
left: 74%;
min-width: 190px;
text-align: center;
z-index: 9	
}



.main-map .map-trigger span {
padding: 0px;
background: transparent;
color: #fff;
font-weight: 500;
position: absolute;
display: block;
width: auto;
top: 12px;
left: 74%;
min-width:auto;
text-align: center;
display: block;
}


.main-map .map-trigger:hover span {
padding: 0px;
background: transparent;
color: #fff;
font-weight: 500;
position: absolute;
display: block;
width: auto;
top: 12px;
left: 74%;
min-width: auto;
text-align: center;

}	



.zim-map .map-trigger span {
background: #00AFBE;

}


.sa-map .map-trigger span {
background: #063E7E;

}	

.operation-content:before {
opacity: 1;
content: '';
width: 90%;
height: 15px;
position: absolute;
top: 0px;
right: 10%;
transform: translateX(0%);
background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
background-size: 500% 100%;
-webkit-animation: gradscroll 10s ease infinite;
-moz-animation: gradscroll 10s ease infinite;
animation: gradscroll 10s ease infinite;
}


.operation-content{
background: rgba(255, 255, 255, 0.5);
float: right;
width: 66%;
margin-bottom: 100px;
padding-right: 100px;
box-sizing: border-box;
position: relative;
padding-top: 60px;
}	
.operation-content h4{}	


.info-block{
width: 25%;
float: left;
box-sizing: border-box;
padding: 30px;
border-right: 1px solid #ccc;
}
.info-block span{
color: #064181;
font-size: 14px;
display: block;
}
.info-block big{
font-size: 45px;
color: #064181;
font-weight: 500;
}
.info-block big small{
font-size: 30px;
}


.image-column{
width: 45%;
margin-top: 60px;
float: left;
}
.image-column img{
display: block; max-width:100%;}
}
.image-column div{
border-left: 1px solid #ccc;
padding: 30px;
}
.image-column div h4{}
.image-column div ul.download-list{
list-style: none;
padding: 0;
margin: 0;
}
.image-column div ul.download-list li{
padding-bottom: 15px;
position: relative;
display: inline-block;
}
.image-column div ul.download-list li:after{content: '';border-bottom: 2px solid #1BB0BF;border-right: 2px solid #1BB0BF;width: 10px;height: 10px;display: block;position: absolute;right: -20px;transform: rotate(-45deg);top: 8px;transition: .35s linear all;}
.image-column div ul.download-list li:hover:after{right: -25px;transition: .35s linear all;}


.para-column{
width: 45%;
margin-top: 60px;
float: left;
box-sizing: border-box;
padding-right: 50px;
}
.para-column p{
color: #064181;
font-weight: 300; padding-left:25px;

}


#canada-operation{
background: url("../images/canada-inner-map.png");
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}	



#two-rivers-operation{
background: url("../images/rivers-map.png");
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}	



#refining-operation{
background: url("../images/refining-map.png");
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}


#marula-operation{
background: url("../images/marula-map.png");
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}



#rustenburg-operation{
background: url("../images/rustenburg-map.png");
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}


#zimplats-operation{
background: url("../images/zimplats-map.png");
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}


#mimosa-operation{
background: url("../images/mimosa-map.png");
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}


#zim-map .back-map {
    position: absolute;
    right: 104px;
    top: -40px;
    cursor: pointer;
    color: #064181;
    font-weight: 400;
    z-index: 9;
}

#sa-map .back-map {
    position: absolute;
    right: 104px;
    top: -40px;
    cursor: pointer;
    color: #064181;
    font-weight: 400;
    z-index: 9;
}

.back-map {
    position: absolute;
    left: 104px;
    top: 25px;
    cursor: pointer;
    color: #064181;
    font-weight: 400;
    z-index: 9;
}
.back-map:before {
    position: absolute;
    content: '';
    border-bottom: 2px solid #064181;
    border-right: 2px solid #064181;
    width: 7px;
    height: 7px;
    left: -20px;
    top: 9px;
    transform: rotate(
130deg
);
}
.leadership-banner {
  background: url("../images/leadership-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
}
.leadership-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 500px;
}
.leadership-banner {
  position: relative;
  z-index: 999;
}
.leadership-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}

.leadership-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}





.investor-sens button.about-link {
    border: 1px solid #671C78;
    padding: 10px;
    position: relative;
    background: rgba(239, 240, 241, 0.1);
    margin-top: 30px;
    background-color: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}
.investor-events button.about-link {
    border: 1px solid #671C78;
    padding: 10px;
    position: relative;
    background: rgba(239, 240, 241, 0.1);
    margin-top: 30px;
    background-color: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}









.leadership{}
.leadership article{}

.leadeship-tab-list{
    background: #F1F3F4;
}
.leadeship-tab-list div{
    width: 25%;
    box-sizing: border-box;
    padding: 30px;
    float: left;text-align: center;
}

.leadeship-tab-list div.active{
   color: #064181;
	font-weight: 500;
	transition: .3s linear all;
	
}

.subnavname.active{
   color: #064181;
	font-weight: 500;
	transition: .3s linear all;
	
}



.leadership-cont{}

.subnavblock{
    width: 33.33%;
    float: left;
}
.subnavname{
    padding: 15px 30px;
    border-bottom: 1px solid #F1F3F4;
}
.subnavname:after{}

.subnavcont{
    width: 66.66%;
    float: left;
}

.leadership-img-block{
    width: 50%;
    float: left;
}

.leadership-cont-block{
    width: 50%;
    float: left;margin-top: 30px;
}
.leadership-cont-block h4{}
.leadership-cont-block p{}

.leadership-img-block img {
    max-width: 80%;
    margin: 0 auto;
    display: block;
    border-bottom: 2px solid #064181;
}


.investor-events-block .investor-events {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 30px 30px 75px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.10), 0 6px 6px rgba(0,0,0,0.10);
}

.investor-events-block .event-calendar li .date {
    float: left;
    width: 7%;
}
 .investor-events-block .event-calendar li .event-cont {
  float: left;
  width: 70%;
  padding-right: 15px;
  box-sizing: border-box;
  padding-left: 15px;
  border-left: 1px solid #707070;
  min-height: 85px;
  position: relative;
}
 .investor-events-block .date big {
  font-size: 60px;
  display: block;
  color: #671C78;
  font-weight: 100;
  line-height: 1;
}
 .investor-events-block ul.event-calendar {
  list-style: none;
  margin: 0;
  padding: 0;
}
 .investor-events-block .event-calendar li {
  display: block;
  margin-bottom: 30px;
}
 .investor-events-block .event-calendar .date span {
  font-size: 18px;
  color: #671C78;
  font-weight: 100;
  display: block;
  line-height: 1;
}
 .investor-events-block  p.event-title {
  font-weight: 500;
  color: #5D6F77;
  margin-bottom: 10px;
}
.investor-events-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}



.shareholder-banner {
  background: url("../images/shareholder-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height:800px;
  position: relative;
}
.shareholder-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 300px;
}
.shareholder-banner {
  position: relative;
  z-index: 999;
}
.shareholder-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}

.shareholder-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}





.stories-banner {
  background: url("../images/gallery-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height:500px;
  position: relative;
}
.stories-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 300px;
}
.stories-banner {
  position: relative;
  z-index: 999;
}
.stories-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}

.stories-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}

.facts-sheet-banner {
  background: url("../images/facts-sheet-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height:700px;
  position: relative;
}
.facts-sheet-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 300px;
}
.facts-sheet-banner {
  position: relative;
  z-index: 999;
}
.facts-sheet-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}

.facts-sheet-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}










.investor-reports-banner {
  background: url("../images/events-calendar.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height:500px;
  position: relative;
}
.investor-reports-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 300px;
}
.investor-reports-banner {
  position: relative;
  z-index: 999;
}
.investor-reports-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}


.contact-banner {
  background: url("../images/contact-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height:600px;
  position: relative;
}
.contact-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 300px;
}
.contact-banner {
  position: relative;
  z-index: 999;
}
.contact-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}





.proposition-banner {
  background: url("../images/our-investor-proposition-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height:700px;
  position: relative;
}
.proposition-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 300px;
}
.proposition-banner {
  position: relative;
  z-index: 999;
}
.proposition-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}
.proposition-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}










.adr-banner {
  background: url("../images/adr-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height:700px;
  position: relative;
}
.adr-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 300px;
}
.adr-banner {
  position: relative;
  z-index: 999;
}
.adr-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}

.adr-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}


.sens-banner {
  background: url("../images/sens-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height:800px;
  position: relative;
}
.sens-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 1px 1px 8px black;
  padding: 0 60px;
  margin-top: 300px;
}
.sens-banner {
  position: relative;
  z-index: 999;
}
.sens-banner article {
  background: transparent;
  min-height: auto;
  max-width: 1600px;
}

.sens-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}








.blueblock {display:block;overflow:hidden;background-repeat: no-repeat;margin-bottom: 100px;padding: 5px;box-sizing: border-box;}
.share-container{margin: 0 auto;display: block;color:#393939;position: relative;}
.share-wht-cont{padding: .5em .5em 0 1em; text-align:center;}

.share-block-container {display: block;position:relative;margin-bottom: 50px;padding: 5px;}
.share-block-price {display: block;position:relative;padding:10px;font-size: 59px;color:#1A4863;}
.share-block-price span {font-size: 19px; line-height:49px; }
.share-block1 {display: block;position:relative;max-width: 800px;margin: 5px auto;padding: 5px;}
.share-block-table1 {width:100%;  }
.share-block-table1 td {padding:8px 6px; border-bottom:1px solid #ccc; }



.read-more-btn-container {
    text-align: center;
    position: relative;
    display: block;
    padding: 5px;
}

a.register {}

a.register {
    padding: 20px;
    background: #064181;
    display: inline-block;
    color: #fff;
    font-size: 15px;
}

.share-wht-cont h3 {
    margin: 0 auto;
}



.map-container img {
    max-width: 100%;
}













.gallery-container {position:relative; }
.gallery-img {position:relative; display:block; float:left; width:20%;padding:0; margin:0; border:0; -webkit-transition:0.7s ease;-moz-transition:0.7s ease;-ms-transition:0.7s ease;transition:0.7s ease;}
.gallery-img .img-border {overflow:hidden;width:auto;margin:5%;height:auto;/*border:1px solid #1A4863; box-shadow:1px 1px 4px 2px rgba(15,37,63,0.2)*/;background:#fff;padding:12px;-webkit-transition:0.7s ease;-moz-transition:0.7s ease;-ms-transition:0.7s ease;transition:0.7s ease; }
.gallery-img .img-border:hover {overflow:hidden; /*border:1px solid #1A4863; 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; }
.gallery-img .img-border a {display:block;position:relative;padding:0; margin:0; border:0;background:#fff;}
.gallery-img .img-border a img {position:relative;display:block; width:100%;max-width:400px; -webkit-transition:0.7s ease;-moz-transition:0.7s ease;-ms-transition:0.7s ease;transition:0.7s ease;}
.gallery-img .img-border a img:hover {position:relative; display:block; width:100%;max-width:400px;  -moz-transform: scale(1.5);-webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }




.f-catz {}
.filter-cat-resultsz .f-catz {
opacity: 0;
display: none;
}
	
.filter-cat-resultsz .f-catz.active {
opacity: 1;
display: block;
-webkit-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}

.working-at-implats-banner {
  background: url("../images/enviro-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
  z-index: 999;	
}

.working-at-implats-banner {
  background: url("../images/working-at-implats-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
  z-index: 999;	
}
.working-at-implats-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  padding: 0 60px;
  padding-left: 0;
  text-shadow: 1px 1px 8px black;
  margin-top: 450px;
}

.working-at-implats-banner article {
  background: transparent;
  min-height: auto; /* max-width: 1325px; */
}	

	
.environment-banner {
  background: url("../images/enviro-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
  z-index: 999;	
}
.environment-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  padding: 0 60px;
  padding-left: 0;
  text-shadow: 1px 1px 8px black;
  margin-top: 450px;
}

.environment-banner article {
  background: transparent;
  min-height: auto; /* max-width: 1325px; */
}

.environment-banner:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}





.social-banner {
  background: url("../images/social-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
  z-index: 999;	
}
.social-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  padding: 0 60px;
  padding-left: 0;
  text-shadow: 1px 1px 8px black;
  margin-top: 450px;
}

.social-banner article {
  background: transparent;
  min-height: auto; /* max-width: 1325px; */
}



.governance-banner {
  background: url("../images/governance-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
  z-index: 999;	
}
.governance-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  padding: 0 60px;
  padding-left: 0;
  text-shadow: 1px 1px 8px black;
  margin-top: 450px;
}

.governance-banner article {
  background: transparent;
  min-height: auto; /* max-width: 1325px; */
}	


	
.story {
  display: block;
  width: 50%;
  box-sizing: border-box;
  vertical-align: top;
  margin: 40px auto;
  position: relative;
}

.story .content-block {
  padding-top: 40px;
  background: #6E1775;
  box-sizing: border-box;
  padding: 20px;
  min-height: 350px;
}

	
.story.blue .content-block {
  padding-top: 40px;
  background: #1970B5;
  box-sizing: border-box;
  padding: 20px;
  min-height: 350px;
}	
	
	
.story .content-block h3 {
  text-align: center;
  color: #fff;
  font-size: 30px;
  margin-top: 25px;
}
.story .content-block p {
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-bottom: 45px;
}
.story .content-block a {
  color: #fff;
  font-size: 16px;
  border-color: #fff;
}	
.esg-accordion{ margin-top:45px}
.esg-accordion  article {
    max-width: 900px;
    width: 100%;
    padding: 45px 25px;
    margin: 0 auto;
    position: relative;
    background: transparent;
    min-height: auto;
    box-sizing: border-box;
    z-index: 9;
}	
	
	
	
.climate-change{
  background: url("../images/climate.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}
	

.energy{
  background: url("../images/env-energy.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}	
	
	
	
.water{
  background: url("../images/env-water.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}	
	

	
.air-quality{
  background: url("../images/air-quality.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}	
	
	
.waste-management{
  background: url("../images/waste-management.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}	
.biodiversity{
  background: url("../images/biodiversity.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}	
.rehabilitation{
  background: url("../images/rehabilitation.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}
	

.human{
  background: url("../images/human-rights.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}

.risk{
  background: url("../images/risk.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}


.compliance{
  background: url("../images/compliance.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}
.voluntary{
  background: url("../images/voluntary.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}



.social-safety{
  background: url("../images/safety.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}

.social-health{
  background: url("../images/health.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}

.social-stakeholder{
  background: url("../images/stakeholder.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}
.social-employees{
  background: url("../images/employees.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}


.social-community{
  background: url("../images/community.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}



.governance-corporate{
  background: url("../images/corporate.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}

.governance-conduct{
  background: url("../images/conduct.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}


.governance-transparency{
  background: url("../images/transparency.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}


.governance-materiality{
  background: url("../images/materiality.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}



.governance-supply{
  background: url("../images/supply.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}



.governance-risk{
  background: url("../images/risk-new.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}


.governance-human{
  background: url("../images/human-new.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}


.governance-compliance{
  background: url("../images/compliance-new.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}

.governance-voluntary{
  background: url("../images/voluntary-new.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}



.working-careers {
  background: url("../images/working-careers.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}

.working-graduate {
  background: url("../images/working-graduates.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}

.working-bursaries {
  background: url("../images/working-bursaries.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
  z-index: 999;	
}






.stories-story article {
    max-width: 1400px;
    width: 100%;
    padding: 1px 25px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    min-height: 880px;
    box-sizing: border-box;
    z-index: 9;
}












	
	.esg-accord-head-block{ box-sizing: border-box; padding: 45px;}	
	
	
	
.esg-accord-head-block:after{ background: rgba(0, 0, 0, 0); top: 0; left: 0; transition: .35s linear all; content: ''; width: 100%; height: 100%; position: absolute; z-index: 2;}
.esg-accord-head-block:hover:after{ background: rgba(0, 0, 0, 0.53); transition: .35s linear all; content: ''; width: 100%; height: 100%; position: absolute; z-index: 2;}
	
.esg-accord-head-block article{
	max-width: 950px;
    width: 100%;
    padding: 1px 25px;
    margin: 0 auto;
    position: relative;
    background: transparent;
    min-height: auto;
    box-sizing: border-box;
    z-index: 9;}	
	
	
	
.esg-accord-head-block article *{}
	
.esg-accord-head-block article h4 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    text-shadow: 1px 1px 5px black;
}	
.esg-accord-head-block article p {
    color: #fff;
    font-size: 20px;
    text-shadow: 1px 1px 5px black;
    text-align: center;
}
.esg-accord-head-block article a {
    color: #fff;
    margin: 0 auto;
    text-shadow: 1px 1px 5px black;
    display: inline-block;
	cursor: pointer;
}
	
	

	
	.esg-accord-cont-block:after {
  width: 100%;
  content: '';
  height: 5px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -webkit-animation: gradscroll 10s ease infinite;
  -moz-animation: gradscroll 10s ease infinite;
  animation: gradscroll 10s ease infinite;
}







.esg-story{
    margin: 45px 0;
    padding: 45px 0;
}
.esg-story article {
  background: transparent;
  min-height: auto;
  max-width: 1500px;
}	
	
.esg-story-block{width: 60%;float: left;padding: 45px;box-sizing: border-box;}	
.esg-img-block{ width: 40%; float: left;}
.esg-img-block img {
    max-width: 100%;
    width: 100%;
}		

.esg-banner {
  background: url("../images/esg-banner-new.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 782px;
  position: relative;
}
.esg-banner p {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  padding: 0 60px;
  padding-left: 0;
  text-shadow: 1px 1px 8px black;
  margin-top: 200px;
}
.esg-banner {
  position: relative;
  z-index: 999;
}
.esg-banner article {
  background: transparent;
  min-height: auto; /* max-width: 1325px; */
}		
		
button.esg-link {
  border: 1px solid #FFFFFF;
  padding: 10px;
  position: relative;
  background: rgba(239, 240, 241, 0.1);
  margin-top: 30px;
  background-color: rgba(255, 255, 255, .1);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
	margin-right: 32%
}
		
button.esg-link:last-of-type{ margin-right: 0;}		
button.esg-link:after {
  content: '';
  width: 60px;
  height: 5px;
  background: #01B0BF;
  position: absolute;
  bottom: -3px;
  left: 10px;
}
button.esg-link a {
  display: block;
  color: #fff;
  position: relative;
  padding-right: 50px;
  font-size: 18px;
  font-weight: 400;
}		
	
button.esg-link:hover:after {
  content: '';
  width: 60px;
  height: 5px;
  background: #01B0BF;
  position: absolute;
  bottom: -3px;
  left: calc(100% - 70px);
		transition: .4s linear all;
}



/*FONT-WEIGHT RESETS*/
.B100 {
  font-weight: 100
}
.B200 {
  font-weight: 200
}
.B300 {
  font-weight: 300
}
.B400 {
  font-weight: 400
}
.B500 {
  font-weight: 500
}
.B600 {
  font-weight: 600
}
/*PADDING RESETS*/
.no-padding {
  padding: 0 !important;
}
.no-paddingT {
  padding-top: 0 !important;
}
.no-paddingB {
  padding-bottom: 0 !important;
}
.no-paddingL {
  padding-left: 0 !important;
}
.no-paddingR {
  padding-right: 0 !important;
}
.padding-60 {
  padding: 60px !important;
}
.padding-60L {
  padding-left: 60px !important;
}
.padding-60R {
  padding-right: 60px !important;
}
.padding-60T {
  padding-top: 60px !important;
}
.padding-60B {
  padding-bottom: 60px !important;
}
.padding-50 {
  padding: 50px !important;
}


.padding-50L {
  padding-left: 50px !important;
}
.padding-50R {
  padding-right: 50px !important;
}
.padding-50T {
  padding-top: 50px !important;
}
.padding-50B {
  padding-bottom: 50px !important;
}
.padding-40 {
  padding: 40px !important;
}
.padding-40L {
  padding-left: 40px !important;
}
.padding-40R {
  padding-right: 40px !important;
}
.padding-40T {
  padding-top: 40px !important;
}
.padding-40B {
  padding-bottom: 40px !important;
}
.padding-30 {
  padding: 30px !important;
}
.padding-30L {
  padding-left: 30px !important;
}
.padding-30R {
  padding-right: 30px !important;
}
.padding-30T {
  padding-top: 30px !important;
}
.padding-30B {
  padding-bottom: 30px !important;
}
.padding-25 {
  padding: 25px !important;
}
.padding-25L {
  padding-left: 25px !important;
}
.padding-25R {
  padding-right: 25px !important;
}
.padding-25T {
  padding-top: 25px !important;
}
.padding-25B {
  padding-bottom: 25px !important;
}
.padding-20 {
  padding: 20px !important;
}
.padding-20L {
  padding-left: 20px !important;
}
.padding-20R {
  padding-right: 20px !important;
}
.padding-20T {
  padding-top: 20px !important;
}
.padding-20B {
  padding-bottom: 20px !important;
}
.padding-15 {
  padding: 15px !important;
}
.padding-15L {
  padding-left: 15px !important;
}
.padding-15R {
  padding-right: 15px !important;
}
.padding-15T {
  padding-top: 15px !important;
}
.padding-15B {
  padding-bottom: 15px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-10L {

  padding-left: 10px !important;
}
.padding-10R {
  padding-right: 10px !important;
}
.padding-10T {
  padding-top: 10px !important;
}
.padding-10B {
  padding-bottom: 10px !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-5L {
  padding-left: 5px !important;
}
.padding-5R {
  padding-right: 5px !important;
}
.padding-5T {
  padding-top: 5px !important;
}
.padding-5B {
  padding-bottom: 5px !important;
}
/*MARGIN RESETS*/
.no-margin {
  margin: 0 !important;
}
.no-marginT {
  margin-top: 0 !important;
}
.no-marginB {
  margin-bottom: 0 !important;
}
.no-marginL {
  margin-left: 0 !important;
}
.no-marginR {
  margin-right: 0 !important;
}
.margin-60 {
  margin: 60px !important;
}
.margin-60L {
  margin-left: 60px !important;
}
.margin-60R {
  margin-right: 60px !important;
}
.margin-60T {
  margin-top: 60px !important;
}
.margin-60B {
  margin-bottom: 60px !important;
}
.margin-50 {
  margin: 50px !important;
}
.margin-50L {
  margin-left: 50px !important;
}
.margin-50R {
  margin-right: 50px !important;
}
.margin-50T {
  margin-top: 50px !important;
}
.margin-50B {
  margin-bottom: 50px !important;
}
.margin-40 {
  margin: 40px !important;
}
.margin-40L {
  margin-left: 40px !important;
}
.margin-40R {
  margin-right: 40px !important;
}
.margin-40T {
  margin-top: 40px !important;
}
.margin-40B {
  margin-bottom: 40px !important;
}
.margin-30 {
  margin: 30px !important;
}
.margin-30L {
  margin-left: 30px !important;
}
.margin-30R {
  margin-right: 30px !important;
}
.margin-30T {
  margin-top: 30px !important;
}
.margin-30B {
  margin-bottom: 30px !important;
}
.margin-25 {
  margin: 25px !important;
}
.margin-25L {
  margin-left: 25px !important;
}
.margin-25R {
  margin-right: 25px !important;
}
.margin-25T {
  margin-top: 25px !important;
}
.margin-25B {
  margin-bottom: 25px !important;
}
.margin-20 {
  margin: 20px !important;
}
.margin-20L {
  margin-left: 20px !important;
}
.margin-20R {
  margin-right: 20px !important;
}
.margin-20T {
  margin-top: 20px !important;
}
.margin-20B {
  margin-bottom: 20px !important;
}
.margin-15 {
  margin: 15px !important;
}
.margin-15L {
  margin-left: 15px !important;
}
.margin-15R {
  margin-right: 15px !important;
}
.margin-15T {
  margin-top: 15px !important;
}
.margin-15B {
  margin-bottom: 15px !important;
}
.margin-10 {
  margin: 10px !important;
}
.margin-10L {
  margin-left: 10px !important;
}
.margin-10R {
  margin-right: 10px !important;
}
.margin-10T {
  margin-top: 10px !important;
}
.margin-10B {
  margin-bottom: 10px !important;
}

.margin-5 {
  margin: 5px !important;
}
.margin-5L {
  margin-left: 5px !important;
}

.margin-5R {
  margin-right: 5px !important;
}
.margin-5T {
  margin-top: 5px !important;
}
.margin-5B {
  margin-bottom: 5px !important;
}
.mm00.sm03 section.grey-bg p {
  font-size: 20px
}
.mm00.sm03 section.white-bg p {
  font-size: 20px
}
.mm00.sm03 section.grey-bg h4 {
  font-size: 30px
}
.mm00.sm03 section.white-bg h4 {
  font-size: 30px
}
footer:after {
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0%;
  top: 0;
  transform: translateX(0%);
  background: linear-gradient(280deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);
  background-size: 500% 100%;
  -moz-animation: gradscroll 10s ease infinite;
  z-index: 9998;
}
footer {
  position: relative;
  background: #ffffff;
  width: 100%;
}
footer div {
  width: 20%;
  float: left;
}
footer div p {
  color: #064181;
  font-weight: 300;
  font-size: 15px;
}
footer div h4 {
  color: #5D6F77;
  font-weight: 500;
  font-size: 18px;
}
footer article {
  min-height: auto;
  padding-top: 45px;
  font-weight: 300;
  padding-bottom: 30px
}
footer div i {
  font-size: 24px;
  padding-right: 30px;
  padding-left: 30px;
}
footer div i {
  font-size: 24px;
  padding-right: 30px;
  padding-left: 30px;
}