/*
1* FONTS
2* INITIAL RESETS
2.1* SELECTION
2.2* SCROLLBAR
2.3* TRANSITIONS
3* LINKS
4* TYPOGRAPHY
5* LAYOUT STYLES
6* MISC RESETS
7* SWITCH COLOURS
8* FONT-WEIGHT RESETS
9* PADDING RESETS
10* MARGIN RESETS
11* FOOTER
12* ACCCORDION
13* SALIENT FEATURES


*/
/*--------------1* FONTS------------*/


/*--------------2* INITIAL RESETS------------*/

/*----2.1* SELECTION----*/
*::-moz-selection {
  background:#CCD9E4;
  color: #000;
}
*::-webkit-selection {
  background:#CCD9E4;
  color: #000;
}
*::-ms-selection {
  background:#CCD9E4;
  color: #000;
}
*::selection {
  background: #CCD9E4;
  color: #000;
}

/*----2.2* SCROLLBAR----*/
::-webkit-scrollbar {
  display: none;
}
::-ms-scrollbar {
  display: none;
}
::-moz-scrollbar {
  display: none;
}
::scrollbar {
  display: none;
}
body::-webkit-scrollbar {
  height: 0px;
  width: 0px;
  background: transparent;
}
@-moz-document url-prefix() {
  html {
    scrollbar-width: none;
  }
}
.scroll-col::-webkit-scrollbar {
  width: 10px;
	display: block;
}
.scroll-col::-webkit-scrollbar-track {
  box-shadow: inset 1px 1px 5px #ccc;
  border-radius: 20px;
  background: rgba(70, 2, 52, 0.15);
}
.scroll-col::-webkit-scrollbar-thumb {
  background: #460234;
  border-radius: 10px;
  max-height: 5px;
  height: 30px;
  margin: 45px;
  padding: 30px;
}
.scroll-col::-webkit-scrollbar-thumb:hover {
  background: rgba(70, 2, 52, 0.75); 
}


html {
  position: absolute;
  height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none; /* IE 11 */
  width: 100%;
  scroll-behavior: smooth;
  font-size: 62.5%;
}
body {
  overflow: auto;
  line-height: 1.6;
  height: 100%;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
body, input, select, textarea, button, tspan {
 font-family: roboto, sans-serif;
}
hr {
  width: 100%
}
input, input:focus, select, select:focus {
  outline: none;
  border: 0;
}



/*--------------3* LINKS------------*/
a, a:focus {
  color: #204653;
  text-decoration: none;
  outline: 0;
  
}
a:hover {
  text-decoration: none;
  color: #333;
}




/*--------------4* TYPOGRAPHY------------*/
h1 {
  margin-bottom: 0;
  margin-top: 0;
}
h1 span {
}
h2 {
}
h3 {
  color: #204653;
  font-weight: 800;
  margin: 40px 0 60px 0;
  line-height:1.2;
}
h4 {
  color: #403F41;
  font-size: 25px;
  font-weight: 300;
  margin: 0 0 0px 0;
  line-height:1.1;
  margin-top:20px;
  text-transform: uppercase;
}
h5 {
  color: #460234;
  font-size: 18px;
  font-weight: 600;
   line-height:1.1;  
}

h6 {
  color: #470435;
  font-size: 16px;
  font-weight: 600;
   line-height:1.1; 
   margin-bottom:0px;
   margin-top:0px;
}

.grey-headings {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
}

b, strong {
  font-weight: 600;
  line-height: 1;
}
sup, sub {
  vertical-align: super;
  position: relative;
  top: -3px;
  font-size: 10px;
}
sub {
  top: 12px;
}
body {
  font-family: roboto, sans-serif;
  font-weight: 300;
  color: #4C4D4F;
  margin: 0;
  width: 100%;
  background: #ECE5E1;
}
p {
  font-size: clamp(1.4rem,1.36rem + 0.125vw, 1.6rem);
  margin-bottom: 15px;
  line-height: 1.5;
  font-family: roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #4C4D4F;
  margin-top: 0px;
}

body{background:#ECE5E1 url("../images/background-bg.png");background-position: top left;background-size: 28%;background-repeat: no-repeat;}
body.mm01 {background:#ECE5E1;}
body.mm03 { background: url(../images/background-bg.png); background-position: top left; background-size: 28%; background-repeat: no-repeat;}
/*--------------5* LAYOUT STYLES------------*/
header article {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    padding: 10px 45px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

article {
    max-width: 1660px;
    margin: 0 auto;
    position: relative;
    padding: 0 60px;
    box-sizing: border-box;
}
nav {flex-basis: 45%;}
nav ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
    gap: 3px;
}

nav ul li {
    text-align: center;
    padding-top: 0px;
    align-self: center;
    position: relative;
    height: 60px;
    font-size: clamp(1.0rem, 2vw + 1rem, 1.5rem);
    z-index: 9;
}

nav ul li a {
    font-weight: 500;
    cursor:pointer;
    color: #000;
}
nav ul li a img {
    max-width: 100%;
    margin-top: 30px;
    opacity: 1;
    transition: .45s linear all;
}





.logo {
    flex-basis: 15%;
    padding-top: 0px;
    text-align: center;
}

.logo img{padding:10px;box-sizing:border-box;margin-top: 0px;}





footer {background: #ECE5E1;border-top: 1px solid #74777A;margin-top: 60px;}
footer article {
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 45px;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}


footer article h2 {font-weight: 500;display: flex;align-items: center;gap: 30px;flex-basis: 33%;margin: 0;}
footer article h1:last-of-type {color: #000;font-weight: 500;flex-basis: 22%;text-transform: none;text-align: right;font-size: clamp(2.0rem, 2.08rem + 1vw, 3rem);}
footer article h2 span{font-size: clamp(2.4rem,  2.08rem + 1vw,  4rem);font-weight: 600;}
footer article h2 strong{
    font-size: clamp(1.6rem,  1.52rem + 0.25vw,  1.8rem);
    font-weight: 400;
    line-height: 1.2;
}
/*--------------6* MISC RESETS------------*/
.center-block, .obj-c {
  display: block;
  margin: 0 auto;


  text-align: center;
  max-width: 100%;
}
.img-responsive{ max-width: 100%}
.clearfix:after, .clearfix:before {
  display: table;
  content: " "
}
.clearfix:after {
  clear: both
}

.row {
	display: flex;
}

.col-50 {
	flex-basis: 50%;
}



/*--------------7* PAGE STYLES------------ add all your pages styles here*/ 
.home-banner{background: #ECE5E1 url("../images/home-top-bg.png");background-repeat: no-repeat;min-height: 110vh;padding-top: 170px;margin-top: -105px;background-size: cover;background-position: top center;}
.home-banner .home-row{display: flex;gap: 30px;}

.home-banner .home-row .home-block{
    flex-basis: 65%;
}
.home-banner .home-row .home-block h1{
    background: #B8A492;
    padding: 10px 20px 10px 15%;
    border-radius: 0 50px 50px 0;
    display: flex;
    align-items: center;
    gap: 60px;
    color: #000;
    position: relative;
    left: -19%;
}
.home-banner .home-row .home-block h1 strong{
    font-size: clamp(2rem,  1.8rem  + 0.625vw, 2.5rem);
    font-weight: 300;
    line-height: 1.2;
}
.home-banner .home-row .home-block h1 span{
    font-size: clamp(3rem,  2.48rem + 1.625vw, 5.6rem);
}

.home-banner .home-row .home-three{
    margin-top: 30px;
    /* flex-basis: 25%; */
}
.home-banner .home-row .home-three button{
    border: 0;
    background: none;
    display: flex;
    gap: 10px;
    align-items: center;
}
.home-banner .home-row .home-three button span{
    width: 36px;
    height: 36px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
    position: relative;
}
.home-banner .home-row .home-three button span img{
    max-width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.home-banner .home-row .home-three button a{
    font-size: clamp(1.4rem, 1.36rem + 0.125vw, 1.6rem);
}


.home-banner .home-row .home-cover{
    flex-basis: 34%;
}
.home-banner .home-row .home-cover img{}

.home-banner .home-row .home-three p {
    margin: 0;
    padding-top: 6px;
}




section.highlights h2 {
    border-radius: 50px;
    border: 1px solid #000;
    display: inline-flex;
    padding: 10px 30px 10px 12%;
    text-align: left;
    font-size: clamp(2.4rem,  2.08rem + 1vw,  4rem);
    color: #000;
    position: relative;
    left: -40px;
}

section.highlights .highlight-row {
    display: flex;
    gap: 45px;
}

section.highlights .fin-col {
    display: flex;
    flex-basis: 48%;
    padding-top: 45px;
}

section.highlights .ceo-col {
    flex-basis: 25%;
    position: relative;
    align-content: end;
}

section.highlights .copy-col {
    flex-basis: 16%;
    padding: 20px;
    position: relative;
    padding-top: 60px;
}

section.highlights {
    border-bottom: 90px solid #367D7E;
}

section.highlights .ceo-col img {
    max-width: 100%;
    position: relative;
    bottom: -42px;
}

section.highlights .fin-col .col-50 {
    padding: 20px;
    box-sizing: border-box;
}

section.highlights .fin-col .col-50 .highlight {
    margin-bottom: 45px;
}

section.highlights .fin-col .col-50 .highlight h3 {
    margin: 10px 0;
    font-size: clamp(3rem,  2.48rem + 1.625vw, 4.5rem);
    line-height: 1;
    color: #367D7E;
}

section.highlights .fin-col .col-50 .highlight p {margin: 0;line-height: 1;font-weight: 400;color: #000;}

section.highlights .copy-col p.ceo-name {
    position: absolute;
    bottom: -75px;
    left: -70px;
    color: #fff;
}

section.highlights .copy-col p {
    color: #367D7E;
}

section.salient > article >.row .feature > p big { font-size: 24px; color: #49898A; font-weight: 600;}
section.salient > article >.row .feature > p { font-size: 18px; }






section.page-banner {text-align: right;margin-bottom: 45px;}
section.page-banner h3 {border-radius: 0 59px 59px 0;background: #B8A492;padding: 10px 15% 10px 90px;display: block;max-width: fit-content;text-align: left;color: #000;font-size: clamp(2.4rem,  2.08rem + 1vw,  4rem);font-weight: 400;position: absolute;}
section.page-banner img {max-width: 72%;}















section.salient {
    padding: 60px 0;
}

section.salient > article >.row {
    flex-wrap: wrap;
    gap: 60px;
}

section.salient > article >.row .feature {
    flex-basis: 44%;
    padding: 30px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 30px;
    margin-left: 60px;
    position: relative;
}

section.salient > article >.row .feature > h4 {
    margin: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #367D7E;
}

section.salient > article >.row .feature .row {
    gap: 45px;
}

section.salient > article .financial-col {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #367D7E;
}

section.salient > article .financial-col h5 {
    font-size: clamp(1.6rem,  1.52rem + 0.25vw,  2rem);
    margin: 0;
    margin-bottom: 7px;
}

section.salient > article .financial-col h4 {
    font-size: clamp(2rem,  1.8rem  + 0.625vw, 3rem);
    margin: 0;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #367D7E;
}

section.salient > article .financial-col p {
    margin-bottom: 0;
}

section.salient > article >.row .feature hr {
    max-width: 50%;
    margin-left: 0;
    border-color: #367D7E;
    color: #367D7E;
    margin-top: 30px;
    margin-bottom: 30px;
}




section.salient > article >.row .feature .icon {
    border-radius: 50%;
    background: #367D7E;
    width: 50px;
    padding: 10px;
    position: absolute;
    left: -80px;
    top: 10px;
    height: 50px;
    text-align: center;
}

section.salient > article >.row .feature .icon img {
    max-width: 100%;
    max-height: 100%;
}

section.salient > article >.row .feature .icon:after {content:'';border: 1px solid #367D7E;width: 80px;height: 80px;display: block;position: absolute;top: -6px;left: -6px;border-radius: 50%;}













.down-row{display: flex;gap: 30px;}

.down-row .down-block{
    flex-basis: 80%;
}

.down-row .down-three{
    margin-top: 30px;
    /* flex-basis: 25%; */
}
.down-row .down-three button{
    border: 0;
    background: none;
    display: flex;
    gap: 10px;
    align-items: center;
}
.down-row .down-three button span{
    width: 36px;
    height: 36px;
    display: inline-block;
    background: #367D7E;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
    position: relative;
}
.down-row .down-three button span img{
    max-width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: invert(0);
}
.down-row .down-three button a{
    font-size: clamp(1.4rem, 1.36rem + 0.125vw, 1.6rem);
}


.down-row .down-cover{
    flex-basis: 20%;
}
.down-row .down-cover img{}


.download-col {
    padding: 30px;
    background: #fff;
    border-radius: 30px;
    flex-basis: 50%;
}
.download-col h2{display:flex;gap:30px;font-weight: 500;align-items: center;gap: 30px;margin: 0;color: #367D7E;padding-bottom: 30px;border-bottom: 1px solid #367D7E;}

.download-col h2 span{
    font-size: clamp(2.4rem, 2.08rem + 1vw, 4rem);
}

.download-col h2 strong{
    font-size: clamp(1.6rem, 1.52rem + 0.25vw, 1.8rem);
    font-weight: 400;
    line-height: 1.2;
}

.download-col .excel-block {}

.download-col .excel-block h5 { color: #74777A; font-size: clamp(1.2rem,  1.16rem + 0.125vw, 1.4rem); margin-bottom: 10px;  margin-top: 34px; }
.download-col .excel-block ul.excel-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.download-col .excel-block ul.excel-list li {
    padding-left: 20px;
    margin-bottom: 3px;
    font-size: clamp(1.2rem,1.36rem + 0.125vw, 1.4rem);
    position: relative;
}

.download-col .excel-block ul.excel-list li:after {content:'\efd8'; font-family:'icomoon'; color:#367D7E; position:absolute; left:0;}


















.share-row {
    display: flex;
    gap: 60px;
}

.share-row .col-left {
    flex-basis: 50%;
}

.share-row  .col-right {
    flex-basis: 50%;
    box-sizing: border-box;
    background: #777776;
    padding: 60px;
    position: relative;
    border-radius: 30px;
}

.share-row .col-right * {
    color: #fff;
}

.info {
    background: #DEDFDE;
    padding: 60px;
    border-radius: 30px;
}

.info .row {
    display: flex;
    gap: 40px;
    margin-top: 30px;
}

.directors-block {
    background: #F2F3F2;
    padding: 60px;
    border-radius: 30px;
    margin-bottom: 30px;
}

.directors-block * {
    color: #204653;
}

.shareholder-table {
    border: 1px solid;
    padding: 60px;
    box-sizing: border-box;
    border-radius: 30px;
    margin-bottom: 30px;
}

.share-row .col-right h3 {
    font-size: clamp(1.3rem, 2vw + 1rem, 3.7rem);
    margin-top: 0;
    font-weight: 300;
}

.shareholder-table h3 {
    font-size: clamp(1.3rem, 2vw + 1rem, 3.7rem);
    margin-top: 0;
}


.share-row .col-right .forward img {
    margin: 0 -60px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.info h4 {
    color: #000;
    font-size: 30px;
    margin: 0 0 30px 0;
}

.info .row p {
}

.shareholder-table tr.finthin td, .shareholder-table tr.finthin th {
    font-size: 12px;
}

.share-row .col-right p {
    font-size: 18px;
}


















a.exl {
  background: transparent;
  border-radius: 5px;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  margin: 5px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 60px;
  float: right;
  margin-bottom: 15px;
}

a.exl span i {
		color: #49898A;
		font-size: 40px;
}


.buttons {
    display: block;
    position: relative;
    min-height: 70px;
    margin-bottom: 5px;
    margin-top: 20px;
    padding: 5px;
}

.graph-trigger span { cursor:pointer;}



/*table tr.active {background-color: #f0f0f0; }	*/
	.table-row{display: flex}	
	.table-col{position: relative;flex-basis: 75%;flex-grow: 1;transition: .85s linear all;}	
	.graph-col{position: relative;overflow: hidden;flex-basis: 0%;flex-grow: 0;padding-left: 0;transition: .85s linear all!important;}	
	.graph-col.open{flex-basis: 25%;flex-grow: 0;transition: .85s linear all!important;padding-left: 60px;overflow: visible;}	
	
.graph-trigger{display: inline-block;height: 60px;line-height: 60px;margin: 5px;position: relative;text-align: center;vertical-align: middle;width: 60px;float: right;border-radius: 5px;margin-bottom: 15px;}
.graph-trigger i{color: #49898A;font-size: 40px;}

.graph-container {
    min-width: 310px;
    min-height: 400px;
    margin: 0 auto;
    position: sticky;
    top: 0;
    padding-top: 30px;
}


.btns {}

.btns ul.download-btns {
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    padding: 0;
}

.btns ul.download-btns li {
    flex-basis: 33%;
    font-size: clamp(0.5625rem, 0.4867rem + 0.3236vw, 0.875rem);
    color: #fff;
    text-align: center;
    height: 26px;
    padding-top: 60px;
    line-height: 1;
    position: relative;
}

.btns ul.download-btns li a {
    color: #fff;
    font-size: clamp(1.0rem, 2vw + 1rem, 1.0rem);
    line-height: 1;
    vertical-align: bottom;
}

.btns ul.download-btns li:after {
    width: 40px;
    height: 40px;
    background: #fff;
    position: absolute;
    content: '\efd5';
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    border: 1px solid #204653;
    color: #204653;
    font-family: 'icomoon';
    line-height: 40px;
    font-size: 13px;
    text-align: center;
}

.downloads-acc {}

.downloads-acc h4.accord-trig {
    background: none;
    padding: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
    color: #fff;
    font-size: clamp(1.0rem, 2vw + 1rem, 2.0rem);
}


.accord-home ul {
    padding: 0;
    list-style: none;
}

.accord-home ul li {
    font-weight: 200;
    font-size: clamp(0.8rem, 2vw + 1rem, 1.1rem);
    margin-bottom: 10px;
}

.accord-home ul li a {
    color: #fff;
    font-weight: 300;
}

.accord-home {
    /* border-bottom: 1px solid #fff; */
    overflow: hidden;
    position: relative;
    height: 0;
}
.accord-home.open{ height: auto; }




.accord-trig:after {
    position: absolute;
    color: #fff;
    top: 10px;
    font-size: 16px;
    right: 15px;
    z-index: 999;
}



.gap-60{gap:60px;}












/*--------------8* SWITCH COLOURS------------*/
.switch-white{ color: #fff!important}
.switch-black{ color: #000!important}
.switch-grey{ color: #49898A!important}
.switch-lightgrey{color: #7A919B!important;}


/*--------9* FONT-WEIGHT RESETS----------*/

.B100 {
  font-weight: 100!important;
}
.B200 {
  font-weight: 200!important;
}
.B300 {
  font-weight: 300!important;
}
.B400 {
  font-weight: 400!important;
}
.B500 {
  font-weight: 500!important;
}
.B600 {
  font-weight: 600!important;
}



/*-----------10* 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;
}





/*------------11* 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;
}


/*--------------11* FOOTER------------*/


/*--------------12* ACCORDION------------*/

.accordion {max-width: 93%;margin: 0 auto;margin-bottom:15px;}
h4.expand a {font-size: clamp(1.0rem, 2vw + 1rem, 1.6rem);margin-bottom: 15px;padding: 20px 25px 20px 70px;position: relative;background: #367D7E;color: #fff;border-radius: 50px;}
.expand a {display:block;}
.expand a, .expand a {color:#7EA7A7;text-decoration:none;}
.expand a.open, .expand a.open {color: #fff;}
h4.expand a:after{content: '+';position: absolute;border-radius: 50%;width: 35px;height: 35px;text-align: center;line-height: 35px;font-size: 20px;color: #fff;left: 15px;top: 48%;transform: translateY(-50%)}
h4.expand a.open:after{content: '-';position: absolute;border-radius: 50%;width: 35px;height: 35px;text-align: center;line-height: 35px;color: #fff;}
.accordion h3 {color:#7A919B;font-size: clamp(1.25rem, 1.0225rem + 0.9709vw, 2rem);font-weight:bold;margin-bottom:0px;text-transform:none;margin-top:20px;}
.accordion h5 {color:#548D8F; font-size:16px; margin-bottom:5px; margin-top:0px;}
.accordion h6 {color:#000; font-size:16px; margin-bottom:0px;}






/*FINANCIALS*/

.fin-tbl tr:hover {background:#F8F6F3; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
tr.no-hover:hover {color:#404042!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 {font-size:clamp(1.0rem, 2vw + 1rem, 1.6rem); padding: 3px 10px 3px 3px;line-height: 1.5;font-weight: 300;}
.fin-tbl th {color:#4C4D4F; font-weight:bold; background:#D1E1E3; /*line-height:1.3;*/line-height: 1.5; padding:3px 10px 3px 3px;font-size:clamp(1.0rem, 2vw + 1rem, 1.6rem);} /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/

.finthickline{ border-bottom: 2px solid #A7A9AC;}	
.finthicklinegreen {border-bottom: 3px solid #49898A;}	
.finheader-grey{ color: #BEAD9B; font-weight: 500 !important}
.finteal-head {background: #49898A;color: #fff;border-bottom: 3px solid #49898A;}
.finteal-head-darkgrey {background:#ECEDED; border-bottom: 3px solid #49898A;}
.fingrey-header{ color: #fff; background:#6D8792; font-weight: bold;}
.finthin {border-bottom:1px solid #A7A9AC;}
.fintopleft {border-top:1px solid #A7A9AC; border-left:1px solid #A7A9AC;}
.fintopright {border-top:1px solid #A7A9AC; border-right:1px solid #A7A9AC;}
.finbotleft {border-bottom:1px solid #A7A9AC; border-left:1px solid #A7A9AC;}
.finbotright {border-bottom:1px solid #A7A9AC; border-right:1px solid #A7A9AC;}
.finleft {border-left:1px solid #A7A9AC;}
.finright {border-right:1px solid #A7A9AC;}
.fintop {border-top:1px solid #A7A9AC;}
.finbottom {border-bottom:1px solid #A7A9AC;}
tr.finthickerline td, tr.finthickerline th {border-bottom:3px solid #A7A9AC;}
tr.finthickline td, tr.finthickline th {border-bottom:2px solid #A7A9AC;}
tr.finthicklinegreen td, tr.finthicklinegreen th {border-bottom:3px solid #49898A;}
tr.finthin td, tr.finthin th {border-bottom:1px solid #A7A9AC;}
.finrowleft {border-top:1px solid#A7A9AC; border-left:1px solid #A7A9AC; border-bottom:1px solid #A7A9AC;}
.finrowright {border-top:1px solid #A7A9AC; border-right:1px solid #A7A9AC;border-bottom:1px solid #A7A9AC;}
.finheader-row {border-bottom: 2px solid #6D8792}
.finheader-row-cell {border-bottom: 2px solid #6D8792}
.finrow{border-top:1px solid #A7A9AC; border-bottom:1px solid #A7A9AC;} 
.div-greyheader{border-radius: 25px;padding: 5px;}
.greyheader-block {background:#7B919B; color:#fff;}

.no-italic { font-style: normal;}
.fincaption {font-size:12px!important; font-style:italic;}
.fincaption span {font-style:normal;}
.fin-tbl tr td[width~="1"],
.fin-tbl tr th[width~="1"]{padding: 0;}
.fin-tbl tr td[width~="5"],
.fin-tbl tr th[width~="5"]{padding: 0;}
.fin-tbl tr td[height~="10"],
.fin-tbl tr th[height~="10"]{padding: 0;}


ul.list{margin: 0; padding: 0; list-style-type: disc; padding-left: 20px; margin-bottom: 15px;}
ul.list li{line-height: 1.7;font-weight: 300;font-size: 14px;padding-left:0px;font-size: clamp(1.0rem, 2vw + 1rem, 1.6rem);}

ul.dash-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 15px;
}

ul.dash-list li {
    line-height: 1.7;
    font-weight: 300;
	font-size: 14px;
    font-size: clamp(1.0rem, 2vw + 1rem, 1.6rem);
    position: relative;
    padding-left: 15px;
}

ul.dash-list li::before {
    content: "–";
    position: absolute;
    left: 0;
    color: inherit;
}





#myBtn {display:block;position:fixed;bottom:90px;right:55px;z-index:99;border:none;outline: none;background-color:#E4DFD7;color: #000;cursor: pointer;padding: 15px;border-radius: 50%;width: 50px;height: 50px;font-size: 15px;font-weight:bold;}


.menu-trigger{}

.menu-trigger span{  display: block;  width: 33px;  height: 4px;  margin-bottom: 5px;  position: relative;  background: #7EA7A7;  border-radius: 3px;  z-index: 1;  transform-origin: 4px 0px;  transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}

.menu-trigger span:first-child{  transform-origin: 0% 0%;}
.menu-trigger span:nth-last-child(2){  transform-origin: 0% 100%;}
.menu-trigger.active span{  opacity: 1;  transform: rotate(45deg) translate(-7px, -12px);  background: #7EA7A7; transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0),    }
.menu-trigger.active span:nth-last-child(3){  opacity: 0;  transform: rotate(0deg) scale(0.2, 0.2)  translate(35px, -1px);}
.menu-trigger.active  span:nth-last-child(2){  transform: rotate(-45deg) translate(-6px, 14px);}
.menu-trigger {    cursor: pointer;    z-index: 13;   display: none;}










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


	
	
	
	
	
	
	
}



@media screen and (max-width: 1440px) {	
nav {
    flex-basis: 60%;
}
.home-banner .home-row .home-block {
    flex-basis: 80%;
}
section.highlights .fin-col .col-50 .highlight h3 {

    font-size: clamp(1.8rem, 2.48rem + 1.625vw, 2.9rem);
   
}

	
section.salient > article >.row .feature {
    flex-basis: 42%;

}	
	
	
	
footer article h2 {

    flex-basis: 70%;

}
	
	
	nav ul li {
    font-size: clamp(1.0rem, 2vw + 1rem, 1.4rem);
}

	
	
	.scrollable{
		overflow: scroll;
	}

	.downloads-acc h4.accord-trig {
    	font-size: clamp(0.8rem, 2vw + 1rem, 1.6rem);
	}
	
	body.mm02 nav ul li.mm02 a, body.mm03 nav ul li.mm03 a, body.mm04 nav ul li.mm04 a, body.mm05 nav ul li.mm05 a, body.mm06 nav ul li.mm06 a {
    	padding-top: 45px;
	}

	
	
}



@media screen and (max-width: 1370px) {
   .cover-col img {
    max-width: 100%;
}

nav {flex-basis: 65%;}
section.salient > article >.row .feature {
    flex-basis: 42%;
 
}	
	
}	




@media screen and (max-width: 1280px) {
     
	
	
	
	.logo img {
    
    width: 160px;
}
nav ul li a img {
    display: none;
}	


	
	
footer article h1:last-of-type {
    flex-basis: 28%;
}	
	

	
}






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

    section.salient > article >.row .feature {
        flex-basis: 100%;
    }	
	.home-banner .home-row .home-block h1 strong {
    font-size: clamp(1.6rem, 1.8rem + 0.625vw, 2.0rem);
  
}

section.highlights .highlight-row {
    gap: 0;
    flex-wrap: wrap;
}	
	
	section.highlights .ceo-col {
    flex-basis: 50%;
    border-bottom: 90px solid #367D7E;
}
	
	section.highlights .copy-col {
    flex-basis: 44%;
    box-sizing: border-box;
    border-bottom: 90px solid #367D7E;
}
	
section.highlights .fin-col {
    flex-basis: 100%;
	box-sizing: border-box;
}	

section.page-banner h3 {
    position: relative;
}	
	
section.page-banner img {
    max-width: 100%;
}	
}









@media screen and (max-width: 1080px) { 
	
	
	
		
header article {justify-content: normal;}	

	
	
	
	
	
	
	
	
	
	
nav ul li {flex-basis: 100%;    }

nav ul {display: block;justify-content: space-between;padding: 0;}	

.menu-trigger{display: block; position: absolute; right: 40px;}
	
.graph-trigger {display: none;}	
	
nav {
    flex-basis: auto;
    position: absolute;
    top: 77%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 92px);
    background: #fff;
    z-index: 1001;
    overflow: hidden;
    display: none;
    box-sizing: border-box;
}	

nav ul li a img { display: none;}	
	
	
	
    body.mm02 nav ul li.mm02 a, body.mm03 nav ul li.mm03 a, body.mm04 nav ul li.mm04 a, body.mm05 nav ul li.mm05 a, body.mm06 nav ul li.mm06 a {
        padding-top: 0;
    }	
	   
	

}
@media screen and (max-width: 980px) {
 .banner img { display: none;}
	
	
.home-banner { background-position: 72% 0;}	
	
	.download-col {
    flex-basis: 85%;
}	
	
	
  
	
	
}	
@media screen and (max-width: 980px) {
	
}
@media screen and (max-width: 768px) {	
 
	.row{ flex-wrap: wrap;}
	
	
	
	    footer article h1:last-of-type {
        flex-basis: 43%;
    }
	
	
	.home-banner .home-row .home-cover {
    display: none;
}
.home-banner .home-row .home-block {
        flex-basis: 100%;
    }	
.home-banner {
    min-height: 68vh;
    padding-top: 30px;
    margin-top: -30px;
}	
    .home-banner {
        background-position: 100% 0;
    }	

    .home-banner .home-row .home-block h1 strong {
        font-size: clamp(1.6rem, 1.8rem + 0.625vw, 1.6rem);
    }	
	
	.share-row .col-left {
    flex-basis: 100%;
}
	
.share-row {
   
    flex-wrap: wrap;
}	
	
.share-row .col-right {
    flex-basis: 100%;

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

	
    header article {
        justify-content: normal;
        flex-wrap: wrap;
    }	
	
	    header h1 {
        flex-basis: 100%;
        flex-wrap: wrap;
        text-align: center;
    }
	
	
	header h1 big {
    margin: 0 auto;
    display: block;
    font-size: clamp(1.8rem, 2vw + 1rem, 4.8rem);
}
	
    header h1 span {
        font-size: clamp(1.0rem, 2vw + 1rem, 1.3rem);
        display: block;
    }	
	
footer article h1:last-of-type {flex-basis: 100%;}
	
    footer article h2 {
        flex-basis: 100%;
    }	
	
}
@media screen and (max-width: 667px) {

p {font-size: clamp(1.0rem, 2vw + 1rem, 1.4rem);}
	
	
	
	
	
}
@media screen and (max-width: 640px) { 
	
	
footer article {
    padding: 20px 15px;
    flex-wrap: wrap;
    text-align: center;
}	
	
footer article p {flex-basis: 100%;}	
	
footer article h1 {flex-basis: 100%;}	
article { padding: 0 30px;}	
footer article h1:last-of-type {flex-basis: 100%;}	
   
}
@media screen and (max-width: 480px) {	
	    .home-banner .home-row .home-block h1 {
        padding: 10px 20px 10px 5%;
        gap: 20px;
        left: -10%;
    }
	
	.home-banner .home-row {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
	.home-banner .home-row .home-three {
	    margin-top: 0px;
    flex-basis: 100%;
}
	
	
	
   
.logo img {width: 150px;}	

	
.home-banner .home-row .home-block h1 {
    padding: 10px 20px 10px 5%;
    gap: 20px;
    left: -8%;
}	
	
	
   .home-banner {
        min-height: 89vh;
        padding-top: 15px;
        margin-top: -15px;
    }	
	
	section.highlights .copy-col p.ceo-name {
    position: absolute;
    bottom: auto;
    left: 25px;
    color: #fff;
    top: -55px;
}
	
section.page-banner h3 {padding: 10px 15% 10px 40px;}
.shareholder-table {padding: 30px; box-sizing: border-box;}	
.directors-block {padding: 30px; box-sizing: border-box;}
.info {padding: 30px;box-sizing: border-box;}
.info h4 {
    color: #000;
    font-size: 20px;
    margin: 0 0 30px 0;
}	
	
.directors-block h4 {
    font-size: 20px;
}	
    .share-row .col-right {
        flex-basis: 100%;
        padding: 30px;
    }	
	.down-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
	
.download-col .excel-block ul.excel-list li {
    margin-bottom: 7px;
    font-size: clamp(1.2rem, 1.36rem + 0.125vw, 1.0rem);
}	
	
	
	
	
	
.down-row .down-three {
    margin-top: 10px;
}	
.download-col .excel-block ul.excel-list li:after {top: 0;}	
	
	
section.highlights .ceo-col {flex-basis: 100%; border-bottom: 90px solid #367D7E;}
section.highlights .copy-col {flex-basis: 100%; }	
section.highlights .fin-col { flex-wrap: wrap; }	
	
.col-50 {flex-basis: 100%;}	
	
section.highlights .fin-col .col-50 { padding-bottom: 0;}	
	
section.salient > article >.row .feature {
        flex-basis: 100%;
        margin-left: 0;
    }	
	
	section.salient > article >.row .feature .icon {
    border-radius: 50%;
    background: #367D7E;
    width: 30px;
    padding: 10px;
    position: relative;
    left: 40%;
    top: 0;
    height: 30px;
    text-align: center;
    margin-bottom: 30px;
}
section.salient > article >.row .feature .icon:after {content:'';width: 60px;height: 60px;}
section.salient > article >.row .feature > p {
    font-size: 14px;
}	
section.salient > article >.row .feature > p big {
    font-size: 16px;

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