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


/*----2.3* TRANSITIONS----*/
/**:not(nav):not(body):not(html) {
  scroll-behavior: smooth;
  transition: .4s linear all;
  -moz-transition: .4s linear all;
  -webkit-transition: .4s linear all;
  -ms-transition: .4s linear all;
}*/


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: "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
hr {
  width: 100%
}
input, input:focus, select, select:focus {
  outline: none;
  border: 0;
}



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




/*--------------4* TYPOGRAPHY------------*/
h1 {
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 0;
  font-size: clamp(1.8rem, calc(1.8 / 80 * 100vw), 3.2rem);
  position: relative;
  z-index: 1;
}
h1 span {
  color: #000;
  background: #fff;
  z-index: 3;
  position: relative;
  padding-right: 30px;
}
h2 {
  color: #000;
}
h3 {
  color: #000;
  font-size: 35px;
  font-weight: 400;
  margin: 40px 0 15px 0;
  line-height:1.2;
  text-transform: uppercase;
}
h4 {
  color: #000;
  font-size: 25px;
  font-weight: 600;
  margin: 0 0 0px 0;
  line-height:1.1;
  margin-top:20px;
}
h5 {
  color: #000;
  font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 2rem);
  font-weight: 600;
   line-height:1.1;  
}

h6 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
   line-height:1.1; 
   margin-bottom:0px;
   margin-top: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: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 300;
  color: #4C4D4F;
  margin: 0;
  width: 100%;
  background:#fff /*#F3F4F4*/;
}
p {
  font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);
  margin-bottom: 15px;
  line-height: 1.5;
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 300;
  color: #4C4D4F;
  margin-top: 0px;
}

header h2 {
    font-size: clamp(1.6rem, calc(1.6 / 80 * 100vw), 2.8rem);
    padding: 0;
    margin: 0;
    line-height: 1.3;
    font-weight: 100;
}

header h2 span.year {
    color: #CE202A;
    font-weight: 700;
}

p.intro {
    font-size: clamp(1.4rem, calc(1.4 / 80 * 100vw), 2.2rem);
}


ol {}

ol li {
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.4rem);
}

/*--------------5* LAYOUT STYLES------------*/
.top-row {
    display: flex;
    width: 100%;
    border-top: 1px solid #000;
    margin-top: 20px;
}

.heading-row {
    display: flex;
    border-bottom: 1px solid #000;
    width: 100%;
}

.toggle-comm {
    display: flex;
    flex-basis: calc(100% - 90px);
}

.next-prev {
    display: flex;
    padding-top: 5px;
    column-gap: 5px;
}

.heading {
    flex-basis: 64%;
}

.nav-row {
    flex-basis: 61%;
    display: flex;
}

.right-nav {
    flex-basis: calc(100% - 170px);
    box-sizing: border-box;
    padding-left: 30px;
    height: -webkit-fit-content;
}

header {
    margin-bottom: 30px;
}

header article {
    max-width: 1660px;
    padding: 0 90px;
    margin: 0 auto;
    position: relative;
}

.toggle-comm div {
    height: -webkit-fit-content;
    padding: 10px 15px;
    cursor: pointer;
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);
}

.toggle-comm div.active {
    background: #E52E26;
    color: #fff;
}

.toggle-comm div.active a {
    color: #fff;
}

.menu-next-prev {
    flex-basis: 90px;
}

.menu-next-prev .menu-trigger {
    background: #000;
    padding: 20px 20px;
    color: #fff;
    text-align: center;
    font-size: clamp(1.1rem, calc(1.1 / 80 * 100vw), 1.6rem);
}

.next-prev .prev {
    background: #000;
    flex-basis: 50%;
    height: 43px;
    position: relative;
}

.menu-next-prev .next {
    background: #000;
    flex-basis: 50%;
    position: relative;
}

.next-prev .prev a span {
    display: block;
    width: 15px;
    height: 15px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg) translate(-50%, -50%);
    position: absolute;
    top: 63%;
    left: 43%;
}

.menu-next-prev .next a span {
    display: block;
    width: 15px;
    height: 15px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) translate(-50%, -50%);
    position: absolute;
    top: 35%;
    left: 47%;
}

.breadcrumb {
    padding-top: 5px;
    font-size: clamp(1.0rem, calc(1.0 / 80 * 100vw), 1.6rem);
    position: relative;
}

.breadcrumb a {
    color: #E52E26;
}

.breadcrumb span {
    color: #E52E26;
}


a.agm-btn {
    padding: 10px 15px;
    cursor: pointer;
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);
    position: absolute;
    background: #E52E26;
    color: #fff;
    right: 0;
    margin-top: 15px;
    padding-left: 50px;
}

a.agm-btn:after {
    font-family: 'icomoon';
    content: "\ea5a";
    position: absolute;
    left: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    top: 4px;
}

a.agm-btn:hover{border:1px solid #000; background:#fff; color:#000}

a.agm-btn:hover:after{color:#000;}

.logo {
    padding-right: 20px;
    flex-basis: 150px;
}

.logo img {
    max-width: 100%;
}

.pre {
    background: #000;
    flex-basis: 50%;
    height: 43px;
    position: relative;
}

.nex {
    background: #000;
    flex-basis: 50%;
    position: relative;
}

.nex-pre {
    display: flex;
    flex-basis: 100px;
    column-gap: 5px;
}

footer .row {display: flex;border-bottom: 1px solid #000;border-top: 1px solid #000;padding: 0px 0;}

footer .row .col {
    flex-basis: 50%;
    align-self: center;
}

footer article {
    max-width: 1660px;
    padding: 0 90px;
    margin: 0 auto;
    position: relative;
}

.nex:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) translate(-50%, -50%);
    position: absolute;
    top: 35%;
    left: 47%;
}

.pre:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg) translate(-50%, -50%);
    position: absolute;
    top: 63%;
    left: 43%;
}





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





/*--------------7* PAGE STYLES------------*/ 
section article {
    max-width: 1660px;
    padding: 0 90px;
    margin: 0 auto;
    position: relative;
}

section {
}

section article .row {
    display: flex;
}

.footer-img-col {
    height: -webkit-fit-content;
    border-right: 1px solid #000;
    padding: 15px;
    padding-left: 0;
}

.footer-img-col img {
    display: block;
}

footer {
    padding-bottom: 10px;
}

.download-col {
    padding-left: 15px;
}

footer .row:last-of-type {
    border-top: 0;
}

.download-col h2 {
    padding-bottom: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #000;
    margin-top: 30px;
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.8rem);
    font-weight: 200;
}

a.download-btn {
    position: relative;
    padding-left: 60px;
    color: #000;
    line-height: 16px;
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.4rem);
    margin-top: 7px;
    display: block;
}

a.download-btn:after {
    content: '\ef32';
    width: 40px;
    height: 30px;
    background: #E52E26;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'icomoon';
    color: #fff;
    text-align: center;
    line-height: 30px;
}

ul.home-nav-list li {
    position: relative;
    padding-left: 60px;
    margin-bottom: 15px;
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);
}

ul.home-nav-list li:after {
    content: '\ef32';
    width: 40px;
    height: 30px;
    background: #E52E26;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'icomoon';
    color: #fff;
    text-align: center;
    line-height: 30px;
}

ul.home-nav-list {
    list-style: none;
    padding: 0;
    margin: 45px 0;
}

.nav-col {
    padding-right: 45px;
    flex-basis: 33.33%;
}

.img-col {
    flex-basis: 33.33%;
}

.mm01 section article .row {
    border-bottom: 1px solid #000;
    margin-bottom: 45px;
}

.mm01 section:first-of-type article .row .nav-col {
    flex-basis: 66.66%;
}



.mm01 section:last-of-type article .row {
    padding:15px 30px;
    margin-bottom: 0;
}


ul.home-nav-list li a {
    color: #000;
    line-height: 38px;
}

h1:after {
    content: '';
    border-bottom: 1px solid #000;
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 0;
}


nav {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 100%;
    top: 240px;
    display: none;
}

nav article {
    max-width: 1660px;
    padding: 0 90px;
    margin: 0 auto;
    position: relative;
    background: #fff;
}

nav .nav-row {}

nav .nav-row .nav-col {
    flex-basis: 14.44%;
    padding: 0;
    padding: 0 15px;
    box-sizing: border-box;
}

nav .nav-row .nav-col h4 {
    margin: 0;
    padding: 30px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #E52E26;
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);
    text-align: center;
    min-height: 35px;
}

nav .nav-row .nav-col ul.nav-list {
    list-style: none;
    padding: 0;
}

nav .nav-row .nav-col ul.nav-list li {
    font-size: clamp(1.0rem, calc(1.0 / 80 * 100vw), 1.2rem);
    position: relative;
    padding-left: 35px;
    line-height: 15px;
    padding-bottom: 14px;
    padding-top: 5px;
}

nav .nav-row .nav-col ul.nav-list li:after {
    content: '\ef32';
    width: 30px;
    height: 30px;
    background: #E52E26;
    position: absolute;
    left: 0px;
    top: 40%;
    transform: translateY(-50%);
    font-family: 'icomoon';
    color: #fff;
    text-align: center;
    line-height: 30px;
}
h4.left-col-heading {
    background: #000;
    margin: -20px;
    color: #fff;
    margin-bottom: 30px;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    font-weight: 100;
}

h4.left-col-heading + p {
    font-size: 18px;
    font-weight: 600;
}

.left-col .report {
    border-top: 1px solid #000;
    padding: 20px 0;
}

.left-col .report h4 {
    font-size: 18px;
    color: #000;
}
.tab-row { display: flex;flex-wrap: wrap;}

.tab-row .heading-row {background: #000;flex-basis: 100%;width: 100%;color: #fff;font-size: 25px;text-align: center;justify-content: center;padding: 15px;}

.tab-row .figure-col {display: flex;gap: 20px;flex-basis: 50%;}

.tab-row .figure-col .col-2 {flex-basis: 50%;}

.tab-row .list-col {flex-basis: 50%;display: flex;gap:2%;}

.tab-row .brands-col {flex-basis: 50%;}

.tab-row .image-col {flex-basis: 50%;}

/*--------------7.1* HOME PAGE------------*/

ol.letter{ list-style: lower-alpha;font-size: 14px;}
ol.letter li{}

.mid-col {
    flex-basis: 60%;
    padding: 20px;
    box-sizing: border-box;
}

.left-col {
    flex-basis: 20%;
    box-sizing: border-box;
    padding: 20px;
}

.right-col {
    flex-basis: 20%;
    box-sizing: border-box;
    padding: 20px;
    padding-top: 0;
}

.full-col {
    flex-basis: 80%;
    box-sizing: border-box;
    padding: 20px;
    padding-top: 0;
}

.bg-grey { background: #EDEEED; }


.group-profile-right-tbl {
    margin-bottom: 45px;
}

.group-profile-right-tbl th {
    background: #000;
    color: #fff!important;
}

h4.left-col-heading.bg-red {
    background: #CC151D;
}
.figure-col .col-2 h3 {
    font-size: 45px;
    position: relative;
    width: 100%;
    text-transform: none;
    font-weight: 600;
    padding-bottom: 10px;
    color: #000;
}
.figure-col .col-2 h3 small {
  font-size: 20px;
  display: block;
  color: #000;
  font-weight: 100;
}


.figure-col .col-2 h3 span.arrow {
    position: absolute;
    top: -30px;
    font-size: 60%;
    margin-bottom: 60px;
    padding: 10px 10px;
    background: #000;
    height: 36px;
    margin-left: 20px;
    line-height: 28px;
    color: #fff;
    border-radius: 50%;
}
.figure-col .col-2 h3 span.arrow:after {
    content: "\ef30";
    font-family: 'icomoon';
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: -1px;
    left: 18px;
}
.figure-col .col-2 h3 span.arrow-down {position: absolute;top: -30px;font-size: 80%;margin-bottom: 60px;padding: 25px 15px;background: #fff;height: 43px;margin-left: 20px;color: #000;}
.figure-col .col-2 h3 span.arrow-down:before {
    content: "\ef34";
    font-family: 'icomoon';
    color: #000;
    text-align: center;
    position: absolute;
    bottom: 1px;
    left: 25px;
}

.figure-col .col-2 h3 span.arrow-minus {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 40px;
    top: 0;
}
.figure-col .col-2 h3 span.arrow-minus:before {
    content: "\ef0d";
    font-family: 'icomoon';
    color: #000;
    text-align: center;
    position: absolute;
 
}
.tab-row .list-col .col-2 {
    flex-basis: 50%;
}

ul.profile-tab-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #fff;
}

ul.profile-tab-list li {
    flex-basis: 25%;
    text-align: center;
    background: #000;
    padding: 20px 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    border-right: 1px solid #fff;
}

ul.profile-tab-list li.active {
    background: #fff;
    color: #000;
    border-bottom: 1px solid #000;
}

ul.profile-tab-list li:last-of-type {
    border-right: 0;
}

.mm01 .tab-row .figure-col {
    padding: 20px;
    box-sizing: border-box;
}


.mm01 .tab-row{/* background: #FAFAFA; */}


ul.leadership-tab-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #fff;
}

ul.leadership-tab-list li {
    flex-basis: 33.33%;
    text-align: center;
    background: #000;
    padding: 20px 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    border-right: 1px solid #fff;
}

ul.leadership-tab-list li.active {
    background: #FAFAFA;
    color: #000;
    border-bottom: 1px solid #000;
}

ul.leadership-tab-list li:last-of-type {
    border-right: 0;
}

.leadership-tab-container .tab-row .col-2 {
    flex-basis: 30%;
    padding: 30px;
    box-sizing: border-box;
    flex-grow: 1;
}

.leadership-tab-container .tab-row {
}


.mm01 .left-col img {
    width: 100%;
}


.mm01 .mid-col .tbl {
    flex-basis: calc(33.33% - 12px);
    box-sizing: border-box;
    background: #F1F1F1;
    padding: 0;
    margin-top: 0;
}

.col-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

ul.tick-cross-list {list-style: none; padding:0px;}
ul.tick-cross-list li {padding-left: 18px;position: relative;margin: 0 0 0px 0;line-height: 1.5;font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);}
ul.tick-cross-list li:before {content: '';position: absolute;left: 0px;top: 5px;}

ul.tick-cross-list li.tick:before {content: '\2713';color: green;font-size: 15px;top: 1px;}

ul.tick-cross-list li.cross:before {content: '\274C';color: red;font-size: 10px;}




.leadership-tab-container .tab-row .col-2 h4:last-of-type {
    margin-bottom: 30px;
}


.inv-img-col {
    flex-basis: calc(66.66% - 12px);
}

.tab-row .image-col img {
    width: 100%;
}



.who-row{display: flex;gap: 15px;}
.who-row .col-2{ background: #F3F3F3; flex-basis: 50%; padding: 30px; box-sizing: border-box;}



.who-row .col-2 ul.who-list{list-style: none;
    padding: 0;}
.who-row .col-2 ul.who-list li{
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 2.0rem);
    position: relative;
    padding-left: 45px;
    line-height: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #E52E26;
    }


.who-row .col-2 ul.who-list li:after{
    content: '\ef32';
    width: 30px;
    height: 30px;
    background: #000;
    position: absolute;
    left: 0;
    top: 5px;
    font-family: 'icomoon';
    color: #fff;
    text-align: center;
    line-height: 30px;
    }




.who-row .col-2 h4.bg-black{ display: inline-block; padding: 10px; background: #000; color: #fff;}


.value-row {
    display: flex;
}

.value-row .col-25 {
    flex-basis: 25%;
}

.value-row .col-75 {
    flex-basis: 75%;
    padding: 30px;
    box-sizing: border-box;
    background: #F3F3F3;
}

.value-row .col-75 h4.bg-black {
    display: inline-block;
    padding: 10px;
    background: #000;
    color: #fff;
}

.value-row .col-75 ul.who-list {
    list-style: none;
    padding: 0;
}

.value-row .col-75 ul.who-list li {
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 2.0rem);
    position: relative;
    padding-left: 45px;
    line-height: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #E52E26;
}

.value-row .col-75 ul.who-list li:after {
    content: '\ef32';
    width: 30px;
    height: 30px;
    background: #000;
    position: absolute;
    left: 0;
    top: 5px;
    font-family: 'icomoon';
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.value-row .col-75 .col-2 {
    flex-basis: 50%;
}

.invest-row {
    display: flex;
}


.invest-row .left-col{flex-basis: 25%;}
.invest-row .mid-col{flex-basis: 75%;}




.invest-row .col-25 {
    flex-basis: 25%;
	padding: 30px; padding-left: 0;
}



.invest-row .col-55 {flex-basis: 55%;padding: 30px; padding-left: 0;}
.invest-row .col-45 {flex-basis: 45%;padding: 30px; padding-left: 0;}
.invest-row .col-75 {flex-basis: 75%;padding: 30px; padding-left: 0;}

.invest-row .col-33 { flex-basis: 33.33%; padding: 30px; padding-left: 0;}

.mid-col.col-row .tbl{margin-top: 0;padding: 0;flex-basis: calc(33.33% - 10px);}



.row .col-33 { flex-basis: 33.33%; padding: 30px; box-sizing: border-box}


.row-value{display: flex;margin-top: 30px;}
.row-value .col-4 {
    flex-basis: 25%;
    border-right: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    padding: 60px 30px;
    text-align: center;
    font-size: 22px;
}
.row-value .col-4:last-of-type{ border: 0;}
.row-value .col-4:after{    content: '\ef34';
    width: 30px;
    height: 30px;
    background: #E52E26;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
    font-family: 'icomoon';
    color: #fff;
    text-align: center;
    line-height: 30px;}



.intro-blue {color:#002B58; font-size:20px;}
ul.arrow-list-key {list-style: none; padding:0px;}
ul.arrow-list-key li {padding-left: 15px; position: relative; margin-bottom: 0;}
ul.arrow-list-key li:before {content: ''; border-right: 1px solid #4C4D4F; border-bottom: 1px solid #4C4D4F; width: 4px; height: 4px; transform: translateY(-50%) rotate(-45deg); position: absolute;left: 0px;top: 11px;}

.switch-lightblue {color:#32AAE1;}

label {-webkit-perspective: 1000px; perspective: 1000px;-webkit-transform-style: preserve-3d; transform-style: preserve-3d; display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); cursor: pointer;}
.card {position: relative;height: 100%;width: 100%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 600ms;transition: all 600ms;z-index: 20;border: 2px solid #002C57;}
.card .front, .card .back {position: absolute; height: 100%; width: 100%; background: #FFF; text-align: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; overflow:scroll;}
.card .back {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);overflow-y:scroll;padding: 20px;box-sizing: border-box;}
label:hover .card {-webkit-transform: rotateX(20deg); transform: rotateX(20deg); box-shadow: 0 20px 20px rgba(50, 50, 50, 0.2);}
input {display: none;}
:checked + .card {transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}
label:hover :checked + .card {transform: rotateX(180deg); -webkit-transform: rotateX(180deg); box-shadow: 0 20px 20px rgba(255, 255, 255, 0.2);}


.directors-block{width: calc(25% - 15px);margin-right: 15px;float: left;margin-bottom: 20px;position: relative;height: 500px;}
.directors-block:nth-child(4+0) {margin-right: 0px;}


.exec-table {display:table; width:100%; margin-top:3em;}
.exec-table-cell {display:table-cell;width:23.5%;border: 2px solid #002A58;padding: 15px 0px 0 0;}
.exec-table-spacer {display:table-cell; width:2%;}
.exec-table-cell img {text-align:center;display: block;margin: 0 auto;}
.grey-block-none {background:#E5E6E6;padding:15px;height: 200px;position:relative;}
.grey-block-bkr {background: #E2E3EA;padding:15px;height: 289px;position:relative;}
.grey-block-bkr:after {content:'+';position:absolute;bottom: 30px;right:15px;font-size:25px;height:25px;color: #002C57;font-weight:bold;}

.blue-square {position:relative; margin-left:30px;}
.blue-square:before {content:''; background:#2CA9E0; position:absolute; top:5px; left:-30px; display:block; width:15px; height:15px;}
.red-square {position:relative; margin-left:30px;}
.red-square:before {content:''; background:#CF212B; position:absolute; top:5px; left:-30px; display:block; width:15px; height:15px;}
.grey-square {position:relative; margin-left:30px;}
.grey-square:before {content:''; background:#A9ABAE; position:absolute; top:5px; left:-30px; display:block; width:15px; height:15px;}
.darkgrey-square {position:relative; margin-left:30px;}
.darkgrey-square:before {content:''; background:#64768F; position:absolute; top:5px; left:-30px; display:block; width:15px; height:15px;}
.orange-square {position:relative; margin-left:30px;}
.orange-square:before {content:''; background:#F3951C; position:absolute; top:5px; left:-30px; display:block; width:15px; height:15px;}
.green-square {position:relative; margin-left:30px;}
.green-square:before {content:''; background:#8DB345; position:absolute; top:5px; left:-30px; display:block; width:15px; height:15px;}

.board-boxing {border-top:1px solid #D6292F; border-right:1px solid #D6292F; padding:15px 15px 15px 0px; position:relative;}
.board-boxing:after {content:''; position:absolute; bottom:-4px; right:-5px; width:10px; height:10px; display:block; background:#D6292F; border-radius:50%;}
.board-boxing:before {content:''; position:absolute; top:-5px; left:0px; width:1px; height:10px; display:block; background:#D6292F;}
.board-table {display:table; width:100%;}
.board-table div {display:table-cell; padding:15px; box-sizing:border-box;}
.board-table div:nth-child(1) {width:28%; background:#ECEDED;}
.board-table div:nth-child(2) {width:2%;}
.board-table div:nth-child(3) {width:70%; background:#ECEDED;}
	
	
	
	
	
	
	
.card .back p {
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.4rem);
}

.card .back li {
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.4rem);
}

.card .front, .card .back img {
    max-width: 100%;
}	
	
	
.card .front img {
    max-width: 100%;
    display: block;
}	










/*--------------8* SWITCH COLOURS------------*/
.switch-white{ color: #fff!important}
.switch-grey{ color: #949DAF!important}
.text-grey{ background: #949DAF!important; color: #fff; padding: 10px; margin: 0 -30px; font-size: 22px;}


/*--------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;padding: 0;}
.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------------*/