.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:#f6f0e6;
}
.main-page--news-around-the-table .accordion__item--active {
   background:#f6f0e6;
}
.cta--other-sust {
   padding:10px 0 0;
   color:#14284d;;
}
.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:#14284d;;

}
.cta--download-sust .cta__more {
   margin-left: 0;
}
/* default table */

.default-table {
   width:100%;
   font-size: 13px;
   border-collapse: separate !important;
   line-height: 1.2;
   margin-bottom: 20px;
   padding:0 30px;
}

.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: #14284d;
   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:#14284d;
   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:#14284d;
}
.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(2) {
   width: 13%;
}
.table-env-footprint thead th:nth-child(1){
   width: 15%;
}
.table-performance thead th:nth-child(2),
.table-performance td:nth-child(2) {
   text-align: center;
}
/* end default table*/

.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:#14284d;
   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:#14284d;
   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: #ee2e30;
   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:#e8312d;
   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: #e8312d;
   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: #e8312d;
   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:#14284d;
   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:#90993d;
   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 #f6f0e6;
}
.captainplanet4__item:nth-child(2),
.captainplanet4__item:nth-child(4) {
   border-left:3px solid #f6f0e6;
}
.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;
}

.sustred {
   background:#eb0000;
   padding:50px 0;
   color:#fff;
}
.sustred__head {
   float:left;
   font-size: 36px;
   font-family: Rockwell-Bold;
   line-height: 1.2;
   width:30%;
   padding-right: 50px;
}
.sustred__col {
   width:23%;
   float:left;
   padding:0 20px;
}

.sustred__img {
   width:75%;
   margin-bottom: 20px;
   min-height: 130px;
   position: relative;
}
.sustred__img img {
   width: 100%;
   position: absolute;
   bottom: 0;
}
.sustred__title {
   font-size: 24px;
   font-family: Rockwell-Bold;
   line-height: 1.2;
   margin-bottom: 20px;
}
.sustred__description {
   font-size: 16px;
   font-family: ProximaNova-Regular;
   line-height: 1.5;
}
.sustred a {
   text-decoration: underline;
   transition: all 0.3s ease;
}
.sustred a:hover {
   opacity: 0.65;
}
.sustceo {
   background:#f8f3e9;
   padding:50px 0;
   color:#e8312d;
}


.sustceo__intro p {
   margin-bottom: 20px;
   font-family: Rockwell-Bold;
   font-size: 24px;
   line-height: 1.2;
}
.sustceo__name p {
   font-size: 16px;
   font-family: Rockwell-Regular;
   line-height: 1.2;
}
.sustceo__name {
   margin-bottom: 40px;
}

.chain {
   background:#f8f3e9;
   padding:50px 0;
   color:#000;
}
.chain__item {
   width:50%;
   float:left;
   position: relative;
}
.chain__item:nth-child(2n+1) {
   clear: right;
}
.chain__item:nth-child(2n+2) {
   float: right;
   margin-top: 200px;
}

.chain__item:nth-child(2) {
   margin-top: 100px;
}
.chain__item:nth-child(3) {
   margin-top: -50px;
}
.chain__item:nth-child(5) {
   margin-top: -80px;
}
.chain__img {
   margin:50px 150px;
}
.chain__img img {
   width:100%;
}
.chain__head {
   font-size: 15px;
   text-transform: uppercase;
   font-family: ProximaNova-Bold;
   margin-bottom: 30px;
}
.chain h4 {
   font-family: ProximaNova-Semibold;

   letter-spacing: 0.5px;
   font-size: 18px;
   margin-bottom: 10px;
}
.chain p {
   font-family: ProximaNova-Regular;
   font-size: 13px;
   line-height: 1.4;
   padding-right: 50px;
}
.chain__item:nth-child(1)::after {
   content:"";
   position: absolute;
   width: 400px;
   height: 60px;
   border:1px solid #004abe;
   border-top:0;
   border-right:0;
   border-radius: 0 0 0 40px;
   bottom: -10px;
   right:-120px;
}
.chain__item:nth-child(2)::after {
   content:"";
   position: absolute;
   width: 370px;
   height: 200px;
   border:1px solid #004abe;
   border-top:0;
   border-left:0;
   border-radius: 0 0 40px 0;
   bottom: -160px;
   left: -120px;
}
.chain__item:nth-child(3)::after {
   content:"";
   position: absolute;
   width: 370px;
   height: 160px;
   border:1px solid #004abe;
   border-top:0;
   border-right:0;
   border-radius: 0 0 0 40px;
   bottom: -120px;
   right:-120px;
}
.chain__item:nth-child(4)::after {
   content:"";
   position: absolute;
   width: 370px;
   height: 160px;
   border:1px solid #004abe;
   border-top:0;
   border-left:0;
   border-radius: 0 0 40px 0;
   bottom: -120px;
   left: -120px;
}
.chain__item:nth-child(5)::after {
   content:"";
   position: absolute;
   width: 370px;
   height: 230px;
   border:1px solid #004abe;
   border-top:0;
   border-right:0;
   border-radius: 0 0 0 40px;
   bottom: -190px;
   right:-120px;
}
.chain__item:nth-child(6)::after {
   content:"";
   position: absolute;
   width: 370px;
   height: 230px;
   border:1px solid #004abe;
   border-top:0;
   border-left:0;
   border-radius: 0 0 40px 0;
   bottom: -190px;
   left: -120px;
}

.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:#f8f3e9;
}
.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: #14284d;
   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:#90993d;
}
.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: #14284d;
   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: #14284d;
   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:#f8f3e9;
   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;
}