@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --lightColor: #FFF;
  --darkColor: #121617;
  --primaryColor: #FAFFCA;
  --grey1Color: #B3B3B3;
  --grey2Color: #333333;
  --baseColor: var(--lightColor);
  --baseAltColor: var(--primaryColor);
  --textColor: var(--darkColor);
  --secondaryColor: var(--primaryColor);
  --textAltColor: var(--textColor);
  --linkColor: var(--grey1Color);
  --linkHoverColor: var(--primaryColor);
  --linkDecorationColor: var(--primaryColor);
  --borderColor: var(--secondaryColor);
  --accentColor: var(--primaryColor);
  --focusColor: var(--secondaryColor);
  --inputBgColor: var(--baseColor);
  --btnBgColor: var(--primaryColor);
  --btnFocusBgColor: var(--secondaryColor);
  --btnColor: var(--textColor);
  --btnFocusColor: var(--textColor);
  --widthSmall: 960px;
  --widthNormal: 1280px;
  --fontDefault: "Roboto", sans-serif;
  --fontSystem: Roboto, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --fontSans: sans-serif;
  --fontSerif: serif;
  --fontMono: monospace;
  --x: clamp(14px, calc(.55em + .75vw), 18px);
  --h1Size: clamp(2rem, calc(1.2rem + 4.5vw), 6rem);
  --h2Size: clamp(1.5rem, calc(1rem + 3.2vw), 2.9rem);
  --h3Size: clamp(1.25rem, calc(.9rem + 2.2vw), 2.3rem);
  --h4Size: clamp(1.125rem, calc(.8rem + 1.4vw), 1.9rem);
  --h5Size: clamp(1rem, calc(.7rem + 1.0vw), 1.5rem);
  --h6Size: clamp(.9375rem, calc(.65rem + .6vw), 1.2rem);
  --lineHeight: 1.5;
  --titleMarginBottom: 1rem;
  --textMarginBottom: var(--titleMarginBottom);
  --inputBorders: 1px solid var(--grey1Color);
  --inputPadding: 1rem;
  --inputRadius: 5px;
  --btnPadding: .75rem;
  --btnRadius: 0rem;
  --btnFontWeight: 400;
}

/* 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;
}

/* HTML5 display-role reset for older browsers */
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;
}

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

img {
  max-width: 100%;
  display: block;
}

@media (prefers-reduced-motion) {
  *, *::before, *::after {
    -webkit-animation-duration: 0s !important;
            animation-duration: 0s !important;
    -webkit-transition: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
body {
  accent-color: var(--accentColor);
}

label {
  font-weight: 700;
}

input,
select,
textarea {
  font-family: var(--system-ui);
  border: var(--inputBorders);
}
input:focus,
select:focus,
textarea:focus {
  outline: 1px solid var(--focusColor);
}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--textColor);
  opacity: 0.5;
}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--textColor);
  opacity: 0.5;
}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--textColor);
  opacity: 0.5;
}
input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: var(--textColor);
  opacity: 0.5;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--textColor);
  opacity: 0.5;
}

textarea,
select,
[type=text],
[type=email],
[type=date],
[type=datetime-local],
[type=number],
[type=range],
[type=search],
[type=month],
[type=password],
[type=url] [type=file],
[type=search],
[type=tel],
[type=time],
[type=week] {
  display: block;
  width: 100%;
  color: var(--textColor);
  background-color: var(--inputBgColor);
  padding: var(--inputPadding);
  border-radius: var(--inputRadius);
}

[type=color],
[type=file] {
  padding: 0;
}

[type=file]::-webkit-file-upload-button {
  display: inline-block;
  border: none;
  padding: var(--btnPadding);
  border-radius: var(--btnRadius);
  line-height: 1;
  font-weight: var(--btnFontWeight);
  text-decoration: none;
  background-color: var(--btnBgColor);
  color: var(--baseColor);
  cursor: pointer;
}

button,
.button,
.btn,
[type=submit],
[type=reset],
[type=file]::file-selector-button {
  display: inline-block;
  border: none;
  padding: var(--btnPadding);
  border-radius: var(--btnRadius);
  line-height: 1;
  font-weight: var(--btnFontWeight);
  text-decoration: none;
  background-color: var(--btnBgColor);
  color: var(--baseColor);
  cursor: pointer;
}
[type=file]::-webkit-file-upload-button:hover {
  background-color: var(--btnFocusBgColor);
  color: var(--baseColor);
}
button:hover,
.button:hover,
.btn:hover,
[type=submit]:hover,
[type=reset]:hover,
[type=file]::file-selector-button:hover {
  background-color: var(--btnFocusBgColor);
  color: var(--baseColor);
}

.resizable {
  resize: both;
  overflow: auto;
}

html {
  font-size: var(--fontElasticSize);
}

body {
  color: var(--textColor);
  font-family: var(--fontDefault);
  line-height: var(--lineHeight);
}
body * {
  font-size: calc(1em * var(--fsx, 1));
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .big-menu a, .h4, .h5, .block:not(.block-form) p, .h6 {
  text-wrap: balance;
  margin-bottom: var(--titleMarginBottom);
  line-height: calc(1em + 8px);
}

h1, .h1 {
  font-size: calc(var(--h1Size) * var(--fsx, 1));
  font-weight: var(--fw, 200);
}

h2, .h2 {
  font-size: calc(var(--h2Size) * var(--fsx, 1));
  font-weight: var(--fw, 300);
}

h3, .h3, .big-menu a {
  font-size: calc(var(--h3Size) * var(--fsx, 1));
  font-weight: var(--fw, 400);
}

h4, .h4 {
  font-size: calc(var(--h4Size) * var(--fsx, 1));
  font-weight: var(--fw, 500);
}

h5, .h5, .block:not(.block-form) p {
  font-size: calc(var(--h5Size) * var(--fsx, 1));
  font-weight: var(--fw, 600);
}

h6, .h6 {
  font-size: calc(var(--h6Size) * var(--fsx, 1));
  font-weight: var(--fw, 700);
}

p, blockquote, q, ul, ol, table, pre,
.p, .blockquote, .q, .ul, .ol, .pre {
  margin-bottom: var(--textMarginBottom);
}
p:last-child, blockquote:last-child, q:last-child, ul:last-child, ol:last-child, table:last-child, pre:last-child,
.p:last-child, .blockquote:last-child, .q:last-child, .ul:last-child, .ol:last-child, .pre:last-child {
  margin-bottom: 0;
}

a, .a {
  color: var(--linkColor);
  text-decoration-color: var(--linkDecorationColor);
}
a:hover, .a:hover {
  color: var(--linkHoverColor);
}

.td\:none {
  text-decoration: none;
}

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

.t\:right {
  text-align: right;
}

:is(ul, .ul, ol, .ol):not(.flat-list) > * {
  list-style-type: var(--lst, disc);
  list-style-position: outside;
  margin-left: 2ch;
}
:is(ul, .ul, ol, .ol):not(.flat-list) > * > :is(ul, .ul, ol, .ol) {
  margin: 0.5em 0;
}
:is(ul, .ul, ol, .ol):not(.flat-list) > * li, :is(ul, .ul, ol, .ol):not(.flat-list) > * :is(.ul, .ol) > * {
  margin-left: unset;
  list-style-position: inside;
  list-style-type: var(--lstSub, circle);
}

:is(ol, .ol):not(.flat-list) > * {
  list-style-type: var(--lst, decimal-leading-zero);
  margin-left: 4ch;
}
:is(ol, .ol):not(.flat-list) > * li, :is(ol, .ol):not(.flat-list) > *.ol > * {
  margin-left: unset;
  list-style-type: var(--lstSub, lower-alpha);
}

:is(ul, .ul, ol, .ol).flat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:is(ul, .ul, ol, .ol).flat-list li {
  display: block;
}

i, .i, em, .em, cite, .cite {
  font-style: italic;
}

pre, code, .pre .code {
  font-family: var(--fontMono);
}

table {
  width: 100%;
  text-align: left;
}
table th {
  font-weight: 700;
}
table th, table td {
  padding: 0.5ch;
}
table.row\:stripped tr:nth-child(odd) {
  background-color: var(--baseAltColor);
}
table.row\:stripped thead th, table.row\:stripped tr:nth-child(even) {
  background-color: var(--baseColor);
}
table.row\:border {
  border: 1px solid var(--textColor);
}
table.row\:border thead, table.row\:border tr:not(:last-child) {
  border-bottom: 1px solid var(--textColor);
}

.fontSystem {
  font-family: var(--fontSystem);
}

.fontSans {
  font-family: var(--fontSans);
}

.fontSerif {
  font-family: var(--fontSerif);
}

.fontMono {
  font-family: var(--fontMono);
}

.fw\:100 {
  --fw: 100;
  font-weight: var(--fw);
}

.fw\:200 {
  --fw: 200;
  font-weight: var(--fw);
}

.fw\:300 {
  --fw: 300;
  font-weight: var(--fw);
}

.fw\:400 {
  --fw: 400;
  font-weight: var(--fw);
}

.fw\:500 {
  --fw: 500;
  font-weight: var(--fw);
}

.fw\:600 {
  --fw: 600;
  font-weight: var(--fw);
}

.fw\:700 {
  --fw: 700;
  font-weight: var(--fw);
}

.fw\:800 {
  --fw: 800;
  font-weight: var(--fw);
}

.fw\:900 {
  --fw: 900;
  font-weight: var(--fw);
}

b, .b, .bold, strong, .strong {
  font-weight: var(--fw, 700);
}

.fsx\:0\.4 {
  --fsx: 0.4;
}

.fsx\:0\.6 {
  --fsx: 0.6;
}

.fsx\:0\.8 {
  --fsx: 0.8;
}

.fsx\:1\.2 {
  --fsx: 1.2;
}

.fsx\:1\.4 {
  --fsx: 1.4;
}

.fsx\:1\.6 {
  --fsx: 1.6;
}

.fsx\:1\.8 {
  --fsx: 1.8;
}

.fsx\:2 {
  --fsx: 2;
}

.fsx\:2\.2 {
  --fsx: 2;
}

/* Grids */
[class*="grid:"] {
  /* Gaps */
}
[class*="grid:"].gap\:0 {
  --gap: ;
}
[class*="grid:"].gap\:1 {
  --gap: 0.5em ;
}
[class*="grid:"].gap\:2 {
  --gap: 1.0em ;
}
[class*="grid:"].gap\:3 {
  --gap: 1.5em ;
}
[class*="grid:"].gap\:4 {
  --gap: 2.0em ;
}
[class*="grid:"].g\:0 {
  --gap: 0em;
}
[class*="grid:"].g\:1 {
  --gap: 0.5em;
}
[class*="grid:"].g\:2 {
  --gap: 1em;
}
[class*="grid:"].g\:3 {
  --gap: 1.5em;
}
[class*="grid:"].g\:4 {
  --gap: 2em;
}
[class*="grid:"].g\:5 {
  --gap: 2.5em;
}
[class*="grid:"].g\:6 {
  --gap: 3em;
}
[class*="grid:"] {
  /* Grid base properties */
  container-name: grid-container;
  container-type: inline-size;
  display: -ms-grid;
  display: grid;
  gap: var(--gap, 2rem);
}
@media (width < 480px) {
  [class*="grid:"] {
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
}
[class*="grid:"] {
  -ms-grid-columns: (1fr)[var(--cols, 12)];
  grid-template-columns: repeat(var(--cols, 12), 1fr);
}
[class*="grid:"] > * {
  grid-column: auto/span var(--span);
}
[class*="grid:"] > *.row\:2 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
[class*="grid:"] > *.row\:3 {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
[class*="grid:"] > *.row\:4 {
  -ms-grid-row-span: 4;
  grid-row: span 4;
}
[class*="grid:"] {
  /* Align properties */
}
[class*="grid:"].ai\:start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
[class*="grid:"].ai\:center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[class*="grid:"].ai\:end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
[class*="grid:"].ai\:strech {
  -webkit-box-align: strech;
      -ms-flex-align: strech;
          align-items: strech;
}

/*
 * Pattern :
 * @sup @sub
*/
/*
 * Pattern :
 * @breakpoint (@cols:@default, @cols:@default, ...)
*/
@media (min-width: 0px) {
  .grid\:10 {
    --cols: 10;
    --span: 10;
  }
  .grid\:12 {
    --cols: 12;
    --span: 12;
  }
  .grid\:16 {
    --cols: 16;
    --span: 16;
  }
}
@media (min-width: 480px) {
  .grid\:10 {
    --cols: 10;
    --span: 10;
  }
  .grid\:12 {
    --cols: 12;
    --span: 12;
  }
  .grid\:16 {
    --cols: 16;
    --span: 16;
  }
}
@media (min-width: 768px) {
  .grid\:10 {
    --cols: 10;
    --span: 10;
  }
  .grid\:12 {
    --cols: 12;
    --span: 12;
  }
  .grid\:16 {
    --cols: 16;
    --span: 16;
  }
}
@media (min-width: 960px) {
  .grid\:10 {
    --cols: 10;
    --span: 10;
  }
  .grid\:12 {
    --cols: 12;
    --span: 12;
  }
  .grid\:16 {
    --cols: 16;
    --span: 16;
  }
}
@media (min-width: 1200px) {
  .grid\:10 {
    --cols: 10;
    --span: 10;
  }
  .grid\:12 {
    --cols: 12;
    --span: 12;
  }
  .grid\:16 {
    --cols: 16;
    --span: 16;
  }
}
@media (min-width: 0px) {
  .\@media\>\=0\:1\/8 {
    --span: calc(var(--cols) * 1 / 8);
  }
  .\@media\>\=0\:3\/8 {
    --span: calc(var(--cols) * 3 / 8);
  }
  .\@media\>\=0\:5\/8 {
    --span: calc(var(--cols) * 5 / 8);
  }
  .\@media\>\=0\:7\/8 {
    --span: calc(var(--cols) * 7 / 8);
  }
  .\@media\>\=0\:1\/6 {
    --span: calc(var(--cols) * 1 / 6);
  }
  .\@media\>\=0\:1\/5 {
    --span: calc(var(--cols) * 1 / 5);
  }
  .\@media\>\=0\:1\/4 {
    --span: calc(var(--cols) * 1 / 4);
  }
  .\@media\>\=0\:1\/3 {
    --span: calc(var(--cols) * 1 / 3);
  }
  .\@media\>\=0\:1\/2 {
    --span: calc(var(--cols) * 1 / 2);
  }
  .\@media\>\=0\:2\/3 {
    --span: calc(var(--cols) * 2 / 3);
  }
  .\@media\>\=0\:3\/4 {
    --span: calc(var(--cols) * 3 / 4);
  }
  .\@media\>\=0\:1\/1 {
    --span: calc(var(--cols) * 1 / 1);
  }
}
@media (min-width: 480px) {
  .\@media\>\=480\:1\/8 {
    --span: calc(var(--cols) * 1 / 8);
  }
  .\@media\>\=480\:3\/8 {
    --span: calc(var(--cols) * 3 / 8);
  }
  .\@media\>\=480\:5\/8 {
    --span: calc(var(--cols) * 5 / 8);
  }
  .\@media\>\=480\:7\/8 {
    --span: calc(var(--cols) * 7 / 8);
  }
  .\@media\>\=480\:1\/6 {
    --span: calc(var(--cols) * 1 / 6);
  }
  .\@media\>\=480\:1\/5 {
    --span: calc(var(--cols) * 1 / 5);
  }
  .\@media\>\=480\:1\/4 {
    --span: calc(var(--cols) * 1 / 4);
  }
  .\@media\>\=480\:1\/3 {
    --span: calc(var(--cols) * 1 / 3);
  }
  .\@media\>\=480\:1\/2 {
    --span: calc(var(--cols) * 1 / 2);
  }
  .\@media\>\=480\:2\/3 {
    --span: calc(var(--cols) * 2 / 3);
  }
  .\@media\>\=480\:3\/4 {
    --span: calc(var(--cols) * 3 / 4);
  }
  .\@media\>\=480\:1\/1 {
    --span: calc(var(--cols) * 1 / 1);
  }
}
@media (min-width: 768px) {
  .\@media\>\=768\:1\/8 {
    --span: calc(var(--cols) * 1 / 8);
  }
  .\@media\>\=768\:3\/8 {
    --span: calc(var(--cols) * 3 / 8);
  }
  .\@media\>\=768\:5\/8 {
    --span: calc(var(--cols) * 5 / 8);
  }
  .\@media\>\=768\:7\/8 {
    --span: calc(var(--cols) * 7 / 8);
  }
  .\@media\>\=768\:1\/6 {
    --span: calc(var(--cols) * 1 / 6);
  }
  .\@media\>\=768\:1\/5 {
    --span: calc(var(--cols) * 1 / 5);
  }
  .\@media\>\=768\:1\/4 {
    --span: calc(var(--cols) * 1 / 4);
  }
  .\@media\>\=768\:1\/3 {
    --span: calc(var(--cols) * 1 / 3);
  }
  .\@media\>\=768\:1\/2 {
    --span: calc(var(--cols) * 1 / 2);
  }
  .\@media\>\=768\:2\/3 {
    --span: calc(var(--cols) * 2 / 3);
  }
  .\@media\>\=768\:3\/4 {
    --span: calc(var(--cols) * 3 / 4);
  }
  .\@media\>\=768\:1\/1 {
    --span: calc(var(--cols) * 1 / 1);
  }
}
@media (min-width: 960px) {
  .\@media\>\=960\:1\/8 {
    --span: calc(var(--cols) * 1 / 8);
  }
  .\@media\>\=960\:3\/8 {
    --span: calc(var(--cols) * 3 / 8);
  }
  .\@media\>\=960\:5\/8 {
    --span: calc(var(--cols) * 5 / 8);
  }
  .\@media\>\=960\:7\/8 {
    --span: calc(var(--cols) * 7 / 8);
  }
  .\@media\>\=960\:1\/6 {
    --span: calc(var(--cols) * 1 / 6);
  }
  .\@media\>\=960\:1\/5 {
    --span: calc(var(--cols) * 1 / 5);
  }
  .\@media\>\=960\:1\/4 {
    --span: calc(var(--cols) * 1 / 4);
  }
  .\@media\>\=960\:1\/3 {
    --span: calc(var(--cols) * 1 / 3);
  }
  .\@media\>\=960\:1\/2 {
    --span: calc(var(--cols) * 1 / 2);
  }
  .\@media\>\=960\:2\/3 {
    --span: calc(var(--cols) * 2 / 3);
  }
  .\@media\>\=960\:3\/4 {
    --span: calc(var(--cols) * 3 / 4);
  }
  .\@media\>\=960\:1\/1 {
    --span: calc(var(--cols) * 1 / 1);
  }
}
@media (min-width: 1200px) {
  .\@media\>\=1200\:1\/8 {
    --span: calc(var(--cols) * 1 / 8);
  }
  .\@media\>\=1200\:3\/8 {
    --span: calc(var(--cols) * 3 / 8);
  }
  .\@media\>\=1200\:5\/8 {
    --span: calc(var(--cols) * 5 / 8);
  }
  .\@media\>\=1200\:7\/8 {
    --span: calc(var(--cols) * 7 / 8);
  }
  .\@media\>\=1200\:1\/6 {
    --span: calc(var(--cols) * 1 / 6);
  }
  .\@media\>\=1200\:1\/5 {
    --span: calc(var(--cols) * 1 / 5);
  }
  .\@media\>\=1200\:1\/4 {
    --span: calc(var(--cols) * 1 / 4);
  }
  .\@media\>\=1200\:1\/3 {
    --span: calc(var(--cols) * 1 / 3);
  }
  .\@media\>\=1200\:1\/2 {
    --span: calc(var(--cols) * 1 / 2);
  }
  .\@media\>\=1200\:2\/3 {
    --span: calc(var(--cols) * 2 / 3);
  }
  .\@media\>\=1200\:3\/4 {
    --span: calc(var(--cols) * 3 / 4);
  }
  .\@media\>\=1200\:1\/1 {
    --span: calc(var(--cols) * 1 / 1);
  }
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex.jc\:between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex.jc\:end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.flex.jc\:center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex.fd\:column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex {
  /* Align properties */
}
.flex.ai\:start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.flex.ai\:center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex.ai\:end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.flex.ai\:strech {
  -webkit-box-align: strech;
      -ms-flex-align: strech;
          align-items: strech;
}

.p-x\:0, .p-x\>\:0 > * {
  padding: 0;
}

.m-x\:0, .m-x\>\:0 > * {
  margin: 0;
}

.p-x\:1, .p-x\>\:1 > * {
  padding: calc(var(--x) * 1);
}

.m-x\:1, .m-x\>\:1 > * {
  margin: calc(var(--x) * 1);
}

.p-x\:2, #mainFooter, .block-hero .hero .hero-content, #mainMenu, .p-x\>\:2 > * {
  padding: calc(var(--x) * 2);
}

.m-x\:2, .m-x\>\:2 > * {
  margin: calc(var(--x) * 2);
}

.p-x\:3, .p-x\>\:3 > * {
  padding: calc(var(--x) * 3);
}

.m-x\:3, .m-x\>\:3 > * {
  margin: calc(var(--x) * 3);
}

.p-x\:4, .p-x\>\:4 > * {
  padding: calc(var(--x) * 4);
}

.m-x\:4, .m-x\>\:4 > * {
  margin: calc(var(--x) * 4);
}

.p-b-x\:0, .p-b-x\>\:0 > * {
  padding-bottom: 0;
}

.m-b-x\:0, .m-b-x\>\:0 > * {
  margin-bottom: 0;
}

.p-b-x\:1, .p-b-x\>\:1 > * {
  padding-bottom: calc(var(--x) * 1);
}

.m-b-x\:1, .m-b-x\>\:1 > * {
  margin-bottom: calc(var(--x) * 1);
}

.p-b-x\:2, .p-b-x\>\:2 > * {
  padding-bottom: calc(var(--x) * 2);
}

.m-b-x\:2, .m-b-x\>\:2 > * {
  margin-bottom: calc(var(--x) * 2);
}

.p-b-x\:3, .p-b-x\>\:3 > * {
  padding-bottom: calc(var(--x) * 3);
}

.m-b-x\:3, .m-b-x\>\:3 > * {
  margin-bottom: calc(var(--x) * 3);
}

.p-b-x\:4, .p-b-x\>\:4 > * {
  padding-bottom: calc(var(--x) * 4);
}

.m-b-x\:4, .m-b-x\>\:4 > * {
  margin-bottom: calc(var(--x) * 4);
}

.p-t-x\:0, .p-t-x\>\:0 > * {
  padding-top: 0;
}

.m-t-x\:0, .m-t-x\>\:0 > * {
  margin-top: 0;
}

.p-t-x\:1, .p-t-x\>\:1 > * {
  padding-top: calc(var(--x) * 1);
}

.m-t-x\:1, .m-t-x\>\:1 > * {
  margin-top: calc(var(--x) * 1);
}

.p-t-x\:2, .p-t-x\>\:2 > * {
  padding-top: calc(var(--x) * 2);
}

.m-t-x\:2, .m-t-x\>\:2 > * {
  margin-top: calc(var(--x) * 2);
}

.p-t-x\:3, .p-t-x\>\:3 > * {
  padding-top: calc(var(--x) * 3);
}

.m-t-x\:3, .m-t-x\>\:3 > * {
  margin-top: calc(var(--x) * 3);
}

.p-t-x\:4, .p-t-x\>\:4 > * {
  padding-top: calc(var(--x) * 4);
}

.m-t-x\:4, .m-t-x\>\:4 > * {
  margin-top: calc(var(--x) * 4);
}

.p-r-x\:0, .p-r-x\>\:0 > * {
  padding-right: 0;
}

.m-r-x\:0, .m-r-x\>\:0 > * {
  margin-right: 0;
}

.p-r-x\:1, .p-r-x\>\:1 > * {
  padding-right: calc(var(--x) * 1);
}

.m-r-x\:1, .m-r-x\>\:1 > * {
  margin-right: calc(var(--x) * 1);
}

.p-r-x\:2, .p-r-x\>\:2 > * {
  padding-right: calc(var(--x) * 2);
}

.m-r-x\:2, .m-r-x\>\:2 > * {
  margin-right: calc(var(--x) * 2);
}

.p-r-x\:3, .p-r-x\>\:3 > * {
  padding-right: calc(var(--x) * 3);
}

.m-r-x\:3, .m-r-x\>\:3 > * {
  margin-right: calc(var(--x) * 3);
}

.p-r-x\:4, .p-r-x\>\:4 > * {
  padding-right: calc(var(--x) * 4);
}

.m-r-x\:4, .m-r-x\>\:4 > * {
  margin-right: calc(var(--x) * 4);
}

.p-l-x\:0, .p-l-x\>\:0 > * {
  padding-left: 0;
}

.m-l-x\:0, .m-l-x\>\:0 > * {
  margin-left: 0;
}

.p-l-x\:1, .p-l-x\>\:1 > * {
  padding-left: calc(var(--x) * 1);
}

.m-l-x\:1, .m-l-x\>\:1 > * {
  margin-left: calc(var(--x) * 1);
}

.p-l-x\:2, .p-l-x\>\:2 > * {
  padding-left: calc(var(--x) * 2);
}

.m-l-x\:2, .m-l-x\>\:2 > * {
  margin-left: calc(var(--x) * 2);
}

.p-l-x\:3, .p-l-x\>\:3 > * {
  padding-left: calc(var(--x) * 3);
}

.m-l-x\:3, .m-l-x\>\:3 > * {
  margin-left: calc(var(--x) * 3);
}

.p-l-x\:4, .p-l-x\>\:4 > * {
  padding-left: calc(var(--x) * 4);
}

.m-l-x\:4, .m-l-x\>\:4 > * {
  margin-left: calc(var(--x) * 4);
}

.p-v-x\:0, .p-v-x\>\:0 > * {
  padding-top: 0;
  padding-bottom: 0;
}

.m-v-x\:0, .m-v-x\>\:0 > * {
  margin-top: 0;
  margin-bottom: 0;
}

.p-v-x\:1, .p-v-x\>\:1 > * {
  padding-top: calc(var(--x) * 1);
  padding-bottom: calc(var(--x) * 1);
}

.m-v-x\:1, .m-v-x\>\:1 > * {
  margin-top: calc(var(--x) * 1);
  margin-bottom: calc(var(--x) * 1);
}

.p-v-x\:2, .p-v-x\>\:2 > * {
  padding-top: calc(var(--x) * 2);
  padding-bottom: calc(var(--x) * 2);
}

.m-v-x\:2, .m-v-x\>\:2 > * {
  margin-top: calc(var(--x) * 2);
  margin-bottom: calc(var(--x) * 2);
}

.p-v-x\:3, .p-v-x\>\:3 > * {
  padding-top: calc(var(--x) * 3);
  padding-bottom: calc(var(--x) * 3);
}

.m-v-x\:3, .m-v-x\>\:3 > * {
  margin-top: calc(var(--x) * 3);
  margin-bottom: calc(var(--x) * 3);
}

.p-v-x\:4, .p-v-x\>\:4 > * {
  padding-top: calc(var(--x) * 4);
  padding-bottom: calc(var(--x) * 4);
}

.m-v-x\:4, .m-v-x\>\:4 > * {
  margin-top: calc(var(--x) * 4);
  margin-bottom: calc(var(--x) * 4);
}

.bg\:lightColor, .bg\>\:lightColor > * {
  background-color: var(--lightColor);
}

.t\:lightColor, .block-hero.image\:split .hero .hero-content, .block-hero .hero .hero-content, .big-menu a {
  color: var(--lightColor);
}

.bc\:lightColor, .bc\>\:lightColor > * {
  border-color: var(--lightColor);
}

.bg\:darkColor, #mainFooter, .block-hero.image\:split .hero .hero-content, #mainMenu, .bg\>\:darkColor > * {
  background-color: var(--darkColor);
}

.t\:darkColor {
  color: var(--darkColor);
}

.bc\:darkColor, .bc\>\:darkColor > * {
  border-color: var(--darkColor);
}

.bg\:primaryColor, .bg\>\:primaryColor > * {
  background-color: var(--primaryColor);
}

.t\:primaryColor, .big-menu .active a, .big-menu :hover a {
  color: var(--primaryColor);
}

.bc\:primaryColor, .bc\>\:primaryColor > * {
  border-color: var(--primaryColor);
}

.bg\:grey1Color, .bg\>\:grey1Color > * {
  background-color: var(--grey1Color);
}

.t\:grey1Color, #mainFooter {
  color: var(--grey1Color);
}

.bc\:grey1Color, .bc\>\:grey1Color > * {
  border-color: var(--grey1Color);
}

.bg\:grey2Color, .bg\>\:grey2Color > * {
  background-color: var(--grey2Color);
}

.t\:grey2Color {
  color: var(--grey2Color);
}

.bc\:grey2Color, .bc\>\:grey2Color > * {
  border-color: var(--grey2Color);
}

.bg\:baseColor, .bg\>\:baseColor > * {
  background-color: var(--baseColor);
}

.t\:baseColor {
  color: var(--baseColor);
}

.bc\:baseColor, .bc\>\:baseColor > * {
  border-color: var(--baseColor);
}

.bg\:baseAltColor, .bg\>\:baseAltColor > * {
  background-color: var(--baseAltColor);
}

.t\:baseAltColor {
  color: var(--baseAltColor);
}

.bc\:baseAltColor, .bc\>\:baseAltColor > * {
  border-color: var(--baseAltColor);
}

.bg\:textColor, .bg\>\:textColor > * {
  background-color: var(--textColor);
}

.t\:textColor {
  color: var(--textColor);
}

.bc\:textColor, .bc\>\:textColor > * {
  border-color: var(--textColor);
}

.bg\:secondaryColor, .bg\>\:secondaryColor > * {
  background-color: var(--secondaryColor);
}

.t\:secondaryColor {
  color: var(--secondaryColor);
}

.bc\:secondaryColor, .bc\>\:secondaryColor > * {
  border-color: var(--secondaryColor);
}

.bg\:textAltColor, .bg\>\:textAltColor > * {
  background-color: var(--textAltColor);
}

.t\:textAltColor {
  color: var(--textAltColor);
}

.bc\:textAltColor, .bc\>\:textAltColor > * {
  border-color: var(--textAltColor);
}

.bg\:linkColor, .bg\>\:linkColor > * {
  background-color: var(--linkColor);
}

.t\:linkColor {
  color: var(--linkColor);
}

.bc\:linkColor, .bc\>\:linkColor > * {
  border-color: var(--linkColor);
}

.bg\:linkHoverColor, .bg\>\:linkHoverColor > * {
  background-color: var(--linkHoverColor);
}

.t\:linkHoverColor {
  color: var(--linkHoverColor);
}

.bc\:linkHoverColor, .bc\>\:linkHoverColor > * {
  border-color: var(--linkHoverColor);
}

.bg\:linkDecorationColor, .bg\>\:linkDecorationColor > * {
  background-color: var(--linkDecorationColor);
}

.t\:linkDecorationColor {
  color: var(--linkDecorationColor);
}

.bc\:linkDecorationColor, .bc\>\:linkDecorationColor > * {
  border-color: var(--linkDecorationColor);
}

.bg\:borderColor, .bg\>\:borderColor > * {
  background-color: var(--borderColor);
}

.t\:borderColor {
  color: var(--borderColor);
}

.bc\:borderColor, .bc\>\:borderColor > * {
  border-color: var(--borderColor);
}

.bg\:accentColor, .bg\>\:accentColor > * {
  background-color: var(--accentColor);
}

.t\:accentColor {
  color: var(--accentColor);
}

.bc\:accentColor, .bc\>\:accentColor > * {
  border-color: var(--accentColor);
}

.bg\:focusColor, .bg\>\:focusColor > * {
  background-color: var(--focusColor);
}

.t\:focusColor {
  color: var(--focusColor);
}

.bc\:focusColor, .bc\>\:focusColor > * {
  border-color: var(--focusColor);
}

.bg\:inputBgColor, .bg\>\:inputBgColor > * {
  background-color: var(--inputBgColor);
}

.t\:inputBgColor {
  color: var(--inputBgColor);
}

.bc\:inputBgColor, .bc\>\:inputBgColor > * {
  border-color: var(--inputBgColor);
}

.bg\:btnBgColor, .bg\>\:btnBgColor > * {
  background-color: var(--btnBgColor);
}

.t\:btnBgColor {
  color: var(--btnBgColor);
}

.bc\:btnBgColor, .bc\>\:btnBgColor > * {
  border-color: var(--btnBgColor);
}

.bg\:btnFocusBgColor, .bg\>\:btnFocusBgColor > * {
  background-color: var(--btnFocusBgColor);
}

.t\:btnFocusBgColor {
  color: var(--btnFocusBgColor);
}

.bc\:btnFocusBgColor, .bc\>\:btnFocusBgColor > * {
  border-color: var(--btnFocusBgColor);
}

.bg\:btnColor, .bg\>\:btnColor > * {
  background-color: var(--btnColor);
}

.t\:btnColor {
  color: var(--btnColor);
}

.bc\:btnColor, .bc\>\:btnColor > * {
  border-color: var(--btnColor);
}

.bg\:btnFocusColor, .bg\>\:btnFocusColor > * {
  background-color: var(--btnFocusColor);
}

.t\:btnFocusColor {
  color: var(--btnFocusColor);
}

.bc\:btnFocusColor, .bc\>\:btnFocusColor > * {
  border-color: var(--btnFocusColor);
}

/* Button */
button, [type=submit], .btn {
  font-family: "Roboto Mono", monospace;
  color: var(--darkColor);
  background-color: transparent;
  position: relative;
  text-transform: uppercase;
  padding-left: 4rem;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
button::before, [type=submit]::before, .btn::before {
  background-color: var(--primaryColor);
  position: absolute;
  display: block;
  content: "";
  height: 3rem;
  width: 3rem;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}
button::after, [type=submit]::after, .btn::after {
  background-image: url("../imgs/arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  display: block;
  content: "";
  height: 3rem;
  width: 3rem;
  left: 0;
  top: 0;
}
button:hover, [type=submit]:hover, .btn:hover {
  color: var(--darkColor);
  background-color: transparent;
}
button:hover::before, [type=submit]:hover::before, .btn:hover::before {
  width: 100%;
}

.bg\:darkColor button, #mainFooter button, .block-hero.image\:split .hero .hero-content button, #mainMenu button, .bg\:darkColor .btn, #mainFooter .btn, .block-hero.image\:split .hero .hero-content .btn, #mainMenu .btn {
  color: var(--lightColor);
}
.bg\:darkColor button:hover, #mainFooter button:hover, .block-hero.image\:split .hero .hero-content button:hover, #mainMenu button:hover, .bg\:darkColor .btn:hover, #mainFooter .btn:hover, .block-hero.image\:split .hero .hero-content .btn:hover, #mainMenu .btn:hover {
  color: var(--darkColor);
}

/* Header */
#mainHeader {
  position: fixed;
  padding: calc(var(--x) * 2);
  width: 100%;
  z-index: 3;
}
#mainHeader .logo {
  height: calc(var(--x) * 5);
}

.footer-visible #mainHeader .logo {
  opacity: 0;
}

.sentinelle {
  -webkit-transform: translateY(1vh);
          transform: translateY(1vh);
}

@-webkit-keyframes letters {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  50% {
    -webkit-filter: blur(5px);
            filter: blur(5px);
    /* font-wreight: 900; */
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

@keyframes letters {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  50% {
    -webkit-filter: blur(5px);
            filter: blur(5px);
    /* font-wreight: 900; */
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
.anim-letters span {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-name: letters;
          animation-name: letters;
  -webkit-animation-delay: var(--i);
          animation-delay: var(--i);
}

/* Main menu */
#mainMenu {
  position: fixed;
  top: calc(var(--x) * 2);
  z-index: 10;
  height: calc(100% - var(--x) * 4);
  right: calc(var(--x) * 2);
  width: calc(25% - var(--x) * 2 - 1rem);
  min-width: 300px;
}
@media (max-width: 600px) {
  #mainMenu {
    width: calc(100% - var(--x) * 2 - 2rem);
  }
}
#mainMenu {
  -webkit-transform: translateX(calc(100% + var(--x) * 3));
          transform: translateX(calc(100% + var(--x) * 3));
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
#mainMenu.menu-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#mainMenu ul {
  margin-bottom: unset;
}
#mainMenu li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#mainMenu .menu-close {
  height: 60px;
  width: 60px;
  cursor: pointer;
  background-image: url("../imgs/menu_close.svg");
}

.menu-toggle {
  position: fixed;
  top: calc(var(--x) * 2);
  right: calc(var(--x) * 2);
  height: 50px;
  width: 50px;
  cursor: pointer;
  background-image: url("../imgs/menu_open.svg");
  z-index: 9;
}

.big-menu a {
  text-decoration: none;
  -webkit-transition: font-weight 0.3s;
  transition: font-weight 0.3s;
  --fw: 200;
}
.big-menu .active a, .big-menu :hover a {
  --fw: 500;
}

.rs-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1ch;
}
.rs-menu a {
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -9999em;
  background-repeat: no-repeat;
}
.rs-menu .youtube a {
  background-image: url("../imgs/youtube.svg");
}
.rs-menu .linkedin a {
  background-image: url("../imgs/linkedin.svg");
}

/* Blocks */
.block {
  position: relative;
  z-index: 4;
}
.block:not(.block-form) p {
  --fw: 400;
}

:is(.text, .hero-content) p:last-child {
  margin-bottom: 0;
}

/* Block text */
.block-text > * {
  padding: 0 calc(var(--x) * 2);
}

/* Block hero */
@-webkit-keyframes text-disapear {
  0% {
    opacity: 100%;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    opacity: 40%;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transform: translateY(-20vw);
            transform: translateY(-20vw);
  }
}
@keyframes text-disapear {
  0% {
    opacity: 100%;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    opacity: 40%;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transform: translateY(-20vw);
            transform: translateY(-20vw);
  }
}
@-webkit-keyframes img-slide {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(20vh);
            transform: translateY(20vh);
  }
}
@keyframes img-slide {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(20vh);
            transform: translateY(20vh);
  }
}
.block-hero .hero-content > * {
  -webkit-animation-name: text-disapear;
          animation-name: text-disapear;
  animation-timeline: scroll();
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
  -webkit-animation-delay: var(--i);
          animation-delay: var(--i);
}
.block-hero .hero {
  -webkit-animation: img-slide;
          animation: img-slide;
  animation-timeline: scroll();
}
.block-hero {
  position: relative;
  z-index: 2;
}
.block-hero .hero {
  background-image: var(--smallImage);
}
@media (min-width: 768px) {
  .block-hero .hero {
    background-image: var(--mediumImage);
  }
}
@media (min-width: 1280px) {
  .block-hero .hero {
    background-image: var(--fullImage);
  }
}
.block-hero .hero {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.block-hero .hero img {
  opacity: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  /* visibility: hidden; */
  height: 100vh;
  width: 100%;
}
.block-hero .hero .hero-content {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (min-width: 800px) {
  .block-hero .hero .hero-content {
    width: 50%;
  }
}
.block-hero.image\:split .hero {
  background-position: center 25vh;
  background-size: cover;
}
@media (max-width: 799px) {
  .block-hero.image\:split .hero {
    background-size: contain;
    background-position: center bottom;
    /* background-attachment: scroll; */
  }
}
@media (min-width: 800px) {
  .block-hero.image\:split .hero {
    background-position: right center;
    background-size: auto 100%;
  }
}
.block-hero.image\:split .hero .hero-content {
  width: 100%;
  height: 50%;
}
@media (max-width: 799px) {
  .block-hero.image\:split .hero .hero-content {
    bottom: unset;
    top: 0;
  }
}
@media (min-width: 800px) {
  .block-hero.image\:split .hero .hero-content {
    height: 100%;
    width: 50%;
  }
}
.block-hero.image\:split .hero .hero-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

/* Block textImage */
.block-textImage .text {
  padding: calc(var(--x) * 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.block-textImage .image img {
  width: 100%;
}
@media (max-height: 860px) {
  .block-textImage .image img {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transform-origin: center right;
            transform-origin: center right;
  }
}
@media (max-width: 768px) {
  .block-textImage {
    padding-bottom: 0;
  }
}
.block-textImage.w\:large.h\:100 .image img {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: unset;
          transform: unset;
}
.block-textImage.dir\:v {
  z-index: 5;
  padding-bottom: 0;
}
.block-textImage.dir\:v > * {
  --cols: 1;
}
.block-textImage.dir\:v .text {
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0;
}
.block-textImage.dir\:v .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateY(4rem);
          transform: translateY(4rem);
  padding: 0 1rem;
}
.block-textImage.dir\:v .image img {
  -webkit-transform: unset;
          transform: unset;
}

/* Block form */
.block-form form > *:not(:last-child) {
  margin-bottom: 1rem;
}
.block-form form {
  text-align: right;
}
.block-form form button {
  margin-top: calc(var(--x) * 2);
}
.block-form form .consent {
  text-align: left;
}
.block-form form .consent label {
  font-weight: 300;
}
.block-form .content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1ch;
  margin-left: 1ch;
}
.block-form .content ul li {
  list-style-type: none;
  display: block;
  height: 2rem;
  width: 2rem;
  border-radius: 2rem;
  background-color: var(--grey1Color);
  color: var(--lightColor);
  text-align: center;
  line-height: 1;
  padding-top: 0.5rem;
  margin: 0;
}
.block-form .content p:nth-child(2), .block-form .content ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.block-form .content .coordinates > p:first-child, .block-form .content ul + p {
  border-bottom: 1px solid var(--grey1Color);
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

/* Footer */
main {
  margin-bottom: 100vh;
}

#mainFooter {
  z-index: 1;
  position: fixed;
  bottom: 0;
  min-height: calc(100vh - 50px - var(--x) * 4.5);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  --fw: 300;
}
#mainFooter ul, #mainFooter p {
  margin-bottom: unset;
}
#mainFooter li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#mainFooter a:has(.logo) {
  display: inline-block;
}
@media (min-width: 769px) {
  #mainFooter .footer-top, #mainFooter .footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  #mainFooter .footer-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media (max-width: 768px) {
  #mainFooter .logo {
    height: 100px;
  }
  #mainFooter .footer-top {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #mainFooter {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    gap: 2rem;
    min-height: 100vh;
  }
}
@media (min-width: 769px) {
  #mainFooter #footerMenu {
    text-align: right;
  }
}
@media (max-width: 768px) {
  #mainFooter #footerMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #mainFooter #footerMenu a {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#mainFooter #footerMenu svg {
  margin-top: 1rem;
}
#mainFooter #baseLine {
  max-width: 540px;
}
#mainFooter #mainMenuAlt {
  text-align: right;
}
@media (max-width: 768px) {
  #mainFooter #mainMenuAlt {
    display: none;
  }
}

/* Form */
.error {
  border: 1px solid var(--primaryColor);
}

html {
  scroll-behavior: smooth;
}

/* blocks commons classes */
.w\:small > * {
  width: 100%;
  max-width: var(--widthSmall);
  margin-left: auto;
  margin-right: auto;
}

.w\:normal > * {
  width: 100%;
  max-width: var(--widthNormal);
  margin-left: auto;
  margin-right: auto;
}

.w\:large {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.h\:50 {
  min-height: 50vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.h\:100 {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Form block */
.uniform__potty {
  position: absolute;
  left: -9999px;
}