@charset "UTF-8";
/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}

:root {
  --bulma-body-background-color: var(--bulma-scheme-main);
  --bulma-body-size: 1em;
  --bulma-body-min-width: 300px;
  --bulma-body-rendering: optimizeLegibility;
  --bulma-body-family: var(--bulma-family-primary);
  --bulma-body-overflow-x: hidden;
  --bulma-body-overflow-y: scroll;
  --bulma-body-color: var(--bulma-text);
  --bulma-body-font-size: 1em;
  --bulma-body-weight: var(--bulma-weight-normal);
  --bulma-body-line-height: 1.5;
  --bulma-code-family: var(--bulma-family-code);
  --bulma-code-padding: 0.25em 0.5em 0.25em;
  --bulma-code-weight: normal;
  --bulma-code-size: 0.875em;
  --bulma-small-font-size: 0.875em;
  --bulma-hr-background-color: var(--bulma-background);
  --bulma-hr-height: 2px;
  --bulma-hr-margin: 1.5rem 0;
  --bulma-strong-color: var(--bulma-text-strong);
  --bulma-strong-weight: var(--bulma-weight-semibold);
  --bulma-pre-font-size: 0.875em;
  --bulma-pre-padding: 1.25rem 1.5rem;
  --bulma-pre-code-font-size: 1em;
}

html {
  background-color: var(--bulma-body-background-color);
  font-size: var(--bulma-body-size);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: var(--bulma-body-min-width);
  overflow-x: var(--bulma-body-overflow-x);
  overflow-y: var(--bulma-body-overflow-y);
  text-rendering: var(--bulma-body-rendering);
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: var(--bulma-body-family);
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: var(--bulma-code-family);
}

body {
  color: var(--bulma-body-color);
  font-size: var(--bulma-body-font-size);
  font-weight: var(--bulma-body-weight);
  line-height: var(--bulma-body-line-height);
}

a,
button {
  cursor: pointer;
}
a:focus-visible,
button:focus-visible {
  outline-color: hsl(var(--bulma-focus-h), var(--bulma-focus-s), var(--bulma-focus-l));
  outline-offset: var(--bulma-focus-offset);
  outline-style: var(--bulma-focus-style);
  outline-width: var(--bulma-focus-width);
}
a:focus-visible:active,
button:focus-visible:active {
  outline-width: 1px;
}
a:active,
button:active {
  outline-width: 1px;
}

a {
  color: var(--bulma-link-text);
  cursor: pointer;
  text-decoration: none;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, color;
}
a strong {
  color: currentColor;
}

button {
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, color;
}

code {
  background-color: var(--bulma-code-background);
  border-radius: 0.5em;
  color: var(--bulma-code);
  font-size: var(--bulma-code-size);
  font-weight: var(--bulma-code-weight);
  padding: var(--bulma-code-padding);
}

hr {
  background-color: var(--bulma-hr-background-color);
  border: none;
  display: block;
  height: var(--bulma-hr-height);
  margin: var(--bulma-hr-margin);
}

img {
  height: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: var(--bulma-small-font-size);
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: var(--bulma-strong-color);
  font-weight: var(--bulma-strong-weight);
}

svg {
  height: auto;
  width: auto;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: var(--bulma-pre-background);
  color: var(--bulma-pre);
  font-size: var(--bulma-pre-font-size);
  overflow-x: auto;
  padding: var(--bulma-pre-padding);
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: var(--bulma-pre-code-font-size);
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}
table th {
  color: var(--bulma-text-strong);
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes pulsate {
  50% {
    opacity: 0.5;
  }
}
:root {
  --bulma-control-radius: var(--bulma-radius);
  --bulma-control-radius-small: var(--bulma-radius-small);
  --bulma-control-border-width: 1px;
  --bulma-control-height: 2.5em;
  --bulma-control-line-height: 1.5;
  --bulma-control-padding-vertical: calc(0.5em - 1px);
  --bulma-control-padding-horizontal: calc(0.75em - 1px);
  --bulma-control-size: var(--bulma-size-normal);
  --bulma-control-focus-shadow-l: 50%;
}

.navbar-link:not(.is-arrowless)::after {
  border: 0.125em solid var(--bulma-arrow-color);
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  transition-duration: var(--bulma-duration);
  transition-property: border-color;
  width: 0.625em;
}

.navbar-burger {
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

:root {
  --bulma-navbar-height: 3.25rem;
}

.navbar {
  --bulma-navbar-h: var(--bulma-scheme-h);
  --bulma-navbar-s: var(--bulma-scheme-s);
  --bulma-navbar-l: var(--bulma-scheme-main-l);
  --bulma-navbar-background-color: var(--bulma-scheme-main);
  --bulma-navbar-box-shadow-size: 0 0.125em 0 0;
  --bulma-navbar-box-shadow-color: var(--bulma-background);
  --bulma-navbar-padding-vertical: 1rem;
  --bulma-navbar-padding-horizontal: 2rem;
  --bulma-navbar-z: 30;
  --bulma-navbar-fixed-z: 30;
  --bulma-navbar-item-background-a: 0;
  --bulma-navbar-item-background-l: var(--bulma-scheme-main-l);
  --bulma-navbar-item-background-l-delta: 0%;
  --bulma-navbar-item-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-navbar-item-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-navbar-item-color-l: var(--bulma-text-l);
  --bulma-navbar-item-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-item-color-l));
  --bulma-navbar-item-selected-h: var(--bulma-link-h);
  --bulma-navbar-item-selected-s: var(--bulma-link-s);
  --bulma-navbar-item-selected-l: var(--bulma-link-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-link-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-link-invert-l);
  --bulma-navbar-item-img-max-height: 1.75rem;
  --bulma-navbar-burger-color: #fff;
  --bulma-navbar-tab-hover-background-color: transparent;
  --bulma-navbar-tab-hover-border-bottom-color: var(--bulma-link);
  --bulma-navbar-tab-active-color: var(--bulma-link);
  --bulma-navbar-tab-active-background-color: transparent;
  --bulma-navbar-tab-active-border-bottom-color: var(--bulma-link);
  --bulma-navbar-tab-active-border-bottom-style: solid;
  --bulma-navbar-tab-active-border-bottom-width: 0.1875em;
  --bulma-navbar-dropdown-background-color: var(--bulma-scheme-main);
  --bulma-navbar-dropdown-border-l: var(--bulma-border-l);
  --bulma-navbar-dropdown-border-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-dropdown-border-l));
  --bulma-navbar-dropdown-border-style: solid;
  --bulma-navbar-dropdown-border-width: 0.125em;
  --bulma-navbar-dropdown-offset: -0.25em;
  --bulma-navbar-dropdown-arrow: var(--bulma-link);
  --bulma-navbar-dropdown-radius: var(--bulma-radius-large);
  --bulma-navbar-dropdown-z: 20;
  --bulma-navbar-dropdown-boxed-radius: var(--bulma-radius-large);
  --bulma-navbar-dropdown-boxed-shadow: 0 0.5em 0.5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1), 0 0 0 1px hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
  --bulma-navbar-dropdown-item-h: var(--bulma-scheme-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-scheme-s);
  --bulma-navbar-dropdown-item-l: var(--bulma-scheme-main-l);
  --bulma-navbar-dropdown-item-background-l: var(--bulma-scheme-main-l);
  --bulma-navbar-dropdown-item-color-l: var(--bulma-text-l);
  --bulma-navbar-divider-background-l: var(--bulma-background-l);
  --bulma-navbar-divider-height: 0.125em;
  --bulma-navbar-bottom-box-shadow-size: 0 -0.125em 0 0;
}

.navbar {
  background-color: var(--bulma-navbar-background-color);
  min-height: var(--bulma-navbar-height);
  position: relative;
  z-index: var(--bulma-navbar-z);
}
.navbar.is-white {
  --bulma-navbar-h: var(--bulma-white-h);
  --bulma-navbar-s: var(--bulma-white-s);
  --bulma-navbar-l: var(--bulma-white-l);
  --bulma-burger-h: var(--bulma-white-h);
  --bulma-burger-s: var(--bulma-white-s);
  --bulma-burger-l: var(--bulma-white-invert-l);
  --bulma-navbar-background-color: var(--bulma-white);
  --bulma-navbar-item-background-l: var(--bulma-white-l);
  --bulma-navbar-item-color-l: var(--bulma-white-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-white-h);
  --bulma-navbar-item-selected-s: var(--bulma-white-s);
  --bulma-navbar-item-selected-l: var(--bulma-white-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-white-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-white-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-white-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-white-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-white-s);
}
.navbar.is-black {
  --bulma-navbar-h: var(--bulma-black-h);
  --bulma-navbar-s: var(--bulma-black-s);
  --bulma-navbar-l: var(--bulma-black-l);
  --bulma-burger-h: var(--bulma-black-h);
  --bulma-burger-s: var(--bulma-black-s);
  --bulma-burger-l: var(--bulma-black-invert-l);
  --bulma-navbar-background-color: var(--bulma-black);
  --bulma-navbar-item-background-l: var(--bulma-black-l);
  --bulma-navbar-item-color-l: var(--bulma-black-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-black-h);
  --bulma-navbar-item-selected-s: var(--bulma-black-s);
  --bulma-navbar-item-selected-l: var(--bulma-black-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-black-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-black-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-black-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-black-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-black-s);
}
.navbar.is-light {
  --bulma-navbar-h: var(--bulma-light-h);
  --bulma-navbar-s: var(--bulma-light-s);
  --bulma-navbar-l: var(--bulma-light-l);
  --bulma-burger-h: var(--bulma-light-h);
  --bulma-burger-s: var(--bulma-light-s);
  --bulma-burger-l: var(--bulma-light-invert-l);
  --bulma-navbar-background-color: var(--bulma-light);
  --bulma-navbar-item-background-l: var(--bulma-light-l);
  --bulma-navbar-item-color-l: var(--bulma-light-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-light-h);
  --bulma-navbar-item-selected-s: var(--bulma-light-s);
  --bulma-navbar-item-selected-l: var(--bulma-light-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-light-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-light-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-light-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-light-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-light-s);
}
.navbar.is-dark {
  --bulma-navbar-h: var(--bulma-dark-h);
  --bulma-navbar-s: var(--bulma-dark-s);
  --bulma-navbar-l: var(--bulma-dark-l);
  --bulma-burger-h: var(--bulma-dark-h);
  --bulma-burger-s: var(--bulma-dark-s);
  --bulma-burger-l: var(--bulma-dark-invert-l);
  --bulma-navbar-background-color: var(--bulma-dark);
  --bulma-navbar-item-background-l: var(--bulma-dark-l);
  --bulma-navbar-item-color-l: var(--bulma-dark-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-dark-h);
  --bulma-navbar-item-selected-s: var(--bulma-dark-s);
  --bulma-navbar-item-selected-l: var(--bulma-dark-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-dark-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-dark-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-dark-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-dark-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-dark-s);
}
.navbar.is-text {
  --bulma-navbar-h: var(--bulma-text-h);
  --bulma-navbar-s: var(--bulma-text-s);
  --bulma-navbar-l: var(--bulma-text-l);
  --bulma-burger-h: var(--bulma-text-h);
  --bulma-burger-s: var(--bulma-text-s);
  --bulma-burger-l: var(--bulma-text-invert-l);
  --bulma-navbar-background-color: var(--bulma-text);
  --bulma-navbar-item-background-l: var(--bulma-text-l);
  --bulma-navbar-item-color-l: var(--bulma-text-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-text-h);
  --bulma-navbar-item-selected-s: var(--bulma-text-s);
  --bulma-navbar-item-selected-l: var(--bulma-text-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-text-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-text-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-text-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-text-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-text-s);
}
.navbar.is-primary {
  --bulma-navbar-h: var(--bulma-primary-h);
  --bulma-navbar-s: var(--bulma-primary-s);
  --bulma-navbar-l: var(--bulma-primary-l);
  --bulma-burger-h: var(--bulma-primary-h);
  --bulma-burger-s: var(--bulma-primary-s);
  --bulma-burger-l: var(--bulma-primary-invert-l);
  --bulma-navbar-background-color: var(--bulma-primary);
  --bulma-navbar-item-background-l: var(--bulma-primary-l);
  --bulma-navbar-item-color-l: var(--bulma-primary-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-primary-h);
  --bulma-navbar-item-selected-s: var(--bulma-primary-s);
  --bulma-navbar-item-selected-l: var(--bulma-primary-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-primary-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-primary-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-primary-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-primary-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-primary-s);
}
.navbar.is-link {
  --bulma-navbar-h: var(--bulma-link-h);
  --bulma-navbar-s: var(--bulma-link-s);
  --bulma-navbar-l: var(--bulma-link-l);
  --bulma-burger-h: var(--bulma-link-h);
  --bulma-burger-s: var(--bulma-link-s);
  --bulma-burger-l: var(--bulma-link-invert-l);
  --bulma-navbar-background-color: var(--bulma-link);
  --bulma-navbar-item-background-l: var(--bulma-link-l);
  --bulma-navbar-item-color-l: var(--bulma-link-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-link-h);
  --bulma-navbar-item-selected-s: var(--bulma-link-s);
  --bulma-navbar-item-selected-l: var(--bulma-link-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-link-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-link-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-link-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-link-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-link-s);
}
.navbar.is-info {
  --bulma-navbar-h: var(--bulma-info-h);
  --bulma-navbar-s: var(--bulma-info-s);
  --bulma-navbar-l: var(--bulma-info-l);
  --bulma-burger-h: var(--bulma-info-h);
  --bulma-burger-s: var(--bulma-info-s);
  --bulma-burger-l: var(--bulma-info-invert-l);
  --bulma-navbar-background-color: var(--bulma-info);
  --bulma-navbar-item-background-l: var(--bulma-info-l);
  --bulma-navbar-item-color-l: var(--bulma-info-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-info-h);
  --bulma-navbar-item-selected-s: var(--bulma-info-s);
  --bulma-navbar-item-selected-l: var(--bulma-info-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-info-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-info-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-info-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-info-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-info-s);
}
.navbar.is-success {
  --bulma-navbar-h: var(--bulma-success-h);
  --bulma-navbar-s: var(--bulma-success-s);
  --bulma-navbar-l: var(--bulma-success-l);
  --bulma-burger-h: var(--bulma-success-h);
  --bulma-burger-s: var(--bulma-success-s);
  --bulma-burger-l: var(--bulma-success-invert-l);
  --bulma-navbar-background-color: var(--bulma-success);
  --bulma-navbar-item-background-l: var(--bulma-success-l);
  --bulma-navbar-item-color-l: var(--bulma-success-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-success-h);
  --bulma-navbar-item-selected-s: var(--bulma-success-s);
  --bulma-navbar-item-selected-l: var(--bulma-success-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-success-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-success-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-success-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-success-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-success-s);
}
.navbar.is-warning {
  --bulma-navbar-h: var(--bulma-warning-h);
  --bulma-navbar-s: var(--bulma-warning-s);
  --bulma-navbar-l: var(--bulma-warning-l);
  --bulma-burger-h: var(--bulma-warning-h);
  --bulma-burger-s: var(--bulma-warning-s);
  --bulma-burger-l: var(--bulma-warning-invert-l);
  --bulma-navbar-background-color: var(--bulma-warning);
  --bulma-navbar-item-background-l: var(--bulma-warning-l);
  --bulma-navbar-item-color-l: var(--bulma-warning-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-warning-h);
  --bulma-navbar-item-selected-s: var(--bulma-warning-s);
  --bulma-navbar-item-selected-l: var(--bulma-warning-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-warning-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-warning-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-warning-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-warning-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-warning-s);
}
.navbar.is-danger {
  --bulma-navbar-h: var(--bulma-danger-h);
  --bulma-navbar-s: var(--bulma-danger-s);
  --bulma-navbar-l: var(--bulma-danger-l);
  --bulma-burger-h: var(--bulma-danger-h);
  --bulma-burger-s: var(--bulma-danger-s);
  --bulma-burger-l: var(--bulma-danger-invert-l);
  --bulma-navbar-background-color: var(--bulma-danger);
  --bulma-navbar-item-background-l: var(--bulma-danger-l);
  --bulma-navbar-item-color-l: var(--bulma-danger-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-danger-h);
  --bulma-navbar-item-selected-s: var(--bulma-danger-s);
  --bulma-navbar-item-selected-l: var(--bulma-danger-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-danger-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-danger-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-danger-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-danger-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-danger-s);
}
.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: var(--bulma-navbar-height);
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: var(--bulma-navbar-box-shadow-size) var(--bulma-navbar-box-shadow-color);
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: var(--bulma-navbar-fixed-z);
}
.navbar.is-fixed-bottom {
  bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
  box-shadow: var(--bulma-navbar-bottom-box-shadow-size) var(--bulma-navbar-box-shadow-color);
}
.navbar.is-fixed-top {
  top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: var(--bulma-navbar-height);
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: var(--bulma-navbar-height);
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: var(--bulma-navbar-height);
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}

.navbar-burger {
  align-items: center;
  appearance: none;
  background: none;
  border: none;
  border-radius: var(--bulma-burger-border-radius);
  color: hsl(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l));
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 2.5rem;
  justify-content: center;
  position: relative;
  vertical-align: top;
  width: 2.5rem;
}
.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: var(--bulma-burger-item-height);
  left: calc(50% - (var(--bulma-burger-item-width)) / 2);
  position: absolute;
  transform-origin: center;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, color, opacity, transform;
  transition-timing-function: var(--bulma-easing);
  width: var(--bulma-burger-item-width);
}
.navbar-burger span:nth-child(1), .navbar-burger span:nth-child(2) {
  top: calc(50% - (var(--bulma-burger-item-height)) / 2);
}
.navbar-burger span:nth-child(3) {
  bottom: calc(50% + var(--bulma-burger-gap));
}
.navbar-burger span:nth-child(4) {
  top: calc(50% + var(--bulma-burger-gap));
}
.navbar-burger:hover {
  background-color: hsla(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l), 0.1);
}
.navbar-burger:active {
  background-color: hsla(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l), 0.2);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: rotate(-45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}
.navbar-burger.is-active span:nth-child(3), .navbar-burger.is-active span:nth-child(4) {
  opacity: 0;
}
.navbar-burger {
  align-self: center;
  color: var(--bulma-navbar-burger-color);
  margin-inline-start: auto;
  margin-inline-end: 0.375rem;
}

.navbar-menu {
  display: none;
}

.navbar-item,
.navbar-link {
  color: var(--bulma-navbar-item-color);
  display: block;
  gap: 0.75rem;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

a.navbar-item,
.navbar-link {
  background-color: hsla(var(--bulma-navbar-h), var(--bulma-navbar-s), calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta)), var(--bulma-navbar-item-background-a));
  cursor: pointer;
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover {
  --bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-hover-background-l-delta);
  --bulma-navbar-item-background-a: 1;
}
a.navbar-item:active,
.navbar-link:active {
  --bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-active-background-l-delta);
  --bulma-navbar-item-background-a: 1;
}
a.navbar-item.is-active, a.navbar-item.is-selected,
.navbar-link.is-active,
.navbar-link.is-selected {
  --bulma-navbar-h: var(--bulma-navbar-item-selected-h);
  --bulma-navbar-s: var(--bulma-navbar-item-selected-s);
  --bulma-navbar-l: var(--bulma-navbar-item-selected-l);
  --bulma-navbar-item-background-l: var(--bulma-navbar-item-selected-background-l);
  --bulma-navbar-item-background-a: 1;
  --bulma-navbar-item-color-l: var(--bulma-navbar-item-selected-color-l);
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}
.navbar-item img,
.navbar-item svg {
  max-height: var(--bulma-navbar-item-img-max-height);
}
.navbar-item.has-dropdown {
  padding: 0;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: var(--bulma-navbar-height);
  padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: var(--bulma-navbar-tab-hover-background-color);
  border-bottom-color: var(--bulma-navbar-tab-hover-border-bottom-color);
}
.navbar-item.is-tab.is-active {
  background-color: var(--bulma-navbar-tab-active-background-color);
  border-bottom-color: var(--bulma-navbar-tab-active-border-bottom-color);
  border-bottom-style: var(--bulma-navbar-tab-active-border-bottom-style);
  border-bottom-width: var(--bulma-navbar-tab-active-border-bottom-width);
  color: var(--bulma-navbar-tab-active-color);
  padding-bottom: calc(0.5rem - var(--bulma-navbar-tab-active-border-bottom-width));
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-inline-end: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  border-color: var(--bulma-navbar-dropdown-arrow);
  margin-top: -0.375em;
  inset-inline-end: 1.125em;
}

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.75rem;
  padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.navbar-dropdown .navbar-item:not(.is-active, .is-selected) {
  background-color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), calc(var(--bulma-navbar-dropdown-item-background-l) + var(--bulma-navbar-item-background-l-delta)));
  color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), var(--bulma-navbar-dropdown-item-color-l));
}

.navbar-divider {
  background-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-divider-background-l));
  border: none;
  display: none;
  height: var(--bulma-navbar-divider-height);
  margin: 0.5rem 0;
}

@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block;
  }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }
  .navbar-link::after {
    display: none;
  }
  .navbar-menu {
    background-color: var(--bulma-navbar-background-color);
    box-shadow: 0 0.5em 1em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active {
    display: block;
  }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: var(--bulma-navbar-fixed-z);
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -0.125em 0.1875em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
  }
  .navbar.is-fixed-top-touch {
    top: 0;
  }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - var(--bulma-navbar-height));
    overflow: auto;
  }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: var(--bulma-navbar-height);
  }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: var(--bulma-navbar-height);
  }
}
@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
  .navbar {
    min-height: var(--bulma-navbar-height);
  }
  .navbar.is-spaced {
    padding: var(--bulma-navbar-padding-vertical) var(--bulma-navbar-padding-horizontal);
  }
  .navbar.is-spaced .navbar-start,
  .navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item,
  .navbar.is-spaced .navbar-link {
    border-radius: var(--bulma-radius);
  }
  .navbar.is-transparent {
    --bulma-navbar-item-background-a: 0;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item {
    background-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta)));
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active, .navbar.is-transparent .navbar-dropdown a.navbar-item.is-selected {
    --bulma-navbar-h: var(--bulma-navbar-item-selected-h);
    --bulma-navbar-s: var(--bulma-navbar-item-selected-s);
    --bulma-navbar-l: var(--bulma-navbar-item-selected-l);
    --bulma-navbar-item-background-l: var(--bulma-navbar-item-selected-background-l);
    --bulma-navbar-item-color-l: var(--bulma-navbar-item-selected-color-l);
  }
  .navbar-burger {
    display: none;
  }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex;
  }
  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom-color: var(--bulma-navbar-dropdown-border-color);
    border-bottom-style: var(--bulma-navbar-dropdown-border-style);
    border-bottom-width: var(--bulma-navbar-dropdown-border-width);
    border-radius: var(--bulma-navbar-dropdown-radius) var(--bulma-navbar-dropdown-radius) 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -0.5em 0.5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
    top: auto;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .navbar-start {
    justify-content: flex-start;
    margin-inline-end: auto;
  }
  .navbar-end {
    justify-content: flex-end;
    margin-inline-start: auto;
  }
  .navbar-dropdown {
    background-color: var(--bulma-navbar-dropdown-background-color);
    border-end-start-radius: var(--bulma-navbar-dropdown-radius);
    border-end-end-radius: var(--bulma-navbar-dropdown-radius);
    border-top-color: var(--bulma-navbar-dropdown-border-color);
    border-top-style: var(--bulma-navbar-dropdown-border-style);
    border-top-width: var(--bulma-navbar-dropdown-border-width);
    box-shadow: 0 0.5em 0.5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
    display: none;
    font-size: 0.875rem;
    inset-inline-start: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: var(--bulma-navbar-dropdown-z);
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-inline-end: 3rem;
  }
  .navbar-dropdown a.navbar-item:not(.is-active, .is-selected) {
    background-color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), calc(var(--bulma-navbar-dropdown-item-background-l) + var(--bulma-navbar-item-background-l-delta)));
    color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), var(--bulma-navbar-dropdown-item-color-l));
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: var(--bulma-navbar-dropdown-boxed-radius);
    border-top: none;
    box-shadow: var(--bulma-navbar-dropdown-boxed-shadow);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (var(--bulma-navbar-dropdown-offset)));
    transform: translateY(-5px);
    transition-duration: var(--bulma-duration);
    transition-property: opacity, transform;
  }
  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }
  .navbar-divider {
    display: block;
  }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-inline-start: -0.75rem;
  }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-inline-end: -0.75rem;
  }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: var(--bulma-navbar-fixed-z);
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -0.125em 0.1875em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: var(--bulma-navbar-height);
  }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: var(--bulma-navbar-height);
  }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical) * 2);
  }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical) * 2);
  }
}
.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - var(--bulma-navbar-height));
}

:root {
  --bulma-column-gap: 0.75rem;
}

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: var(--bulma-column-gap);
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-inline-start: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-inline-start: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-inline-start: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-inline-start: 0.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-inline-start: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-inline-start: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-inline-start: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-inline-start: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-inline-start: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-inline-start: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-inline-start: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-inline-start: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-inline-start: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-inline-start: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-inline-start: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-inline-start: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-inline-start: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-inline-start: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-inline-start: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-inline-start: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-inline-start: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-inline-start: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-inline-start: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-inline-start: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-mobile {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-mobile {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-inline-start: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-mobile {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-mobile {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-inline-start: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-mobile {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-mobile {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-inline-start: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-mobile {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-mobile {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-inline-start: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-inline-start: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-inline-start: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-inline-start: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-inline-start: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-inline-start: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-inline-start: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-inline-start: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-touch {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-touch {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-inline-start: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-touch {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-touch {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-inline-start: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-touch {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-touch {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-inline-start: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-touch {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-touch {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-inline-start: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-inline-start: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-desktop {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-desktop {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-inline-start: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-desktop {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-desktop {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-inline-start: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-desktop {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-desktop {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-inline-start: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-desktop {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-desktop {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-inline-start: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-inline-start: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-widescreen {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-widescreen {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-inline-start: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-widescreen {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-widescreen {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-inline-start: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-widescreen {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-widescreen {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-inline-start: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-widescreen {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-widescreen {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd {
    flex: none;
    width: unset;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-inline-start: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-inline-start: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-inline-start: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-fullhd {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-fullhd {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-inline-start: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-fullhd {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-fullhd {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-inline-start: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-fullhd {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-fullhd {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-inline-start: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-fullhd {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-fullhd {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-inline-start: 100%;
  }
}

.columns {
  margin-inline-start: calc(-1 * var(--bulma-column-gap));
  margin-inline-end: calc(-1 * var(--bulma-column-gap));
  margin-top: calc(-1 * var(--bulma-column-gap));
}
.columns:last-child {
  margin-bottom: calc(-1 * var(--bulma-column-gap));
}
.columns:not(:last-child) {
  margin-bottom: calc(var(--bulma-block-spacing) - var(--bulma-column-gap));
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}
.columns.is-0 {
  --bulma-column-gap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-0-mobile {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-0-tablet {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-0-tablet-only {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-0-touch {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-0-desktop {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-0-desktop-only {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-0-widescreen {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-0-widescreen-only {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-0-fullhd {
    --bulma-column-gap: 0rem;
  }
}
.columns.is-1 {
  --bulma-column-gap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-1-mobile {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-1-tablet {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-1-tablet-only {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-1-touch {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-1-desktop {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-1-desktop-only {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-1-widescreen {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-1-widescreen-only {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-1-fullhd {
    --bulma-column-gap: 0.25rem;
  }
}
.columns.is-2 {
  --bulma-column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-2-mobile {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-2-tablet {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-2-tablet-only {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-2-touch {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-2-desktop {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-2-desktop-only {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-2-widescreen {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-2-widescreen-only {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-2-fullhd {
    --bulma-column-gap: 0.5rem;
  }
}
.columns.is-3 {
  --bulma-column-gap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-3-mobile {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-3-tablet {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-3-tablet-only {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-3-touch {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-3-desktop {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-3-desktop-only {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-3-widescreen {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-3-widescreen-only {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-3-fullhd {
    --bulma-column-gap: 0.75rem;
  }
}
.columns.is-4 {
  --bulma-column-gap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-4-mobile {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-4-tablet {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-4-tablet-only {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-4-touch {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-4-desktop {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-4-desktop-only {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-4-widescreen {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-4-widescreen-only {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-4-fullhd {
    --bulma-column-gap: 1rem;
  }
}
.columns.is-5 {
  --bulma-column-gap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-5-mobile {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-5-tablet {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-5-tablet-only {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-5-touch {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-5-desktop {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-5-desktop-only {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-5-widescreen {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-5-widescreen-only {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-5-fullhd {
    --bulma-column-gap: 1.25rem;
  }
}
.columns.is-6 {
  --bulma-column-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-6-mobile {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-6-tablet {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-6-tablet-only {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-6-touch {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-6-desktop {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-6-desktop-only {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-6-widescreen {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-6-widescreen-only {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-6-fullhd {
    --bulma-column-gap: 1.5rem;
  }
}
.columns.is-7 {
  --bulma-column-gap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-7-mobile {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-7-tablet {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-7-tablet-only {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-7-touch {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-7-desktop {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-7-desktop-only {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-7-widescreen {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-7-widescreen-only {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-7-fullhd {
    --bulma-column-gap: 1.75rem;
  }
}
.columns.is-8 {
  --bulma-column-gap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-8-mobile {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-8-tablet {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-8-tablet-only {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-8-touch {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-8-desktop {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-8-desktop-only {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-8-widescreen {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-8-widescreen-only {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-8-fullhd {
    --bulma-column-gap: 2rem;
  }
}

.is-flex-direction-row {
  flex-direction: row !important;
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.is-flex-direction-column {
  flex-direction: column !important;
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
  justify-content: flex-start !important;
}

.is-justify-content-flex-end {
  justify-content: flex-end !important;
}

.is-justify-content-center {
  justify-content: center !important;
}

.is-justify-content-space-between {
  justify-content: space-between !important;
}

.is-justify-content-space-around {
  justify-content: space-around !important;
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.is-justify-content-start {
  justify-content: start !important;
}

.is-justify-content-end {
  justify-content: end !important;
}

.is-justify-content-left {
  justify-content: left !important;
}

.is-justify-content-right {
  justify-content: right !important;
}

.is-align-content-flex-start {
  align-content: flex-start !important;
}

.is-align-content-flex-end {
  align-content: flex-end !important;
}

.is-align-content-center {
  align-content: center !important;
}

.is-align-content-space-between {
  align-content: space-between !important;
}

.is-align-content-space-around {
  align-content: space-around !important;
}

.is-align-content-space-evenly {
  align-content: space-evenly !important;
}

.is-align-content-stretch {
  align-content: stretch !important;
}

.is-align-content-start {
  align-content: start !important;
}

.is-align-content-end {
  align-content: end !important;
}

.is-align-content-baseline {
  align-content: baseline !important;
}

.is-align-items-stretch {
  align-items: stretch !important;
}

.is-align-items-flex-start {
  align-items: flex-start !important;
}

.is-align-items-flex-end {
  align-items: flex-end !important;
}

.is-align-items-center {
  align-items: center !important;
}

.is-align-items-baseline {
  align-items: baseline !important;
}

.is-align-items-start {
  align-items: start !important;
}

.is-align-items-end {
  align-items: end !important;
}

.is-align-items-self-start {
  align-items: self-start !important;
}

.is-align-items-self-end {
  align-items: self-end !important;
}

.is-align-self-auto {
  align-self: auto !important;
}

.is-align-self-flex-start {
  align-self: flex-start !important;
}

.is-align-self-flex-end {
  align-self: flex-end !important;
}

.is-align-self-center {
  align-self: center !important;
}

.is-align-self-baseline {
  align-self: baseline !important;
}

.is-align-self-stretch {
  align-self: stretch !important;
}

.is-flex-grow-0 {
  flex-grow: 0 !important;
}

.is-flex-grow-1 {
  flex-grow: 1 !important;
}

.is-flex-grow-2 {
  flex-grow: 2 !important;
}

.is-flex-grow-3 {
  flex-grow: 3 !important;
}

.is-flex-grow-4 {
  flex-grow: 4 !important;
}

.is-flex-grow-5 {
  flex-grow: 5 !important;
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}

@font-face {
  font-family: "din-medium";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/din-medium.eot");
  src: url("../fonts/din-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/din-medium.woff2") format("woff2"), url("../fonts/din-medium.woff") format("woff"), url("../fonts/din-medium.ttf") format("truetype"), url("../fonts/din-medium.svg#din_mediumregular") format("svg");
}
@font-face {
  font-family: "din-bold";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/din-bold.eot");
  src: url("../fonts/din-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/din-bold.woff2") format("woff2"), url("../fonts/din-bold.woff") format("woff"), url("../fonts/din-bold.ttf") format("truetype"), url("../fonts/din-bold.svg#dinbold") format("svg");
}
@font-face {
  font-family: "din-black";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/din-black.eot");
  src: url("../fonts/din-black.eot?#iefix") format("embedded-opentype"), url("../fonts/din-black.woff2") format("woff2"), url("../fonts/din-black.woff") format("woff"), url("../fonts/din-black.ttf") format("truetype"), url("../fonts/din-black.svg#din_blackregular") format("svg");
}
@font-face {
  font-family: "futura-regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/futura-regular.eot");
  src: url("../fonts/futura-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/futura-regular.woff2") format("woff2"), url("../fonts/futura-regular.woff") format("woff"), url("../fonts/futura-regular.ttf") format("truetype"), url("../fonts/futura-regular.svg#futura_urwregular") format("svg");
}
@font-face {
  font-family: "futura-medium";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/futura-medium.eot");
  src: url("../fonts/futura-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/futura-medium.woff2") format("woff2"), url("../fonts/futura-medium.woff") format("woff"), url("../fonts/futura-medium.ttf") format("truetype"), url("../fonts/futura-medium.svg#futuramedium") format("svg");
}
@font-face {
  font-family: "futura-bold";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/futura-bold.eot");
  src: url("../fonts/futura-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/futura-bold.woff2") format("woff2"), url("../fonts/futura-bold.woff") format("woff"), url("../fonts/futura-bold.ttf") format("truetype"), url("../fonts/futura-bold.svg#futurabold") format("svg");
}
@font-face {
  font-family: "futura-extra-bold";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/futura-extra-bold.eot");
  src: url("../fonts/futura-extra-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/futura-extra-bold.woff2") format("woff2"), url("../fonts/futura-extra-bold.woff") format("woff"), url("../fonts/futura-extra-bold.ttf") format("truetype"), url("../fonts/futura-extra-bold.svg#futurabold") format("svg");
}
@font-face {
  font-family: "futura-black";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/futura-black.eot");
  src: url("../fonts/futura-black.eot?#iefix") format("embedded-opentype"), url("../fonts/futura-black.woff2") format("woff2"), url("../fonts/futura-black.woff") format("woff"), url("../fonts/futura-black.ttf") format("truetype"), url("../fonts/futura-black.svg#futurablack") format("svg");
}
@font-face {
  font-family: "achille-regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/AchilleIIFY-Regular.eot");
  src: url("../fonts/AchilleIIFY-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AchilleIIFY-Regular.woff2") format("woff2"), url("../fonts/AchilleIIFY-Regular.woff") format("woff"), url("../fonts/AchilleIIFY-Regular.ttf") format("truetype"), url("../fonts/AchilleIIFY-Regular.svg#AchilleFYRegular") format("svg");
}
@font-face {
  font-family: "achille-medium";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/AchilleIIFY-Medium.eot");
  src: url("../fonts/AchilleIIFY-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AchilleIIFY-Medium.woff2") format("woff2"), url("../fonts/AchilleIIFY-Medium.woff") format("woff"), url("../fonts/AchilleIIFY-Medium.ttf") format("truetype"), url("../fonts/AchilleIIFY-Medium.svg#AchilleFYMedium") format("svg");
}
@font-face {
  font-family: "satisfy-regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/satisfy-regular.eot");
  src: url("../fonts/satisfy-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/satisfy-regular.woff2") format("woff2"), url("../fonts/satisfy-regular.woff") format("woff"), url("../fonts/satisfy-regular.ttf") format("truetype"), url("../fonts/satisfy-regular.svg#satisfyregular") format("svg");
}
@font-face {
  font-family: "goody-regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/goudy_heavyface_std_regular.eot");
  src: url("../fonts/goudy_heavyface_std_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/goudy_heavyface_std_regular.woff2") format("woff2"), url("../fonts/goudy_heavyface_std_regular.woff") format("woff"), url("../fonts/goudy_heavyface_std_regular.ttf") format("truetype"), url("../fonts/goudy_heavyface_std_regular.svg#goudy_heavyface_stdregular") format("svg");
}
html {
  /* set base font-size to equiv "10px" wich is adapted to rem unit */
  font-size: 62.5% !important;
  /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
  font-size: 0.625em !important;
}

body {
  font-family: "din-medium", "Arial", "Helvitica", "sans-serif";
  font-size: calc(1rem + 0.35vw);
  font-weight: 400;
}
body strong {
  font-family: "din-bold", "Arial", "Helvitica", "sans-serif";
}
body strong.extra {
  font-family: "din-black", "Arial", "Helvitica", "sans-serif";
}

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

.has-text-justified {
  text-align: justify;
}

.has-text-hyphened {
  hyphens: auto;
}

.has-text-shadow {
  text-shadow: 2px 6px 6px rgba(0, 0, 0, 0.38);
}

.has-text-bigger {
  font-size: 120%;
}

.has-text-smaller {
  font-size: 80%;
}

.has-text-compact {
  letter-spacing: -0.18rem;
}

h1, h2, h3,
.h1, .h2, .h3 {
  font-family: "futura-medium", "Helvetica", "Arial", "sans-serif";
}
h1 span.bigger, h2 span.bigger, h3 span.bigger,
.h1 span.bigger, .h2 span.bigger, .h3 span.bigger {
  font-size: 120%;
}
h1 strong, h2 strong, h3 strong,
.h1 strong, .h2 strong, .h3 strong {
  font-family: "futura-bold", "Helvetica", "Arial", "sans-serif";
}
h1 strong.extra, h2 strong.extra, h3 strong.extra,
.h1 strong.extra, .h2 strong.extra, .h3 strong.extra {
  font-family: "futura-extra-bold", "Helvetica", "Arial", "sans-serif";
}
h1 strong.black, h2 strong.black, h3 strong.black,
.h1 strong.black, .h2 strong.black, .h3 strong.black {
  font-family: "futura-black", "Helvetica", "Arial", "sans-serif";
}

h1, .h1 {
  font-size: calc(1.2rem + 0.68vw);
  line-height: 1.25;
}

h2, .h2 {
  font-size: calc(1rem + 0.9vw);
  line-height: 1.25;
}

/*@media screen and (max-width: $tablet) {
  body {
    font-size: $mobile-text-fontsize;
  }
}

strong {
  font-weight: $weight-bold;
}
p {
  strong {
    font-weight: 400;
    font-family: $family-medium;
  }
}

.has-text-big {
  font-size: $text-big-font-size;
}

.is-light {
  font-family: $family-light;
}
.is-regular {
  font-family: $family-regular;
}
.is-medium {
  font-family: $family-medium;
}
.is-bold {
  font-family: $family-bold;
}
.is-achille-regular {
  font-family: $family-title-regular;
}
.is-achille-medium {
  font-family: $family-title-medium;
}
.is-achille-regular,
.is-achille-medium {
  strong {
    font-family: $family-title;
  }
}
.is-achille-bold {
  font-family: $family-title;
}
*/
.wrap {
  width: 96%;
  margin: 0 auto;
}

.no-gap {
  gap: 0;
}

.viewbox-body {
  width: auto;
  margin-left: 0 !important;
  margin-top: 0 !important;
  transform: translateX(-50%) translateY(-50%);
}
.viewbox-body .viewbox-content {
  max-width: calc(100vw - 20px);
  height: auto !important;
  min-height: 100px;
}

.video-container {
  position: relative;
  width: 100vw;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header {
  background-color: #fff;
  margin-bottom: 1.5%;
}
.header #inner-header {
  position: relative;
  text-align: center;
}
.header #frise {
  display: block;
  text-align: center;
  font-family: "futura-regular", "Helvetica", "Arial", "sans-serif";
}
.header #frise ul {
  display: inline-block;
  list-style-type: disc;
  list-style-position: outside;
  margin: 0;
}
.header #frise ul li {
  text-align: left;
}
.header #frise ul li span {
  color: #000;
}
.header #frise ul li:nth-of-type(odd) {
  color: #e85127;
}
.header #frise ul li:nth-of-type(even) {
  color: #65b9e4;
}
.header #header-right > .columns #facebook-lnk p {
  text-align: right;
}
.header #header-right > .columns #facebook-lnk p img {
  vertical-align: middle;
  margin-left: 1rem;
  width: 8%;
}
.header #header-right > .columns #conseils-solutions p {
  font-family: "satisfy-regular", "Helvetica", "Arial", "sans-serif";
  font-size: calc(2rem + 0.5vw);
  font-style: italic;
  color: #e85227;
}
.header .navbar-brand {
  position: relative;
  z-index: 10000;
}
.header .navbar-brand .navbar-burger {
  width: 3.25rem;
  height: 3.25rem;
  margin-inline-start: 0.375rem;
  margin-inline-end: 0.375rem;
  color: #000;
  background-color: #fff;
}
.header .navbar-brand .navbar-burger span {
  width: 22px;
  height: 1px;
  left: calc(50% - 12px);
}
.header .navbar-brand .navbar-burger span:nth-of-type(1) {
  top: calc(50% - 8px);
}
.header .navbar-brand .navbar-burger span:nth-of-type(2) {
  top: calc(50% - 1px);
}
.header .navbar-brand .navbar-burger span:nth-of-type(3) {
  top: calc(50% + 6px);
}
.header .navbar-brand .navbar-burger.is-active span:nth-of-type(1) {
  transform: translateY(8px) rotate(-45deg);
}
.header .navbar-brand .navbar-burger.is-active span:nth-of-type(2) {
  opacity: 0;
}
.header .navbar-brand .navbar-burger.is-active span:nth-of-type(3) {
  transform: translateY(-6px) rotate(45deg);
  opacity: 1;
}
.header #navbar-main {
  padding: 0;
}
.header #navbar-main .left-nav {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 60px;
  z-index: 10000;
  top: 80px;
  left: -60px;
  font-family: "din-black", "Arial", "Helvitica", "sans-serif";
}
.header #navbar-main .left-nav a {
  display: flex;
  margin-bottom: 7px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  justify-content: center;
  text-align: center;
  font-size: 0.6rem;
  align-items: center;
  box-shadow: 3px 4px 6px 0px rgba(80, 80, 80, 0.75);
}
.header #navbar-main .left-nav a > span {
  display: inline-box;
}
.header #navbar-main .left-nav a > span span {
  background-color: #64b9e4;
  padding: 2px 10px;
  border-radius: 50%;
}
.header #navbar-main.is-active .left-nav {
  left: 0;
}

figure.arrondie {
  position: relative;
}
figure.arrondie:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  box-shadow: inset 0px 0px 30px 15px rgba(255, 255, 255, 0.9);
}
figure.arrondie img {
  border-radius: 50%;
  width: 100% !important;
}

#main-page #contents-wrapper #banner #banner-container,
#main-page #contents-wrapper #banner #slider-container {
  position: relative;
  width: 100vw;
  height: 0;
  padding: 17% 0;
  overflow: hidden;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 0 25px rgba(0, 0, 0, 0.5);
  z-index: 10;
}
#main-page #contents-wrapper #banner #banner-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
#main-page #contents-wrapper #banner #slider-container .slider {
  display: flex;
  position: absolute;
  left: 0%;
  top: 0;
  bottom: 0;
}
#main-page #contents-wrapper #banner #slider-container .slider figure {
  position: relative;
  width: 100vw;
}
#main-page #contents-wrapper #banner #slider-container .slider figure img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#main-page #contents-wrapper #content-wrapper {
  position: relative;
  padding-bottom: 3%;
  /* page savoir-faire */
  /* popups competences */
  /* page photovoltaïque */
  /* page salle de bain */
  /* page SAV */
}
#main-page #contents-wrapper #content-wrapper #page-title {
  position: relative;
  overflow: hidden;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche {
  position: absolute;
  height: 0;
  left: 0;
  top: 0;
  width: 30%;
  padding-top: 30%;
  border-radius: 0 0 50% 50%;
  display: flex;
  transform: translateY(-50%);
  padding-bottom: calc(11% - 2.2rem);
  font-size: 1.2rem;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche.txt-blanc {
  color: #fff;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche.txt-noir {
  color: #000;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche.bg-orange {
  background-color: #f19469;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche.bg-vert {
  background-color: #a4c537;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche.bg-bleu {
  background-color: #64b9e4;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche.bg-orange-fonce {
  background-color: #e85227;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche.bg-jaune {
  background-color: #fabc20;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche .cartouche-wrapper {
  position: absolute;
  height: 65%;
  width: 100%;
  left: 0;
  top: 35%;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche .cartouche-wrapper > div {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#main-page #contents-wrapper #content-wrapper #page-title .cartouche .cartouche-wrapper > div p {
  text-align: center;
  line-height: 1;
}
#main-page #contents-wrapper #content-wrapper #page-title .title-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 20%;
}
#main-page #contents-wrapper #content-wrapper #page-title .title-wrapper h1 {
  font-size: 1.2rem;
  padding-left: 32%;
  padding-top: 10px;
  padding-bottom: 10px;
}
#main-page #contents-wrapper #content-wrapper #page-title .title-wrapper#title-sav-energie-confort figure {
  position: absolute;
  left: 32%;
  margin-bottom: 0;
  top: 20%;
}
#main-page #contents-wrapper #content-wrapper #page-title .title-wrapper#title-sav-energie-confort h1 {
  padding-top: 35px;
  font-size: 1.1rem;
}
#main-page #contents-wrapper #content-wrapper #texte-savoir-faire {
  margin-top: 2%;
  gap: 4%;
}
#main-page #contents-wrapper #content-wrapper #texte-savoir-faire > div:first-child p {
  margin-top: 3.6%;
}
#main-page #contents-wrapper #content-wrapper #texte-savoir-faire > div:first-child p:nth-of-type(1) {
  margin-top: 0;
}
#main-page #contents-wrapper #content-wrapper #texte-savoir-faire > div:last-child {
  position: relative;
  margin-top: 15%;
  z-index: 2;
}
#main-page #contents-wrapper #content-wrapper #texte-savoir-faire > div:last-child:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 100%;
  left: 0;
  width: 25%;
  height: 0;
  padding-bottom: 10%;
  background-color: inherit;
  background-image: url(../images/DOSSIER-blanc.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 40%;
}
#main-page #contents-wrapper #content-wrapper #texte-savoir-faire > div:last-child:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 25%;
  width: 15%;
  height: 0;
  padding-bottom: 10%;
  background-color: inherit;
  transform-origin: top left;
  transform: rotate(60deg);
}
#main-page #contents-wrapper #content-wrapper #solutions {
  margin-top: 2%;
}
#main-page #contents-wrapper #content-wrapper #solutions #slogan-solutions {
  font-family: "satisfy-regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: calc(2.25rem + 1vw);
}
#main-page #contents-wrapper #content-wrapper #solutions #galerie-solutions {
  margin: 1.55% 10% 0 10%;
  gap: 15px;
  justify-content: center;
}
#main-page #contents-wrapper #content-wrapper #solutions #galerie-solutions figure {
  width: 60px;
}
#main-page #contents-wrapper #content-wrapper #solutions #galerie-solutions figure img {
  filter: drop-shadow(-5px 5px 5px #656565);
}
#main-page #contents-wrapper #content-wrapper #nos-competences {
  margin-top: 3%;
  align-items: center !important;
}
#main-page #contents-wrapper #content-wrapper #nos-competences #titre-competences {
  font-family: "din-bold", "Arial", "Helvitica", "sans-serif";
  font-size: 150%;
  letter-spacing: 0.5rem;
}
#main-page #contents-wrapper #content-wrapper #nos-competences #liste-competences .domaine-competence {
  width: 100%;
  padding: 0.5em 1.25em;
  margin-top: 5.75%;
  width: 100%;
  border-radius: 1.25em;
  font-family: "din-bold", "Arial", "Helvitica", "sans-serif";
}
#main-page #contents-wrapper #content-wrapper #nos-competences #liste-competences .domaine-competence:nth-of-type(1) {
  margin-top: 2.5%;
}
#main-page #contents-wrapper #content-wrapper #nos-competences #liste-competences .detail-domaine-competence {
  padding-left: 1.25em;
}
#main-page #contents-wrapper #content-wrapper #nos-competences #liste-competences .detail-domaine-competence a {
  display: inline-block;
  margin-top: 5px;
  color: #fff;
}
#main-page #contents-wrapper #content-wrapper #nos-competences #illust-competences {
  text-align: center;
}
#main-page #contents-wrapper #content-wrapper #nos-competences #illust-competences figure {
  display: inline-block;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence {
  display: none;
  position: absolute;
  height: 90%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  border: 15px solid #fff;
  background-color: #fff;
  width: 90%;
  max-width: 920px;
  box-shadow: rgba(0, 0, 0, 0.4) -10px 8px 5px 0px;
  z-index: 99;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content {
  overflow-y: scroll;
  overflow-x: hidden;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin-bottom: 4%;
  margin-left: 0;
  margin-right: 0;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche {
  position: absolute;
  height: 0;
  left: 12%;
  top: 0;
  width: 15%;
  padding-top: 7%;
  border-radius: 0 0 50% 50%;
  display: flex;
  transform: translateY(-50%);
  padding-bottom: calc(9% - 1.6rem);
  font-size: 1.6rem;
  display: none;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.txt-blanc {
  color: #fff;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.txt-noir {
  color: #000;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.txt-orange {
  color: #e85227;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.txt-vert {
  color: #a4c537;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.txt-bleu {
  color: #64b9e4;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.bg-blanc {
  background-color: #fff;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.bg-orange {
  background-color: #f19469;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.bg-vert {
  background-color: #a4c537;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.bg-bleu {
  background-color: #64b9e4;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.bg-orange-fonce {
  background-color: #e85227;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche.bg-jaune {
  background-color: #fabc20;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche .cartouche-wrapper {
  position: absolute;
  height: 65%;
  width: 100%;
  left: 0;
  top: 35%;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche .cartouche-wrapper > div {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche .cartouche-wrapper > div p {
  text-align: center;
  line-height: 1;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .btn-export {
  display: inline-block;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .btn-export figure {
  text-align: center;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .btn-export p {
  line-height: 1;
  margin-top: 5px;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title #title-wrapper {
  gap: 0;
  margin-top: 1.5%;
  margin-bottom: 1.5%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title #title-wrapper .btn-export {
  margin-left: 0;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title #title-wrapper h1 {
  text-align: left;
  font-size: calc(1rem + 0.5vw);
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title #title-wrapper h1 strong {
  color: #fff;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title #title-wrapper figure {
  margin-bottom: 0;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-footer {
  margin-top: 1.5%;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-footer figure {
  margin: 0;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-footer p {
  font-size: 1.22rem;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-footer p strong {
  color: #e85227;
  font-family: "din-bold", "Arial", "Helvitica", "sans-serif";
}
#main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #pompes-a-chaleur figure {
  max-width: 48%;
}
#main-page #contents-wrapper #content-wrapper #popupCompetence button {
  position: absolute;
  top: -15px;
  right: -15px;
  padding: 2px 5px;
  background-color: #ccc;
  font-size: 1.4rem;
}
#main-page #contents-wrapper #content-wrapper .contenu-competences {
  margin: 0 auto;
  max-width: 900px;
}
#main-page #contents-wrapper #content-wrapper .contenu-competences .wp-block-columns {
  margin-bottom: 0;
  padding: 1.25rem;
  font-size: 1.15rem;
  text-align: justify;
  hyphens: auto;
}
#main-page #contents-wrapper #content-wrapper .contenu-competences .wp-block-columns h3 {
  font-size: 1.4rem;
  font-family: "futura-bold", "Helvetica", "Arial", "sans-serif";
  text-align: center;
  margin-bottom: 2rem;
}
#main-page #contents-wrapper #content-wrapper .contenu-competences .wp-block-columns strong {
  font-family: "din-bold", "Arial", "Helvitica", "sans-serif";
}
#main-page #contents-wrapper #content-wrapper #texte-photovoltaique {
  margin-top: 2%;
  margin-bottom: 3%;
}
#main-page #contents-wrapper #content-wrapper #texte-photovoltaique #intro-photovoltaique p:nth-of-type(1) {
  font-size: 2rem;
  font-family: "futura-bold", "Helvetica", "Arial", "sans-serif";
  /*font-family: st.$family-title-medium;*/
  /*font-family: st.$family-title-regular;*/
  letter-spacing: 15%;
}
#main-page #contents-wrapper #content-wrapper #texte-photovoltaique #intro-photovoltaique p:nth-of-type(2) {
  font-size: 1.25rem;
}
#main-page #contents-wrapper #content-wrapper #texte-photovoltaique #liste-photovoltaique {
  margin-top: 3%;
  margin-left: 2.5%;
  list-style: disc;
}
#main-page #contents-wrapper #content-wrapper #texte-photovoltaique #liste-photovoltaique li::marker {
  color: #a4c537;
}
#main-page #contents-wrapper #content-wrapper #texte-photovoltaique #info-photovoltaique {
  margin-top: 3%;
  padding-right: 30%;
  hyphens: auto;
}
#main-page #contents-wrapper #content-wrapper #texte-photovoltaique #astuce-photovoltaique {
  margin-top: 5%;
  line-height: 2rem;
}
#main-page #contents-wrapper #content-wrapper #texte-photovoltaique #illust-photovoltaique {
  position: relative;
  overflow: visible;
}
#main-page #contents-wrapper #content-wrapper #texte-photovoltaique #illust-photovoltaique figure {
  width: 100%;
  transform: translateY(-5%);
}
#main-page #contents-wrapper #content-wrapper:has(#contenu-salle-de-bain):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0.5;
  background-image: url("../images/DECOR BLANC-SDBAIN.webp");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}
#main-page #contents-wrapper #content-wrapper:has(#contenu-salle-de-bain) #page-title {
  z-index: 20;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #texte-salle-de-bain {
  position: relative;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #texte-salle-de-bain .wp-block-column:nth-of-type(1) {
  position: relative;
  z-index: 20;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #texte-salle-de-bain .wp-block-column:nth-of-type(2) {
  position: relative;
  z-index: 5;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #texte-salle-de-bain #intro-salle-de-bain {
  font-size: calc(1.4rem + 0.32vw);
  font-family: "achille-regular", "Helvetica", "Arial", "sans-serif";
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #texte-salle-de-bain #intro-salle-de-bain #accroche-salle-de-bain {
  margin-top: 12%;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #texte-salle-de-bain #intro-salle-de-bain #amenagement-salle-de-bain {
  margin-top: 12%;
  font-family: "din-black", "Arial", "Helvitica", "sans-serif";
  font-size: 110%;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #texte-salle-de-bain #liste-salle-de-bain {
  margin-top: 5.5%;
  margin-left: 1.5rem;
  list-style-type: disc;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #texte-salle-de-bain #conclusion-salle-de-bain {
  margin-top: 5.5%;
  font-family: "din-black", "Arial", "Helvitica", "sans-serif";
  font-size: calc(1.4rem + 0.21vw);
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #bandeau_1 {
  position: relative;
  z-index: 20;
  margin-top: -20%;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #bandeau_1 p#plan-salle-de-bain {
  text-align: center;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #bandeau_1 p#plan-salle-de-bain br {
  display: none;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #bandeau_2 {
  position: relative;
  z-index: 20;
  margin-top: -12.5%;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #bandeau_2 #salle-exposition-salle-de-bain {
  margin-bottom: 0;
  text-align: center;
}
#main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #bandeau_2 #salle-exposition-salle-de-bain br {
  display: none;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-intervention #sav-texte p:nth-of-type(1) {
  margin-bottom: 3.1%;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-intervention #une-urgence-wrapper {
  text-align: center;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-intervention #une-urgence-wrapper #une-urgence {
  position: relative;
  display: inline-block;
  background-color: #e85227;
  color: #fff;
  border-radius: 50%;
  width: 58%;
  height: 0;
  padding: 29% 0;
  transform: rotate(-10deg);
  font-size: 2.5rem;
  text-align: center;
  z-index: 99;
  box-shadow: rgba(0, 0, 0, 0.4) -10px 8px 5px 0px;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-intervention #une-urgence-wrapper #une-urgence p:nth-of-type(1) {
  margin-top: -45%;
  font-family: "goody-regular", "Helvetica", "Arial", "sans-serif";
  font-style: italic;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-intervention #une-urgence-wrapper #une-urgence hr {
  width: 80%;
  border-color: #fff;
  margin: 3% auto;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-intervention #une-urgence-wrapper #une-urgence figure {
  display: inline-block;
  text-align: center;
  margin: 4% 0 0 0;
  width: 23.6%;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage {
  margin-top: 0;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage h2 {
  color: #e85227;
  font-family: "din-black", "Arial", "Helvitica", "sans-serif";
  font-size: calc(1.5rem + 0.8vw);
  text-align: center;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage ul#liste-energie-confort-depannage {
  margin-top: 0;
  margin-left: 6rem;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage ul#liste-energie-confort-depannage li::marker {
  content: "→";
  font-size: 2.5rem;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage ul#liste-energie-confort-depannage li:nth-child(odd)::marker {
  color: #e85227;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage ul#liste-energie-confort-depannage li:nth-child(even)::marker {
  color: #008dc8;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage #illust-energie-confort {
  position: relative;
  height: 0;
  padding-top: 26%;
  padding-bottom: 26%;
  margin-top: 8%;
  margin-bottom: 20%;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage #illust-energie-confort figure {
  margin: 0;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage #illust-energie-confort figure:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 90%;
  margin: 0;
}
#main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage #illust-energie-confort figure:nth-of-type(2) {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 64%;
  margin: 0;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations {
  position: relative;
  margin-top: 2%;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .liste-realisations-wrapper {
  font-size: calc(1rem + 0.12vw);
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .liste-realisations-wrapper .columns {
  gap: 20px;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .liste-realisations-wrapper .columns .column {
  min-width: 23%;
  text-align: center;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .liste-realisations-wrapper .columns .column .real-content {
  position: relative;
  cursor: pointer;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .liste-realisations-wrapper .columns .column .real-content > img {
  max-width: 235px;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .liste-realisations-wrapper .columns .column .real-content > div {
  position: absolute;
  width: 90%;
  max-width: 195px;
  left: 50%;
  bottom: 10.5%;
  transform: translateX(-50%);
  padding: 5px 10px;
  background-color: #fff;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .liste-realisations-wrapper .columns .column .real-content > div p {
  margin: 0;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 700;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup .popup_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 95%;
  z-index: 99;
  padding: 0;
  background-color: rgb(255, 255, 255);
  border: 15px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.4) -10px 8px 5px 0px;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup .popup_content .popup-liste ul li {
  cursor: pointer;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup .popup_content button {
  position: absolute;
  top: -15px;
  right: -15px;
  padding: 2px 5px;
  background-color: #ccc;
  font-size: 1.4rem;
  line-height: 1;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup .restrict {
  display: none;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 {
  color: #008dc8;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content {
  padding: 20px 10px;
  background: linear-gradient(#fff, #64b9e4);
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../images/TRAME SdB.webp");
  background-repeat: no-repeat;
  background-position: bottom center;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content > p {
  position: relative;
  text-align: left;
  font-size: calc(1.5rem + 0.26vw);
  hyphens: auto;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content .popup-liste {
  position: relative;
  padding-left: 10%;
  margin-top: 40px;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content .popup-liste:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-image: url(../images/salle-de-bain-blanc.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content .popup-liste ul {
  position: relative;
  list-style-type: none;
  margin-top: -25px;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content .popup-liste ul li {
  text-align: left;
  font-size: calc(1.2rem + 0.16vw);
  background-image: url(../images/rond-blanc.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  padding-left: 50px;
  margin-left: -30px;
  margin-bottom: 15px;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content .popup-liste ul li p {
  padding: 5px 0;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content .popup-liste .btn-contact {
  position: relative;
  margin-top: 60px;
  text-align: left;
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content .popup-liste .btn-contact a {
  display: inline-block;
  background-color: #008dc8;
  color: #fff;
  padding: 10px 50px;
  font-size: calc(1.5rem + 0.12vw);
}
#main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content .restrict.only_popup_392 {
  display: block !important;
}

#labels {
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 60px;
  padding-top: 15px;
  background-image: url("../images/TRAME GEOFFROY QUALIFIE.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#labels:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -35px;
  height: 30px;
  background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
#labels h2 {
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 30px;
  padding-right: 60px;
  padding-top: 9px;
  padding-bottom: 9px;
  background-image: url("../images/LOGO-QUALIFIE.png");
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
}

footer #footer-title {
  padding: 10px 0;
  text-align: center;
  /*font-family: "gotham-book", "Arial", "Helvitica", "sans-serif";*/
  font-size: calc(1rem + 0.9vw);
  /*letter-spacing: 0.5rem;*/
  color: #fff;
  margin-bottom: 2%;
}
footer #inner-footer > .columns {
  gap: calc(10px + 0.84%) !important;
  margin-bottom: 2%;
}
footer #inner-footer > .columns > .column:nth-of-type(1) {
  flex-grow: 1 !important;
}
footer #inner-footer > .columns > .column:nth-of-type(1) .coord {
  line-height: 0.9;
  margin-bottom: 5%;
}
footer #inner-footer > .columns > .column:nth-of-type(1) .coord strong {
  font-family: "din-black", "Arial", "Helvitica", "sans-serif";
}
footer #inner-footer > .columns > .column:nth-of-type(2) {
  flex-grow: 1.2 !important;
}
footer #footer-navigation,
footer #legal-navigation {
  min-height: auto;
}
footer #footer-navigation #navbar-footer,
footer #footer-navigation #navbar-legal,
footer #legal-navigation #navbar-footer,
footer #legal-navigation #navbar-legal {
  margin: 0 auto;
  font-size: 1.15rem;
}
footer #footer-navigation #navbar-footer a,
footer #footer-navigation #navbar-legal a,
footer #legal-navigation #navbar-footer a,
footer #legal-navigation #navbar-legal a {
  padding: 0 0.75rem;
}

/* formulaires de contact */
.frm-contact-wrapper {
  position: relative;
}
.frm-contact-wrapper input,
.frm-contact-wrapper textarea,
.frm-contact-wrapper select {
  width: 100%;
}
.frm-contact-wrapper textarea {
  padding: 8px;
}
.frm-contact-wrapper .floating-labels .control {
  position: relative;
  margin-bottom: 20px;
}
.frm-contact-wrapper .floating-labels .control.has-floating-label .label {
  position: absolute;
  top: 6px;
  left: 12px;
  margin-top: 0;
  font-size: 1.4rem;
  cursor: text;
  color: #939393;
  -webkit-transition: top 0.2s, left 0.2s, font-size 0.2s;
  -moz-transition: top 0.2s, left 0.2s, font-size 0.2s;
  transition: top 0.2s, left 0.2s, font-size 0.2s;
  z-index: 10;
}
.frm-contact-wrapper .floating-labels .control.has-floating-label .label.float {
  /* move label out the input field */
  font-size: 1rem;
  top: -6px !important;
  left: 10px !important;
  color: #939393;
  background-color: #fff;
  padding: 0 5px;
}
.frm-contact-wrapper .floating-labels .control input {
  height: 34px;
}
.frm-contact-wrapper .floating-labels .control input.error {
  border: 1px solid red;
  padding-left: 10px;
}
.frm-contact-wrapper .floating-labels .control select {
  height: 34px;
  background-color: #fff;
  border: 1px solid #8f8f9d;
}
.frm-contact-wrapper .floating-labels .control .validationMessage {
  display: block;
  color: red;
  font-size: 1.2rem;
}
.frm-contact-wrapper .floating-labels input[type=submit] {
  width: auto;
  padding: 10px 20px;
  float: right;
  background-color: #97bbd9;
  border: navajowhite;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}
.frm-contact-wrapper .floating-labels .columns {
  margin-bottom: 0 !important;
}
.frm-contact-wrapper .floating-labels .columns .column {
  padding-bottom: 0 !important;
}
.frm-contact-wrapper .floating-labels #control-legal {
  margin-bottom: 0;
}
.frm-contact-wrapper .floating-labels #control-legal > div:first-child {
  width: 100%;
  padding-top: 0;
}
.frm-contact-wrapper .floating-labels #control-legal > div:first-child div {
  width: 1px;
  height: 80px;
}
.frm-contact-wrapper .floating-labels #control-legal > div:first-child input[type=checkbox] {
  width: 18px !important;
}
.frm-contact-wrapper .floating-labels #control-legal > div:last-child {
  flex: 95;
  font-size: 1.4rem;
}
@media screen and (max-width: 1024px) {
  .frm-contact-wrapper .floating-labels #control-legal > div:last-child {
    flex: 18;
  }
}
.frm-contact-wrapper .floating-labels .is-control,
.frm-contact-wrapper .floating-labels .field-plus {
  height: 0;
  overflow: hidden;
}
.frm-contact-wrapper .floating-labels .required-fields {
  font-size: 1.5rem;
}

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 769px) {
  /*********************
  HEADER STYLES
  *********************/
  .header #inner-header {
    padding-top: 0;
  }
  .header #frise {
    font-size: 120%;
  }
  .header #frise li {
    margin: 10px 0 5px 28px;
    float: left;
  }
  .header #header-right > .columns {
    height: 100%;
  }
  .header #header-right > .columns #facebook-lnk {
    flex: 2;
  }
  .header #header-right > .columns #conseils-solutions {
    flex: 1;
  }
  .header .navbar-brand {
    display: none;
  }
  .header #navbar-main .left-nav {
    width: 90px;
    left: 0;
    top: 20%;
    /*transform: translateY(-42%);
    top: 50%;*/
  }
  .header #navbar-main .left-nav a {
    width: 90px;
    height: 90px;
    font-size: 1rem;
  }
  #main-page #contents-wrapper #content-wrapper {
    /* page savoir-faire */
    /* page SAV */
  }
  #main-page #contents-wrapper #content-wrapper #page-title .cartouche {
    width: 20%;
    padding-top: 11%;
    font-size: calc(1.2rem + 0.54vw);
  }
  #main-page #contents-wrapper #content-wrapper #page-title .title-wrapper {
    padding-bottom: 10%;
  }
  #main-page #contents-wrapper #content-wrapper #page-title .title-wrapper h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: calc(1.2rem + 0.68vw);
    display: inline-block;
  }
  #main-page #contents-wrapper #content-wrapper #page-title .title-wrapper#title-sav-energie-confort figure {
    left: 50%;
    transform: translateX(-50%);
  }
  #main-page #contents-wrapper #content-wrapper #page-title .title-wrapper#title-sav-energie-confort h1 {
    padding-top: 0;
    transform: translateX(-50%) translateY(90%);
    font-size: calc(1.2rem + 0.68vw);
  }
  #main-page #contents-wrapper #content-wrapper #texte-savoir-faire > div:last-child {
    margin-top: 0 !important;
  }
  #main-page #contents-wrapper #content-wrapper #texte-savoir-faire > div:last-child:before {
    width: 36.5% !important;
    padding-bottom: 15.4% !important;
  }
  #main-page #contents-wrapper #content-wrapper #texte-savoir-faire > div:last-child:after {
    left: 36.5% !important;
    width: 18.5% !important;
    padding-bottom: 15.4% !important;
  }
  #main-page #contents-wrapper #content-wrapper #solutions #galerie-solutions {
    gap: 8%;
    justify-content: normal;
  }
  #main-page #contents-wrapper #content-wrapper #solutions #galerie-solutions figure {
    max-width: 140px !important;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 {
    min-width: 655px;
  }
  #main-page #contents-wrapper #content-wrapper #texte-photovoltaique #astuce-photovoltaique {
    margin-top: 8%;
  }
  #main-page #contents-wrapper #content-wrapper #texte-photovoltaique #illust-photovoltaique figure {
    position: absolute;
    top: 50%;
    right: 45%;
    transform: translateY(-50%);
  }
  #main-page #contents-wrapper #content-wrapper:has(#contenu-salle-de-bain):before {
    background-size: contain;
  }
  #main-page #contents-wrapper #content-wrapper:has(#contenu-salle-de-bain) #page-title {
    z-index: 20;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #bandeau_1 p#plan-salle-de-bain {
    text-align: left;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #bandeau_1 p#plan-salle-de-bain br {
    display: inline;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #bandeau_2 #salle-exposition-salle-de-bain {
    margin-bottom: 17.3%;
    text-align: right;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-salle-de-bain #bandeau_2 #salle-exposition-salle-de-bain br {
    display: inline;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage {
    margin-top: -9.8%;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage h2 {
    font-size: calc(1.8rem + 0.5vw);
    text-align: left;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage ul#liste-energie-confort-depannage {
    margin-top: 10%;
    margin-left: 2rem;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-energie-confort #energie-confort-depannage #illust-energie-confort {
    margin-top: 0;
    margin-bottom: 0;
  }
  #main-page #contents-wrapper #content-wrapper #popupCompetence {
    left: calc((100vw - 1020px) / 2 + 280.5px);
    transform: translateY(-50%);
  }
  #main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title .cartouche {
    display: block;
  }
  #main-page #contents-wrapper #content-wrapper #popupCompetence #popup_content #page-competence-title #title-wrapper .btn-export {
    margin-left: 10%;
  }
  #main-page #contents-wrapper #content-wrapper #popupCompetence .wp-block-columns {
    padding: 1.25em 2.375em;
  }
  #main-page #contents-wrapper #content-wrapper #popupCompetence .wp-block-columns h3 {
    font-size: 1.6rem;
    text-align: left;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-realisations .popup .popup_content {
    width: auto;
    max-width: 95%;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content {
    padding: 20px 30px;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content .popup-liste {
    padding-left: 60%;
  }
  #main-page #contents-wrapper #content-wrapper #contenu-realisations .popup#popup_392 .popup_content .popup-liste:before {
    opacity: 1;
  }
}
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1024px) {
  .wrap {
    width: 1020px;
  }
  .video-container {
    width: 960px;
  }
}
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
/*********************
FULL SCREEN VIEWING SIZE
This is for full screen viewers.
*********************/
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
/******************************************************************
When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.
******************************************************************/
/*

EXAMPLE
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/
/* theme */

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