/* global */
@font-face{
   font-family:"ProximaNova-Medium";
   src:url("fonts/b918fc25-caba-4cf5-8606-d77742e476f4.eot?#iefix");
   src:url("fonts/b918fc25-caba-4cf5-8606-d77742e476f4.eot?#iefix") format("eot"),url("fonts/e898042a-5eb9-4810-b578-c3993ab58f0f.woff2") format("woff2"),url("fonts/cb9d4f02-d326-46b0-a857-930cce057f80.woff") format("woff"),url("fonts/75cafc03-22e4-41b0-8bc2-1b9081506ecc.ttf") format("truetype"),url("fonts/efb9f6bb-840c-47d2-a504-11c8c352aded.svg#efb9f6bb-840c-47d2-a504-11c8c352aded") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"ProximaNova-Light";
   src:url("fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix");
   src:url("fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix") format("eot"),url("fonts/d9fe41ee-4904-4a11-ba11-b61cd3be767f.woff2") format("woff2"),url("fonts/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff") format("woff"),url("fonts/c12b3ebb-3771-483f-a84a-ac63d615c28e.ttf") format("truetype"),url("fonts/2a961063-ea56-4a4b-8cea-bdae32edb0e2.svg#2a961063-ea56-4a4b-8cea-bdae32edb0e2") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"ProximaNova-Regular";
   src:url("fonts/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix");
   src:url("fonts/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix") format("eot"),url("fonts/64017d81-9430-4cba-8219-8f5cc28b923e.woff2") format("woff2"),url("fonts/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff") format("woff"),url("fonts/2aff4f81-3e97-4a83-9e6c-45e33c024796.ttf") format("truetype"),url("fonts/ab9cd062-380f-4b53-b1a7-c0bec7402235.svg#ab9cd062-380f-4b53-b1a7-c0bec7402235") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"ProximaNova-RegularItalic";
   src:url("fonts/bc15a635-a09b-40d1-a5c4-70310166177d.eot?#iefix");
   src:url("fonts/bc15a635-a09b-40d1-a5c4-70310166177d.eot?#iefix") format("eot"),url("fonts/129d49d6-5492-4ed1-96f7-0528c6d53abc.woff2") format("woff2"),url("fonts/9c69c878-2255-4027-8632-ed3635cddf45.woff") format("woff"),url("fonts/b7eb3871-e910-4522-9982-effb425a2714.ttf") format("truetype"),url("fonts/a0d89860-20e5-4bc0-b6c5-eae8ae0ebbbf.svg#a0d89860-20e5-4bc0-b6c5-eae8ae0ebbbf") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"ProximaNova-Semibold";
   src:url("fonts/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix");
   src:url("fonts/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix") format("eot"),url("fonts/ae47a7f5-89da-4879-b934-29722c3dd451.woff2") format("woff2"),url("fonts/70ae52ec-d89b-4c6a-9402-854ebe423c54.woff") format("woff"),url("fonts/6a35571c-ea14-4dac-9ae1-0e7af0abeec8.ttf") format("truetype"),url("fonts/ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c.svg#ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"ProximaNova-Bold";
   src:url("fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix");
   src:url("fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix") format("eot"),url("fonts/0d416408-95c6-4ad7-b08d-e60573d3b37d.woff2") format("woff2"),url("fonts/d999c07b-a049-4eb5-b8a6-4f36ae25e67e.woff") format("woff"),url("fonts/4d4a75f5-d32a-4a09-8665-133afd39cc37.ttf") format("truetype"),url("fonts/8152bc4e-d700-4c78-b6be-326893e6f53f.svg#8152bc4e-d700-4c78-b6be-326893e6f53f") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"ProximaNova-Black";
   src:url("fonts/9b05cd3b-19d8-496a-816b-8de46cf24af1.eot?#iefix");
   src:url("fonts/9b05cd3b-19d8-496a-816b-8de46cf24af1.eot?#iefix") format("eot"),url("fonts/a086d1e1-d71a-4248-bc5b-6a91bbda0756.woff2") format("woff2"),url("fonts/43106d4c-07a9-48c0-bdeb-d82f359c85f5.woff") format("woff"),url("fonts/7783372a-b74a-4eb3-902f-ab18b106eb46.ttf") format("truetype"),url("fonts/22e79766-6290-47c1-b1af-93665675dd48.svg#22e79766-6290-47c1-b1af-93665675dd48") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"Rockwell-Light";
   src:url("fonts/f39bdccf-b8b1-4a28-8c2b-24430356c55b.eot?#iefix");
   src:url("fonts/f39bdccf-b8b1-4a28-8c2b-24430356c55b.eot?#iefix") format("eot"),url("fonts/26862f13-ee2a-4b4e-8ab8-a061d77d63a8.woff2") format("woff2"),url("fonts/03ce3469-474d-4a33-aa53-992041885902.woff") format("woff"),url("fonts/d5e74403-fdd2-410b-a7f3-67d52e7306df.ttf") format("truetype"),url("fonts/175c4ddc-aadd-4244-b19b-2df2ef67fb7d.svg#175c4ddc-aadd-4244-b19b-2df2ef67fb7d") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"Rockwell-Regular";
   src:url("fonts/a9cf9cb7-cb35-4353-a2a1-28c77168925d.eot?#iefix");
   src:url("fonts/a9cf9cb7-cb35-4353-a2a1-28c77168925d.eot?#iefix") format("eot"),url("fonts/f60b9b8c-1fb9-43fc-a776-1ed969eec0b6.woff2") format("woff2"),url("fonts/809557e9-7c0c-4021-8ec0-d11de2761d0f.woff") format("woff"),url("fonts/c4a4c78a-6774-40cb-bc08-c9904e238cdb.ttf") format("truetype"),url("fonts/d58fe3fb-8b0f-4e7c-8f10-2fc6026d8389.svg#d58fe3fb-8b0f-4e7c-8f10-2fc6026d8389") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"Rockwell-Italic";
   src:url("fonts/3f9139a2-03af-418c-93d4-cca452316aca.eot?#iefix");
   src:url("fonts/3f9139a2-03af-418c-93d4-cca452316aca.eot?#iefix") format("eot"),url("fonts/477edac9-7e74-4efc-bbb5-0d30e13b5da8.woff2") format("woff2"),url("fonts/4cbec9fd-3ca2-457a-a318-ad7c2c08eefc.woff") format("woff"),url("fonts/d825f3ac-53d3-4620-aca5-4521127ef062.ttf") format("truetype"),url("fonts/1d5ad665-4093-4229-8871-317ffcd1a185.svg#1d5ad665-4093-4229-8871-317ffcd1a185") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"Rockwell-Bold";
   src:url("fonts/1ff83eba-a4b4-4e17-b264-5b2937fbc797.eot?#iefix");
   src:url("fonts/1ff83eba-a4b4-4e17-b264-5b2937fbc797.eot?#iefix") format("eot"),url("fonts/a96cf9d1-9a0e-455a-82ed-91ad7a84eea7.woff2") format("woff2"),url("fonts/64a03e10-a3d3-4484-a566-ffaa4b860428.woff") format("woff"),url("fonts/794e4729-88fc-4fb6-b0b5-cfeade0be158.ttf") format("truetype"),url("fonts/086eb6df-02ec-48c4-804e-6130604657d7.svg#086eb6df-02ec-48c4-804e-6130604657d7") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"Rockwell-BoldItalic";
   src:url("fonts/ba20a36e-59a2-4f58-b1a1-f94836366bd3.eot?#iefix");
   src:url("fonts/ba20a36e-59a2-4f58-b1a1-f94836366bd3.eot?#iefix") format("eot"),url("fonts/b0aa37b0-e41b-4ba4-abe9-5d7f3acf033c.woff2") format("woff2"),url("fonts/f0ae06b8-5018-46ab-9acc-b9a010b9b45b.woff") format("woff"),url("fonts/1915c7bc-89ac-4bcd-8db8-c564ee5ec1d4.ttf") format("truetype"),url("fonts/ab02a848-f77f-4a03-8e6a-d2eb53bef158.svg#ab02a848-f77f-4a03-8e6a-d2eb53bef158") format("svg");
   font-display: swap;
}
@font-face{
   font-family:"Rockwell-ExtraBold";
   src:url("fonts/b42740cf-57d8-4bd1-a57a-6f633c0118c4.eot?#iefix");
   src:url("fonts/b42740cf-57d8-4bd1-a57a-6f633c0118c4.eot?#iefix") format("eot"),url("fonts/2ae6a78e-81e0-4ff1-b735-c911ccc663af.woff2") format("woff2"),url("fonts/9537e8b9-d5cf-4c12-a415-f9db7cdaaa7c.woff") format("woff"),url("fonts/299230be-abe3-428a-9822-287b1c3ff923.ttf") format("truetype"),url("fonts/bdd10383-06cb-49b1-8f06-db0e3adeeda3.svg#bdd10383-06cb-49b1-8f06-db0e3adeeda3") format("svg");
   font-display: swap;
}

:focus {
   outline: solid;
   outline-offset: 1px;
   transition: none !important;
}
a:focus .brand__links__website,
.ui__checkbox:focus-within,
a:focus > .group__section,
a:focus > .feed__banner,
a:focus > .slide__more,
a:focus > h2 {
   outline: solid;
}
.otherstory__image a:focus > img {
   outline: solid;
   border:solid;
}

body{
   font-family: 'ProximaNova-Regular', sans-serif;
   font-size:16px;
   line-height:1;
   color:#333333;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
   position: relative;
   overflow-y: scroll;
   -webkit-text-size-adjust: none;
   -webkit-overflow-scrolling: touch;

}
.search-on,
.overlay-on{
   overflow: hidden;
}
.page,
.minheight {
   min-height: 100vh;
   min-height: calc(100vh - 160px);
}

.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}
.clearfix:after {
   clear: both;
}
.clearfix {
   *zoom: 1;
}
a,a:visited {
   color:inherit;
   text-decoration: none;
}
[role="tab"]:hover,
[role="button"]:hover {
   opacity: 0.75;
}
[role="tab"].nohovertrans:hover,
[role="button"].nohovertrans:hover {
   opacity: 1;
}
[role="tab"],
[role="button"] {
   cursor: pointer;
   transition: all 0.3s ease;
}
sup {
   font-size: 0.7em;
   vertical-align: 0.6em;
}
sup.bigger {
   font-size: 0.8em;
   vertical-align: 0.2em;
}
.sup__marginleft {
   margin-left: 3px;
}
sub {
   font-size: 0.5em;
   vertical-align: -0.4em;
}
hr {
   height:1px;
   background:#8993a6;
   margin:40px 0;
   border:0;
}
strong {
   font-family: ProximaNova-Semibold;
}
em {
   font-style: italic;
}
.lowecase {
   text-transform: lowercase;
}
.replacecontent {
   background:pink;

}
.replacecontent .accordion__content {
   background:pink !important;
}
.replacecontent--image {
   width:400px;
   height:300px;
   display:inline-block;
}
.showMobile,
.showTablet {
   display: none;
}
.wrapper {
   max-width:1366px;
   min-width:1240px;
   margin:0 auto;
   position: relative;
}
.wrapper__menupadding {
   padding-left: 255px;
}

.content {
   width:100%;

}
.uppercase {
   text-transform: uppercase;
}
.lowercase {
   text-transform: lowercase;
}
.group__section {
   color:#CE2127;
   font-size: 12px;
   font-family: ProximaNova-Bold;
   text-transform: uppercase;
   letter-spacing: 1.8px;
   width:60%;
   border-bottom: 1px solid #999999;
   margin-bottom: 10px;
   padding-bottom: 10px;
}


.group h1 {
   color:#09264E;
   font-size: 40px;
   font-family: Rockwell-Bold;
   line-height: 1;
   margin-bottom: 10px;
}
.group h2 {
   color:#09264E;
   font-size: 30px;
   font-family: Rockwell-Bold;
   line-height: 1;
   margin-bottom: 10px;
   padding-top:20px;
}
.group h2.h2__notoppadding {
   padding-top: 0;
}
.group h3 {
   color:#09264E;
   font-size: 16px;
   font-family: ProximaNova-Bold;
   line-height: 1.2;
   margin-bottom:6px;
   text-transform: uppercase;
   letter-spacing: 1.5px;
}
.h4,
.group h4 {
   color: #09264E;
   font-size: 18px;
   font-family: ProximaNova-Medium;
   margin-bottom: 10px;
   letter-spacing: 0.4px;
}
.group h6 {
   font-size: 12px;
   color:#333;
   margin-bottom: 20px;
   line-height: 1.4;
   font-family: ProximaNova-Regular;
}

.group .h1 {
   color:#09264E;
   font-size: 40px;
   font-family: Rockwell-Bold;
   line-height: 1;
   margin-bottom: 10px;
   padding-top:0px;
}
.group .anchor + h3,
.group .clearfix + h3,
.group p + h3 {
   margin-top: 35px;
}
.group h3.h3__notransform {
   text-transform: none;
}


.groupfix,
.group ul,
.group ol,
.group p {
   font-size: 16px;
   font-family: ProximaNova-Regular;
   line-height: 1.4;
   margin-bottom: 20px;
}
.group p.margin10--b {
   margin-bottom:10px;
}
.group p.p__nomarginbottom {
   margin-bottom: 0;
}
.table ul,
.group ul,
.group ol {
   list-style: none;
   position: relative;
   left:20px;
   width:calc(100% - 20px);
   margin-bottom: 20px;
}


.table ul ul,
.group ul ul {
   list-style: none;
   margin-top: 10px;

}
.table li,
.group li {
   margin-bottom: 10px;
   position:relative;
   left:0px;

}
.table li:last-child,
.group li:last-child {
   margin-bottom: 0;
}
.default-table ul li:before,
.valuechain ul li:before,
.table ul li:before,
.group ul li:before {
   content:'';
   width:6px;
   height:6px;
   background:#949ca1;
   border-radius:500px;
   position:absolute;
   margin-left:-20px;
   top:0.5em;
}
.group ol.list-number-red,
.group ul.list-check {
   left:40px;
   width:calc(100% - 40px);
}

.group ul.list-check li:before {
   content:'';
   width:28px;
   height:28px;
   background:url('../img/icons/redCheck.svg') no-repeat;
   background-size: cover;
   border-radius:0;
   position:absolute;
   margin-left:-40px;
   top:0.5em;
}
.group ul.list-check--small li:before {
   width:20px;
   height:20px;
}


.table ul ul li:before,
.group ul ul li:before {
   content:'';
   width:6px;
   height:6px;
   background:transparent;
   border:1px solid #949ca1;
   border-radius:500px;
   position:absolute;
   margin-left:-20px;
   top:0.5em;
}
.values p a:visited,
.values p a,
.groupfix a,
.groupfix a:visited,
.group li a:visited,
.group li a,
.group p a:visited,
.group p a {
   color:#09264E;
   text-decoration: underline;
   transition: all 0.3s ease;

}
.group a.nostyle {
   text-decoration: none;
}
.group li a:hover {
   opacity: 0.65;
}
.group ol.list-roman li {
   list-style:lower-roman;
}
.group ol,
.group ol.list-number {
   list-style: decimal;
}
.group ol.list-letter {
   list-style: none;
}
.group ol.list-letter li::before {
   content:'';
   width:20px;
   position:absolute;
   margin-left:-20px;
}
.group ol.list-letter li:nth-child(1)::before {
   content:'a)';
}
.group ol.list-letter li:nth-child(2)::before {
   content:'b)';
}
.group ol.list-letter li:nth-child(3)::before {
   content:'c)';
}
.group ol.list-letter li:nth-child(4)::before {
   content:'d)';
}
.group ol.list-letter li:nth-child(5)::before {
   content:'e)';
}
.group ol.list-letter li:nth-child(6)::before {
   content:'f)';
}
.group ol.list-letter li:nth-child(7)::before {
   content:'g)';
}
.group ol.list-letter li:nth-child(8)::before {
   content:'h)';
}
.group ol.list-letter li:nth-child(9)::before {
   content:'i)';
}
.group ol.list-letter li:nth-child(10)::before {
   content:'j)';
}
.group ol.list-letter li:nth-child(11)::before {
   content:'k)';
}
.group ol.list-letter li:nth-child(12)::before {
   content:'l)';
}
.group ol.list-letter li:nth-child(13)::before {
   content:'m)';
}

.group ol.list-number-red {
   list-style: none;
}
.group ol.list-number-red li::before {
   content:'';
   width:20px;
   position:absolute;
   margin-left:-30px;
   display: inline-block;
   width:20px;
   height: 20px;
   background:#E6211E;
   color:#fff;
   text-align: center;
   line-height: 20px;
   font-family: ProximaNova-Bold;
   border-radius: 50%;
   margin-top: 3px;

}


.group ol.list-number-red li:nth-child(1)::before {
   content:'1';
}
.group ol.list-number-red li:nth-child(2)::before {
   content:'2';
}
.group ol.list-number-red li:nth-child(3)::before {
   content:'3';
}
.group ol.list-number-red li:nth-child(4)::before {
   content:'4';
}
.group ol.list-number-red li:nth-child(5)::before {
   content:'5';
}
.group ol.list-number-red li:nth-child(6)::before {
   content:'6';
}
.group ol.list-number-red li:nth-child(7)::before {
   content:'7';
}
.group ol.list-number-red li:nth-child(8)::before {
   content:'8';
}
.group ol.list-number-red li:nth-child(9)::before {
   content:'9';
}
.group ol.list-number-red li:nth-child(10)::before {
   content:'10';
}

.group blockquote,
.group blockquote p {
   color:#E6211E;
   font-family: Rockwell-Bold;
   font-size: 18px;
   line-height: 1.3;
}
.group blockquote {
   padding: 30px;
   border-top: 1px solid #b5bdca;
   border-bottom: 1px solid #b5bdca;
   margin: 30px 0;
}
.group blockquote p:last-child {
   margin-bottom: 0;
}

.group .underline {
   text-decoration: underline;
}
.img100 img{
   width:100%;
}
.img15 {
   width: 15%;
}
.img30 {
   width: 30%;
}
.img35 {
   width: 35%;
}
.bigred {
   color:#CE2127;
   font-size: 50px;
   font-family: Rockwell-Bold;
   margin-top:20px;
   line-height: 1;
   margin-bottom: 10px;
}
.bigred--right {
   text-align: right;

}

/* cta box */
.cta {
   position: relative;
   width: 100%;
}
.cta--white {
   color: #fff;
}
.cta__border {
   border:1px solid #fff;
}
.cta--top {
   overflow: hidden;

}
.cta--nobox {
   display: inline-block;
   padding-top:0;
   width: auto;
   vertical-align: middle;
}
.cta--nobox--right {
   margin-left: 20px;
}
.cta__content {
   width:100%;
   color:#fff;
   position: relative;
   z-index: 1;
}
.cta__content--shade,
.cta--top .cta__content {
   position: absolute;
   top:0;
   height:100%;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+24,0.65+79 */
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0.65) 79%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0.65) 79%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0.65) 79%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
   z-index: 1;
}
.cta__position {
   width:100%;
   padding:30px 20px;
}
.cta--top .cta__position{
   position: absolute;
   bottom: auto;
   top:30%;
   padding:0px 20px;
}
.cta--top.cta--sustainability .cta__position{
   top:20%;

}
.cta--top .cta__position--bottom,
.cta__position--bottom{
   bottom: 30px;
   top:auto;
   position: absolute;
   padding:0px 20px;

}
.cta__content--nogradient {
   background: none;
}
.cta__image {
   position: absolute;
   width:100%;
   top:0;
   overflow: hidden;
   z-index: 0;
}
.cta__image img {

   min-height: 100%;
   min-width: 100%;
   max-width: 130%;

}
.cta__link {
   width:35px;
   height:35px;
   background:url('../img/icons/gotoRed.svg') no-repeat;
   background-size: cover;
   border-radius: 50%;
   display: inline-block;
   margin-bottom: 20px;
}

.cta__link i {
   display: none;
}
.cta--nobox .cta__more,
.cta--nobox .cta__link {
   vertical-align: middle;
   margin-top:0;
   margin-bottom: 0;
}
.cta--nobox .cta__more {
   margin-left:10px;
}

.ctaOutside__content {
   padding:20px 40px;
}
.leftpaddinghalf .ctaOutside__content {
   padding:20px 20px;

}
.ctaOutside__title {
   color:#777;
   font-family: Rockwell-Bold;
   font-size: 22px;
   margin-bottom: 5px;
}
.ctaOutside__description {
   color:#333333;
   font-family: ProximaNova-Regular;
   font-size: 13px;
   line-height: 1.2;

}

.ctaOutside__image {
   width:100%;
   padding-top:60%;
   position: relative;
   overflow: hidden;
}
.ctaOutside__image__cut {
   width:100%;
   height: 100%;
   overflow: hidden;
   position: absolute;
   top:0;
}
.ctaOutside__image img {
   min-width: 100%;
   max-width: 110%;

}
.ctaOutside__link {
   width:35px;
   height:35px;
   background:url('../img/icons/gotoRed.svg') no-repeat;
   background-size: cover;
   display: inline-block;
   margin-bottom: 20px;
   position: absolute;
   bottom: 0px;
   left:20px;
}
.ctaOutside__link i {
   display: none;
}
.ctaOutside__more {
   color:#555555;
   font-size: 11px;
   font-family: ProximaNova-Medium;
   text-transform: uppercase;
   margin-top:20px;
}
.ctaOutside--margintop {
   margin-top:10px;
}
a:focus > .cta {
   outline: solid;
}
.arrow {
   width:35px;
   height:35px;
   background:url('../img/icons/gotoWhite.svg') no-repeat;
   background-size: cover;
   display: inline-block;
   vertical-align: middle;

}
.arrow--darkblue {
   background:url('../img/icons/gotoDkBlue.svg') no-repeat;


}
.arrow i {
   display: none;
}
.arrow--small {
   width:25px;
   height:25px;

}
.arrow--smallest {
   width:16px;
   height:16px;

}
.cta__title {
   font-size: 27px;
   font-family: Rockwell-Bold;
   line-height: 1;
   margin-bottom: 10px;
}
.fr .cta__title,
.fr .cta--alert .cta__title {
   font-size: 22px;
}
.cta__description {
   border-top: 1px solid rgba(255,255,255,0.5);
   font-family: ProximaNova-Regular;
   font-size: 13px;
   line-height: 1.2;
   padding-top:10px;
}
.cta__description a {
   text-decoration: underline;
}
.cta--page .cta__description {
   margin-right:60px;
}
.cta__more {
   font-family: ProximaNova-Medium;
   font-size: 11px;
   text-transform: uppercase;
   margin-top:20px;
   letter-spacing: 1.8px;
}

.cta__theme--red .cta__link {
   background-image:url('../img/icons/gotoRed.svg');
}
.cta__theme--darkblue .cta__link {
   background-image:url('../img/icons/gotoDkBlue.svg');

}
.cta__theme--white .cta__link {
   background-image:url('../img/icons/gotoWhite.svg');

}

.cta--red .cta__link {
   background-image:url('../img/icons/gotoWhite.svg');
}
.cta--red .cta__content {
   background:#E6211E;
}
.cta--red.cta--darker .cta__content{
   background:#dd1c1a;
}
.cta__link--red {
   background-image:url('../img/icons/gotoRed.svg');
}
.cta__link--darkblue {
   background-image:url('../img/icons/gotoDkBlue.svg');
}
.cta__link--white {
   background-image:url('../img/icons/gotoWhite.svg');
}
.cta--darkblue .cta__content {
   background:#09264E;
}
.cta--naturalwhite .cta__content {
   background:#f2e9db;
   color: #09264E;
}
.cta--naturalwhite .cta__description {
   color:#09264E;
   border-top:1px solid #09264E;
}
.cta--darkblue .cta__link {
   background-image:url('../img/icons/gotoWhite.svg');
}

.cta--clearblue .cta__link {
   background-image:url('../img/icons/gotoBlue.svg');
}
.cta--clearblue .cta__content{
   color:#004AB5;
}
.cta--clearblue .cta__description {
   color:#555;
   border-top:1px solid #004AB5;
}
.cta--clearblue .cta__description a:visited,
.cta--clearblue .cta__description a {
   color:#004AB5;
   text-decoration: underline;
}
.cta__theme--darkblue.cta--nobox .cta__more {
   color: #09264E;
}
.cta__theme--white.cta--nobox .cta__more {
   color: #fff;
}
.cta--blue .cta__content {
   background:#004ab5;
}

.cta--blue .cta__link {
   background-image:url('../img/icons/gotoWhite.svg');
}


.cta--lightblue .cta__content {
   background:#004AB5;
}


.cta--lightblue  .cta__link {
   background-image:url('../img/icons/gotoWhite.svg');
}
.cta--small .cta__title {
   font-size: 20px;
}
.cta--lightgreen  .cta__content {
   background:#737a4d;
}
.cta--lightgreen  .cta__link {
   background-image:url('../img/icons/gotoWhite.svg');
}
/* end story box */
/* grid */
.grid {
   float:left;
}
.grid--right {
   float:right;
}
.grid--80 {
   width:80%;
}
.grid--75 {
   width:75%;
}
.grid--70 {
   width:70%;
}
.grid--60 {
   width:60%;
}
.grid--55 {
   width:55%;
}
.grid--50 {
   width:50%;
}
.grid--45 {
   width:45%;
}
.grid--40 {
   width:40%;
}

.grid--33 {
   width:33.33%;
}
.grid--30 {
   width:30%;
}
.grid--25 {
   width:25%;
}
.grid--20 {
   width:20%;
}
.grid--15 {
   width:15%;
}
.grid__paddingright {
   padding-right: 50px;
}
.grid__paddingleft {
   padding-left: 50px;
}
.grid__paddingright--small {
   padding-right: 20px;
}
.grid__paddingleft--small {
   padding-left: 20px;
}

/* end grid*/


/* container */
.container--small {
   width:80%;
}
.container--pb {
   padding-bottom: 60px;
}
.container--pt {
   padding-top: 60px;
}
.container--pt--small {
   padding-top: 20px;
}
.container--pt--medium {
   padding-top: 40px;
}
.container--pbt {
   padding-top: 60px;
   padding-bottom: 60px;
}
.container--pbt--small {
   padding-top: 20px;
   padding-bottom: 20px;
}
.container--pbt--medium {
   padding-top: 40px;
   padding-bottom: 40px;
}
.container--red {
   background: #E6211E;
   color:#fff;
}
.container--red .group__section {
   color: #fff;
   border-bottom: 1px solid rgba(255,255,255,0.5);
}
.container--red .group h1 {
   color: #fff;
}
/* end container */


/* button */
.button {
   background:#E6211E;
   color:#fff;
   border-radius: 30px;
   display: inline-block;
   padding: 15px 50px 15px 30px;
   transition: all 0.3s ease;
   border:0;
   border:1px solid transparent;
   line-height: 1;
   position:relative;
   cursor: pointer;
}
.button--noicon {
   padding-right: 30px;
}
.button:hover {
   background:transparent;
   opacity: 1;
   border:1px solid #1A122D;
   color:#1A122D;
   opacity: 0.75;
}
.button--small {
   padding: 8px 15px;
   border-radius: 20px;
}
.button--red {
   background:#E6211E;
}
.button--red:hover {
   background: #fff;
   color:#E6211E;
   border-color: #E6211E
}
.button--white {
   background:#fff;
   border:1px solid #09264E;
   color:#09264E;
}
.button--whiteonred {
   background:none;
   border:1px solid #fff;
   color:#fff;
}
.button--whiteonred:hover {
   background:#fff;
   border:1px solid #E6211E;
   color:#E6211E;
}
.button--green {
   background:#737a4d;
   color:#fff;
}

.button--blue {
   background:#004AB5;
   color:#fff;
}
.button--darkblue {
   background:#09264e;
   color:#fff;
}
.button__label {
   font-size: 11px;
   text-transform: uppercase;
   font-family: ProximaNova-Medium;
   letter-spacing: 1.8px;
   vertical-align: 1px;
}
.button__icon {
   font-size: 12px;
   margin-left: 5px;
   position: absolute;
   right: 20px;
   top: 50%;
   margin-top: -6px;
}


.button--full {
   width: 100%;
}

/* end button */


/* slides */
.slides {
   position: relative;

}
.slides__content {
   width:100%;
   overflow: hidden;
}
.slides__contentx2 {
   width:200%;
}
.slides__load {
   display: inline-block;
   width:50%;
   vertical-align: top;
}
a:focus > .slide {
   border: 1px solid;
}
.slide__head {
   font-size: 12px;
   font-family: ProximaNova-Light;
   letter-spacing: 1px;
   color:#555555;
   margin-bottom: 5px;
   margin-top:5px;
}
.slide__desc {
   font-family: ProximaNova-Regular;
   font-size: 18px;
   color:#09264E;
   line-height: 1.1;
}
.slide__content {

}
.slide__more {
   color:#E6211E;
   font-size: 11px;
   text-transform: uppercase;
   font-family: ProximaNova-Medium;
   margin-top: 15px;
}

.slides__nav {
   margin-top:30px;
   display: inline-block;

}

.slides[data-slides-hidenav="1"] .slides__nav {
   display: none;
}
.slides__toggle {

   display: inline-block;
   transition: opacity 0.3s ease;
   color:#333333;
   font-family: ProximaNova-Semibold;
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 2px;


}
.slides__toggle__icon {
   display: inline-block;
   padding: 5px 12px;
   border:1px solid #aaa;
   font-size: 18px;
   background:rgba(0,0,0,0.01);
}
.slides__toggle--prev .slides__toggle__icon {
   border-radius: 50% 0 0 50%;
   margin-left: 5px;
}
.slides__toggle--next .slides__toggle__icon {
   border-radius: 0 50% 50% 0;
   margin-right: 5px;
}
.slides__toggle--next {
   margin-left: -1px;
}

.slides__toggle:hover {
   opacity: 1;
}
.slides__toggle:hover .slides__toggle__icon {
   background:rgba(0,0,0,0.05);
}
.slides__toggle--disable {
   pointer-events: none;
   opacity: 0.25;
}
.loading::after {
   content: '';
   position: absolute;
   display: block;
   pointer-events: none;
   width:100%;
   height:100%;
   opacity: 0;
   z-index: 3;
   top:0;
   left:0;

}
.loading {
   opacity: 1;
   transition: all 0.5s ease;
}
.loading--animate {
   opacity: 0.5;
}
.loading .slides__toggle {
   pointer-events: none;
}
.slides__loadmore {
   display: none;
}
.slides__load--inactive {
   display: none;
}
/* end slide */



/* stock*/

.home-stockquote {
   text-align: right;
   margin-bottom: 40px;
   min-height: 110px;
}
.stockquote {
   display: inline-block;
}
.stockquote__bar {
   display: inline-block;
   background: #09264E;
   border-radius: 40px 0 0 40px;
   padding: 20px 30px 16px 70px;
   color: #ffffff;
   font-size: 24px;
   font-family: ProximaNova-Bold;
   letter-spacing: 0.1em;
}
.stockquote__price {
   border-right:1px solid rgba(255,255,255,0.5);
   padding-right:20px;
   margin-right:10px;
   display: inline-block;
}
.stockquote__currency {
   display: inline-block;
}
.stockquote__change {
   display: inline-block;
   color:#737a4d;
}
.stockquote__change--negative {
   color:#E6211E;
}
.stockquote__note {
   font-size: 11px;
   color:#555555;
   font-family: ProximaNova-Regular;
   margin-top:10px;
   padding-right: 10px;
}
.stockquote .qmod-mkt-mid {
   display: none;
}
.stockquote .qmod-mkt-top {
   display: inline-block;
   border:1px solid #09264E;
   border-radius: 40px 0 0 40px;
   padding: 20px 30px 16px 70px;
   color: #333333;
   font-size: 24px;
   font-family: ProximaNova-Bold;
   letter-spacing: 0.1em;
}
.stockquote .qmod-mkt-mid,
.stockquote .qmod-heading {
   display: none;
}
.stockquote .qmod-change .qmod-pipe-sep {
   display: none;
}
.stockquote .qmod-change .qmod-pipe-sep + span {
   display: none;
}
.stockquote .qmod-mkt-btm {
   font-size: 11px;
   color:#555555;
   font-family: ProximaNova-Regular;
   margin-top:10px;
   padding-right: 10px;
}
.stockquote .qmod-entline {
   font-size: 11px;
   color:#555555;
   font-family: ProximaNova-Regular;
   padding-right: 10px;
}
.stockquote .qmod-quotehead .qmod-mkt-hours .qmod-last,
.stockquote .qmod-quotehead .qmod-mkt-hours .qmod-change {
   font-size: 24px;
}
.stockquote .qmod-quotehead .qmod-mkt-hours .qmod-last {
   border-right: 1px solid rgba(255,255,255,0.5);
   padding-right: 10px;
   margin-right: 10px;
   display: inline-block;
}
.stockquote .qmod-block-wrapper {
   margin-bottom: 0;
}
.stockquote .qmod-quotehead .qmod-head-left, .stockquote .qmod-quotehead .qmod-head-right {
   margin-left: 0;
   margin-top: 0;
   margin-right: 0;
}
.stockquote-chart .qmod-ch-up,
.stockquote-table .qmod-ch-up,
.stockquote .qmod-ch-up {
   color:#666D2C;
}
.stockquote-chart .qmod-ch-down,
.stockquote .qmod-ch-down,
.stockquote-table .qmod-ch-down {
   color:#E6211E;
}
.stockquote-chart .qmod-heading,
.stockquote-table .qmod-heading {
   background-color: transparent;
   font-weight: normal;
   margin: 0;
   padding: 0;
   color:
   #09264E;
   font-size: 15px;
   font-family: ProximaNova-Bold;
   line-height: 1.2;
   margin-bottom: 6px;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   font-size: 15px;
}
.stockquote-chart .qmod-heading,
.stockquote-table h1 {
   display: none;
}
.stockquote-chart h1.qmod-heading,
.stockquote-table h1.qmod-heading {
   font-size: 15px;
}


.stockquote-table .qmod-quotehead .qmod-mkt-hours .qmod-last, .stockquote-table .qmod-quotehead .qmod-mkt-hours .qmod-change {
   font-size: 1em;
}
.stockquote-table .qmod-quotehead .qmod-bid > .qmod-dp {
   color:#737a4d;
}
.stockquote-table .qmod-quotehead .qmod-ask > .qmod-dp {
   color: #737a4d;
}
.stockquote-chart .qmod-ui-tool,
.stockquote-table .pure-g [class*="pure-u"] {
   font-family: ProximaNova-Regular;
}
.stockquote-table .qmod-quotehead .qmod-pipe-sep {
   font-size: 100%;
}
.stockquote-table .qmod-ui-tool a {
   color: #09264E;
   text-decoration: underline;
   cursor: pointer;
}
.stockquote-chart .qmod-btn.qmod-btn-link {
   color: #09264E;
}
.stockquote-chart .qmod-pricehistory .qmod-quotehead {
   display: none;
}
.stockquote-chart .qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend > li, .stockquote-chart .qmod-simplechart.qmod-ui-tool .qmod-chart-buttons-rs .qmod-legend > li {
   background-color: #09264E;
}
.stockquote-chart .qmod-heading,
.stockquote-chart h2 {
   display: none;
}
/* end stock*/



/* form ui */
.inputor,
.selector {
   display: inline-block;
   position: relative;
   overflow: hidden;
   vertical-align: middle;
}
.inputor input,
.selector select {
   padding: 7px 82px 5px 16px;
   font-family: ProximaNova-Medium;
   letter-spacing: 2px;
   font-size: 11px;
   color:#09264E;
   width: 100%;
   border:0;

   box-shadow: none;
   background: 0 0;
   background-image: none;
   -webkit-appearance: none;
   cursor: pointer;
   -moz-appearance: none;

   text-transform: uppercase;

}
select::-ms-expand {
   display: none;
}
.inputor input {
   padding:10px 20px;
}
.inputor {
   border:1px solid #333;
}
.inputor--white {
   border-radius: 50px;
   background:#fff;
   -moz-box-shadow:    inset 0px 2px 3px rgba(0,0,0,0.1);
   -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);
   box-shadow:    inset 0px 2px 3px rgba(0,0,0,0.1);
   border: 1px solid #eee;
}
.selector--white {
   border-radius: 50px;
   background:#fff;
   -moz-box-shadow:    inset 0px 2px 3px rgba(0,0,0,0.1);
   -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);
   box-shadow:    inset 0px 2px 3px rgba(0,0,0,0.1);
   border: 1px solid #eee;
}
.selector__icon {
   display: block;
   position: absolute;
   right: 0;
   background: #09264E;
   top: 0;
   width: 40px;
   text-align: center;
   height: 100%;
   padding-top:5px;
   color:#fff;
   font-size: 24px;
   pointer-events: none;
}

/* end form ui */

/* subaccordion */
.subaccordion__content {
   transition: all 0.5s ease;
   max-height: 2000px;
   overflow: hidden;
}
.subaccordion__item--hidden .subaccordion__content {
   max-height: 0;
   transition: none;
}
.subaccordion__content > .subaccordion .subaccordion__head {
   padding-left: 40px;
}
.subaccordion__content > .subaccordion .downloadtable {
   padding-left: 40px;
}
.subaccordion__item--hidden .subaccordion__close,
.subaccordion__item .subaccordion__open{
   display: none;
}
.subaccordion__item--hidden .subaccordion__open {
   display: inline-block;
}
.subaccordion__toggle {
   color:#09264E;
   font-size: 11px;
   display: inline-block;
   margin-left:20px;
}
.subaccordion__head * {
   display: inline-block;
}

.subaccordion__item--active .subaccordion__head {
   background:#e9f2fc;
}
.subaccordion--noheadbg .subaccordion__item--active .subaccordion__head {
   background: none;
}
/* end subaccordion */


/* accordion */
.accordion__content {
   transition: all 0.5s ease;
   max-height: 10000px;
   overflow: hidden;
}
.accordion__content__marginbottom {
   margin-bottom: 30px;
}
.accordion__item--hidden .accordion__content {
   max-height: 140px;
   transition: none;
   position: relative;
}
.accordion__item--hidden.accordion__item--nopreview .accordion__content{
   max-height: 0;
}

/*white*/
.accordion__item--hidden .accordion__content::after {
   position: absolute;
   content: "";
   width:100%;
   height:120px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#F2E9DB+0,FAF6F1+100&0+0,1+72 */
   background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
   bottom: 0;
   display: block;
   left:0;
   z-index: 2;
}

/*brown*/
.section--investors__corporate-governance .accordion__item--active .accordion__item--hidden .accordion__content::after,
.section--food-safety__nitrate-nitrite .accordion__item--active .accordion__item--hidden .accordion__content::after,
.section--food-safety__food-safety-at-home .accordion__item--active .accordion__item--hidden .accordion__content::after,
.section--sustainability__overview .accordion__item--active .accordion__item--hidden .accordion__content::after {

   background: -moz-linear-gradient(top, rgba(242,233,218,0) 0%, rgba(242,233,218,1) 72%, rgba(242,233,218,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(242,233,218,0) 0%,rgba(242,233,218,1) 72%,rgba(242,233,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(242,233,218,0) 0%,rgba(242,233,218,1) 72%,rgba(242,233,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2E9DA', endColorstr='#F2E9DA',GradientType=0 ); /* IE6-9 */


}

/*light blue*/
.section--investors__corporate-governance .accordion__item--active .accordion__item--hidden .accordion__content::after {
   background: -moz-linear-gradient(top, rgba(235,242,250,0) 0%, rgba(235,242,250,1) 72%, rgba(235,242,250,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(235,242,250,0) 0%,rgba(235,242,250,1) 72%,rgba(235,242,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(235,242,250,0) 0%,rgba(235,242,250,1) 72%,rgba(235,242,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf2fa', endColorstr='#ebf2fa',GradientType=0 ); /* IE6-9 */

}

.accordion__item--hidden .accordion__close,
.accordion__item .accordion__open{
   display: none;
}
.accordion__item--hidden .accordion__open {
   display: inline-block;
}
.accordion__item--hidden .accordion__content {
   cursor: pointer;
}
.accordion__head {
   position: relative;
}
.accordion__toggle {
   color:#09264E;
   font-size: 23px;
   display: inline-block;
   margin-left:20px;
   position: absolute;
   margin-top: 8px;
   margin-left:-60px;


}

.accordion__head * {
   display: inline-block;

}

.accordion__head h1 {
   color: #09264E;
   font-size: 40px;
   font-family: Rockwell-Bold;
   line-height: 1;
   padding-right: 100px;
   margin-top: -4px;
}

.accordion__head h2 {
   margin-bottom: 0;
   color: #09264E;
   font-size: 30px;
   font-family: Rockwell-Bold;
   line-height: 1;
   padding-right: 100px;
}
.accordion__head  {
   padding:20px 0;
   border-top: 1px solid #cccccc;
}
.accordion__item--borderbottom {
   border-bottom: 1px solid #cccccc;
}
.accordion__head h3 {
   color:#09264E;
   font-size: 16px;
   font-family: ProximaNova-Bold;
   line-height: 1;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   padding-right: 90px;

}
.accordion__head--small .accordion__toggle {
   font-size: 12px;
   margin-top: 4px;
}
.fr .accordion__head--small .accordion__toggle {
   margin-top: 7px;
}

/* end accordion */


.content-height__content {
   transition: all 1s ease;
   max-height: 8000px;
}
.content-height--restrict .content-height__content {
   max-height: 600px;
   overflow: hidden;
   position: relative;

}
.content-height--restrict.content-height--small .content-height__content {
   max-height: 340px;


}
.content-height--restrict .content-height__content::after {
   position: absolute;
   content: "";
   width:100%;
   height:100px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#F2E9DB+0,FAF6F1+100&0+0,1+72 */
   background: -moz-linear-gradient(top, rgba(242,233,218,0) 0%, rgba(242,233,218,1) 72%, rgba(242,233,218,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(242,233,218,0) 0%,rgba(242,233,218,1) 72%,rgba(242,233,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(242,233,218,0) 0%,rgba(242,233,218,1) 72%,rgba(242,233,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FAF6F1', endColorstr='#F2E9DB',GradientType=0 ); /* IE6-9 */
   bottom: 0;
}

.content-height--restrict .content-height__content--white::after {

   background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.content-height__more {
   text-align: center;
   transition: opacity 0.3s ease;
   clear:both;
   margin-bottom: 40px;
}
.content-height__more:hover {
   opacity: 0.75;
}
.content-height--restrict {

}
.content-height__more__icon {
   background:#E6211E;
   border-radius:50%;
   width:20px;
   height:20px;
   font-size: 38px;
   color:#fff;
   display: inline-block;
   text-align: center;
   margin-bottom: 5px;
   margin-top:20px;
   line-height: 10px;

}
.content-height__more__icon::before {
   content:"-";

}
.content-height--restrict .content-height__more__icon::before  {
   content:"+";
}
.content-height--restrict .content-height__more__icon  {
   line-height: 18px;
   font-size: 28px;
}
.content-height__more__text {
   color:#E6211E;
   font-family: ProximaNova-Medium;
   font-size: 11px;
   letter-spacing: 1px;
   text-transform: uppercase;
   letter-spacing: 1.8px;

}
.main-page--food-safety .content-height__more__text {
   color:#CE2127;
}
.caption {
   color:#00204d;
   font-size: 14px;
   font-family: ProximaNova-Regular;
   margin-top: 5px;
}


.leftpadding {
   padding-left:40px;
}
.leftpaddinghalf {
   padding-left: 20px;
}
.leanleft {
   margin-left:-20px;
   width:calc(100% + 20px);
}
.rightpadding {
   padding-right:40px;
}
.slideheading {
   margin-bottom: 30px;
}

.error {
   color:#E6211E;
   font-size: 12px;
   text-transform: uppercase;
   padding:20px 0;
   font-family: ProximaNova-Semibold;
}
.error--hidden {
   display: none;
}


/* events */
.moreevents-container {
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.moreevents{
   padding:40px;
}
.moreevents:first-child {
   padding-left: 0px;
}
.grid--75 .moreevents:first-child {
   padding-left: 40px;
}
.moreevents__date {
   font-size:11px;
   color: #09264E;
   font-family: ProximaNova-Medium;
   letter-spacing: 1px;
   margin-bottom: 5px;
}
.moreevents__title {
   color: #09264E;
   font-family: ProximaNova-Regular;
   line-height: 1.1;
   font-size: 18px;
   margin-bottom: 10px;
   letter-spacing: 0.4px;
}
.moreevents__content {
   font-size:12px;
   color:#333333;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
   margin-top: 10px;

}
.moreevents__more {
   color:#09264E;
   font-size: 11px;
   text-transform: uppercase;
   font-family: ProximaNova-Medium;
   margin-top:10px;
}
/* end events */


/* table */
.table--padding {
   padding: 0 0 0 20px;
}
.table table {
   width:100%;
   background:#ebf2fa;
}
.table caption {
   text-align: left;
}
.table--nobg table {
   background:transparent;
}
.table--middle table td {
   vertical-align: middle;
}
.table--mb {
   margin-bottom: 20px;
}
.table--mbt {
   margin-bottom: 20px;
   margin-top:20px;
}
.table td,
.table th {
   padding: 10px 40px;
   text-align: left;
}
.table--padding td,
.table--padding th
{
   padding: 10px 20px;
}

.table thead th {
   color: #09264E;
   font-size: 18px;
   font-family: ProximaNova-Regular;
   letter-spacing: .4px;
}

.table thead.table__bluehead th {
   background:#001e61;
   color:#fff;
}

.table td {
   color:#555555;
   font-size: 14px;
   font-family: ProximaNova-Semibold;
   transition: all 0.3s ease;

}
.table td p:last-child,
.table td ul:last-child,
.table td ol:last-child {
   margin-bottom: 0;
}
.table__subhead td {
   color:#09264E;
   font-size: 16px;
   font-family: ProximaNova-Semibold;
}

.table tbody tr:hover td {
   background:#fff;
}
.table tbody .table__line:hover td,
.table tbody .table__subhead:hover td {
   background:transparent;
}

.table__type {
   text-align: right;
   color:#555555;
   text-transform: uppercase;
   font-family: ProximaNova-Regular;
   font-size: 12px;
   letter-spacing: 1px;
   transition: all 0.3s ease;
}
.table__hover:hover .table__type{
   color:#E6211E;

}
.table__right th {
   text-align: right;
}
.table__year {
   color: #09264E;
   font-size: 16px;
   font-family: ProximaNova-Regular;
   display: inline-block;
   padding-top: 10px;
   padding-bottom: 10px;
   letter-spacing: 1.2px;
}

.table--line td{
   border-top: 1px solid #999;
}
.table__line--t {
   border-top: 1px solid #999;
}
.story__content table tr:first-child td {
   background: #001e61;
   color: #fff;
   font-size: 18px;
   font-family: ProximaNova-Regular;
   letter-spacing: .4px;
}
.story__content table td {
   border-top: 1px solid #999;
   color: #555555;
   font-size: 14px;
   font-family: ProximaNova-Semibold;
}
.story__content td,
.story__content th {
   padding: 10px 40px;
   text-align: left;
}
.table-org table td:first-child p {
   font-family: ProximaNova-Semibold;
}
.table-org table td {
   border-top: 1px solid #999;
}
.table-org td,
.table-org th {
   padding: 10px 40px;
   text-align: left;
}

.table-org + h4,
.table-org + h2,
.table-org + h3 {
   margin-top: 2em;
}
.table-org tfoot p {

}
/* end table */


/* hero */
.hero {
   position:relative;
   width:100%;
   padding-top:25%;
   overflow: hidden;
   margin-bottom: 30px;
   margin-top: 20px;
}
.hero__img {
   position: absolute;
   top:0;
   width:100%;
   height:100%;

}

.hero__img img {
   width:100%;
}
.hero__heading {
   position: absolute;
   z-index: 2;
   left:40px;
   bottom: 20px;
}

.hero__heading.group h1 {
   color:#ffffff;
}
.hero__heading .group__section {
   color: #fff;
   border-bottom: 1px solid #fff;
}
/* end hero*/

.archives__filters {
   display: inline-block;
   padding-top:10px;
   padding-bottom: 10px;
   padding-right: 40px;
   border-radius: 10px;
}
.archives__filter {
   margin-right: 20px;
}
.archives__noresults {
   padding-top:20px;
}


/* default page content*/
.default__headimage {
   width:100%;
   padding-top:30%;
   overflow: hidden;
   position: relative;
   margin-bottom: 20px;
}
.default__headimage img {
   position: absolute;
   top:0;
   width:100%;

}

/* end default page content*/


/* contact forms */
.section--contact-us__send-us-a-message {
   background:#F2E9DB;
}
.contact__hover {
   transition: all 0.3s ease;
}
.contact__hover:hover {
   opacity: 0.65;
}
.contact__fieldgroup {
   margin-bottom: 20px;
   position: relative;
}
.contact__fielderror {
   color:#E6211E;
   font-size: 11px;
   display: block;
   padding:10px;

   z-index: 2;

}
.contact__fielderror--hidden {
   display: none;
}

.contact textarea,
.contact select,
.contact input{
   width:100%;
   padding:5px;
}
.contact input[type="radio"] {
   width:auto;
}
.contact label {
   color:#09264E;
   font-size: 13px;
   margin-bottom: 5px;
   display: inline-block;
}
.contact__note {
   font-size: 11px;
   margin-bottom: 5px;
   margin-top: 10px;
}
.postal--hidden,
.province--hidden {
   display: none;
}
.contact__step--hidden {
   display: none;
}
.contact__success {
   font-family: ProximaNova-Light;
   font-size: 33px;
   line-height: 1.2;
   padding:50px 0;
}
/* end contact forms */

/* faq */
.faq {
   padding: 10px 0;
   position: relative;
   margin-bottom: 20px;
   padding-left:40px;
}
.faq__question {
   color: #09264E;
   font-family: ProximaNova-Regular;
   font-size: 18px;
   margin-bottom: 10px;
   letter-spacing:.4px;
   display: inline-block;
   width:100%;
   width:calc(100% - 60px);
   line-height: 1.2;
}
.faq__number {
   color:#e8302c;
   font-size: 18px;
   font-family: ProximaNova-Semibold;
   position: absolute;
   left:0;

}
.faq__answer {
   font-family: ProximaNova-Regular;
   font-size: 16px;
   line-height: 1.4;

}
.faq__answer p {
   margin-bottom: 10px;
}
.faq__answer p:last-child {
   margin-bottom: 0px;
}

.faq ul {
   list-style: none;
   position: relative;
   left:20px;
   width:calc(100% - 20px);
}
.faq ul ul {
   list-style: none;
   margin-top: 10px;

}
.faq li {
   margin-bottom: 10px;
   position:relative;
   left:0px;

}
.faq ul li:before {
   content:'';
   width:6px;
   height:6px;
   background:#949ca1;
   border-radius:500px;
   position:absolute;
   margin-left:-20px;
   top:0.5em;
}
.faq ul ul li:before {
   content:'';
   width:6px;
   height:6px;
   background:transparent;
   border:1px solid #949ca1;
   border-radius:500px;
   position:absolute;
   margin-left:-20px;
   top:0.5em;
}
.faq a:visited,
.faq a {
   color: #09264E;
   text-decoration: underline;
}

.faqexpandable {
   padding: 20px 40px;
   border-bottom: 1px solid #b8a9b1;
}
.faqexpandable--footnote {
   border-bottom: 0;
}
.faqexpandable__head[aria-expanded="true"] .faqexpandable__icon {
   transform: rotate(90deg);
}
.faqexpandable__question {
   color:#004AB5;
   font-size: 21px;
   font-family: Rockwell-Bold;
   position: relative;
   padding-right: 40px;
   line-height: 1.3;
}

.faqexpandable__answer {
   font-family: ProximaNova-Regular;
   font-size: 16px;
   line-height: 1.4;
   margin-top: 10px;
}
.faqexpandable__answer ul:last-child,
.faqexpandable__answer ol:last-child,
.faqexpandable__answer p:last-child {
   margin-bottom: 0;
}

.faqexpandable__icon {
   color:#E6211E;
   font-size: 15px;
   position: absolute;
   margin-left: 20px;
   margin-top: 5px;
}
.faqexpandable__answer[aria-hidden="true"] {
   display: none;
}
.faqexpandable__note {
   margin-top: 5px;
   padding-left: 40px;
}
/* end faq */

.bodyimage img {
   width: 100%;
   margin:20px 0;
}
.imgfloat50 {
   float: left;
   width: 50%;
   margin-right: 20px;
   margin-bottom: 20px;
}
.img100 {
   width:100%;
}

.section--sitemap .page_item {
   color:#09264E;
   font-size: 18px;
   font-family: ProximaNova-Bold;
}
.page_item_has_children .page_item {
   font-size: 14px;
}
.g-recaptcha {
   margin:20px 0 40px;
}
.contact {
   width: 70%;
   margin-bottom: 30px;
}
.main-page--contact-us {
   padding-bottom: 120px;
}
.main-page--news-around-the-table {
   padding-bottom: 120px;
}

.main-page--contact-us .accordion__item--active,
.main-page--who-we-are .accordion__item--active {
   background:#F2E9DB;
}
.main-page--news-around-the-table .news-releases {
   margin-bottom: 60px;
}


/* careers */
.main-page--careers .accordion__item--active,
.section--careers {
   background:#F2E9DB;
}
.main-page--careers {
   padding-bottom: 120px;
}
.cta--joblinkedin {
   margin-top: 20px;
}
.careerpath__title {
   color:#09264E;
   font-size: 24px;
   font-family: Rockwell-Bold;
   margin-bottom: 5px;
}
.careerpath__intro {
   font-size: 18px;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
   margin-bottom: 20px;
   color:#09264E;
   letter-spacing: 0.4px;
}
.careerpath__description {
   font-size: 13px;
   font-family: ProximaNova-Regular;
   color:#333333;
   line-height: 1.4;
}
.careerpath__description p {
   margin-bottom: 20px;
}
.careerpath__item--hidden {
   display: none;
}
.careerpath .selector {
   margin-top:10px;
   margin-left:-15px;
   margin-bottom: 20px;
}
.careerpath__select {
   color:#09264E;
   font-size: 16px;
   font-family: ProximaNova-Semibold;
}
.career4 {
   margin-bottom: 20px;
   display: table;
}

.career4__col {
   width:25%;
   border-right:1px solid #999999;
   padding:20px;
   display: table-cell;
}

.career4__col:nth-child(4) {
   border-right:0;
}

.career4__title {
   font-size: 21px;
   color:#555555;
   font-family: Rockwell-Bold;
   margin-bottom: 4px;
}

.career4__big {
   font-size: 34px;
   color:#CE2127;
   font-family: Rockwell-Bold;
   margin-bottom: 4px;
   line-height: 0.9;
}
.career4--story .career4__big {
   font-size: 24px;
}
.career4 p {
   color:#555555;
   font-size: 13px;
   font-family: ProximaNova-Regular;
   line-height: 1.4;
}
.career4 p:last-child {
   margin-bottom: 0;
}
.careervideos__col {
   width:33.33%;
   float:left;
}
.careervideos__col:nth-child(1) {
   padding-right:6px;
}
.careervideos__col:nth-child(2) {
   padding-right:3px;
   padding-left:3px;
}
.careervideos__col:nth-child(3) {
   padding-left:6px;
}
.careervideos__col iframe {
   width: 100%;
}
.careervideos {
   margin-top: 40px;
   margin-bottom: 40px;
}
.careervideos__col .video__text {
   padding:20px;
   font-size: 14px;
}
.careervideos__col .video__play {
   width:32px;
   height:32px;
}

.main-page--careers .floater {
   color: #CE2127;
}
/* end careers */


/* food safety */

.main-page--food-safety .accordion__item--active {
   background:#F2E9DB;
}
.main-page--food-safety {
   padding-bottom: 120px;
}
.badge {
   margin-top:40px;
}
.signature {
   width:150px;
   height:59px;
}
.signature-simple {
   width:200px;
}
.nitrate-studies {
   margin-bottom: 60px;
}
.nitrate-studies  .morenews {
   width:50%;
   margin-bottom: 40px;
}
.nitrate-studies hr {
   clear:both;
}
.section--food-safety {

   background:#E6211E url('../img/food-safety/food-safety-bg.png') no-repeat bottom;
   background-size: 100%;
   padding: 0px 0px 100px;
}
.section--home__food-safety  {
   background:#E6211E url('../img/food-safety/food-safety-bg-home.jpg') no-repeat bottom;
   background-size: cover;
   padding: 0px 0px 240px;
}
.section--food-safety .group__section,
.section--home__food-safety .group__section {
   color:#fff;
   border-bottom: 1px solid #f49896;
}
.section--food-safety .group h3,
.section--food-safety .group h1,
.section--food-safety .group h2,
.section--home__food-safety .group h1,
.section--home__food-safety .group h2,
.section--home__food-safety .group p,
.section--food-safety .group p
{
   color:#fff;
}
.section--home__food-safety .group p,
.section--food-safety .group p {
   font-family: ProximaNova-Regular;
}
.section--food-safety__food-safety-pledge {
   background: #F2E9DB;
}


/* end food safety*/

/* who we are */
.main-page--who-we-are {
   padding-bottom: 120px;
}
.section--who-we-are__our-people-and-values,
.section--who-we-are__our-leadership-team {
   background:#F2E9DB;
}
.timeline__full {
   width:5000px;
   position: relative;
   transition: all 1s ease;
   min-height: 116px;
}
.timeline__window {
   width:100%;
   overflow: hidden;
   padding-top:90px;
}

.timeline__marker {
   width: 175px;
   float:left;
   text-align: center;
   position: relative;
   z-index: 2;
}
.timeline__year {
   display: inline-block;
   width: 33px;
   height:33px;
   background: #cccccc;
   font-size: 10px;
   border-radius: 50%;
   text-align: center;
   line-height: 33px;
   transition: all 0.5s ease;

   -webkit-user-select: none; /* Safari */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* IE10+/Edge */
   user-select: none; /* Standard */
   vertical-align: top;
}

.timeline__year--small {
   font-size: 6px;
}
.timeline__line {
   display: inline-block;
   height:35px;
   background:#E6211E;
   width:1px;
   margin-top:32px;
   vertical-align: top;
   transition: all 0.3s ease;
}
.timeline--green .timeline__line {
   background-color:#737a4d;
}
.timeline__marker:hover .timeline__year {
   background:#E6211E;
   color:#fff;
   -webkit-transform-origin: center;
   -webkit-transform: scale(2) translateY(-10px);
   transform-origin: center;
   transform: scale(2) translateY(-10px);
}

.timeline__marker--current:hover .timeline__year,
.timeline__marker--current .timeline__year {
   background:#E6211E;
   color:#fff;
   -webkit-transform-origin: center;
   -webkit-transform: scale(4) translateY(-10px);

   transform-origin: center;
   transform: scale(4) translateY(-10px);
}
.timeline--green .timeline__marker:hover .timeline__year,
.timeline--green .timeline__marker--current .timeline__year {
   background-color:#737a4d;
}
.timeline__marker--current .timeline__year {
   transition-delay: 1s;
}
.timeline__marker--current:hover .timeline__year {
   transition-delay: 0s;
}

.timeline__marker--current .timeline__line,
.timeline__marker:hover .timeline__line {
   height:50px;

   -webkit-transform-origin: center;
   -webkit-transform: translateY(-10px);

   transform-origin: center;
   transform: translateY(-10px);
}

.timeline__info {
   width:100%;
   padding:0 40px;
   position: relative;
   margin-top:20px;
   min-height: 150px;
}
.timeline__text {
   width:460px;
   color:#333333;
   font-size: 14px;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
   float:left;
   padding-right: 40px;

}
.timeline__text p {
   margin-bottom: 10px;
}
.timeline__content {
   margin-left:100px;
   transition: all 0.3s ease;
   position: absolute;
   z-index: 1;

}
.timeline__content--hidden {
   visibility: hidden;
   opacity: 0;
}

.timeline__content:first-child {
   margin-left:20px;
}
.timeline__img {
   display: inline-block;
   max-width: 300px;
   float:left;
   width:250px;
   height:150px;

}
.timeline__img img {
   width: 100%;
   max-height: 100%;
}
.timeline__barline {
   position: absolute;
   bottom: 30px;
   z-index: 0;
   background: #cccccc;
   height: 10px;
   width: 100%;
}

.values-container {
   margin-top:30px;
}
.values {
   padding-right:50px;
}
.values h4 {
   color:#CE2127;
   font-family: Rockwell-Bold;
   font-size: 18px;
   margin-bottom: 10px;
}
.values p {
   font-family: ProximaNova-Regular;
   font-size: 16px;
   color:#333333;
   line-height: 1.4;
   margin-bottom: 20px;
}
.values-container--2,
.values-container--3 {
   display: table;
   margin-bottom: 30px;
}
.values-container--2 .values,
.values-container--3 .values {
   width: 33.33%;
   border-right: 1px solid #999999;
   padding: 20px;
   display: table-cell;
}
.values-container--2 .values {
   width:50%;
}
.values-container--2 .values:last-child,
.values-container--3 .values:last-child {
   border-right:0;
}
.profiles {
   display: flex;
   flex-wrap: wrap;
}
.profile {
   width:25%;
   margin-bottom: 20px;
   padding:0 3px;
}
.profile > a{
   display: block;
   width: 100%;
   height: 100%;
}


.profile__img {
   background:#F2E9DB;
   text-align: left;
   overflow: hidden;
   padding-top:80%;
   position: relative;
}
.profile__img img {
   position: absolute;
   width:80%;
   top:0;
   left:10%;
}
.profile__content {
   padding:10px 20px;
}
.profile__name {
   color:#14274c;
   font-size: 21px;
   font-family: Rockwell-Bold;
   margin-bottom: 5px;
}
.profile__title {
   color:#14274c;
   font-size: 14px;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
}
.profile__more {
   color:#CE2127;
   font-size: 11px;
   text-transform: uppercase;
   font-family: ProximaNova-Medium;
   margin-top:8px;
   letter-spacing: 1.8px;
}

.leadership-profile__name {
   color:#14274c;
   font-size: 24px;
   font-family: Rockwell-Bold;
   margin-bottom: 5px;
}
.leadership-profile__title {
   color:#14274c;
   font-size: 16px;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
}
.leadership-profile__body {
   margin-top:20px;
}
.leadership-profile__img img {
   width: 100%;
}

.timeline .slides__nav {
   float:right;
   margin-right:40px;
   margin-top: 0;
}

/* who we are */

/* investor */
.main-page--investors .accordion__item--active{
   background:#ebf2fa;
}
.section--investors__analyst-coverage .accordion__item--active,
.section--investors__stock-information .accordion__item--active,
.section--investors__presentations-and-webcasts .accordion__item--active{
   background:#fff;
}
.section--investors {
   padding:20px 0 5px 0;
}
.investor-board,
.investor-corp {
   float:left;
   width:50%;
   margin-top:10px;
   padding-top:0;
}
.cta--board,
.cta--corp {
   height:270px;
}

.cta--board .cta__image img,
.cta--corp  .cta__image img {
   max-width: 100%;
}
.investor-board {
   padding-right: 5px;
   padding-left:0;
}
.investor-corp {
   padding-left: 5px;
}
.section--investors__reports {
   clear:both;
}
.main-page--investors {
   padding-bottom: 120px;
}
.report {
   width:38%;
   float:left;
   padding-top:17%;
   position: relative;
}
a:focus > .reportform,
a:focus > .report {
   outline-style: solid;
   outline-width: inherit;
}
.report__image {
   position: absolute;
   width: 52%;
   height:100%;
   top:0;
   z-index: 2;
}
.report__image img {
   width: 100%;
}
.report__border {
   position: absolute;
   width:100%;
   top:0;
   height:100%;
   padding:10px 5px 20px 0;

}
.report__text {
   border:1px solid #8993a6;
   height:160px;
   width: 100%;
   position: relative;
   padding-left:56%;
   padding-top:20px;
   padding-right:10px;
}
.report__title {
   color:#09264E;
   font-size: 24px;
   font-family: ProximaNova-Semibold;
}
.report__desc {
   color:#555555;
   font-size: 16px;
   font-family: ProximaNova-Regular;
}
.reportform {
   float:left;
   width:24%;
   background:#004AB5;
   margin-top:10px;
   height: 160px;
   position: relative;
}
.reportform__position {
   position: absolute;

   width:100%;

   padding:0 20px;
   bottom:20px;
}
.reportform__head {
   color:#fff;
   font-family: Rockwell-Bold;
   font-size: 29px;
   margin-bottom: 10px;
}
.reportform__desc {
   border-top: 1px solid rgba(255,255,255,0.5);
   font-family: ProximaNova-Regular;
   font-size: 13px;
   line-height: 1.2;
   padding-top: 10px;
   color:#fff;
}
.selector select {
   color:#09264E;
   font-size: 14px;
   text-transform: uppercase;
   font-family: ProximaNova-Medium;
}
.selector:focus-within {
   border-color: #E6211E;

}
.selector option {
   font-size: 14px;
   font-family: ProximaNova-Medium, Arial;
}
.reportform .arrow {
   margin-left: 10px;
}

.reports-button {
   margin: 40px 0;
}
.reports-button .button {
   margin-right: 20px;
}
.stockquote-table {
   margin-top:0px;
}

.stockquote-table table {
   width:100%;
}
.stockquote-table td,
.stockquote-table th {
   padding: 10px 40px;
   text-align: left;
}

.stockquote-table tbody {
   background:#e9f2fc;
}
.stockquote-table td {
   color:#555555;
   font-size: 16px;
   font-family: ProximaNova-Semibold;
   transition: all 0.3s ease;


}
.stockquote-table tbody tr:first-child td {
   border-top:10px solid #e9f2fc;
}
.stockquote-table tbody tr:last-child td {
   border-bottom:10px solid #e9f2fc;
}
.stockquote-table tbody tr:hover td {
   background:#fff;
}
.stockquote-table__note,
.stockquote-table__date {
   font-size: 14px;
   font-family: ProximaNova-Regular;
   color:#333;
   line-height: 1.2;
   margin:10px 0;
}

.stockchart {
   font-size: 14px;
   font-family: ProximaNova-Regular;
}


.stockchart__field {
   min-height: 80px;
   padding-right:30px;
}
.stockchart__label {
   font-family: ProximaNova-Bold;
   font-size: 18px;
   display: block;
   line-height: 1.4;
}
.stockchart__field input,
.stockchart__field select {
   width:80%;
}
.stockquote-chart__aux--hidden {
   display: none;
}
.stockquote-chart__iframe {
   width: 100%;
   height: 570px;
   overflow: hidden;
}


.historic {
   padding:60px 0 30px 0;
   background:#e9f2fc;
}
.stockquote_historic {
   padding-right: 20px;
}
.stockquote_historic__iframe {
   width: 100%;
   height: 350px;
   overflow: hidden;
}

.historic-price {
   font-family: ProximaNova-Semibold;
   font-size: 16px;
   color:#555;

}
.historic-price__form {
   float:left;
   width:40%;
   padding-right:40px;
}
.historic-price__table {
   float:left;
   width:60%;

}
.historic-price_label {
   display: block;
   margin-bottom: 5px;
}
.historic-price__value {
   font-size: 14px;
   text-transform: uppercase;
   font-family: ProximaNova-Regular;
   color:#555555;
}
.historic-price__date {
   margin-top:15px;
}
.historic-price__bold {
   font-family: ProximaNova-Bold;
}
.historic-price_submit {
   margin-top:40px;
}

.historic-price__table table {
   width:100%;
}
.historic-price__table td {
   padding:8px 40px;
   transition: all 0.3s ease;
}
.historic-price__table tr:hover td {
   background:#fff;

}
.historic-price__table td:first-child {
   border-radius: 20px 0 0 20px;
}

.section--investors__news .news-releases {
   margin-top:10px;
   margin-bottom: 40px;
}
.section--investors__news .news-releases .slides__nav {
   position: absolute;
   top: -60px;
   right: 40px;
   margin-top: 0;
}
.section--investors__events {
   background: #ebf2fa;
   padding-top: 30px;
}
.events {
   margin-top:10px;
}
.events__past {
   margin-left: 40px;
}
.events--full .events__past {
   margin-left: 0px;
}
.events .slides__nav {
   position: absolute;
   top: -60px;
   right: 40px;
   margin-top: 0;
}

.analyst-table {
   margin-bottom: 20px;
}
.sustainabilityreports .table__hover a {
   display: block;
}

/* end investors */

.stickyside {
   width:100%;
   position: relative;

}
.stickyside__pos {
   width:100%;

}
.stickyside--sticky .stickyside__pos {
   position: fixed;
   top:70px;
}
.accordion__item--hidden .stickyside {
   pointer-events: none;
   display: none;
}
.main-page--our-brands {
   background: #F2E9DB;
}
.accordion__item--hidden .accordion__content .faq {
   padding-top: 0;
}

.accordion__item--hidden .accordion__content .career4,
.accordion__item--hidden .accordion__content .value-chains__head,
.accordion__item--hidden .accordion__content table,
.accordion__item--hidden .accordion__content .alignleft,
.accordion__item--hidden .accordion__content .floater,
.accordion__item--hidden .accordion__content .button,
.accordion__item--hidden .accordion__content .caption,
.accordion__item--hidden .accordion__content .default__headimage,
.accordion__item--hidden .accordion__content .faq__number,
.accordion__item--hidden .accordion__content .faq__question,
.accordion__item--hidden .accordion__content .accordion,
.accordion__item--hidden .accordion__content .bigred,
.accordion__item--hidden .accordion__content .profiles,
.accordion__item--hidden .accordion__content .hero,
.accordion__item--hidden .accordion__content .cta,
.accordion__item--hidden .accordion__content h2,
.accordion__item--hidden .accordion__content h3 {
   display: none;
}

.events-section .slide__desc {
   color:#fff;
}
.events-section .slide__head {
   font-size: 11px;
   color: #fff;
   font-family: ProximaNova-Medium;
   letter-spacing: 1px;
   margin-bottom: 5px;
}
.events-section .cta__title {
   font-family: Rockwell-Bold;
   line-height: 1.1;
   font-size: 18px;
   margin-bottom: 10px;
   letter-spacing: 0.4px;
}
.events-section .next-event__label {
   font-family: ProximaNova-Semibold;
   margin:10px 0;
}
.events-section .next-event__phone,
.events-section .next-event__phonelabel {
   font-size: 12px;
   font-family: ProximaNova-Medium;
}
.cta--darkblue .slide__more {
   color: #FFF;
   font-family: ProximaNova-Black;
}
.our-board {
   background:#ebf2fa;
   padding:40px 0;
}
.our-board .profile__content {
   padding: 0;
   padding-bottom: 20px;
   border-bottom: 1px solid #ccc;
}
.our-board .profile {
   width:100%;
   padding-right: 60px;


}
.profiles__col {
   width: 50%;
   float:left;
}

.our-board .profile:last-child .profile__content{
   border-bottom: 0;
}
.floater {
   color: #E6211E;
   font-size: 24px;
   font-family: Rockwell-Bold;
   line-height: 1;
   text-align: left;
   float: left;
   width: 50%;
   padding: 20px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   margin-right: 30px;
   margin-bottom: 20px;
}

.grid:not(.grid--80):not(.grid--75) .floater {
   width: 100%;
}
.floater a {
   text-decoration: underline;
   transition: all 0.3s ease;
}
.floater {
   display: block;
}
.floater a:hover {
   opacity: 0.65;
}
.floater--right {
   float:right;
   margin-right: 0;
   margin-left: 30px;

}
.floater--100 {
   width:100%;
   margin-right: 0;
}
.floater__note {
   font-size: 14px;
   margin-top:20px;
   display: block;

}
.floater--small .floater__note {
   font-family: ProximaNova-Regular;
}
.floater--green {
   color: #004AB5;
}
.floater--large {
   font-size: 31px;
}
.floater--small {
   font-size: 18px;
}


.floater sup {
   vertical-align: 0.4em;
}
.alignleft {
   float:left;
   margin-right:30px;
   margin-bottom: 20px;
   margin-top:6px;
}
.alignright {
   float:right;
   margin-left:30px;
   margin-bottom: 20px;
   margin-top:6px;
}
.aligncenter {
   margin:0 auto;
   text-align: center;
}
.alignnone {
   width:100%;
   float:none;
}

.size-thumbnail {
   width: 21%;
   height: auto;
}
.wp-caption {
   width: 50% !important;
}
.wp-caption--full {
   width: 100% !important;
}
p.wp-caption-text,
.wp-caption-text {
   color:#00204d;
   font-size: 12px;
   font-family: ProximaNova-Regular;
   width:100%;

}

.size-post-thumbnail,
.size-large,
.size-medium,
.size-full {
   width:50%;
   height: auto;
}
.size-large-1080p,
.size-large-720p{
   width: 100%;
   height: auto;
}
.wp-caption img {
   width: 100%;
}

.video {
   width:100%;
   padding-top:70%;
   position: relative;
}
.video > a {
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   top:0;
   left:0;
}
.video--vertical {
   padding-top:110%;
}
.video__box {
   position: absolute;
   width: 100%;
   height: 100%;
   top:0;
   overflow: hidden;

}

.video .cta {
   width:100%;
   height: 270px;
}
.video__margin--bt {
   margin:20px 0;
}
.videos {
   margin:6px 0;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.videos--2 .videos__col {
   width:calc(50% - 6px);
}
.videos--3 .videos__col {
   width:calc(33.33% - 6px);
}
.videos__col p {
   padding: 10px;
}
.video__image {
   position: absolute;
   width:100%;
   height: 100%;
   z-index: 0;
   top:0;
   left:0;
}
.video__image img {
   width: 100%;
   min-height: 100%;
}
.video__image::after {
   content:"";
   display: block;
   width:100%;
   height: 100%;
   background:rgba(0,0,0,0.25);
   position: absolute;
   z-index: 0;
   top:0;
   left:0;
}
.video__text {
   position: relative;
   bottom:0;
   left:0;
   padding:20px 30px;
   z-index: 1;
   font-size: 20px;
   font-family: Rockwell-Bold;
   line-height: 1;
   color:#fff;


   position: absolute;
   width:100%;
}
.video--vertical .video__text {
   padding: 15px 20px;
}
.video__play {
   background: url('../img/icons/videoPlayBttn.svg') no-repeat;
   background-size: cover;
   width:50px;
   height:50px;
   display: block;
   margin-bottom: 30px;
}
.tracing-our-roots {
   padding-top: 30px;
}
.desktop-break {
   display: block;
}


.cta__more a,
.cta__description a,
a > *,
p a {
   transition: all 0.3s ease;
}


.cta__more a:hover,
.cta__description a:hover,
a > *:hover,
p a:hover {
   opacity: 0.75;
}


a.nohovertrans > *:hover {
   opacity: 1;
}

.main-page--who-we-are .section--who-we-are__our-leadership-team .container--pbt {
   padding-top:0;
}
.news-overflow {
   overflow: hidden;
   word-wrap:break-word;
}
.news-overflow .group img {
   max-width: 100%;
}
.news-table-scrollable {
   overflow-x: auto;
}

/* downloadtable */
.downloadtable {
   width: 100%;
   background:#ebf2fa;
   display: block;
   color:#555555;
   font-size: 14px;
   font-family: ProximaNova-Semibold;

}
.downloadtable__item a {
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   padding:10px 40px;
   transition: all 0.3s ease;
}
.downloadtable__item a:hover {
   background: #fff;
}
.downloadtable__type {
   text-align: right;
   color:#555555;
   text-transform: uppercase;
   font-family: ProximaNova-Regular;
   font-size: 12px;
   letter-spacing: 1px;
   transition: all 0.3s ease;
   padding-left: 20px;
}
.downloadtable__item a:hover .downloadtable__type {
   color:#E6211E;
}
/* end downloadtable */


/* jquery ui */
.ui-checkboxradio:focus + .ui-checkboxradio-label .ui-checkboxradio-icon {
   border-color: #000;
}
/* end jquery ui */
.anchor {
   position: absolute;
   margin-top: -80px;
}

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   /* added line */
   border: 0;
}

.sr-only.screenreader-hover:focus {
   width: auto;
   height: auto;
   top: 0;
   left: 0;
   background: #fff;
   color: #000;
   clip: auto;
   margin: 0;
   padding: 0.5em;
   font-size: 16px;
   display: inline-block;
   z-index: 10;
}

/* menu */
.topmenu {
   width:255px;
   position: fixed;
   z-index: 100;
   padding-top:35px;
   padding-right:35px;
   top:0;
   bottom: 50px;
   background:#fff;


}
.topmenu__scroller {
   position: relative;
   height: 100%;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
.topmenu__logo,
.topmenu__icons,
.topmenu__menu {
   margin-left:35px;
}
.topmenu__logo {
   margin-top: 4px;
}
.topmenu__logo__svg {
   width:82px;
   height:98px;

}
.topmenu__logo__svg--pride {
    width: 70px;
}
.topmenu__icons {
   margin-top:30px;
   margin-bottom: 20px;
}
.topmenu__icons__item {
   display: inline-block;
   padding:5px 10px 5px 0;
   vertical-align: middle;
}
.topmenu__icons__item--alert {
   display: none;
}
.topmenu__icons__item--hamburger {
   border-right:1px solid #b9b9b9;
}
.topmenu__icons__item--search {
   padding-left:10px;
}

.topmenu__tier1__item {
   display: block;
   position: relative;
   padding-bottom: 15px;
}
.topmenu__tier1__item--current .topmenu__tier2 {
   padding-left:10px;

}
.topmenu__tier1__item  a {
   display: inline-block;
   margin-right: 4px;
}
.topmenu__tier1__label {
   color:#555555;
   font-size: 12px;
   font-family: ProximaNova-Bold;
   letter-spacing: 1.8px;
   text-transform: uppercase;
   line-height: 1.2;

}
.topmenu__tier1__item--current .topmenu__tier2__label,
.topmenu__tier1__item--current .topmenu__tier1__label {
   color:#E6211E;
}


.topmenu__tier2__item {
   padding-top:6px;
}
.topmenu__tier2__item--current {

}
.topmenu__tier2__label {
   font-family: ProximaNova-Regular;
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 1.8px;
   line-height: 1.3;

}
.topmenu__tier2__item--current .topmenu__tier2__label,
.topmenu__tier2__item--active .topmenu__tier2__label {
   font-family: ProximaNova-Semibold;
}
.topmenu__tier2--hidden {
   display: none;
}
/* end menu */

/* overlay*/
.overlay {
   position: fixed;
   bottom:0;
   top:0;
   width:100%;
   overflow: hidden;
   z-index: 300;
   transition: transform 0.3s ease;
   left:0;
   height: 100vh;
}
.overlay--hidden {
   z-index: -1;
   pointer-events: none;
   visibility: hidden;
   -webkit-transform: translateY(100%);
   -ms-transform: translateY(100%);
   -moz-transform: translateY(100%);
   transform: translateY(100%);

}
.overlay__shadow {
   background:rgba(0,0,0,0.75);
   position: fixed;
   left:0;
   top:0;
   bottom:0;
   z-index: -1;
   width:100%;
}
.overlay__close {
   color:#E6211E;
   position: absolute;
   top: 30px;
   right: 35px;
   transition: opacity 0.5s ease;
   cursor: pointer;
   z-index: 2;
   width:32px;
   height: 32px;
}
.overlay__close img {
   width:32px;
   height: 32px;
}
.overlay__iframe {
   width:100%;
   height:100vh;
   height:calc(100vh - 330px);
   overflow-y:auto;
   overflow-x:hidden;
   -webkit-overflow-scrolling: touch;
}

.overlay__close i{
   font-size: 25px;
}
.overlay__content {
   position:relative;
   width:100%;
}
.overlay__inner {
   width: 100%;
   padding:100px 0;
   height:100%;
   height:calc(100% -100px);
   overflow-x:hidden;
   overflow-y:auto;
   -webkit-overflow-scrolling: touch;
}
.overlay__width {
   width:1200px;
   margin:0 auto;
   background:#fff;
   padding:90px 120px;
   position: relative;

}
.overlay__content--old {
   display:none;
}

.overlay-popup {
   display: none;
}
/* end overlay */
/* search */

.search-module {
   position: fixed;
   z-index: 200;
   top:0;
   bottom: 0;
   left:0;
   width:100%;
   background:rgba(255,255,255,0.95);
   transition: opacity 0.5s ease;
}
.search-module--hidden {
   opacity: 0;
   pointer-events: none;
   z-index: -1;
}
.search-module__content {
   width:100%;
   margin-left:auto;
   margin-right:auto;
   padding:100px 40px;
   position: relative;
   background:#fff;
   border-bottom: 1px solid #ccc;

}
.searchopen {
   font-size: 20px;
   color:#777;

}
.search-module__close {
   font-size: 24px;
   color: #E6211E;
   position: absolute;
   right: 20px;
   top:105px;
   width:32px;
   height:32px;

}
.search-module__close img {
   width:32px;
   height:32px;
}

.search__button {
   display: inline-block;
   border:0;
   background: none;
   padding:0;
   margin:0;
   color: #E6211E;
}



.search__input {
   width:300px;
   float:left;
   margin-right: 10px;
}
.inputor:focus-within {
   border-color: #E6211E;
}
.search__input .inputor {
   width:100%;
}

.searchresults__result {
   margin-bottom: 40px;
}
.searchresults__head {
   font-size: 45px;
   font-family: Rockwell-Bold;
   color:#09264E;
   margin-bottom: 20px;
}
.searchresults__title {
   font-size: 16px;
   font-family: ProximaNova-Semibold;
   line-height: 1.2;
   margin-bottom: 5px;
   color:#09264E;
}
.searchresults__date {
   font-size: 14px;
   font-family: ProximaNova-Semibold;
   line-height: 1.2;
   margin-bottom: 5px;
}
.searchresults__body {
   font-family: ProximaNova-Regular;
   font-size: 14px;
   line-height: 1.4;
}
.searchresults__thumbnail {
   min-width: 1px;
   min-height: 1px;
}
.searchresults__thumbnail img {
   width: 100%;
}
.searchresults .pagination {
   text-align: right;
}
.searchresults .pagination h2 {
   font-size: 24px;
   font-family: Rockwell-Bold;
   margin-bottom: 10px;
}
.searchresults .page-numbers {
   font-family: Rockwell-Bold;
   font-size: 21px;
   display: inline-block;
   padding:3px;
   color:#09264E;
}
.searchresults .page-numbers.current {
   color:#E6211E;
}
.searchresults__noresults {
   color:#E6211E;
   font-size: 16px;
   margin-bottom: 20px;
}

/* end search*/

/* hamburger menu*/

.hamburger-menu {
   width:30px;
   height:25px;
   display: inline-block;
   vertical-align: middle;
   transition: all 0.5s ease;
   position: relative;

}


.hamburger-menu__bg {
   transition: all 0.5s ease;
}
.navTrigger {
   width: 25px;
   height: 20px;
   margin: auto;
   position: absolute;
   left: 0;
   right: 0;
   top: 2px;
   bottom: 0;
}
.navTrigger i {
   background-color: #231f20;
   content: '';
   display: block;
   width: 100%;
   height: 3px;
}

.navTrigger i:nth-child(1) {
   -webkit-animation: outT 0.8s backwards;
   animation: outT 0.8s backwards;
   -webkit-animation-direction: reverse;
   animation-direction: reverse;
}
.navTrigger i:nth-child(2) {
   margin: 3px 0;
   -webkit-animation: outM 0.8s backwards;
   animation: outM 0.8s backwards;
   -webkit-animation-direction: reverse;
   animation-direction: reverse;
}
.navTrigger i:nth-child(3) {
   -webkit-animation: outBtm 0.8s backwards;
   animation: outBtm 0.8s backwards;
   -webkit-animation-direction: reverse;
   animation-direction: reverse;
}
.hamburger-menu--active .navTrigger i:nth-child(1) {
   -webkit-animation: inT 0.8s forwards;
   animation: inT 0.8s forwards;
}
.hamburger-menu--active .navTrigger i:nth-child(2) {
   -webkit-animation: inM 0.8s forwards;
   animation: inM 0.8s forwards;
}
.hamburger-menu--active .navTrigger i:nth-child(3) {
   -webkit-animation: inBtm 0.8s forwards;
   animation: inBtm 0.8s forwards;
}
@-webkit-keyframes inM {
   50% {
      -webkit-transform: rotate(0deg);
   }
   100% {
      -webkit-transform: rotate(45deg);
   }
}
@keyframes inM {
   50% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(45deg);
   }
}
@-webkit-keyframes outM {
   50% {
      -webkit-transform: rotate(0deg);
   }
   100% {
      -webkit-transform: rotate(45deg);
   }
}
@keyframes outM {
   50% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(45deg);
   }
}
@-webkit-keyframes inT {
   0% {
      -webkit-transform: translateY(0px) rotate(0deg);
   }
   50% {
      -webkit-transform: translateY(6px) rotate(0deg);
   }
   100% {
      -webkit-transform: translateY(6px) rotate(135deg);
   }
}
@keyframes inT {
   0% {
      transform: translateY(0px) rotate(0deg);
   }
   50% {
      transform: translateY(6px) rotate(0deg);
   }
   100% {
      transform: translateY(6px) rotate(135deg);
   }
}
@-webkit-keyframes outT {
   0% {
      -webkit-transform: translateY(0px) rotate(0deg);
   }
   50% {
      -webkit-transform: translateY(6px) rotate(0deg);
   }
   100% {
      -webkit-transform: translateY(6px) rotate(135deg);
   }
}
@keyframes outT {
   0% {
      transform: translateY(0px) rotate(0deg);
   }
   50% {
      transform: translateY(6px) rotate(0deg);
   }
   100% {
      transform: translateY(6px) rotate(135deg);
   }
}
@-webkit-keyframes inBtm {
   0% {
      -webkit-transform: translateY(0px) rotate(0deg);
   }
   50% {
      -webkit-transform: translateY(-6px) rotate(0deg);
   }
   100% {
      -webkit-transform: translateY(-6px) rotate(135deg);
   }
}
@keyframes inBtm {
   0% {
      transform: translateY(0px) rotate(0deg);
   }
   50% {
      transform: translateY(-6px) rotate(0deg);
   }
   100% {
      transform: translateY(-6px) rotate(135deg);
   }
}
@-webkit-keyframes outBtm {
   0% {
      -webkit-transform: translateY(0px) rotate(0deg);
   }
   50% {
      -webkit-transform: translateY(-6px) rotate(0deg);
   }
   100% {
      -webkit-transform: translateY(-6px) rotate(135deg);
   }
}
@keyframes outBtm {
   0% {
      transform: translateY(0px) rotate(0deg);
   }
   50% {
      transform: translateY(-6px) rotate(0deg);
   }
   100% {
      transform: translateY(-6px) rotate(135deg);
   }
}

/* end hamgburger*/



/* utility */
.share {
   display: inline-block;
   margin-right: 10px;
}
a.share__icon {
   display: inline-block;
   padding:0 5px;
}

.share--gray a:visited.share__icon
.share--gray a.share__icon {
   color: #777;
}
a.share__icon {
   color:#777;
}
a.share__icon:hover {
   color:#E6211E;
   opacity: 1;
}
.utility {
   float:right;
}
.utility__tier1 {
   display: inline-block;
}
.utility__tier1__item {
   display: inline-block;
   position: relative;
   padding:10px 20px;
}
.utility .wpml-ls-native,
.utility .lang_sel_other:visited,
.utility .lang_sel_other,
.utility__tier1__label {
   font-size: 11px;
   color:#555;
   font-family: ProximaNova-Medium;
   text-transform: uppercase;
   letter-spacing: 1.8px;
   position: relative;
}
.lang_sel_list_horizontal a {
   transition: all 0.3s ease;
}
.lang_sel_list_horizontal a:hover {
   opacity: 0.65;
}
.utility__tier1__item--hasSub .utility__tier1__label {
   font-family: ProximaNova-Bold;
}
.has-alerts .utility__tier1__item a[data-post-id="235606"] .utility__tier1__label,
.has-alerts .utility__tier1__item a[data-post-id="29"] .utility__tier1__label,
.utility__tier1__item--current .utility__tier1__label{
   color:#E6211E;
}
.utility__tier2 {
   position: absolute;
   position: absolute;
   width: 100%;
   background: #fff;
   z-index: 1;
   padding: 20px;
   margin-left: -20px;
}
.utility__tier2__item {
   margin-bottom: 10px;
}
.utility__tier2--hidden {
   display: none;
}
.utility__tier2__label {
   font-size: 11px;
   font-family: ProximaNova-Regular;
   line-height: 1.1;
   color:#E6211E;
   text-transform: uppercase;
}
.utility__tier2__item--current .utility__tier2__label {
   font-family: ProximaNova-Bold;
}
.wpml-ls,
.lang_sel_list_horizontal {
   display: inline-block;
}
.fr .wpml-ls-item-fr,
.en .wpml-ls-item-en,
.lang_sel_sel {
   display: none;
}
.has-alerts .utility__tier1__item a[data-post-id="235606"] .utility__tier1__label::before,
.has-alerts .utility__tier1__item a[data-post-id="29"] .utility__tier1__label::before {
   content:"";
   width: 10px;
   height: 10px;
   position: absolute;
   left: -14px;
   top: 3px;
   background: url('../img/icons/alerticon.svg') no-repeat;
   background-size: cover;
   display: inline-block;
}

.topmenu__alert--hidden {
   display: none;
}

.topmenu__alert__close {
   width: 24px;
   height: 24px;
   display: inline-block;
   float: right;
   margin-bottom: 20px;
   margin-top:-10px;
}
.topmenu__alert__close img {
   width: 100%;

}
/* end utility */


/* footer */
.footer {
   background:#09264E;
   position: relative;
   z-index: 200;
   color: #fff;
}
.footer__wrapper {
   padding: 30px 90px;
}
.footer__menu {
   float: right;
}
.footer__menu__tier1__item {
   display: inline-block;
   padding:0 10px;
}
.footer__menu__tier2--hidden {
   display: none;
}
.footer .wpml-ls-native,
.footer .lang_sel_other:visited,
.footer .lang_sel_other,
.footer__menu__tier1__label {
   font-size: 9px;
   font-family: ProximaNova-Medium;
   color:#fff;
   letter-spacing: 2px;
   text-transform: uppercase;
}
.footer__sitemap {
   float:left;
   font-size: 10px;
   text-transform: uppercase;
   font-family: ProximaNova-Bold;
   color:#ffffff;
}
.footer__sitemap i {
   margin-left:5px;
   font-size: 14px;
   vertical-align: middle;
}
.footer__bottom {
   border-top:1px solid rgba(255,255,255,0.5);
   padding-top:20px;
   margin-top:20px;
}
.footer__bottom__links {
   display: inline-block;
}
.footer__bottom__link {
   margin-right:30px;
}
.footer__bottom__link,
.footer__copyright {
   color:#ffffff;
   font-size: 11px;
   font-family: ProximaNova-Regular;
}
.footer__copyright {
   display: inline-block;
   float:right;
}


/* end footer */

.ajax-container {
   position: relative;
}
.topmenu__scrollpos {
   width:50px;
   height:50px;
   position: absolute;
   margin-top:10px;
   margin-left:80px;

}
.topmenu__scroll {
   width:50px;
   height:50px;
   display: block;
   transition: background 0.5s ease,  transform 0.5s ease;
   position: absolute;
   top:0;
   left:0;
   border-radius: 50%;
   background:#fff;
   border:1px solid #09264E;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   text-align: center;
   padding-top:6px;
}

.topmenu__scroll::after {
   content:"";
   width:25px;
   height:33px;

   background:url('../img/icons/scrollArrow.svg') no-repeat;
   background-size: cover;
   display: inline-block;
}
.topmenu__scroll:hover {
   background:#09264E;
}
.topmenu__scroll--up {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}

.topmenu__scroll--hidden {
   display: none;
}

.breadcrumb__container {
   display: inline-block;
   padding-bottom: 5px;
   margin-bottom: 5px;
   border-bottom: 1px solid #999999;
   color:#999;
   text-transform: uppercase;
}
.breadcrumb__home,
.breadcrumb__parent {
   font-size: 12px;
   color:#999999;
   font-family: ProximaNova-Regular;
}
.breadcrumb__current {
   color:#E6211E;
   font-size: 12px;
   font-family: ProximaNova-Bold;
}
.breadcrumb__separtor {
   display: inline-block;
   margin:0 5px;
}
.cookie-notice {
   width:100%;
   position: fixed;
   z-index: 300;
   bottom: 0;
   background: #F2E9DB;
   background: rgba(242,233,219, .95);
   padding:10px 20px 20px;
   text-align: center;
}
.cookie-notice__text {
   display: inline-block;
   text-align: right;
   padding-right: 40px;
   font-size: 16px;
   font-family: ProximaNova-Regular;
   line-height: 1.4;
   vertical-align: middle;
   margin-top:10px;
}
.cookie-notice__btn {
   display: inline-block;
   vertical-align: middle;
   margin-top:10px;
}
.cookie-notice--hidden {
   display: none;
}
.button--cookie .button__label {
   font-family: ProximaNova-Bold;
   margin-right: 0;
}
.button--cookie {
   padding: 10px 30px 12px;
}
.cookie-notice + .footer {
   padding-bottom: 100px;
}
.cookie-notice--hidden + .footer {
   padding-bottom: 0px;
}
.cookie-notice p a {
   color: #09264E;
   text-decoration: underline;
   transition: all 0.3s ease;
}
.cookie-notice p a:hover {
   opacity: 0.65;
}
.cookie-table.table td {
   line-height: 1.4;
}
.cookie-table.table td:nth-child(2) {
   font-family: ProximaNova-Regular;
   width:40%;

}

.linklist {
   margin-top:20px;
}
.linklist a, .linklist a:visited {
   color:#E6211E;
   font-size: 11px;
   font-family: ProximaNova-Medium;
   text-transform: uppercase;
   letter-spacing: 0.1em;
}
.linklist li {
   margin-right:30px;
   display: inline-block;
}
.linklist li:last-child {
   margin-right: 0;
}
.homecta {
   margin-top:40px;
}
.homecta__left {
   width:70%;
   float:left;
}
.homecta__right {
   width:30%;
   float:left;
}
.homecta__left a {
   display: block;
   width:50%;
   float:left;
   border:2px solid rgba(255,255,255,0);
   height:270px;
}
.homecta__left .cta {
   width: 100%;
   height: 100%;
}
.homecta__right .cta {
   width:100%;

   border:2px solid rgba(255,255,255,0);
   border-right: 0;
   height:270px;
}
.cta--feedopportunity .cta__content {
   height:100%;
}
.cta--sustainability .cta__content {
   height:100%;
}


.section--home__our-brands,
.section--home__sustainability {
   background:#F2E9DB;
   padding-top:120px;
}
.section--home__our-brands .button {
   margin-top:10px;
}
.appetite_p {
   padding-left:30px;
   margin-top: 5px;
}
.brands {
   margin-top:60px;
}
.main-page--our-brands .brands{
   margin-top: 0;
}
.brands .socialicon li {
   display: inline-block;
}

.brands a:visited,
.brands a {
   color:#CE2127;
   transition: color 0.3s ease;
}
.main-page--sustainability .brands a:visited,
.main-page--sustainability .brands a {
   color:#E6211E;
   transition: none;
}
.main-page--sustainability .brands a:visited:hover,
.main-page--sustainability .brands a:hover {
   opacity: 1;
}

.brands .brand__name,
.brands .brand__image {
   transition: all 0.3s ease;
}
.brands .brand__image .img_wrapper img {
   top:50%;
   transform:translateY(-50%);
}
.brands .brand__image .img_wrapper {
   pointer-events: none;
}
.brand {
   position: relative;
}
.brand__name {
   color:#09264E;
   font-size: 24px;
   font-family: Rockwell-Bold;
   margin-bottom: 10px;
   margin-top:20px;
}
.brand__name sup {
   margin-left: 2px;
}
.brand p {
   font-family: ProximaNova-Regular;
   font-size: 16px;
   color:#333;
   line-height: 1.4;

}
.brand__links {
   margin-top:15px;
   transition: opacity 0.3s ease;

}
.brand__links .socialicons {
   display: block;
}
.brand__links .socialicon {
   display: inline-block;
   margin:0 10px;
}
.brand__links .socialicon:first-child {
   margin-left: 0;
}
.brand__links .socialicon:last-child {
   margin-right: 0;
}
.brand__links__website {
   font-family: ProximaNova-Semibold;
   font-size: 11px;
   text-transform: uppercase;
   display: inline-block;
   margin-right:0;
   letter-spacing: 1.8px;
   line-height: 1.3;
   margin-bottom: 10px;
}
.brand__links__website--marginTop {
   margin-top:10px;
}
.brand__links p {
   margin-bottom: 10px;

}
.brand__links a:hover {
   color:#09264E;
   opacity: 1;
}
.appehtite .brand__links {
   font-size: 16px;
}
.appehtite .brand__links a:hover {
   color:#E6211E;
   opacity: 1;
}
.brands__bottom .brand__links__website {
   margin-right: 0;
   margin-bottom: 5px;
   font-size: 10px;
   display: block;
   text-align: center;
}

.brands__bottom .brand__links__website--borderRight {
   border-right:1px solid #E6211E;
   padding-right:8px;
}
.brands__bottom .brand .socialicon {
   margin:0 8px;
   font-size: 13px;
}
.brands__top {
   margin-top:20px;
}
.brands__top .brand {
   width: 33%;
}
.brands__top .brand:nth-child(1) {
   width:30%;
   float:left;
}
.brands__top .brand:nth-child(2) {
   width:40%;
   padding:0 50px;
   float:left;
}
.brands__top .brand:nth-child(3) {
   width:30%;
   float:left;
}
.brands__top .brand__image {
   height: 150px;
   max-width: 70%;
}
.brands__top::after {
   content:"";
   clear:both;
}
.brand__image {
   transition: opacity 0.3s ease;
   position: relative;
   -webkit-display: flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
}
.brand__image img {
   max-width: 100%;
   max-height: 100%;
   transition: opacity 0.3s ease;

}


.brands__middle {
   text-align: center;
}

.brands__middle .brand {
   display: inline-block;
   width:21%;
   margin:40px 40px 0;
   vertical-align: top;
   text-align: left;
}

.brands__middle .brand__image {
   height: 110px;
   max-width:80%;

}
.brands__middle .brand__links__website {
   margin-bottom: 10px;
}
.brands__middle .socialicon:first-child {
   margin-left: 0;
}
.brands__bottom {
   text-align: center;
}
.brands__bottom .brand {
   display: inline-block;
   width:12%;
   margin:10px 30px;
   vertical-align: top;
}
.brands__bottom .brand__image {
   height: 80px;


}
.brands__bottom .brand__image img {
   vertical-align: top;
   margin: 0 auto;
}
.brands__bottom .brand__image::before {
   content:"";
   display: inline-block;
   vertical-align: middle;
   height: 100%;
}

.brand--inactive .brand__name{
   opacity: 1;
   color:#555;
}
.brand--inactive p{
   opacity: 0.75;

}
.brand--inactive .brand__links {
   visibility: hidden;
   opacity: 0;

}
.brand--inactive .brand__image {
   opacity: 0.5;
}

.brand--inactive .greyscale img {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;

}

.brands__bottom .brand__name {
   font-size: 16px;
}


.section--home__social-feeds {
   background:#E6211E;
}
.socialbox h2 {
   color:#fff;
   font-size: 30px;
   font-family: Rockwell-Bold;
   margin-bottom: 20px;
}
.socialbox p {
   color:#fff;
   padding-right: 20px;
}
.socialbox .slides {
   margin-top: 50px;
}
.feed {
   width:33%;
   width:calc(33.33% - 6px);
   padding-top:32%;
   float:left;
   position: relative;
   background:#fff;
}
.feed:nth-child(1) {

   margin-right:6px;
}
.feed:nth-child(2) {
   margin-right:3px;
   margin-left:3px;
}
.feed:nth-child(3) {
   margin-left:6px;
}
.feed__content {
   position: absolute;
   left:0;
   top:0;
   width:100%;
   height:100%;
   overflow: hidden;
}
.feed__banner {
   width: 100%;
   height:50%;
   overflow: hidden;
}
.feed__banner img{
   min-width: 100%;
   max-width: 120%;
   min-height: 100%;
   max-height: 180%;
}
.feed__user {
   padding:5px 10px;
}
.feed__icon {
   width:50px;
   height:50px;
   float:left;
}
.feed__icon img {
   width:100%;
}
.feed__info {
   width: 280px;
   width: calc(100% - 50px);
   float:left;
   padding-left:20px;
   padding-top:6px;
   padding-bottom: 6px;
}
.feed__name {
   font-size: 12px;
   color:#333333;
   font-family: ProximaNova-Bold;
   margin-bottom: 2px;
}
.feed__screen-name,
.feed__date {
   display: inline-block;
   font-size:12px;
   font-family: ProximaNova-Regular;
   color:#333333;
}
.feed__text {
   font-size:12px;
   font-family: ProximaNova-Regular;
   color:#333333;
   padding:0px 10px;
   line-height: 1.1;
}
.feed__text a:visited,
.feed__text a {
   color:#005dac;
   text-decoration: underline;
}
.socialbox .slides__nav {
   position: absolute;
   top: -110px;
   right: 40px;
   margin-top: 0;

}
.socialbox .slides__toggle {
   color:#fff;
}
.socialbox .slides__toggle__icon {
   border-color: #fff;
   background:rgba(255,255,255,0.1);
}
.socialbox .slides__toggle::before,
.socialbox .slides__toggle::after {
   display: none;
}

.section--home__careers
{
   background: #F2E9DB;
}



.section--home__careers {
   padding:60px 0;
}
.home-news-reports h2 {
   color:#09264E;
   font-family: Rockwell-Bold;
   font-size: 24px;
   margin-bottom: 10px;
}
.careers-cta {
   margin-top: 50px;
}
.careers-cta__image {
   border-right: 4px solid rgba(255,255,255,0);
}
.careers-cta__image img {
   height:100%;
}
.careers-cta__height {
   height:250px;
   overflow: hidden;
}
.appehtite__top {
   position: relative;
}
.appehtite__image {
   width: 100%;
   z-index: 0;
}
.appehtite__image img {
   width: 100%;
}
.appehtite__head {
   position: absolute;
   bottom: 0px;
   width: 100%;
   z-index: 1;
   padding:20px;
}
.appehtite__title {
   font-size: 27px;
   font-family: Rockwell-Bold;
   line-height: 1;
   color:#E6211E;
}
.fr .appehtite__title {
   font-size: 20px;
}
.appehtite__icon {

   width: 35px;
   height: 35px;
   background: url('../img/icons/gotoWhite.svg') no-repeat;

   background-size: cover;
   border-radius: 50%;
   display: inline-block;
   margin-bottom: 20px;

}
.appehtite__bottom {
   padding: 10px 20px;
}
.appehtite__description {
   color: #555555;
   font-family: ProximaNova-Regular;
   font-size: 13px;
   line-height: 1.2;
}
.appehtite .socialicon a:visited,
.appehtite .socialicon a {
   color: #E6211E;
   transition: color 0.3s ease;
}
.appehtite .socialicon a:hover {
   color: #09264E;

}
.home-intro-mobile {
   display: none;
}
.section--home__symposium-2018 .img100 {
   padding-right: 20px;
}
.main-page--sustainability {
   padding-bottom: 120px;
}

.section--sustainability .bigred {
   margin-bottom: 20px;
}
.sustbanner {
   margin-top:40px;
}
.sustbanner .ctaOutside {
   width:25%;
   float:left;
}
.sustbanner a:nth-child(1) > .ctaOutside {
   border-right:6px solid transparent;
}
.sustbanner a:nth-child(2) > .ctaOutside {
   border-right:3px solid transparent;
   border-left:3px solid transparent;
}
.sustbanner a:nth-child(3) > .ctaOutside {
   border-right:3px solid transparent;
   border-left:3px solid transparent;
}
.sustbanner a:nth-child(4) > .ctaOutside {
   border-left:6px solid transparent;
}
.main-page--sustainability .accordion__item--active{
   background:#F2E9DB;
}
.main-page--news-around-the-table .accordion__item--active {
   background:#F2E9DB;
}

.sustdownload {
   padding-left: 30px;
}
.sustdownload .cta--nobox .cta__more {
   margin-left: 0px;
}
.cta--nobox i {
   margin-left: 20px;
}
.cta--download-sust {
   padding:10px 0px;
   color:#09264E;;

}
.cta--download-sust .cta__more {
   margin-left: 0;
}


.cta--video {
   width:50%;
   float:left;
   border:2px solid rgba(255,255,255,0);
   height:270px;
}
.videofloater {
   width: 50%;
   float:left;
   margin-bottom: 20px;
   margin-right:20px;

}

.videofloater--right {
   float:right;
   margin-left:20px;
   margin-right: 0;
}
.sharevalues {
   margin-bottom: 20px;
}
.sharevalues__img {
   width:100%;
   height: 100px;
}
.sharevalues__item {
   padding-bottom: 20px;
   border-bottom: 1px solid #555;
   margin-bottom: 20px;
}
.sharevalues__text {
   font-family: Rockwell-Bold;
   font-size: 17px;
   line-height: 1.3;
   color:#777;
   width:70%;
}

.planet4 {
   margin-bottom: 20px;
}
.planet4__col {
   float:left;
   width:50%;
}
.planet4__col:first-child {
   border-right:1px solid #a3a6ae;
   padding-right: 30px;
}
.planet4__col:nth-child(2) {
   padding-left: 30px;
}
.planet4__item {
   padding-bottom: 30px;
}
.planet4__title {
   color:#09264E;
   font-size: 22px;
   font-family: Rockwell-Bold;
   margin-bottom: 5px;
}
.planet4__title__sub {
   font-family: Rockwell-Regular;
}
.planet4__big {
   color:#ee312f;
   font-size: 32px;
   font-family: ProximaNova-Bold;
   margin-bottom: 5px;
}
.planet4__biggysmall {
   font-size: 20px;
   font-family: Rockwell-Bold;
}
.planet4 p {
   color:#777777;
   font-size: 15px;
   font-family: Rockwell-Regular;
   line-height: 1.2;
}
.planet4__footnote {
   font-size: 12px;
   color:#333;
   margin:5px 0 20px;
}
.planet4__footnote a {
   color:#09264E;
   text-decoration: underline;
   transition: all 0.3s ease;
}
.planet4__footnote a:hover {
   opacity: 0.65;
}
.planet4__footnote div {
   margin-bottom: 5px;
}
.planet4__footnote li {
   margin-bottom: 3px;

}
.performance_icon {
   width:24px;
   height:24px;
   vertical-align: top;
}
.performance-legend {

   font-size: 12px;
}
.performance-legend span {
   display: inline-block;
   margin-right: 20px;
}

.performance-legend .performance_icon {
   width:18px;
   height:18px;
   vertical-align: middle;
   margin-right: 5px;
}
.better-ctas .video {
   width:25%;
}


/* value chains */
.value-chains__head {
   font-size: 24px;
   color: #E6211E;
   font-family: Rockwell-Bold;
   line-height: 1.1;
   text-transform: none;
}
.valuechain {
   margin-bottom: 30px;
}
.valuechain__full {
   width:5000px;
   position: relative;
   transition: all 1s ease;
   min-height: 113px;
}
.valuechain__window {
   width:100%;
   overflow: hidden;
   padding-top:110px;
}

.valuechain__marker {
   width: 200px;
   float:left;
   text-align: center;
   position: relative;
   z-index: 2;
}
.valuechain__icon {
   display: inline-block;
   width: 35px;
   height: 35px;
   background: #cccccc;
   font-size: 10px;
   color: #cccccc;
   border-radius: 50%;
   text-align: center;
   transition: all 0.5s ease;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   vertical-align: top;
   padding:3px;


}
.valuechain__icon::before {
   content:"";
   display: inline-block;
   height: 29px;
   vertical-align: middle;
}
.valuechain__head {
   font-size: 4px;
   font-family: Rockwell-Bold;
   line-height: 1;
   display: inline-block;
   vertical-align: middle;

}


.valuechain__arrow {
   display: inline-block;
   width:25px;
   height:25px;
   background:#13284d url('../img/sustainability/whiteArrow.svg') no-repeat;
   background-size: 50%;
   background-position: center center;

   margin-top:30px;
   vertical-align: top;
   transition: all 0.5s ease;
   border-radius: 50%;

}
.valuechain__marker:hover .valuechain__icon {
   background:#E6211E;
   color:#fff;
   -webkit-transform-origin: bottom center;
   -webkit-transform: scale(3);
   transform-origin: bottom center;
   transform: scale(3);
}

.valuechain__marker--current:hover .valuechain__icon,
.valuechain__marker--current .valuechain__icon {
   background: #E6211E;
   color: #fff;
   -webkit-transform-origin: bottom center;
   -webkit-transform: scale(4);
   transform-origin: bottom center;
   transform: scale(4);
}


.valuechain__marker--current .valuechain__icon {
   transition-delay: 1s;
}
.valuechain__marker--current:hover .valuechain__icon {
   transition-delay: 0s;
}

.valuechain__marker--current .valuechain__arrow,
.valuechain__marker:hover .valuechain__arrow {

   -webkit-transform-origin: center;
   transform-origin: center;


}
.valuechain__marker:hover .valuechain__arrow {
   -webkit-transform-origin: center;
   -webkit-transform: scale(1.5);

   transform-origin: center;
   transform: scale(1.5);
}
.valuechain__marker--current:hover .valuechain__arrow,
.valuechain__marker--current .valuechain__arrow {
   background-color: #e8302c;
   -webkit-transform: scale(1.5) rotate(90deg);
   transform: scale(1.5) rotate(90deg);
}

.valuechain__info {
   width:100%;
   padding:0 40px;
   position: relative;
   margin-top:20px;
   min-height: 250px;
}
.valuechain__text {
   width:460px;

   float:left;
   padding-right: 40px;

}
.valuechain__text h1, .valuechain__text h2, .valuechain__text h3, .valuechain__text h4 {
   color: #E6211E;
   font-size: 12px;
   font-family: ProximaNova-Bold;
   text-transform: uppercase;
   letter-spacing: 1.8px;
   margin-bottom: 10px;

}
.valuechain__text li,
.valuechain__text li,
.valuechain__text p {
   color:#333333;
   font-size: 12px;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
   margin-bottom: 10px;
}
.valuechain__text a:visited,
.valuechain__text a {
   color:#09264E;
   text-decoration: underline;

}

.valuechain li {
   position: relative;
   left:20px;
}
.valuechain ul li:before,
{
   content:'';
   width:6px;
   height:6px;
   background:#949ca1;
   border-radius:500px;
   position:absolute;
   margin-left:-20px;
   top:0.5em;
}
.valuechain__content {
   margin-left:100px;
   transition: all 0.3s ease;
   position: absolute;
   z-index: 1;
   width:100%;
}
.valuechain__content--hidden {
   visibility: hidden;
   opacity: 0;
}

.valuechain__content:first-child {
   margin-left:20px;
}
.valuechain__img {
   display: inline-block;
   max-width: 300px;
   float:left;
   width:250px;
   height:150px;

}
.valuechain__img img {
   width: 100%;
}
.valuechain__barline {
   position: absolute;
   bottom: 30px;
   z-index: 0;
   background:#13284d;
   height:10px;
   width:100%;
}
.valuechain .slides__nav {
   float: right;
   margin-right: 40px;
   margin-top: 0;
}

/* end value chains */

.brands--better-food {
   margin-bottom: 30px;
}

.matrix {
   margin-bottom: 20px;
}
.matrix__img {
   width: 100%;
}
.captainplanet4 {
   color:#fff;
}
.captainplanet4__item {
   float:left;
   width:50%;
   height:200px;
   position: relative;


   background:#737a4d;
   margin-bottom: 6px;
}
.captainplanet4__pos {
   position: absolute;
   bottom: 0;
   width:100%;
   padding:0 20px 30px;

}
.captainplanet4__item:nth-child(3),
.captainplanet4__item:nth-child(1) {
   border-right:3px solid #F2E9DB;
}
.captainplanet4__item:nth-child(2),
.captainplanet4__item:nth-child(4) {
   border-left:3px solid #F2E9DB;
}
.captainplanet4__title {
   font-size: 22px;
   font-family: Rockwell-Bold;
   line-height: 1.2;

}
.captainplanet4__big {
   font-size: 38px;
   font-family: ProximaNova-Bold;
   letter-spacing: 1.3px;
}
.captainplanet4__biggysmall {
   font-size: 30px;
   font-family: Rockwell-Bold;
}
.captainplanet4__footnote {
   font-size: 12px;
   color:#333;
   margin:5px 0 20px;
}
.captainplanet4 sup {
   font-size: 0.8em;
   vertical-align: -0.5em;
}

.cta--gri {
   margin-top:20px;
}

.whitebox {
   background:#fff;
   padding: 30px 20px 10px 20px;
   margin-bottom: 30px;
}
.whitebox strong {
   letter-spacing: 1.5px;
   font-family: ProximaNova-Bold;
   text-transform: uppercase;
}
.whitebox ul.list-check li::before {
   top:0.2em;
}
.whitebox ol.list-number-red li,
.whitebox ul.list-check li {
   margin-bottom: 20px;
}


.sust__intro {
   background: #eb0000;
   padding-bottom: 30px;
}

.sust__intro .group__section,
.sust__intro .group h1,
.sust__intro .group p {
   color:#fff;
}
.sust__intro .group__section {
   border-bottom: 1px solid #fff;
}
.sust__intro__image img{
   max-height: 150px;
   max-width: 100%;
}
.sust__overview {
   background:#F2E9DB;
}
.sust__headimage img {
   width: 100%;
}
.thenandnow img {
   height: 156px;
   margin-bottom:5px;
}
.less-salt {
   display: flex;
   flex-wrap: wrap;
   margin-top:40px;
   align-items: flex-start;
}
.less-salt__col {
   width: 180px;
   margin-right: 60px;
   margin-bottom: 50px;

}
.less-salt__col:nth-child(1) {
   width: 150px;

}
.less-salt__col:nth-child(4) {
   width: 130px;

}
.less-salt__col:nth-child(5) {
   width: 170px;

}
.less-salt__img {
   min-height: 250px;
   position: relative;margin-bottom: 20px;
}
.less-salt__img img {
   position: absolute;
   bottom: 0;
   width: 100%;
}
.less-salt h4 {
   color: #09264E;
   font-size: 13px;
   font-family: ProximaNova-Bold;
   line-height: 1.2;
   text-transform: uppercase;
   letter-spacing: 1.2px;
   margin-top:5px;
}

.less-salt__legend__item p{
   font-size: 14px;
   padding-left:30px;
   position: relative;
   vertical-align: top;
}
.less-salt__legend__item .fas {
   position: absolute;
   top:4px;
   left:0;
}
.less-salt__footnote p{
   font-size: 12px;
}
.less-salt__legend__item--green .fas {
   color:#737a4d;
}
.less-salt__legend__item--blue .fas {
   color:#004AB5;
}
.bacon-table {
   padding:0 30px;
}
.bacon-table table {
   width: 100%;
}
.bacon-table thead th {
   width:12.5%;
   padding:10px 10px;
   color: #09264E;
   font-size: 10px;
   font-family: ProximaNova-Bold;
   line-height: 1.2;
   text-transform: uppercase;
   letter-spacing: 1.2px;
   vertical-align: bottom;
   text-align: center;
}
.bacon-table tbody td {
   padding:10px 10px;
   color: #09264E;
   font-size: 10px;
   font-family: ProximaNova-Bold;
   line-height: 1.2;
   text-transform: uppercase;
   letter-spacing: 1.2px;
   text-align: center;
   vertical-align: middle;
   background:#F7F1E8;
   border:1px solid #fff;
}
.bacon-table tbody td:first-child {
   background: none;
}
.bacon-table thead th img {
   width:85%;
}
.bacon-table tbody td img {
   max-width: 50%;
   max-height: 50px;
}
.baconcircle {
   display: inline-block;
   border-radius: 50%;
   background:#004AB5;
   width:1px;
   height:1px;

}
.bacon-table {
   margin-bottom: 20px;
}
.bacon-table tbody tr:nth-child(5) td img{
   max-height: 30px;
}
.sustmeats {
   background:#F2E9DB;
   padding:40px;
}
.sustmeats h2 {
   margin-bottom: 40px;
}
.sustmeat strong {
   font-family: ProximaNova-Bold;
   color:#09264E;
}
.sustmeat p {
   font-family: ProximaNova-Medium;
   line-height: 1.4;
}
.sustmeat {
   float:left;

}

.sustmeats__left {
   width:65%;
   float:left;


}
.sustmeats__right {
   width:35%;
   float:right;
   padding-left:30px;
}
.sustmeats__bottom {
   margin-top:30px;
   padding-top:30px;
   border-top: 1px solid #09264E;
}
.sustmeat--nutritious {
   width: 30%;
   padding-right: 30px;

}
.sustmeat--accessible {
   width: 70%;
   padding-left: 30px;
   border-left: 1px solid #09264E;
}
.sustmeat--raised {
   width: 100%;
   border-top: 1px solid #09264E;
   padding-top:30px;
   margin-top:30px;
}
.sustmeat--environmental {
   width:100%;
   border-left:1px solid #09264E;
   padding-left:30px;
}

.sustmeat--resilient {
   width:50%;
   padding-right: 30px;
}
.sustmeat--responsive {
   width:50%;
   border-left:1px solid #09264E;
   padding-left:30px;
}
.sustmeat__image img{
   max-width: 100%;
   max-height: 100px;
   margin-bottom: 30px;
}
.sustmeat--environmental .sustmeat__image img {
   max-height: 200px;
}
.sustmeat--raised .sustmeat__image  {
   float:right;
   width:300px;
   text-align: center;
}
.sustmeat--responsive .sustmeat__image img,
.sustmeat--resilient .sustmeat__image img,
.sustmeat--raised .sustmeat__image img {
   max-height: 130px;
   margin-bottom: 0;
}
.sustmeat--resilient .sustmeat__image  {
   float:left;
   width:200px;
   text-align: center;
}
.sustmeat--responsive .sustmeat__image  {
   float:right;
   width:200px;
   text-align: center;
}

.sow {
   color: #000;
}
.sow__legend {
   padding:20px 20px 20px 40px;
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.sow__legend__col {
   padding:0 10px;
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;

}

.sow__legend__title {
   color: #E6211E;
   font-size: 20px;
   font-family: Rockwell-Bold;
   line-height: 1;
}
.sow__legend__label {
   font-size: 12px;
   font-family: ProximaNova-Bold;
   text-transform: uppercase;
   text-align: left;
   padding-left: 5px;
}
.sow__legend__icon {
   width: 40px;
   height: 20px;
}
.sow__legend__icon img {
   width: 100%;
   max-height: 100%;
}
.sow__legend__col--feeder .sow__legend__icon {
   width: 10px;
}
.sow__legend__col--piglet .sow__legend__icon {
   width: 20px;
}
.sow__system {
   display: -webkit-flex;
   display: flex;
}
.sow__system__points {
   width: 300px;
   padding:30px 30px 30px 50px;
   color: #fff;
   background: #000;
   position: relative;
}
.sow__system__points::after {
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
   border-left: 20px solid green;
   position: absolute;

   right:-20px;
   top:40px;
}
.sow__system__points h3 {
   font-size: 22px;
   font-family: Rockwell-Bold;
   line-height: 1.2;
   padding-bottom: 20px;
   border-bottom: 3px solid rgba(0,0,0,0.1);
   margin-bottom: 20px;

}
.sow__system__points h4 {
   font-size: 18px;
   font-family: Rockwell-Bold;
   line-height: 1.2;
   margin-bottom: 20px;
}
.sow__system__points li,
.sow__system__points p {
   font-size: 14px;
   margin-bottom: 10px;
   list-style: disc;
   line-height: 1.2;
}
.sow__system__info {
   padding:30px 40px;
   background: gray;
   width:calc(100% - 300px);
}
.sow__system__info h3 {
   font-size: 18px;
   font-family: ProximaNova-Bold;
   line-height: 1.2;
   margin-bottom: 40px;
}
.sow__system__info h4 {
   color: #000;
   font-size: 18px;
   font-family: Rockwell-Bold;
   line-height: 1;
   margin-top: 20px;
   margin-bottom: 10px;
}
.sow__system__info p {
   line-height: 1.4;
   font-size: 14px;
}
.sow__system__stages {
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.sow__system__col {
   width: calc(30% - 60px);
}
.sow__system__col:nth-child(3n+3) {
   width: calc(40% - 60px);
}
.sow__system__image {
   height: 150px;
   position: relative;
}
.sow__system__image img {
   max-height: 100%;
   position: absolute;
   top:50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}


.sow__date {
   display: -webkit-flex;
   display: flex;
   margin-bottom: 20px;
}
.sow__date__icon {
   height: 30px;
   margin-right: 10px;
}
.sow__date__icon img {
   height: 100%;
}
.sow__date__label {
   font-size: 16px;
   font-family: ProximaNova-Bold;
   color: #fff;
   background: #000;
   padding:6px 8px;
}
.sow__system__col:nth-child(3n+1) .sow__system__image img {
   max-height: 70%;
}
.sow__system__col:nth-child(3n+2) .sow__system__image img {
   max-height: 50%;
}
.sow__system__col:nth-child(3n+3) .sow__system__image img {
   max-height: 90%;
}


.sow__system--conventional .sow__system__points {
   background:#265E6D;
}
.sow__system--conventional .sow__system__info {
   background:#aecdd5;
}
.sow__system--conventional .sow__date__label {
   background: #265E6D;
}
.sow__system--conventional .sow__system__points::after {
   border-left-color: #265E6D;
}

.sow__system--loose .sow__system__points {
   background:#625401;
}
.sow__system--loose .sow__system__info {
   background:#d6cd9a;
}
.sow__system--loose .sow__date__label {
   background: #625401;
}
.sow__system--loose .sow__system__points::after {
   border-left-color: #625401;
}


.sow__system--advanced .sow__system__points {
   background:#774E07;
}
.sow__system--advanced .sow__system__info {
   background:#ffdc9e;
}
.sow__system--advanced .sow__date__label {
   background: #774E07;
}
.sow__system--advanced .sow__system__col:nth-child(3n+3) .sow__system__image img {
   max-height: 100%;
}
.sow__system--advanced .sow__system__points::after {
   border-left-color: #774E07;
}
.sow__system--advanced .sow__system__points::before {
   content:"";
   display: block;
   width: 0;
   height: 0;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-top: 20px solid #774E07;
   position: absolute;
   bottom: -20px;
   left:50%;

}

.sow__footer {
   display: -webkit-flex;
   display: flex;
   padding:30px 0;
}
.sow__footer__title {
   width: 300px;
   padding:10px 30px 50px;
   color: #E6211E;
   font-size: 22px;
   font-family: Rockwell-Bold;
   line-height: 1.2;
}
.sow__footer__imps {
   width:calc(100% - 300px);
   padding-right: 20px;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.sow__footer__imp {
   width: calc(25% - 10px);
   display: -webkit-flex;
   display: flex;
   align-items: center;
}
.sow__footer__imp__icon {
   width: 50px;
   height: 50px;
   margin-right: 5px;
}
.sow__footer__imp__label {
   width: calc(100% - 50px);
   font-size: 11px;
   font-family: ProximaNova-Bold;
   text-transform: uppercase;
}
.sow__footer__imp__icon img {
   width: 100%;
}


.environmental-projects {
   background: #F2E9DB;
}
.environmental-projects .group p,
.environmental-projects .group h1 {

}
.projects {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 100%;
   color:#14274c;
}
.projects a {
   color:inherit;
}
.project > a {
   display: block;
}
.project {
   width: 25%;
   padding:0 20px;
   display: block;
   margin-bottom: 30px;
}
.project__img {
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   overflow: hidden;
   padding-top: 100%;
   position: relative;
   margin-bottom: 10px;

}

.project__title {
   font-size: 21px;
   font-family: Rockwell-Bold;
   margin-bottom: 10px;
}
.project__location {
   font-size: 14px;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
   margin-bottom: 10px;
}
.project__more .continue {
   font-size: 11px;
}
.project-profile {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}
.project-profile__left {
   width: 30%;
   padding-right: 30px;
   border-right: 1px solid #8993a6;
}
.project-profile__right {
   width: 70%;
   padding-left: 30px;
}

.project-profile__top {
   display: -webkit-flex;
   display: flex;
}
.project-profile__top__left {
   width: calc(100% - 200px);
   padding-right: 20px;
}
.project-profile__top__right {
   width: 200px;
}
.project-profile__certification-logo {
   width: 100%;
   text-align: right;
}
.project-profile__certification-logo img {
   max-width: 100%;
   max-height: 70px;

}
.project-profile__img img {
   width: 100%;
}


.project-profile__img {
   margin-bottom: 30px;
}
.project-profile__certificate {
   margin-top: 20px;
}
.project-profile__share {
   text-align: center;

}
.project-profile__body {
   font-size: 16px;
   font-family: ProximaNova-Regular;
   line-height: 1.4;
   margin-top: 30px;
}
.project-profile__title {
   color:#14274c;
   font-size: 24px;
   font-family: Rockwell-Bold;
   margin-bottom: 5px;
}
.project-profile__tech,
.project-profile__certification,
.project-profile__location {

   font-size: 16px;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
}
.project-profile__engonly {
   font-size: 0.8em;
}
.project__value {
   color:#14274c;
}
.what-mean-carbon {
   background-color:#F2E9DB;
   padding-top: 30px;
   padding-bottom: 30px;
}
.carbon-videos {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 100%;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.carbon-video {
   width: calc(33% - 20px);
}
.carbon-video .video {
   margin-bottom: 10px;
   margin-top: 20px;
}
.what-mean-carbon .video__text {
   height: 100%;
   position: relative;
}
.what-mean-carbon .video__play {
   position: absolute;
}
.what-mean-carbon .video__title {
   position: absolute;
   bottom: 20px;
}

/* stories */
.homestories {
   width:100%;
   position: relative;
   overflow: hidden;
}
.homestories__images {
   position: absolute;
   width:100%;
   height: 100%;

}
.homestories__image {
   position: absolute;
   width:100%;
   height: 100%;
   padding-right: 1px;
   opacity: 0;
   transition: opacity 0.5s ease;
}
.homestories__image img {
   min-width: 100%;
   min-height: 100%;
   max-width: 100%;

}
a:focus .homestories__image,
.homestories__image--current,
.homestories__image--active {
   opacity: 1;
}

.homestories__boxes {
   position: relative;
}
.homestories__box {
   width:33.33%;
   padding-top:24%;
   float:left;
   position: relative;
   border:2px solid #fff;

}
.homestories__box__bg {
   width: 100%;
   height:100%;
   position: absolute;
   top:0;
}
.homestories__box__image {
   display: none;
}

.homestories__link:focus .homestories__box {
   border-color: #000;
}
/* natural white */
/* .story__menu__indicator--current[data-key="0"]{
background:rgba(250,246,240,1);
}
a:focus .homestories__box[data-key="0"] .homestories__box__bg{
background:rgba(250,246,240,1);
}
.homestories__box[data-key="0"] .homestories__box__bg {
background:rgba(250,246,240,0);
}

.homestories__box--active.homestories__box[data-key="0"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="0"] .homestories__box__bg {
background:rgba(250,246,240,0.9);
}
.homestories__box[data-key="0"] .homestories__box__content{
color:#09264E;
}
.homestories__box[data-key="0"] .homestories__box__link{
background-image: url('../img/icons/gotoDkBlue.svg');
} */
/* green */
.story__menu__indicator--current[data-key="0"],
.story__menu__indicator--current[data-key="3"],
.story__menu__indicator--current[data-key="6"] {
   background:rgba(115,122,77,1);
}
a:focus .homestories__box[data-key="0"] .homestories__box__bg,
a:focus .homestories__box[data-key="3"] .homestories__box__bg,
a:focus .homestories__box[data-key="6"] .homestories__box__bg {
   background:rgba(115,122,77,1);
}
.homestories__box[data-key="0"] .homestories__box__bg,
.homestories__box[data-key="3"] .homestories__box__bg,
.homestories__box[data-key="6"] .homestories__box__bg {
   background:rgba(115,122,77,0);
}
.homestories__box--active.homestories__box[data-key="0"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="0"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="3"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="3"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="6"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="6"] .homestories__box__bg
{
   background:rgba(115,122,77,0.9);
}


/* blue */
.story__menu__indicator--current[data-key="1"],
.story__menu__indicator--current[data-key="5"],
.story__menu__indicator--current[data-key="7"] {
   background:rgba(20,40,77,1);
}
a:focus .homestories__box[data-key="1"] .homestories__box__bg,
a:focus .homestories__box[data-key="5"] .homestories__box__bg,
a:focus .homestories__box[data-key="7"] .homestories__box__bg{
   background:rgba(20,40,77,1);
}

.homestories__box[data-key="1"] .homestories__box__bg,
.homestories__box[data-key="5"] .homestories__box__bg,
.homestories__box[data-key="7"] .homestories__box__bg{
   background:rgba(20,40,77,0);
}
.homestories__box--active.homestories__box[data-key="1"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="1"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="5"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="5"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="7"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="7"] .homestories__box__bg
{
   background:rgba(20,40,77,0.9);
}

/*red*/
.story__menu__indicator--current[data-key="2"],
.story__menu__indicator--current[data-key="4"],
.story__menu__indicator--current[data-key="8"] {
   background:rgba(231,32,29,1);
}

a:focus .homestories__box[data-key="2"] .homestories__box__bg,
a:focus .homestories__box[data-key="4"] .homestories__box__bg,
a:focus .homestories__box[data-key="8"] .homestories__box__bg{
   background:rgba(231,32,29,1);
}

.homestories__box[data-key="2"] .homestories__box__bg,
.homestories__box[data-key="4"] .homestories__box__bg,
.homestories__box[data-key="8"] .homestories__box__bg{
   background:rgba(231,32,29,0);
}
.homestories__box--active.homestories__box[data-key="2"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="2"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="4"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="4"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="8"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="8"] .homestories__box__bg
{
   background:rgba(231,32,29,0.9);
}


.homestories__box__content {
   position: absolute;
   width:100%;
   bottom:0;
   padding:30px 20px;
   transition: opacity 0.5s ease;
   opacity: 0;
   color:#fff;
}
a:focus .homestories__box__content,
.homestories__box--current .homestories__box__content,
.homestories__box--active .homestories__box__content{
   opacity: 1;
}
.homestories__box__readmore {
   margin-top: 20px;
}
.homestories__box__readmore__text {
   font-family: ProximaNova-Medium;
   font-size: 11px;
   text-transform: uppercase;
   vertical-align: middle;
}
.homestories__box__link {
   width:13px;
   height:13px;
   background:url('../img/icons/gotoWhite.svg') no-repeat;
   background-size: cover;
   display: inline-block;
   vertical-align: middle;
}
.homestories__box__title {
   font-size: 29px;
   font-family: Rockwell-Bold;
   line-height: 1;
   margin-bottom: 10px;
}
.fr .homestories__box__title {
   font-size: 22px;

}

.homestories__box__description {
   margin-right:60px;
   padding-top:10px;
   border-top: 1px solid rgba(255,255,255,0.5);
   font-family: ProximaNova-Regular;
   font-size: 13px;
   line-height: 1.2;
}
.story {
   padding-top:20px;
}
.story-section {
   margin-top:60px;
}
.story__headimage {
   width:100%;
   padding-top:30%;
   overflow: hidden;
   position: relative;
   margin-bottom: 10px;
}
.story__headimage img {
   position: absolute;
   top:0;
   width:100%;

}
.story__menu {
   display:inline-block;
   position: absolute;
   z-index: 2;
   top:20px;
   right:20px;
   padding:3px;

}
.story__menu__indicator {
   display: inline-block;
   width: 15px;
   height:10px;
   background:#fff;
}


.story__body {
   margin-top: 20px;
   border-bottom: 1px solid #ccc;
}

.story .cta {

   border:0;
}
.story .story__extra .cta {
   margin-bottom: 20px;
}
.story__quote {
   padding:0 60px;
}
.story__intro {
   font-size: 18px;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
   margin-bottom: 20px;
   color:#09264E;
   letter-spacing: 0.4px;
}
.story__intro a {
   text-decoration: underline;
   transition: all 0.3s ease;
}
.story__intro a:hover {
   opacity: 0.65;
}
.story__intro__margin--b {
   margin-bottom: 10px;
}
.story__date {
   text-align: left;
   margin:20px 0;
   color:#555;
   font-size: 11px;
   clear: both;
   font-family: ProximaNova-Semibold;
}
.story__highlight {
   color:#E6211E;
   font-family: Rockwell-Bold;
}

.story__category {
   margin-bottom: 5px;
}
.story__categories__label {
   margin-bottom: 15px;
   letter-spacing: .18em;
   font-size: 11px;
   color:#09264e;

   text-transform: uppercase;
   font-family: ProximaNova-Medium;
}
.story__category__text {
   color:#004AB5;
   font-size: 12px;
   font-family: ProximaNova-Bold;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-bottom: 5px;
}
.story__category[data-story-category="_foodsecurity_"],
.story__category[data-story-category="_foodsystem_"],
.story__category[data-story-category="_foodsafety_"] {
   background:#E6211E;
}

.story__category[data-story-category="_sustainability_"] {
   background:#737a4d;
}
.story__slug {

   margin-bottom: 30px;
}
.story__slug__label {
   font-family: ProximaNova-Bold;
   font-size: 12px;
   text-transform: uppercase;
   color:#E6211E;
   padding:13px 40px;
   background:#f2e9db;
   margin-bottom: -1px;
   border-radius: 20px;
   display: inline-block;
   letter-spacing: 1.8px;
}
.relatedstory .cta__title {
   font-size: 23px;
}
.relatedstory .cta__description {
   margin-right: 0;
}
.relatedstory__left {
   padding-right: 3px;
}
.relatedstory__left .cta__position {
   padding-top: 32%;
}
.relatedstory .slides__nav {
   position: absolute;
   top: -55px;
   right: 20px;
   margin-top: 0;

}
.storyrelated {
   width:25%;
   width:calc(25% - 20px);
   float:left;
   position: relative;

}

.storyrelated:nth-child(1) {
   margin-right:10px;
   margin-left:10px;
}
.storyrelated:nth-child(2) {
   margin-right:10px;
   margin-left:10px;
}
.storyrelated:nth-child(3) {
   margin-right:10px;
   margin-left:10px;
}
.storyrelated:nth-child(4) {
   margin-left:10px;
}
.storyrelated__content {
   width:100%;

   overflow: hidden;
}
.storyrelated__banner {
   width: 100%;
   overflow: hidden;
   position: relative;
}
.storyrelated .cta__link {
   position: absolute;
   z-index: 2;
   bottom: 20px;
   left:20px;
   margin-bottom: 0;
}
.storyrelated--story .storyrelated__banner img{
   min-width: 100%;
   max-width: 140%;
   max-height: 100%;
}

.storyrelated__text {
   padding:20px 40px;
}
.leftpaddinghalf .storyrelated__text {
   padding:20px 20px;
}
.storyrelated__title {
   color:#555555;
   font-family: Rockwell-Bold;
   font-size: 23px;
   margin-bottom: 10px;
   line-height: 1;
}
.storyrelated__description {
   color:#555555;
   font-family: ProximaNova-Regular;
   font-size: 13px;
   line-height: 1.2;

}
.storyrelated--news {
   width:25%;
   width:calc(25% - 6px);

}
.storyrelated--news:nth-child(1) {

   margin-right:6px;
}
.storyrelated--news:nth-child(2) {
   margin-right:3px;
   margin-left:3px;
}
.storyrelated--news:nth-child(3) {
   margin-right:3px;
   margin-left:3px;
}
.storyrelated--news:nth-child(4) {
   margin-left:6px;
}
.storyrelated--news .storyrelated__banner {
   width: 100%;
   height:55%;
   overflow: hidden;
}
.storyrelated--news .storyrelated__banner img{

   height:100%;


}
.story[data-post-id="233324"] .cta--small .cta__title {
   font-size: 16px;
}


.featuredstory {
   border-bottom: 1px solid #cccccc;
   padding-bottom: 30px;
}
.featuredstory__categories {
   color:#004ab5;
   font-family: ProximaNova-Bold;
   font-size: 11px;
   letter-spacing: 1px;
   text-transform: uppercase;
}
.featuredstory__category {
   padding-right: 10px;
   margin-right: 10px;
   border-right: 1px solid #cccccc;
}
.featuredstory__category:last-child {
   border-right: 0;
   margin-right: 0;
   padding-right: 0;
}
.featuredstory__image {
   margin-bottom: 20px;
}
.featuredstory__image img {
   width: 100%;
}
.featuredstory__summary.content-height--restrict .content-height__content {
   max-height: 300px;
}
.continue {
   color:#CE2127;
   font-family: ProximaNova-Medium;
   font-size: 12px;
   text-transform: uppercase;
   vertical-align: middle;
   letter-spacing: .03em;
}
.continue--white {
   color:#fff;
}
.continue__icon {
   width: 13px;
   height: 13px;
   background: url('../img/icons/gotoRed.svg') no-repeat;
   background-size: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-left: 5px;
}
.continue--white .continue__icon {
   background: url('../img/icons/gotoWhite.svg') no-repeat;
}
.featuredstory__date {
   font-family: ProximaNova-Bold;
   font-size: 11px;
   margin-top: 30px;
}
.otherstories {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin-top: 20px;
   padding-bottom: 30px;
   border-bottom: 1px solid #ccc;
}
.otherstory {
   width: calc(50% - 20px);
   margin-top: 50px;

}
.otherstory a {
   display: block;
}
.otherstory__image {
   height: 50%;
   overflow: hidden;
}

.otherstory__image img {
   width: 100%;
}
.otherstory__category {
   color:#004ab5;
   font-family: ProximaNova-Bold;
   font-size: 11px;
   letter-spacing: 1px;
   text-transform: uppercase;
   margin-top: 20px;
}
.visitarchive {
   margin-top: 50px;
}
.otherstory__date {
   font-family: ProximaNova-Bold;
   font-size: 11px;
   margin-bottom: 10px;
}
/* end stories*/

/* news */

.ourviews__headimage {
   width: 100%;

}
.ourviews__headimage img {

   width:100%;
}
.ourviews__topmargin  {
   margin-top: 20px;
}
.news-releases {
   margin-top:40px;
}

.news-releases .slides__nav {
   position: absolute;
   top: -40px;
   right: 20px;
   margin-top: 0;

}
.morenews{
   width:33.33%;
   float:left;
   padding-right:40px;

}
.morenews__date {
   font-size:11px;
   color:#09264E;
   font-family: ProximaNova-Medium;
   letter-spacing: 1px;
   margin-bottom: 5px;
}
.morenews__title {
   color:#09264E;
   font-family: ProximaNova-Bold;
   line-height: 1.1;
   font-size: 18px;
   margin-bottom: 10px;
   letter-spacing: 0.4px;
}
.morenews__subtitle {
   color:#09264E;
   font-family: ProximaNova-Regular;
   line-height: 1.1;
   font-size: 14px;
   margin-bottom: 10px;
   margin-top: -5px;
}
.morenews__content {
   font-size:12px;
   color:#333333;
   font-family: ProximaNova-Regular;
   line-height: 1.2;

}
.morenews__more {
   color:#09264E;
   font-size: 11px;
   text-transform: uppercase;
   font-family: ProximaNova-Medium;
   margin-top:10px;
   letter-spacing: 1.8px;
}
.leader-cta {
   margin-bottom: 0;
   margin-left: 20px;
}

.news-section__post {
   margin-top:40px;
}
.news .cta__content {
   background:#E6211E;
}
/* end news */

/* blog */
.searchblogbox {
   margin-top:20px;
}
.searchblogbar__border {
   overflow: hidden;
   -webkit-display: flex;
   display: flex;
}

.searchblogbar__input {

   border:1px solid #09264E;
   border-radius:2em 0 0 2em;
   background:#fff;
   width: calc(100% - 42px);
   overflow: hidden;
}
.searchblogbar__input input {
   width: 100%;
   border: 0;
   padding: 10px 12px;
   margin: 0;
   display: block;
   -webkit-appearance: none;
   -moz-appearance: none;
}
.searchblogbar__input input:focus {
   outline:none;
}
.searchblogbar__button {
   background:#09264E;
   border-radius:0 2em 2em 0;
   overflow: hidden;
   display: block;

}
.searchblogbar__button:focus-within {
   background: #E6211E;
}
.searchblogbar__input:focus-within {
   border-color: #E6211E;
}
.searchblogbar__button button {
   padding:10px 15px;
   background:none;
   color:#fff;
   cursor: pointer;
   transition: all 0.3s ease;
   display: inline-block;
   border: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
}
.searchblogbar__button:hover {
   opacity: 0.65;
}
.stories-container .otherstories {
   margin-top: 0;
}
.stories-container__more[aria-hidden="true"] {
   display: none;
}
.stories-container {
   transition: all 0.3s ease;
}
.stories-container--loading  {
   pointer-events: none;
   opacity: 0.25;
}
.stories-container__more__btn {
   width: 100%;
   text-align: center;
   margin-bottom:50px;
}
.stories-container__more__icon {
   background:#E6211E;
   border-radius:50%;
   width:20px;
   height:20px;
   font-size: 23px;
   color:#fff;
   display: inline-block;
   text-align: center;
   margin-bottom: 5px;
   margin-top:20px;
   line-height: 20px;

}
.stories-container__more__icon::before {
   content:"+";

}

.stories-container__more__text {
   color:#E6211E;
   font-family: ProximaNova-Medium;
   font-size: 11px;
   letter-spacing: 1px;
   text-transform: uppercase;
   letter-spacing: 1.8px;

}
.filters {
   background:#004ab5;
   color:#fff;
   padding:20px;
   font-size: 12px;
}
.filters__button {
   background:none;
   color:#fff;
   border-radius: 30px;
   display: inline-block;
   padding: 10px 30px;
   transition: all 0.3s ease;
   border:0;
   border:1px solid #fff;
   line-height: 1;
   position:relative;
   text-align: center;
   font-family: ProximaNova-Medium;
   font-size: 14px;
   text-transform: uppercase;
   width: 100%;
}
.storyfilter .ui-checkboxradio-icon {
   color:#004ab5;
}
.storyfilter .ui__checkbox {
   margin-bottom: 10px;
}
.storyfilter .ui-checkboxradio-label.ui-state-active {
   font-family: ProximaNova-Bold;
}
.storyfilter .ui-checkboxradio-label {
   line-height: 1;
}
.storyfilter  .ui__checkbox .ui-checkboxradio-icon.ui-state-checked {
   color:#004ab5;
   background: #fff;
}
.storyfilters__title {
   font-family: Rockwell-Bold;
   line-height: 1;
   margin-bottom: 10px;
   font-size: 20px;
   padding-bottom: 10px;
   border-bottom: 1px solid #fff;
   margin-bottom: 15px;
}
.storyfilter {
   margin-bottom: 10px;
   border-bottom: 1px solid rgba(255,255,255,0.4);
   padding-bottom: 10px;
}
.storyfilter__checkboxes {
   overflow: hidden;
   max-height: 1000px;
   margin-top: 20px;
   transition: all 0.3s ease;

}
.storyfilter__checkboxes[aria-hidden="true"] {
   opacity: 0;
   max-height: 0;
   margin-top: 0px;
}
.storyfilter__toggle {
   font-family: ProximaNova-Medium;
   letter-spacing: .18em;
   text-transform: uppercase;
   position: relative;
}
.storyfilter__toggle::after {
   content: "+";
   position: absolute;
   right: 10px;
   top:0px;
}
.storyfilter__toggle[aria-expanded="true"]::after {
   content: "–";
}
.stories-container__tags {
   display: -webkit-flex;
   display: flex;
}
.stories-container__filters {
   width: 70%;
}
.stories-container__clearall {
   width: 30%;
   padding-left: 20px;
   text-align: right;
   color:#004ab5;
   text-decoration: underline;
   font-size: 16px;
   margin-top: 10px;
   text-transform: lowercase;
}
.stories-container__filter {
   display: inline-block;
   background:#004ab5;
   padding: 5px 10px;
   border-radius: 2em;
   font-family: ProximaNova-Semibold;
   text-transform: uppercase;
   color:#fff;
   line-height: 1;
   font-size: 12px;
   letter-spacing:.18em;
   margin-right: 10px;
   margin-top: 10px;
   cursor: pointer;
}
..stories-container__filter .fa {
   font-size: 11px;
   vertical-align: middle;
}
.rssbox {
   font-size: 12px;
   font-family: ProximaNova-Bold;
   color:#09264E;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-top:20px;
   padding-top: 20px;
   border-top: 1px solid #ccc;
}
.rssbox .fa {
   color:#E6211E;
}
.storylinks {
   margin-top:20px;
   padding: 20px 0;
   border-top: 1px solid #ccc;
}
.storylinks a {
   margin-bottom: 10px;
   display: block;
}
.storylinks a:last-child {
   margin-bottom: 0;
}
.story-noresults {
   margin-top: 30px;
}
/* blog */

/* ui */
.ui {
   line-height: 1.2;

}
.ui-icon {
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;

   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;


   font-size: 14px;

   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   transition: all 0.3s ease;

}
.ui-icon:hover {
   opacity: 0.85;
}

.ui__checkbox {
   width: 100%;
}

.ui__checkbox label {
   text-align: left;
   padding-left: 20px;
   position: relative;
   transition: all 0.3s ease;
}
.ui__checkbox label:hover {
   opacity: 0.65;
}

.ui__checkbox .ui-checkboxradio-icon {
   top:0px;
   left: 0px;
   position: absolute;
   border: 1px solid #fff;
   background: transparent;
   font-size: 0.8em;
   color:#000;
   height: 12px;
   width: 12px;
}
.ui__radiogroup {
   font-size: 13px;
}
.ui__radiogroup legend {
   text-transform: uppercase;
   margin-bottom: 5px;
}
.ui__radiogroup label {
   margin-right: 30px;
   font-family: Din-AltBold;
   margin-bottom: 5px;
}
.ui__radiogroup .ui-checkboxradio-icon {
   margin-right: 5px;
}

.ui__field {
   font-size: 13px;
   margin-bottom: 10px;
}
.ui__field textarea,
.ui__field input,
.ui__field label {
   display: block;
   width: 100%;
}
.ui__field label {
   margin-bottom: 5px;
   text-transform: uppercase;
}
.ui__field input,
.ui__field textarea {
   background: #fff;
   padding:4px;
   border: 1px solid #a6a6a6;
}



.ui__field .ui-selectmenu-button {
   display: block;
   width:100%;
   background: #fff;
   padding:5px;
   border:1px solid #a6a6a6;
}

.ui-selectmenu-menu .ui-menu-item {
   color:#000;
   font-size: 13px;
}
.ui-selectmenu-button-open .ui-selectmenu-icon {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   margin-top: -5px;
}
.ui-datepicker {
   background: #fff;
   color:#000;
   border:1px solid #c6c6c6;
   border-radius: 3px;
}
.ui-datepicker td {
   padding:2px;
}
.ui-datepicker td a {
   background:#f6f6f6;
   border:1px solid #c6c6c6;
   color:#000;
}
.ui-datepicker td a:hover {
   background:#64ccc9;
   border-color: #64ccc9;
}

.ui-datepicker-header {
   background:#e9e9e9;
   border:1px solid #d8d8d8;

}
.ui-datepicker .ui-state-highlight {
   background:#c0c0c0;
   color:#000;
   border-color: #c0c0c0;
}

.ui-icon-check::before {
   content: "\f00c";
   font-family: inherit;
}
.ui-icon-triangle-1-s::before {
   content: "\f0d7";
}

.ui-icon-circle-triangle-w::before,
.ui-icon-circle-triangle-e::before {
   content: "\f0da";
   position: absolute;
   text-indent: 0;
   left:0;
}
.ui-icon-circle-triangle-w::before {
   content: "\f0d9";

}
.ui__note {
   margin-top: 5px;
}
.ui-selectmenu-menu .ui-menu {
   height: 100px;
}
/* end ui */
/* media centre */
.section--media-centre {
   background:#F2E9DB;
}
.section--media-centre__news-releases-and-speeches {
   background:#F2E9DB;
}
.mediacentre-right {
   text-align: left;
}


.section--media-centre .bigred {
   padding-right: 20px;
}
.newsboxes {
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;

}
.newsbox,
.newsboxes > .cta {
   width: calc(25% - 20px);
}
.newsboxes .cta__content {
   height: 100%;
}
.newsbox {
   padding: 20px;
   background: #fff;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
}
.newsbox > a {
   display: block;
}
.newsboxes .cta > a {
   display: block;
   height: 100%;
}
.newsbox__date {
   color:#004AB5;
   font-family: ProximaNova-Bold;
   font-size: 11px;
   margin-bottom: 10px;
   letter-spacing: .18em;
}
.newsbox__title {
   font-size: 16px;
   color: #09264e;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #000000;
}
.newsbox__content {
   color:#333333;
   font-size: 13px;
   margin-bottom: 20px;

}
.news-releases--ourviews {
   margin-top:40px;
   padding-top: 20px;
   border-top: 1px solid #cccccc;
}
.section--investors__news-releases-and-speeches {
   background: #F2E9DB;
}
/* end media centre */


/* what we do */
.what-we-do .sandwich {
   margin-top: 100px;
}

.checkmarks {
   background: #E6211E;
   color:#fff;
}
.checkmarks .group h2 {
   color:#fff;
}
.checkmark {
   -webkit-display: flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin-top: 50px;
}
.checkmark li {
   width: calc(50% - 20px);
   padding-left: 50px;
   background:url('../img/icons/checkmarkWhite.svg') no-repeat;
   background-size: 30px 30px;
   font-size: 18px;
   font-family: Rockwell-Bold;
   line-height: 1.2;
   margin-bottom: 30px;
}
.highlight {
   -webkit-display: flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-top: 50px;
}
.highlight li {
   width: calc(25% - 30px);

   margin-right: 30px;
   font-size: 16px;
   font-family: ProximaNova-Regular;
   line-height: 1.4;
   margin-bottom: 30px;
   padding-bottom: 10px;
   border-bottom: 6px solid #09264e;
}
.highlight li:nth-child(4n+4) {
   margin-right: 0;
}
.highlight h4 {
   color:#E6211E;
   font-size: 34px;
   line-height: 1.2;
   font-family: Rockwell-Bold;
}

.mediabrands {
   background: #F2E9DB;
}
.see-all {
   text-align: right;
}
/* end what we do */

/* media library */
.factsheets {
   margin-bottom: 30px;
}
.asset {
   -webkit-display: flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}
.asset li {
   width: calc(33.33% - 50px);
   margin-right: 50px;
   text-align: center;
   padding: 0 40px;
   margin-top: 30px;
   line-height: 1.2;
}
.asset li:nth-child(3n+3) {
   margin-right: 0;
}
.asset__icon {
   font-size: 60px;
   color:#65bde0;
}
.asset__image {
   height: 120px;
   margin-bottom: 10px;
   -webkit-display: flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   justify-content: center;
   text-align: center;
   overflow: hidden;

}
.asset__image > div,
.asset__image img {
   max-width: 100%;
   max-height: 100%;
}
.asset__video {
   width: 100%;
}
.asset__title {
   color:#09264E;
   font-size: 16px;
   font-family: Rockwell-Bold;
}
.asset__download {
   font-size: 11px;
   font-family: ProximaNova-Medium;
   text-transform: uppercase;
   color:#E6211E;
   margin-top: 10px;
   letter-spacing: .03em;
}
.asset__download__icon {
   margin-left: 10px;
}

.section--media-centre__media-library .mejs-controls {
   display: none;
}
.section--media-centre__media-library .wp-video {
   max-width: 100%;
   height: 100%;
   background: #000;
}
.section--media-centre__media-library .mejs-container {
   height: 100% !important;
}
.asset__image .mejs-overlay:hover > .mejs-overlay-button {
   background-position: 0 -39px;
   opacity: 1;
}
.asset__image .mejs-video  .mejs-mediaelement {
   transition: all 0.3s ease;
}
.asset__image .mejs-video:hover  .mejs-mediaelement {
   opacity: 0.65;
}
.asset__image .mejs-container{
   background: transparent;
}
.asset li > a {
   display: block;
}
/* end media library */


@media (max-width: 1300px) {
   .asset__image {
      height: 100px;
   }
   .asset__video {
      width: 50%;
   }
}
.footnote p,
p.footnote {
   font-size: 0.8em;
}

/* sustscene */
.sustscene {
   padding: 50px 100px;
   position: relative;
   color:#fff;

}
.sustscene:hover {
   opacity: 1;
}
.sustscene::before {
   content: "";
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   display: block;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00589d+0,2a89d1+100 */
   background: rgb(0,88,157); /* Old browsers */
   background: -moz-linear-gradient(left,  rgba(0,88,157,1) 0%, rgba(42,137,209,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left,  rgba(0,88,157,1) 0%,rgba(42,137,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right,  rgba(0,88,157,1) 0%,rgba(42,137,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00589d', endColorstr='#2a89d1',GradientType=1 ); /* IE6-9 */
   top:0;
   left:0;
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s ease;

}
.sustscene::after {
   content: "";
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   display: block;
   top:0;
   left:0;
   pointer-events: none;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+54,0.5+100 */
   background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

}

.sustscene--gradientTop::after {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100;Neutral+Density */
   background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
.sustscene.active::before {
   opacity: 0.95;
}
.sustscene__content .group__section {
   color:#fff;
   border-bottom: 1px solid #fff;
}
.sustscene__content .group h1 {
   color: #fff;
}
.sustscene__bg {
   position: absolute;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 0;
   width: 100%;
   height: 100%;
   left:0;
   top:0;
}
.sustscene__content {
   position: relative;
   z-index: 2;
}
.sustscene__intro {
   font-size: 48px;
   font-family: Rockwell-Bold;
   color:#fff;
   margin-top: 200px;
}

.sustscene__box {
   padding: 15px 15px;
   position: relative;
}
.sustscene__box__hborder,
.sustscene__box__vborder {
   position: absolute;
   pointer-events: none;
   display: block;
   width: 100%;
   height: 100%;
   left:0;
   top:0;

}


.sustscene__box__hborder::before {
   background:#fff;
   content: "";
   position: absolute;
   width: calc(100% - 10px);
   height: 1px;
   top:15px;
   left:3px;

}
.sustscene__box__hborder::after {
   background:#fff;
   content: "";
   position: absolute;
   width: 100%;
   height: 1px;
   bottom:15px;
   left:-3px;
   pointer-events: none;
}
.sustscene__box__vborder::before {
   background:#fff;
   content: "";
   position: absolute;
   width: 1px;
   height: calc(100% - 5px);
   top:5px;
   left:15px;

}
.sustscene__box__vborder::after {
   background:#fff;
   content: "";
   position: absolute;
   width: 1px;
   height: 100%;
   top:-5px;
   right:15px;

}
.sustscene__box__content {
   background: rgba(0,0,0,0.75);
   width: 100%;
   padding:30px;
}
.sustscene__flex {
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: flex-end;
   align-items: flex-end;
}
.sustscene__cta {
   width: 50%;
}
.sustscene__overlay {
   width: 50%;
   padding-left: 100px;
}
.sustscene--alt .sustscene__cta {
   -webkit-order: 2;
   order: 2;
}
.sustscene--alt .sustscene__overlay {
   -webkit-order: 1;
   order: 1;
   padding-left: 0;
   padding-right: 100px;
   transition: all 0.3s ease;
}
.sustscene--alt .sustscene__heading {
   text-align: right;
}
.sustscene__overlay[aria-hidden="true"] {
   opacity: 0;
   pointer-events: none;
}
.sustscene__cta__top {
   border-bottom: 1px solid #fff;
   padding-bottom: 20px;
   margin-bottom: 20px;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-align-items: center;
   align-items: center;
}
.sustscene__cta__heading {
   font-size: 14px;
   font-family: Rockwell-Bold;
   line-height: 1.1;
}
.sustscene__cta__subheading {
   font-size: 21px;
   font-family: ProximaNova-Medium;
   line-height: 1.2;
}
.sustscene__cta .sustscene__box__content {
   padding: 40px;
}
.sustscene__heading {
   font-size: 84px;
   font-family: Rockwell-Bold;
   margin-top: 40px;
   margin-left: 25px;
}
.sustscene__cta__icon {
   background-repeat: no-repeat;
   background-size: contain;
}


.sustscene--sustainability__our-approach .sustscene__cta__icon {
   width: 100%;
   width: 232px;
   height: 117px;
   background-image: url('../img/sustainability/2020/icon-our-approach.png');
   margin-bottom: -10px;
}
.sustscene--sustainability__our-approach .sustscene__cta__heading {
   width: 100%;
   padding-left: 40px;
}
.sustscene--sustainability__better-food .sustscene__cta__icon {
   width: 122px;
   height: 96px;
   background-image: url('../img/sustainability/2020/icon-better-food.png');
}
.sustscene--sustainability__better-food .sustscene__cta__heading {
   width: calc(100% - 122px);
   padding-left: 20px;
}
.sustscene--sustainability__better-care .sustscene__cta__icon {
   width: 120px;
   height: 111px;
   background-image: url('../img/sustainability/2020/icon-better-care.png');
}
.sustscene--sustainability__better-care .sustscene__cta__heading {
   width: calc(100% - 120px);
   padding-left: 20px;
}

.sustscene--sustainability__better-communities .sustscene__cta__icon {
   width: 308px;
   height: 89px;
   background-image: url('../img/sustainability/2020/icon-better-community.png');
   margin-bottom: 10px;
}
.sustscene--sustainability__better-communities .sustscene__cta__heading {
   width: 100%;
}

.sustscene--sustainability__better-planet .sustscene__cta__icon {
   width: 220px;
   height: 132px;
   background-image: url('../img/sustainability/2020/icon-better-planet.png');
   margin-bottom: 10px;
}
.sustscene--sustainability__better-planet .sustscene__cta__heading {
   width: 100%;
}
.sustscene__link {
   margin-top: 30px;
}
.sustscene__link .button:hover {
   background: #fff;
}
.sustscene__link .button {
   padding-left: 50px;
}

.sustscene__subpages {
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-flex-wrap:wrap;
   flex-wrap:wrap;

}
.sustscene__subpage {
   width: calc(50% - 10px);
   margin-top: 20px;
   margin-bottom: 15px;
}
.sustscene__subpage__thumb {
   display: block;
   width: 100%;
   height: 100px;
   background: grey no-repeat;
   background-size: cover;
   margin-bottom: 10px;
}
.sustscene__subpage__title {
   font-family: Rockwell-Bold;
   font-size: 14px;
}
.sustscene__subpage a {
   transition: all 0.3s ease;
}
.sustscene__subpage a:hover {
   opacity: 0.75;
}

.sustscene__overaly__toggle {
   position: absolute;
   right: 20px;
   top:0px;
   font-size: 30px;
}
.sustscene.active .sustscene__overaly__toggle__open,
.sustscene__overaly__toggle__close {
   display: none;
}
.sustscene.active .sustscene__overaly__toggle__close {
   display: inline-block;
}
/* end sustscene */

/* susthero */
.susthero {
   position: relative;
   padding: 60px 40px;
}
.susthero__bg {
   position: absolute;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 0;
   width: 100%;
   height: 100%;
   left:0;
   top:0;
}
.susthero__bg::after {
   content: "";
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   display: block;
   top:0;
   left:0;
   pointer-events: none;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+28,0.5+100 */
   background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 28%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */


}
.susthero__content {
   position: relative;
   z-index: 2;
   margin-top: 350px;
   width: 580px;
}
.susthero .group__section {
   color: #fff;
   border-bottom: 1px solid #fff;
   width: 100%;

}
.susthero__content h1 {
   color: #fff;
   font-size: 84px;
   font-family: Rockwell-Bold;
   line-height: 0.8em;
   margin-bottom: 70px;
}
/* end susthero */


/* tabs nav */
.tabs {
   position: relative;
}
.tabs__nav {
   border:1px solid #F2E9DB;
   position: relative;
   background: rgba(0,0,0,0.75);
   overflow-x: auto;
}
.tabs__nav__container {
   width: 100%;
   overflow: hidden;
   position: relative;
}


.tabs__nav__scrollindicator {
   position: absolute;
   top: 1px;
   background: #004AB5;
   display: none;
   height: calc(100% - 2px);
   padding: 0 8px;
   -webkit-align-items: center;
   align-items: center;
   z-index: 1;
   transition: all 0.3s ease;
}
.tabs__nav__scrollindicator[aria-hidden="true"] {
   opacity: 0;
   pointer-events: none;
}
.tabs__nav__container--hscrollbar .tabs__nav__scrollindicator {
   display: -webkit-flex;
   display: flex;
}
.tabs__nav__scrollindicator--right {
   right: 0;
   border-left: 1px solid #F2E9DB;
}
.tabs__nav__scrollindicator--left {
   left: 0;
   border-right: 1px solid #F2E9DB;
}
.tabs__nav__scrollindicator__icon {
   display: inline-block;
   width: 15px;
   height: 15px;
   background: #fff;
   border-radius: 50%;
   text-align: center;
   line-height: 15px;
   font-size: 12px;
}
.tabs__nav__container,
.tabs__placeholder {
   margin-top: -65px;
}
.tabs__nav__container--sticky {
   position: fixed;
   z-index: 99;
   top:0;
   margin-top:0;
}
.tabs__nav__container--sticky .tabs__nav {
   background: rgba(255,255,255,1);
   border:1px solid #b5bdca;
   border-left: 0;
   border-right: 0;
}
.tabs__nav__container--sticky .tabs__nav__head {
   color:#00589d;
   border-right: 1px solid #b5bdca;
}
.tabs__nav__scroller {
   display: -webkit-flex;
   display: flex;
   min-width: 100%;

}
.tabs__nav__head {
   color: #F2E9DB;
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   text-align: left;
   font-family: ProximaNova-Bold;
   font-size: 12px;
   text-transform: uppercase;
   height: 65px;
   padding: 0 33px;
   border-right: 1px solid #F2E9DB;
   line-height: 1.2;
   letter-spacing: 1.8px;
}
.fr .main-page--sustainability__our-approach .tabs__nav__scroller a {
   max-width: 16%;
}
.tabs__nav__scroller a:last-child .tabs__nav__head {
   border-right: 0;
}
a:focus .tabs__nav__head {
   background:#FFF;
   color:#001f4e;
}
.tabs__nav__container--sticky .tabs__tab[aria-selected="true"] .tabs__nav__head,
a.tabs__tab[aria-selected="true"]:focus .tabs__nav__head,
.tabs__tab[aria-selected="true"] .tabs__nav__head {
   background:#F2E9DB;
   color:#001f4e;
}
.main-page--sustainability__better-care .tabs__nav--6 .tabs__nav__head {
   max-width: 195px;
}
.tabs__item[aria-hidden="true"] {
   display: none;
}


/* end tabs nav */

/* sustintro */
.sustintro__flex {
   display: -webkit-flex;
   display: flex;
   width: 100%;
   margin-bottom: 30px;
}
.sustintro__priorities,
.sustintro__goals {
   width: 50%;
   padding: 40px;
}
.sustintro__goals {
   background: #09264E;
   color:#f2e8db;
}
.sustintro__priorities {
   background: #F2E9DB;
   color:#09264E;
}
.sustintro__priorities h3 {
   color:#CE2127;
}
.sustintro h3 {
   padding-bottom: 20px;
   border-bottom: 1px solid rgba(255,255,255,0.5);
   margin-bottom: 30px;
   font-family: Rockwell-Bold;
   font-size: 24px;
}
.sustintro__priorities h3 {
   border-bottom: 1px solid #b5bdca;

}
.sustintro li,
.sustintro p {
   font-family: ProximaNova-Regular;
   font-size: 21px;
   line-height: 1.3;
}

.sustintro li + li,
.sustintro p + p {
   margin-top: 20px;
}
.sustintro__link {
   margin-bottom: 30px;
}
/* end sustintro */


/* suststats */
.suststats {
   border-top: 1px solid #b5bdca;
   margin-top: 30px;
   padding: 0px 30px;
}
.suststats__intro {
   color:#CE2127;
   font-size: 18px;
   font-family: Rockwell-Bold;
   line-height: 1.2;
   padding: 0 50px;
   text-align: center;
   margin-top:50px;
}
.suststats__intro p + p {
   margin-top: 20px;
}

.suststats__items {
   margin-top:50px;
   display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
}
.suststats__item {
   width: calc(33.33% - 20px);
   margin-right: 30px;
   margin-bottom: 50px;
}
.suststats__item:last-child {
   margin-right: 0;
}
.suststats__item__image {
   height: 100px;
   text-align: center;
   margin-bottom: 20px;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-align-items: flex-end;
   align-items: flex-end;

}
.suststats__item__image img {
   height: 100%;
   max-width: 100%;

}
.suststats__item__image--size70 img {
   height: 70%;
}
.suststats__item__text h3 {
   color:#004AB5;
   font-size: 22px;
   font-family: Rockwell-Bold;
   margin-bottom: 10px;
}
.suststats__item__text p {
   font-size: 16px;
   line-height: 1.3;
}
.suststats__item__text p + p {
   margin-top: 20px;
}
.suststats__item__callout {
   color:#E6211E;
   font-size: 22px;
   font-family: Rockwell-Bold;

}
.suststats__item__callout sup {
   font-size: 0.6em;
   vertical-align: 0.3em;
}

/* end suststats */

/* suststory */
.sustbox {
   background: #F2E9DB;
   padding: 60px 40px 30px;
}
.sustbox > p {
   line-height: 1.4;
}
.sustbox > p + p {
   margin-top: 1em;
}
.sustbox > h3 {
   color:#CE2127;
   font-size: 24px;
   font-family: Rockwell-Bold;
}
.sustbox > h3 + p {
   margin-top: 15px;
}
.sustbox > p + p {
   margin-top: 1em;
}
.suststories {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-top: 30px;
}
.suststory {
   width: calc(33.33% - 20px);
   padding: 10px;
   background: #fff;
   margin-bottom: 30px;
   margin-right: 30px;
}
.suststory a {
   display: block;
}
.suststory:nth-child(3n+3) {
   margin-right: 0;
}
.suststory__img {
   width: 100%;
   padding-top: 70%;
   background-size: cover;
   background-repeat: no-repeat;
   margin-bottom: 20px;
}
.suststories--imageonly .suststory__img {
   margin-bottom: 0;
}
.suststory__img--fullwidth {
   background-size: 100%;
}
.suststory__content {
   padding: 0 20px 20px;
}
.suststory__title {
   color:#004ab5;
   font-size: 24px;
   font-family: Rockwell-Bold;
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #b5bdca;
}
.suststory__excerpt {
   font-size: 16px;
   line-height: 1.3;
   margin-bottom: 20px;
}
.suststorysingle--short .grid--80 {
   width: 100%;
   padding-right: 0;
}
.suststorysingle--short .grid--20 {
   width: 100%;
   margin-top: 30px;
}
.suststorysingle--short .suststorysingle__sideimages {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}
.suststorysingle--short  .suststorysingle__sideimage {
   width: calc(33% - 20px);
   margin-right: 20px;
}
.suststorysingle--short  .suststorysingle__sideimage p {
   text-align: center;
}
.suststorysingle__headimage {
   position: relative;
   min-height: 50px;
}
.suststorysingle__headimage img {
   width: 100%;
   position: relative;
   z-index: 0;
}
.suststorysingle__headimage::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.5);
   top:0;
   left:0;
   z-index: 1;
}
.suststorysingle__title {
   padding: 60px;
   font-size: 40px;
   font-family: Rockwell-Bold;
   color: #fff;
   width: 50%;
   position: absolute;
   bottom: 0;
   z-index: 1;
}
.suststorysingle__caption {
   padding: 20px 60px;
   font-family: ProximaNova-RegularItalic;
   font-size: 13px;
   color:#777777;
   line-height: 1.2;

}
.suststorysingle__body {
   background: #fff;
   padding: 100px 60px;
}
.suststorysingle__sideimage {
   margin-bottom: 50px;
}
.suststorysingle__sideimage img {
   width: 100%;
}
.suststorysingle__sideimage p {
   font-family: ProximaNova-RegularItalic;
   font-size: 13px;
   color:#777777;
   line-height: 1.2;
   margin-top: 20px;
   text-align: right;
}
.overlaycustom-suststory .overlay__width {
   padding: 0;
   margin-bottom: 100px;
}
.overlaycustom-suststory .overlay__close {
   width: 60px;
   height: 60px;
   background: url('../img/sustainability/2020/overlay-close.png') no-repeat;
   background-size: contain;
   right:-25px;
   top:-25px;
}
.overlaycustom-suststory .overlay__close img {
   display: none;

}
.relatedsuststorysingle {
   background: #F2E9DB;
   border-top: 1px solid #b5bdca;
   border-bottom: 1px solid #b5bdca;
}
.relatedsuststorysingle__container {
   width: 100%;
   padding: 0 60px;
   overflow: hidden;
   margin: 0 auto;
   position: relative;
}
.relatedsuststorysingle__flex {
   display: -webkit-flex;
   display: flex;
   width: 200%;
   transition: margin 0.5s ease;
}
.relatedsuststorysingle .suststory__excerpt,
.relatedsuststorysingle .suststory__more
{
   display: none;
}
.relatedsuststorysingle__flex .suststory {
   width: 50%;
   border-right: 1px solid rgba(181,189,202,1);
   background: none;
   padding: 60px;
   margin-bottom: 0;
   transition: border 0.3s ease;
   margin-right: 0;
}
.relatedsuststorysingle__flex .suststory:nth-child(even) {
   border-right-color: rgba(181,189,202,0);
}
.relatedsuststorysingle__flex--odd .suststory:nth-child(even) {
   border-right-color: rgba(181,189,202,1);
}
.relatedsuststorysingle__flex--odd .suststory:nth-child(odd) {
   border-right-color: rgba(181,189,202,0);
}
.relatedsuststorysingle__flex .suststory > a {
   display: block;
   width: 100%;
}

.relatedsuststorysingle__flex .suststory__img {
   display: inline-block;
   width: calc(50% - 30px);
   vertical-align: middle;
   padding-top: 30%;
   margin-bottom: 0;
}
.relatedsuststorysingle__flex  .suststory__content {
   width: 50%;
   display: inline-block;
   vertical-align: middle;

   padding-bottom: 0;
   border-bottom: 0;
   padding-right: 0;
}
.relatedsuststorysingle__flex .suststory__title {
   padding-bottom: 0;
   border-bottom: 0;
   margin-bottom: 0;
}
.relatedsuststorysingle__pagination {
   display: block;
   width: 22px;
   height: 22px;
   background: no-repeat;
   background-size: contain;
   top:50%;
   margin-top: -10px;
   position: absolute;
}
.relatedsuststorysingle__pagination--prev {
   background-image: url('../img/sustainability/2020/nav-previous.png');
   left:30px;
}
.relatedsuststorysingle__pagination--next {
   background-image: url('../img/sustainability/2020/nav-next.png');
   right: 30px;
}
.relatedsuststorysingle__pagination[aria-hidden="true"] {
   display: none;
}
/* end suststory */

/* downloads */
.section--sustainability__downloads .subaccordion__toggle {
   color: #CE2127;
}
.section--sustainability__downloads .subaccordion__head > .table__year {
   font-size: 24px;
   color: #1E4BAE;
   font-family: Rockwell-Bold;
   line-height: 1.1;
   text-transform: none;
   letter-spacing: 0;

}
.section--sustainability__downloads .subaccordion .subaccordion .table__year {
   color: #09264E;
   font-size: 22px;
   font-family: ProximaNova-Regular;
   display: inline-block;
   padding-top: 10px;
   padding-bottom: 10px;
   letter-spacing: 1.2px;
}
.section--sustainability__downloads .subaccordion {
   border-top: 1px solid #cccccc;
}
.section--sustainability__downloads .subaccordion .subaccordion {
   border-top: 0;
}
.sustbuilder-buttons {
   margin-top: 45px;
}
.sustbuilder-buttons a:hover {
   opacity: 1;
}
.sustbuilder-buttons .button:hover {
   opacity: 1;
}
.pdfbulder-link-container {
   margin: 20px;
}
.pdfbuilder-link {
   font-size: 14px;
   color: #001f4e;
   font-family: Rockwell-Bold;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;

}
.pdfbuilder-link a:last-child {
   margin-left: 20px;
}
.pdfbuilder-link--sticky {
   position: fixed;
   right: 20px;
   z-index: 99;
   top:50%;

}
.pdfbuilder-link--sticky .pdfbuilder-link__gri {
   display: none;
}
.pdfbuilder-link--sticky .pdfbuilder-link__text {
   display: none;
}
.pdfbuilder-link--sticky .pdfbuilder-link__icon {
   border-radius: 50%;
   border: 1px solid #CE2127;
   width: 50px;
   height: 50px;
   background-color: #CE2127;
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   color:#fff;
   font-size: 18px;
   margin-right: 0;
}
.pdfbuilder-link__icon {
   color:#CE2127;
   margin-right: 5px;
}
.cta--other-sust {
   padding:10px 0 0;
}

.pdfbuilder .ui-checkboxradio-icon {
   border:2px solid #53565D;
   width: 22px;
   height: 22px;
   margin-top: 2px;
}
.pdfbuilder .ui-checkboxradio-icon:focus {
   border-color: red;
}
.pdfbuilder .ui-icon-check::before {
   font-size: 22px;
   color: #CE2127;
   line-height: 0.8em;
}

.pdfbuilder__item {
   border-bottom: 1px solid #bfb1b8;
   padding: 30px;
}

.pdfbuilder__item__title__flex {
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
}
.pdfbuilder__item__label {
   width: calc(100% - 60px);
}

.pdfbuilder__item__label__text {
   vertical-align: middle;
   font-family: Rockwell-Bold;
   color:#004AB5;
   font-size: 24px;
   margin-left: 12px;
}
.pdfbuilder__item__icons {
   margin-left: auto;
}
.pdfbuilder__item__icon {
   color:#CE2127;
}
.pdfbuilder__item__icons[aria-expanded="true"] .pdfbuilder__item__icon--open,
.pdfbuilder__item__icon--close {
   display: none;
}
.pdfbuilder__item .pdfbuilder__item {
   border-bottom: 0;
   padding: 5px 0px 5px 40px;

}
.pdfbuilder__item__icons[aria-expanded="true"] .pdfbuilder__item__icon--close {
   display: inline-block;
}
.pdfbuilder__subcontent {
   margin-top: 10px;
}
.pdfbuilder__subcontent[aria-hidden="true"] {
   display: none;
}
.pdfbuilder__item .pdfbuilder__item .pdfbuilder__item__label__text {
   font-size: 20px;
}
.pdfbuilder__button {
   margin-left: 40px;
   margin-top: 50px;
}
.pdfbuilder__all {
   margin:20px 0;
   padding: 0 30px;
   display: -webkit-flex;
   display: flex;
   font-size: 14px;
   justify-content: flex-end;
}
.pdfbuilder__all__select,
.pdfbuilder__all__deselect {
   position: relative;
   padding-left: 25px;

   font-family: ProximaNova-Medium;
   font-size: 14px;
   text-transform: uppercase;
}
.pdfbuilder__all__deselect {
   margin-left: 30px;
}
.pdfbuilder__all__select::before,
.pdfbuilder__all__deselect::before {
   content:"";
   top: 0px;
   left: 0px;
   position: absolute;
   background: transparent;
   font-size: 0.8em;
   color: #000;
   border: 2px solid #53565D;
   width: 16px;
   height: 16px;
   margin-top: 2px;
}

.pdfbuilder__all__select.on::after {
   top: 3px;
   left: 2px;
   position: absolute;

   color: #CE2127;
   line-height: 0.8em;
   content: "\f00c";

   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   -moz-osx-font-smoothing: grayscale;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   font-size: 14px;
   text-align: center;
   cursor: pointer;


}
/* end downloads */

/* our approach */
.sustceo {
   display: -webkit-flex;
   display: flex;
   background: #F2E9DB;
   margin-top: 20px;
}
.sustceo--white {
   background: #fff;
}
.sustceo__left {
   width: 30%;
   line-height: 0;
}
.sustceo__left img {
   width: 100%;
}
.sustceo__right {
   width: 70%;
   -webkit-align-self: center;
   align-self: center;
   color:#CE2127;
   padding: 20px 40px;
}
.sustceo__intro p {
   margin-bottom: 20px;
   font-family: Rockwell-Bold;
   font-size: 18px;
   line-height: 1.2;
}
.sustceo__intro sup {
   vertical-align: 0.3em;
}
.sustceo__name p {
   font-size: 14px;
   font-family: Rockwell-Bold;
   line-height: 1.2;
}
.sustceo__name {
   margin-bottom: 30px;
}
.pintro {
   font-size: 21px;
   font-family: ProximaNova-SemiBold;
   color: #333;
   line-height: 1.2;
   margin-bottom: 20px;

}
.pintro--bold {
   font-family: ProximaNova-SemiBold;
}
.pintro a {
   color: #09264E;
   text-decoration: underline;
}
.our-purpose__left {
   margin-top: 10px;
   margin-bottom: 30px;
}
.creatingsharedvalue {
   background: #F2E9DB;
   padding: 10px 0;
}
.creatingsharedvalue--white {
   background: #fff;
}
.creatingsharedvalue__flex {
   display: -webkit-flex;
   display: flex;
   margin: 30px 0;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;

}
.creatingsharedvalue__item {
   width: calc(33.33% - 30px);
   margin-right: 40px;

}
.creatingsharedvalue__item a {
   display: block;
}
.creatingsharedvalue__item:nth-child(3n+3) {
   margin-right: 0;
}
.creatingsharedvalue__item:nth-child(n+4) {
   margin-top: 50px;
}
.creatingsharedvalue__image {
   position: relative;
   padding-top: 56%;
   overflow: hidden;
   margin-bottom: 20px;
}
.creatingsharedvalue__image img {
   position: absolute;
   width: 100%;
   top:0;
   left:0;

}
.creatingsharedvalue__title {
   color: #004AB5;
   font-size: 24px;
   font-family: Rockwell-Bold;
   margin-bottom: 0.3em;
}
.creatingsharedvalue__description {
   line-height: 1.4;
   font-family: ProximaNova-Light;
   font-size: 16px;
   margin-bottom: 20px;
}
.creatingsharedvalue__title + a{
   margin-top: 10px;
   display: inline-block;
}
.creatingsharedvalue__description a {
   color: #2351a3;
   font-family: ProximaNova-Medium;
   text-decoration: underline;
}
.our-approach {
   padding: 30px 0;
}
.fourapproach {
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}
.fourapproach__item {
   width: calc(50% - 30px);
   display: flex;
   display: -webkit-flex;
   -webkit-align-items: center;
   align-items: center;
   margin-bottom: 30px;
}
.fourapproach__item__icon {
   width: 30%;
}
.fourapproach__item__icon img {
   width: 100%;
}
.fourapproach__item__text {
   width: 70%;
   padding-left: 40px;
}
.fourapproach__item__heading {
   color: #004AB5;
   font-size: 24px;
   font-family: Rockwell-Bold;
   margin-bottom: 0.3em;
}
.fourapproach__item__text {
   line-height: 1.4;
   font-family: ProximaNova-Light;
   font-size: 16px;
   margin-bottom: 20px;
}
/* end our approach */


/* better-care */
.sust-bc-gov-cta {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   background: #F2E9DB;
   padding: 50px 80px;
   margin: 50px 0;
   font-family: Rockwell-Bold;
   font-size: 22px;
   color: #004AB5;
   line-height: 1.2;
}
.sust-bc-gov-cta__left {
   width: 50%;
   padding-right: 20px;
   border-right: 1px solid #b5bdca;
}
.sust-bc-gov-cta__left__top {
   border-bottom: 1px solid #b5bdca;
   margin-bottom: 20px;
   padding-bottom: 20px;
}
.sust-bc-gov-cta__right {
   width: 50%;
   padding-left: 20px;
}
.sust-bc-gov-sidebar {
   background: #F2E9DB;
   padding:40px;
   margin-right: -40px;
   margin-bottom: 20px;
}
/* end better care */


/* default table */

.default-table {
   width:100%;
   border-collapse: separate !important;
   line-height: 1.2;
   margin-bottom: 20px;
}

.default-table--small {
   font-size: 11px;
}

.default-table__odd > tr:nth-of-type(odd) {
   background:#e9f2fc;
}
tr.default-table__bgc1 {
   background:#e9f2fc;
}
.default-table__vcenter {
   vertical-align: middle;
}


.default-table thead {
   font-family: ProximaNova-Bold;
}

.default-table th {
   padding:12px 10px;
   vertical-align: bottom;
   border-bottom: 1px solid #c9cdd0;
   text-align: left;

   color: #09264E;
   font-size: 18px;
   font-family: ProximaNova-Regular;
   letter-spacing: .4px;
}
.default-table--small th {
   padding:12px 10px;

   font-size: 14px;

}
.default-table__subhead th,
.default-table__subhead {
   background:#09264E;
   color:#fff;
   font-size: 16px;
   font-family: ProximaNova-Semibold;
}
tr.default-table__head {
   background:#e6e9f0;
}
.default-table--small .default-table__subhead th, .default-table--small .default-table__subhead {

   font-size: 12px;

}

.default-table td {
   line-height: 1.4;
   padding: 12px 10px;
   border-bottom: 1px solid #c9cdd0;
   transition: all 0.3s ease;

}
.default-table tr:hover td {
   background:#fff;
}

.default-table tr td[rowspan],
.default-table tr:hover td[rowspan] {
   background:#edeef1;
   border-left:1px solid #c9cdd0;
}
.default-table tr.default-table__subhead:hover td {
   background:#09264E;
}
.default-table td p {
   margin-bottom: 10px;
}
.default-table td p:last-child {
   margin-bottom: 0;
}

.default-table__hcenter {
   text-align: center;
}
.default-table ul li:before{
   content:'';
   width:6px;
   height:6px;
   background:#949ca1;
   border-radius:500px;
   position:absolute;
   margin-left:-20px;
}
.default-table li {
   margin-bottom: 10px;
   position:relative;
   left:20px;
   padding-right:20px;

}
.table-performance thead th:nth-child(1) {
   width: 25%;
}
.table-performance thead th:nth-child(2) {
   width: 13%;
}
.table-performance thead th:nth-child(3) {
   width: 40%;
}
.table-performance thead th:nth-child(2),
.table-performance td:nth-child(2) {
   text-align: center;
}
/* end default table*/


.sustlinks {
   background: #F2E9DB;
   padding: 10px 0;
}
.sustlinks__flex {
   display: -webkit-flex;
   display: flex;
   margin: 30px 0;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;

}
.sustlinks__item {
   width: 50%;
   padding: 0 20px;

}
.sustlinks__item:nth-child(n+3) {
   margin-top: 50px;
}
.sustlinks__title {
   color: #004AB5;
   font-size: 24px;
   font-family: Rockwell-Bold;
   margin-bottom: 0.3em;
}
.sustlinks__description {
   line-height: 1.4;
   font-family: ProximaNova-Light;
   font-size: 16px;
   margin-bottom: 20px;
}
.sustlinks__description a {
   color: #2351a3;
   font-family: ProximaNova-Medium;
   text-decoration: underline;
}
.sustlinks__image {
   padding-top: 50%;
   overflow: hidden;
   width: 90%;
   position: relative;
   margin-bottom: 30px;
}
.sustlinks__image img {
   height: 100%;
   width: 100%;
   position: absolute;
   top:0;
   left:0;
}

.sust-c-quotes {
   background: #F2E9DB;
   margin-bottom: 30px;
}
.sust-c-quote__flex {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-align-items: center;
   align-items: center;
}
.sust-c-quote__image {
   width: 30%;
}
.sust-c-quote__image img {
   width: 100%;
}
.sust-c-quote__content {
   padding: 40px 50px 40px 30px;
   color: #CE2127;
   font-family: Rockwell-Regular;
   font-size: 18px;
   line-height: 1.4;
}
.sust-c-quote__content p + p {
   margin-top: 1em;
}
.sust-c-quote__by {
   font-size: 0.8em;
   margin-top: 30px;
}
.sust-c-quote__flex .sust-c-quote__content {
   width: 70%;
}
.sust-c-quote__flex--alt .sust-c-quote__image {
   -webkit-order: 2;
   order: 2;
}
.sust-c-quote__flex--alt .sust-c-quote__content {
   -webkit-order: 1;
   order: 1;
}
.nextfloatimage {
   width: 40%;
   margin-bottom: 30px;
}
.nextfloatimage img {
   width: 100%;
}


.sustocc {
   background: #F2E9DB;
   padding: 40px 0;
}
.sustocc__flex {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.sustocc__item {
   width: calc(20% - 14px);
   color: #004AB5;

}
.sustocc__image {
   position: relative;
   padding-top: 80%;
   overflow: hidden;
}
.sustocc__image img {
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
}
.sustocc__image--contain img {
   width: auto;
   max-width: 100%;
   max-height: 100%;
   left:50%;
   top:50%;
   transform: translate(-50%,-50%);
}
.sustocc__title {
   font-family: Rockwell-Bold;
   font-size: 18px;
   margin-top: 30px;
}

.sustsimple {
   background: #F2E9DB;
   padding: 30px 0;
}
.sustsimple__flex {
   border-top: 1px solid #b5bdca;
   padding-top: 30px;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.sustsimple__item {
   width: calc(50% - 20px);
}
.sustsimple__image {
   width: 60%;
}
.sustsimple__image img {
   width: 100%;
}
.sustsimple__heading {
   color: #09264E;
   font-family: ProximaNova-Bold;
   font-size: 15px;
   margin-bottom: 1em;
   margin-top: 1em;
   text-transform: uppercase;
}
.sustsimple__text p {
   line-height: 1.4;
}
.sustsimple__text p +p {
   margin-top: 1em;
}

.sustinnotable {
   background: #F2E9DB;
   padding: 30px 0;
}
.sustinnotable__item {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 40px 0;
   margin-bottom: 40px;
   border-bottom: 1px solid #b5bdca;
}
.sustinnotable__item:last-child {
   border-bottom: 0;
   padding-bottom: 0;
}
.sustinnotable__item__image {
   width: 30%;
}
.sustinnotable__item__image img {
   width: 100%;
}
.sustinnotable__item__text {
   width: 70%;
   padding: 0 60px 0 50px;
}
.sustsummarytable__scroller {
   width: 100%;
}
.sustsummarytable table {
   width: 100%;
   font-size: 10px;
}

.sustsupply {
   padding: 50px 0;
}
.sustsupply .group h2 {
   color: #e8312d;
}
.sustsupply__flex {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}
.sustsupply__content {
   width: 100%;
}
.sustsupply__chart {
   position: relative;
   width: 750px;
   height: 750px;
   margin:30px auto 0;
}
.sustsupply__chart__bg {
   width: 61%;
   height: 61%;
   background: url('/wp-content/themes/maplecorporate2018/img/sustainability/2020/better-planet/highlights/bg.svg') no-repeat;
   background-size: contain;
   position: absolute;
   top:50%;
   left:50%;
   transform: translateX(-50%) translateY(-50%);
}
.sustsupply__chart__icon {
   position: absolute;
}
.sustsupply.on .sustsupply__chart__icon[aria-expanded="false"] {
   opacity: 0.3;
}
.sustsupply__chart__icon img {
   width: 100%;
}
.sustsupply__chart__icon[data-id="1"] {
   left:42.5%;
   top:0;
   width: 15%;
}
.sustsupply__chart__icon[data-id="2"] {
   left: 68.5%;
   top: 12.5%;
   width: 19%;
}
.sustsupply__chart__icon[data-id="3"] {
   left: 77%;
   top: 43%;
   width: 22%;
}
.sustsupply__chart__icon[data-id="4"] {
   left: 68.5%;
   top: 68.5%;
   width: 19%;
}
.sustsupply__chart__icon[data-id="5"] {
   left:42.5%;
   bottom:-0.5%;
   width: 15%;
}
.sustsupply__chart__icon[data-id="6"] {
   left: 12.5%;
   top: 68.3%;
   width: 19%;
}

.sustsupply__chart__icon[data-id="7"] {
   left: 1%;
   top: 43%;
   width: 22%;
}
.sustsupply__chart__icon[data-id="8"] {
   left: 12.5%;
   top: 12.5%;
   width: 19%;
}
.sustsupply__chart__middle {
   position: absolute;
   top:50%;
   left:50%;
   width: 30%;
   transform: translateX(-50%) translateY(-50%);
   font-family: ProximaNova-Bold;
   font-size: 14px;
   text-transform: uppercase;
   color: #fff;
   line-height: 1.2;
   text-align: center;
}
.sustsupply__chart__middle__item[aria-hidden="true"] {
   display: none;
}
.sustsupply__chart__middle__item[data-id="0"] img {
   width: 40%;
   margin-bottom: 5%;
}
.sustsupply__chart__title {
   font-size: 24px;
   text-transform: none;
}
.fr .sustsupply__chart__title {
   font-size: 22px;
}
.sustchainimg img {
   width: 200px;
}
.sustmap {
   position: relative;
}
.sustmap__bg {
   padding: 0 10% 5%;
}
.sustmap__bg img {
   width: 100%;
}
.sustmap__arrows,
.sustmap__logos {
   position: absolute;
   left:0;
   top:0;
   width: 100%;
   height: 100%;
}
.sustmap__logo a:focus > img {
   border: 2px solid #000;
}
.sustmap__arrows img {
   width: 10%;
   position: absolute;
   top:10%;
}
.sustmap__arrows img:nth-child(1) {
   left: 10%;
}
.sustmap__arrows img:nth-child(2) {
   transform: rotate(180deg);
   right: 10%;
}
.sustmap__arrow {
   display: block;
   width: 10px;
   height: 1px;
   background: #09264e;
   text-align: right;
   position: absolute;
}
.sustmap__arrow::before {
   display: block;
   content: "";
   border-top:1px solid #09264e;
   border-right:1px solid #09264e;
   position: absolute;
   right:0;
   width: 6px;
   height: 6px;
   transform: rotate(45deg);
   margin-top: -3px;
   margin-left: -4px;

}
.sustmap__logo img {
   position: absolute;
   width: 1%;
}
.sustmap__logo--cfcc img {
   width: 15%;
   top: 4%;
   left: 22%;
}

.sustmap__logo--fcn img {
   width: 15%;
   top: 12%;
   left: 42%;
}
.sustmap__logo--fbc img {
   width: 18%;
   top: 8%;
   left: 60%;
}
.sustmap__logo--yapc img {
   width: 15%;
   top: 17%;
   left: 5%;
}
.sustmap__logo--yapc .sustmap__arrow {
   transform: rotate(90deg);
   top: 27%;
   left: 13%;
   width: 2%;
}
.sustmap__logo--ewc img {
   width: 8%;
   top: 52%;
   left: 2%;
}
.sustmap__logo--ewc .sustmap__arrow {
   top: 61%;
   left: 10%;
   width: 3%;
}
.sustmap__logo--lc img {
   width: 15%;
   top: 71%;
   left: 7%;
}
.sustmap__logo--lc .sustmap__arrow {
   top: 67%;
   left: 12.4%;
   width: 4%;
   transform: rotate(-90deg);
}
.sustmap__logo--nmfc img {
   width: 8%;
   top: 39%;
   left: 42%;
}
.sustmap__logo--nmfc .sustmap__arrow {
   transform: rotate(90deg);
   top: 52%;
   left: 45%;
   width: 2%;
}
.sustmap__logo--fw img {
   width: 12%;
   top: 53%;
   left: 35%;
}
.sustmap__logo--fw .sustmap__arrow {
   transform: rotate(90deg);
   top: 69%;
   left: 40%;
   width: 2%;
}
.sustmap__logo--ofb img {
   width: 12%;
   top: 55%;
   left: 58%;
}
.sustmap__logo--ofb .sustmap__arrow {
   transform: rotate(90deg);
   top: 73%;
   left: 58%;
   width: 12%;
}
.sustmap__logo--spc img {
   width: 12%;
   left: 44%;
   top: 76%;
}
.sustmap__logo--spc .sustmap__arrow {
   left: 57%;
   top: 82%;
   width: 4%;
}
.sustmap__logo--ts img {
   width: 6%;
   left: 44%;
   top: 84%;
}
.sustmap__logo--ts .sustmap__arrow {
   left: 51%;
   top: 88%;
   width: 10%;
}
.sustmap__logo--fst img {
   width: 10%;
   top: 94%;
   left: 55%;
}
.sustmap__logo--fst .sustmap__arrow {
   top: 91%;
   left: 60%;
   width: 2%;
   transform: rotate(-90deg);
}
.sustmap__logo--pc img {
   width: 12%;
   top: 87%;
   left: 67%;
}
.sustmap__logo--pc .sustmap__arrow {
   top: 88%;
   left: 62%;
   width: 4%;
   transform: rotate(180deg);
}
.sustmap__logo--dcfc img {
   width: 12%;
   top: 75%;
   left: 83%;
}
.sustmap__logo--dcfc .sustmap__arrow {
   top: 81%;
   left: 69%;
   width: 13%;
   transform: rotate(180deg);
}
.sustmap__logo--ffnl img {
   width: 12%;
   top: 53%;
   left: 80%;
}
.sustmap__logo--ffnl .sustmap__arrow {
   transform: rotate(90deg);
   top: 61%;
   left: 84%;
   width: 5%;
}

.sustgraphs {
   background: #F2E9DB;
   padding: 50px 0 20px;
   font-family: ProximaNova-Regular;
}
.sustgraphs__flex {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.sustgraphs__item {
   width: calc(33% - 60px);
   margin-bottom: 60px;
}
.sustgraphs__item__image {
   margin-bottom: 20px;
   padding-top: 100%;
   position: relative;
}
.sustgraphs__item__image img {
   width: 80%;
   position: absolute;
   bottom: 0;
   left:0;

}
.sustgraphs__item__image--small img {
   width: 67%;
}
.sustgraphs__item__head {
   font-family: Rockwell-Bold;
   color: #004AB5;
   font-size: 22px;
   min-height: 80px;
   margin-bottom: 10px;
}
.sustgraphs__item__head__small {
   font-size: 0.7em;
   display: block;
}
.sustgraphs__item__subhead {
   font-family: ProximaNova-Bold;
   color: #223c60;
   font-size: 18px;
   margin-bottom: 40px;
}

.sustgraphs__item p {
   line-height: 1.4;
}
.sustgraphs__item p + p {
   margin-top: 0.3em;

}




.sustintensity {
   padding: 0px 0 20px;
   font-family: ProximaNova-Regular;
}
.sustintensity__flex {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.sustintensity__item {
   width: calc(33% - 40px);
   margin-top: 60px;
}
.sustintensity__item__image {
   margin-bottom: 20px;
   padding-top: 30%;
   position: relative;
}
.sustintensity__item__image img {
   height: 100%;
   position: absolute;
   top:50%;
   left:0;
   transform: translateY(-50%);
}
.sustintensity__item__head {
   font-family: Rockwell-Bold;
   color: #004AB5;
   font-size: 22px;
   min-height: 50px;
   margin-bottom: 10px;
}


.sustintensity__item p {
   line-height: 1.4;
}
.sustintensity__item p + p {
   margin-top: 0.3em;

}

.sustintensity strong,
.sustgraphs strong,
.sustpie-audit strong {
   font-family: ProximaNova-Bold;
}

.sustpie-audit__legend {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   font-size: 14px;
}

.sustpie-audit__legend__label {
   width: calc(50% - 15px);
   margin-bottom: 10px;
   padding-left: 20px;
   position: relative;
}
.sustpie-audit__legend--3 .sustpie-audit__legend__label {
   width: calc(33% - 15px);
}
.sustpie-audit__image {
   margin-bottom: 20px;
}
.sustpie-audit__image img {
   width: 80%;
}
.sustpie-audit__legend__label .fa {
   position: absolute;
   left:0;
}
.imageflexer {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin-bottom: 20px;
}
.imageflexer--2 img {
   width: calc(50% - 10px);
}

.imageflexer--3 img {
   width: calc(33% - 10px);
}


.sustscene__box {
   padding: 15px 15px;
   position: relative;
}
.sustscene__box__hborder,
.sustscene__box__vborder {
   position: absolute;
   pointer-events: none;
   display: block;
   width: 100%;
   height: 100%;
   left:0;
   top:0;

}


.chainbox__hborder::before {
   background:#fff;
   content: "";
   position: absolute;
   width: calc(100% + 30px);
   height: 1px;
   top:0px;
   left:-15px;

}
.chainbox__hborder::after {
   background:#fff;
   content: "";
   position: absolute;
   width: calc(100% + 20px);
   height: 1px;
   bottom:0px;
   left:-10px;
   pointer-events: none;
}
.chainbox__vborder::before {
   background:#fff;
   content: "";
   position: absolute;
   width: 1px;
   height: calc(100% + 30px);
   top: -15px;
   left: 0;

}
.chainbox__vborder::after {
   background:#fff;
   content: "";
   position: absolute;
   width: 1px;
   height: calc(100% + 25px);
   top: -10px;
   right: 0;

}
.chainbox__content {
   background: rgba(0,0,0,0.65);
   width: 100%;
   padding:30px;
}


/* value chain */

.chain {
   background:url('/wp-content/themes/maplecorporate2018/img/sustainability/2020/better-planet/value-chain/bg.jpg') no-repeat;
   background-size: cover;
   color:#fff;
   position: relative;

}
.chain__items {
   position: relative;
   width: 100%;
   padding-top: 215%;
}
.chain__item {
   position: absolute;
}
.chain__img img {
   width:100%;
}
.chain__head {
   font-family: Rockwell-Bold;
   font-size: 64px;
   position: absolute;
   top: 3%;
   left: 5%;
   color: #F2E9DB;
}
.chain h4 {
   font-family: Rockwell-Bold;
   font-size: 28px;
   margin-bottom: 0.3em;
   margin-top: 0.3em;

}
.chain .chainbox__content__flex h4 {
   margin-top: 0;
}
.chain p {
   font-family: ProximaNova-Regular;
   font-size: 18px;
   line-height: 1.4;
}
.fr .chain p {
   font-size: 16px;

}
.chain__item::after {
   content:"";
   position: absolute;
   display: block;
}
.chainbox__content__flex {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.chainbox__content__text {
   width: calc(55% - 15px);
}
.chainbox__content__image {
   width: calc(45% - 15px);
}
.chain__item:nth-child(1) {
   top: 12%;
   left:5%;
   width: 40%;
}
.chain__item:nth-child(1) .chain__img {
   width: 80%;
}

.chain__item:nth-child(1) .chainbox__hborder::after {

   left:-5px;

}
.chain__item:nth-child(1) .chainbox__vborder::after {

   top:-5px;

}
.chain__item:nth-child(1)::after {
   background:url('/wp-content/themes/maplecorporate2018/img/sustainability/2020/better-planet/value-chain/path-1.png') no-repeat;
   background-size: contain;
   width: 80%;
   height: 100%;
   top: 32%;
   right: -80%;
}
.fr .chain__item:nth-child(1)::after {

   top: 29.5%;

}
.chain__item:nth-child(2) {
   top: 17.9%;
   left:50%;
   width: 40%;
}
.chain__item:nth-child(2) .chain__img {
   width: 80%;
}
.chain__item:nth-child(2)::after {
   background:url('/wp-content/themes/maplecorporate2018/img/sustainability/2020/better-planet/value-chain/path-2.png') no-repeat;
   background-size: contain;
   width: 30%;
   height: 100%;
   bottom: -100%;
   right: 31%;
}

.chain__item:nth-child(3) {
   top: 34%;
   left: 5%;
   width: 60.6%;
}

.chain__item:nth-child(3)::after {
   background:url('/wp-content/themes/maplecorporate2018/img/sustainability/2020/better-planet/value-chain/path-3.png') no-repeat;
   background-size: contain;
   width: 40%;
   height: 100%;
   bottom: -100%;
   right: 33%;
}

.chain__item:nth-child(4) {
   top: 47.1%;
   left: 5%;
   width: 80%;
}
.fr .chain__item:nth-child(4) {
   top: 51%;
}
.chain__item:nth-child(4) .chainbox__content__image {
   width: calc(40% - 15px);
}
.chain__item:nth-child(4) .chainbox__content__text {
   width: calc(60% - 15px);
}
.chain__item:nth-child(4) .chainbox__hborder::after {

   left:-5px;

}
.chain__item:nth-child(4) .chainbox__vborder::after {

   top:-5px;

}
.chain__item:nth-child(4)::after {
   background:url('/wp-content/themes/maplecorporate2018/img/sustainability/2020/better-planet/value-chain/path-4.png') no-repeat;
   background-size: contain;
   width: 0.6%;
   height: 100%;
   bottom: -100%;
   left: 22%;
}
.chain__item:nth-child(5) {
   top: 60.1%;
   left: 5%;
   width: 67%;
}
.fr .chain__item:nth-child(5) {
   top: 64.1%;
}
.chain__item:nth-child(5)::after {
   background:url('/wp-content/themes/maplecorporate2018/img/sustainability/2020/better-planet/value-chain/path-5.png') no-repeat;
   background-size: contain;
   width: 8%;
   height: 100%;
   bottom: -100%;
   left: 26.5%;
}
.chain__item:nth-child(6) {
   top: 70.2%;
   right: 5%;
   width: 67%;
}
.fr .chain__item:nth-child(6) {
   top: 73.2%;
}
.chain__item:nth-child(6)::after {
   background:url('/wp-content/themes/maplecorporate2018/img/sustainability/2020/better-planet/value-chain/path-6.png') no-repeat;
   background-size: contain;
   width: 0.8%;
   height: 100%;
   bottom: -100%;
   left: 22%;
}
.chain__item:nth-child(6) .chainbox__hborder::after {
   left:-5px;
}
.chain__item:nth-child(6) .chainbox__vborder::after {
   top:-5px;
}
.chain__item:nth-child(7) {
   top: 82.4%;
   left: 31%;
   width: 40%;
}
.fr .chain__item:nth-child(7) {
   top: 85.7%;
}
.chain__more {
   margin-top: 20px;
}
.chainbtn {
   background: white;
   border-radius: 2em;
   display: inline-block;
   padding: 0.8em 1em;
   font-size: 12px;
   font-family: ProximaNova-Bold;
   text-transform: uppercase;
   color: #000;
}
.chainbtn .fa {
   margin-right: 5px;
}
@media (max-width: 1366px) {
   .chainbox__content__text {
      width: calc(55% - 1.09809663250366vw);
   }
   .chainbox__content__image {
      width: calc(45% - 1.09809663250366vw);
   }
   .chain__item:nth-child(4) .chainbox__content__image {
      width: calc(40% - 1.09809663250366vw);
   }
   .chain__item:nth-child(4) .chainbox__content__text {
      width: calc(60% - 1.09809663250366vw);
   }
   .chain__head {
      font-size: 4.685vw;
   }
   .chainbox__content {
      padding: 2.196193265007321vw;
   }
   .chain h4 {
      font-size: 2.05vw;
   }
   .chain p {
      font-size: 1.318vw;
   }
   .chainbtn {
      font-size: 1.172vw;
   }
   .chain__more {
      margin-top: 1.953vw;
   }
}
/* end value chain */


/* carbon inventory */
.sustcarboninv {
   padding: 30px 0 0;
   background: #fff;
}
.sustcarboninv__tes {
   margin-bottom: -100px;
}
.sustcarboninv__tes__head {
   color: #004AB5;
   font-size: 20px;
   font-family: Rockwell-Bold;
   margin-bottom: 0.3em;
   margin-top: 2em;
}
.sustcarboninv__tes__item strong {
   font-family: ProximaNova-Bold;

}
.sustcarboninv__cats__item--blue .fa,
.sustcarboninv__tes__item--blue .fa {
   color: #004AB5;
}
.sustcarboninv__cats__item--green .fa,
.sustcarboninv__tes__item--green .fa {
   color: #8f993e;
}
.sustcarboninv__cats__item--orange .fa,
.sustcarboninv__tes__item--orange .fa {
   color: #ffa300;
}
.sustcarboninv__tes__item {
   margin-bottom: 0.8em;
   font-size: 14px;
}
.sustcarboninv__svg {
   width: 100%;
   padding-top: 50%;
   position: relative;
}
.sustcarboninv__svg__sizer {
   position: absolute;
   width: 90%;
   height: 100%;
   top: 0;
   left: 5%;
   z-index: 0;
}
.sustcarboninv__svg svg {
   width: 100%;
   height: 100%;
}
.sustcarboninv__svg.on svg polyline,
.sustcarboninv__svg.on svg circle {
   opacity: 0.35;
}
.sustcarboninv__svg.on svg polyline.on,
.sustcarboninv__svg.on svg circle[aria-expanded="true"] {
   opacity: 1;
}
.sustcarboninv__svg *[role="button"]:hover {
   opacity: 1;
}

.sustcarboninv__label {
   font-family: ProximaNova-Bold;
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 0.05em;
}
.fr .sustcarboninv__label {
   font-size: 10px;
   letter-spacing: 0.05em;
}
.sustcarboninv__label__value {
   font-family: ProximaNova-Regular;
   font-size: 18px;
   display: inline-block;
   padding:0.5em;
   position: absolute;
   background: #fff;
   left:50%;
   transform: translateX(-50%);
   margin-top: 0.5em;
   color: #333;
   transition: all 0.3s ease;
}
.sustcarboninv__label__scope {
   display: block;
   font-size: 0.65em;
   white-space: nowrap;
}
.sustcarboninv__label__value[aria-hidden="true"] {
   opacity: 0;
   pointer-events: none;
}
.sustcarboninv__label__value--left {
   left:0;
   transform: translateX(-120%) translateY(-50%);
}
.sustcarboninv__label__value--right {
   left:auto;
   right:0;
   transform: translateX(120%) translateY(-50%);
}
.sustcarboninv__label__value--blue {
   background: #004AB5;
   color: #fff;
}
.sustcarboninv__label__value--orange {
   background: #ffa300;
}
.sustcarboninv__label__value--green {
   background: #8f993e;
}
.sustcarboninv__label {
   position: absolute;
   line-height: 1.2;
   cursor: pointer;
}
.sustcarboninv__label[data-id="business-travel-car"] {
   top: 34.5%;
   left: 9%;
}
.fr .sustcarboninv__label[data-id="business-travel-car"] {
   margin-left: -1%;
}
.sustcarboninv__label[data-id="business-travel-air"] {
   top: 45%;
   left: 7%;
}
.fr .sustcarboninv__label[data-id="business-travel-air"] {
   margin-left: -1%;
}
.sustcarboninv__label[data-id="freight-road"] {
   top: 55.8%;
   left: 14%;
}
.fr .sustcarboninv__label[data-id="freight-road"] {
   margin-left: -1%;
}
.sustcarboninv__label[data-id="process-emissions"] {
   top: 65%;
   left: 6%;
   text-align: right;
}
.sustcarboninv__label[data-id="employee-commuting"] {
   top: 76.5%;
   left: 16%;
}
.sustcarboninv__label[data-id="electric-power"] {
   top: 87.3%;
   left: 23.5%;
}
.sustcarboninv__label[data-id="animal-manure"] {
   top: 73.3%;
   left: 42.6%;
   color: #fff;
}

.sustcarboninv__label[data-id="upstream-emissions"] {
   top: 84.6%;
   left: 59.5%;
}

.sustcarboninv__label[data-id="animal-emissions"] {
   top: 75.5%;
   left: 70.5%;
}
.sustcarboninv__label[data-id="co-manufacturers"] {
   top: 62%;
   left: 75%;
}
.sustcarboninv__label[data-id="waste"] {
   top: 54.8%;
   left: 69.3%;
}
.sustcarboninv__label[data-id="purchased-ingredients"] {
   top: 31.8%;
   left: 76.5%;
}
.sustcarboninv__label[data-id="freight-road-sea-rail"] {
   top: 21.3%;
   left: 63.2%;
   text-align: center;
}
.fr .sustcarboninv__label[data-id="freight-road-sea-rail"] {
   top: 18%;
   left: 73.5%;
   text-align: left;
}
.sustcarboninv__label[data-id="packaging-materials"] {
   top: 16%;
   left: 54%;
   text-align: center;
}
.sustcarboninv__label[data-id="fuel"] {
   top: 19%;
   left: 43%;
   color: #fff;
   text-align: center;
}
.fr .sustcarboninv__label[data-id="fuel"] {
   margin-left:1%;
   margin-top: 1%;
}
.sustcarboninv__label[data-id="third-party-contracted"] {
   top: 46%;
   left: 31%;
   text-align: center;
}
.sustcarboninv__label[data-id="feed"] {
   top: 47%;
   left: 53%;
   text-align: center;
}
.fr .sustcarboninv__label[data-id="feed"] {
   margin-left: -2%;
}
.sustcarboninv .group h2 {
   color: #e8312d;
}
.sustcarboninv__cats__flex {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin-top: 1em;
   width: 80%;
}
.sustcarboninv__cats__item {
   width: calc(33% - 15px);
   padding-left: 30px;
   position: relative;

}
.sustcarboninv__cats__item p {
   line-height: 1.4;
}
.sustcarboninv__cats__item .fa {
   position: absolute;
   left: 0;
}
.sustcarboninv__cats__logo {
   width: 8%;
   float:right;
}
.sustcarboninv__cats__logo img {
   width: 100%;
}
/* end carbon inventory */

/* performance summary table */
.sustperftable__head {
   font-family: Rockwell-Bold;
   font-size: 18px;
   color: #E6211E;
   margin-bottom: 30px;
}
.sustperftable__head + .group {
   margin-top: -15px;
}
.sustperftable__item__tabs {
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
}
.sustperftable__item__tab {
   margin-left: 30px;
   color: #003f81;
   border:1px solid #003f81;
   background: #fff;
   font-size: 14px;
   font-family: ProximaNova-Medium;
   border-radius: 2em;
   padding: 0.6em 1em;
   text-transform: uppercase;
   letter-spacing: 0.05em;
}
.sustperftable__item__tab[aria-selected="true"],
.sustperftable__item__tab[aria-expanded="true"] {
   background: #003f81;
   color: #fff;
}
.sustperftable__item__tab[aria-selected="true"]:focus,
.sustperftable__item__tab[aria-expanded="true"]:focus {
   outline-color:  #E6211E;
}
.sustperftable table {
   width: 100%;
   font-family: ProximaNova-Regular;
   font-size: 14px;
   letter-spacing: 0.05em;
   color: #09264E;
   text-align: right;

}
.sustperftable__item__contents {
   margin: 30px 0;
}
.sustperftable__item__content {
   border-top: 1px solid #003f81;
}
.sustperftable__item__content[aria-hidden="true"] {
   display: none;
}
.sustperftable td,
.sustperftable th {
   padding: 0.8em;
   border:1px solid #003f81;
   border-collapse: collapse;
}
.sustperftable td:first-child,
.sustperftable th:first-child {
   width: 30%;
   text-align: left;
   font-family: ProximaNova-Medium;
}
.sustperftable th {
   font-family: ProximaNova-Medium;
}
.sustperftable th:nth-child(2),
.sustperftable td:nth-child(2) {
   background: #F2E9DB;
   font-family: ProximaNova-Medium;
}

/* end performance summary table */


/* covid message */
.sustcovid {
   background: #09264E;
   padding: 50px 0 30px;
   color: #fff;
   margin: 40px 0;
}
.sustcovid .group p a {
   color: #fff;
}

/* sust table */
.susttable table {
   width: 100%;
   border-top:2px solid #003f81;
   text-align: right;
}
.susttable--alignleft table {
   text-align: left;
}
.susttable table  caption {
   color: #004AB5;
   font-size: 22px;
   font-family: Rockwell-Bold;
   margin-bottom: 20px;
   text-align: left;
}
.susttable thead th,
.susttable tbody td {
   padding: 15px;
   border:1px solid #003f81;
   border-collapse: collapse;

}
.susttable thead th:first-child,
.susttable tbody td:first-child {
   text-align: left;
}
