/*
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: initial;
}
::-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;
}
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;}
h2 {color: #495663;font-size: 45px;margin-bottom: 30px;padding-right: 250px;padding-bottom: 10px;border-bottom: 1px solid #E82C27;position: relative;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;}
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;  font-size: 100%;  margin: 0;  width: 100%;  background: #fff /*#F3F4F4*/ ;}
/* 1. BODY STYLES */
h1 span { color: #C61D40; }
h3{    color: #4A5663;    font-size: 20px;    font-weight: 100;font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";font-style: normal;}
h4{color: #CD202A;font-size: 18px;font-weight: 600;font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";font-style: normal;margin-bottom: 0; line-height:1.4;}
p {font-size: 16px; 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;}
.intro-18 {
    font-size: 20px!important;
    font-weight: 100!important;
}
.info h4 {
    margin-bottom: 0;
    font-weight: 600;
    color: #44617C;
}


















/*--------------5* LAYOUT STYLES------------*/

header {position: absolute;width: 100%;padding: 0px 0;z-index: 13;top: 0;}
header.open {z-index: 16;}
header{height: 90px;border-bottom: 1px solid #E82C27;display: none;}
header .logo2{display: block;text-align: center;margin: 0 auto;}
header .logo1{display: none;text-align: center;margin: 0 auto;}
header.open .logo2{display: block;text-align: center;margin: 0 auto;}
header.open .logo1{display: none;text-align: center;margin: 0 auto;}
header.open .logo{padding: 18px 10px;background: transparent;}
header article{margin: 0 auto;padding: 5px 20px;box-sizing: border-box;width: 100%;max-width: 1800px;position: relative;}
.mm01 header{display: block;}
.mm01 header .logo1{display: block;}
.mm01 header .logo2{display: none;}
.mm01 header{height: 90px;border-bottom: 0px solid #E82C27;}
.mm01 header.open{height: 90px;border-bottom: 1px solid #E82C27;}
.mm01 header.open .logo2{display: block;text-align: center;margin: 0 auto;}
.mm01 header.open .logo1{display: none;text-align: center;margin: 0 auto;}




header .logo{width: 299px;background: #fff;position: absolute;top: 60px;left: 20px;text-align: center;padding: 18px 10px;box-sizing: border-box;z-index: 999;}
.mm01 header .logo{ width: 150px; background: #fff; position: absolute; top: 50px; left: 20px; text-align: center; padding: 18px 10px; box-sizing: border-box; }
.mm01 header.alt-header{ display: none}
.alt-header h1 {
    color: #fff;
    text-transform: none;
    font-size: 20px;
    margin-left: 11%;
}

.menu-trigger{position: absolute;left: 50%;transform: translateX(-50%);color: #fff;width: 70px;background:#CD171F;top: -30px;border-radius: 40px;padding: 5px 0;cursor: pointer;z-index: 999;}

nav {
    background: #fff;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 46px;
    width: 100%;
}


.breadcrumb div {
    display: inline-block;
    padding: 0 30px;
    color: #A0B2C4;
    font-weight: 500;
    position: relative;
    font-size: 15px;
    cursor: pointer;
}

.dropdown {
    position: relative;
    height: 15px;
}

.dropdown:after {content: '';border: 5px solid transparent;border-top: 5px solid #A0B2C4;position: absolute;top: 8px;left: 14px;}
.dropdown.active:after {content: '';border: 5px solid transparent;border-bottom: 5px solid #A0B2C4;/* border-top: 5px solid transparent; */position: absolute;top: 3px;left: 14px;}




.page-label:after {
    content: "\2014";

    position: absolute;
    right: 4px;
}

.section-label:after {
    content: "\2014";
    position: absolute;
    right: -8px;
}

.dropdownlist li {
    padding: 5px 10px;
    border-bottom: 1px solid #A0B2C4;
    list-style: none;
}

.dropdownlist li a {
    color: #A0B2C4;
    font-size: 15px;
}


.home-icon:after{content: '\edf7';font-family: "icomoon";position: absolute;right: 41%;font-size: 19px;top: -21px;}
.home-icon:before {
    content: "\2014";
    position: absolute;
    right: -8px;
    top: -16px;
}
.breadcrumb {
    max-width: 1400px;
    margin: 80px auto 80px auto;
}


body .breadcrumb .dropdown ul{/* display: none; */width: 500px;height: 0px;overflow: hidden;background: #ffff;position: absolute;top: 100%;padding: 10px;margin: 0;left: 0;transition: .45s linear all;z-index: 9; font-weight: 500}
body.mm01 .breadcrumb .dropdown ul.mm01.open,
body.mm02 .breadcrumb .dropdown ul.mm02.open,
body.mm03 .breadcrumb .dropdown ul.mm03.open,
body.mm04 .breadcrumb .dropdown ul.mm04.open,
body.mm05 .breadcrumb .dropdown ul.mm05.open,
body.mm06 .breadcrumb .dropdown ul.mm06.open,
body.mm07 .breadcrumb .dropdown ul.mm07.open,
body.mm08 .breadcrumb .dropdown ul.mm08.open,
body.mm09 .breadcrumb .dropdown ul.mm09.open{height: 300px;transition: .45s linear all;}


header.alt-header {
    display: block;
    background: #495663;
    height: 45px;
    z-index: 999;
}

header.alt-header img.logo1 {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 100px;
}

.content article {
    margin: 0 auto;
    padding: 5px 20px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1400px;
    position: relative;
}

a.heading-download {
    font-size: 14px;
    color: #CD171F;
    position: absolute;
    right: 80px;
    bottom: 45px;
}
















header.alt-header .logo { width: 150px;}


a.heading-download:after {content: '\ea9e';display: block;width: 30px;height: 30px;background: #CD171F;border-radius: 50%;position: absolute;right: -45px;top: -3px;font-family: 'icomoon';color: #fff;text-align: center;font-size: 20px;line-height: 26px;}






.menu-slide{
    width: calc(12.5% - 38px);
    text-align: center;
    background: #495663;
    color: #fff;
    padding: 0 15px;
    box-sizing: border-box;
    border-top: 35px solid #000;
    position: absolute;
    top: calc(100% - 203px);
    padding-bottom: 36px;
    transition: .3s linear all;
    cursor: pointer;
}


.menu-slide:last-of-type {
    right: 20px;
    border-color: #D6292F;
}
.menu-slide:nth-of-type(2){border-color: #D6292F;left: 20px;}
.menu-slide:nth-of-type(3){border-color: #D6292F;left: calc(12.5% + 25px);}
.menu-slide:nth-of-type(4){border-color: #D6292F;left: calc(25% + 25px);}
.menu-slide:nth-of-type(5){border-color: #D6292F;left: calc(37.5% + 25px);}
.menu-slide:nth-of-type(6){border-color: #D6292F;left: calc(50% + 25px);}
.menu-slide:nth-of-type(7) {
    border-color: #D6292F;
    left: calc(62.5% + 25px);
}

.menu-slide:nth-of-type(8) {
    border-color: #D6292F;
    left: calc(75% + 25px);
}
.menu-slide.active {
    top: calc(100% - 260px);
    transition: .3s linear all;
}
.menu-slide img{
    margin: -25px auto;
    display: block;
    position: relative;
    background: #fff;
    border-radius: 50%;
    padding: 7px;
    max-height: 57px;
    max-width: 90px;
}
.menu-slide p{
    display: block;
    margin-top: 45px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}
.menu-slide a{padding-right: 15px;position: relative;margin-top: 45px;display: inline-block;color: #fff;font-size: 20px;}
.menu-slide a:after{content: '\ef32'; font-family: 'icomoon'; position: absolute; right: -15px;}
.menu-slide-banner{
    position: relative;
    background: url(../images/home-banner-bg.png);
    max-height: 96vh;
    overflow-y: hidden;
    transition: .45s linear all;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top right;
}
.menu-slide-banner article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    height: 100vh;
    padding: 0px 20px;
    box-sizing: border-box;
}

.menu-slide-banner h2 {
    max-width: 74%;
    margin-left: 13%;
    margin-top: 60px;
    font-size: 43px;
    color: #495663;
    line-height:1.2;
    border: 0;
}

.menu-slide-banner h2 small {
    display: block;
    font-size: 60%;
    font-weight: 100;
    margin-top: 15px;
}

.menu{
    position: absolute;
    width: 37.5%;
    left: 13%;
    top: 30%;
}

.menu-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-list li{
    padding: 10px;
    border-top: 1px solid #707070;
    color: #495663;
}
.menu-list li:last-of-type{
    border-bottom: 1px solid #707070;
}



.header-esg-link{background: #CD171F;width: 100px;height: 100px;position: absolute;right: 5%;top: 77px;border-radius: 50%;text-align: center;line-height: 133px;font-size: 15px;box-sizing: border-box;padding: 15px 10px;}
.header-esg-link a{ color: #fff}
.header-esg-link span{line-height: 1.2;display: inline-block;}
.header-esg-link img{position: absolute;top: 100%;display: none;transition: .35s linear all;}
.header-esg-link:hover img{display: block;transition: .35s linear all;}





/*--------------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------------ add all your pages styles here*/ 
















.home-slide{
    width: calc(12.5% - 38px);
    text-align: center;
    background: #495663;
    color: #fff;
    border-top: 35px solid #000;
    position: absolute;
    top: calc(100% - 140px);
    padding: 0 15px;
    box-sizing: border-box;
    transition: .3s linear all;
    min-height: 200px;
}


.home-link{position: absolute;bottom: 278px;display: block;max-width: 300px;left: 20%;}
.home-link a{position: relative;display: block;}
.home-link a span{color: #fff;position: relative;display: block;text-align: center;font-weight: 600;margin-bottom: 10px;}
.home-link a span:after{position: absolute;right: 20px;top: 0;content: '\ef32';font-family: 'icomoon';}
.home-link a strong{text-align: center;font-weight: 500;display: block;color: #495663;position: relative;padding: 15px 30px;}
.home-link img{
    /* max-width: 100%; */
    position: absolute;
    bottom: 100%;
}

.home-link img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.home-slide:last-of-type {
    right: 20px;
    border-color: #D6292F;
}
.home-slide:nth-of-type(1){border-color: #D6292F;left: 20px;}
.home-slide:nth-of-type(2){border-color: #D6292F;left: calc(12.5% + 25px);}
.home-slide:nth-of-type(3){border-color: #D6292F;left: calc(25% + 25px);}
.home-slide:nth-of-type(4){border-color: #D6292F;left: calc(37.5% + 25px);}
.home-slide:nth-of-type(5){border-color: #D6292F;left: calc(50% + 25px);}
.home-slide:nth-of-type(6){border-color: #D6292F;left: calc(62.5% + 25px);}
.home-slide:nth-of-type(7){border-color: #D6292F;left: calc(75% + 25px);}

.home-slide.active {
    top: calc(100% - 200px);
    transition: .3s linear all;
}
.home-slide img{
    margin: -25px auto;
    display: block;
    position: relative;
    background: #fff;
    border-radius: 50%;
    padding: 7px;
    max-height: 57px;
    max-width: 55px;
}
.home-slide p{
    display: block;
    margin-top: 45px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}
.home-slide a{padding-right: 15px;position: relative;display: inline-block;color: #fff;font-size: 20px;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);}
.home-slide a:after{content: '\ef32'; font-family: 'icomoon'; position: absolute; right: -15px;}
.home-slide-banner{
    position: relative;
    background: url(../images/home-banner-bg.png);
    max-height: 100vh;
    overflow-y: hidden;
    transition: .45s linear all;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top right;
}
.home-slide-banner article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    height: 100vh;
    padding: 0px 20px;
    box-sizing: border-box;
}

.home-slide-banner h2 {
    max-width: 74%;
    margin-left: 20%;
    margin-top: 60px;
    font-size: 43px;
    color: #495663;
    line-height:1.2;
    border: 0;
}

.home-slide-banner h2 small {
    display: block;
    font-size: 60%;
    font-weight: 100;
    margin-top: 15px;
}

.home-link a strong:after {
    position: absolute;
    right: -33px;
    width: 50px;
    top: 0px;
    height: 50px;
    background: #D6292F;
    content: '\eebd';
    border-radius: 50%;
    font-family: 'icomoon';
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
}




.about{
    position: relative;
    background: #CD171F;
    transition: .45s linear all;
}
.about article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
}


.about article div.col-3 {border-left: 1px solid #fff;float: left;width: calc(33.33% - 10px);margin-right: 15px;box-sizing: border-box;padding: 15px 100px 15px 15px;min-height: 523px;position: relative;}
.about article div.col-3.last{ margin-right: 0;}
.about article div.col-3  h3{color: #fff;font-size: 50px;font-weight: 100;max-width: 50%;margin-bottom: 60px;text-transform: uppercase;}
.about article div.col-3  p{color: #fff;font-size: 17px;font-weight: 100;}
.about article div.col-3  img{position: absolute;right: -97px;bottom: -5px;}





.strategy{
    position: relative;
    background: #F3F4F4;
    transition: .45s linear all;
	border-bottom: 1px solid #CD171F;
}
.strategy article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
}


.strategy article div.col-3 {border-right: 1px solid #CD171F;float: left;width: calc(33.33% - 10px);margin-right: 15px;box-sizing: border-box;padding: 15px 100px 15px 15px;position: relative;color: #495663;min-height: 190px;}
.strategy article div.col-3.last{ margin-right: 0; border-right: 0;}
.strategy article div.col-3  h3{color: #495663;font-size: 50px;font-weight: 100;max-width: 50%;margin-bottom: 0px;}
.strategy article div.col-3  p{color: #495663;font-size: 20px;font-weight: 100;top: 50%;position: absolute;transform: translateY(-50%);max-width: 60%;}



ul.pillars{background: #495663;list-style-type: none;padding: 0;margin: 60px 0;height: 50px;}
ul.pillars li{position: relative;float: left;width: 16.66%;text-align: center;min-height: 250px;}
ul.pillars li:last-of-type{}
ul.pillars li img{text-align: center;display: block;margin: 0 auto;}
ul.pillars li span {
    position: absolute;
    top: 133px;
    color: #CD171F;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
}


ul.pillars li.last img{ position: absolute; bottom: 0;}



.values{
    position: relative;
    background: #fff;
    transition: .45s linear all;
	border-bottom: 1px solid #CD171F;
}
.values article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
}
.values article h3{color: #495663;font-size: 50px;font-weight: 100;max-width: 50%;margin-bottom: 30px;}


.value-list{ margin: 0; padding: 0;}
.value-list li{position: relative;float: left;width: 14%;text-align: center;min-height: 250px;background-size: contain;background-position: center;background-repeat: no-repeat;list-style: none;line-height: 250px;}
.value-list span{text-align: center;line-height: 1.2;display: inline-block;max-width: 100%;padding-left: 100px;padding-top: 0px;padding-right: 25px;box-sizing: border-box;font-size: 15px;}


.value-list li:nth-of-type(1){ background-image: url("../images/value-1.png"); }
.value-list li:nth-of-type(2){ background-image: url("../images/value-2.png"); }
.value-list li:nth-of-type(3){ background-image: url("../images/value-3.png"); }
.value-list li:nth-of-type(4){ background-image: url("../images/value-4.png"); }
.value-list li:nth-of-type(5){ background-image: url("../images/value-5.png"); }






.behaviours{
    position: relative;
    background: #fff;
    transition: .45s linear all;
	border-bottom: 1px solid #CD171F;
}
.behaviours article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
}
.behaviours article h3{color: #495663;font-size: 50px;font-weight: 100;max-width: 50%;margin-bottom: 0px;}


.behaviours-list{margin: 40px 0;padding: 0;}
.behaviours-list li{/* position: relative; */float: left;width: 17%;text-align: center;min-height: 100px;list-style: none;line-height: 100px;border-right: 1px solid #495663;}
.behaviours-list li span{display: inline-block; text-align: center; line-height: 1.2}
.behaviours-list li.last{ border: 0;}
.behaviours-list li.img {/* position: relative; */border: 0;}
.behaviours-list li.img img{ position: absolute; bottom: 0; right: 0;}









/*--------------8* investment case------------*/

.investment{
    position: relative;
    transition: .45s linear all;
}
.investment article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0px 20px;
    box-sizing: border-box;
}
.investment article h3{color: #495663;font-size: 50px;font-weight: 100;max-width: 50%;margin-bottom: 0px;}


.mm02.sm03 .investment article{
    max-width: 1400px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 5px 20px;
    box-sizing: border-box;
}
.mm02.sm03 .investment{border-bottom: 0px solid #CD171F;}


.brands{
    max-width: 100%;
    overflow-x: scroll;
}
.brands .inner-container{
    width: 103vw;
    margin-bottom: 30px;
}
.brands .inner-container .inner-row{
    border-bottom: 1px solid #022C56;
    padding: 10px 0;
}
.brands .inner-container .inner-row ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.brands .inner-container .inner-row ul li{
    display: inline-block;
    width: 7.8%;
    min-height: 40px;
    line-height: 40px;
    vertical-align: top;
    text-align: center;
    font-weight: 600;
}


.brands .inner-container .inner-row ul li img {
    max-width: 90%;
    margin: 0 auto;
    display: block;
}

.brands .inner-container .inner-row ul li:first-of-type {
    width: 11%;
}

.brands .inner-container .inner-row ul li span {
    line-height: 1.2;
    display: inline-block;
    font-weight: 600;
}

.brands .inner-container .inner-row ul li span small{ font-weight: 100;}


.brands::-webkit-scrollbar {
  display: initial;
}
.brands::-ms-scrollbar {
  display: none;
}
.brands::-moz-scrollbar {
  display: none;
}
.brands::scrollbar {
  display: none;
}
.brands::-webkit-scrollbar {
  height: 12px;
  width: 0px;
  background: #CCD9E4;
}
@-moz-document url-prefix() {
  .brands {
    scrollbar-width: none;
  }
}

.brands::-webkit-scrollbar {
  width: 10px;
	display: block;
}
.brands::-webkit-scrollbar-track {
  box-shadow: inset 1px 1px 5px #ccc;
  border-radius: 20px;

  background: rgba(70, 2, 52, 0.35);
}
.brands::-webkit-scrollbar-thumb {
  background: #CD171F;
  border-radius: 10px;
  max-height: 5px;
  height: 30px;
  margin: 45px;
  padding: 30px;
}
.brands::-webkit-scrollbar-thumb:hover {
  background: rgba(70, 2, 52, 0.75); 
}

.brands .inner-container .inner-row ul li:first-of-type {
    text-align: left;
}

.brands .inner-container .inner-row:first-of-type ul li:first-of-type {
    font-weight: 100;
}


.brands .inner-container .inner-row.equity li{ color: #C4043F;}
.brands .inner-container .inner-row.volume li{ color: #F09428;}
.brands .inner-container .inner-row.value li{ color: #2EA9E0;}

.brands .inner-container .inner-row.value {
    border: 0;
}





/*--------------8* GROUP PROFILE------------*/
.group-profile{
    position: relative;
    transition: .45s linear all;
    background: #ECE8E4;
    margin-top: 60px;
    padding-top: 60px;
}
.group-profile article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0px 20px;
    box-sizing: border-box;
}
.growing{
    position: relative;
    transition: .45s linear all;
    background: #ECE8E4;
    padding-top: 60px;
}
.growing article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0px 20px;
    box-sizing: border-box;
}
.profile-tab{margin: 30px 0 0 0;}
.profile-tab-list{
    padding: 0;
    margin: 0;
} 
.profile-tab-list li{
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    width: calc(25% - 15px);
    margin-left: -5px;
    vertical-align: bottom;
    cursor: pointer;
} 
.profile-tab-list li:last-of-type{
    margin-right: 0;
} 
.profile-tab-list li .logo-row{
    width: 100%;
    display: block;
	background: #fff;
    height: 90px;
    border-bottom: 0px solid #fff;
    padding-top: 15px;
} 
.profile-tab-list li .logo-row span{
    display: block;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    height: 70px;
    background: #fff;
    margin: 0 auto;
    position: relative;
    line-height: 70px;
    border-radius: 50%;
    vertical-align: middle;
    padding: 10px;
    box-sizing: border-box;
    transition: .35s linear all;
} 
.profile-tab-list li .logo-row  span img{
    max-width: 100%;
    transition: .35s linear all;
    display: inline-block;
    line-height: 1;
    vertical-align: sub;
    border-radius: 50%;
    max-height: 100%;
} 
.profile-tab-list li .name-row{
    background: #495663;
    padding: 45px 45px;
    color: #fff;
    text-align: center; font-size:14px;
} 


.profile-tab-list li:first-of-type {
    margin-left: 0;
}

.profile-tab-list li.active .logo-row {
    background: #CD171F;
    height: 25px;
    border-bottom: 5px solid #fff;
    padding-top: 15px;
    transition: .35s linear all;
}

.profile-tab-list li.active .name-row {
    padding: 60px 45px;
    font-weight: 600;
    transition: .35s linear all;
}


.profile-tab-cont .highlights {
    float: left;
    width: 69%;
    background: #CD171F;
    padding: 30px;
    box-sizing: border-box;
    min-height: 476px;
}

.profile-tab-cont .img {
    float: left;
    width: 31%;
    max-height: 476px;
    overflow: hidden;
}

.profile-tab-cont .graphs {
    float: left;
    width: 65%;
}

.profile-tab-cont .hightlight {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
}

.profile-tab-cont .bg-beige {
    background: #F0F0F1;
    padding: 30px;
}

.profile-tab-cont .hightlight h5 {
    background: #fff;
    padding: 15px;
    max-width: 40%;
    margin: 0 auto;
    position: relative;
}
.profile-tab-cont .hightlight h5:after {
    content:'';
    border-bottom:1px solid #fff;
    width:500px;
    position:absolute;
    left:50%;
    transform: translateX(-50%)
}

.profile-tab-cont .highlights h3 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 36px;
}

.profile-tab-cont .hightlight p {
    color: #fff;
    font-size: 20px;
}

.profile-tab-cont .hightlight big {
    color: #fff;
    font-size: 45px;
}

.profile-tab-cont .top {
    background: #326E9A;
    width: 136px;
    height: 136px;
    border-radius: 50%;
    float: left;
    color: #fff;
    line-height: 136px;
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    margin-right: 30px;
}

.profile-tab-cont .top span {
    display: inline-block;
    line-height: 1;
}

.profile-tab-cont .top-brands {
    margin-top: 30px;
}


.profile-tab-cont .img img {
 min-width: 100%;    
 max-width: 100%;
}


#map-1 {
    position: absolute;
}

#map-2 {
    position: absolute;
}

#map-3 {
    position: absolute;
}

.map-center {
    position: relative;
    float: left;
    width: 65%;
    min-height: 964px;
}

.map-center img {
    position: absolute;
    max-width: 100%;
}

.map-left {
    float: left;
    width: 15%;
    height: 300px;
    position: relative;
}

.map-right {
    float: left;
    width: 20%;
}

.figures {
    border: 1px solid;
    box-sizing: border-box;
    padding: 30px;
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
    background: #fff;
}

.figures p {
    font-size: 17px;
    color: #4A5663;
    font-weight: 600;
}

.figures p big {
    color: #CD171F;
    font-size: 40px;
}

.map-block {
    padding: 60px 15px;
    background: #F0F0F1;
}

ul.map-list {
    margin: 30px auto;
    padding: 0;
    list-style: none;
    max-width: 90%;
}

ul.map-list li {
    border-bottom: 1px solid;
    padding: 10px;
    padding-left: 45px;
    background: #fff;
    position: relative;
    cursor: pointer;
}

ul.map-list li:first-of-type {
    border-top: 1px solid;
    cursor: pointer;
    position: relative;
}

ul.map-list li:hover {
    background: #fff;
}


ul.map-list li:after{content: '';width: 20px;height: 20px;position: absolute;left: 10px;top: 12px;border-radius: 50%;display: block;}
ul.map-list li:nth-of-type(1):after{ background: #CE202A;}
ul.map-list li:nth-of-type(2):after{ background:#ECE7E2;}
ul.map-list li:nth-of-type(3):after{ background:#4B5763;}


.profile-tab-cont .graphs img {
    max-width: 100%;
}

.info {
    float: left;
    width: 35%;
    box-sizing: border-box;
    padding-left: 30px;
}



.profile-tab-cont .top-brands img {
    max-width: 83%;
}

.revenue-container {background:#F0F0F1;padding: 60px 0;}
.revenue-box {border:1px solid #CE202A; background:#EDEAE7; padding:15px; margin:0 auto; width:60%;}

.performance{}
.performance .performance-table{
    display: table;
	width: 100%;
}

.performance .left-img-block{width: 50%;display: table-cell;background: url("../images/Outdoor-girl-with-jungle-bar.png");position: relative;background-size: cover;background-position: center top;background-repeat: no-repeat;box-sizing: border-box;position: relative;padding: 70px 30px 30px 150px;}
.performance .right-tab-block{width: 50%;display: table-cell;box-sizing: border-box;position: relative;padding: 70px 30px 30px 150px;height: 400px;}


.performance .left-img-block h3{ color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
    padding-right: 250px;
    padding-bottom: 10px;
    position: relative;
    margin-top: 0;}


.performance .performance-tab-list{
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
}
.performance .performance-tab-list li{
    width: 130px;
    padding: 10px;
    font-size: 12px;
    background: #fff;
    margin-bottom: 20px;
    height: 40px;
    position: relative;
    cursor: pointer;
}

.performance .performance-tab-list li.active{border-top: 3px solid #CE202A;border-bottom: 3px solid #CE202A;}

.performance .performance-tab-list li:nth-of-type(1):after{content: url("../images/perform-1.png");position: absolute;top: 0;right: -30px;}
.performance .performance-tab-list li:nth-of-type(2):after{content: url("../images/perform-2.png");position: absolute;top: 0;right: -30px;}
.performance .performance-tab-list li:nth-of-type(3):after{content: url("../images/perform-3.png");position: absolute;top: 0;right: -30px;}
.performance .performance-tab-list li:nth-of-type(4):after{content: url("../images/perform-4.png");position: absolute;top: 0;right: -30px;}
.performance .performance-tab{}
.performance-container{}




.covid{}
.covid article{}
.covid-table{display: table;
	width: 100%;}
.covid-tablecell{width: 50%;display: table-cell;box-sizing: border-box;position: relative;padding: 70px 30px 30px 150px;height: 400px;}
.covid-tablecell:last-of-type{background: url("../images/covid.jpg");position: relative;background-size: cover;background-position: center top;background-repeat: no-repeat;}

.covid-tablecell h3{
    color: #495663;
    font-size: 30px;
    margin-bottom: 30px;
    padding-right: 250px;
    padding-bottom: 10px;
    position: relative;
    margin-top: 0;
}
.covid-tablecell p{
    font-size: 20px;
    max-width: 60%;
}
a.read-more{position: relative;color: #CD171F;}
a.read-more:after{
	content: '\ef32';
	background: #CD171F;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: -2px;
	font-family: 'icomoon';
	color: #fff;
	font-size: 15px;
	right: -38px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	}


.case-studies{
    position: relative;
    transition: .45s linear all;
    padding-top: 60px;
    padding-bottom: 60px;
}
.case-studies article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0px 20px;
    box-sizing: border-box;
}
.case-studies .cases{width: calc(33.33% - 20px);float: left;margin-right: 30px;}
.case-studies .cases:last-of-type{ margin-right: 0;}
.case-studies .cases .img-block{}
.case-studies .cases .img-block img{ display: block; max-width: 100%;}
.case-studies .cases .cont-block{
    background: #F3F4F4;
    box-sizing: border-box;
    padding: 15px;
    min-height: 290px;
    position: relative;
}
.case-studies .cases .cont-block h4{
    margin-bottom: 30px;
    font-weight: 100;
}
.case-studies .cases .cont-block p{
    margin-bottom: 30px;
}
.case-studies .cases .cont-block a{
    position: absolute;
    bottom: 15px;
}





.sustain-future{
    position: relative;
    transition: .45s linear all;
    padding-top: 60px;

}
.sustain-future article{
    max-width: 1700px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0px 20px;
    box-sizing: border-box;
}
.sustain-block{
    float: left;
    background: #F3F4F4;
    clear: both;
}
.sustain-left{
    width: 40%;
    float: left;
    min-height: 300px;
    box-sizing: border-box;
    padding: 30px;
}
.sustain-right{
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding: 60px;
}

.sustain-right .sustain{
    width: 33.33%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 0 30px;
    min-height: 262px;
    left: 0;
    position: relative;
}

.sustain-right .sustain h4 {
    margin-bottom: 30px;
}

.sustain-right .sustain p {
    margin-bottom: 30px;
    position: absolute;
    bottom: 0;
    left: 30px;
    max-width: 80%;
}

.sustain-left h2 {
    font-size: 35px;
    border: 0;
}


.setco{}
.setco article{
    max-width: 1350px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0px 20px;
    box-sizing: border-box;
    }
.setco-col-container{
    border-bottom: 1px solid red;
}
.setco-col-container .setco-col-1{
    width: 38%;
    float: left;
    box-sizing: border-box;
    padding: 30px;
}
.setco-col-container .setco-col-2{
    width: 40%;
    float: left;
    box-sizing: border-box;
    padding: 164px 53px 0 0;
}

.setco-col-container .setco-col-1 h3{ font-size: 44px}



































/*--------------8* CHAIRMAN------------*/
.c-suite-reviews{
    background: #EDE9E5;
    box-sizing: border-box;
    padding: 60px 20px;
    vertical-align: top;
	margin-bottom: 30px;
	min-height:700px;
}
.c-suite-reviews .c-suite-img{
    width: 25%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.c-suite-reviews .c-suite-img img{ max-width: 100%}
.c-suite-reviews .c-suite-img img.brands{
    position: absolute;
    top: 130%;
    max-width: 60%;
    left: 60px;
}
.c-suite-reviews .c-suite-title{
    width: 30%;
    display: inline-block;
    border-top: 1px solid #44617C;
    vertical-align: top;
    margin-left: -5px;
}
.c-suite-reviews .c-suite-title h2{
    border: 0;
    color: #44617C;
    text-transform: uppercase;
}
.c-suite-reviews .c-suite-content{
    width: 39%;
    display: inline-block;
    border-top: 1px solid #44617C;
    vertical-align: top;
    margin-left: -5px;
}
.c-suite-reviews .c-suite-content p{
    color: #44617C;
    border-bottom: 1px solid #44617C;
    padding-bottom: 50px;
    margin-bottom: 30px;
    max-width: 85%;
    margin-top: 65px;
    font-size: 17px;
    position: relative;
}
.c-suite-reviews .c-suite-content p.name{
    font-size: 17px;
    border: 0;
    margin-bottom: 0px;
    margin-top: 30px;
}
.c-suite-reviews .c-suite-content p:before {font-size: 150px;line-height: 1;content: '\201C';position: absolute;left: -60px;top: -30px;color: #CD202A;}

.c-suite-reviews .c-suite-content p:after {
    font-size: 150px;
    line-height: 1;
    content: '\201D';
    position: absolute;
    right: -60px;
    bottom: -55px;
    color: #CD202A;
}
 p.name:after,  p.name:before{display:none;}


.history-container{position: relative;padding: 130px 0;min-height: 800px;margin-top: 160px;}	
	.history-container.tiger{border: 1px solid #C4043F;border-right: 0;background: #CD171F;}	
	.history-container.brand{ border: 1px solid #495663; border-left: 0;background: rgba(73, 86, 99, 1);}	
	.tiger-trigger{background: #CD171F;width: 160px;height: 160px;line-height: 160px;position: absolute;top: -80px;left: -80px;cursor: pointer;border-radius: 50%;text-align: center;color: #fff;box-sizing: border-box;padding: 15px;}
	.tiger-trigger span{ line-height: 1.2; display: inline-block;}
	.tiger-trigger:after{content: '\e6a5';position: absolute;font-family: 'icomoon';color: #fff;top: -40px;left: 50%;transform: translateX(-50%);height: 20px;display: block;vertical-align: top;width: 15px;}
	.picker{
    width: 25%;
    position: absolute;
    top: -23px;
    padding: 10px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #CD171F;
    font-size: 18px;
    background: #fff;
}
	.picker:after{content: '\ef32';font-family: 'icomoon';position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}
	.picker:before{content: '\ef36';font-family: 'icomoon';position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}
	.brands-trigger{background: #495663;width: 160px;height: 160px;line-height: 160px;position: absolute;top: -80px;right: -80px;cursor: pointer;border-radius: 50%;text-align: center;box-sizing: border-box;padding: 15px;}
	.brands-trigger span{line-height: 1.2;display: inline-block;color: #fff;}
	.brands-trigger:after{content: '\e6a5';position: absolute;font-family: 'icomoon';color: #fff;top: -40px;left: 50%;transform: translateX(-50%);height: 20px;display: block;vertical-align: top;width: 15px;}
	
	
	.tiger-list{ margin: 0; padding: 0; list-style: none;}
	.tiger-list li{position: relative;margin: 30px 0;}
	.tiger-list li:before{content: '';width: 30px;height: 30px;position: absolute;border-radius: 50%;background: #fff;top: 50%;transform: translateY(-50%);left: -15px;box-shadow: 0px 0px 15px #000;}
	.tiger-list li:nth-of-type(even):after{
    content: '';
    width: 55%;
    height: 0;
    position: absolute;
    border-radius: 0;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    border-bottom: 1px solid #fff;
}
	.tiger-list li:nth-of-type(odd) div{margin-left: 150px;}
	.tiger-list li div:nth-of-type(even){ margin-left: 400px;}
	.tiger-list li div{position: relative;max-width: 400px;color: #fff;}
	.tiger-list li div:after{content: '';width: 20px;height: 20px;position: absolute;border-radius: 50%;background: #CD171F;top: 50%;transform: translateY(-50%);left: -30px;}
	
	.tiger-list li:nth-of-type(even) div {
    margin-left: 56%;
}

.tiger-list li:after {
    content: '';
    width: 135px;
    height: 0;
    position: absolute;
    border-radius: 0;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 0px 15px #000;
}
.tiger-list li div p {
    color: #fff;
    text-shadow: 0px 0px 5px #000;
    margin-bottom: 0;
}
	
	
.brand-list{ margin: 0; padding: 0; list-style: none;}
	.brand-list li{position: relative;margin: 30px 0;text-align: right;clear: both;float: right;width: 100%;}
	.brand-list li:before{content: '';width: 30px;height: 30px;position: absolute;border-radius: 50%;background: #fff;top: 50%;transform: translateY(-50%);right: -15px;box-shadow: 0px 0px 15px #000;}

	.brand-list li:nth-of-type(even):after{
    content: '';
    width: 55%;
    height: 0;
    position: absolute;
    border-radius: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    border-bottom: 1px solid #fff;
}
	.brand-list li:nth-of-type(odd) div{margin-right: 150px;}
	.brand-list li div:nth-of-type(even){ margin-right: 400px;}
	.brand-list li div{position: relative;max-width: 400px;color: #fff;text-align: right;float: right;}
	.brand-list li div:after{content: '';width: 20px;height: 20px;position: absolute;border-radius: 50%;background: #fff;top: 50%;transform: translateY(-50%);right: -30px;box-shadow: 0px 0px 15px #000;}
	
	.brand-list li:nth-of-type(even) div {
    margin-right: 56%;
}

.brand-list li:after {
    content: '';
    width: 135px;
    height: 0;
    position: absolute;
    border-radius: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 0px 15px #000;
}
.brand-list li div p {
    color: #fff;
    text-shadow: 0px 0px 5px #000;
    margin-bottom: 0;
    font-size: 18px;
}	




.top-grey-bg{background-image: url("../images/grey-bg-top.png");background-size: contain;background-repeat: no-repeat;background-position: top center;box-sizing: border-box;padding: 30px;}
.top-grey-bg h2{color: #fff;border: 0;margin-bottom: 0;}
.top-grey-bg h2 a{ color: #fff;}


.col-left-content{float: left;width: 80%;box-sizing: border-box;padding: 0 90px 0 0;}
.col-right-content{float: left;width: 20%;min-height: 500px;}
.red-bg-block{background: #CD171F;padding: 30px 30px;box-sizing: border-box;min-height: 370px; margin-bottom: 60px}
.red-bg-block h4{border: 1px solid #fff;padding: 10px;margin: 0;color: #fff;margin-bottom: 10px;}
.red-bg-block ul{ margin: 0; padding: 0; list-style: none;}
.red-bg-block ul li{padding-left: 15px;position: relative;color: #fff;margin-bottom: 10px;}
.red-bg-block ul li:before{ content: '\2713'; left: 0; position: absolute; top: 0;}
.red-border{ border-color: #CD171F; margin: 0; }


.col-left-health {float: left;width: 65%;box-sizing: border-box;padding: 0 90px 0 0;}
.col-right-health {float: left;width: 35%;min-height: 500px;}
.beige-bg-block {background: #ECE7E2;padding: 30px 30px;box-sizing: border-box;min-height: 370px; margin-bottom: 60px}
.beige-bg-block h3 {padding: 10px;  margin: 0; color: #fff; margin-bottom: 10px; font-size: 35px; line-height: 1.2; font-weight: bold; color:#CD202A;}
.health-box-top {margin-top:300px;}
.white-border-box {border-bottom:1px solid #000; border-top:1px solid #000; background:#fff; padding:10px; color:#CD202A;}

.col-left-safety {float: left;width: 65%;box-sizing: border-box;padding: 0 90px 0 0;}
.col-right-safety {float: left;width: 35%;min-height: auto;}

/*--------------8* delivering our strategy------------*/
ul.strategy-pillars{border-top: 50px solid #495663;list-style-type: none;padding: 0;margin: 80px 0 15px 0;}
ul.strategy-pillars > li{position: relative;float: left;width: 20%;text-align: center;min-height: 450px;top: -49px;border-right: 1px solid #495663;border-top: 0;border-bottom: 0;box-sizing: border-box;}
ul.strategy-pillars > li:last-of-type{
    border-right: 0;
}
ul.strategy-pillars > li img{text-align: center;display: block;margin: 0 auto;margin-bottom: 30px;position: relative;margin-top: -40px;}
ul.strategy-pillars > li span{position: relative;color: #CD171F;text-align: center;display: block;padding: 15px 15px;border-bottom: 1px solid #495663;min-height: 120px;font-weight: 600;}


ul.strategy-pillars li.last img{ position: absolute; bottom: 0;}




.strategy-value-list{margin: 0;padding: 0;display: block;}
.strategy-value-list li{position: relative;float: left;width: 20%;text-align: center;min-height: 250px;background-size: contain;background-position: center;background-repeat: no-repeat;list-style: none;line-height: 250px;}
.strategy-value-list span{text-align: center;line-height: 1.2;display: inline-block;max-width: 100%;padding-left: 100px;padding-top: 0px;padding-right: 25px;box-sizing: border-box;font-size: 15px;}


.strategy-value-list li:nth-of-type(1){ background-image: url("../images/value-1.png"); }
.strategy-value-list li:nth-of-type(2){ background-image: url("../images/value-2.png"); }
.strategy-value-list li:nth-of-type(3){ background-image: url("../images/value-3.png"); }
.strategy-value-list li:nth-of-type(4){ background-image: url("../images/value-4.png"); }
.strategy-value-list li:nth-of-type(5){ background-image: url("../images/value-5.png"); }



.strategy-behaviours-list{margin: 40px 0;padding: 10px 0;border-top: 1px solid #495663;border-bottom: 1px solid #495663;}
.strategy-behaviours-list li{/* position: relative; */float: left;width: 24%;text-align: center;min-height: 75px;list-style: none;line-height: 75px;border-right: 1px solid #495663;vertical-align: middle;}
.strategy-behaviours-list li span{display: inline-block;text-align: center;line-height: 1.2;vertical-align: middle;}
.strategy-behaviours-list li.last{ border: 0;}
.strategy-behaviours-list li.img {/* position: relative; */border: 0;}
.strategy-behaviours-list li.img img{ position: absolute; bottom: 0; right: 0;}


ul.strategy-pillars > li div {
    padding: 15px;
    text-align: left;
}



.value-box{border: 1px solid #495663; padding: 45px; position: relative;}

.value-box .top{display: inline-block;padding: 10px;background: #495663;color: #fff;position: absolute;top: -50px;left: 50%;transform: translateX(-50%);}

.value-box .bot{display: inline-block;padding: 10px;background: #495663;color: #fff;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);}











/*--------------8* business model------------*/

.inputs, .outputs{ background: #CD171F; color: #fff; padding: 10px; text-align: center;}

.input-list{ margin: 0; padding: 0; list-style: none;}
.input-list li{width: 16.66%;text-align: center;padding: 10px;box-sizing: border-box;float: left;position: relative; cursor: pointer}
.input-list li:after{content: '';width: 0%;height: 15px;left: 0;bottom: -15px;background: #CD171F;position: absolute;transition: .35s linear all;}
.input-list li.active:after{width: 90%;transition: .35s linear all;}
.input-list li span{display: inline-block;text-align: center;margin-bottom: 10px;min-height: 80px;max-width: 60%;font-weight: 600; font-size:13px}
.input-list li img{ text-align: center; margin: 0 auto; display: block;}


.input-tab{ border: 15px solid #495663;}

.inputs-cont{}
.inputs-cont h4{border-bottom: 1px solid #495663;padding-left: 15px;margin-bottom: 20px;}
.inputs-cont ul{
    padding-left: 20px!important;
}



.outputs-list{ margin: 0; padding: 0; list-style: none;}
.outputs-list li{width: 16.66%;text-align: center;padding: 10px;box-sizing: border-box;float: left;position: relative;cursor: pointer;font-weight: 600;}
.outputs-list li:after{content: '';width: 0%;height: 15px;left: 0;bottom: -15px;background: #CD171F;position: absolute;transition: .35s linear all;}
.outputs-list li.active:after{width: 90%;transition: .35s linear all;}
.outputs-list li span{display: inline-block;text-align: center;margin-bottom: 10px;min-height: 80px;max-width: 60%; font-size:13px;}

.outputs-tab{ border: 15px solid #495663;}

.outputs-cont{}
.outputs-cont h4{border-bottom: 1px solid #495663;padding-left: 15px;margin-bottom: 20px;color: #495663;}
.outputs-cont ul.tick-list{padding-left: 20px!important; list-style: none; margin: 0;}
.outputs-cont ul.tick-list li{position: relative;padding-left: 20px;margin-bottom: 4px;font-size: 14px;}
.outputs-cont ul.tick-list li:after{content: '\2713';position: absolute;left: 0;top: 0px;}
.outputs-cont ul.tick-list li.cross:after{ content: '\2718'; position: absolute; left: 0; top: 5px;}

a.link {
    padding: 10px;
    display: inline-block;
    background: #CD171F;
    color: #fff;
    margin: 15px;
}



.external{box-sizing: border-box;background: #D9D9D7;padding: 30px;margin-top: 60px;margin-bottom: 60px;}
.external h4{text-align: center;color: #4A5764;margin-bottom: 30px;}
.external div{width: 25%;box-sizing: border-box;float: left;margin-left: 17%;}
.external div:last-of-type{}




.risk{background: #D9D9D7;padding: 30px;margin-top: 60px;}
.risk h4{
    text-align: center;
}
.risks:first-of-type{ border-left: 0;}
.risks:nth-of-type(5){ border-left: 0;}
.risks{display: inline-block;width: 24%;min-height: 140px;border-left: 1px solid #495663;box-sizing: border-box;padding: 30px;vertical-align: top;}

.risks span{display: block;color: #CD202A;font-weight: 600;}
.risks strong{ display: block;}










.agriculture {
    border: 1px solid;
    padding: 45px;
    border-bottom: 0;
    padding-bottom: 30px;
    position: relative;
    margin: 400px 60px 0 60px;
}

.agriculture img {
    margin: -358px auto 0 auto;
    background: #fff;
}

.values-box{
    margin-bottom: 60px;
}
.values-box div{text-align: center;color: #fff;background: #4A5764;margin-right: 5px;width:calc(16.66% - 5px);float: left;box-sizing: border-box;padding: 10px;min-height: 300px;position: relative;}
.values-box div h4{ color: #fff;}
.values-box div strong{display: block;color: #fff;margin-bottom: 15px;line-height: 1.3;}


.values-box div:after {content: '';position: absolute;right: -7px;width: 10px;height: 10px;background: red;top: 50%;border-radius: 50%;z-index: 1;}

.values-box div:last-of-type:after {
    display: none;
}

.agriculture:after {
    content: '';
    position: absolute;
    right: -5px;
    width: 10px;
    height: 10px;
    background: red;
    bottom: -4px;
    border-radius: 50%;
    z-index: 1;
}

.agriculture:before {
    content: '';
    position: absolute;
    left: -5px;
    width: 10px;
    height: 10px;
    background: red;
    bottom: -4px;
    border-radius: 50%;
    z-index: 1;
}


.money-streams{
    margin-top: 30px;
    margin-bottom: 60px;
}


.cost-streams{
    width: 41%;
    float: left;
    box-sizing: border-box;
    padding: 25px;
    border: 1px solid;
    background: #fff;
    min-height: 700px;
}
.cost-streams h4{
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid;
    margin-bottom: 30px;
}

h4 {}

.outputs-block{
    width: 20%;
    float: left;
    border-radius: 50%;
    background: #326E9A;
    color: #fff;
    text-align: center;
    margin: 150px -16px 0 -17px;
    position: relative;
}
.outputs-block h4{
    color: #fff;
}
.outputs-block p{
    color: #fff;
}


.revenue-streams{
    width: 41%;
    float: left;
    border: 1px solid;
    box-sizing: border-box;
    padding: 25px;
    background: #fff;
    min-height: 700px;
}
.revenue-streams h4{
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid;
    margin-bottom: 30px;
}


.outputs-block:after {content: '';width: 0;height: 0;border: 20px solid transparent;border-top: 20px solid #326E9A;position: absolute;top: 99%;left: 50%;transform: translateX(-50%);}




























/*--------------8* SWITCH COLOURS------------*/
.switch-red{ color: #CD202A!important}
.switch-white{ color: #fff!important}
.switch-grey{ color: #4A5663!important}
.switch-brown{ color: #A19994!important}
.switch-blue{ color: #44617C!important}
.switch-darkbrown{ color: #6E6259!important}

/*4. BACKGROUND COLOURS*/
.cream-bg{ background: #EDE9E5; padding: 10px; border-bottom: 1px solid #000000; border-top: 1px solid #000000; margin-bottom: 20px;}
.grey-bg{ background: #4B5763; padding: 10px; color: #fff}
.red-bg{ background: #CE202A; padding: 10px; color: #fff}
.brown-bg{background: #EDE9E5;padding: 10px;position: relative;}
.grey-bg-about{ background: #4B5763; padding: 10px; color: #fff; margin: 0 auto; width: 40%; text-align: center}
.grey-bg-col{ background: #4B5763; padding: 10px; color: #fff;width: 50%; }
.bg-grey{background: #F1F1F2;padding: 40px;}
/*5. DIV COL*/
.about-col{width: calc(50%  - 30px);float: left;position: relative;box-sizing: border-box;margin-right: 60px;}
.about-col.l{margin-right: 0;}

.padding-about{ padding-left: 10px; border-left: 1px solid #4C4D4F}

.con-col{width: calc(70% - 30px);float: left;position: relative;box-sizing: border-box;margin-right: 60px;}
.con-cols{width: calc(30% - 30px);float: left;position: relative;box-sizing: border-box;}

.case-col{width: calc(50% - 30px);float: left;position: relative;box-sizing: border-box;margin-right: 60px;}
.case-col:nth-of-type(2){margin-right: 0;}
.case-col:nth-of-type(4){margin-right: 0;}
.case-col:nth-of-type(6){margin-right: 0;}
.case-icon{position: absolute;top: -25px;left: 50%;transform: translateX(-50%);}
.case-redbg-box { padding: 15px; border-radius: 15px; background: #F8E4E2;}
.case{border: 1px solid #C60C46;padding: 15px;/* border-radius: 15px */}
.case-redbg{background: #4B5763;color:#fff;padding: 10px;width: 50%;position: relative;left: 17px;top: -20px;margin: 0 auto; text-align: center} 
.finround.padding-10 {
    background: #fff;
}


/*6. NUMBERS BIG*/
.con-big{ font-size: 30px; color: #4A5663}
.con-small{ font-size: 25px; color: #4A5663}

/*7. HOW WE SUSTAIN VALUE*/
.sustain-brownbg{ background: #A7A09A; padding: 10px; color: #fff}
.sustain-greybg{ background: #4B5763; padding: 10px; color: #fff}
.sustain-lightbrownbg{background: #EDE9E5; padding: 10px;}
.sustain-darkgreybg{background: #798391; padding: 10px;color: #fff}
.sustain-darkgreybody{background: #798391; padding: 10px;color: #fff}
.sustain-lightgreybg{background: #ECEBEA; padding: 10px;}
.sustain-lightgrey{background: #A3A5A8; padding: 10px;color: #fff}

/*8. OUR OPERATING ENVIRONMENT*/

.grey-bg-env{ background: #4B5763; padding: 10px; color: #fff!important; margin: 0 auto; width: auto; }
.env-brownbg{ background: #EDE9E5; padding: 10px}
.env-greybg-box { padding: 15px; border-radius: 15px; background: #F8E4E2;}
.env{border: 1px solid #C60C46;padding: 15px;}
.env-greybg{background: #4B5763;color:#fff;padding: 10px;width: 40%;position: relative;left: 17px;top: -20px;margin: 0 auto; text-align: center} 
.env-col{width: calc(100%);position: relative;box-sizing: border-box;padding-left: 0;padding-top: 0; border-top: 1px solid #4C4D4F;border-left: 1px solid #4C4D4F; border-right: 1px solid #4C4D4F }





.finround .brown-bg img{position: absolute;left: 50%;transform: translateX(-50%);bottom: -30px;}







/*FLOAT*/
.lft {float:left; padding-right:10px;}
.rgt {float:right; padding-left:10px;}



/*2. LISTS*/

ul.list-greyarrow {margin: 0 0 25px 0; padding: 0;}
ul.list-greyarrow li {list-style: none; position: relative; padding: 0 0 0 18px;  margin: 0 0 0px 0; line-height: 1.5;    font-size: 16px;}
ul.list-greyarrow 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;}
ul.list-greyarrow li ul.dash-list{margin: 0; padding: 0;}
ul.list-greyarrow li ul.dash-list li:before {content: '\2012';border-right: 0px solid #4C4D4F; border-bottom: 0px solid #4C4D4F; width: auto;height: auto;transform: translateY(0%) rotate(0deg);
position: absolute;left: 0px;top: 0px;}

ul.dashed-list {list-style:none; padding:0; margin:0; margin-bottom:15px;}
ul.dashed-list li {font-size:14px; position:relative; margin-left:15px;}
ul.dashed-list li:before {content:'-'; position:absolute; top:0px; left:-15px;}

ul.list-dot { list-style:none; margin:0; padding: 0; margin-bottom:15px;}
ul.list-dot li {position:relative; padding-left:15px; font-size:14px; line-height: 1.5; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-style: normal; font-weight: 300;}
ul.list-dot li:before {content: ''; position: absolute; left:15px; top:8px; margin-left:-15px; background:#000; width:5px; height:5px; border-radius:50%;}




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



footer{
    position: relative;
    background: #fff;
    padding-bottom: 30px;
    transition: .45s linear all;
}

footer article{
    max-width: 1400px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
}


footer article .logo-footer{
    float: left;
    width: 8%;
    margin-right: 60px;
}

footer article p{
    float: left;
    width: 43%;
    color: #CD171F;
}
footer article p:last-of-type{
    text-align: right;
}
footer article p a{ color:#88BE32 }

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

.admin{
    position: relative;
    background: #CD171F;
    padding-bottom: 30px;
    transition: .45s linear all;
}

.admin article{
    max-width: 1400px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
}



.admin article h2{color: #FFFFFF;border: 0;margin: 0;padding: 0;}
.admin article h2 span{color: #FFFFFF;font-size: 20px;display: inline-block;padding-left: 50px;padding-right: 30px;position: relative;}
.admin article h2 span:after{
    
    content: '\e6a5';
    display: block;
    position: absolute;
    top: 4px;
    font-family: 'icomoon';
    color: #CD171F;
    font-size: 15px;
    background:#fff;
    border-radius: 50%;
    padding: 5px;
    line-height: 1;
    right: -15px;

    }


.admin-slide{
    padding: 30px 0;
    box-sizing: border-box;
    margin-top: 30px;
}
.admin-slide .admin-col{
    float: left;
    width: calc(33.33% - 10px);
    margin-right: 15px;
}
.admin-slide .admin-col:last-of-type{}
.admin-slide .admin-col p{
    color: #fff;
    max-width: 70%;
}
.admin-slide .forward-looking{
    max-width: 75%;
    margin: 50px auto;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 30px;
    background: #fff;
}
.admin-slide .forward-looking h4{
    margin-bottom: 30px;
}
.admin-slide .forward-looking p{
    max-width: 95%;
}

.admin-col.last {
    margin: 0;
}


.header-esg-link-footer{background: #326E9A;width: 100px;height: 100px;position: absolute;right: 5%;top: 25px;border-radius: 50%;text-align: center;line-height: 107px;font-size: 12px;box-sizing: border-box;padding: 15px 10px;border: 10px solid #fff;transition: .35s linear all;}
.header-esg-link-footer:hover{background: #CD171F;transition: .35s linear all;}
.header-esg-link-footer a{ color: #fff}
.header-esg-link-footer span{line-height: 1.2;display: inline-block;}
.header-esg-link-footer img{position: absolute;top: 100%;display: none;transition: .35s linear all;}
.header-esg-link-footer:hover img{display: block;transition: .35s linear all;}

section.next-prev {
    background: #CD171F;
    height: 70px;
    margin-top: 60px;
}

.previous {
    float: left;
    border-radius: 30px;
    width: 150px;
    background: #ECE8E4;
    text-align: center;
    padding: 15px 30px;
    color: #CD171F;
    top: -30px;
    position: relative;
    font-weight: 600;
}

.next {
    float: right;
    border-radius: 30px;
    width: 150px;
    background: #ECE8E4;
    text-align: center;
    padding: 15px 30px;
    color: #CD171F;
    top: -30px;
    position: relative;
    font-weight: 600;
}

.next a {
    color: #CD171F;
}

.previous a {
    color: #CD171F;
}

.next-prev article {
    margin: 0 auto;
    padding: 5px 20px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1400px;
    position: relative;
}

.next-arrow {
    position: absolute;
    right: 15px;
    background: #CD171F;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 13px;
}

.pg-previous {
    padding-left: 20px;
}

.previous-arrow {
    position: absolute;
    left: 15px;
    background: #CD171F;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 13px;
}

.previous-arrow:after {
    content: '\ef36';
    display: block;
    position: absolute;
    top: 4px;
    font-family: 'icomoon';

    color: #fff;
    font-size: 15px;
    left: 7px;
}

.next-arrow:after {
    content: '\ef32';
    display: block;
    position: absolute;
    top: 4px;
    font-family: 'icomoon';
    color: #fff;
    font-size: 15px;
    left: 7px;
}


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




.cont-col {
    width: 54%;
    float: left;
    box-sizing: border-box;
    padding: 100px 30px 45px 60px;
}


.pic-col {
    position: relative;
    height: 100vh;
    overflow-y: hidden;
    transition: .3s linear all;
    background-repeat: no-repeat;
    background: url("../images/downloads.png");
    background-size: cover;
	    width: 24%;
    float: left;
    box-sizing: border-box;
    padding: 30px;
}


.downloads-list{ list-style: none; padding: 0; margin: 0;border-bottom: 1px solid #022C56;}
.downloads-list li{
    border-top: 1px solid #022C56;
    padding: 15px 5px;
    position: relative;
    box-sizing: border-box;
    }
.downloads-list li a{position: relative;color: #022C56;display: block;padding-right: 120px;}
.downloads-list li a:after{content: '';font-family: 'icomoon';right: 35px;position: absolute;top: 50%;transform: translateY(-50%);}
.downloads-list li a:before{content: 'download';right: 65px;position: absolute;top: 50%;transform: translateY(-50%);}
.downloads-list li.pdf a:after{ content: "\efd5"; }
.downloads-list li.web a:after{ content: '\eebf'; }
.downloads-list li.web a:before{ content: 'view'; }
.downloads-list li.exl a:after{ content: "\efd8"; }
.downloads-list li.mic a:after{ content: '\e8c7'; }
.downloads-list li.mic a:before{ content: 'listen'; }

.downloads-list li:hover{background: rgba(36, 110, 153, 0.3);}

.cont-col {
    width: 45%;
}
.nav-col {
    background: url(../images/big-cover.png);
    background-position: 15% 249px;
    background-size: 154%;
    background-repeat: no-repeat;
    width: 31%;
    z-index: 2;
    float: left;
    height: 100vh;
}