/*!
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain) 
 * */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Nexa W01 Regular";
  font-weight: normal;
  src: url(/app_assets/3868814a-b44d-4e0f-a82b-f43f0d55022e-910568178cd6f5f802b4b0dbcc496fcdbeeca1c46f6574ffc06c0927d7503000.woff2) format("woff2"), url(/app_assets/cf185ee1-c761-4de0-82a6-24de1e15e867-fb5ca37b3e0cb147e687d55c04e88cc5050937e211c6c15960d289cd60ece807.woff) format("woff");
}
@font-face {
  font-family: "Nexa W01 Bold";
  font-weight: normal;
  src: url(/app_assets/0e5a6421-f5e4-4938-867d-6891e64d0aba-302c05a475ead1c609c98aafd172ee3ab6f253f46f4686ac290f4b3d1c4602d7.woff2) format("woff2"), url(/app_assets/774fe857-54ab-41f8-b942-57c1dc6ee179-4b87612b6c5d1f2b3b78406a6933ba0c9486fe421a610f3d1083903f651ab5dc.woff) format("woff");
}
html {
  font-family: "Nexa W01 Regular", sans-serif;
  font-weight: normal;
  font-style: normal;
}

body {
  font-size: 1.125em;
  line-height: 1.5;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  color: #3A3E40;
}

h1, .h1 {
  font-size: 2em;
  line-height: 1.1944444444;
  margin: 1.1666666667em 0 0.8888888889em;
  text-align: center;
}

h2, .h2 {
  font-size: 1.5555555556em;
  line-height: 1.3571428571;
  margin: 1.3571428571em 0 0.5em;
}

h3, .h3 {
  font-size: 1.3333333333em;
  line-height: 1.3333333333;
  margin: 1.5833333333em 0 0.5833333333em;
}

h4, .h4 {
  font-size: 1.1111111111em;
  line-height: 1.35;
  margin: 0 0 0.7em 0;
}

p {
  margin-bottom: 1.6666666667em;
}

@media (min-width: 850px) {
  h1, .h1 {
    font-size: 2.5555555556em;
    line-height: 1.1956521739;
    margin: 1.1304347826em 0 0.9130434783em;
  }
  h2, .h2 {
    font-size: 2.1111111111em;
    line-height: 1.3421052632;
    margin: 1.1052631579em 0 0.4210526316em;
  }
  h3, .h3 {
    font-size: 1.5em;
    line-height: 1.3333333333;
    margin: 1.5555555556em 0 0.5925925926em;
  }
  h4, .h4 {
    font-size: 1.2222222222em;
    line-height: 1.3636363636;
    margin: 0 0 0.6363636364em 0;
  }
}
@media (min-width: 1024px) {
  h1, .h1 {
    font-size: 3.1111111111em;
    line-height: 1.1964285714;
    margin: 1.1071428571em 0 0.75em;
  }
  h2, .h2 {
    font-size: 2.3333333333em;
    line-height: 1.3571428571;
    margin: 1.1428571429em 0 0.380952381em;
  }
  h3, .h3 {
    font-size: 1.6666666667em;
    line-height: 1.3666666667;
    margin: 1.6em 0 0.5333333333em;
  }
  h4, .h4 {
    font-size: 1.3333333333em;
    line-height: 1.3333333333;
    margin: 0 0 0.6666666667em 0;
  }
  p {
    font-size: 1.1111111111em;
    line-height: 1.5;
    margin-bottom: 1.9em;
  }
}
@media (min-width: 1280px) {
  h1, .h1 {
    font-size: 3.5555555556em;
    line-height: 1.203125;
    margin: 1.125em 0 0.8125em;
  }
  h2, .h2 {
    font-size: 2.5555555556em;
    line-height: 1.347826087;
    margin: 1.0434782609em 0 0.347826087em;
  }
  h3, .h3 {
    font-size: 1.7777777778em;
    line-height: 1.34375;
    margin: 1.5em 0 0.5em;
  }
}
a {
  border-bottom: 1px solid #3A3E40;
  color: #5B646A;
  text-decoration: none;
  transition: 200ms border;
}
a:hover, a:focus {
  border-color: transparent;
  outline-color: currentColor;
}

.button {
  font-family: "Nexa W01 Regular", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1.5;
  background-color: #687F13;
  border-radius: 8px;
  border: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  padding: 0.9722222222em 1.1111111111em;
  text-align: center;
  transition-duration: 200ms;
  transition-property: background-color, color;
  width: 100%;
}
.button span, .button svg {
  display: inline-block;
  line-height: 1em;
  vertical-align: middle;
}
.button span {
  margin-right: 0.5555555556em;
}
.button svg path {
  transition: 200ms fill;
}
.button:hover, .button:focus {
  background-color: #3E4D0B;
}
.button.white {
  background-color: #ffffff;
  color: #687F13;
}
.button.white:hover, .button.white:focus {
  background-color: #3E4D0B;
  color: #ffffff;
}
.button.white:hover svg path, .button.white:focus svg path {
  fill: #ffffff;
}

@media (min-width: 480px) {
  .button {
    width: auto;
    padding: 0.9722222222em 1.3888888889em;
  }
}
@media (min-width: 1024px) {
  .button {
    font-size: 1.1111111111em;
    line-height: 1.5;
    padding: 0.85em 1.25em;
  }
  .button span {
    margin-right: 1em;
  }
}
.wrapper {
  margin: 0 auto;
  max-width: 1400px;
  width: 88%;
}
@media (min-width: 480px) {
  .wrapper {
    width: 78%;
  }
}
@media (min-width: 600px) {
  .wrapper {
    width: 78%;
  }
}
@media (min-width: 850px) {
  .wrapper {
    width: 88%;
  }
}
@media (min-width: 1024px) {
  .wrapper {
    width: 88%;
  }
}
@media (min-width: 1280px) {
  .wrapper {
    width: 88%;
  }
}
@media (min-width: 1500px) {
  .wrapper {
    width: 72%;
  }
}

body.grid_system .wrapper {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%223%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%223%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2219%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2222%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%226%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2228%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2219%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2247%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%226%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2253%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2219%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2272%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%226%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2278%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2219%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2297%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%223%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E");
}
@media (min-width: 480px) {
  body.grid_system .wrapper {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%222%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2214%2E6666666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%224%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2218%2E6666666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2231%2E3333333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%224%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2235%2E3333333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2248%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%224%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2252%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2264%2E6666666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%224%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2268%2E6666666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2281%2E3333333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%224%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2285%2E3333333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2298%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E");
  }
}
@media (min-width: 600px) {
  body.grid_system .wrapper {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%222%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2214%2E6666666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%224%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2218%2E6666666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2231%2E3333333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%224%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2235%2E3333333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2248%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%224%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2252%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2264%2E6666666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%224%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2268%2E6666666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2281%2E3333333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%224%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2285%2E3333333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%2212%2E6666666667%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2298%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E");
  }
}
@media (min-width: 850px) {
  body.grid_system .wrapper {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%221%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%221%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%227%2E3333333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%229%2E3333333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2215%2E6666666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2217%2E6666666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2224%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2226%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2232%2E3333333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2234%2E3333333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2240%2E6666666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2242%2E6666666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2249%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2251%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2257%2E3333333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2259%2E3333333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2265%2E6666666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2267%2E6666666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2274%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2276%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2282%2E3333333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2284%2E3333333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2290%2E6666666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2292%2E6666666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%226%2E3333333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2299%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%221%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E");
  }
}
@media (min-width: 1024px) {
  body.grid_system .wrapper {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%221%2E315%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%221%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%227%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%229%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2215%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2217%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2223%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2226%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2232%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2234%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2240%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2242%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2248%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2251%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2257%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2259%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2265%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2267%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2273%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2276%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2282%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2284%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2290%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2292%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2298%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%221%2E315%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E");
  }
}
@media (min-width: 1280px) {
  body.grid_system .wrapper {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%221%2E315%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%221%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%227%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%229%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2215%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2217%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2223%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2226%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2232%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2234%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2240%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2242%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2248%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2251%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2257%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2259%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2265%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2267%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2273%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2276%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2282%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2284%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2290%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2292%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2298%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%221%2E315%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E");
  }
}
@media (min-width: 1500px) {
  body.grid_system .wrapper {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%221%2E315%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%221%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%227%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%229%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2215%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2217%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2223%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2226%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2232%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2234%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2240%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2242%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2248%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2251%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2257%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2259%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2265%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2267%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2273%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2276%2E315%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2282%2E0183333333%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2284%2E6483333333%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2290%2E3516666667%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%222%2E63%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2292%2E9816666667%25%22%20fill%3D%22rgba(255,%200,%200,%200%2E15)%22%20width%3D%225%2E7033333333%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2298%2E685%25%22%20fill%3D%22rgba(255,%20205,%20205,%200%2E3625)%22%20width%3D%221%2E315%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E");
  }
}

.hide, .video_wrapper a.video_link {
  height: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  width: 0;
}

.big_link {
  background: none;
  border: 0;
  display: block;
  inset: 0;
  position: absolute;
  text-indent: -9999px;
  z-index: 9997;
}

.text_column, .large_column, .full_column {
  margin: 0 auto;
  width: 94%;
}

.margin_bottom {
  margin-bottom: 2.2222222222em;
}

@media (min-width: 480px) {
  .text_column, .large_column, .full_column {
    width: 96%;
  }
}
@media (min-width: 600px) {
  .text_column, .large_column, .full_column {
    width: 96%;
  }
}
@media (min-width: 850px) {
  .text_column {
    width: 64.6666666667%;
  }
  .large_column {
    width: 81.3333333333%;
  }
  .full_column {
    width: 98%;
  }
  .margin_bottom {
    margin-bottom: 3.3333333333em;
  }
}
@media (min-width: 1024px) {
  .text_column {
    width: 64.0366666667%;
  }
  .large_column {
    width: 80.7033333333%;
  }
  .full_column {
    width: 97.37%;
  }
}
@media (min-width: 1280px) {
  .text_column {
    width: 64.0366666667%;
  }
  .large_column {
    width: 80.7033333333%;
  }
  .full_column {
    width: 97.37%;
  }
  .margin_bottom {
    margin-bottom: 3.8888888889em;
  }
}
@media (min-width: 1500px) {
  .text_column {
    width: 64.0366666667%;
  }
  .large_column {
    width: 80.7033333333%;
  }
  .full_column {
    width: 97.37%;
  }
}
#content:focus {
  outline: none;
}

footer {
  overflow: hidden;
}
footer .curve-mask {
  display: block;
  height: auto;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
}
.search_results footer .top-path, .news_story_index footer .top-path, .faq_index footer .top-path, .overview_page_show footer .top-path, .case_study_index footer .top-path, .garden_room_overview_show footer .top-path, .customisation_article_index footer .top-path, .footer_curve footer .top-path {
  fill: #F6F7F7;
}

.footer_wrapper {
  padding-top: 3.6111111111em;
  background-color: #F6F7F7;
}

.footer_social_wrapper {
  text-align: center;
}

.footer_social_container {
  margin: 0 3% 2.2222222222em;
}
.footer_social_container h3 {
  margin-top: 0;
}

.footer_social_telephone {
  margin-bottom: 0;
}
.footer_social_telephone a {
  border: 0;
  color: #3A3E40;
}

.footer_social_list {
  margin-bottom: 0;
}

.footer_social_item {
  display: inline-block;
  font-size: 1em;
  margin: 0 0.6666666667em 1em;
}

.footer_social_link {
  align-items: center;
  background-color: transparent;
  border-radius: 50px;
  border: 0;
  display: flex;
  height: 2.8888888889em;
  justify-content: center;
  position: relative;
  transition: 200ms background-color;
  width: 2.8888888889em;
}
.footer_social_link svg {
  display: block;
  width: 1.6666666667em;
  height: auto;
}
.footer_social_link svg path {
  transition: 200ms fill;
}
.footer_social_link:hover svg path:last-child, .footer_social_link:focus svg path:last-child {
  fill: #ffffff;
}
.footer_social_link.instagram:hover, .footer_social_link.instagram:focus {
  background-color: #E1306C;
}
.footer_social_link.facebook:hover, .footer_social_link.facebook:focus {
  background-color: #4267B2;
}
.footer_social_link.linkedin:hover, .footer_social_link.linkedin:focus {
  background-color: #0077b5;
}
.footer_social_link.pinterest:hover, .footer_social_link.pinterest:focus {
  background-color: #E60023;
}
.footer_social_link.google:hover, .footer_social_link.google:focus {
  background-color: #0F9D58;
}

.footer_google_rating {
  border-top: 1px solid #5B646A;
  padding: 2.2222222222em 0;
  text-align: center;
}

.google_rating_link {
  font-size: 0.8888888889em;
  line-height: 1.5;
  border: 0;
}
.google_rating_link:hover span, .google_rating_link:focus span {
  border-color: transparent;
}
.google_rating_link span {
  border-bottom: 1px solid #3A3E40;
  color: #3A3E40;
  display: inline-block;
  line-height: initial;
  margin-bottom: 0.875em;
  transition: 200ms border;
}
.google_rating_link svg {
  display: block;
  height: 1.7777777778em;
  margin: 0 auto;
  width: auto;
}

.footer_menu_links_wrapper {
  border-top: 1px solid #5B646A;
}

.footer_menu_links_container {
  padding: 2.2222222222em 0 1.5555555556em;
}

.footer_menu {
  text-align: center;
}

.footer_menu_item {
  font-size: 1em;
  margin-bottom: 1em;
}

.footer_menu_link {
  font-size: 0.8888888889em;
  line-height: 1.5;
}

.footer_menu_link, .footer_showroom_link {
  color: #3A3E40;
}

.footer_partners_and_copyright {
  background-color: #5B646A;
  color: #ffffff;
  padding: 1.6666666667em 0 2.7777777778em;
}

.footer_copyright {
  font-size: 0.8888888889em;
  line-height: 1.1875;
  margin: 0;
  text-align: center;
}
.footer_copyright span {
  display: block;
  margin-top: 1.0625em;
}
.footer_copyright a {
  color: #ffffff;
  border-color: #ffffff;
}
.footer_copyright a:hover, .footer_copyright a:focus {
  border-color: transparent;
}

.partner_logos {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 2.2222222222em;
}

.partner_logo_item {
  display: inline-block;
  font-size: 1em;
  margin: 0 0.4444444444em;
}
.partner_logo_item svg {
  display: block;
  height: 2.3333333333em;
  width: auto;
}

@media (min-width: 480px) {
  .footer_social_container {
    margin: 0 2% 2.2222222222em;
  }
  .partner_logo_item {
    margin: 0 0.6666666667em;
  }
}
@media (min-width: 600px) {
  .footer_menu_item {
    display: inline-block;
    margin-right: 0.7777777778em;
  }
  .google_rating_link {
    align-items: center;
    display: inline-flex;
  }
  .google_rating_link span {
    margin: 0 1.25em 0 0;
    flex-shrink: 0;
  }
}
@media (min-width: 850px) {
  .footer_wrapper {
    padding-top: 3.8888888889em;
  }
  .footer_social_container {
    display: inline-block;
    margin: 0 1% 2.2222222222em;
    vertical-align: top;
    width: 48%;
  }
  .footer_social_container.connect_section {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .footer_social_item {
    margin: 0 0.6666666667em;
  }
  .footer_partners_and_copyright {
    padding: 2.2222222222em 0;
  }
  .footer_partners_and_copyright_container {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .partner_logos {
    margin: 0;
  }
  .partner_logo_item {
    margin: 0 1.5555555556em 0 0;
  }
  .footer_copyright {
    text-align: right;
  }
  .footer_copyright span {
    display: inline-block;
    margin: 0 0 0 0.375em;
  }
}
@media (min-width: 1024px) {
  .footer_wrapper {
    padding-top: 4.4444444444em;
  }
  .footer_social_wrapper {
    text-align: left;
    margin-bottom: 3.3333333333em;
  }
  .footer_social_container {
    margin: 0 1.315% 0;
    width: 30.7033333333%;
  }
  .footer_social_container.connect_section {
    margin: 0 1.315% 0;
    width: 30.7033333333%;
  }
  .footer_social_item {
    margin: 0 0.3333333333em 1em 0;
  }
  .footer_menu_links_container {
    padding: 3.3333333333em 0 2.3333333333em;
  }
  .partner_logo_item {
    margin-right: 1.8888888889em;
  }
  .partner_logo_item svg {
    height: 2.8888888889em;
  }
}
@media (min-width: 1280px) {
  footer .curve-mask {
    margin: 0;
    width: 100%;
  }
  .footer_menu_links_wrapper {
    padding: 3.3333333333em 0 2.3333333333em;
  }
  .footer_menu_links_container, .footer_google_rating {
    display: inline-block;
    vertical-align: top;
    padding: 0;
  }
  .footer_menu_links_container {
    margin-right: 2.7010372805%;
    width: 65.7663209065%;
  }
  .footer_menu {
    text-align: left;
  }
  .footer_menu_item {
    margin-right: 1.2222222222em;
  }
  .footer_google_rating {
    border: 0;
    text-align: left;
    width: 31.532641813%;
  }
}
header {
  background-color: #687F13;
  padding: 0 1.4444444444em;
  position: relative;
  transition: 200ms background-color;
  z-index: 9999;
}
.has_banner header, .home header {
  background-color: rgba(104, 127, 19, 0.7);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.menu_open.has_banner header, .menu_open.home header {
  background-color: #687F13;
}

.skip_to_content {
  align-items: center;
  background: #F6F7F7;
  border: 1px solid #687F13;
  bottom: 0;
  display: flex;
  font-size: 1em;
  height: 2.6111111111em;
  justify-content: center;
  left: 0;
  padding: 0.7777777778em 1.1111111111em 0.6666666667em;
  position: absolute;
  transform: translate(-200%, 100%);
  transition: transform 200ms;
}
.skip_to_content span {
  border-bottom: 1px solid #3A3E40;
}
.skip_to_content:focus {
  transform: translate(0%, 100%);
}

.header_logo_and_cta_container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 1.1111111111em 0;
  width: 100%;
}

.logo {
  border-bottom: 0;
  display: block;
  height: 1.7777777778em;
  width: 7.1111111111em;
}
.logo svg {
  display: block;
  height: 100%;
  width: 100%;
}
.logo path {
  transition: 200ms fill;
}
.logo:hover svg #logo-frame, .logo:focus svg #logo-frame {
  fill: #3E4D0B;
}

.menu_toggle {
  align-items: center;
  border: 0;
  display: none;
  height: 1em;
  width: 1.7777777778em;
}
.js .menu_toggle {
  display: flex;
}
.menu_toggle .hamburger {
  background-color: #ffffff;
  display: block;
  height: 2px;
  position: relative;
  transition: transform 200ms ease, background-color 200ms;
  width: 100%;
}
.menu_toggle .hamburger::before, .menu_toggle .hamburger::after {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: #ffffff;
  content: "";
}
.menu_toggle .hamburger::before {
  top: -10px;
  transition: top 200ms 400ms ease, background-color 200ms;
}
.menu_toggle .hamburger::after {
  bottom: -10px;
  transition: bottom 200ms 400ms ease, transform 200ms ease, background-color 200ms;
}
.menu_toggle.active .hamburger {
  transform: rotate(45deg);
  transition: transform 200ms 400ms ease, background-color 200ms;
}
.menu_toggle.active .hamburger::before {
  top: 0;
  transition: top 200ms ease, background-color 200ms;
}
.menu_toggle.active .hamburger::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 200ms ease, transform 200ms 400ms ease, background-color 200ms;
}

@media (min-width: 850px) {
  header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.6666666667em 1.4444444444em;
  }
  .skip_to_content:focus {
    transform: translate(calc(0% + 26px), 100%);
  }
  .header_logo_and_cta_container {
    margin: 0;
    padding: 0;
    width: auto;
  }
  .menu_toggle {
    display: none;
  }
}
@media (min-width: 1024px) {
  header {
    padding: 1.6666666667em 2.2222222222em;
  }
  .skip_to_content span {
    font-size: 1.1111111111em;
    line-height: 1.5;
  }
  .skip_to_content:focus {
    transform: translate(calc(0% + 40px), 100%);
  }
  .logo {
    height: 2.2222222222em;
    width: 8.8888888889em;
  }
}
@media (min-width: 1280px) {
  header {
    padding: 1.6666666667em 3.3333333333em;
  }
  .skip_to_content:focus {
    transform: translate(60px, 100%);
  }
}
*, ::before, ::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: #ffffff;
  color: #5B646A;
  height: 100%;
  overflow-y: scroll;
}

.article_nav_container {
  padding: 1.7777777778em 0 2.2222222222em;
  position: relative;
}
.article_nav_container::before {
  background-color: #BDC1C3;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(100% - 6.3829787234%);
}

.article_nav_previous, .article_nav_next, .article_nav_back_to {
  margin-left: 3%;
  margin-right: 3%;
  text-align: center;
}

.article_nav_content {
  position: relative;
}
.article_nav_content span {
  font-size: 0.6666666667em;
  line-height: 1.5;
  text-transform: uppercase;
  color: #687F13;
}
.article_nav_content h4 {
  margin: 0;
}
.article_nav_content .article_nav_link {
  color: #3A3E40;
}
.article_nav_content:hover .article_nav_link, .article_nav_content:focus .article_nav_link {
  border-color: transparent;
}

.article_nav_previous_text, .article_nav_next_text, .article_nav_back_to_text {
  margin-bottom: 0.5555555556em;
}
.article_nav_previous_text svg, .article_nav_next_text svg, .article_nav_back_to_text svg {
  display: none;
}

.article_nav_previous, .article_nav_next {
  margin-bottom: 1.6666666667em;
}
.article_nav_previous.hidden, .article_nav_next.hidden {
  margin-bottom: 0;
}

@media (min-width: 480px) {
  .article_nav_container::before {
    width: calc(100% - 4.1666666667%);
  }
  .article_nav_previous, .article_nav_next, .article_nav_back_to {
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media (min-width: 600px) {
  .article_nav_previous, .article_nav_next, .article_nav_back_to {
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media (min-width: 850px) {
  .article_nav_container {
    display: flex;
    padding: 2.3333333333em 0 3.3333333333em;
  }
  .article_nav_container::before {
    width: calc(100% - 2.0408163265%);
  }
  .article_nav_previous, .article_nav_next, .article_nav_back_to {
    width: 31.9727891156%;
    margin-left: 1%;
    margin-right: 1%;
  }
  .article_nav_previous, .article_nav_next {
    margin-bottom: 0;
  }
  .article_nav_previous {
    text-align: left;
    order: 1;
  }
  .article_nav_next {
    text-align: right;
    order: 3;
  }
  .article_nav_next svg {
    right: 0;
  }
  .article_nav_back_to {
    order: 2;
  }
  .article_nav_content span {
    font-size: 0.7777777778em;
    line-height: 1.5;
    padding: 0 0.7142857143em;
  }
  .article_nav_content:hover .article_nav_previous_text, .article_nav_content:hover .article_nav_next_text, .article_nav_content:focus .article_nav_previous_text, .article_nav_content:focus .article_nav_next_text {
    transform: translateX(0);
  }
  .article_nav_content:hover .article_nav_previous_text svg, .article_nav_content:hover .article_nav_next_text svg, .article_nav_content:focus .article_nav_previous_text svg, .article_nav_content:focus .article_nav_next_text svg {
    opacity: 1;
  }
  .article_nav_previous_text, .article_nav_next_text, .article_nav_back_to_text {
    margin-bottom: 0.8333333333em;
    transition: 200ms transform;
  }
  .article_nav_previous_text svg, .article_nav_next_text svg, .article_nav_back_to_text svg {
    display: block;
    height: auto;
    opacity: 0;
    transition: 200ms opacity;
    width: 1.1111111111em;
  }
  .article_nav_previous_text {
    align-items: center;
    display: flex;
    transform: translateX(-30px);
  }
  .article_nav_next_text {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    transform: translateX(30px);
  }
}
@media (min-width: 1024px) {
  .article_nav_container::before {
    width: calc(100% - 2.7010372805%);
  }
  .article_nav_previous, .article_nav_next, .article_nav_back_to {
    margin-left: 1.315%;
    margin-right: 1.315%;
  }
}
@media (min-width: 1280px) {
  .article_nav_previous, .article_nav_next, .article_nav_back_to {
    margin-left: 1.315%;
    margin-right: 1.315%;
  }
}
.menu_overlay {
  background-color: #687F13;
  display: none;
  inset: 0;
  opacity: 0.7;
  position: fixed;
  z-index: 9998;
}
.menu_open .menu_overlay {
  display: block;
}

.primary_nav {
  background-color: #687F13;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
}
.menu_open .primary_nav {
  opacity: 1;
  pointer-events: all;
}
.primary_nav .dropdown {
  background-color: #3E4D0B;
  overflow: hidden;
  position: relative;
}
.js .primary_nav .dropdown {
  max-height: 0;
}
.primary_nav .dropdown.open {
  max-height: 555.5em;
}
.primary_nav .section_toggle {
  align-items: center;
  border: 0;
  display: flex;
  height: 2.8333333333em;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: 200ms background-color;
  width: 4em;
}
.primary_nav .section_toggle svg {
  transform: rotate(0);
  transition: 200ms transform;
}
.primary_nav .section_toggle svg path {
  fill: #ffffff;
  transition: 200ms fill;
}
.primary_nav .section_toggle:hover, .primary_nav .section_toggle:focus {
  background-color: #ffffff;
}
.primary_nav .section_toggle:hover path, .primary_nav .section_toggle:focus path {
  fill: #687F13;
}
.primary_nav .section_toggle.active {
  background-color: #3E4D0B;
}
.primary_nav .section_toggle.active svg {
  transform: rotate(180deg);
}
.primary_nav .section_toggle.active path {
  fill: #687F13;
}
@media (hover: none) {
  .primary_nav .section_toggle {
    background-color: transparent !important;
  }
  .primary_nav .section_toggle path {
    fill: #ffffff !important;
  }
  .primary_nav .section_toggle.active {
    background-color: #3E4D0B !important;
  }
}
.primary_nav li {
  font-size: 1em;
  margin-bottom: 0;
  position: relative;
}
.primary_nav li.level_1:hover .section_toggle svg path, .primary_nav li.level_1:focus .section_toggle svg path {
  fill: #687F13;
}
.primary_nav li.level_2 {
  border-bottom: 1px solid #687F13;
}
.primary_nav li.level_2:first-child {
  border-top: 1px solid #687F13;
}
.primary_nav .menu_link {
  font-size: 0.8888888889em;
  line-height: 1.1875;
  border: 0;
  color: #ffffff;
  display: block;
  padding: 1.125em 1.4444444444em 0.875em;
  position: relative;
  transition-duration: 200ms;
  transition-property: background-color, color;
}
.primary_nav .menu_link::before {
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 200ms opacity;
  width: 0.5em;
}
.primary_nav .menu_link.level_2 {
  padding-left: 2.5555555556em;
}
.primary_nav .menu_link.level_2.active:hover, .primary_nav .menu_link.level_2.active:focus {
  background-color: transparent;
  color: #ffffff;
}
.primary_nav .menu_link.active::before {
  opacity: 1;
}
.primary_nav .menu_link:hover, .primary_nav .menu_link:focus {
  background-color: #ffffff;
  color: #3E4D0B;
}

@media (min-width: 850px) {
  .menu_open .menu_overlay {
    display: none;
  }
  .js .menu_toggle {
    display: none;
  }
  .primary_nav {
    opacity: 1;
    padding: 0;
    pointer-events: all;
    position: relative;
    width: auto;
    z-index: 9999;
  }
  .has_banner .primary_nav, .home .primary_nav {
    background-color: transparent;
  }
  .primary_nav .section_toggle {
    display: none;
  }
  .primary_nav .dropdown {
    background-color: transparent;
    filter: drop-shadow(0px 3px 10px rgba(58, 62, 64, 0.16));
    opacity: 0;
    padding-top: 1.2222222222em;
    pointer-events: none;
    position: absolute;
    width: 12.2222222222em;
  }
  .js .primary_nav .dropdown {
    max-height: unset;
  }
  .primary_nav .dropdown.reverse {
    left: auto;
    right: -10px;
  }
  .primary_nav li.level_1 {
    cursor: pointer;
    display: inline-block;
    margin-left: 1.5555555556em;
  }
  .primary_nav li.level_1:first-child {
    margin-left: 0;
  }
  .menu_open .primary_nav li.level_1.open_dropdown .dropdown {
    opacity: 1;
    pointer-events: all;
  }
  .primary_nav li.level_1:hover .menu_link.level_1::before, .primary_nav li.level_1:focus .menu_link.level_1::before {
    opacity: 1;
  }
  .primary_nav li.level_2 {
    border: 0;
  }
  .primary_nav li.level_2:first-child {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
  }
  .primary_nav li.level_2:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden;
  }
  .primary_nav .menu_link {
    padding: 0;
  }
  .primary_nav .menu_link.level_1::before {
    background-color: #ffffff;
    border-radius: 8px;
    bottom: -0.5555555556em;
    height: 0.2222222222em;
    opacity: 0;
    pointer-events: none;
    top: auto;
    width: 100%;
  }
  .primary_nav .menu_link.level_1.active_branch::before {
    opacity: 1;
  }
  .primary_nav .menu_link.level_1:hover, .primary_nav .menu_link.level_1:focus {
    background-color: transparent;
    color: #ffffff;
  }
  .primary_nav .menu_link.level_2 {
    background-color: #3E4D0B;
    padding: 1.0625em 1.25em 0.9375em;
  }
  .primary_nav .menu_link.level_2.active {
    background-color: #3E4D0B;
    color: #ffffff;
  }
  .primary_nav .menu_link.level_2.active::before {
    background-color: rgba(255, 255, 255, 0.5);
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: 200ms opacity;
    width: 0.4444444444em;
  }
  .primary_nav .menu_link.level_2.active:hover, .primary_nav .menu_link.level_2.active:focus {
    background-color: #3E4D0B;
    color: #ffffff;
  }
  .primary_nav .menu_link.level_2.active::before {
    opacity: 1;
  }
  .primary_nav .menu_link.level_2:hover, .primary_nav .menu_link.level_2:focus {
    background-color: #ffffff;
  }
}
@media (min-width: 1024px) {
  .primary_nav .menu_link {
    font-size: 1em;
    line-height: 1.2222222222;
  }
  .primary_nav .menu_link.level_2 {
    padding: 0.9444444444em 1.1111111111em 0.8333333333em;
  }
}
@media (min-width: 1280px) {
  .primary_nav li.level_1 {
    margin-left: 2.1111111111em;
  }
}
.basic_form fieldset {
  min-width: 0;
}
.basic_form label, .basic_form .check_boxes_legend, .basic_form .radio_button_fields legend {
  font-family: "Nexa W01 Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #3A3E40;
  display: block;
  margin-bottom: 0.1666666667em;
}
.basic_form input,
.basic_form textarea {
  font-family: "Nexa W01 Regular", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1.5;
  background-color: #ffffff;
  border: 2px solid #DEE0E1;
  border-radius: 8px;
  color: #5B646A;
  margin: 0;
  padding: 0.9166666667em 0.8888888889em;
  transition: 200ms border;
  width: 100%;
}
.basic_form input:hover, .basic_form input:focus,
.basic_form textarea:hover,
.basic_form textarea:focus {
  border-color: #687F13;
  outline: none;
}
.basic_form input[type=radio], .basic_form input[type=checkbox] {
  background-color: transparent;
  border: 0;
  display: inline-block;
}
.basic_form select {
  max-width: 100%;
}
.basic_form .note {
  font-size: 0.8888888889em;
  line-height: 1.1875;
  color: #3A3E40;
  margin-top: 0.5em;
}
.basic_form .field_with_errors input, .basic_form .field_with_errors textarea, .basic_form .field_with_errors select {
  background-color: rgba(199, 0, 0, 0.08);
  border-color: #C70000;
}
.basic_form .field_with_errors label, .basic_form .field_with_errors .field_error_message {
  color: #C70000;
}
.basic_form .field {
  margin-bottom: 1.7777777778em;
}
.basic_form .field.buttons {
  margin-bottom: 0;
}
.basic_form .inline {
  display: inline-block;
  vertical-align: top;
}

.form_errors {
  color: #C70000;
}
.form_errors h2 {
  color: #C70000;
}

@media (min-width: 850px) {
  .basic_form .field.inline {
    display: inline-block;
    vertical-align: top;
  }
  .basic_form .field.half {
    width: 48.4536082474%;
  }
  .basic_form .field.left {
    margin-right: 3.0927835052%;
  }
}
@media (min-width: 1024px) {
  .basic_form label, .basic_form .check_boxes_legend, .basic_form .radio_button_fields legend {
    margin-bottom: 0.15em;
  }
  .basic_form label, .basic_form .check_boxes_legend, .basic_form .radio_button_fields legend, .basic_form input {
    font-size: 1.1111111111em;
    line-height: 1.5;
  }
  .basic_form input {
    padding: 0.75em 0.8em;
  }
  .basic_form .field.half {
    width: 47.9464889907%;
  }
  .basic_form .field.left {
    margin-right: 4.1070220186%;
  }
}
.basic_form .field.line1_field, .basic_form .field.line2_field {
  margin-bottom: 0.8888888889em;
}

.basic_form .custom_checkbox {
  font-family: "Nexa W01 Regular", sans-serif;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
  position: relative;
  display: flex;
  padding-top: 2px;
}
.basic_form .custom_checkbox:hover .custom_checkbox_wrapper:before, .basic_form .custom_checkbox:focus .custom_checkbox_wrapper:before {
  border-color: #687F13;
  cursor: pointer;
}
.basic_form .custom_checkbox.disabled .custom_checkbox_wrapper {
  opacity: 0.5;
}
.basic_form .custom_checkbox.checked .custom_checkbox_wrapper::after {
  opacity: 1;
  transition: 200ms opacity;
}
.basic_form .custom_checkbox_wrapper {
  margin-right: 0.6666666667em;
  width: 32px;
  height: 32px;
  position: relative;
  margin-top: -2px;
}
.basic_form .custom_checkbox_wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.basic_form .custom_checkbox_wrapper::before {
  border: 2px solid #DEE0E1;
  background-color: #ffffff;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  transition: 200ms border;
  border-radius: 8px;
  width: 100%;
}
.basic_form .custom_checkbox_wrapper::after {
  content: url(/app_assets/frontend/icons/tick-9574ef236caad0c34b7067c4974a6bf691ecba12fbbc880647efc59eb7f397d7.svg);
  background-color: #687F13;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 200ms opacity;
  border-radius: 8px;
}

@media (min-width: 850px) {
  .basic_form .custom_checkbox {
    display: inline-flex;
    margin-right: 1.3333333333em;
  }
}
.basic_form .custom_radio {
  font-family: "Nexa W01 Regular", sans-serif;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.basic_form .custom_radio.checked .custom_radio_wrapper:before {
  border-color: #687F13;
  background-color: #ffffff;
}
.basic_form .custom_radio.checked .custom_radio_wrapper:after {
  background-color: #687F13;
}
.basic_form .custom_radio:hover .custom_radio_wrapper:before, .basic_form .custom_radio.focus .custom_radio_wrapper:before {
  border-color: #687F13;
}
.basic_form .custom_radio.disabled {
  opacity: 0.5;
}
.basic_form .custom_radio_wrapper {
  width: 32px;
  height: 32px;
  position: relative;
  margin-right: 0.6666666667em;
}
.basic_form .custom_radio_wrapper input {
  opacity: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
}
.basic_form .custom_radio_wrapper::before {
  background: #ffffff;
  border: 2px solid #DEE0E1;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  transition-property: border-color, background-color;
  transition-duration: 200ms;
  width: 100%;
}
.basic_form .custom_radio_wrapper::after {
  background: #ffffff;
  border-radius: 50%;
  content: "";
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 200ms background-color;
  width: 24px;
  left: 50%;
}

@media (min-width: 850px) {
  .basic_form .custom_radio {
    display: inline-flex;
    margin-right: 1.3333333333em;
  }
}
.custom_select_wrapper {
  font-size: 1em;
  line-height: 1.5;
  background-color: #ffffff;
  border-radius: 8px;
  border: 2px solid #DEE0E1;
  color: #5B646A;
  display: block;
  overflow: hidden;
  padding: 0.9166666667em 0.8888888889em;
  position: relative;
  text-align: left;
  transition: 200ms border-color;
  white-space: nowrap;
}
.field_with_errors .custom_select_wrapper {
  background-color: rgba(199, 0, 0, 0.08);
  border-color: #C70000;
}
.custom_select_wrapper::before {
  content: attr(data-value);
  display: block;
}
.custom_select_wrapper::after {
  background-image: url(/app_assets/frontend/icons/chevron-down-04531c4d30123e6143eba9947d856c3ed812ab291c41f0db5bbeea31c0270849.svg), linear-gradient(to left, #ffffff 80%, rgba(255, 255, 255, 0));
  background-position: center right 0.8888888889em, center center;
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  z-index: 0;
}
.custom_select_wrapper:hover, .custom_select_wrapper:focus {
  border-color: #687F13;
}
.custom_select_wrapper select {
  -webkit-appearance: none;
  bottom: 0;
  font-size: 1em;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

@media (min-width: 1024px) {
  .custom_select_wrapper {
    font-size: 1.1111111111em;
    line-height: 1.5;
    padding: 0.75em 0.8em;
  }
}
.case_study_list {
  margin-bottom: 2.2222222222em;
  position: relative;
}

.case_study_stub_item {
  font-size: 1em;
  margin: 2.2222222222em 3% 0;
  position: relative;
}
.case_study_stub_item:first-of-type {
  margin-top: 0;
}
.case_study_stub_item:hover .case_study_stub_image_container > svg, .case_study_stub_item:focus .case_study_stub_image_container > svg {
  right: 0;
}
.case_study_stub_item:hover .case_study_stub_image_container > svg path, .case_study_stub_item:focus .case_study_stub_image_container > svg path {
  opacity: 1;
}
.case_study_stub_item:hover .case_study_stub_image, .case_study_stub_item:focus .case_study_stub_image {
  height: calc(100% - 36px);
}
.case_study_stub_item:hover .case_study_stub_title_link, .case_study_stub_item:focus .case_study_stub_title_link {
  border-color: transparent;
}

.case_study_stub_image_container, .case_study_stub_body_container {
  position: relative;
  z-index: 1;
}

.case_study_stub_image_container {
  border-top-left-radius: 9px;
  margin-bottom: 1em;
  padding-top: 75%;
  position: relative;
}
.case_study_stub_image_container > svg:first-child {
  display: none;
  z-index: -2;
}
.case_study_stub_image_container > svg:last-child {
  bottom: 0;
  display: block;
  height: 1.2222222222em;
  position: absolute;
  right: 70px;
  transition: right 400ms;
  width: 2.0555555556em;
  z-index: -1;
}
.case_study_stub_image_container > svg:last-child path {
  transition: 400ms opacity;
  opacity: 0;
}

.case_study_stub_tags {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  margin: 10px 5px;
}
.case_study_stub_tags svg {
  display: inline-block;
  height: auto;
  margin: 0 5px;
  width: 2.5555555556em;
}

.case_study_stub_image {
  border-radius: 9px;
  background-color: #ffffff;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  transition: 300ms height linear;
  width: 100%;
}
.case_study_stub_image::before {
  background: radial-gradient(closest-side, rgb(58, 62, 64) 0%, rgba(58, 62, 64, 0.75) 52%, rgba(58, 62, 64, 0) 100%);
  content: "";
  height: 160px;
  left: -80px;
  position: absolute;
  top: -80px;
  width: 160px;
  z-index: 1;
}

.case_study_stub_title_link {
  color: #3A3E40;
}

.case_study_stub_abstract {
  margin-bottom: 0;
}

@media (min-width: 480px) {
  .case_study_stub_item {
    margin: 2.2222222222em 2% 0;
  }
}
@media (min-width: 600px) {
  .case_study_list {
    margin-bottom: 3.3333333333em;
  }
  .case_study_stub_item {
    display: inline-block;
    margin: 2.7777777778em 2% 0;
    vertical-align: top;
    width: 46%;
  }
  .case_study_stub_item:nth-of-type(-n+2) {
    margin-top: 0;
  }
}
@media (min-width: 850px) {
  .case_study_stub_item {
    width: 31.3333333333%;
    margin: 2.7777777778em 1% 0;
  }
  .case_study_stub_item:nth-of-type(-n+3) {
    margin-top: 0;
  }
  .case_study_stub_item:nth-of-type(-n+3) .wreath_illustration {
    display: none;
  }
}
@media (min-width: 1024px) {
  .case_study_list {
    margin-bottom: 4.4444444444em;
  }
  .case_study_stub_item {
    width: 30.7033333333%;
    margin: 3.3333333333em 1.315% 0;
  }
  .case_study_stub_image {
    border-radius: 18px;
  }
  .case_study_stub_image_container {
    border-top-left-radius: 18px;
    margin-bottom: 1.3333333333em;
  }
}
.customisation_article_list {
  margin-bottom: 2.2222222222em;
  position: relative;
}

.customisation_article_stub_item {
  font-size: 1em;
  margin: 2.2222222222em 3% 0;
  position: relative;
}
.customisation_article_stub_item:first-of-type {
  margin-top: 0;
}
.customisation_article_stub_item:hover .customisation_article_stub_image_container > svg, .customisation_article_stub_item:focus .customisation_article_stub_image_container > svg {
  right: 0;
}
.customisation_article_stub_item:hover .customisation_article_stub_image_container > svg path, .customisation_article_stub_item:focus .customisation_article_stub_image_container > svg path {
  opacity: 1;
}
.customisation_article_stub_item:hover .customisation_article_stub_image, .customisation_article_stub_item:focus .customisation_article_stub_image {
  height: calc(100% - 36px);
}
.customisation_article_stub_item:hover .customisation_article_stub_title_link, .customisation_article_stub_item:focus .customisation_article_stub_title_link {
  border-color: transparent;
}

.customisation_article_stub_image_container, .customisation_article_stub_body_container {
  position: relative;
  z-index: 1;
}

.customisation_article_stub_image_container {
  border-top-left-radius: 9px;
  margin-bottom: 1em;
  overflow: hidden;
  padding-top: 75%;
}
.customisation_article_stub_image_container > svg {
  bottom: 0;
  display: block;
  height: 1.2222222222em;
  position: absolute;
  right: 70px;
  transition: right 400ms;
  width: 2.0555555556em;
  z-index: -1;
}
.customisation_article_stub_image_container > svg path {
  transition: 400ms opacity;
  opacity: 0;
}

.customisation_article_stub_image {
  border-radius: 9px;
  background-color: #ffffff;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: 300ms height linear;
  width: 100%;
}

.customisation_article_stub_title_link {
  color: #3A3E40;
}

.customisation_article_stub_abstract {
  margin-bottom: 0;
}

@media (min-width: 480px) {
  .customisation_article_stub_item {
    margin: 2.2222222222em 2% 0;
  }
}
@media (min-width: 600px) {
  .customisation_article_list {
    margin-bottom: 3.3333333333em;
  }
  .customisation_article_stub_item {
    display: inline-block;
    margin: 2.7777777778em 2% 0;
    vertical-align: top;
    width: 46%;
  }
  .customisation_article_stub_item:nth-of-type(-n+2) {
    margin-top: 0;
  }
}
@media (min-width: 850px) {
  .customisation_article_stub_item {
    width: 31.3333333333%;
    margin: 2.7777777778em 1% 0;
  }
  .customisation_article_stub_item:nth-of-type(-n+3) {
    margin-top: 0;
  }
  .customisation_article_stub_item:nth-of-type(-n+3) .wreath_illustration {
    display: none;
  }
}
@media (min-width: 1024px) {
  .customisation_article_list {
    margin-bottom: 4.4444444444em;
  }
  .customisation_article_stub_item {
    width: 30.7033333333%;
    margin: 3.3333333333em 1.315% 0;
  }
  .customisation_article_stub_image {
    border-radius: 18px;
  }
  .customisation_article_stub_image_container {
    border-top-left-radius: 18px;
    margin-bottom: 1.3333333333em;
  }
}
.faq_stub_item {
  margin-bottom: 2.2222222222em;
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 1em;
}
.faq_stub_item + .faq_stub_item {
  margin-top: -1.6666666667em;
}
.faq_stub_item.open svg {
  transform: rotate(45deg);
}
.faq_stub_item h4 {
  margin: 0;
}
.faq_stub_item h4 span {
  border-bottom: 1px solid #3A3E40;
  transition: 200ms border;
}
.faq_stub_item h4 a {
  border-bottom: 0;
  padding: 0.9em 2.4em 1.2em 0.9em;
  display: block;
  color: #5B646A;
  position: relative;
}
.faq_stub_item h4 a [fill] {
  transition: 200ms fill;
}
.faq_stub_item h4 a svg {
  position: absolute;
  right: 0.7em;
  top: 1.15em;
  transform-origin: center;
}
.faq_stub_item h4 a:hover span, .faq_stub_item h4 a:focus span {
  border-color: transparent;
}
.faq_stub_item h4 a:hover [fill], .faq_stub_item h4 a:focus [fill] {
  fill: #3E4D0B;
}
.faq_stub_item h4 a svg {
  transition: 200ms transform;
}

.faq_stub_container {
  overflow: hidden;
}

.faq_stub_content {
  padding: 0 1em;
  max-height: 0;
  overflow: hidden;
  transition: 200ms max-height;
}

@media (min-width: 850px) {
  .faq_stub_item h4 a {
    padding: 0.8181818182em 2.1818181818em 1.0909090909em 0.8181818182em;
  }
  .faq_stub_item h4 a svg {
    right: 0.6363636364em;
    top: 1.0454545455em;
  }
}
@media (min-width: 1024px) {
  .faq_stub_item h4 a {
    padding: 1em 3.3333333333em 1.1666666667em 0.75em;
  }
  .faq_stub_item h4 a svg {
    right: 0.5833333333em;
    top: 1.25em;
  }
}
@media (min-width: 1280px) {
  .faq_stub_item {
    margin-bottom: 4.1111111111em;
  }
  .faq_stub_item + .faq_stub_item {
    margin-top: -3.2222222222em;
  }
  .faq_stub_item h4 a {
    padding: 1.4166666667em 3.3333333333em 1.4166666667em 1.1666666667em;
  }
  .faq_stub_item h4 a svg {
    right: 1.1666666667em;
    top: 1.7083333333em;
  }
  .faq_stub_item .faq_stub_content {
    padding: 0 1.5555555556em;
  }
}
.news_story_list {
  margin-bottom: 2.2222222222em;
  position: relative;
}

.news_story_stub_item {
  font-size: 1em;
  margin: 2.2222222222em 3% 0;
  position: relative;
}
.news_story_stub_item:first-of-type {
  margin-top: 0;
}
.news_story_stub_item:hover .news_story_stub_image_container > svg, .news_story_stub_item:focus .news_story_stub_image_container > svg {
  right: 0;
}
.news_story_stub_item:hover .news_story_stub_image_container > svg path, .news_story_stub_item:focus .news_story_stub_image_container > svg path {
  opacity: 1;
}
.news_story_stub_item:hover .news_story_stub_image, .news_story_stub_item:focus .news_story_stub_image {
  height: calc(100% - 36px);
}
.news_story_stub_item:hover .news_story_stub_title_link, .news_story_stub_item:focus .news_story_stub_title_link {
  border-color: transparent;
}

.news_story_stub_image_container, .news_story_stub_body_container {
  position: relative;
  z-index: 1;
}

.news_story_stub_image_container {
  margin-bottom: 1em;
  overflow: hidden;
  padding-top: 75%;
}
.news_story_stub_image_container > svg {
  bottom: 0;
  display: block;
  height: 1.2222222222em;
  position: absolute;
  right: 70px;
  transition: right 400ms;
  width: 2.0555555556em;
  z-index: -1;
}
.news_story_stub_image_container > svg path {
  transition: opacity 400ms;
  opacity: 0;
}

.news_story_stub_image {
  background-color: #ffffff;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 9px;
  height: 100%;
  position: absolute;
  top: 0;
  transition: 300ms height linear;
  width: 100%;
}

.news_story_stub_date {
  font-size: 0.6666666667em;
  line-height: 1.5;
  margin-bottom: 0.3333333333em;
}

.news_story_stub_title {
  margin: 0;
}

.news_story_stub_title_link {
  color: #3A3E40;
}

@media (min-width: 480px) {
  .news_story_stub_item {
    margin: 2.2222222222em 2% 0;
  }
}
@media (min-width: 600px) {
  .news_story_stub_item {
    display: inline-block;
    margin: 2.7777777778em 2% 0;
    vertical-align: top;
    width: 46%;
  }
  .news_story_stub_item:nth-of-type(-n+2) {
    margin-top: 0;
  }
}
@media (min-width: 850px) {
  .news_story_stub_item {
    margin: 2.7777777778em 1% 0;
    width: 31.3333333333%;
  }
  .news_story_stub_item:nth-of-type(-n+3) {
    margin-top: 0;
  }
  .news_story_stub_item:nth-of-type(-n+3) .wreath_illustration {
    display: none;
  }
  .news_story_stub_date {
    font-size: 0.7777777778em;
    line-height: 1.5;
    margin-bottom: 0.2857142857em;
  }
}
@media (min-width: 1024px) {
  .news_story_list {
    margin-bottom: 3.8888888889em;
  }
  .news_story_stub_item {
    margin: 3.3333333333em 1.315% 0;
    width: 30.7033333333%;
  }
  .news_story_stub_image_container {
    margin-bottom: 1.3333333333em;
  }
  .news_story_stub_image {
    border-radius: 18px;
  }
}
.testimonial_list {
  margin-bottom: 2.2222222222em;
}

.testimonial_stub_item {
  background-color: #F6F7F7;
  border-radius: 9px;
  margin: 1.1111111111em 3% 0;
  padding: 1.3888888889em 0 0.6666666667em;
  text-align: left;
  font-size: 1em;
}

.testimonial_stub_content {
  padding: 0 0.7777777778em;
}
.testimonial_stub_content svg {
  display: block;
  margin-bottom: 0.7777777778em;
}

.testimonial_stub_image_container {
  position: relative;
  margin-top: 2.1111111111em;
  padding: 0 0.2777777778em;
}
.testimonial_stub_image_container img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 9px;
}
.testimonial_stub_image_container a {
  position: absolute;
  bottom: 0;
  right: 0.2777777778em;
  width: auto;
}
.testimonial_stub_image_container a span, .testimonial_stub_image_container a svg {
  display: inline-block;
  vertical-align: middle;
}
.testimonial_stub_image_container a span {
  margin-right: 0.5555555556em;
}
.testimonial_stub_image_container a [fill] {
  fill: #ffffff;
}

@media (min-width: 480px) {
  .testimonial_stub_item {
    margin: 1.1111111111em 2% 0;
  }
}
@media (min-width: 850px) {
  .testimonial_stub_item {
    display: inline-block;
    margin: 1.1111111111em 1% 0;
    vertical-align: top;
    width: 48%;
  }
}
@media (min-width: 1024px) {
  .testimonial_list {
    margin-bottom: 3.8888888889em;
  }
  .testimonial_stub_item {
    border-radius: 18px;
    margin: 1.1111111111em 1.315% 0;
    width: 47.37%;
    padding: 1.5555555556em 0 1em;
  }
  .testimonial_stub_content {
    padding: 0 1.5555555556em;
  }
  .testimonial_stub_content svg {
    margin-bottom: 1.3333333333em;
    width: 12.2222222222em;
    height: auto;
  }
  .testimonial_stub_image_container {
    margin-top: 2.1111111111em;
    padding: 0 1em;
  }
  .testimonial_stub_image_container a {
    right: 0.9em;
  }
}
.related_articles_wrapper {
  margin-bottom: 2.2222222222em;
}
.related_articles_wrapper ul {
  margin-bottom: 0;
}

.related_articles_title {
  margin: 0 0 1.3571428571em;
  position: relative;
  text-align: center;
}
.related_articles_title::before {
  background-color: #BDC1C3;
  content: "";
  height: 1px;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
}
.related_articles_title span {
  position: relative;
  padding: 0 0.3571428571em;
  z-index: 1;
}
.related_articles_title span::before {
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}

.related_articles_link {
  margin: 2.2222222222em 0 0;
  text-align: center;
}
.related_articles_link a {
  color: #3A3E40;
}

@media (min-width: 600px) {
  .related_articles_wrapper {
    margin-bottom: 3.3333333333em;
  }
}
@media (min-width: 850px) {
  .related_articles_title {
    margin-bottom: 1.1052631579em;
  }
  .related_articles_title span {
    padding: 0 0.5263157895em;
  }
}
@media (min-width: 1024px) {
  .related_articles_wrapper {
    margin-bottom: 4.4444444444em;
  }
  .related_articles_title {
    margin-bottom: 1.1428571429em;
  }
  .related_articles_title span {
    padding: 0 0.4761904762em;
  }
  .related_articles_link {
    margin-top: 3em;
  }
}
@media (min-width: 1280px) {
  .related_articles_title {
    margin-bottom: 1.0434782609em;
  }
  .related_articles_title span {
    padding: 0 0.4347826087em;
  }
}
.case_study_tag_list {
  display: block;
  margin-bottom: 1.7777777778em;
  position: relative;
  text-align: center;
}
.case_study_tag_list svg {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.2777777778em;
}
.case_study_tag_list svg path {
  fill: #3A3E40;
}
.case_study_tag_list::before {
  content: "";
  background-color: #BDC1C3;
  height: 1px;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
}
.case_study_tag_list span {
  display: inline-block;
  padding: 0 0.2777777778em;
  position: relative;
  z-index: 1;
}
.case_study_tag_list span::before {
  background-color: #ffffff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

@media (min-width: 850px) {
  .case_study_tag_list {
    margin-bottom: 2.3333333333em;
  }
}
@media (min-width: 1280px) {
  .case_study_tag_list {
    margin-bottom: 2.8888888889em;
  }
}
.news_story_detail_date {
  display: block;
  font-size: 1em;
  margin-bottom: 1.7777777778em;
  position: relative;
  text-align: center;
}
.news_story_detail_date::before {
  background-color: #BDC1C3;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: -1;
}
.news_story_detail_date span {
  font-size: 0.6666666667em;
  line-height: 1.5;
  background-color: #ffffff;
  padding: 0 0.8333333333em;
  z-index: 1;
}

@media (min-width: 850px) {
  .news_story_detail_date {
    margin-bottom: 2.3333333333em;
  }
  .news_story_detail_date span {
    font-size: 0.7777777778em;
    line-height: 1.5;
    padding: 0 0.7142857143em;
  }
}
@media (min-width: 1280px) {
  .news_story_detail_date {
    margin-bottom: 2.8888888889em;
  }
}
#tag_filter {
  margin-bottom: 1.6666666667em;
}
#tag_filter .filter_button {
  margin-bottom: 0;
}
#tag_filter .filter_button .button {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.js #tag_filter .filter_button {
  display: none;
}

.tag_filter_results {
  color: #5B646A;
  margin: -1.5em 0 1.6em;
  text-align: center;
}
.tag_filter_results .tag_filter_show_all {
  color: #3A3E40;
}

@media (min-width: 850px) {
  #tag_filter {
    margin-bottom: 2.3333333333em;
  }
  #tag_filter .category_field, #tag_filter .filter_button {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0;
  }
  #tag_filter .category_field {
    width: 74.2268041237%;
    margin-right: 3.0927835052%;
  }
  .js #tag_filter .category_field {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    width: 100%;
  }
  .js #tag_filter .category_field label {
    margin: 0 0.7222222222em 0 0;
  }
  .js #tag_filter .category_field .custom_select_wrapper {
    width: 48.4536082474%;
  }
  #tag_filter .filter_button {
    width: 22.6804123711%;
  }
  .tag_filter_results {
    margin: -1.5625em 0 1.4545454545em;
  }
}
@media (min-width: 1024px) {
  #tag_filter {
    margin-bottom: 2.8888888889em;
  }
  #tag_filter .category_field {
    width: 73.9732444953%;
    margin-right: 4.1070220186%;
  }
  .js #tag_filter .category_field label {
    margin-right: 0.7222222222em;
  }
  .js #tag_filter .category_field .custom_select_wrapper {
    width: 47.9464889907%;
  }
  #tag_filter .filter_button {
    width: 21.919733486%;
  }
  .tag_filter_results {
    margin: -1.1904761905em 0 1.75em;
  }
}
.contact_index .banner .curve-mask .bottom-path {
  fill: #F6F7F7;
}

.contact_info_wrapper {
  margin: 3.3333333333em 0;
}

.contact_info_container {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0.8888888889em;
  margin: 0 3% 1.5555555556em;
}

.contact_info_detail {
  align-items: center;
  display: flex;
  margin-bottom: 0.8888888889em;
}
.contact_info_detail:last-of-type {
  margin-bottom: 0;
}
.contact_info_detail svg {
  display: block;
  flex-shrink: 0;
  height: auto;
  margin-right: 0.5555555556em;
  width: 1.5555555556em;
}
.contact_info_detail a {
  word-break: break-word;
  border: 0;
}

.contact_info_heading {
  font-family: "Nexa W01 Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 0;
}

.contact_info_and_form_wrapper {
  background-color: #F6F7F7;
  margin-bottom: 3.3333333333em;
  padding-bottom: 3.3333333333em;
  position: relative;
}
.contact_info_and_form_wrapper > svg:last-of-type {
  bottom: 0;
  display: block;
  height: auto;
  left: 0;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
  position: absolute;
}

.contact_form_container > svg {
  display: none;
}

.contact_form_title {
  margin-top: 0;
  text-align: center;
}

.contact_showrooms_title, .contact_showrooms_body {
  text-align: center;
}

.contact_showroom_block {
  background-color: #F6F7F7;
  border-radius: 12px;
  margin-bottom: 2.2222222222em;
  overflow: hidden;
}
.contact_showroom_block .h3 {
  margin-top: 0;
}
.contact_showroom_block:last-child {
  margin-bottom: 0;
}

.contact_showroom_block_body {
  padding: 1.7777777778em 0.7777777778em 2.2222222222em;
}
.contact_showroom_block_body p:last-child {
  margin-bottom: 0;
}

.contact_showroom_opening_times {
  display: flex;
}
.contact_showroom_opening_times svg {
  display: block;
  flex-shrink: 0;
  height: 1.5555555556em;
  margin-right: 0.8888888889em;
  width: 1.5555555556em;
}

.contact_showroom_block_map .google_map {
  height: 22.2222222222em;
}

@media (min-width: 480px) {
  .contact_info_container {
    margin: 0 2% 1.5555555556em;
  }
}
@media (min-width: 600px) {
  .contact_info_container {
    margin: 0 2% 1.5555555556em;
  }
}
@media (min-width: 850px) {
  .contact_info_wrapper {
    margin: 4.4444444444em 0;
  }
  .contact_info_container {
    margin: 0 1%;
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }
  .contact_info_and_form_wrapper {
    padding-bottom: 4.4444444444em;
    margin-bottom: 4.4444444444em;
  }
  .contact_form_container {
    position: relative;
    z-index: 0;
  }
  .contact_form_container > svg {
    display: block;
    height: 33.3333333333em;
    position: absolute;
    left: 40.9836065574%;
    bottom: 2.4444444444em;
    width: 41em;
    z-index: -1;
  }
  .contact_showroom_block {
    display: flex;
  }
  .contact_showroom_block_body {
    padding: 2.6666666667em 1.5555555556em;
    width: 48.9795918367%;
  }
  .contact_showroom_block_map {
    width: 51.0204081633%;
    overflow: hidden;
  }
}
@media (min-width: 1024px) {
  .contact_info_container {
    margin: 0 1.315%;
    width: 47.37%;
    padding: 1.5555555556em;
  }
  .contact_info_detail {
    margin-bottom: 0.9em;
  }
  .contact_info_detail svg {
    width: 1.6em;
    margin-right: 0.5em;
  }
  .contact_form_container > svg {
    left: 51.6294246417%;
  }
  .contact_showroom_block_body {
    width: 48.6494813598%;
  }
  .contact_showroom_opening_times svg {
    width: 1.7777777778em;
    height: 1.7777777778em;
  }
  .contact_showroom_block_map {
    width: 51.3505186402%;
  }
}
@media (min-width: 1280px) {
  .contact_info_wrapper {
    margin: 5.5555555556em 0;
  }
  .contact_info_container {
    margin: 0 1.315%;
    width: 47.37%;
  }
  .contact_info_and_form_wrapper {
    padding-bottom: 5.5555555556em;
    margin-bottom: 5.5555555556em;
  }
  .contact_info_and_form_wrapper > svg:last-of-type {
    margin: 0 auto;
    width: 100%;
  }
}
.garden_room_overview_wrapper {
  background-color: #F6F7F7;
}
.garden_room_overview_wrapper .banner .curve-mask .bottom-path {
  fill: #F6F7F7;
}
.garden_room_overview_wrapper > .curve-mask {
  display: block;
  height: auto;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
}
.garden_room_overview_wrapper > .curve-mask .top-path {
  fill: none;
}
.garden_room_overview_wrapper > .curve-mask .bottom-path {
  fill: #ffffff;
}
.garden_room_overview_wrapper .ugc p:last-of-type {
  margin-bottom: 0;
}
.garden_room_overview_wrapper + .image_block_content_block svg:first-of-type path {
  fill: #F6F7F7;
}
.garden_room_overview_wrapper + .clear_text_block_content_block, .garden_room_overview_wrapper + .image_block_content_block {
  margin-top: -58px;
}

.garden_room_overview_list {
  margin-top: 4.8888888889em;
}

.garden_room_overview_child {
  margin-bottom: 3.3333333333em;
}
.garden_room_overview_child *:last-child {
  margin-bottom: 0;
}
.garden_room_overview_child img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 1.2222222222em;
}
.garden_room_overview_child h3 {
  margin-top: 0;
}
.garden_room_overview_child a {
  border: 0;
}
.garden_room_overview_child a:hover span, .garden_room_overview_child a:focus span {
  border-color: transparent;
}
.garden_room_overview_child a:hover svg, .garden_room_overview_child a:focus svg {
  transform: translateX(25px);
}
.garden_room_overview_child a span, .garden_room_overview_child a svg {
  vertical-align: middle;
}
.garden_room_overview_child a span {
  border-bottom: 1px solid #3A3E40;
  margin-right: 0.6666666667em;
  transition: 200ms border-color;
}
.garden_room_overview_child a svg {
  width: auto;
  height: 1em;
  transition: 400ms transform;
}

.garden_room_overview_blocks_wrapper .curve-mask {
  display: block;
  height: auto;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
}
.garden_room_overview_blocks_wrapper .curve-mask .top-path {
  fill: none;
}
.garden_room_overview_blocks_wrapper .curve-mask .bottom-path {
  fill: #F6F7F7;
}

@media (min-width: 600px) {
  .garden_room_overview_list {
    margin-top: 3.3333333333em;
  }
  .garden_room_overview_child img {
    margin-bottom: 2.2222222222em;
  }
}
@media (min-width: 850px) {
  .garden_room_overview_list {
    margin-top: 4.4444444444em;
  }
  .garden_room_overview_child {
    display: flex;
    align-items: flex-start;
  }
  .garden_room_overview_child img {
    flex: 0 0 40.4761904762%;
    width: 40.4761904762%;
    margin: 0 2.0408163265% 0 0;
  }
  .garden_room_overview_child_content {
    flex: 0 0 57.4829931973%;
    padding-left: 3.231292517%;
  }
}
@media (min-width: 1024px) {
  .garden_room_overview_list {
    margin-top: 7.2222222222em;
  }
  .garden_room_overview_child img {
    flex: 0 0 40.0910615864%;
    width: 40.0910615864%;
    margin: 0 2.7010372805% 0 0;
  }
  .garden_room_overview_child_content {
    flex: 0 0 57.2079011331%;
    padding-left: 2.9286912464%;
  }
}
@media (min-width: 1280px) {
  .garden_room_overview_wrapper > .curve-mask {
    margin: 0;
    width: 100%;
  }
  .garden_room_overview_wrapper + .clear_text_block_content_block, .garden_room_overview_wrapper + .image_block_content_block {
    margin-top: -4.53125%;
  }
  .garden_room_overview_list {
    margin-top: 6.6666666667em;
  }
  .garden_room_overview_child img {
    flex: 0 0 40.0910615864%;
    width: 40.0910615864%;
    margin: 0 2.7010372805% 0 0;
  }
  .garden_room_overview_child_content {
    flex: 0 0 57.2079011331%;
    padding-left: 2.9286912464%;
  }
  .garden_room_overview_blocks_wrapper .curve-mask {
    margin: 0;
    width: 100%;
  }
}
.home_banner {
  display: flex;
  justify-content: center;
  margin-bottom: 3.3333333333em;
  height: 100vh;
  max-height: 1500px;
  overflow: hidden;
  position: relative;
}
.home_banner::before {
  background-color: #5B646A;
  content: "";
  height: 100%;
  inset: 0;
  opacity: 0.32;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home_banner img, .home_banner video {
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.home_banner svg:first-child {
  bottom: 0;
  display: block;
  height: auto;
  left: 0;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.home_banner svg:nth-child(2) {
  display: none;
}

.home_banner_content {
  margin-top: 20vh;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.home_banner_title, .home_banner_text {
  color: #ffffff;
  margin: 0;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
}

.home_banner_title {
  font-family: "Nexa W01 Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 0.3333333333em;
}

@media (min-width: 850px) {
  .home_banner {
    margin-bottom: 4.4444444444em;
  }
  .home_banner svg:nth-child(2) {
    position: absolute;
    z-index: 1;
    display: block;
    left: 0;
    bottom: 0;
    width: 19.4444444444em;
    height: auto;
  }
  .home_banner_title {
    margin-bottom: 0.347826087em;
  }
}
@media (min-width: 1024px) {
  .home_banner_title {
    margin-bottom: 0.2857142857em;
  }
  .home_banner_content {
    margin-top: 30vh;
  }
}
@media (min-width: 1280px) {
  .home_banner {
    margin-bottom: 5.5555555556em;
  }
  .home_banner svg:nth-child(1) {
    margin: 0 auto;
    width: 100%;
  }
  .home_banner svg:nth-child(2) {
    width: auto;
    height: 25em;
  }
  .home_banner_title {
    margin-bottom: 0.25em;
  }
}
@media (min-width: 1500px) {
  .home_banner_title, .home_banner_text {
    font-size: 4.6666666667em;
    line-height: 1.2023809524;
  }
  .home_banner_title {
    margin-bottom: 0.1904761905em;
  }
}
.overview_child_item {
  font-size: 1em;
  margin-bottom: 3.3333333333em;
  position: relative;
}
.overview_child_item .overview_mask::before {
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 14.4444444444em;
  opacity: 0.05;
  position: absolute;
  top: -2.2222222222em;
  width: 10.0555555556em;
  z-index: -1;
}
.overview_child_item:nth-child(odd) .overview_mask::before {
  background-image: url(/app_assets/frontend/placeholders/flower-09014dc3d35a20874cc2c3b6cb42e5490ee5114544597e2107db67836c54f677.svg);
  left: calc(100% - 80px);
}
.overview_child_item:nth-child(even) .overview_mask::before {
  background-image: url(/app_assets/frontend/placeholders/leaf-dbb842333a4509b40e2f5f59b8ece3bd34fa62db47f9daf0a56b3eda50f7f22c.svg);
  right: calc(100% - 80px);
}
.overview_child_item:hover .overview_mask .overview_mask_curve, .overview_child_item:focus .overview_mask .overview_mask_curve {
  transform: translateY(-30px);
}
.overview_child_item:hover .overview_mask > svg, .overview_child_item:focus .overview_mask > svg {
  right: 0;
  opacity: 1;
}
.overview_child_item:hover .overview_child_link, .overview_child_item:focus .overview_child_link {
  border-color: transparent;
}
.overview_child_item h2 {
  margin-top: 0;
}
.overview_child_item p {
  margin-bottom: 0;
}

.overview_child_image {
  margin-bottom: 1.2222222222em;
  position: relative;
  z-index: 1;
}
.overview_child_image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0;
  position: relative;
}
.overview_child_image .overview_mask {
  pointer-events: none;
}
.overview_child_image .overview_mask .overview_mask_curve {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 1.6666666667em;
  background-color: #F6F7F7;
  transition: 300ms transform linear;
}
.overview_child_image .overview_mask .overview_mask_curve svg {
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(calc(-100% + 1px));
}
.overview_child_image .overview_mask .overview_mask_curve svg [fill] {
  fill: #F6F7F7;
}
.overview_child_image .overview_mask > svg {
  position: absolute;
  top: 100%;
  right: 25%;
  width: 1.9444444444em;
  height: auto;
  transform: translateY(-100%);
  transition-duration: 400ms;
  transition-property: right, opacity;
  opacity: 0;
}

.overview_child_content {
  position: relative;
}

@media (min-width: 600px) {
  .overview_child_item {
    margin-bottom: 3.8888888889em;
  }
}
@media (min-width: 850px) {
  .overview_child_item {
    display: flex;
    align-items: center;
  }
  .overview_child_item:nth-child(even) .overview_child_image {
    order: 1;
    margin-left: 0;
    margin-right: 2.0408163265%;
  }
  .overview_child_item:nth-child(even) .overview_child_content {
    order: 2;
    padding-left: 2.0408163265%;
  }
  .overview_child_item .overview_child_image {
    margin-bottom: 0;
    width: 48.9795918367%;
    order: 2;
    margin-left: 2.0408163265%;
  }
  .overview_child_content {
    width: 48.9795918367%;
    order: 1;
    padding-right: 2.0408163265%;
  }
}
@media (min-width: 1024px) {
  .overview_child_item {
    margin-bottom: 4.4444444444em;
  }
  .overview_child_item:nth-child(even) .overview_child_image {
    margin-right: 2.7010372805%;
  }
  .overview_child_item:nth-child(even) .overview_child_content {
    padding-left: 2.7010372805%;
  }
  .overview_child_item .overview_child_image {
    width: 48.6494813598%;
    margin-left: 2.7010372805%;
  }
  .overview_child_content {
    width: 48.6494813598%;
    padding-right: 2.7010372805%;
  }
}
@media (min-width: 1280px) {
  .overview_child_item {
    margin-bottom: 5.5555555556em;
  }
  .overview_child_item .overview_mask::before {
    width: 16.2222222222em;
    height: 23.3333333333em;
  }
  .overview_child_item:hover .overview_mask .overview_mask_curve, .overview_child_item:focus .overview_mask .overview_mask_curve {
    transform: translateY(-60px);
  }
  .overview_child_image .overview_mask .overview_mask_curve {
    height: 3.3333333333em;
  }
  .overview_child_image .overview_mask > svg {
    width: 3.8888888889em;
  }
}
#search_form {
  margin-bottom: 1.6666666667em;
}
#search_form .search_submit_field {
  margin-bottom: 0;
}
#search_form .search_submit_field .button {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.search_results_info {
  font-size: 1.1111111111em;
  line-height: 1.5;
  margin-bottom: 1.6em;
  text-align: center;
}
.search_results_info.search_results_blank {
  margin: 1.6em 0;
}

.search_list {
  margin-bottom: 2.2222222222em;
}

.search_stub_item {
  font-size: 1em;
  margin-bottom: 1.7777777778em;
}

.search_result_type {
  font-size: 0.6666666667em;
  line-height: 1.5;
  color: #687F13;
  display: block;
  margin-bottom: 0.4166666667em;
}

.search_stub_title {
  margin-top: 0;
}

.search_stub_abstract {
  margin-bottom: 0;
}

@media (min-width: 850px) {
  #search_form {
    margin-bottom: 2.3333333333em;
  }
  #search_form .search_query_field, #search_form .search_submit_field {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: bottom;
  }
  #search_form .search_query_field {
    margin-right: 3.0927835052%;
    width: 74.2268041237%;
  }
  #search_form .search_submit_field {
    width: 22.6804123711%;
  }
  .search_result_type {
    font-size: 0.7777777778em;
    line-height: 1.5;
    margin-bottom: 0.3571428571em;
  }
}
@media (min-width: 1024px) {
  #search_form {
    margin-bottom: 2.8888888889em;
  }
  #search_form .search_query_field {
    margin-right: 4.1070220186%;
    width: 73.9732444953%;
  }
  #search_form .search_submit_field {
    width: 21.919733486%;
  }
  .search_list {
    margin-bottom: 3.8888888889em;
  }
  .search_stub_item {
    margin-bottom: 2.3333333333em;
  }
  .search_results_info {
    font-size: 1.3333333333em;
    line-height: 1.5;
    margin-bottom: 1.75em;
  }
  .search_results_info.search_results_blank {
    margin: 1.75em 0;
  }
}
.sitemap .dropdown {
  max-height: 9999px;
  margin-top: 0.4444444444em;
  overflow: visible;
  background: none;
}
.sitemap .dropdown li:last-child {
  margin-bottom: 0em;
}
.sitemap li {
  font-size: 1em;
  margin-bottom: 0.8888888889em;
}
.sitemap li.has_children {
  margin-bottom: 2.1111111111em;
}
.sitemap .section_toggle {
  display: none;
}
.sitemap, .sitemap ul {
  border-left: 2px solid #687F13;
  padding-left: 1.2222222222em;
}

@media (min-width: 600px) {
  .sitemap .dropdown {
    display: block;
  }
}
@media (min-width: 1024px) {
  .sitemap .menu_link {
    font-size: 1.1111111111em;
    line-height: 1.5;
  }
}
.available_sizes_block_content_block {
  background-color: #687F13;
  padding: 4.4444444444em 0 5.5555555556em;
  margin: 2.2222222222em 0;
  position: relative;
  overflow: hidden;
}
.available_sizes_block_content_block > svg {
  display: block;
  height: auto;
  left: 0;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
  position: absolute;
}
.available_sizes_block_content_block > svg:first-of-type {
  top: 0;
}
.available_sizes_block_content_block > svg:last-of-type {
  bottom: 0;
}
.available_sizes_block_content_block + .text_and_image_block_grouped_wrapper {
  margin-top: -4.9444444444em;
}
.available_sizes_block_content_block + .text_and_image_block_grouped_wrapper > svg:first-of-type path {
  fill: #687F13;
}

.available_sizes_block_title, .available_sizes_block_body {
  color: #ffffff;
  margin-top: 0;
}

.available_sizes_illustration svg {
  display: block;
}

@media (min-width: 600px) {
  .available_sizes_block_content_block {
    margin: 3.3333333333em 0 4.4444444444em;
  }
  .available_sizes_block_content_block + .text_and_image_block_grouped_wrapper {
    margin-top: -7.1111111111em;
    padding-top: 5.5555555556em;
  }
}
@media (min-width: 850px) {
  .available_sizes_block_content_block {
    padding: 5.5555555556em 0;
  }
  .available_sizes_block_content_block::before, .available_sizes_block_content_block::after {
    background: center/contain no-repeat;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.05;
    pointer-events: none;
    position: absolute;
    top: 45%;
    transform: translateY(-45%);
    width: 22.2222222222em;
  }
  .available_sizes_block_content_block::before {
    background-image: url(/app_assets/frontend/placeholders/floral-pattern-left-25fbdb282c9e76e64dbce7299dca44a5fd63c19c6e87d0cbba9800eb4083cdd7.svg);
    left: -13.3333333333em;
  }
  .available_sizes_block_content_block::after {
    background-image: url(/app_assets/frontend/placeholders/floral-pattern-right-6aeb6252ca5759d829b30cbc9088f4e10ddaeea8422fdaa0f9ab91c98540cd4a.svg);
    right: -13.3333333333em;
  }
  .available_sizes_block_content_block + .available_sizes_block_content_block {
    padding-top: 6.6666666667em;
  }
}
@media (min-width: 1024px) {
  .available_sizes_block_content_block {
    margin: 4.4444444444em 0;
  }
  .available_sizes_block_content_block + .text_and_image_block_grouped_wrapper {
    margin-top: -7.6666666667em;
  }
}
@media (min-width: 1280px) {
  .available_sizes_block_content_block {
    padding: 8.8888888889em 0;
  }
  .available_sizes_block_content_block > svg {
    margin: 0 auto;
    width: 100%;
  }
  .available_sizes_block_content_block::before, .available_sizes_block_content_block::after {
    width: 33.3333333333em;
  }
  .available_sizes_block_content_block::before {
    left: -20em;
  }
  .available_sizes_block_content_block::after {
    right: -20em;
  }
  .available_sizes_block_content_block + .text_and_image_block_grouped_wrapper {
    margin-top: calc(-4.53125% - 80px);
    padding-top: 10em;
  }
}
@media (min-width: 1500px) {
  .available_sizes_block_content_block::before, .available_sizes_block_content_block::after {
    width: 33.3333333333em;
  }
  .available_sizes_block_content_block::before {
    left: -14em;
  }
  .available_sizes_block_content_block::after {
    right: -14em;
  }
}
.build_stage_block_wrapper {
  background-color: #F6F7F7;
  margin: 2.2222222222em 0 3.3333333333em;
  padding: 8.7777777778em 0;
  position: relative;
}
.build_stage_block_wrapper > svg {
  display: block;
  height: auto;
  left: 0;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
  position: absolute;
}
.build_stage_block_wrapper > svg:first-of-type {
  top: 0;
}
.build_stage_block_wrapper > svg:last-of-type {
  bottom: 0;
}

.build_stage_block_content_block {
  margin-bottom: 2.2222222222em;
}

.build_stage_block_body {
  margin-bottom: 1.1111111111em;
}

.build_stage_block_steps {
  text-transform: uppercase;
  background-color: #F6F7F7;
  color: #687F13;
  margin-bottom: 0;
}

.build_stage_block_index {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  width: 12px;
}

.build_stage_block_title {
  margin-top: 0;
}

.build_stage_block_body_text {
  margin-bottom: 0;
}

.build_stage_block_illustration svg {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 600px) {
  .build_stage_block_wrapper {
    margin: 3.3333333333em 0;
  }
}
@media (min-width: 850px) {
  .build_stage_block_container > div:not(:first-child) .build_stage_block_steps {
    opacity: 0;
  }
  .build_stage_block_content_block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    min-height: 500px;
  }
  .js .build_stage_block_content_block:not(:first-child) {
    margin-top: -100vh;
    opacity: 0;
  }
  .build_stage_block_body, .build_stage_block_illustration {
    margin-bottom: 0;
  }
  .build_stage_block_body {
    width: 40.4761904762%;
  }
  .build_stage_block_illustration {
    width: 57.4829931973%;
  }
}
@media (min-width: 1024px) {
  .build_stage_block_wrapper {
    margin: 4.4444444444em 0;
  }
  .build_stage_block_body {
    width: 40.0910615864%;
  }
  .build_stage_block_illustration {
    width: 57.2079011331%;
  }
}
@media (min-width: 1280px) {
  .build_stage_block_wrapper > svg {
    margin: 0 auto;
    width: 100%;
  }
  .build_stage_block_body {
    padding-top: 80px;
  }
}
.case_study_block_content_block {
  position: relative;
  margin: 2.2222222222em 0;
  overflow: hidden;
}
.case_study_block_content_block:has(+ .image_block_content_block) {
  margin-bottom: 0;
}
.case_study_block_content_block + .image_block_content_block {
  margin-top: -3.2222222222em;
}
.case_study_block_content_block + .image_block_content_block [fill] {
  fill: #F6F7F7;
}
.case_study_block_content_block h2 {
  margin-top: 0;
}
.case_study_block_content_block > svg {
  display: block;
  height: auto;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
  position: relative;
}
.case_study_block_content_block > svg .bottom-path {
  fill: #F6F7F7;
}
.case_study_block_content_block > svg .top-path {
  fill: none;
}
.case_study_block_content_block > svg:last-of-type .bottom-path {
  fill: none;
}
.case_study_block_content_block > svg:last-of-type .top-path {
  fill: #F6F7F7;
}
.case_study_block_content_block .case_study_stub_item:nth-child(3) {
  display: none;
}
.case_study_block_content_block .case_study_list {
  margin-top: 2.2222222222em;
}

.case_study_block_body {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}

.case_study_block_container {
  background-color: #F6F7F7;
  padding: 2.2222222222em 0;
}

.case_study_block_link a {
  border: 0;
}
.case_study_block_link a:hover span, .case_study_block_link a:focus span {
  border-color: transparent;
}
.case_study_block_link a:hover svg, .case_study_block_link a:focus svg {
  transform: translateX(25px);
}
.case_study_block_link a span, .case_study_block_link a svg {
  vertical-align: middle;
}
.case_study_block_link a span {
  border-bottom: 1px solid #3A3E40;
  margin-right: 0.6666666667em;
  transition: 200ms border-color;
}
.case_study_block_link a svg {
  width: auto;
  height: 1em;
  transition: 400ms transform;
}

@media (min-width: 600px) {
  .case_study_block_content_block .case_study_stub_item:nth-child(3n+1) .case_study_stub_image_container > svg:first-child, .case_study_block_content_block .case_study_stub_item:nth-child(even) .case_study_stub_image_container > svg:first-child {
    display: block;
    position: absolute;
    transform: translateY(-50%);
    width: 73.4042553191%;
    height: auto;
  }
  .case_study_block_content_block .case_study_stub_item:nth-child(3n+1) .case_study_stub_image_container > svg:first-child {
    right: 26.5957446809%;
    top: 50%;
  }
  .case_study_block_content_block .case_study_stub_item:nth-child(even) .case_study_stub_image_container > svg:first-child {
    left: 26.5957446809%;
    transform: scaleX(-1) translateY(-50%);
    top: calc(50% - 24px);
  }
  .case_study_block_link {
    text-align: center;
  }
}
@media (min-width: 850px) {
  .case_study_block_content_block {
    margin: 3.3333333333em 0;
  }
  .case_study_block_content_block h2 {
    text-align: center;
  }
  .case_study_block_content_block .case_study_stub_item:nth-child(3) {
    display: inline-block;
  }
  .case_study_block_content_block .case_study_stub_item:nth-child(even) .case_study_stub_image_container > svg:first-child {
    display: none;
  }
  .case_study_block_content_block .case_study_stub_item:nth-child(3n+1) .case_study_stub_image_container > svg:first-child {
    right: 26.5957446809%;
    width: 100%;
  }
  .case_study_block_content_block .case_study_stub_item:nth-child(3n+3) .case_study_stub_image_container > svg:first-child {
    display: block;
    position: absolute;
    top: calc(50% - 24px);
    left: 26.5957446809%;
    transform: scaleX(-1) translateY(-50%);
    width: 100%;
    height: auto;
  }
  .case_study_block_content_block .case_study_list {
    margin-top: 4em;
  }
  .case_study_block_body {
    text-align: center;
  }
  .case_study_block_container {
    padding: 3.3333333333em 0;
  }
}
@media (min-width: 1280px) {
  .case_study_block_content_block {
    margin: 4.3333333333em 0;
  }
  .case_study_block_content_block + .image_block_content_block {
    margin-top: -4.53125%;
  }
  .case_study_block_content_block > svg {
    margin: 0 auto;
    width: 100%;
  }
  .case_study_block_content_block .case_study_stub_item:nth-child(3n+1) .case_study_stub_image_container > svg:first-child {
    right: 27.1414612963%;
  }
  .case_study_block_content_block .case_study_stub_item:nth-child(3n+3) .case_study_stub_image_container > svg:first-child {
    top: calc(50% - 32px);
    left: 27.1414612963%;
  }
  .case_study_block_container {
    padding: 4.3333333333em 0;
  }
}
.clear_text_block_content_block {
  margin: 2.2222222222em 0;
  position: relative;
  z-index: 1;
}
.clear_text_block_content_block svg {
  display: block;
  height: auto;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
  position: relative;
}
.clear_text_block_content_block svg .bottom-path {
  fill: #687F13;
}
.clear_text_block_content_block svg .top-path {
  fill: none;
}
.clear_text_block_content_block svg:last-of-type .bottom-path {
  fill: none;
}
.clear_text_block_content_block svg:last-of-type .top-path {
  fill: #687F13;
}
.clear_text_block_content_block + .image_block_content_block {
  margin-top: -98px;
}

.clear_text_block_container {
  background-color: #687F13;
  padding: 1.6666666667em 0 2.2222222222em;
}
.clear_text_block_container p {
  color: #ffffff;
  margin: 0;
  text-align: center;
}

@media (min-width: 600px) {
  .clear_text_block_content_block {
    margin: 3.3333333333em 0;
  }
  .clear_text_block_content_block + .image_block_content_block {
    margin-top: -118px;
  }
}
@media (min-width: 850px) {
  .clear_text_block_container {
    padding: 5.5555555556em 0;
  }
}
@media (min-width: 1024px) {
  .clear_text_block_content_block {
    margin: 2.2222222222em 0 4.4444444444em;
  }
  .clear_text_block_content_block + .image_block_content_block {
    margin-top: -138px;
  }
}
@media (min-width: 1280px) {
  .clear_text_block_content_block .curve-mask {
    margin: 0 auto;
    width: 100%;
  }
  .clear_text_block_content_block + .image_block_content_block {
    margin-top: calc(-4.53125% - 80px);
  }
}
.compare_image_block_content_block {
  margin: 2.2222222222em 0;
}

.compare_image_block_container {
  border-radius: 18px;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  user-select: none;
}

.compare_image {
  overflow: hidden;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.compare_image img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.compare_image.comparison {
  width: 50%;
}

.compare_image_cursor {
  position: absolute;
  cursor: ew-resize;
  width: 4px;
  background-color: #fff;
  height: 100%;
  right: 50%;
  top: 0;
  z-index: 9999;
}
.compare_image_cursor::before, .compare_image_cursor:after {
  background: center/8.8px 16px no-repeat #ffffff;
  content: "";
  position: absolute;
  height: 30px;
  top: calc(50% - 15px);
  width: 30px;
}
.compare_image_cursor::before {
  background-image: url(/app_assets/frontend/icons/chevron-left-5f4bab5dae6f65f1848a988ec9fb3922fba46b082c71e55a2fc51e1b12eb34e8.svg);
  border-radius: 8px 0 0 8px;
  right: 3px;
}
.compare_image_cursor::after {
  background-image: url(/app_assets/frontend/icons/chevron-right-4c3a0eed12ffeef3d8d77a443be27b78be0af3280c8da3908aa2aa3b0ea1b10e.svg);
  border-radius: 0 8px 8px 0;
  right: -29px;
}

.compare_image_labels {
  margin-top: 0.8333333333em;
}
.compare_image_labels h4 {
  width: 50%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  transition: 400ms opacity;
}

@media (min-width: 600px) {
  .compare_image_block_content_block {
    margin: 3.3333333333em 0;
  }
  .compare_image_cursor::before, .compare_image_cursor:after {
    background-size: 12px 22px;
    height: 42px;
    top: calc(50% - 21px);
    width: 42px;
  }
  .compare_image_cursor::before {
    right: 3px;
  }
  .compare_image_cursor::after {
    right: -41px;
  }
}
@media (min-width: 1024px) {
  .compare_image_block_content_block {
    margin: 4.4444444444em 0;
  }
  .compare_image_labels {
    margin-top: 1.0555555556em;
  }
}
.cta_block_content_block {
  margin: 2.2222222222em 0 3.3333333333em;
}

.cta_block_container {
  border-radius: 18px;
  padding: 1.1111111111em;
  position: relative;
  text-align: center;
}
.cta_block_container.pink {
  color: #FFD1EC;
  background-color: #FFD1EC;
}
.cta_block_container.green {
  color: #C2CCA0;
  background-color: #C2CCA0;
}
.cta_block_container.yellow {
  color: #F7FA9C;
  background-color: #F7FA9C;
}
.cta_block_container.turquoise {
  color: #74D5CA;
  background-color: #74D5CA;
}
.cta_block_container > svg {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1.3333333333em;
  margin-top: -2.2222222222em;
}
.cta_block_container > svg [fill] {
  fill: #3A3E40;
}

.cta_block_title {
  margin: 0 0 1.3571428571em;
  position: relative;
}

.cta_block_link {
  position: relative;
}
.cta_block_link span {
  max-width: calc(100% - 47px);
  text-align: left;
}
.cta_block_link svg {
  height: auto;
  width: 1.5em;
}

@media (min-width: 480px) {
  .cta_block_container {
    min-height: 17.9444444444em;
  }
  .cta_block_link span {
    max-width: unset;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .cta_block_content_block {
    margin: 3.3333333333em 0;
  }
  .cta_block_container > svg {
    width: 69.4444444444%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 850px) {
  .cta_block_container {
    min-height: 20.7222222222em;
    padding: 2.3333333333em 6.462585034%;
    text-align: left;
  }
  .cta_block_container > svg {
    position: absolute;
    right: -1.3333333333em;
    top: -0.8888888889em;
    margin: 0;
    width: 51.2295081967%;
  }
  .cta_block_content {
    width: 51.2295081967%;
  }
  .cta_block_title {
    margin-bottom: 1em;
  }
}
@media (min-width: 1024px) {
  .cta_block_content_block {
    margin: 4.4444444444em 0;
  }
  .cta_block_container {
    min-height: 20.3333333333em;
    padding: 2.6666666667em 5.8573824929%;
  }
  .cta_block_container > svg {
    top: -1.3333333333em;
    width: 51.6294246417%;
  }
  .cta_block_content {
    width: 48.3705753583%;
  }
  .cta_block_title {
    margin-bottom: 1.1428571429em;
  }
  .cta_block_link svg {
    width: 1.5em;
  }
}
@media (min-width: 1280px) {
  .cta_block_container {
    min-height: 22em;
    padding: 2.6666666667em 8.5584197734%;
  }
  .cta_block_container > svg {
    width: 41.3035397134%;
  }
  .cta_block_content {
    width: 58.6964602866%;
  }
  .cta_block_title {
    margin-bottom: 1.0434782609em;
  }
}
.download_block_content_block {
  margin: 2.2222222222em 0;
}

.download_block_container {
  position: relative;
}
.download_block_container:hover .download_block_link span, .download_block_container:hover .download_block_link_with_image, .download_block_container:focus .download_block_link span, .download_block_container:focus .download_block_link_with_image {
  border-color: transparent;
}
.download_block_container:hover img, .download_block_container:focus img {
  transform: scale(1.1) rotate(-6deg);
}

.download_block_image {
  padding-bottom: 2.2222222222em;
  position: relative;
}
.download_block_image img {
  border-radius: 4px;
  display: block;
  filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.16));
  height: auto;
  margin: 0 auto;
  pointer-events: none;
  position: relative;
  transform: rotate(-6deg);
  transition: 400ms transform;
  width: 53.1914893617%;
}
.download_block_image::before {
  background-color: #F6F7F7;
  border-radius: 18px 18px 0 0;
  bottom: 0;
  content: "";
  height: calc(50% + 19px);
  left: 0;
  position: absolute;
  width: 100%;
}

.download_block_link_with_image {
  color: #3A3E40;
}

.download_block_body, .download_block_link {
  background-color: #F6F7F7;
}

.download_block_body {
  border-radius: 0 0 18px 18px;
  padding: 0 1.1111111111em 2.2222222222em;
  text-align: center;
}

.download_block_link {
  align-items: flex-start;
  border-radius: 18px;
  display: flex;
  padding: 2.2222222222em 1.1111111111em;
}
.download_block_link svg {
  height: auto;
  margin-right: 1.1111111111em;
  width: 1.7777777778em;
}
.download_block_link a {
  border: 0;
  width: calc(100% - 55px);
}
.download_block_link a span {
  border-bottom: 1px solid #3A3E40;
  color: #3A3E40;
  transition: 200ms border;
}

@media (min-width: 480px) {
  .download_block_image img {
    width: 47.9166666667%;
  }
}
@media (min-width: 600px) {
  .download_block_content_block {
    margin: 3.3333333333em 0;
  }
}
@media (min-width: 850px) {
  .download_block_image, .download_block_body {
    display: inline-block;
    vertical-align: middle;
  }
  .download_block_image {
    width: 38.6597938144%;
    padding: 0;
  }
  .download_block_image::before {
    background: #ffffff;
  }
  .download_block_image img {
    margin: 0;
    width: 100%;
  }
  .download_block_body {
    border-radius: 18px;
    margin-left: -12.8865979381%;
    padding: 3.3333333333em 1.4444444444em 3.3333333333em calc(17.3611111111% + 26px);
    text-align: left;
    width: 74.2268041237%;
  }
  .download_block_link {
    padding: 3.3333333333em;
  }
}
@media (min-width: 1024px) {
  .download_block_content_block {
    margin: 4.4444444444em 0;
  }
  .download_block_body {
    padding: 3.3333333333em 1.4444444444em 3.3333333333em calc(17.5920061924% + 26px);
    width: 73.9732444953%;
  }
}
@media (min-width: 1280px) {
  .download_block_image {
    width: 26.0267555047%;
  }
  .download_block_body {
    margin-left: -26.0267555047%;
    padding: 3.3333333333em 1.4444444444em 3.3333333333em calc(29.9204117049%);
    width: 100%;
  }
}
.key_feature_grouped_wrapper {
  margin: 3.3333333333em 0;
}
.key_feature_grouped_wrapper h2, .key_feature_grouped_wrapper h2 + p {
  margin-top: 0;
  text-align: center;
}

.key_feature_grouped_container {
  text-align: center;
}

.feature_block_content_block {
  background-color: #F6F7F7;
  border-radius: 9px;
  margin: 1.1111111111em 3% 0;
  padding: 1.2222222222em 0.7777777778em 1.1111111111em;
  text-align: left;
}
.feature_block_content_block:first-child {
  margin-top: 0;
}
.feature_block_content_block p {
  margin-bottom: 0;
}

.feature_block_title {
  display: flex;
  margin-bottom: 0.5555555556em;
}
.feature_block_title .h4 {
  font-family: "Nexa W01 Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin: 0;
}
.feature_block_title svg {
  display: inline-block;
  flex-shrink: 0;
  height: 1.7777777778em;
  margin-right: 0.8888888889em;
  vertical-align: top;
  width: auto;
}

@media (min-width: 480px) {
  .feature_block_content_block {
    margin: 1.1111111111em 2% 0;
  }
}
@media (min-width: 850px) {
  .key_feature_grouped_wrapper {
    margin: 4.4444444444em 0;
  }
  .feature_block_content_block {
    display: inline-block;
    margin: 1.1111111111em 1% 0;
    padding: 1.7777777778em 1.5555555556em 2.1111111111em;
    vertical-align: top;
    width: 48%;
  }
  .feature_block_content_block:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .feature_block_content_block {
    border-radius: 18px;
    margin: 1.1111111111em 1.315% 0;
    width: 47.37%;
  }
}
@media (min-width: 1280px) {
  .key_feature_grouped_wrapper {
    margin: 5.5555555556em 0;
  }
}
.featured_page_block {
  margin-bottom: 1.1111111111em;
}
.featured_page_block .key_feature_grouped_wrapper {
  margin-bottom: 2.2222222222em;
}

.featured_page_block_link {
  margin: 0;
  text-align: center;
}
.featured_page_block_link a {
  border: 0;
}
.featured_page_block_link a:hover span, .featured_page_block_link a:focus span {
  border-color: transparent;
}
.featured_page_block_link a:hover svg, .featured_page_block_link a:focus svg {
  transform: translateX(25px);
}
.featured_page_block_link a span, .featured_page_block_link a svg {
  vertical-align: middle;
}
.featured_page_block_link a span {
  border-bottom: 1px solid #3A3E40;
  margin-right: 0.6666666667em;
  transition: 200ms border-color;
}
.featured_page_block_link a svg {
  width: auto;
  height: 1em;
  transition: 400ms transform;
}

@media (min-width: 1280px) {
  .featured_page_block {
    margin-bottom: 2.2222222222em;
  }
  .featured_page_block .key_feature_grouped_wrapper {
    margin-bottom: 3.3333333333em;
  }
}
.gallery_block_grouped_wrapper {
  margin: 2.2222222222em 0;
  overflow: hidden;
}

.gallery_block_container {
  display: flex;
}

.gallery_block_content_block {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  flex: 0 0 100%;
  padding: 0 3%;
  position: relative;
  text-align: center;
}
.gallery_block_content_block.current .gallery_block_image {
  filter: grayscale(0);
}
.gallery_block_content_block.current .gallery_block_image, .gallery_block_content_block.current .gallery_block_body {
  opacity: 1;
}

.gallery_block_image {
  background: center/cover no-repeat #DEE0E1;
  border-radius: 9px;
  filter: grayscale(1);
  opacity: 0.2;
  padding-top: 56.25%;
  pointer-events: none;
  transition: 800ms opacity ease-out, 800ms filter ease-out;
}

.gallery_block_body {
  font-size: 0.6666666667em;
  line-height: 1.5;
  margin: 1.5em 0 0 0;
  opacity: 0;
  transition: 800ms opacity ease-out;
}

.gallery_nav_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.6666666667em;
}

.gallery_nav_count {
  margin: 0 1.1111111111em;
  text-align: center;
  min-width: 3.2222222222em;
}

.gallery_nav_link {
  border: 0;
  transition: 200ms opacity;
}
.gallery_nav_link svg {
  display: block;
  height: 100%;
  width: auto;
  transition: 400ms transform;
}

.gallery_prev_link:hover svg {
  transform: translateX(-20px);
}

.gallery_next_link:hover svg {
  transform: translateX(20px);
}

@media (min-width: 480px) {
  .gallery_block_content_block {
    padding: 0 2%;
  }
}
@media (min-width: 600px) {
  .gallery_block_grouped_wrapper {
    margin: 3.3333333333em 0;
  }
}
@media (min-width: 850px) {
  .gallery_block_container {
    width: 82.9931972789%;
    margin: 0 auto;
  }
  .gallery_block_content_block {
    padding: 0 1.2%;
  }
  .gallery_block_body {
    font-size: 0.7777777778em;
    line-height: 1.5;
    margin-top: 1.2857142857em;
  }
  .gallery_nav_wrapper {
    margin-top: 2.2222222222em;
  }
}
@media (min-width: 1024px) {
  .gallery_block_grouped_wrapper {
    margin: 4.4444444444em 0;
  }
  .gallery_block_container {
    width: 82.8831604533%;
    margin: 0 auto;
  }
  .gallery_block_content_block {
    padding: 0 1.578%;
  }
  .gallery_block_image {
    border-radius: 18px;
  }
  .gallery_nav_count {
    margin: 0 1em;
    min-width: 2.9em;
  }
}
@media (min-width: 1280px) {
  .gallery_block_body {
    font-size: 0.8888888889em;
    line-height: 1.5;
    margin-top: 1.125em;
  }
}
.image_block_content_block {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
  overflow: hidden;
  position: relative;
}
.image_block_content_block > svg {
  display: block;
  height: auto;
  left: 0;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
  position: absolute;
}
.image_block_content_block > svg:first-of-type {
  top: 0;
}
.image_block_content_block > svg:last-of-type {
  bottom: 0;
}
.image_block_content_block .full_column svg {
  display: none;
}
.image_block_content_block + .clear_text_block_content_block {
  margin-top: -58px;
}

@media (min-width: 600px) {
  .image_block_content_block {
    min-height: 400px;
  }
}
@media (min-width: 850px) {
  .image_block_content_block {
    min-height: 460px;
    display: flex;
  }
  .image_block_content_block .wrapper {
    display: flex;
  }
  .image_block_content_block .full_column {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
  }
  .image_block_content_block .full_column svg {
    display: block;
    width: 40.4761904762%;
    height: auto;
    margin-left: calc((100vw - 100%) * -0.5);
  }
}
@media (min-width: 1024px) {
  .image_block_content_block {
    min-height: 560px;
  }
  .image_block_content_block .full_column svg {
    width: 40.0910615864%;
  }
}
@media (min-width: 1280px) {
  .image_block_content_block {
    min-height: 700px;
  }
  .image_block_content_block > svg {
    margin: 0 auto;
    width: 100%;
  }
  .image_block_content_block .full_column svg {
    width: 40.0910615864%;
  }
  .image_block_content_block + .clear_text_block_content_block {
    margin-top: -4.53125%;
  }
}
@media (min-width: 1500px) {
  .image_block_content_block {
    min-height: 840px;
  }
  .image_block_content_block .full_column svg {
    width: 40.0910615864%;
  }
}
.link_block_content_block {
  margin: 3.3333333333em 0;
}
.link_block_content_block *:last-child {
  margin-bottom: 0;
}
.link_block_content_block img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.link_block_content_block h2 {
  margin-top: 0;
}
.link_block_content_block a {
  border: 0;
}
.link_block_content_block a:hover span, .link_block_content_block a:focus span {
  border-color: transparent;
}
.link_block_content_block a:hover svg, .link_block_content_block a:focus svg {
  transform: translateX(25px);
}
.link_block_content_block a span, .link_block_content_block a svg {
  vertical-align: middle;
}
.link_block_content_block a span {
  border-bottom: 1px solid #3A3E40;
  margin-right: 0.6666666667em;
  transition: 200ms border-color;
}
.link_block_content_block a svg {
  width: auto;
  height: 1em;
  transition: 400ms transform;
}

.link_block_image {
  margin-bottom: 1.3333333333em;
  position: relative;
}
.link_block_image svg {
  display: block;
  width: 46.8085106383%;
  height: auto;
  position: absolute;
}
.link_block_image svg [fill] {
  fill: #F6F7F7;
}
.link_block_image svg:first-child {
  display: none;
}
.link_block_image svg:nth-child(2) {
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
}

.link_block_content {
  position: relative;
}

@media (min-width: 480px) {
  .link_block_image svg {
    width: 30.5555555556%;
  }
}
@media (min-width: 600px) {
  .link_block_image svg {
    width: 30.5555555556%;
  }
}
@media (min-width: 850px) {
  .link_block_content_block:nth-child(even) .link_block_image {
    margin: 0 auto 0 0;
  }
  .link_block_content_block:nth-child(even) .link_block_image::before {
    left: auto;
    right: 0;
    border-radius: 8px 0 0 0;
  }
  .link_block_content_block:nth-child(even) .link_block_image svg:first-child {
    left: 92.2131147541%;
    right: auto;
    transform: none;
  }
  .link_block_content_block:nth-child(even) .link_block_image svg:nth-child(2) {
    width: 38.5245901639%;
    right: auto;
    left: 92.2131147541%;
    transform: translate(0, 50%) scaleX(-1);
  }
  .link_block_content_block:nth-child(even) .link_block_content {
    width: 68.0272108844%;
    padding: 2.3333333333em 0 0 2.0408163265%;
    margin: -4.5555555556em 0 0 auto;
  }
  .link_block_image {
    width: 82.9931972789%;
    margin: 0 0 0 auto;
  }
  .link_block_image::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 61.4754098361%;
    height: 4.5555555556em;
    background-color: #ffffff;
    border-radius: 0 8px 0 0;
  }
  .link_block_image svg:first-child {
    display: block;
    width: 18.0327868852%;
    right: 92.2131147541%;
    top: 1.3333333333em;
    transform: scaleX(-1);
  }
  .link_block_image svg:nth-child(2) {
    width: 38.5245901639%;
    left: auto;
    bottom: 4.5555555556em;
    right: 92.2131147541%;
    transform: translate(0, 50%);
  }
  .link_block_content {
    width: 68.0272108844%;
    padding: 2.3333333333em 2.0408163265% 0 0;
    margin-top: -4.5555555556em;
  }
}
@media (min-width: 1024px) {
  .link_block_content_block {
    margin: 4.4444444444em 0;
  }
  .link_block_content_block:nth-child(even) .link_block_image svg:first-child {
    left: 92.932964355%;
  }
  .link_block_content_block:nth-child(even) .link_block_image svg:nth-child(2) {
    width: 38.04469043%;
    left: 92.932964355%;
  }
  .link_block_content_block:nth-child(even) .link_block_content {
    width: 68.467358187%;
    padding: 2.3333333333em 0 0 2.7010372805%;
    margin: -4.5555555556em 0 0 auto;
  }
  .link_block_image {
    width: 82.8831604533%;
  }
  .link_block_image::before {
    width: 61.95530957%;
  }
  .link_block_image svg:first-child {
    width: 17.3929205733%;
    right: 92.932964355%;
    top: 1.7777777778em;
  }
  .link_block_image svg:nth-child(2) {
    width: 38.04469043%;
    right: 92.932964355%;
  }
  .link_block_content {
    width: 68.467358187%;
    padding: 2.3333333333em 2.7010372805% 0 0;
  }
}
@media (min-width: 1280px) {
  .link_block_image {
    width: 82.8831604533%;
  }
  .link_block_image:nth-child(even) .link_block_image svg:first-child {
    left: 92.932964355%;
  }
  .link_block_image:nth-child(even) .link_block_image svg:nth-child(2) {
    width: 38.04469043%;
    left: 92.932964355%;
  }
  .link_block_image:nth-child(even) .link_block_content {
    width: 68.467358187%;
    padding: 2.3333333333em 0 0 2.7010372805%;
    margin: -4.5555555556em 0 0 auto;
  }
  .link_block_image::before {
    width: 61.95530957%;
  }
  .link_block_image svg:first-child {
    width: 17.3929205733%;
    right: 92.932964355%;
  }
  .link_block_image svg:nth-child(2) {
    width: 38.04469043%;
    right: 92.932964355%;
  }
  .link_block_content {
    width: 68.467358187%;
    padding: 2.3333333333em 2.7010372805% 0 0;
  }
}
.logo_block_grouped_wrapper {
  margin: 2.1111111111em 0;
  text-align: center;
}

.logo_block_content_block {
  border-radius: 8px;
  margin: 1em auto 0;
  overflow: hidden;
  width: 44%;
}
.logo_block_content_block img {
  display: block;
  height: auto;
  width: 100%;
}
.logo_block_content_block:first-child {
  margin-top: 0;
}

@media (min-width: 480px) {
  .logo_block_content_block {
    margin: 4% 2% 0;
    width: 46%;
    display: inline-block;
    vertical-align: middle;
  }
  .logo_block_content_block:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media (min-width: 850px) {
  .logo_block_grouped_wrapper {
    margin: 2.3333333333em 0;
  }
  .logo_block_content_block {
    margin: 2% 1% 0;
    width: 31.3333333333%;
  }
  .logo_block_content_block:nth-child(-n+3) {
    margin-top: 0;
  }
  .logo_block_content_block img {
    max-width: unset;
  }
}
@media (min-width: 1024px) {
  .logo_block_content_block {
    margin: 2.63% 1.315% 0;
    width: 30.7033333333%;
  }
}
@media (min-width: 1280px) {
  .logo_block_grouped_wrapper {
    margin: 2.6666666667em 0;
  }
}
.signpost_block_content_block {
  margin: 1.6666666667em 0;
}

.signpost_block_container {
  background-color: #F6F7F7;
  border-radius: 9px;
  padding: 1.1111111111em;
  position: relative;
}
.signpost_block_container:hover .signpost_block_link, .signpost_block_container:focus .signpost_block_link {
  border-color: transparent;
}
.signpost_block_container:hover svg, .signpost_block_container:focus svg {
  transform: translateX(20px);
}
.signpost_block_container svg {
  display: block;
  height: 100%;
  transition: 400ms transform;
  width: auto;
}

.signpost_block_title {
  margin-top: 0;
}

@media (min-width: 850px) {
  .signpost_block_container {
    padding: 1.6666666667em 2.6666666667em 1.6666666667em 1.5555555556em;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .signpost_block_body {
    width: calc(74.2268041237% + 28px);
  }
  .signpost_block_body p:last-of-type {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .signpost_block_content_block {
    margin: 2.1111111111em 0;
  }
  .signpost_block_container {
    border-radius: 18px;
  }
  .signpost_block_body {
    width: calc(73.9732444953% + 28px);
  }
}
.swatch_block_grouped_wrapper {
  margin: 2.2222222222em 0;
}

.swatch_block_container {
  text-align: center;
}
.swatch_block_container:not(:first-child) {
  margin-top: 2.2222222222em;
}

.swatch_block_grouped_title {
  margin: 0 0 1em;
}

.swatch_block_content_block {
  display: inline-block;
  margin: 1.3333333333em 3% 0;
  vertical-align: top;
  width: 44%;
}
.swatch_block_content_block p {
  margin-bottom: 0;
}
.swatch_block_content_block:nth-child(-n+2) {
  margin-top: 0;
}

.swatch_block_image {
  border-radius: 18px;
  display: block;
  height: auto;
  margin-bottom: 0.7777777778em;
  width: 100%;
}

@media (min-width: 480px) {
  .swatch_block_content_block {
    margin: 1.3333333333em 2% 0;
    width: 46%;
  }
}
@media (min-width: 600px) {
  .swatch_block_content_block {
    margin: 1.3333333333em 2% 0;
    width: 29.3333333333%;
  }
  .swatch_block_content_block:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media (min-width: 850px) {
  .swatch_block_grouped_wrapper {
    margin: 3.3333333333em 0;
  }
  .swatch_block_grouped_title {
    margin-bottom: 0.962962963em;
  }
  .swatch_block_list {
    margin: 0 calc(8.3333333333%);
  }
  .swatch_block_content_block {
    width: calc(25% - 2.4%);
    margin: 1.3333333333em 1.2% 0;
  }
  .swatch_block_content_block:nth-child(-n+4) {
    margin-top: 0;
  }
  .swatch_block_image {
    margin-bottom: 1em;
  }
}
@media (min-width: 1024px) {
  .swatch_block_grouped_title {
    margin-bottom: 0.8666666667em;
  }
  .swatch_block_list {
    margin: 0 calc(8.3333333333%);
  }
  .swatch_block_content_block {
    width: calc(25% - 3.156%);
    margin: 1.3333333333em 1.578% 0;
  }
}
@media (min-width: 1280px) {
  .swatch_block_grouped_title {
    margin-bottom: 0.8125em;
  }
}
.testimonial_block_content_block {
  margin: 3.3333333333em 0;
  text-align: center;
}

.testimonial_block_body {
  padding-top: 1.25em;
  position: relative;
}
.testimonial_block_body p {
  font-size: 1.1111111111em;
  line-height: 1.5;
  margin-bottom: 1em;
}
.testimonial_block_body::before, .testimonial_block_body::after {
  color: #687F13;
  content: "“";
  display: block;
  font-size: 3.2222222222em;
  height: 0.3965517241em;
  line-height: 1em;
  position: absolute;
  top: 0;
  width: 0.3965517241em;
}
.testimonial_block_body::before {
  left: 0;
}
.testimonial_block_body::after {
  right: 0;
  content: "”";
}

.testimonial_block_source {
  font-size: 1.1111111111em;
  line-height: 1.5;
  margin-bottom: 0;
}
.testimonial_block_source::before {
  content: "-";
  margin-right: 0.5555555556em;
}

@media (min-width: 850px) {
  .testimonial_block_content_block {
    margin: 5.5555555556em 0;
  }
  .testimonial_block_body {
    padding-top: 0.2777777778em;
  }
  .testimonial_block_body p {
    font-size: 1.2222222222em;
    line-height: 1.3636363636;
    margin-bottom: 1em;
  }
  .testimonial_block_body::before {
    left: calc((3% + 23px) * -1);
  }
  .testimonial_block_body::after {
    right: calc((3% + 23px) * -1);
  }
  .testimonial_block_source {
    font-size: 1.2222222222em;
    line-height: 1.3636363636;
  }
}
@media (min-width: 1024px) {
  .testimonial_block_body p {
    font-size: 1.3333333333em;
    line-height: 1.5;
    margin-bottom: 1em;
  }
  .testimonial_block_body::before, .testimonial_block_body::after {
    font-size: 5em;
    height: 0.3777777778em;
    width: 0.3777777778em;
  }
  .testimonial_block_body::before {
    left: calc((3.945% + 34px) * -1);
  }
  .testimonial_block_body::after {
    right: calc((3.945% + 34px) * -1);
  }
  .testimonial_block_source {
    font-size: 1.3333333333em;
    line-height: 1.5;
  }
}
@media (min-width: 1280px) {
  .testimonial_block_content_block {
    margin: 8.3333333333em 0;
  }
}
.text_and_image_block_grouped_wrapper {
  background-color: #F6F7F7;
  padding: 4.4444444444em 0;
  margin: 2.2222222222em 0;
  position: relative;
}
.text_and_image_block_grouped_wrapper svg {
  display: block;
  height: auto;
  left: 0;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
  position: absolute;
}
.text_and_image_block_grouped_wrapper svg:first-of-type {
  top: 0;
}
.text_and_image_block_grouped_wrapper svg:last-of-type {
  bottom: 0;
}
.text_and_image_block_grouped_wrapper + .available_sizes_block_content_block {
  margin-top: -5.4444444444em;
}
.text_and_image_block_grouped_wrapper + .available_sizes_block_content_block > svg:first-of-type path {
  fill: #F6F7F7;
}

.text_and_image_block_content_block {
  margin-bottom: 2.2222222222em;
}
.text_and_image_block_content_block:last-child {
  margin-bottom: 0;
}

.text_and_image_block_body p:last-child {
  margin-bottom: 0;
}

.text_and_image_block_image {
  margin-bottom: 1.2222222222em;
}
.text_and_image_block_image img {
  border-radius: 18px;
  display: block;
  height: auto;
  width: 100%;
}

.text_and_image_block_title {
  margin-top: 0;
}

@media (min-width: 600px) {
  .text_and_image_block_grouped_wrapper {
    margin: 3.3333333333em 0;
  }
  .text_and_image_block_grouped_wrapper + .available_sizes_block_content_block {
    margin-top: -6.5555555556em;
    padding-top: 5.5555555556em;
  }
  .text_and_image_block_content_block {
    margin-bottom: 3.3333333333em;
  }
}
@media (min-width: 850px) {
  .text_and_image_block_grouped_wrapper {
    padding: 5.5555555556em 0;
  }
  .text_and_image_block_grouped_wrapper + .available_sizes_block_content_block {
    padding-top: 6.6666666667em;
  }
  .text_and_image_block_content_block {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .text_and_image_block_content_block:nth-child(even) {
    flex-direction: row-reverse;
  }
  .text_and_image_block_image, .text_and_image_block_body {
    margin: 0;
    width: 48.7704918033%;
  }
}
@media (min-width: 1024px) {
  .text_and_image_block_grouped_wrapper {
    margin: 4.4444444444em 0;
  }
  .text_and_image_block_grouped_wrapper + .available_sizes_block_content_block {
    margin-top: -7.6666666667em;
  }
  .text_and_image_block_content_block {
    margin-bottom: 4.4444444444em;
  }
  .text_and_image_block_image, .text_and_image_block_body {
    width: 48.3705753583%;
  }
}
@media (min-width: 1280px) {
  .text_and_image_block_grouped_wrapper {
    padding: 8.8888888889em 0;
  }
  .text_and_image_block_grouped_wrapper svg {
    margin: 0 auto;
    width: 100%;
  }
  .text_and_image_block_grouped_wrapper + .available_sizes_block_content_block {
    margin-top: calc(-4.53125% - 80px);
    padding-top: 10em;
  }
}
.text_with_banner_block_content_block {
  margin: 3.3333333333em 0;
}

.text_with_banner_image {
  position: relative;
}
.text_with_banner_image img {
  display: block;
  height: auto;
  max-height: 38.8888888889em;
  min-height: 13.3333333333em;
  object-fit: cover;
  width: 100%;
}
.text_with_banner_image > svg {
  display: block;
  height: auto;
  left: 0;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
  position: absolute;
}
.text_with_banner_image > svg:first-of-type {
  top: 0;
}
.text_with_banner_image > svg:last-of-type {
  bottom: 0;
  transform: rotate(180deg);
}

.text_with_banner_content {
  background-color: #ffffff;
  border-radius: 18px 18px 0 0;
  margin: -4.4444444444em -3.1914893617% 0;
  padding: 2.1111111111em 3.1914893617% 0;
  position: relative;
}

.text_with_banner_title {
  margin: 0 0 0.9285714286em;
  text-align: center;
}

@media (min-width: 480px) {
  .text_with_banner_content {
    margin: -4.4444444444em -2.0833333333% 0;
    padding: 2.1111111111em 2.0833333333% 0;
  }
}
@media (min-width: 850px) {
  .text_with_banner_block_content_block {
    margin: 4.4444444444em 0;
  }
  .text_with_banner_content {
    margin: -6.6666666667em 0 0;
    padding: 2.1111111111em 10.2459016393% 0;
  }
  .text_with_banner_title {
    margin-bottom: 0.9473684211em;
  }
}
@media (min-width: 1024px) {
  .text_with_banner_content {
    padding: 2.1111111111em 10.3258849283% 0;
  }
  .text_with_banner_title {
    margin-bottom: 0.8571428571em;
  }
}
@media (min-width: 1280px) {
  .text_with_banner_block_content_block {
    margin: 5.5555555556em 0;
  }
  .text_with_banner_image > svg {
    margin: 0 auto;
    width: 100%;
  }
  .text_with_banner_title {
    margin-bottom: 0.7826086957em;
  }
}
@media (min-width: 1500px) {
  .text_with_banner_content {
    margin: -8.3333333333em 0 0;
    padding-top: 2.6666666667em;
  }
}
.video_block_content_block {
  margin: 2.1111111111em 0;
}

.video_wrapper {
  border-radius: 9px;
  overflow: hidden;
}

.video_cover {
  align-items: center;
  background: center/cover no-repeat;
  border: 0;
  display: flex;
  height: 100%;
  inset: 0;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.video_cover::before {
  background-color: #ffffff;
  content: "";
  height: 100%;
  inset: 0;
  opacity: 0.7;
  position: absolute;
  transition: 200ms background-color;
  width: 100%;
}
.video_cover svg {
  display: block;
  height: 2.7777777778em;
  position: relative;
  transition: 200ms transform;
  width: auto;
}
.video_cover svg path {
  transition: 200ms fill;
}
.video_cover:hover, .video_cover:focus {
  border: 0;
}
.video_cover:hover::before, .video_cover:focus::before {
  background-color: #3E4D0B;
}
.video_cover:hover svg path, .video_cover:focus svg path {
  fill: #ffffff;
}

@media (min-width: 600px) {
  .video_block_content_block {
    margin: 2.4444444444em 0;
  }
  .video_cover svg {
    height: 4.8888888889em;
  }
}
@media (min-width: 850px) {
  .video_block_content_block {
    margin: 2.3333333333em 0;
  }
}
@media (min-width: 1024px) {
  .video_block_content_block {
    margin: 2.6666666667em 0;
  }
  .video_wrapper {
    border-radius: 18px;
  }
}
.banner {
  height: 20em;
  margin-bottom: 3.3333333333em;
  overflow: hidden;
  position: relative;
}
.banner.large_banner {
  height: 22.2222222222em;
}
.banner.huge_banner {
  height: calc(100vh + 58px);
  max-height: 2000px;
}
.banner.huge_banner .banner_content {
  margin-top: 0;
}
.banner.huge_banner .banner_title {
  font-size: 3.5555555556em;
  line-height: 1.203125;
  margin-top: -0.90625em;
}
.banner img, .banner video {
  display: block;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  width: 100%;
}
.banner::before {
  background-color: #5B646A;
  content: "";
  height: 100%;
  inset: 0;
  opacity: 0.32;
  position: absolute;
  width: 100%;
}
.banner .curve-mask {
  bottom: -1px;
  display: block;
  height: auto;
  margin-left: calc((1280px - 100%) * -1);
  margin-right: auto;
  pointer-events: none;
  position: absolute;
}
.banner .curve-mask .top-path {
  fill: none;
}
.banner .curve-mask .bottom-path {
  fill: #ffffff;
}

.banner_content {
  align-items: center;
  display: flex;
  height: auto;
  inset: 0;
  margin-top: 4em;
  position: absolute;
  width: 100%;
}

.banner_title {
  color: #ffffff;
  margin: 0;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
}

@media (min-width: 600px) {
  .banner {
    height: 22.2222222222em;
  }
  .banner.large_banner {
    height: 25.5555555556em;
  }
}
@media (min-width: 850px) {
  .banner {
    height: 25.5555555556em;
    margin-bottom: 4.4444444444em;
  }
  .banner.large_banner {
    height: 31.1111111111em;
  }
  .banner.huge_banner .banner_title {
    font-size: 4.7777777778em;
    line-height: 1.1976744186;
    margin-top: -0.6744186047em;
  }
  .banner_content {
    margin-top: 5.1111111111em;
  }
}
@media (min-width: 1024px) {
  .banner {
    height: 27.7777777778em;
  }
  .banner.large_banner {
    height: 40em;
  }
  .banner.huge_banner .banner_title {
    font-size: 6em;
    line-height: 1.2037037037;
    margin-top: -0.537037037em;
  }
  .banner_content {
    margin-top: 5.5555555556em;
  }
}
@media (min-width: 1280px) {
  .banner {
    height: 30em;
    margin-bottom: 5.5555555556em;
  }
  .banner.large_banner {
    height: 45.5555555556em;
  }
  .banner.huge_banner {
    height: calc(100vh + 80px);
  }
  .banner.huge_banner .banner_title {
    font-size: 6.8888888889em;
    line-height: 1.2016129032;
    margin-top: -0.6451612903em;
  }
  .banner .curve-mask {
    margin: 0;
    width: 100%;
  }
}
.cookie_notice {
  background-color: #5B646A;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 9998;
}

.cookie_notice_container {
  padding: 1.1111111111em 0 1.7777777778em;
}

.cookie_notice_text {
  margin-bottom: 1.9444444444em;
}
.cookie_notice_text p {
  font-size: 0.9444444444em;
  line-height: 1.5294117647;
  margin-bottom: 0;
  color: #ffffff;
}
.cookie_notice_text a {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

.cookie_notice_buttons .button + .button {
  margin-top: 1.1111111111em;
}

@media (min-width: 480px) {
  .cookie_notice_buttons .button + .button {
    margin: 0 0 0 1.1111111111em;
  }
}
@media (min-width: 850px) {
  .cookie_notice_container {
    padding: 1.5em 0 1.2777777778em;
    position: relative;
  }
  .cookie_notice_text {
    width: 65.9863945578%;
    margin: 0 2.0408163265% 0 0;
  }
  .cookie_notice_text, .cookie_notice_buttons {
    display: inline-block;
    vertical-align: top;
  }
  .cookie_notice_buttons {
    width: 31.9727891156%;
  }
  .cookie_notice_buttons .button {
    width: 46.8085106383%;
  }
  .cookie_notice_buttons .button + .button {
    margin: 0 0 0 6.3829787234%;
  }
}
@media (min-width: 1024px) {
  .cookie_notice_text {
    width: 65.7663209065%;
    margin-right: 2.7010372805%;
  }
  .cookie_notice_buttons {
    width: 31.532641813%;
  }
  .cookie_notice_buttons .button {
    width: 45.7170774074%;
  }
  .cookie_notice_buttons .button + .button {
    margin: 0 0 0 8.5658451851%;
  }
}
.haze_white_curved_wrapper {
  background-color: #F6F7F7;
  overflow: hidden;
  padding-top: 5.5555555556em;
  position: relative;
}
.search_execute .haze_white_curved_wrapper {
  padding-top: 2.8888888889em;
}
.haze_white_curved_wrapper .curve-mask {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: calc((1280px - 100%) * -1);
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scale(-1, -1);
}
.haze_white_curved_wrapper .bottom-path {
  fill: #ffffff;
}
.haze_white_curved_wrapper .top-path {
  fill: none;
}

.wreath_illustration {
  display: none;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}
.wreath_illustration svg {
  display: block;
  height: 21.6666666667em;
  width: auto;
}
.wreath_illustration.mobile {
  display: block;
}
.wreath_illustration.fixed {
  position: fixed;
  top: calc(50% - 195px);
}
.wreath_illustration.fixed_bottom {
  bottom: 0;
  top: auto;
}

@media (min-width: 480px) {
  .wreath_illustration svg {
    height: 34em;
  }
  .wreath_illustration.fixed {
    top: calc(50% - 306px);
  }
}
@media (min-width: 600px) {
  .wreath_illustration svg {
    height: 38em;
  }
  .wreath_illustration.fixed {
    top: calc(50% - 342px);
  }
}
@media (min-width: 850px) {
  .wreath_illustration {
    display: block;
    top: -19.7222222222em;
    transform: none;
    left: auto;
  }
  .wreath_illustration svg {
    height: 26.6666666667em;
    width: auto;
  }
  .wreath_illustration.mobile {
    display: none;
  }
  .odd .wreath_illustration {
    left: calc(79.7872340426% * -1);
  }
  .even .wreath_illustration {
    display: block;
    right: calc(292.5531914894% * -1);
  }
}
@media (min-width: 1024px) {
  .odd .wreath_illustration {
    left: calc(81.4243838888% * -1);
  }
  .even .wreath_illustration {
    right: calc(298.556074259% * -1);
  }
}
@media (min-width: 1280px) {
  .haze_white_curved_wrapper .curve-mask {
    margin: 0;
    width: 100%;
  }
  .wreath_illustration {
    top: -23.8888888889em;
  }
  .wreath_illustration svg {
    height: 38.8888888889em;
    width: auto;
  }
}
@media (min-width: 1500px) {
  .haze_white_curved_wrapper .curve-mask {
    margin: 0;
    width: 100%;
  }
}
.pagination_wrapper {
  background-color: #F6F7F7;
}

.pagination_container {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 2.2222222222em;
}
.pagination_container a, .pagination_container em, .pagination_container .gap {
  display: none;
}
.pagination_container a.current, .pagination_container em.current, .pagination_container .gap.current {
  color: #ffffff;
  background-color: #687F13;
}
.pagination_container .previous_page, .pagination_container .next_page {
  align-items: center;
  background-color: transparent;
  border-bottom: 0;
  display: inline-flex;
  justify-content: center;
  position: relative;
}
.pagination_container .previous_page svg, .pagination_container .next_page svg {
  display: block;
  transition: 400ms transform;
}
.pagination_container .previous_page [fill], .pagination_container .next_page [fill] {
  transition: 400ms fill;
}
.pagination_container .previous_page.disabled, .pagination_container .next_page.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.pagination_container .previous_page.disabled svg path, .pagination_container .next_page.disabled svg path {
  fill: #5B646A;
}
.pagination_container .previous_page:hover, .pagination_container .previous_page:focus, .pagination_container .next_page:hover, .pagination_container .next_page:focus {
  background-color: transparent;
}
.pagination_container .previous_page:hover svg path, .pagination_container .previous_page:focus svg path, .pagination_container .next_page:hover svg path, .pagination_container .next_page:focus svg path {
  fill: #3E4D0B;
}
.pagination_container .previous_page {
  order: 1;
}
.pagination_container .previous_page:hover svg, .pagination_container .previous_page:focus svg {
  transform: translateX(-25px);
}
.pagination_container .page_of {
  order: 2;
  margin: 0 1.6666666667em;
}
.pagination_container .next_page {
  order: 3;
}
.pagination_container .next_page:hover svg, .pagination_container .next_page:focus svg {
  transform: translateX(25px);
}

@media (min-width: 600px) {
  .pagination_container .page_of {
    display: none;
  }
  .pagination_container a, .pagination_container em, .pagination_container .gap {
    align-items: center;
    border-radius: 8px;
    border: 0;
    color: #687F13;
    display: inline-flex;
    height: 3.5555555556em;
    justify-content: center;
    margin: 0 0.5em;
    transition: 200ms background-color, color;
    width: 2.8888888889em;
  }
  .pagination_container a.current, .pagination_container em.current, .pagination_container .gap.current {
    background-color: #687F13;
    color: #ffffff;
    pointer-events: none;
  }
  .pagination_container a:hover, .pagination_container a:focus, .pagination_container em:hover, .pagination_container em:focus, .pagination_container .gap:hover, .pagination_container .gap:focus {
    background-color: #3E4D0B;
    color: #ffffff;
  }
  .pagination_container .gap {
    color: #3E4D0B;
    pointer-events: none;
  }
  .pagination_container .previous_page, .pagination_container .next_page {
    height: auto;
    order: inherit;
  }
  .pagination_container .previous_page {
    margin: 0 0.5em 0 0;
  }
  .pagination_container .next_page {
    margin: 0 0 0 0.5em;
  }
}
@media (min-width: 1024px) {
  .pagination_container {
    padding-bottom: 3.8888888889em;
  }
  .pagination_container a, .pagination_container em, .pagination_container .gap {
    font-size: 1.1111111111em;
    line-height: 1.5;
    height: 3.2em;
    margin: 0 0.45em;
    width: 2.6em;
  }
}
.ugc {
  font-family: "Nexa W01 Regular", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #5B646A;
}
.ugc strong, .ugc b {
  font-family: "Nexa W01 Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
}
.ugc img {
  border-radius: 9px;
  display: block;
  height: auto;
  margin: 2.1111111111em 0;
  width: 100%;
}
.ugc .intro {
  font-size: 1.1111111111em;
  line-height: 1.5;
  margin-bottom: 1.5em;
}
.ugc blockquote {
  border-left: 8px solid #687F13;
  margin: 1.6666666667em 0;
  padding-left: 1.1111111111em;
}
.ugc blockquote p:last-child {
  margin-bottom: 0;
}
.ugc blockquote.pullquote {
  border: 0;
  margin: 2.1111111111em 0;
  padding-left: 0;
  text-align: center;
}
.ugc blockquote.pullquote p {
  font-size: 1.3333333333em;
  line-height: 1.3333333333;
  color: #687F13;
  margin-bottom: 1.5em;
}
.ugc blockquote.pullquote p:last-child {
  margin-bottom: 0;
}
.ugc .cite {
  color: #687F13;
  text-align: center;
  margin: -1.3333333333em 0 2.1111111111em;
}
.ugc .cite::before {
  content: "–";
  margin-right: 0.2777777778em;
}
.ugc li {
  margin-bottom: 0.8888888889em;
  padding-left: 2.0555555556em;
  position: relative;
}
.ugc li::before {
  left: 0;
  position: absolute;
}
.ugc ul {
  margin-bottom: 1.6666666667em;
}
.ugc ul li::before {
  background-color: #687F13;
  border-radius: 50px;
  content: "";
  height: 0.3333333333em;
  left: 0.6666666667em;
  top: 0.5555555556em;
  width: 0.3333333333em;
}
.ugc ol {
  counter-reset: ol;
  margin-bottom: 1.6666666667em;
}
.ugc ol li::before {
  font-family: "Nexa W01 Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #687F13;
  content: counter(ol) ".";
  counter-increment: ol;
  top: -0.0555555556em;
  width: 1.4444444444em;
}
.ugc .checklist {
  margin-bottom: 0.8888888889em;
  padding-left: 2.0555555556em;
  position: relative;
}
.ugc .checklist::before {
  background: url(/app_assets/frontend/icons/check-mark-de6c5d5077261fe0cea1983a1c82c22eb47244ff7bbd3fa5c783df57a3aed1ff.svg) no-repeat center/cover;
  content: "";
  height: 1.5555555556em;
  left: 0;
  position: absolute;
  top: -1px;
  width: 1.5555555556em;
}
@media (min-width: 850px) {
  .ugc img {
    margin: 2.3333333333em 0 2.3333333333em -12.8865979381%;
    width: 125.7731958763%;
  }
  .ugc .intro {
    font-size: 1.2222222222em;
    line-height: 1.3636363636;
    margin: 0 0 1.5454545455em 0;
  }
  .ugc blockquote.pullquote {
    margin: 2.3333333333em 0 2.3333333333em -12.8865979381%;
    width: 125.7731958763%;
  }
  .ugc blockquote.pullquote p {
    font-size: 1.5em;
    line-height: 1.3333333333;
    margin-bottom: 1.3703703704em;
  }
  .ugc .cite {
    margin: -1.4444444444em 0 2.3333333333em;
  }
}
@media (min-width: 1024px) {
  .ugc img {
    border-radius: 18px;
    margin: 2.4em 0 2.4em -13.0133777523%;
    width: 126.0267555047%;
  }
  .ugc .intro {
    font-size: 1.3333333333em;
    line-height: 1.5;
    margin-bottom: 1.5833333333em;
  }
  .ugc li {
    font-size: 1.1111111111em;
    line-height: 1.5;
    margin-bottom: 0.9em;
  }
  .ugc ol, .ugc ul {
    margin-bottom: 2.1111111111em;
  }
  .ugc ul li::before {
    height: 0.5em;
    left: 0.5em;
    top: 0.45em;
    width: 0.5em;
  }
  .ugc ol li::before {
    top: -0.05em;
    width: 1.3em;
  }
  .ugc blockquote {
    margin: 2.1111111111em 0;
    padding-left: 1.1111111111em;
  }
  .ugc blockquote.pullquote {
    margin: 2.6666666667em 0 2.6666666667em -13.0133777523%;
    width: 126.0267555047%;
  }
  .ugc blockquote.pullquote p {
    font-size: 1.6666666667em;
    line-height: 1.3666666667;
    margin-bottom: 1.4em;
  }
  .ugc .cite {
    font-size: 1.1111111111em;
    line-height: 1.5;
    margin: -1.3em 0 2.4em;
  }
  .ugc .cite::before {
    margin-right: 0.25em;
  }
  .ugc .checklist {
    font-size: 1.1111111111em;
    line-height: 1.5;
    margin-bottom: 0.9em;
    padding-left: 2.6em;
  }
  .ugc .checklist::before {
    top: -0.15em;
    height: 1.6em;
    width: 1.6em;
  }
}
@media (min-width: 1280px) {
  .ugc blockquote.pullquote p {
    font-size: 1.7777777778em;
    line-height: 1.34375;
    margin-bottom: 1.3125em;
  }
}

.video_wrapper {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.video_wrapper iframe, .video_wrapper video {
  border-radius: 8px;
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}