*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, p, blockquote, figure, ol, ul {
  margin: 0;
  padding: 0;
}

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

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  margin-top: 0;
}

li {
  list-style-position: inside;
  display: list-item;
}

a, button {
  color: inherit;
  transition: 0.3s ease-in-out;
}

a {
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
}

button {
  overflow: visible;
  border: 0;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border: 0;
}

:focus {
  outline-width: 1px;
}

img, video, svg, picture, figure {
  max-width: 100%;
}

figure img, picture img {
  display: block;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

br {
  margin-top: 0;
}

nav ul {
  list-style: none;
}

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, hr {
  margin: 0;
  padding: 0;
  border: 0;
}

.button, .form-control, .link, .reset {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
}

select.form-control::-ms-expand {
  display: none;
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
}

input::-ms-clear {
  display: none;
}

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

/* mada-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Mada";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/mada-v19-latin-200.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/mada-v19-latin-200.eot?#iefix") format("embedded-opentype"), url("../fonts/mada-v19-latin-200.woff2") format("woff2"), url("../fonts/mada-v19-latin-200.woff") format("woff"), url("../fonts/mada-v19-latin-200.ttf") format("truetype"), url("../fonts/mada-v19-latin-200.svg#Mada") format("svg");
  /* Legacy iOS */
}
/* mada-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Mada";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/mada-v19-latin-300.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/mada-v19-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/mada-v19-latin-300.woff2") format("woff2"), url("../fonts/mada-v19-latin-300.woff") format("woff"), url("../fonts/mada-v19-latin-300.ttf") format("truetype"), url("../fonts/mada-v19-latin-300.svg#Mada") format("svg");
  /* Legacy iOS */
}
/* mada-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Mada";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/mada-v19-latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/mada-v19-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/mada-v19-latin-regular.woff2") format("woff2"), url("../fonts/mada-v19-latin-regular.woff") format("woff"), url("../fonts/mada-v19-latin-regular.ttf") format("truetype"), url("../fonts/mada-v19-latin-regular.svg#Mada") format("svg");
  /* Legacy iOS */
}
/* mada-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Mada";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/mada-v19-latin-500.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/mada-v19-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/mada-v19-latin-500.woff2") format("woff2"), url("../fonts/mada-v19-latin-500.woff") format("woff"), url("../fonts/mada-v19-latin-500.ttf") format("truetype"), url("../fonts/mada-v19-latin-500.svg#Mada") format("svg");
  /* Legacy iOS */
}
/* mada-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Mada";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/mada-v19-latin-600.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/mada-v19-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/mada-v19-latin-600.woff2") format("woff2"), url("../fonts/mada-v19-latin-600.woff") format("woff"), url("../fonts/mada-v19-latin-600.ttf") format("truetype"), url("../fonts/mada-v19-latin-600.svg#Mada") format("svg");
  /* Legacy iOS */
}
/* mada-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Mada";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/mada-v19-latin-700.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/mada-v19-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/mada-v19-latin-700.woff2") format("woff2"), url("../fonts/mada-v19-latin-700.woff") format("woff"), url("../fonts/mada-v19-latin-700.ttf") format("truetype"), url("../fonts/mada-v19-latin-700.svg#Mada") format("svg");
  /* Legacy iOS */
}
/* mada-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Mada";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/mada-v19-latin-800.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/mada-v19-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/mada-v19-latin-800.woff2") format("woff2"), url("../fonts/mada-v19-latin-800.woff") format("woff"), url("../fonts/mada-v19-latin-800.ttf") format("truetype"), url("../fonts/mada-v19-latin-800.svg#Mada") format("svg");
  /* Legacy iOS */
}
/* mada-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Mada";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/mada-v19-latin-900.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/mada-v19-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/mada-v19-latin-900.woff2") format("woff2"), url("../fonts/mada-v19-latin-900.woff") format("woff"), url("../fonts/mada-v19-latin-900.ttf") format("truetype"), url("../fonts/mada-v19-latin-900.svg#Mada") format("svg");
  /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v40-latin-300.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v40-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v40-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v40-latin-300.woff") format("woff"), url("../fonts/open-sans-v40-latin-300.ttf") format("truetype"), url("../fonts/open-sans-v40-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v40-latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v40-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v40-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v40-latin-regular.woff") format("woff"), url("../fonts/open-sans-v40-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v40-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v40-latin-italic.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v40-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v40-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v40-latin-italic.woff") format("woff"), url("../fonts/open-sans-v40-latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v40-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/open-sans-v40-latin-500.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v40-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v40-latin-500.woff2") format("woff2"), url("../fonts/open-sans-v40-latin-500.woff") format("woff"), url("../fonts/open-sans-v40-latin-500.ttf") format("truetype"), url("../fonts/open-sans-v40-latin-500.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v40-latin-600.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v40-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v40-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v40-latin-600.woff") format("woff"), url("../fonts/open-sans-v40-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v40-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v40-latin-700.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v40-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v40-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v40-latin-700.woff") format("woff"), url("../fonts/open-sans-v40-latin-700.ttf") format("truetype"), url("../fonts/open-sans-v40-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/open-sans-v40-latin-800.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v40-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v40-latin-800.woff2") format("woff2"), url("../fonts/open-sans-v40-latin-800.woff") format("woff"), url("../fonts/open-sans-v40-latin-800.ttf") format("truetype"), url("../fonts/open-sans-v40-latin-800.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
html, body {
  min-height: 100%;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 115px;
}

body {
  color: #282828;
  background-color: #fff;
  font-family: "Mada", sans-serif;
  font-weight: 400;
  font-size: 87.5%;
  line-height: 1.4;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
}
body::after {
  content: "";
  position: relative;
  height: 0;
  background-color: rgba(0, 0, 0, 0);
  pointer-events: none;
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 50;
}
@media (max-width: 960px) {
  body.--mobile-menu-open {
    overflow: hidden;
  }
  body.--mobile-menu-open::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
  }
  body.--mobile-menu-open main {
    filter: blur(16px);
  }
  body.--mobile-menu-open .menu-main__mobile {
    overflow-y: auto !important;
  }
}
@media (min-width: 40rem) {
  body {
    font-size: 100%;
  }
}

* {
  box-sizing: border-box;
}

main {
  flex-grow: 1;
  overflow: hidden;
}

[hidden] {
  display: none;
}

.row {
  display: flex;
  flex-wrap: wrap;
}
.row > * {
  flex-basis: 100%;
  max-width: 100%;
  min-width: 0;
}

.gap-lg {
  margin-left: -10rem;
  margin-bottom: -10rem;
}
.gap-lg > [class*=col] {
  margin-left: 10rem;
  margin-bottom: 10rem;
}

.gap-md {
  margin-left: -1rem;
  margin-bottom: -1rem;
}
.gap-md > [class*=col] {
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.gap-sm {
  margin-left: -0.75rem;
  margin-bottom: -0.75rem;
}
.gap-sm > [class*=col] {
  margin-left: 0.75rem;
  margin-bottom: 0.75rem;
}

@media (min-width: 40rem) {
  .pull-right-sm {
    order: 2;
  }
  .pull-right-sm + * {
    order: 1;
  }
  .offset3-sm {
    margin-left: 25% !important;
  }
  .offset6-sm {
    margin-left: 50% !important;
  }
  .vert-center-sm {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .col1-sm {
    flex-basis: calc(100% * 1 / 12);
  }
  .gap-lg .col1-sm {
    flex-basis: calc(100% * 1 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col1-sm {
    flex-basis: calc(100% * 1 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col1-sm {
    flex-basis: calc(100% * 1 / 12 - 0.75rem - 0.0001px);
  }
  .col2-sm {
    flex-basis: calc(100% * 2 / 12);
  }
  .gap-lg .col2-sm {
    flex-basis: calc(100% * 2 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col2-sm {
    flex-basis: calc(100% * 2 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col2-sm {
    flex-basis: calc(100% * 2 / 12 - 0.75rem - 0.0001px);
  }
  .col3-sm {
    flex-basis: calc(100% * 3 / 12);
  }
  .gap-lg .col3-sm {
    flex-basis: calc(100% * 3 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col3-sm {
    flex-basis: calc(100% * 3 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col3-sm {
    flex-basis: calc(100% * 3 / 12 - 0.75rem - 0.0001px);
  }
  .col4-sm {
    flex-basis: calc(100% * 4 / 12);
  }
  .gap-lg .col4-sm {
    flex-basis: calc(100% * 4 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col4-sm {
    flex-basis: calc(100% * 4 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col4-sm {
    flex-basis: calc(100% * 4 / 12 - 0.75rem - 0.0001px);
  }
  .col5-sm {
    flex-basis: calc(100% * 5 / 12);
  }
  .gap-lg .col5-sm {
    flex-basis: calc(100% * 5 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col5-sm {
    flex-basis: calc(100% * 5 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col5-sm {
    flex-basis: calc(100% * 5 / 12 - 0.75rem - 0.0001px);
  }
  .col6-sm {
    flex-basis: calc(100% * 6 / 12);
  }
  .gap-lg .col6-sm {
    flex-basis: calc(100% * 6 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col6-sm {
    flex-basis: calc(100% * 6 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col6-sm {
    flex-basis: calc(100% * 6 / 12 - 0.75rem - 0.0001px);
  }
  .col7-sm {
    flex-basis: calc(100% * 7 / 12);
  }
  .gap-lg .col7-sm {
    flex-basis: calc(100% * 7 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col7-sm {
    flex-basis: calc(100% * 7 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col7-sm {
    flex-basis: calc(100% * 7 / 12 - 0.75rem - 0.0001px);
  }
  .col8-sm {
    flex-basis: calc(100% * 8 / 12);
  }
  .gap-lg .col8-sm {
    flex-basis: calc(100% * 8 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col8-sm {
    flex-basis: calc(100% * 8 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col8-sm {
    flex-basis: calc(100% * 8 / 12 - 0.75rem - 0.0001px);
  }
  .col9-sm {
    flex-basis: calc(100% * 9 / 12);
  }
  .gap-lg .col9-sm {
    flex-basis: calc(100% * 9 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col9-sm {
    flex-basis: calc(100% * 9 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col9-sm {
    flex-basis: calc(100% * 9 / 12 - 0.75rem - 0.0001px);
  }
  .col10-sm {
    flex-basis: calc(100% * 10 / 12);
  }
  .gap-lg .col10-sm {
    flex-basis: calc(100% * 10 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col10-sm {
    flex-basis: calc(100% * 10 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col10-sm {
    flex-basis: calc(100% * 10 / 12 - 0.75rem - 0.0001px);
  }
  .col11-sm {
    flex-basis: calc(100% * 11 / 12);
  }
  .gap-lg .col11-sm {
    flex-basis: calc(100% * 11 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col11-sm {
    flex-basis: calc(100% * 11 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col11-sm {
    flex-basis: calc(100% * 11 / 12 - 0.75rem - 0.0001px);
  }
}
@media (min-width: 55rem) {
  .pull-right-md {
    order: 2;
  }
  .pull-right-md + * {
    order: 1;
  }
  .offset3-md {
    margin-left: 25% !important;
  }
  .offset6-md {
    margin-left: 50% !important;
  }
  .vert-center-md {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .col1-md {
    flex-basis: calc(100% * 1 / 12);
  }
  .gap-lg .col1-md {
    flex-basis: calc(100% * 1 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col1-md {
    flex-basis: calc(100% * 1 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col1-md {
    flex-basis: calc(100% * 1 / 12 - 0.75rem - 0.0001px);
  }
  .col2-md {
    flex-basis: calc(100% * 2 / 12);
  }
  .gap-lg .col2-md {
    flex-basis: calc(100% * 2 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col2-md {
    flex-basis: calc(100% * 2 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col2-md {
    flex-basis: calc(100% * 2 / 12 - 0.75rem - 0.0001px);
  }
  .col3-md {
    flex-basis: calc(100% * 3 / 12);
  }
  .gap-lg .col3-md {
    flex-basis: calc(100% * 3 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col3-md {
    flex-basis: calc(100% * 3 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col3-md {
    flex-basis: calc(100% * 3 / 12 - 0.75rem - 0.0001px);
  }
  .col4-md {
    flex-basis: calc(100% * 4 / 12);
  }
  .gap-lg .col4-md {
    flex-basis: calc(100% * 4 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col4-md {
    flex-basis: calc(100% * 4 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col4-md {
    flex-basis: calc(100% * 4 / 12 - 0.75rem - 0.0001px);
  }
  .col5-md {
    flex-basis: calc(100% * 5 / 12);
  }
  .gap-lg .col5-md {
    flex-basis: calc(100% * 5 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col5-md {
    flex-basis: calc(100% * 5 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col5-md {
    flex-basis: calc(100% * 5 / 12 - 0.75rem - 0.0001px);
  }
  .col6-md {
    flex-basis: calc(100% * 6 / 12);
  }
  .gap-lg .col6-md {
    flex-basis: calc(100% * 6 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col6-md {
    flex-basis: calc(100% * 6 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col6-md {
    flex-basis: calc(100% * 6 / 12 - 0.75rem - 0.0001px);
  }
  .col7-md {
    flex-basis: calc(100% * 7 / 12);
  }
  .gap-lg .col7-md {
    flex-basis: calc(100% * 7 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col7-md {
    flex-basis: calc(100% * 7 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col7-md {
    flex-basis: calc(100% * 7 / 12 - 0.75rem - 0.0001px);
  }
  .col8-md {
    flex-basis: calc(100% * 8 / 12);
  }
  .gap-lg .col8-md {
    flex-basis: calc(100% * 8 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col8-md {
    flex-basis: calc(100% * 8 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col8-md {
    flex-basis: calc(100% * 8 / 12 - 0.75rem - 0.0001px);
  }
  .col9-md {
    flex-basis: calc(100% * 9 / 12);
  }
  .gap-lg .col9-md {
    flex-basis: calc(100% * 9 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col9-md {
    flex-basis: calc(100% * 9 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col9-md {
    flex-basis: calc(100% * 9 / 12 - 0.75rem - 0.0001px);
  }
  .col10-md {
    flex-basis: calc(100% * 10 / 12);
  }
  .gap-lg .col10-md {
    flex-basis: calc(100% * 10 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col10-md {
    flex-basis: calc(100% * 10 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col10-md {
    flex-basis: calc(100% * 10 / 12 - 0.75rem - 0.0001px);
  }
  .col11-md {
    flex-basis: calc(100% * 11 / 12);
  }
  .gap-lg .col11-md {
    flex-basis: calc(100% * 11 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col11-md {
    flex-basis: calc(100% * 11 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col11-md {
    flex-basis: calc(100% * 11 / 12 - 0.75rem - 0.0001px);
  }
}
@media (min-width: 70rem) {
  .pull-right-lg {
    order: 2;
  }
  .pull-right-lg + * {
    order: 1;
  }
  .offset3-lg {
    margin-left: 25% !important;
  }
  .offset6-lg {
    margin-left: 50% !important;
  }
  .vert-center-lg {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .col1-lg {
    flex-basis: calc(100% * 1 / 12);
  }
  .gap-lg .col1-lg {
    flex-basis: calc(100% * 1 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col1-lg {
    flex-basis: calc(100% * 1 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col1-lg {
    flex-basis: calc(100% * 1 / 12 - 0.75rem - 0.0001px);
  }
  .col2-lg {
    flex-basis: calc(100% * 2 / 12);
  }
  .gap-lg .col2-lg {
    flex-basis: calc(100% * 2 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col2-lg {
    flex-basis: calc(100% * 2 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col2-lg {
    flex-basis: calc(100% * 2 / 12 - 0.75rem - 0.0001px);
  }
  .col3-lg {
    flex-basis: calc(100% * 3 / 12);
  }
  .gap-lg .col3-lg {
    flex-basis: calc(100% * 3 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col3-lg {
    flex-basis: calc(100% * 3 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col3-lg {
    flex-basis: calc(100% * 3 / 12 - 0.75rem - 0.0001px);
  }
  .col4-lg {
    flex-basis: calc(100% * 4 / 12);
  }
  .gap-lg .col4-lg {
    flex-basis: calc(100% * 4 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col4-lg {
    flex-basis: calc(100% * 4 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col4-lg {
    flex-basis: calc(100% * 4 / 12 - 0.75rem - 0.0001px);
  }
  .col5-lg {
    flex-basis: calc(100% * 5 / 12);
  }
  .gap-lg .col5-lg {
    flex-basis: calc(100% * 5 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col5-lg {
    flex-basis: calc(100% * 5 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col5-lg {
    flex-basis: calc(100% * 5 / 12 - 0.75rem - 0.0001px);
  }
  .col6-lg {
    flex-basis: calc(100% * 6 / 12);
  }
  .gap-lg .col6-lg {
    flex-basis: calc(100% * 6 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col6-lg {
    flex-basis: calc(100% * 6 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col6-lg {
    flex-basis: calc(100% * 6 / 12 - 0.75rem - 0.0001px);
  }
  .col7-lg {
    flex-basis: calc(100% * 7 / 12);
  }
  .gap-lg .col7-lg {
    flex-basis: calc(100% * 7 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col7-lg {
    flex-basis: calc(100% * 7 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col7-lg {
    flex-basis: calc(100% * 7 / 12 - 0.75rem - 0.0001px);
  }
  .col8-lg {
    flex-basis: calc(100% * 8 / 12);
  }
  .gap-lg .col8-lg {
    flex-basis: calc(100% * 8 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col8-lg {
    flex-basis: calc(100% * 8 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col8-lg {
    flex-basis: calc(100% * 8 / 12 - 0.75rem - 0.0001px);
  }
  .col9-lg {
    flex-basis: calc(100% * 9 / 12);
  }
  .gap-lg .col9-lg {
    flex-basis: calc(100% * 9 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col9-lg {
    flex-basis: calc(100% * 9 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col9-lg {
    flex-basis: calc(100% * 9 / 12 - 0.75rem - 0.0001px);
  }
  .col10-lg {
    flex-basis: calc(100% * 10 / 12);
  }
  .gap-lg .col10-lg {
    flex-basis: calc(100% * 10 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col10-lg {
    flex-basis: calc(100% * 10 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col10-lg {
    flex-basis: calc(100% * 10 / 12 - 0.75rem - 0.0001px);
  }
  .col11-lg {
    flex-basis: calc(100% * 11 / 12);
  }
  .gap-lg .col11-lg {
    flex-basis: calc(100% * 11 / 12 - 10rem - 0.0001px);
  }
  .gap-md .col11-lg {
    flex-basis: calc(100% * 11 / 12 - 1rem - 0.0001px);
  }
  .gap-sm .col11-lg {
    flex-basis: calc(100% * 11 / 12 - 0.75rem - 0.0001px);
  }
}
.gap-flex {
  gap: 1rem;
  flex-direction: column;
}
@media (min-width: 55rem) {
  .gap-flex {
    flex-direction: row;
    gap: 4rem;
    padding: 0 1rem;
  }
}
.gap-flex .col-flex {
  flex-basis: calc(50% - 2rem);
}
.gap-flex .col54-flex {
  flex-basis: calc(54% - 2rem);
}
.gap-flex .col46-flex {
  flex-basis: calc(46% - 2rem);
}

.gap-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 55rem) {
  .gap-cards > * {
    flex-basis: 100% !important;
  }
}

.color-primary {
  color: #78B478;
}

.color-secondary {
  color: #0A2832;
}

.color-white {
  color: #fff;
}

.bg-primary {
  background-color: #78B478;
}

.bg-secondary {
  background-color: #0A2832;
}

.bg-grey {
  background-color: #f5f5f5;
}

.bg-white {
  background-color: #FFFFFF;
}

.container {
  max-width: 87.5rem;
  width: calc(100% - 2rem);
  margin-left: auto;
  margin-right: auto;
}

.container--narrow {
  max-width: 60rem;
}

.pt-0 {
  padding-top: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-8 {
  margin-top: 0.5rem !important;
}

.mt-16 {
  margin-top: 1rem !important;
}

.mt-32 {
  margin-top: 2rem !important;
}

.mt-40 {
  margin-top: 2.5rem !important;
}

.mt-48 {
  margin-top: 3rem !important;
}

.mt-64 {
  margin-top: 4rem !important;
}
@media (max-width: 55rem) {
  .mt-64 {
    margin-top: 1.5rem !important;
  }
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.vert-align {
  align-items: center;
}

.pad-32 {
  padding: 2rem 0;
}
@media (max-width: 55rem) {
  .pad-32 {
    padding: 0 !important;
  }
}

.pad-64 {
  padding: 4rem 0;
}
@media (max-width: 55rem) {
  .pad-64 {
    padding: 0 !important;
  }
}

.mw-48 {
  max-width: 48rem;
}
.mw-48.center {
  margin-left: auto;
  margin-right: auto;
}

.mw-60 {
  max-width: 60rem;
}
.mw-60.center {
  margin-left: auto;
  margin-right: auto;
}

.mw-61 {
  max-width: 61rem;
}
.mw-61.center {
  margin-left: auto;
  margin-right: auto;
}

.mw-65 {
  max-width: 65rem;
}
.mw-65.center {
  margin-left: auto;
  margin-right: auto;
}

.mw-70 {
  max-width: 70rem;
}
.mw-70.center {
  margin-left: auto;
  margin-right: auto;
}

.mw-75 {
  max-width: 75rem;
}
.mw-75.center {
  margin-left: auto;
  margin-right: auto;
}

.ch-62 {
  max-width: 62ch;
}

.text-center {
  text-align: center;
}

.flow > * + *:not(section):not(br) {
  margin-top: 1.5rem;
}

.flow-lg > * + *:not(section):not(br) {
  margin-top: 1.5rem;
}
@media (min-width: 55rem) {
  .flow-lg > * + *:not(section):not(br) {
    margin-top: 3rem;
  }
}

.section {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 55rem) {
  .section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 70rem) {
  .section {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.target {
  display: block;
  position: relative;
  top: -260px;
  visibility: hidden;
}
@media (min-width: 960px) {
  .target {
    top: -220px;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.no-wrap {
  white-space: nowrap;
}
.no-wrap.block {
  display: block;
}

.hidden {
  display: none;
}

.sr-only,
.sr-only-focusable:not(:focus):not(:focus-within) {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.u-skip-link {
  position: absolute;
  top: 0;
  right: 100%;
}
.u-skip-link:focus {
  right: auto;
}

@media (max-width: 55rem) {
  .cta {
    display: flex;
    gap: 2rem;
  }
  .cta > * {
    flex-basis: calc(50% - 1rem);
  }
  .cta > * h3 {
    font-size: 0.875rem !important;
  }
}
.cta > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.cta > * h3 {
  color: rgba(30, 30, 30, 0.65);
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.cta-slider .tns-slider {
  cursor: grab;
}
.cta-slider .tns-slider .tns-item {
  display: inline-flex !important;
  justify-content: center;
}
.cta-slider .tns-slider .tns-item > * {
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-basis: 100%;
}
.cta-slider .tns-slider .tns-item > * h3 {
  color: rgba(30, 30, 30, 0.65);
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.blocks {
  display: flex;
  flex-direction: row;
}
@media (max-width: 55rem) {
  .blocks {
    flex-direction: column;
  }
  .blocks .block {
    padding: 48px 0 !important;
  }
  .blocks .block:last-child {
    padding: 8rem !important;
  }
}
.blocks .block {
  flex-basis: 50%;
  display: flex;
  padding: 96px 96px 96px 0px;
  justify-content: flex-end;
  gap: 48px;
  flex: 1 0 0;
}
.blocks .block.pull-right-md {
  padding: 96px 96px 96px 96px;
  justify-content: flex-start;
}
.blocks .block .block_content {
  display: flex;
  max-width: 624px;
  padding: 0px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}
.blocks .block .block_content h2 {
  color: #fff;
}
.blocks .block .block_content p {
  color: rgba(255, 255, 255, 0.75);
}
.blocks .block .block_content .button--bordered {
  border: 2px solid #fff;
}
.blocks .block .block_content .button--bordered span {
  color: #fff;
}
.blocks .block .block_content .button--bordered:hover {
  border: 2px solid #0A5064;
}
.blocks .block .block_content .button--bordered:hover span {
  color: #fff;
}
@media (max-width: 55rem) {
  .blocks .block .block_content {
    gap: 24px;
  }
}
.blocks .block .block_content_half {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}

.accreditations {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 55rem) {
  .accreditations > *:nth-child(1) {
    flex-basis: 18%;
  }
  .accreditations > *:nth-child(2) {
    flex-basis: 40%;
  }
  .accreditations > *:nth-child(3) {
    flex-basis: 15%;
  }
}

.hero-blank {
  min-height: 119.39px;
}
@media (max-width: 55rem) {
  .hero-blank {
    min-height: 137.59px;
  }
}

.downloads-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.5rem;
  margin-top: 2rem;
}

.button-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.ob-pos-btm img {
  object-position: bottom;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  font-weight: 700;
  font-size: 1rem;
}

.h1 {
  font-size: 1.5rem;
}
@media (min-width: 40rem) {
  .h1 {
    font-size: 2.5rem;
  }
}

.h2 {
  color: #0A2832;
  font-family: "Mada", sans-serif;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.25px;
  text-transform: capitalize;
}
@media (max-width: 55rem) {
  .h2 {
    font-size: 1.5rem;
  }
}

.h3 {
  font-family: "Mada", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.h4 {
  font-family: "Mada", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.link {
  color: currentColor;
  font-style: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.link:hover {
  text-decoration-thickness: 2px;
}

.link-underline {
  background-image: linear-gradient(to right, #78B478 0%, #78B478 50%, #0A2832 50.1%, #0A2832 100%);
  background-size: 200% 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link-underline:hover {
  background-position: right bottom;
}

.link-gradient {
  color: #78B478;
}
@supports (-webkit-background-clip: text) {
  .link-gradient span {
    background-image: linear-gradient(to right, #78B478 0%, #0A2832 100%);
    background-size: 200% auto;
    transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.link-gradient:hover {
  color: #0A2832;
}
@supports (-webkit-background-clip: text) {
  .link-gradient:hover span {
    background-position: right center;
  }
}

.subheading {
  font-size: 1.25rem;
  margin-top: 1.5rem;
}
@media (min-width: 40rem) {
  .subheading {
    font-size: 1.875rem;
  }
}

strong {
  font-weight: 700;
}

.leading {
  font-weight: 700;
  font-size: 1.125rem;
}
@media (min-width: 40rem) {
  .leading {
    font-size: 1.375rem;
  }
}

q {
  font-style: italic;
}

cite {
  display: block;
  font-style: normal;
  font-weight: 700;
  margin-top: 1.5rem;
}

main p {
  color: rgba(10, 40, 50, 0.75);
  font-family: "Open Sans", sans-serif;
  font-size: 0.938rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.5px;
}
@media (max-width: 55rem) {
  main p {
    font-size: 0.875rem;
  }
}

form a {
  word-break: break-word;
}

label {
  display: block;
}
label + input, label + textarea, label + .form-group {
  margin-top: 0 !important;
}

input, textarea {
  padding: 0.75rem 1em;
  border: 2px solid #fff;
  width: 100%;
  border: 1px solid #78B478;
  -webkit-appearance: none;
}

textarea {
  height: 10rem;
  display: block;
}

::-webkit-input-placeholder {
  color: #282828;
  font-weight: 400;
}

::-moz-placeholder {
  color: #282828;
  font-weight: 400;
}

:-ms-input-placeholder {
  color: #282828;
  font-weight: 400;
}

:-moz-placeholder {
  color: #282828;
  font-weight: 400;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th {
  background-color: #78B478;
  color: #fff;
  font-weight: 700;
}

th, td {
  padding: 0.75rem 0.5rem;
  border: 2px solid #78B478;
}

[class*=bg-] {
  background-size: 100% auto;
  background-size: cover;
  background-position: 50%;
}

.bg-about-absolute-irrigation {
  background-image: url(../img/about-absolute-irrigation.jpg);
}

.bg-garden-design-planters-basket-watering {
  background-image: url(../img/garden-design-planters-basket-watering.jpg);
}

.bg-garden-design-lawn-irrigation {
  background-image: url(../img/garden-design-lawn-irrigation.jpg);
}

.bg-garden-design-automatic-irrigation {
  background-image: url(../img/garden-design-automatic-irrigation.jpg);
}

.bg-irrigation-servicing {
  background-image: url(../img/irrigation-servicing.jpg);
}

.bg-our-repair-process {
  background-image: url(../img/our-repair-process.jpg);
}

.bg-our-expertise-and-approach {
  background-image: url(../img/our-expertise-and-approach.jpg);
}

.bg-athletics-irrigation {
  background-image: url(../img/athletics-irrigation.jpg);
}

.bg-irrigation-sports-installation {
  background-image: url(../img/irrigation-sports-installation.jpg);
}

.bg-sports-irrigation {
  background-image: url(../img/sports-irrigation.jpg);
}

.bg-bund-irrigation {
  background-image: url(../img/bund-irrigation.jpg);
}

.bg-tree-watering-system {
  background-image: url(../img/tree-watering-system.jpg);
}

.bg-complete-irrigation-systems {
  background-image: url(../img/complete-irrigation-systems.jpg);
}

.button.button--bordered {
  display: inline-flex;
  padding: 0.75rem 2rem;
  justify-content: center;
  align-items: center;
  border: 2px solid #0A2832;
  border-radius: 96px;
}
.button.button--bordered span {
  color: #0A2832;
  font-family: "Mada", sans-serif;
  font-size: 0.938rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}
.button.button--bordered:hover {
  background: #0A5064;
  border: 2px solid #0A5064;
}
.button.button--bordered:hover span {
  color: #fff;
}
.button.button--cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 1rem;
}
.button.button--cta span {
  color: #282828;
  font-family: "Open Sans", sans-serif;
  font-size: 0.938rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  padding-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  transition: 0.4s ease;
}
.button.button--cta span::after {
  width: 7px;
  height: 10px;
  content: "";
  position: relative;
  bottom: 0;
  left: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewBox="0 0 7 10" fill="none"><path d="M2 8L5 5L2 2" stroke="black" stroke-width="2" stroke-linecap="square"/></svg>');
  display: block;
}
.button.button--cta:hover span {
  color: #78B478;
  gap: 1rem;
  transition: 0.4s ease;
}

.block .button--cta span {
  color: #fff;
}
.block .button--cta span::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewBox="0 0 7 10" fill="none"><path d="M2 8L5 5L2 2" stroke="white" stroke-width="2" stroke-linecap="square"/></svg>');
}

.menu-main--check {
  display: none;
}
.menu-main--check:checked + label .burger .line:nth-child(1), .menu-main--check:checked + label .burger .line:nth-child(5) {
  transform: rotate(45deg);
}
.menu-main--check:checked + label .burger .line:nth-child(2), .menu-main--check:checked + label .burger .line:nth-child(4) {
  transform: rotate(-45deg);
}
.menu-main--check:checked + label .burger .line:nth-of-type(3) {
  transform: scaleX(0);
  transform-origin: 50%;
}
.menu-main--check:checked ~ ul {
  max-height: 1000px;
}

.menu-main--trigger {
  cursor: pointer;
  margin: 0;
  height: 32px;
  color: #282828;
  font-weight: 700;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-main--trigger span {
  line-height: 32px;
  vertical-align: top;
}
.menu-main--trigger:hover {
  color: #78B478;
}
.menu-main--trigger:hover .burger .line {
  stroke: #78B478;
}

.burger {
  width: 32px;
  margin: auto;
  cursor: pointer;
}
.burger .line {
  stroke-width: 4px;
  fill: transparent;
  stroke: #282828;
  stroke-linecap: round;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(0deg);
}
.burger .line:nth-child(1) {
  transform-origin: 0px 6px;
}
.burger .line:nth-child(2) {
  transform-origin: 30px 12px;
}
.burger .line:nth-of-type(3) {
  transform-origin: 50%;
  transform: scaleX(1);
}
.burger .line:nth-child(4) {
  transform-origin: 2px 26px;
}
.burger .line:nth-child(5) {
  transform-origin: 28px 20px;
}
.burger.close .line:nth-of-type(2) {
  transform: scaleX(0);
  transform-origin: 50%;
}

@media (min-width: 960px) {
  .header .menu-main--trigger {
    display: none;
  }
}
.menu-main--check {
  display: none;
}

.menu-main--check:checked + label .burger .line:nth-child(1), .menu-main--check:checked + label .burger .line:nth-child(5) {
  transform: rotate(45deg);
}

.menu-main--check:checked + label .burger .line:nth-child(2), .menu-main--check:checked + label .burger .line:nth-child(4) {
  transform: rotate(-45deg);
}

.menu-main--check:checked + label .burger .line:nth-of-type(3) {
  transform: scaleX(0);
  transform-origin: 50%;
}

.menu-main--check:checked ~ ul {
  max-height: 1000px;
}

.menu-main--trigger {
  cursor: pointer;
  margin: 0;
  height: 32px;
  color: #282828;
  font-weight: 700;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu-main--trigger span {
  line-height: 32px;
  vertical-align: top;
}

.menu-main--trigger:hover {
  color: #78B478;
}

.menu-main--trigger:hover .burger .line {
  stroke: #78B478;
}

.burger {
  width: 32px;
  margin: auto;
  cursor: pointer;
}

.burger .line {
  stroke-width: 4px;
  fill: transparent;
  stroke: #282828;
  stroke-linecap: round;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(0deg);
}

.burger .line:nth-child(1) {
  transform-origin: 0px 6px;
}

.burger .line:nth-child(2) {
  transform-origin: 30px 12px;
}

.burger .line:nth-of-type(3) {
  transform-origin: 50%;
  transform: scaleX(1);
}

.burger .line:nth-child(4) {
  transform-origin: 2px 26px;
}

.burger .line:nth-child(5) {
  transform-origin: 28px 20px;
}

.burger.close .line:nth-of-type(2) {
  transform: scaleX(0);
  transform-origin: 50%;
}

@media (min-width: 960px) {
  .header .menu-main--trigger {
    display: none;
  }
}
.menu-main {
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  text-align: center;
  z-index: 100;
  background-color: false;
}
.menu-main ul {
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-main ul.menu-main__sub {
  background-color: #0A2832;
}
.menu-main ul.menu-main__sub a {
  color: #fff;
  padding: 0;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.menu-main ul.menu-main__sub a:hover {
  color: #78B478;
}
.menu-main li {
  font-size: 1rem;
}
.menu-main li.menu-main__parent {
  position: relative;
}
.menu-main li.menu-main__parent > a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.menu-main li.menu-main__parent > a svg {
  stroke: inherit;
  width: 8px;
  height: 4px;
}
.menu-main a {
  display: block;
  color: #282828;
  text-decoration: none;
}
.menu-main a:hover {
  color: #78B478;
}
.menu-main ul {
  max-height: 0;
  overflow: hidden;
}
.menu-main ul.open {
  max-height: 500px;
  padding: 0.5rem;
}
@media (min-width: 960px) {
  .menu-main {
    padding: 0;
  }
  .menu-main ul.menu-main__top {
    max-height: 200px;
    overflow: visible;
    display: flex;
    gap: 4rem;
    align-items: center;
  }
  .menu-main ul.menu-main__top > li {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2.75rem 0;
  }
  .menu-main ul.menu-main__top > li a {
    position: relative;
    display: inline-flex;
  }
  .menu-main ul.menu-main__top > li a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #0A2832;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .menu-main ul.menu-main__top > li:hover a::before {
    transform: scaleX(1);
  }
  .menu-main ul.menu-main__top > li:nth-child(4) .menu-main__sub {
    width: 22rem;
  }
  .menu-main ul.menu-main__top > li:nth-child(5) .menu-main__sub {
    width: 17rem;
  }
  .menu-main ul.menu-main__top > li:nth-child(6) .menu-main__sub {
    width: 17rem;
  }
  .menu-main ul.menu-main__top > li > a {
    color: #0A2832;
    font-family: "Mada", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
    padding-bottom: 6px;
  }
  .menu-main ul.menu-main__sub {
    max-height: 0;
    width: 27rem;
    position: absolute;
    left: 0;
    top: 7.1rem;
    overflow: hidden;
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .menu-main ul.menu-main__sub li {
    padding: 0.5em 0;
  }
  .menu-main ul .menu-main__parent {
    position: relative;
  }
  .menu-main ul .menu-main__parent > a::after {
    content: "";
    position: relative;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7" viewBox="0 0 10 7" fill="none"><path d="M1 1L5 5L9 1" stroke="%230A5064" stroke-width="2" stroke-linecap="round"/></svg>');
    width: 10px;
    height: 7px;
    top: 0;
    left: 0;
    transition: 0.3s ease-out;
    display: block;
  }
  .menu-main ul .menu-main__parent > a::after {
    bottom: -24px;
  }
  .menu-main ul .menu-main__parent:hover ul {
    max-height: 500px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .menu-main ul .menu-main__parent:hover a::after {
    transform: rotate(-180deg);
    transition: 0.3s ease-in;
  }
  .menu-main .button--nav {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    background: #78B478;
    margin-top: -10px;
    padding-bottom: 0.75rem !important;
  }
  .menu-main .button--nav::before {
    content: "";
    position: relative;
    width: 22px;
    height: 21px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.18115 3.7615H21.0418L13.4032 8.99829L8.20739 5.43616C8.40521 4.90643 8.40689 4.30766 8.18115 3.7615ZM4.81765 6.80096L6.69222 5.65951C7.24853 5.32078 7.43318 4.59806 7.10749 4.03394L5.41513 1.10254C5.24152 0.801775 4.97873 0.60829 4.64001 0.53182C4.30125 0.455304 3.9809 0.517069 3.69486 0.714037L0.608491 2.8391C-0.860623 8.01575 5.74127 19.223 10.8046 20.5L14.188 18.8895C14.5016 18.7403 14.7153 18.4937 14.8184 18.1621C14.9215 17.8305 14.8853 17.5062 14.7117 17.2054L13.0193 14.274C12.6937 13.7099 11.9755 13.5084 11.404 13.8209L9.47824 14.8736C7.57381 13.1798 5.33229 9.29725 4.81765 6.80096ZM21.9759 4.43499L13.7087 10.1028C13.5152 10.2348 13.2667 10.2245 13.0869 10.0953L7.59851 6.33263C7.49453 6.42634 7.38065 6.51177 7.25694 6.58711L6.0713 7.30901C6.69421 9.31942 8.23554 11.9892 9.66506 13.5338L10.8831 12.868C11.9713 12.273 13.3396 12.6568 13.9597 13.731L15.0092 15.5489H21.1224C21.6051 15.5489 22 15.154 22 14.6713V4.63915C22.0001 4.56892 21.9917 4.50055 21.9759 4.43499Z" fill="%231E1E1E"/></svg>');
    display: block;
  }
  .menu-main .button--nav:hover {
    background: #0A2832;
  }
  .menu-main .button--nav:hover::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.18115 3.7615H21.0418L13.4032 8.99829L8.20739 5.43616C8.40521 4.90643 8.40689 4.30766 8.18115 3.7615ZM4.81765 6.80096L6.69222 5.65951C7.24853 5.32078 7.43318 4.59806 7.10749 4.03394L5.41513 1.10254C5.24152 0.801775 4.97873 0.60829 4.64001 0.53182C4.30125 0.455304 3.9809 0.517069 3.69486 0.714037L0.608491 2.8391C-0.860623 8.01575 5.74127 19.223 10.8046 20.5L14.188 18.8895C14.5016 18.7403 14.7153 18.4937 14.8184 18.1621C14.9215 17.8305 14.8853 17.5062 14.7117 17.2054L13.0193 14.274C12.6937 13.7099 11.9755 13.5084 11.404 13.8209L9.47824 14.8736C7.57381 13.1798 5.33229 9.29725 4.81765 6.80096ZM21.9759 4.43499L13.7087 10.1028C13.5152 10.2348 13.2667 10.2245 13.0869 10.0953L7.59851 6.33263C7.49453 6.42634 7.38065 6.51177 7.25694 6.58711L6.0713 7.30901C6.69421 9.31942 8.23554 11.9892 9.66506 13.5338L10.8831 12.868C11.9713 12.273 13.3396 12.6568 13.9597 13.731L15.0092 15.5489H21.1224C21.6051 15.5489 22 15.154 22 14.6713V4.63915C22.0001 4.56892 21.9917 4.50055 21.9759 4.43499Z" fill="%23FFFFFF"/></svg>');
  }
  .menu-main .button--nav:hover span {
    color: #fff;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .menu-main .menu-main {
    position: relative;
  }
  .menu-main .supernav {
    position: static !important;
  }
  .menu-main .supernav:hover > ul {
    padding: 0rem !important;
    padding-top: 2rem !important;
  }
  .menu-main .supernav:hover ul {
    max-height: 5000px !important;
  }
  .menu-main ul.supernav__block {
    width: 100%;
    background-color: #0A2832;
    padding: 0rem 2rem;
    z-index: 10;
    top: 7.45rem;
  }
  .menu-main ul.supernav__block .supernav-container {
    display: flex;
    gap: 4rem;
    max-width: 87.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2rem !important;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex-basis: 50%;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col:last-child {
    background-image: url(../img/webp/commercial-nav.webp);
    background-size: cover;
  }
  .menu-main html:not(.webp) ul.supernav__block .supernav-container .supernav-col:last-child {
    background-image: url(../img/commercial-nav.png);
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col h2,
  .menu-main ul.supernav__block .supernav-container .supernav-col h3 {
    color: #fff;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col a {
    color: #fff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col a:hover {
    color: #78B478;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col h3 {
    color: #fff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-left: 40px;
    position: relative;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col h3::before {
    background-size: 24px 24px !important;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat !important;
    background-position: center !important;
    left: 0;
    position: absolute;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col h3::after {
    content: "";
    position: relative;
    bottom: 0;
    left: -40px;
    background-color: #78B478;
    height: 1px;
    width: calc(100% + 40px);
    display: block;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li {
    margin: 0;
    padding: 0;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.high-speed-doors {
    min-height: 100px;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.high-speed-doors h3::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g fill="%23424242"><path d="M55 5h3v6h-3zM9.414 16h45.172l2-3H7.414zM51 18h3v41h-3zM15 50h34v2H15zM15 46h34v2H15zM15 42h34v2H15zM15 38h34v2H15zM15 34h34v2H15zM15 30h34v2H15zM15 26h34v2H15zM15 18h34v2H15zM10 18h3v41h-3zM53 5H11v6h42zM20 9h-5V7h5zM6 5h3v6H6zM15 22h34v2H15z" fill="%23ffffff" opacity="1" data-original="%23424242" class=""></path></g></g></svg>');
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.high-speed-doors li:nth-child(1) {
    order: 1;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.high-speed-doors li:nth-child(2) {
    order: 3;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.high-speed-doors li:nth-child(3) {
    order: 5;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.high-speed-doors li:nth-child(4) {
    order: 2;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.high-speed-doors li:nth-child(5) {
    order: 4;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.roller-shutter-doors {
    min-height: 124px;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.roller-shutter-doors h3::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g fill="%23424242"><path d="M55 5h3v6h-3zM9.414 16h45.172l2-3H7.414zM51 18h3v41h-3zM15 50h34v2H15zM15 46h34v2H15zM15 42h34v2H15zM15 38h34v2H15zM15 34h34v2H15zM15 30h34v2H15zM15 26h34v2H15zM15 18h34v2H15zM10 18h3v41h-3zM53 5H11v6h42zM20 9h-5V7h5zM6 5h3v6H6zM15 22h34v2H15z" fill="%23ffffff" opacity="1" data-original="%23424242" class=""></path></g></g></svg>');
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.roller-shutter-doors li:nth-child(1) {
    order: 1;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.roller-shutter-doors li:nth-child(2) {
    order: 4;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.roller-shutter-doors li:nth-child(3) {
    order: 2;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.roller-shutter-doors li:nth-child(4) {
    order: 5;
    flex-basis: 40%;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.roller-shutter-doors li:nth-child(5) {
    order: 3;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.sectional-doors {
    min-height: 100px;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.sectional-doors h3::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g fill="%23424242"><path d="M55 5h3v6h-3zM9.414 16h45.172l2-3H7.414zM51 18h3v41h-3zM15 50h34v2H15zM15 46h34v2H15zM15 42h34v2H15zM15 38h34v2H15zM15 34h34v2H15zM15 30h34v2H15zM15 26h34v2H15zM15 18h34v2H15zM10 18h3v41h-3zM53 5H11v6h42zM20 9h-5V7h5zM6 5h3v6H6zM15 22h34v2H15z" fill="%23ffffff" opacity="1" data-original="%23424242" class=""></path></g></g></svg>');
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.sectional-doors li:nth-child(1) {
    order: 1;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.sectional-doors li:nth-child(2) {
    order: 3;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.sectional-doors li:nth-child(3) {
    order: 5;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.sectional-doors li:nth-child(4) {
    order: 2;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.sectional-doors li:nth-child(5) {
    order: 4;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.bollards-and-barriers h3::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M391 120V75c0-41.355-33.645-75-75-75H196c-41.355 0-75 33.645-75 75v45h30v30h-30v362h270V150h-30v-30h30zm-30 362H151V180h210v302zM181 150v-30h150v30H181zm-30-60V75c0-24.813 20.187-45 45-45h120c24.813 0 45 20.187 45 45v15H151z" fill="%23ffffff" opacity="1" data-original="%23000000"></path></g></svg>');
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.entrance-exit-doors {
    min-height: 134px;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.entrance-exit-doors h3::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 32 32" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M16.5 3a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H12v3.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V5a2 2 0 0 1 2-2zM12 23.5V27h4.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H12a2 2 0 0 1-2-2v-3.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5zM2 17v-2a.5.5 0 0 1 .5-.5H12v-3.146c0-.131.158-.196.25-.104l4.638 4.638a.158.158 0 0 1 0 .222l-4.638 4.64a.147.147 0 0 1-.25-.104V17.5H2.5A.5.5 0 0 1 2 17zM29.22 4.854l-9.512-2.831a.546.546 0 0 0-.708.513v26.919c0 .365.36.626.717.52l9.503-2.829a1.08 1.08 0 0 0 .78-1.03V5.884a1.08 1.08 0 0 0-.78-1.03zM23 17a1 1 0 1 1-2 0v-2a1 1 0 1 1 2 0z" fill="%23ffffff" opacity="1" data-original="%23000000"></path></g></svg>');
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.entrance-exit-doors li:nth-child(4) {
    flex-basis: 50%;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.loading-bay-equipment h3::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 32 32" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M27.832 18.445A1 1 0 0 0 27 18h-3v-1a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2.184c.414 1.161 1.514 2 2.816 2s2.402-.839 2.816-2h4.368c.414 1.161 1.514 2 2.816 2s2.402-.839 2.816-2H29a1 1 0 0 0 1-1v-5c0-.197-.059-.39-.168-.555zM26.465 20l.667 1H24v-1zM10 18h12v6.78a2.99 2.99 0 0 0-.816 1.22h-4.368c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816 2H10zm4 10a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2zm10 0a1 1 0 1 1 .001-2.001A1 1 0 0 1 24 28zm4-2h-1.184A2.995 2.995 0 0 0 24 24v-1h4z" fill="%23ffffff" opacity="1" data-original="%23000000"></path><path d="M26 17h2v-4h1.02a1 1 0 0 0 .622-1.783l-7.895-8.881A.998.998 0 0 0 21 2H11a1 1 0 0 0-.748.336l-8 9A.999.999 0 0 0 3 13h1v16a1 1 0 1 0 2 0V13h20zM5.227 11l6.222-7h9.102l6.222 7z" fill="%23ffffff" opacity="1" data-original="%23000000"></path><path d="M19 5h-6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm-1 3h-4V7h4z" fill="%23ffffff" opacity="1" data-original="%23000000"></path></g></svg>');
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.insulated-folding-sliding-doors h3::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M62 1H2a1 1 0 0 0-1 1v60a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2.646l11.706 3.6a1 1 0 0 0 .588 0l12.74-3.92 16.737 3.938A1.051 1.051 0 0 0 49 63a1 1 0 0 0 1-1V7h7v55a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM48 6.208 33 9.737V6.792l15-3.529zM31 9.646 20 6.262V3.354l11 3.384zM18 6.262 7 9.646V6.739l11-3.385zM7 11.738l11-3.384v47.292L7 52.262zm13-3.384 11 3.384v40.524l-11 3.384zm13 3.438 15-3.529v47.474l-15-3.529zM40.383 3l-8.349 1.964L25.65 3zM5 6v55H3V3h9.35L5.706 5.044A1 1 0 0 0 5 6zm2 48.354 11 3.384v2.908L7 57.262zm13 6.292v-2.908l11-3.384v2.907zm13-3.438v-2.945l15 3.529v2.945zM61 61h-2V6a1 1 0 0 0-1-1h-8V3h11z" fill="%23ffffff" opacity="1" data-original="%23000000" class=""></path><path d="M44 30h2v4h-2z" fill="%23ffffff" opacity="1" data-original="%23000000" class=""></path></g></svg>');
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.insulated-folding-sliding-doors li:nth-child(1) {
    flex-basis: 100%;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.fire-rated-doors {
    min-height: 100px;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li.fire-rated-doors h3::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 511.126 511.126" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M491.901 24.819H326.473c-10.618 0-19.225 8.608-19.225 19.226v50.7a29.406 29.406 0 0 1 10.169 4.871c13.074 9.715 15.797 28.19 6.082 41.265l-16.25 21.868v58.637h47.909v-1.216c0-17.017 19.664-26.63 33.093-16.171l52.784 41.115c10.53 8.202 10.546 24.127 0 32.342l-52.784 41.115c-13.425 10.456-33.093.851-33.093-16.171v-1.216h-47.909v165.897c0 10.618 8.608 19.226 19.225 19.226h165.428c10.618 0 19.225-8.608 19.225-19.226V44.045c-.001-10.618-8.608-19.226-19.226-19.226z" fill="%23ffffff" opacity="1" data-original="%23000000"></path><circle cx="203.518" cy="76.882" r="41.745" transform="rotate(-45 203.519 76.925)" fill="%23ffffff" opacity="1" data-original="%23000000"></circle><path d="M311.116 108.094c-8.391-6.236-20.251-4.489-26.487 3.904L247.3 162.23l-36.083-12.338 18.43 2.389c-2.692-9.095-10.465-16.252-20.47-17.661l-51.757-7.16a47.39 47.39 0 0 0-30.427 6.041l-61.079 35.744a18.93 18.93 0 0 0-9.312 17.626l5.906 86.108c.716 10.444 9.77 18.312 20.182 17.592 10.431-.715 18.308-9.751 17.592-20.182l-5.104-74.411 24.891-14.594-13.57 91.745a172.55 172.55 0 0 0-1.463 13.591l-4.299 63.471-81.88 14.125C6.493 366.449-1.801 378.201.332 390.566c2.133 12.363 13.884 20.659 26.25 18.525l99.477-17.162a22.718 22.718 0 0 0 18.804-20.853l4.693-69.3 26.874 4.412 26.035 55.23 11.052 104.555c1.317 12.455 12.475 21.522 24.981 20.204 12.477-1.319 21.523-12.503 20.204-24.98L247.245 352.82a22.728 22.728 0 0 0-2.043-7.299l-30.965-65.689 10.899-78.779-26.171-15.335 49.159 16.81a18.933 18.933 0 0 0 21.321-6.622l45.572-61.326c6.239-8.391 4.491-20.25-3.901-26.486z" fill="%23ffffff" opacity="1" data-original="%23000000"></path><path d="M367.228 289.113V302.4c0 7.022 8.074 10.954 13.603 6.647l52.784-41.115c4.331-3.373 4.331-9.921 0-13.294l-52.784-41.115c-5.523-4.302-13.603-.381-13.603 6.647v13.288h-71.367a8.977 8.977 0 0 0-8.977 8.977v37.7a8.977 8.977 0 0 0 8.977 8.977h71.367z" fill="%23ffffff" opacity="1" data-original="%23000000"></path></g></svg>');
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li ul {
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem 2rem;
    align-self: stretch;
    color: #fff;
    padding: 1.5rem 0 0 0 !important;
    margin: 0 !important;
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li ul > * {
    flex-basis: calc(50% - 1.5rem);
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li ul li,
  .menu-main ul.supernav__block .supernav-container .supernav-col li ul a {
    color: #fff;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.75px;
    text-transform: capitalize;
    padding: 0;
    margin: 0;
    flex-basis: calc(30% - 1.5rem);
  }
  .menu-main ul.supernav__block .supernav-container .supernav-col li ul li:hover,
  .menu-main ul.supernav__block .supernav-container .supernav-col li ul a:hover {
    color: #78B478;
  }
  .menu-main ul.supernav__block .nav-bar {
    background-color: #fff;
    width: 100%;
    padding: 1.5rem 0;
  }
  .menu-main ul.supernav__block .nav-bar .container {
    display: flex;
    justify-content: space-between;
  }
  .menu-main ul.supernav__block .nav-bar .container .accreditations {
    flex-basis: 60%;
  }
  .menu-main ul.supernav__block .nav-bar .container .button-container {
    flex-basis: 40%;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    align-items: center;
  }
  .menu-main ul.supernav__block .nav-bar .container .button-container .button {
    padding: 1rem 2rem !important;
  }
  .menu-main ul.supernav__block .nav-bar .container .button-container .button::after {
    display: none;
  }
  .menu-main ul.supernav__block .nav-bar .container .button-container .button:hover {
    background-color: #0A2832;
  }
  .menu-main ul.supernav__block .nav-bar .container .button-container .button:hover span {
    color: #fff;
  }
}

.header__contact {
  display: flex;
  flex-wrap: wrap;
}

.header__contact p {
  display: inline-block;
  vertical-align: top;
}

.header__contact p:not(:last-child) {
  margin-right: 1rem;
}

@media (min-width: 55rem) {
  .header__contact {
    justify-content: flex-end;
  }
}
.header__contact {
  display: flex;
  gap: 2rem;
}
.header__contact p {
  color: rgba(30, 30, 30, 0.6392156863);
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.header__contact p::before {
  content: "";
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.header__contact p.header__contact__openingtimes::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M10 0.5C8.02219 0.5 6.08879 1.08649 4.4443 2.1853C2.79981 3.28412 1.51809 4.8459 0.761209 6.67316C0.0043329 8.50042 -0.193701 10.5111 0.192152 12.4509C0.578004 14.3907 1.53041 16.1725 2.92894 17.5711C4.32746 18.9696 6.10929 19.922 8.0491 20.3078C9.98891 20.6937 11.9996 20.4957 13.8268 19.7388C15.6541 18.9819 17.2159 17.7002 18.3147 16.0557C19.4135 14.4112 20 12.4778 20 10.5C19.9969 7.84879 18.9423 5.30707 17.0676 3.43239C15.1929 1.5577 12.6512 0.503128 10 0.5ZM10 18.6818C8.38179 18.6818 6.79992 18.202 5.45443 17.3029C4.10894 16.4039 3.06025 15.1261 2.44099 13.631C1.82173 12.136 1.6597 10.4909 1.9754 8.9038C2.29109 7.31669 3.07034 5.85883 4.21458 4.71458C5.35883 3.57033 6.81669 2.79109 8.40381 2.47539C9.99093 2.1597 11.636 2.32172 13.131 2.94098C14.6261 3.56025 15.9039 4.60893 16.8029 5.95442C17.702 7.29992 18.1818 8.88179 18.1818 10.5C18.1792 12.6691 17.3163 14.7487 15.7825 16.2825C14.2487 17.8163 12.1691 18.6792 10 18.6818Z" fill="%231E1E1E" fill-opacity="0.64"/><path d="M10.9091 10.1236V5.04546C10.9091 4.80435 10.8133 4.57312 10.6428 4.40263C10.4723 4.23214 10.2411 4.13636 10 4.13636C9.7589 4.13636 9.52767 4.23214 9.35718 4.40263C9.18669 4.57312 9.09091 4.80435 9.09091 5.04546V10.5C9.09097 10.7411 9.18678 10.9723 9.35728 11.1427L12.0846 13.87C12.256 14.0356 12.4856 14.1272 12.724 14.1252C12.9624 14.1231 13.1904 14.0275 13.3589 13.8589C13.5275 13.6904 13.6231 13.4624 13.6252 13.224C13.6272 12.9856 13.5356 12.756 13.37 12.5845L10.9091 10.1236Z" fill="%231E1E1E" fill-opacity="0.64"/></svg>');
}
.header__contact p.header__contact__phone::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M19.0305 15.2864L16.1267 13.2574C15.747 12.9926 15.3032 12.8529 14.8429 12.8529C14.1111 12.8529 13.4241 13.2119 13.0057 13.8125L12.3316 14.7786C11.2019 14.0208 9.9413 12.9628 8.73958 11.7612C7.53808 10.5595 6.48037 9.29881 5.72292 8.16897L6.68849 7.49483C7.18069 7.15207 7.50941 6.63859 7.6138 6.04938C7.71798 5.4606 7.58666 4.8657 7.2435 4.37323L5.21518 1.46918C4.79104 0.862458 4.10669 0.5 3.38426 0.5C3.13389 0.5 2.88834 0.544213 2.65461 0.63045C2.38914 0.728506 2.14184 0.848888 1.89935 1.00123L1.49841 1.28358C1.39818 1.3615 1.30495 1.44686 1.21565 1.53616C0.726519 2.02513 0.379419 2.64411 0.183546 3.37603C-0.652251 6.50946 1.41831 11.2477 5.33577 15.1656C8.62556 18.4557 12.5778 20.4996 15.6498 20.5C16.176 20.5 16.6721 20.4387 17.1242 20.3179C17.8561 20.1222 18.475 19.7751 18.9644 19.2857C19.0532 19.1968 19.1381 19.1036 19.2292 18.9858L19.5117 18.5826C19.6498 18.362 19.77 18.1147 19.8693 17.8472C20.2109 16.9236 19.866 15.8703 19.0305 15.2864Z" fill="%231E1E1E" fill-opacity="0.64"/></svg>');
}
.header__contact p.header__contact__email::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="15" viewBox="0 0 20 15" fill="none"><path d="M11.6714 9.75365C11.1739 10.0854 10.5959 10.2607 10 10.2607C9.40414 10.2607 8.82617 10.0854 8.32859 9.75365L0.133164 4.28986C0.0876953 4.25955 0.0433984 4.22795 0 4.19545V13.1485C0 14.1749 0.833008 14.9896 1.84113 14.9896H18.1588C19.1853 14.9896 20 14.1566 20 13.1485V4.19541C19.9565 4.22799 19.9121 4.25967 19.8665 4.29002L11.6714 9.75365Z" fill="%231E1E1E" fill-opacity="0.64"/><path d="M0.783203 3.31479L8.97863 8.77861C9.28887 8.98545 9.64441 9.08885 9.99996 9.08885C10.3555 9.08885 10.7111 8.98541 11.0214 8.77861L19.2168 3.31479C19.7072 2.98803 20 2.44115 20 1.85092C20 0.836035 19.1743 0.0104103 18.1595 0.0104103H1.84051C0.825664 0.0104494 0 0.836074 0 1.85189C0 2.44115 0.292812 2.98803 0.783203 3.31479Z" fill="%231E1E1E" fill-opacity="0.64"/></svg>');
  height: 14.979px;
}

.header {
  position: relative;
  z-index: 3;
  background-color: #fff;
  text-align: center;
  z-index: 100;
  height: 112px;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 55rem) {
  .header {
    height: auto;
  }
}
.--mobile-menu-open .header {
  background-color: #fff;
  z-index: 60;
}
.--mobile-menu-open .header .menu-main__top {
  margin-top: 1rem;
}
.header .header__logo img,
.header .header__contact,
.header .menu-main {
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header__logo {
  margin: 0.375rem 0;
}
.header__logo a {
  display: inline-block;
}
.header__logo img {
  display: block;
  width: auto;
  height: auto;
}

.fixed-nav .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s ease-in-out;
  box-shadow: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 55rem) {
  .fixed-nav .header__contact {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
}
@media (min-width: 55rem) {
  .fixed-nav .header__contact {
    display: flex;
  }
}

.slider-main {
  background-size: cover;
  position: relative;
  margin-top: 112px;
}
@media (max-width: 55rem) {
  .slider-main {
    margin-top: 129.59px;
  }
}
.slider-main .tns-slider {
  display: flex;
}
.slider-main ul {
  list-style: none;
}
.slider-main li {
  display: none;
}
.slider-main li:first-child, .slider-main li.tns-item {
  display: block;
}
.slider-main .tns-nav {
  width: 100%;
  max-width: 84rem;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
  justify-content: center;
  padding: 0rem 3rem;
}
@media (min-width: 40rem) {
  .slider-main .tns-nav {
    bottom: 50px;
    padding: 0;
  }
}
.slider-main .tns-nav button {
  counter-increment: slideCount;
  width: 12px;
  height: 12px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 50%;
  transition: 0.2s ease-in-out;
}
.slider-main .tns-nav button.tns-nav-active {
  width: 18px;
  height: 18px;
  background-color: #fff;
  transition: 0.2s ease-in-out;
}
.slider-main .tns-controls {
  position: absolute;
  width: 100%;
  max-width: 107.5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 55rem) {
  .slider-main .tns-controls {
    top: auto;
    bottom: 25px;
  }
}
.slider-main .tns-controls button {
  width: 24px;
  height: 44px;
}
@media (max-width: 55rem) {
  .slider-main .tns-controls button {
    width: 16px;
    height: 29.3333333333px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
}
.slider-main .tns-controls button:first-child {
  left: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="44" viewBox="0 0 24 44" fill="none"><path d="M22 2L2 22L22 42" stroke="white" stroke-width="2.5" stroke-linecap="square"/></svg>');
}
.slider-main .tns-controls button:last-child {
  right: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="44" viewBox="0 0 24 44" fill="none"><path d="M2 42L22 22L2 2" stroke="white" stroke-width="2.5" stroke-linecap="square"/></svg>');
}
.slider-main .slider-main__slide,
.slider-main .hero {
  overflow: hidden;
  background-size: cover;
  min-height: 748px;
  display: flex !important;
  align-items: center;
  background-position: 50% 50%;
  position: relative;
}
@media (max-width: 55rem) {
  .slider-main .slider-main__slide,
  .slider-main .hero {
    min-height: auto;
    padding-top: 1.5rem;
    padding-bottom: 8rem;
  }
}
.slider-main .slider-main__slide::before,
.slider-main .hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%);
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.slider-main .slider-main__slide > *,
.slider-main .hero > * {
  position: relative;
  z-index: 2;
}
@media (max-width: 55rem) {
  .slider-main .hero {
    padding-bottom: 1.5rem !important;
  }
}
.slider-main .slider-main__slide__content {
  text-align: center;
  color: #fff;
  max-width: 1080px;
  text-align: left;
  padding: 12rem 1rem;
}
@media (max-width: 55rem) {
  .slider-main .slider-main__slide__content {
    padding: 3rem 1rem;
  }
}
.slider-main .slider-main__slide__content h1,
.slider-main .slider-main__slide__content h2 {
  color: #fff;
  font-family: "Mada", sans-serif;
  font-size: 5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 88px;
  letter-spacing: 0.25px;
  text-transform: capitalize;
}
@media (max-width: 55rem) {
  .slider-main .slider-main__slide__content h1,
  .slider-main .slider-main__slide__content h2 {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
.slider-main .slider-main__slide__content h1 span:not(.no-wrap),
.slider-main .slider-main__slide__content h2 span:not(.no-wrap) {
  color: #78B478;
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.5rem;
}
@media (max-width: 55rem) {
  .slider-main .slider-main__slide__content h1 span:not(.no-wrap),
  .slider-main .slider-main__slide__content h2 span:not(.no-wrap) {
    font-size: 1.2rem;
  }
}
.slider-main .slider-main__slide__content p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 0.938rem;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.5px;
  max-width: 640px;
  align-items: stretch;
}
.slider-main .slider-main__slide__content p .button {
  border: 2px solid #fff;
}
.slider-main .slider-main__slide__content p .button span {
  color: #fff;
}
.slider-main .slider-main__slide__content p .button:hover {
  border: 2px solid #0A5064;
}
.slider-main .slider-main__slide__content p .button:hover span {
  color: #fff;
}
.slider-main .slide1,
.slider-main .slide2,
.slider-main .slide3 {
  background-size: cover;
  background-position: 50%;
}
.slider-main .water-irrigation-supply-and-design-in-uk {
  background-image: url(../img/webp/water-irrigation-supply-and-design-in-uk-400.webp);
}
html:not(.webp) .slider-main .water-irrigation-supply-and-design-in-uk {
  background-image: url(../img/water-irrigation-supply-and-design-in-uk-400.jpg);
}
@media (min-width: 400px) {
  .slider-main .water-irrigation-supply-and-design-in-uk {
    background-image: url(../img/webp/water-irrigation-supply-and-design-in-uk-640.webp);
  }
  html:not(.webp) .slider-main .water-irrigation-supply-and-design-in-uk {
    background-image: url(../img/water-irrigation-supply-and-design-in-uk-640.jpg);
  }
}
@media (min-width: 640px) {
  .slider-main .water-irrigation-supply-and-design-in-uk {
    background-image: url(../img/webp/water-irrigation-supply-and-design-in-uk-880.webp);
  }
  html:not(.webp) .slider-main .water-irrigation-supply-and-design-in-uk {
    background-image: url(../img/water-irrigation-supply-and-design-in-uk-880.jpg);
  }
}
@media (min-width: 880px) {
  .slider-main .water-irrigation-supply-and-design-in-uk {
    background-image: url(../img/webp/water-irrigation-supply-and-design-in-uk-1200.webp);
  }
  html:not(.webp) .slider-main .water-irrigation-supply-and-design-in-uk {
    background-image: url(../img/water-irrigation-supply-and-design-in-uk-1200.jpg);
  }
}
@media (min-width: 1200px) {
  .slider-main .water-irrigation-supply-and-design-in-uk {
    background-image: url(../img/webp/water-irrigation-supply-and-design-in-uk.webp);
  }
  html:not(.webp) .slider-main .water-irrigation-supply-and-design-in-uk {
    background-image: url(../img/water-irrigation-supply-and-design-in-uk.jpg);
  }
}
.slider-main .garden-design-hero {
  background-image: url(../img/webp/garden-design-hero-400.webp);
}
html:not(.webp) .slider-main .garden-design-hero {
  background-image: url(../img/garden-design-hero-400.jpg);
}
@media (min-width: 400px) {
  .slider-main .garden-design-hero {
    background-image: url(../img/webp/garden-design-hero-640.webp);
  }
  html:not(.webp) .slider-main .garden-design-hero {
    background-image: url(../img/garden-design-hero-640.jpg);
  }
}
@media (min-width: 640px) {
  .slider-main .garden-design-hero {
    background-image: url(../img/webp/garden-design-hero-880.webp);
  }
  html:not(.webp) .slider-main .garden-design-hero {
    background-image: url(../img/garden-design-hero-880.jpg);
  }
}
@media (min-width: 880px) {
  .slider-main .garden-design-hero {
    background-image: url(../img/webp/garden-design-hero-1200.webp);
  }
  html:not(.webp) .slider-main .garden-design-hero {
    background-image: url(../img/garden-design-hero-1200.jpg);
  }
}
@media (min-width: 1200px) {
  .slider-main .garden-design-hero {
    background-image: url(../img/webp/garden-design-hero.webp);
  }
  html:not(.webp) .slider-main .garden-design-hero {
    background-image: url(../img/garden-design-hero.jpg);
  }
}
.slider-main .about-us-hero {
  background-image: url(../img/webp/about-us-hero-400.webp);
}
html:not(.webp) .slider-main .about-us-hero {
  background-image: url(../img/about-us-hero-400.jpg);
}
@media (min-width: 400px) {
  .slider-main .about-us-hero {
    background-image: url(../img/webp/about-us-hero-640.webp);
  }
  html:not(.webp) .slider-main .about-us-hero {
    background-image: url(../img/about-us-hero-640.jpg);
  }
}
@media (min-width: 640px) {
  .slider-main .about-us-hero {
    background-image: url(../img/webp/about-us-hero-880.webp);
  }
  html:not(.webp) .slider-main .about-us-hero {
    background-image: url(../img/about-us-hero-880.jpg);
  }
}
@media (min-width: 880px) {
  .slider-main .about-us-hero {
    background-image: url(../img/webp/about-us-hero-1200.webp);
  }
  html:not(.webp) .slider-main .about-us-hero {
    background-image: url(../img/about-us-hero-1200.jpg);
  }
}
@media (min-width: 1200px) {
  .slider-main .about-us-hero {
    background-image: url(../img/webp/about-us-hero.webp);
  }
  html:not(.webp) .slider-main .about-us-hero {
    background-image: url(../img/about-us-hero.jpg);
  }
}
.slider-main .hero-commercial {
  background-image: url(../img/webp/hero-commercial-400.webp);
}
html:not(.webp) .slider-main .hero-commercial {
  background-image: url(../img/hero-commercial-400.jpg);
}
@media (min-width: 400px) {
  .slider-main .hero-commercial {
    background-image: url(../img/webp/hero-commercial-640.webp);
  }
  html:not(.webp) .slider-main .hero-commercial {
    background-image: url(../img/hero-commercial-640.jpg);
  }
}
@media (min-width: 640px) {
  .slider-main .hero-commercial {
    background-image: url(../img/webp/hero-commercial-880.webp);
  }
  html:not(.webp) .slider-main .hero-commercial {
    background-image: url(../img/hero-commercial-880.jpg);
  }
}
@media (min-width: 880px) {
  .slider-main .hero-commercial {
    background-image: url(../img/webp/hero-commercial-1200.webp);
  }
  html:not(.webp) .slider-main .hero-commercial {
    background-image: url(../img/hero-commercial-1200.jpg);
  }
}
@media (min-width: 1200px) {
  .slider-main .hero-commercial {
    background-image: url(../img/webp/hero-commercial.webp);
  }
  html:not(.webp) .slider-main .hero-commercial {
    background-image: url(../img/hero-commercial.jpg);
  }
}
.slider-main .hero-horticultural-systems {
  background-image: url(../img/webp/hero-horticultural-systems-400.webp);
}
html:not(.webp) .slider-main .hero-horticultural-systems {
  background-image: url(../img/hero-horticultural-systems-400.jpg);
}
@media (min-width: 400px) {
  .slider-main .hero-horticultural-systems {
    background-image: url(../img/webp/hero-horticultural-systems-640.webp);
  }
  html:not(.webp) .slider-main .hero-horticultural-systems {
    background-image: url(../img/hero-horticultural-systems-640.jpg);
  }
}
@media (min-width: 640px) {
  .slider-main .hero-horticultural-systems {
    background-image: url(../img/webp/hero-horticultural-systems-880.webp);
  }
  html:not(.webp) .slider-main .hero-horticultural-systems {
    background-image: url(../img/hero-horticultural-systems-880.jpg);
  }
}
@media (min-width: 880px) {
  .slider-main .hero-horticultural-systems {
    background-image: url(../img/webp/hero-horticultural-systems-1200.webp);
  }
  html:not(.webp) .slider-main .hero-horticultural-systems {
    background-image: url(../img/hero-horticultural-systems-1200.jpg);
  }
}
@media (min-width: 1200px) {
  .slider-main .hero-horticultural-systems {
    background-image: url(../img/webp/hero-horticultural-systems.webp);
  }
  html:not(.webp) .slider-main .hero-horticultural-systems {
    background-image: url(../img/hero-horticultural-systems.jpg);
  }
}

.hero .slider-main__slide__content {
  max-width: 100%;
}

/*

----------------------------------
|         |       |              |
|   Logo  |  Nav  |    Button    |
|         |       |              |
----------------------------------

*/
.header > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
@media (max-width: 55rem) {
  .header > .container {
    flex-direction: column;
    padding: 0rem 1rem 1rem 1rem;
  }
  .header > .container .header__contact {
    display: none;
  }
}
.header nav + nav {
  display: none;
}
@media (min-width: 960px) {
  .header .menu-main {
    flex-grow: 1;
  }
  .header nav + nav {
    display: inline-block;
  }
}

/*# sourceMappingURL=fold.css.map */