/* colors for the sustainability report */
/* colors for widget trustpilot */
/*
$font-body: AvenirNextLTW01-Regular,helvetica,arial,sans-serif;
$font-header: P22UndergroundW01-Mediu,helvetica,arial,sans-serif;
*/
.page header, .index header, .collection.enhanced header {
  margin: 0 auto;
  padding: 0 1.25em; }
  .page header h1, .index header h1, .collection.enhanced header h1 {
    margin-bottom: 30px; }

.page section, .index section, .collection.enhanced section {
  margin: 0 auto;
  padding: 0 1.25em;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 60px; }
  .page section p, .page section ul, .page section ol, .index section p, .index section ul, .index section ol, .collection.enhanced section p, .collection.enhanced section ul, .collection.enhanced section ol {
    margin-bottom: 30px;
    color: #5a6870; }
    .page section p > span, .page section p > li, .page section ul > span, .page section ul > li, .page section ol > span, .page section ol > li, .index section p > span, .index section p > li, .index section ul > span, .index section ul > li, .index section ol > span, .index section ol > li, .collection.enhanced section p > span, .collection.enhanced section p > li, .collection.enhanced section ul > span, .collection.enhanced section ul > li, .collection.enhanced section ol > span, .collection.enhanced section ol > li {
      color: #5a6870; }
    .page section p a, .page section ul a, .page section ol a, .index section p a, .index section ul a, .index section ol a, .collection.enhanced section p a, .collection.enhanced section ul a, .collection.enhanced section ol a {
      color: #233540; }
      .page section p a:hover, .page section ul a:hover, .page section ol a:hover, .index section p a:hover, .index section ul a:hover, .index section ol a:hover, .collection.enhanced section p a:hover, .collection.enhanced section ul a:hover, .collection.enhanced section ol a:hover {
        color: #c12a49; }
  .page section ul, .page section ol, .index section ul, .index section ol, .collection.enhanced section ul, .collection.enhanced section ol {
    list-style: initial;
    padding-left: 21px; }
  .page section.bg-dark-slate > div, .page section.bg-dark-slate > div p, .page section.bg-dark-slate > h1, .page section.bg-dark-slate > h2, .page section.bg-dark-slate > h3, .page section.bg-dark-slate > h4, .page section.bg-dark-slate > h5, .page section.bg-dark-slate > h6, .page section.bg-light-slate > div, .page section.bg-light-slate > div p, .page section.bg-light-slate > h1, .page section.bg-light-slate > h2, .page section.bg-light-slate > h3, .page section.bg-light-slate > h4, .page section.bg-light-slate > h5, .page section.bg-light-slate > h6, .index section.bg-dark-slate > div, .index section.bg-dark-slate > div p, .index section.bg-dark-slate > h1, .index section.bg-dark-slate > h2, .index section.bg-dark-slate > h3, .index section.bg-dark-slate > h4, .index section.bg-dark-slate > h5, .index section.bg-dark-slate > h6, .index section.bg-light-slate > div, .index section.bg-light-slate > div p, .index section.bg-light-slate > h1, .index section.bg-light-slate > h2, .index section.bg-light-slate > h3, .index section.bg-light-slate > h4, .index section.bg-light-slate > h5, .index section.bg-light-slate > h6, .collection.enhanced section.bg-dark-slate > div, .collection.enhanced section.bg-dark-slate > div p, .collection.enhanced section.bg-dark-slate > h1, .collection.enhanced section.bg-dark-slate > h2, .collection.enhanced section.bg-dark-slate > h3, .collection.enhanced section.bg-dark-slate > h4, .collection.enhanced section.bg-dark-slate > h5, .collection.enhanced section.bg-dark-slate > h6, .collection.enhanced section.bg-light-slate > div, .collection.enhanced section.bg-light-slate > div p, .collection.enhanced section.bg-light-slate > h1, .collection.enhanced section.bg-light-slate > h2, .collection.enhanced section.bg-light-slate > h3, .collection.enhanced section.bg-light-slate > h4, .collection.enhanced section.bg-light-slate > h5, .collection.enhanced section.bg-light-slate > h6 {
    color: #fff; }
  .page section.bg-dark-slate, .index section.bg-dark-slate, .collection.enhanced section.bg-dark-slate {
    background-color: #3f5668; }
  .page section.bg-light-slate, .index section.bg-light-slate, .collection.enhanced section.bg-light-slate {
    background-color: #556c7b; }
  .page section.bg-white, .index section.bg-white, .collection.enhanced section.bg-white {
    background-color: #fff; }
  .page section.bg-green > div, .page section.bg-green > div p, .page section.bg-green > h1, .page section.bg-green > h2, .page section.bg-green > h3, .page section.bg-green > h4, .page section.bg-green > h5, .page section.bg-green > h6, .page section.bg-blue > div, .page section.bg-blue > div p, .page section.bg-blue > h1, .page section.bg-blue > h2, .page section.bg-blue > h3, .page section.bg-blue > h4, .page section.bg-blue > h5, .page section.bg-blue > h6, .page section.bg-pink > div, .page section.bg-pink > div p, .page section.bg-pink > h1, .page section.bg-pink > h2, .page section.bg-pink > h3, .page section.bg-pink > h4, .page section.bg-pink > h5, .page section.bg-pink > h6, .page section.bg-orange > div, .page section.bg-orange > div p, .page section.bg-orange > h1, .page section.bg-orange > h2, .page section.bg-orange > h3, .page section.bg-orange > h4, .page section.bg-orange > h5, .page section.bg-orange > h6, .index section.bg-green > div, .index section.bg-green > div p, .index section.bg-green > h1, .index section.bg-green > h2, .index section.bg-green > h3, .index section.bg-green > h4, .index section.bg-green > h5, .index section.bg-green > h6, .index section.bg-blue > div, .index section.bg-blue > div p, .index section.bg-blue > h1, .index section.bg-blue > h2, .index section.bg-blue > h3, .index section.bg-blue > h4, .index section.bg-blue > h5, .index section.bg-blue > h6, .index section.bg-pink > div, .index section.bg-pink > div p, .index section.bg-pink > h1, .index section.bg-pink > h2, .index section.bg-pink > h3, .index section.bg-pink > h4, .index section.bg-pink > h5, .index section.bg-pink > h6, .index section.bg-orange > div, .index section.bg-orange > div p, .index section.bg-orange > h1, .index section.bg-orange > h2, .index section.bg-orange > h3, .index section.bg-orange > h4, .index section.bg-orange > h5, .index section.bg-orange > h6, .collection.enhanced section.bg-green > div, .collection.enhanced section.bg-green > div p, .collection.enhanced section.bg-green > h1, .collection.enhanced section.bg-green > h2, .collection.enhanced section.bg-green > h3, .collection.enhanced section.bg-green > h4, .collection.enhanced section.bg-green > h5, .collection.enhanced section.bg-green > h6, .collection.enhanced section.bg-blue > div, .collection.enhanced section.bg-blue > div p, .collection.enhanced section.bg-blue > h1, .collection.enhanced section.bg-blue > h2, .collection.enhanced section.bg-blue > h3, .collection.enhanced section.bg-blue > h4, .collection.enhanced section.bg-blue > h5, .collection.enhanced section.bg-blue > h6, .collection.enhanced section.bg-pink > div, .collection.enhanced section.bg-pink > div p, .collection.enhanced section.bg-pink > h1, .collection.enhanced section.bg-pink > h2, .collection.enhanced section.bg-pink > h3, .collection.enhanced section.bg-pink > h4, .collection.enhanced section.bg-pink > h5, .collection.enhanced section.bg-pink > h6, .collection.enhanced section.bg-orange > div, .collection.enhanced section.bg-orange > div p, .collection.enhanced section.bg-orange > h1, .collection.enhanced section.bg-orange > h2, .collection.enhanced section.bg-orange > h3, .collection.enhanced section.bg-orange > h4, .collection.enhanced section.bg-orange > h5, .collection.enhanced section.bg-orange > h6 {
    color: #233540; }
  .page section.bg-green, .index section.bg-green, .collection.enhanced section.bg-green {
    background-color: #57b8a5; }
  .page section.bg-blue, .index section.bg-blue, .collection.enhanced section.bg-blue {
    background-color: #47b3ce; }
  .page section.bg-pink, .index section.bg-pink, .collection.enhanced section.bg-pink {
    background-color: #eda6b9; }
  .page section.bg-orange, .index section.bg-orange, .collection.enhanced section.bg-orange {
    background-color: #f7b565; }

.page.simple header, .index.simple header, .collection.enhanced.simple header {
  margin-top: 30px;
  max-width: 950px; }

.page.simple section, .index.simple section, .collection.enhanced.simple section {
  max-width: 950px; }

.page.enhanced > section:first-child, .index.enhanced > section:first-child, .collection.enhanced.enhanced > section:first-child {
  margin-top: 45px; }
  .page.enhanced > section:first-child.row-hero, .page.enhanced > section:first-child.flush-top, .index.enhanced > section:first-child.row-hero, .index.enhanced > section:first-child.flush-top, .collection.enhanced.enhanced > section:first-child.row-hero, .collection.enhanced.enhanced > section:first-child.flush-top {
    margin-top: 0; }

.page .sus-bg-world, .index .sus-bg-world, .collection.enhanced .sus-bg-world {
  background-color: #88ccbf; }

.page .sus-bg-difference, .index .sus-bg-difference, .collection.enhanced .sus-bg-difference {
  background-color: #f1bfcb; }

.page .sus-bg-trees, .index .sus-bg-trees, .collection.enhanced .sus-bg-trees {
  background-color: #7dc8db; }

.page .sus-bg-zero, .index .sus-bg-zero, .collection.enhanced .sus-bg-zero {
  background-color: #f8c991; }

.page .sus-bg-packaging, .index .sus-bg-packaging, .collection.enhanced .sus-bg-packaging {
  background-color: #b7c8d2; }

.page .sus-bg-first, .index .sus-bg-first, .collection.enhanced .sus-bg-first {
  background-color: #d1aaf9; }

.page .sus-bg-human, .index .sus-bg-human, .collection.enhanced .sus-bg-human {
  background-color: #feb4b5; }

.page .sus-bg-report, .index .sus-bg-report, .collection.enhanced .sus-bg-report {
  background-color: #9fcb98; }

.page .sus-bg-today, .index .sus-bg-today, .collection.enhanced .sus-bg-today {
  background-color: #fef687; }

.page .sus-bg-achievements, .index .sus-bg-achievements, .collection.enhanced .sus-bg-achievements {
  background-color: #f2f8f8; }

.page .sus-bg-world, .page .sus-bg-difference, .page .sus-bg-trees, .page .sus-bg-zero, .page .sus-bg-packaging, .page .sus-bg-first, .page .sus-bg-human, .page .sus-bg-report, .page .sus-bg-today, .index .sus-bg-world, .index .sus-bg-difference, .index .sus-bg-trees, .index .sus-bg-zero, .index .sus-bg-packaging, .index .sus-bg-first, .index .sus-bg-human, .index .sus-bg-report, .index .sus-bg-today, .collection.enhanced .sus-bg-world, .collection.enhanced .sus-bg-difference, .collection.enhanced .sus-bg-trees, .collection.enhanced .sus-bg-zero, .collection.enhanced .sus-bg-packaging, .collection.enhanced .sus-bg-first, .collection.enhanced .sus-bg-human, .collection.enhanced .sus-bg-report, .collection.enhanced .sus-bg-today {
  color: #233540; }
  .page .sus-bg-world:hover, .page .sus-bg-difference:hover, .page .sus-bg-trees:hover, .page .sus-bg-zero:hover, .page .sus-bg-packaging:hover, .page .sus-bg-first:hover, .page .sus-bg-human:hover, .page .sus-bg-report:hover, .page .sus-bg-today:hover, .index .sus-bg-world:hover, .index .sus-bg-difference:hover, .index .sus-bg-trees:hover, .index .sus-bg-zero:hover, .index .sus-bg-packaging:hover, .index .sus-bg-first:hover, .index .sus-bg-human:hover, .index .sus-bg-report:hover, .index .sus-bg-today:hover, .collection.enhanced .sus-bg-world:hover, .collection.enhanced .sus-bg-difference:hover, .collection.enhanced .sus-bg-trees:hover, .collection.enhanced .sus-bg-zero:hover, .collection.enhanced .sus-bg-packaging:hover, .collection.enhanced .sus-bg-first:hover, .collection.enhanced .sus-bg-human:hover, .collection.enhanced .sus-bg-report:hover, .collection.enhanced .sus-bg-today:hover {
    color: #fff; }

@media (min-width: 1025px) {
  .page.enhanced > section:first-child, .index.enhanced > section:first-child, .collection.enhanced.enhanced > section:first-child {
    margin-top: 90px; } }

/* content rows */
/* content rows from contentful page builder */
.row-hero {
  width: 100%;
  max-width: initial;
  position: relative; }
  .row-hero .mobile-bg, .row-hero .desktop-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .row-hero .desktop-bg {
    display: none; }
  .row-hero .text {
    z-index: 1;
    position: relative;
    width: 100%;
    font-family: "Josefin Sans", helvetica, arial, sans-serif;
    text-shadow: #000 0 0 10px;
    text-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;
    padding: 50px 20px 80px;
    line-height: 1.6; }
    .row-hero .text span {
      text-align: center;
      color: #fff;
      display: block;
      text-transform: uppercase;
      font-weight: bold; }
      .row-hero .text span:first-child {
        font-size: 1.6em;
        letter-spacing: .1em; }
      .row-hero .text span:last-child {
        font-size: 2em;
        letter-spacing: .1em; }
  .row-hero span.btn {
    background: #fff;
    color: #233540;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9em;
    letter-spacing: .1em;
    line-height: 1.6;
    z-index: 1;
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: .5em 2em;
    margin: 0 auto; }
  .row-hero a:hover span.btn {
    color: #c12a49; }

@media (min-width: 769px) {
  .row-hero .mobile-bg {
    display: none; }
  .row-hero .desktop-bg {
    display: block; }
  .row-hero .text {
    line-height: 2;
    padding: 50px 20px; }
    .row-hero .text span:last-child {
      font-size: 3em;
      letter-spacing: .2em;
      line-height: 1.5; }
  .row-hero span.btn {
    line-height: 2; } }

@media (min-width: 1025px) {
  .row-hero .text span:last-child {
    font-size: 4em;
    letter-spacing: .3em; } }

.row-text {
  width: 100%;
  max-width: 950px;
  padding: 25px 0; }
  .row-text h1 {
    margin-bottom: 30px; }
  .row-text h2, .row-text h3 {
    margin-bottom: 10px; }
    .row-text h2.heading-with-top-margin, .row-text h3.heading-with-top-margin {
      margin-top: 100px; }
  .row-text h4, .row-text h5 {
    margin-bottom: 5px; }
  .row-text .body {
    margin-bottom: 10px; }
    .row-text .body iframe {
      max-width: 100%; }
    .row-text .body p {
      margin-bottom: 15px; }
  .row-text.full {
    max-width: inherit;
    padding-top: 60px;
    padding-bottom: 40px; }
    .row-text.full > div, .row-text.full > h1, .row-text.full > h2, .row-text.full > h3, .row-text.full > h4, .row-text.full > h5, .row-text.full > h6 {
      width: 100%;
      max-width: 950px;
      margin-left: auto;
      margin-right: auto; }
  .row-text .sus-col-world {
    color: #88ccbf; }
  .row-text .sus-col-difference {
    color: #f1bfcb; }
  .row-text .sus-col-trees {
    color: #7dc8db; }
  .row-text .sus-col-zero {
    color: #f8c991; }
  .row-text .sus-col-packaging {
    color: #b7c8d2; }
  .row-text .sus-col-first {
    color: #d1aaf9; }
  .row-text .sus-col-human {
    color: #feb4b5; }
  .row-text .sus-col-report {
    color: #9fcb98; }
  .row-text .sus-col-today {
    color: #fef687; }

@media (min-width: 769px) {
  .row-text {
    text-align: center; } }

@media (min-width: 1025px) {
  .row-text {
    padding: 50px 0; }
    .row-text h1 {
      margin-bottom: 60px; }
    .row-text h2, .row-text h3 {
      margin-bottom: 20px; }
    .row-text h4, .row-text h5 {
      margin-bottom: 10px; }
    .row-text .body {
      margin-bottom: 20px; } }

.row-text-and-media {
  display: flex;
  justify-content: space-around; }
  .row-text-and-media .text .sus-col-world {
    color: #88ccbf; }
  .row-text-and-media .text .sus-col-difference {
    color: #f1bfcb; }
  .row-text-and-media .text .sus-col-trees {
    color: #7dc8db; }
  .row-text-and-media .text .sus-col-zero {
    color: #f8c991; }
  .row-text-and-media .text .sus-col-packaging {
    color: #b7c8d2; }
  .row-text-and-media .text .sus-col-first {
    color: #d1aaf9; }
  .row-text-and-media .text .sus-col-human {
    color: #feb4b5; }
  .row-text-and-media .text .sus-col-report {
    color: #9fcb98; }
  .row-text-and-media .text .sus-col-today {
    color: #fef687; }
  .row-text-and-media .media, .row-text-and-media .text {
    width: 100%;
    max-width: 600px;
    padding: 1rem 2rem 0;
    margin: 0; }
    .row-text-and-media .media img, .row-text-and-media .text img {
      width: 100%; }
  .row-text-and-media ul {
    margin-top: .5rem;
    padding-left: 1rem !important; }
    .row-text-and-media ul > li {
      margin-bottom: .75rem;
      line-height: 1.5; }
    .row-text-and-media ul > br {
      display: none; }
  .row-text-and-media.media-right {
    flex-direction: row-reverse; }
  .row-text-and-media .media-embeded {
    position: relative;
    width: 100%;
    padding-bottom: 56%;
    float: left;
    height: 0; }
    .row-text-and-media .media-embeded iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0; }
  .row-text-and-media .center-content {
    text-align: center; }
  .row-text-and-media.disabled {
    opacity: .4;
    pointer-events: none; }
  .row-text-and-media :last-child {
    margin-bottom: 3rem; }

@media (max-width: 768px) {
  .row-text-and-media {
    display: block; }
    .row-text-and-media .media, .row-text-and-media .text {
      padding: 0; } }

section.row-text-on-image {
  width: 100%;
  max-width: 100%;
  padding: 0;
  position: relative; }
  section.row-text-on-image .image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    section.row-text-on-image .image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  section.row-text-on-image .text {
    position: relative;
    margin: 0 10%;
    padding: 5em 0;
    z-index: 10; }
    section.row-text-on-image .text > div {
      padding: 2em;
      background: #fff; }

@media (min-width: 769px) {
  section.row-text-on-image .text {
    margin: 0 20%;
    padding: 10em 0; } }

@media (min-width: 1200px) {
  section.row-text-on-image .text {
    margin: 0 25%;
    padding: 10em 0; } }

section.row-big-cta {
  width: 100%;
  max-width: 100%;
  padding: 0;
  position: relative; }
  section.row-big-cta .image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    section.row-big-cta .image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  section.row-big-cta .text {
    text-align: center;
    position: relative;
    margin: 0 10%;
    padding: 5em 0;
    z-index: 10; }
    section.row-big-cta .text p, section.row-big-cta .text .h1 {
      color: #fff; }
    section.row-big-cta .text .h1 {
      font-size: 2em; }
    section.row-big-cta .text p {
      font-size: 1.5em; }

@media (min-width: 769px) {
  section.row-big-cta .text {
    margin: 0 5%;
    padding: 5em 0; } }

@media (min-width: 1200px) {
  section.row-big-cta .text {
    margin: 0 5%;
    padding: 5em 0; } }

.row-buttons {
  text-align: center; }
  .row-buttons a.btn {
    margin: 10px; }
  .row-buttons.square-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .row-buttons.square-btns a.btn {
      display: flex;
      flex: 1 1 0;
      line-height: 1.4em;
      letter-spacing: .1em;
      align-items: center;
      justify-content: center;
      margin: 3px;
      min-height: 90px;
      max-width: 180px; }
  .row-buttons .sus-bg-world {
    background-color: #88ccbf; }
  .row-buttons .sus-bg-difference {
    background-color: #f1bfcb; }
  .row-buttons .sus-bg-trees {
    background-color: #7dc8db; }
  .row-buttons .sus-bg-zero {
    background-color: #f8c991; }
  .row-buttons .sus-bg-packaging {
    background-color: #b7c8d2; }
  .row-buttons .sus-bg-first {
    background-color: #d1aaf9; }
  .row-buttons .sus-bg-human {
    background-color: #feb4b5; }
  .row-buttons .sus-bg-report {
    background-color: #9fcb98; }
  .row-buttons .sus-bg-today {
    background-color: #fef687; }
  .row-buttons .sus-bg-achievements {
    background-color: #f2f8f8; }
  .row-buttons .sus-bg-world, .row-buttons .sus-bg-difference, .row-buttons .sus-bg-trees, .row-buttons .sus-bg-zero, .row-buttons .sus-bg-packaging, .row-buttons .sus-bg-first, .row-buttons .sus-bg-human, .row-buttons .sus-bg-report, .row-buttons .sus-bg-today {
    color: #233540; }
    .row-buttons .sus-bg-world:hover, .row-buttons .sus-bg-difference:hover, .row-buttons .sus-bg-trees:hover, .row-buttons .sus-bg-zero:hover, .row-buttons .sus-bg-packaging:hover, .row-buttons .sus-bg-first:hover, .row-buttons .sus-bg-human:hover, .row-buttons .sus-bg-report:hover, .row-buttons .sus-bg-today:hover {
      color: #fff; }

.row-images div {
  margin-bottom: 5px;
  position: relative; }
  .row-images div span {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: #fff;
    z-index: 10;
    text-transform: uppercase;
    padding: .5rem 1.125rem .25rem 1.25rem;
    display: inline-block;
    letter-spacing: .2em; }
  .row-images div a:hover span {
    color: #c12a49; }
  .row-images div img {
    z-index: 1; }
    .row-images div img.d {
      display: none; }
    .row-images div img.m {
      display: block; }

.row-images.full {
  max-width: inherit;
  padding-left: 0;
  padding-right: 0; }
  .row-images.full div {
    width: 100%; }
    .row-images.full div img {
      width: 100%;
      height: auto;
      max-width: inherit; }

@media (min-width: 769px) {
  .row-images {
    display: flex;
    justify-content: center; }
    .row-images div {
      margin-bottom: 0; }
      .row-images div img.m {
        display: none; }
      .row-images div img.d {
        display: block; } }

section.row-logos h2 {
  text-align: center; }

section.row-logos .logos {
  padding: 2em;
  text-align: center; }
  section.row-logos .logos img {
    display: inline-block;
    margin: 1em; }

section.row-logos .logos-new {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  section.row-logos .logos-new div {
    flex-grow: 1;
    text-align: center;
    padding: 1em;
    max-width: 50%; }
    section.row-logos .logos-new div img {
      display: inline-block;
      margin: 1em; }

@media (min-width: 769px) {
  section.row-logos .logos-new div {
    max-width: 33%; } }

@media (min-width: 1025px) {
  section.row-logos .logos-new div {
    max-width: 20%; } }

.row-faq-list {
  max-width: 960px;
  margin: 0 auto; }
  .row-faq-list details {
    border-top: 1px solid #e0e0e0; }
    .row-faq-list details summary {
      font-family: "Josefin Sans", helvetica, arial, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      color: #233540;
      padding: 1.375rem 3.125rem 1.25rem 1.25rem; }
    .row-faq-list details > div {
      padding: 0 3.125rem 1.25rem 1.25rem; }
    .row-faq-list details:last-child {
      border-bottom: 1px solid #e0e0e0; }

.row-contact-form .top-section {
  width: 100%; }
  .row-contact-form .top-section div {
    margin-bottom: 30px; }
  .row-contact-form .top-section table {
    width: 100%;
    margin: .4em 0 1.6em; }
    .row-contact-form .top-section table td:first-child {
      width: 35%; }
    .row-contact-form .top-section table td:last-child {
      width: 65%; }

section.row-map {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0; }
  section.row-map iframe {
    width: 100%;
    z-index: 1;
    position: relative; }
  section.row-map div.map-overlay {
    z-index: 10;
    position: absolute;
    bottom: 50px;
    left: 10%;
    width: 80%;
    background: #fff;
    padding: 1em; }
    section.row-map div.map-overlay .map-link {
      float: right; }
    section.row-map div.map-overlay p {
      margin-top: 1em;
      margin-bottom: 0; }

@media (min-width: 769px) {
  .row-contact-form .top-section {
    display: flex;
    justify-content: center; }
    .row-contact-form .top-section div {
      width: 50%; }
  section.row-map div.map-overlay {
    width: 600px; } }

.featured-collection-row .cta {
  text-align: center;
  padding: 40px 0 20px; }

@media (min-width: 1025px) {
  .featured-collection-row + .row-buttons {
    display: flex;
    padding: 0 calc(1.25em + 5px); }
    .featured-collection-row + .row-buttons .btn {
      margin: 5px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; } }

.row-blocks-text > h2 {
  margin-bottom: 30px;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.25em; }

.row-blocks-text.sus-bg-achievements {
  /* sustainability specific */ }
  .row-blocks-text.sus-bg-achievements img {
    max-width: 50%;
    display: inline-block; }

.row-blocks-text div.blocks div {
  margin-bottom: 5px;
  position: relative; }
  .row-blocks-text div.blocks div span {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: #fff;
    z-index: 10;
    text-transform: uppercase;
    padding: 0.5rem 1.125rem 0.25rem 1.25rem;
    display: inline-block;
    letter-spacing: 0.2em; }
  .row-blocks-text div.blocks div a:hover span {
    color: #c12a49; }
  .row-blocks-text div.blocks div img {
    z-index: 1; }
    .row-blocks-text div.blocks div img.d {
      display: none; }
    .row-blocks-text div.blocks div img.m {
      display: block; }
  .row-blocks-text div.blocks div div.body {
    padding: 0 1.25em; }
    .row-blocks-text div.blocks div div.body div.h3 {
      margin: 1.5em 0 0; }
    .row-blocks-text div.blocks div div.body p {
      margin: 1em 0; }
    .row-blocks-text div.blocks div div.body .center {
      text-align: center; }

.row-blocks-text.full {
  max-width: inherit;
  padding-left: 0;
  padding-right: 0; }
  .row-blocks-text.full div.blocks div {
    width: 100%; }
    .row-blocks-text.full div.blocks div img {
      width: 100%;
      height: auto;
      max-width: inherit; }

.row-blocks-text.bg-light-slate, .row-blocks-text.bg-dark-slate, .row-blocks-text.bg-white, .row-blocks-text.bg-green, .row-blocks-text.bg-blue, .row-blocks-text.bg-pink, .row-blocks-text.bg-orange, .row-blocks-text.sus-bg-achievements {
  max-width: inherit;
  padding: 50px 0; }
  .row-blocks-text.bg-light-slate div.blocks, .row-blocks-text.bg-dark-slate div.blocks, .row-blocks-text.bg-white div.blocks, .row-blocks-text.bg-green div.blocks, .row-blocks-text.bg-blue div.blocks, .row-blocks-text.bg-pink div.blocks, .row-blocks-text.bg-orange div.blocks, .row-blocks-text.sus-bg-achievements div.blocks {
    max-width: 1518px;
    margin: 0 auto; }

@media (min-width: 769px) {
  .row-blocks-text > h2 {
    width: 100%;
    text-align: center; }
  .row-blocks-text div.blocks {
    display: flex;
    justify-content: center; }
    .row-blocks-text div.blocks div {
      margin: 0 5px;
      flex-basis: 100%; }
      .row-blocks-text div.blocks div img.m {
        display: none; }
      .row-blocks-text div.blocks div img.d {
        display: block; }
      .row-blocks-text div.blocks div div.body {
        padding: 0; } }

.row-spacer {
  width: 100%; }
  .row-spacer.small {
    height: 15px; }
  .row-spacer.medium {
    height: 30px; }
  .row-spacer.large {
    height: 45px; }
  @media (min-width: 769px) {
    .row-spacer.small {
      height: 30px; }
    .row-spacer.medium {
      height: 60px; }
    .row-spacer.large {
      height: 90px; } }

.row-hr {
  border-top: 1px solid #e0e0e0;
  width: 100%;
  max-width: 950px;
  height: 0; }
  .row-hr.full {
    max-width: 100%; }

.row-location-cross-link {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .row-location-cross-link div {
    margin-bottom: 30px; }
    .row-location-cross-link div .h3 {
      text-align: center; }
    .row-location-cross-link div .body {
      color: #5a6870; }
    .row-location-cross-link div ul {
      list-style: none;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .row-location-cross-link div ul li {
        padding: 5px;
        width: 50%; }
        .row-location-cross-link div ul li a {
          text-transform: none;
          font-family: "Lato", helvetica, arial, sans-serif;
          letter-spacing: normal; }

@media (min-width: 769px) {
  .row-location-cross-link {
    flex-direction: row; }
    .row-location-cross-link div {
      flex-basis: 100%;
      margin-bottom: 0;
      padding: 15px; }
      .row-location-cross-link div ul li {
        width: 33%; } }

.quote {
  width: 100%;
  max-width: 950px;
  padding: 25px 0;
  font-family: Georgia, serif; }
  .quote > div.body {
    font-size: 1.6em;
    line-height: 1.6em; }
  .quote.full {
    max-width: inherit;
    padding-top: 60px;
    padding-bottom: 40px; }
    .quote.full > div.body {
      width: 100%;
      max-width: 950px;
      margin-left: auto;
      margin-right: auto; }
      .quote.full > div.body > p:last-child {
        margin-bottom: 10px; }
  .quote.bg-green .body, .quote.bg-green .body strong, .quote.bg-green .body em, .quote.bg-blue .body, .quote.bg-blue .body strong, .quote.bg-blue .body em, .quote.bg-pink .body, .quote.bg-pink .body strong, .quote.bg-pink .body em, .quote.bg-orange .body, .quote.bg-orange .body strong, .quote.bg-orange .body em {
    color: #fff; }

@media (min-width: 769px) {
  .quote {
    text-align: center; } }

section.links-media-text h2 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px; }

section.links-media-text .body {
  text-align: center;
  max-width: 950px;
  margin: 0 auto;
  margin-bottom: 60px; }

section.links-media-text > div {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  section.links-media-text > div article {
    padding: 10px; }
    section.links-media-text > div article a img {
      width: 100%; }
    section.links-media-text > div article a div h3 {
      margin-top: 12px;
      text-align: center; }

@media (min-width: 769px) {
  section.links-media-text > div {
    flex-direction: row;
    flex-wrap: wrap; }
    section.links-media-text > div article {
      width: 50%; } }

@media (min-width: 1025px) {
  section.links-media-text > div article {
    width: 33%; } }

section.links-text {
  margin-bottom: 20px; }
  section.links-text .body {
    margin-bottom: 20px; }
  section.links-text div ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    padding: 0; }
    section.links-text div ul li a {
      padding: 8px 10px;
      font-size: 15px;
      text-transform: uppercase; }

section.show-on-mobile {
  display: block; }

section.show-on-desktop {
  display: none; }

@media (min-width: 1025px) {
  section.show-on-mobile {
    display: none; }
  section.show-on-desktop {
    display: block; } }