/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
.button, .input, .textarea, .select select, .file-cta,
.file-name, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}

.button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
.file-name:focus, .pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
.is-focused.file-name, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
.file-name:active, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
.is-active.file-name, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis {
  outline: none;
}

.button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled],
.file-name[disabled], .pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled],
.pagination-ellipsis[disabled],
fieldset[disabled] .button,
fieldset[disabled] .input,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis {
  cursor: not-allowed;
}

.button, .file, .breadcrumb, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .tabs, .is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  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;
  width: 0.625em;
}

.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .block:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child) {
  margin-bottom: 1.5rem;
}

.delete, .modal-close {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}

.delete::before, .modal-close::before, .delete::after, .modal-close::after {
  background-color: white;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}

.delete::before, .modal-close::before {
  height: 2px;
  width: 50%;
}

.delete::after, .modal-close::after {
  height: 50%;
  width: 2px;
}

.delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
  background-color: rgba(10, 10, 10, 0.3);
}

.delete:active, .modal-close:active {
  background-color: rgba(10, 10, 10, 0.4);
}

.is-small.delete, .is-small.modal-close {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px;
}

.is-medium.delete, .is-medium.modal-close {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}

.is-large.delete, .is-large.modal-close {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
}

.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
  -webkit-animation: spinAround 500ms infinite linear;
          animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio, .modal, .modal-background, .is-overlay, .hero-video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

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

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

html {
  background-color: white;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

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

body,
button,
input,
optgroup,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  color: #4a4a4a;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: #485fc7;
  cursor: pointer;
  text-decoration: none;
}

a strong {
  color: currentColor;
}

a:hover {
  color: #363636;
}

code {
  background-color: whitesmoke;
  color: #da1039;
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

hr {
  background-color: whitesmoke;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}

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

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

small {
  font-size: 0.875em;
}

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

strong {
  color: #363636;
  font-weight: 700;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: whitesmoke;
  color: #4a4a4a;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}

pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}

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

table th {
  color: #363636;
}

@-webkit-keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* Bulma Elements */
.box {
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem;
}

a.box:hover, a.box:focus {
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #485fc7;
}

a.box:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #485fc7;
}

.button {
  background-color: white;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap;
}

.button strong {
  color: inherit;
}

.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}

.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5em - 1px);
  margin-right: 0.25em;
}

.button .icon:last-child:not(:first-child) {
  margin-left: 0.25em;
  margin-right: calc(-0.5em - 1px);
}

.button .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}

.button:hover, .button.is-hovered {
  border-color: #b5b5b5;
  color: #363636;
}

.button:focus, .button.is-focused {
  border-color: #485fc7;
  color: #363636;
}

.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.button:active, .button.is-active {
  border-color: #4a4a4a;
  color: #363636;
}

.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: #4a4a4a;
  text-decoration: underline;
}

.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: whitesmoke;
  color: #363636;
}

.button.is-text:active, .button.is-text.is-active {
  background-color: #e8e8e8;
  color: #363636;
}

.button.is-text[disabled],
fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

.button.is-ghost {
  background: none;
  border-color: transparent;
  color: #485fc7;
  text-decoration: none;
}

.button.is-ghost:hover, .button.is-ghost.is-hovered {
  color: #485fc7;
  text-decoration: underline;
}

.button.is-white {
  background-color: white;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white:hover, .button.is-white.is-hovered {
  background-color: #f9f9f9;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.button.is-white:active, .button.is-white.is-active {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white[disabled],
fieldset[disabled] .button.is-white {
  background-color: white;
  border-color: white;
  box-shadow: none;
}

.button.is-white.is-inverted {
  background-color: #0a0a0a;
  color: white;
}

.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  background-color: black;
}

.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
  background-color: #0a0a0a;
  border-color: transparent;
  box-shadow: none;
  color: white;
}

.button.is-white.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-white.is-outlined {
  background-color: transparent;
  border-color: white;
  color: white;
}

.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent white white !important;
}

.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: white;
  box-shadow: none;
  color: white;
}

.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}

.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  background-color: #0a0a0a;
  color: white;
}

.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent white white !important;
}

.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black {
  background-color: #0a0a0a;
  border-color: transparent;
  color: white;
}

.button.is-black:hover, .button.is-black.is-hovered {
  background-color: #040404;
  border-color: transparent;
  color: white;
}

.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: white;
}

.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.button.is-black:active, .button.is-black.is-active {
  background-color: black;
  border-color: transparent;
  color: white;
}

.button.is-black[disabled],
fieldset[disabled] .button.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  box-shadow: none;
}

.button.is-black.is-inverted {
  background-color: white;
  color: #0a0a0a;
}

.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
  background-color: white;
  border-color: transparent;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black.is-loading::after {
  border-color: transparent transparent white white !important;
}

.button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}

.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent white white !important;
}

.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: white;
  color: white;
}

.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  background-color: white;
  color: #0a0a0a;
}

.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: white;
  box-shadow: none;
  color: white;
}

.button.is-light {
  background-color: whitesmoke;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light:hover, .button.is-light.is-hovered {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.button.is-light:active, .button.is-light.is-active {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light[disabled],
fieldset[disabled] .button.is-light {
  background-color: whitesmoke;
  border-color: whitesmoke;
  box-shadow: none;
}

.button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}

.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}

.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: whitesmoke;
}

.button.is-light.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-light.is-outlined {
  background-color: transparent;
  border-color: whitesmoke;
  color: whitesmoke;
}

.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent whitesmoke whitesmoke !important;
}

.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: whitesmoke;
  box-shadow: none;
  color: whitesmoke;
}

.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}

.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent whitesmoke whitesmoke !important;
}

.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-dark {
  background-color: #363636;
  border-color: transparent;
  color: #fff;
}

.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: #2f2f2f;
  border-color: transparent;
  color: #fff;
}

.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.button.is-dark:active, .button.is-dark.is-active {
  background-color: #292929;
  border-color: transparent;
  color: #fff;
}

.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
  background-color: #363636;
  border-color: #363636;
  box-shadow: none;
}

.button.is-dark.is-inverted {
  background-color: #fff;
  color: #363636;
}

.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #363636;
}

.button.is-dark.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #363636;
  color: #363636;
}

.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  background-color: #363636;
  border-color: #363636;
  color: #fff;
}

.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent #363636 #363636 !important;
}

.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #363636;
  box-shadow: none;
  color: #363636;
}

.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #363636;
}

.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #363636 #363636 !important;
}

.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-primary {
  background-color: #00d1b2;
  border-color: transparent;
  color: #fff;
}

.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-primary:active, .button.is-primary.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
  background-color: #00d1b2;
  border-color: #00d1b2;
  box-shadow: none;
}

.button.is-primary.is-inverted {
  background-color: #fff;
  color: #00d1b2;
}

.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #00d1b2;
}

.button.is-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #00d1b2;
  color: #00d1b2;
}

.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  background-color: #00d1b2;
  border-color: #00d1b2;
  color: #fff;
}

.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent #00d1b2 #00d1b2 !important;
}

.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #00d1b2;
  box-shadow: none;
  color: #00d1b2;
}

.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #00d1b2;
}

.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #00d1b2 #00d1b2 !important;
}

.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-primary.is-light {
  background-color: #ebfffc;
  color: #00947e;
}

.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
  background-color: #defffa;
  border-color: transparent;
  color: #00947e;
}

.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
  background-color: #d1fff8;
  border-color: transparent;
  color: #00947e;
}

.button.is-link {
  background-color: #485fc7;
  border-color: transparent;
  color: #fff;
}

.button.is-link:hover, .button.is-link.is-hovered {
  background-color: #3e56c4;
  border-color: transparent;
  color: #fff;
}

.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.button.is-link:active, .button.is-link.is-active {
  background-color: #3a51bb;
  border-color: transparent;
  color: #fff;
}

.button.is-link[disabled],
fieldset[disabled] .button.is-link {
  background-color: #485fc7;
  border-color: #485fc7;
  box-shadow: none;
}

.button.is-link.is-inverted {
  background-color: #fff;
  color: #485fc7;
}

.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #485fc7;
}

.button.is-link.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-link.is-outlined {
  background-color: transparent;
  border-color: #485fc7;
  color: #485fc7;
}

.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
}

.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent #485fc7 #485fc7 !important;
}

.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: #485fc7;
  box-shadow: none;
  color: #485fc7;
}

.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #485fc7;
}

.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #485fc7 #485fc7 !important;
}

.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7;
}

.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
  background-color: #e6e9f7;
  border-color: transparent;
  color: #3850b7;
}

.button.is-link.is-light:active, .button.is-link.is-light.is-active {
  background-color: #dce0f4;
  border-color: transparent;
  color: #3850b7;
}

.button.is-info {
  background-color: #3e8ed0;
  border-color: transparent;
  color: #fff;
}

.button.is-info:hover, .button.is-info.is-hovered {
  background-color: #3488ce;
  border-color: transparent;
  color: #fff;
}

.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}

.button.is-info:active, .button.is-info.is-active {
  background-color: #3082c5;
  border-color: transparent;
  color: #fff;
}

.button.is-info[disabled],
fieldset[disabled] .button.is-info {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  box-shadow: none;
}

.button.is-info.is-inverted {
  background-color: #fff;
  color: #3e8ed0;
}

.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #3e8ed0;
}

.button.is-info.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-info.is-outlined {
  background-color: transparent;
  border-color: #3e8ed0;
  color: #3e8ed0;
}

.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  color: #fff;
}

.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent #3e8ed0 #3e8ed0 !important;
}

.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: #3e8ed0;
  box-shadow: none;
  color: #3e8ed0;
}

.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #3e8ed0;
}

.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #3e8ed0 #3e8ed0 !important;
}

.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8;
}

.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
  background-color: #e4eff9;
  border-color: transparent;
  color: #296fa8;
}

.button.is-info.is-light:active, .button.is-info.is-light.is-active {
  background-color: #dae9f6;
  border-color: transparent;
  color: #296fa8;
}

.button.is-success {
  background-color: #48c78e;
  border-color: transparent;
  color: #fff;
}

.button.is-success:hover, .button.is-success.is-hovered {
  background-color: #3ec487;
  border-color: transparent;
  color: #fff;
}

.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
}

.button.is-success:active, .button.is-success.is-active {
  background-color: #3abb81;
  border-color: transparent;
  color: #fff;
}

.button.is-success[disabled],
fieldset[disabled] .button.is-success {
  background-color: #48c78e;
  border-color: #48c78e;
  box-shadow: none;
}

.button.is-success.is-inverted {
  background-color: #fff;
  color: #48c78e;
}

.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #48c78e;
}

.button.is-success.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-success.is-outlined {
  background-color: transparent;
  border-color: #48c78e;
  color: #48c78e;
}

.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  background-color: #48c78e;
  border-color: #48c78e;
  color: #fff;
}

.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent #48c78e #48c78e !important;
}

.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: #48c78e;
  box-shadow: none;
  color: #48c78e;
}

.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #48c78e;
}

.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #48c78e #48c78e !important;
}

.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-success.is-light {
  background-color: #effaf5;
  color: #257953;
}

.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
  background-color: #e6f7ef;
  border-color: transparent;
  color: #257953;
}

.button.is-success.is-light:active, .button.is-success.is-light.is-active {
  background-color: #dcf4e9;
  border-color: transparent;
  color: #257953;
}

.button.is-warning {
  background-color: #ffe08a;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: #ffdc7d;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}

.button.is-warning:active, .button.is-warning.is-active {
  background-color: #ffd970;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
  background-color: #ffe08a;
  border-color: #ffe08a;
  box-shadow: none;
}

.button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffe08a;
}

.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: #ffe08a;
}

.button.is-warning.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #ffe08a;
  color: #ffe08a;
}

.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  background-color: #ffe08a;
  border-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent #ffe08a #ffe08a !important;
}

.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #ffe08a;
  box-shadow: none;
  color: #ffe08a;
}

.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffe08a;
}

.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #ffe08a #ffe08a !important;
}

.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00;
}

.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
  background-color: #fff6de;
  border-color: transparent;
  color: #946c00;
}

.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
  background-color: #fff3d1;
  border-color: transparent;
  color: #946c00;
}

.button.is-danger {
  background-color: #f14668;
  border-color: transparent;
  color: #fff;
}

.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: #f03a5f;
  border-color: transparent;
  color: #fff;
}

.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}

.button.is-danger:active, .button.is-danger.is-active {
  background-color: #ef2e55;
  border-color: transparent;
  color: #fff;
}

.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
  background-color: #f14668;
  border-color: #f14668;
  box-shadow: none;
}

.button.is-danger.is-inverted {
  background-color: #fff;
  color: #f14668;
}

.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #f14668;
}

.button.is-danger.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #f14668;
  color: #f14668;
}

.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  background-color: #f14668;
  border-color: #f14668;
  color: #fff;
}

.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent #f14668 #f14668 !important;
}

.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #f14668;
  box-shadow: none;
  color: #f14668;
}

.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #f14668;
}

.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #f14668 #f14668 !important;
}

.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35;
}

.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
  background-color: #fde0e6;
  border-color: transparent;
  color: #cc0f35;
}

.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
  background-color: #fcd4dc;
  border-color: transparent;
  color: #cc0f35;
}

.button.is-small {
  font-size: 0.75rem;
}

.button.is-small:not(.is-rounded) {
  border-radius: 2px;
}

.button.is-normal {
  font-size: 1rem;
}

.button.is-medium {
  font-size: 1.25rem;
}

.button.is-large {
  font-size: 1.5rem;
}

.button[disabled],
fieldset[disabled] .button {
  background-color: white;
  border-color: #dbdbdb;
  box-shadow: none;
  opacity: 0.5;
}

.button.is-fullwidth {
  display: flex;
  width: 100%;
}

.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}

.button.is-loading::after {
  position: absolute;
  left: calc(50% - (1em * 0.5));
  top: calc(50% - (1em * 0.5));
  position: absolute !important;
}

.button.is-static {
  background-color: whitesmoke;
  border-color: #dbdbdb;
  color: #7a7a7a;
  box-shadow: none;
  pointer-events: none;
}

.button.is-rounded {
  border-radius: 9999px;
  padding-left: calc(1em + 0.25em);
  padding-right: calc(1em + 0.25em);
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.buttons .button {
  margin-bottom: 0.5rem;
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}

.buttons:last-child {
  margin-bottom: -0.5rem;
}

.buttons:not(:last-child) {
  margin-bottom: 1rem;
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  font-size: 0.75rem;
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: 2px;
}

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem;
}

.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.5rem;
}

.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}

.buttons.has-addons .button:last-child {
  margin-right: 0;
}

.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}

.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}

.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}

.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.buttons.is-centered {
  justify-content: center;
}

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.buttons.is-right {
  justify-content: flex-end;
}

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

@media screen and (max-width: 768px) {
  .button.is-responsive.is-small {
    font-size: 0.5625rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.65625rem;
  }
  .button.is-responsive.is-medium {
    font-size: 0.75rem;
  }
  .button.is-responsive.is-large {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .button.is-responsive.is-small {
    font-size: 0.65625rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.75rem;
  }
  .button.is-responsive.is-medium {
    font-size: 1rem;
  }
  .button.is-responsive.is-large {
    font-size: 1.25rem;
  }
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}

.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}

@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px;
  }
}

@media screen and (max-width: 1407px) {
  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}

@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}

@media screen and (min-width: 1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}

.content li + li {
  margin-top: 0.25em;
}

.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #363636;
  font-weight: 600;
  line-height: 1.125;
}

.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}

.content h1:not(:first-child) {
  margin-top: 1em;
}

.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}

.content h2:not(:first-child) {
  margin-top: 1.1428em;
}

.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}

.content h3:not(:first-child) {
  margin-top: 1.3333em;
}

.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}

.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}

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

.content blockquote {
  background-color: whitesmoke;
  border-left: 5px solid #dbdbdb;
  padding: 1.25em 1.5em;
}

.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}

.content ol:not([type]) {
  list-style-type: decimal;
}

.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}

.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}

.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}

.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}

.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}

.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}

.content ul ul ul {
  list-style-type: square;
}

.content dd {
  margin-left: 2em;
}

.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}

.content figure:not(:first-child) {
  margin-top: 2em;
}

.content figure:not(:last-child) {
  margin-bottom: 2em;
}

.content figure img {
  display: inline-block;
}

.content figure figcaption {
  font-style: italic;
}

.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}

.content sup,
.content sub {
  font-size: 75%;
}

.content table {
  width: 100%;
}

.content table td,
.content table th {
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.content table th {
  color: #363636;
}

.content table th:not([align]) {
  text-align: inherit;
}

.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: #363636;
}

.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}

.content .tabs li + li {
  margin-top: 0;
}

.content.is-small {
  font-size: 0.75rem;
}

.content.is-normal {
  font-size: 1rem;
}

.content.is-medium {
  font-size: 1.25rem;
}

.content.is-large {
  font-size: 1.5rem;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}

.icon.is-small {
  height: 1rem;
  width: 1rem;
}

.icon.is-medium {
  height: 2rem;
  width: 2rem;
}

.icon.is-large {
  height: 3rem;
  width: 3rem;
}

.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
  vertical-align: top;
}

.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0;
}

.icon-text .icon:not(:last-child) {
  margin-right: 0.25em;
}

.icon-text .icon:not(:first-child) {
  margin-left: 0.25em;
}

div.icon-text {
  display: flex;
}

.image {
  display: block;
  position: relative;
}

.image img {
  display: block;
  height: auto;
  width: 100%;
}

.image img.is-rounded {
  border-radius: 9999px;
}

.image.is-fullwidth {
  width: 100%;
}

.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  height: 100%;
  width: 100%;
}

.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}

.image.is-5by4 {
  padding-top: 80%;
}

.image.is-4by3 {
  padding-top: 75%;
}

.image.is-3by2 {
  padding-top: 66.6666%;
}

.image.is-5by3 {
  padding-top: 60%;
}

.image.is-16by9 {
  padding-top: 56.25%;
}

.image.is-2by1 {
  padding-top: 50%;
}

.image.is-3by1 {
  padding-top: 33.3333%;
}

.image.is-4by5 {
  padding-top: 125%;
}

.image.is-3by4 {
  padding-top: 133.3333%;
}

.image.is-2by3 {
  padding-top: 150%;
}

.image.is-3by5 {
  padding-top: 166.6666%;
}

.image.is-9by16 {
  padding-top: 177.7777%;
}

.image.is-1by2 {
  padding-top: 200%;
}

.image.is-1by3 {
  padding-top: 300%;
}

.image.is-16x16 {
  height: 16px;
  width: 16px;
}

.image.is-24x24 {
  height: 24px;
  width: 24px;
}

.image.is-32x32 {
  height: 32px;
  width: 32px;
}

.image.is-48x48 {
  height: 48px;
  width: 48px;
}

.image.is-64x64 {
  height: 64px;
  width: 64px;
}

.image.is-96x96 {
  height: 96px;
  width: 96px;
}

.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.notification {
  background-color: whitesmoke;
  border-radius: 4px;
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}

.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.notification strong {
  color: currentColor;
}

.notification code,
.notification pre {
  background: white;
}

.notification pre code {
  background: transparent;
}

.notification > .delete {
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}

.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}

.notification.is-white {
  background-color: white;
  color: #0a0a0a;
}

.notification.is-black {
  background-color: #0a0a0a;
  color: white;
}

.notification.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.notification.is-dark {
  background-color: #363636;
  color: #fff;
}

.notification.is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.notification.is-primary.is-light {
  background-color: #ebfffc;
  color: #00947e;
}

.notification.is-link {
  background-color: #485fc7;
  color: #fff;
}

.notification.is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7;
}

.notification.is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.notification.is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8;
}

.notification.is-success {
  background-color: #48c78e;
  color: #fff;
}

.notification.is-success.is-light {
  background-color: #effaf5;
  color: #257953;
}

.notification.is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.notification.is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00;
}

.notification.is-danger {
  background-color: #f14668;
  color: #fff;
}

.notification.is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35;
}

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 9999px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.progress::-webkit-progress-bar {
  background-color: #ededed;
}

.progress::-webkit-progress-value {
  background-color: #4a4a4a;
}

.progress::-moz-progress-bar {
  background-color: #4a4a4a;
}

.progress::-ms-fill {
  background-color: #4a4a4a;
  border: none;
}

.progress.is-white::-webkit-progress-value {
  background-color: white;
}

.progress.is-white::-moz-progress-bar {
  background-color: white;
}

.progress.is-white::-ms-fill {
  background-color: white;
}

.progress.is-white:indeterminate {
  background-image: linear-gradient(to right, white 30%, #ededed 30%);
}

.progress.is-black::-webkit-progress-value {
  background-color: #0a0a0a;
}

.progress.is-black::-moz-progress-bar {
  background-color: #0a0a0a;
}

.progress.is-black::-ms-fill {
  background-color: #0a0a0a;
}

.progress.is-black:indeterminate {
  background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%);
}

.progress.is-light::-webkit-progress-value {
  background-color: whitesmoke;
}

.progress.is-light::-moz-progress-bar {
  background-color: whitesmoke;
}

.progress.is-light::-ms-fill {
  background-color: whitesmoke;
}

.progress.is-light:indeterminate {
  background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%);
}

.progress.is-dark::-webkit-progress-value {
  background-color: #363636;
}

.progress.is-dark::-moz-progress-bar {
  background-color: #363636;
}

.progress.is-dark::-ms-fill {
  background-color: #363636;
}

.progress.is-dark:indeterminate {
  background-image: linear-gradient(to right, #363636 30%, #ededed 30%);
}

.progress.is-primary::-webkit-progress-value {
  background-color: #00d1b2;
}

.progress.is-primary::-moz-progress-bar {
  background-color: #00d1b2;
}

.progress.is-primary::-ms-fill {
  background-color: #00d1b2;
}

.progress.is-primary:indeterminate {
  background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%);
}

.progress.is-link::-webkit-progress-value {
  background-color: #485fc7;
}

.progress.is-link::-moz-progress-bar {
  background-color: #485fc7;
}

.progress.is-link::-ms-fill {
  background-color: #485fc7;
}

.progress.is-link:indeterminate {
  background-image: linear-gradient(to right, #485fc7 30%, #ededed 30%);
}

.progress.is-info::-webkit-progress-value {
  background-color: #3e8ed0;
}

.progress.is-info::-moz-progress-bar {
  background-color: #3e8ed0;
}

.progress.is-info::-ms-fill {
  background-color: #3e8ed0;
}

.progress.is-info:indeterminate {
  background-image: linear-gradient(to right, #3e8ed0 30%, #ededed 30%);
}

.progress.is-success::-webkit-progress-value {
  background-color: #48c78e;
}

.progress.is-success::-moz-progress-bar {
  background-color: #48c78e;
}

.progress.is-success::-ms-fill {
  background-color: #48c78e;
}

.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, #48c78e 30%, #ededed 30%);
}

.progress.is-warning::-webkit-progress-value {
  background-color: #ffe08a;
}

.progress.is-warning::-moz-progress-bar {
  background-color: #ffe08a;
}

.progress.is-warning::-ms-fill {
  background-color: #ffe08a;
}

.progress.is-warning:indeterminate {
  background-image: linear-gradient(to right, #ffe08a 30%, #ededed 30%);
}

.progress.is-danger::-webkit-progress-value {
  background-color: #f14668;
}

.progress.is-danger::-moz-progress-bar {
  background-color: #f14668;
}

.progress.is-danger::-ms-fill {
  background-color: #f14668;
}

.progress.is-danger:indeterminate {
  background-image: linear-gradient(to right, #f14668 30%, #ededed 30%);
}

.progress:indeterminate {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: moveIndeterminate;
          animation-name: moveIndeterminate;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background-color: #ededed;
  background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}

.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}

.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}

.progress:indeterminate::-ms-fill {
  animation-name: none;
}

.progress.is-small {
  height: 0.75rem;
}

.progress.is-medium {
  height: 1.25rem;
}

.progress.is-large {
  height: 1.5rem;
}

@-webkit-keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}

.table {
  background-color: white;
  color: #363636;
}

.table td,
.table th {
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.table td.is-white,
.table th.is-white {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.table td.is-black,
.table th.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.table td.is-light,
.table th.is-light {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.table td.is-dark,
.table th.is-dark {
  background-color: #363636;
  border-color: #363636;
  color: #fff;
}

.table td.is-primary,
.table th.is-primary {
  background-color: #00d1b2;
  border-color: #00d1b2;
  color: #fff;
}

.table td.is-link,
.table th.is-link {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
}

.table td.is-info,
.table th.is-info {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  color: #fff;
}

.table td.is-success,
.table th.is-success {
  background-color: #48c78e;
  border-color: #48c78e;
  color: #fff;
}

.table td.is-warning,
.table th.is-warning {
  background-color: #ffe08a;
  border-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.table td.is-danger,
.table th.is-danger {
  background-color: #f14668;
  border-color: #f14668;
  color: #fff;
}

.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}

.table td.is-selected,
.table th.is-selected {
  background-color: #00d1b2;
  color: #fff;
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}

.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle;
}

.table th {
  color: #363636;
}

.table th:not([align]) {
  text-align: left;
}

.table tr.is-selected {
  background-color: #00d1b2;
  color: #fff;
}

.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}

.table tr.is-selected td,
.table tr.is-selected th {
  border-color: #fff;
  color: currentColor;
}

.table thead {
  background-color: transparent;
}

.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: #363636;
}

.table tfoot {
  background-color: transparent;
}

.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}

.table tbody {
  background-color: transparent;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}

.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}

.table.is-fullwidth {
  width: 100%;
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: whitesmoke;
}

.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fafafa;
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.tags .tag {
  margin-bottom: 0.5rem;
}

.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}

.tags:last-child {
  margin-bottom: -0.5rem;
}

.tags:not(:last-child) {
  margin-bottom: 1rem;
}

.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem;
}

.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}

.tags.is-centered {
  justify-content: center;
}

.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.tags.is-right {
  justify-content: flex-end;
}

.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}

.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}

.tags.has-addons .tag {
  margin-right: 0;
}

.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: whitesmoke;
  border-radius: 4px;
  color: #4a4a4a;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}

.tag:not(body).is-white {
  background-color: white;
  color: #0a0a0a;
}

.tag:not(body).is-black {
  background-color: #0a0a0a;
  color: white;
}

.tag:not(body).is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.tag:not(body).is-dark {
  background-color: #363636;
  color: #fff;
}

.tag:not(body).is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.tag:not(body).is-primary.is-light {
  background-color: #ebfffc;
  color: #00947e;
}

.tag:not(body).is-link {
  background-color: #485fc7;
  color: #fff;
}

.tag:not(body).is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7;
}

.tag:not(body).is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.tag:not(body).is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8;
}

.tag:not(body).is-success {
  background-color: #48c78e;
  color: #fff;
}

.tag:not(body).is-success.is-light {
  background-color: #effaf5;
  color: #257953;
}

.tag:not(body).is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.tag:not(body).is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00;
}

.tag:not(body).is-danger {
  background-color: #f14668;
  color: #fff;
}

.tag:not(body).is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35;
}

.tag:not(body).is-normal {
  font-size: 0.75rem;
}

.tag:not(body).is-medium {
  font-size: 1rem;
}

.tag:not(body).is-large {
  font-size: 1.25rem;
}

.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}

.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}

.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}

.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}

.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}

.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}

.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}

.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: #e8e8e8;
}

.tag:not(body).is-delete:active {
  background-color: #dbdbdb;
}

.tag:not(body).is-rounded {
  border-radius: 9999px;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}

.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}

.title sub,
.subtitle sub {
  font-size: 0.75em;
}

.title sup,
.subtitle sup {
  font-size: 0.75em;
}

.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}

.title strong {
  color: inherit;
  font-weight: inherit;
}

.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}

.title.is-1 {
  font-size: 3rem;
}

.title.is-2 {
  font-size: 2.5rem;
}

.title.is-3 {
  font-size: 2rem;
}

.title.is-4 {
  font-size: 1.5rem;
}

.title.is-5 {
  font-size: 1.25rem;
}

.title.is-6 {
  font-size: 1rem;
}

.title.is-7 {
  font-size: 0.75rem;
}

.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}

.subtitle strong {
  color: #363636;
  font-weight: 600;
}

.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}

.subtitle.is-1 {
  font-size: 3rem;
}

.subtitle.is-2 {
  font-size: 2.5rem;
}

.subtitle.is-3 {
  font-size: 2rem;
}

.subtitle.is-4 {
  font-size: 1.5rem;
}

.subtitle.is-5 {
  font-size: 1.25rem;
}

.subtitle.is-6 {
  font-size: 1rem;
}

.subtitle.is-7 {
  font-size: 0.75rem;
}

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.number {
  align-items: center;
  background-color: whitesmoke;
  border-radius: 9999px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}

/* Bulma Form */
.input, .textarea, .select select {
  background-color: white;
  border-color: #dbdbdb;
  border-radius: 4px;
  color: #363636;
}

.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
  border-color: #b5b5b5;
}

.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
  border-color: #485fc7;
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.input[disabled], .textarea[disabled], .select select[disabled],
fieldset[disabled] .input,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select {
  background-color: whitesmoke;
  border-color: whitesmoke;
  box-shadow: none;
  color: #7a7a7a;
}

.input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
.select fieldset[disabled] select::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
.select fieldset[disabled] select::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
.select fieldset[disabled] select:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
.select fieldset[disabled] select:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input, .textarea {
  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
  max-width: 100%;
  width: 100%;
}

.input[readonly], .textarea[readonly] {
  box-shadow: none;
}

.is-white.input, .is-white.textarea {
  border-color: white;
}

.is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.is-black.input, .is-black.textarea {
  border-color: #0a0a0a;
}

.is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.is-light.input, .is-light.textarea {
  border-color: whitesmoke;
}

.is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.is-dark.input, .is-dark.textarea {
  border-color: #363636;
}

.is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.is-primary.input, .is-primary.textarea {
  border-color: #00d1b2;
}

.is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.is-link.input, .is-link.textarea {
  border-color: #485fc7;
}

.is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.is-info.input, .is-info.textarea {
  border-color: #3e8ed0;
}

.is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}

.is-success.input, .is-success.textarea {
  border-color: #48c78e;
}

.is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
}

.is-warning.input, .is-warning.textarea {
  border-color: #ffe08a;
}

.is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}

.is-danger.input, .is-danger.textarea {
  border-color: #f14668;
}

.is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}

.is-small.input, .is-small.textarea {
  border-radius: 2px;
  font-size: 0.75rem;
}

.is-medium.input, .is-medium.textarea {
  font-size: 1.25rem;
}

.is-large.input, .is-large.textarea {
  font-size: 1.5rem;
}

.is-fullwidth.input, .is-fullwidth.textarea {
  display: block;
  width: 100%;
}

.is-inline.input, .is-inline.textarea {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: 9999px;
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}

.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical;
}

.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}

.textarea[rows] {
  height: initial;
}

.textarea.has-fixed-size {
  resize: none;
}

.checkbox, .radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}

.checkbox input, .radio input {
  cursor: pointer;
}

.checkbox:hover, .radio:hover {
  color: #363636;
}

.checkbox[disabled], .radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .radio,
.checkbox input[disabled],
.radio input[disabled] {
  color: #7a7a7a;
  cursor: not-allowed;
}

.radio + .radio {
  margin-left: 0.5em;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}

.select:not(.is-multiple) {
  height: 2.5em;
}

.select:not(.is-multiple):not(.is-loading)::after {
  border-color: #485fc7;
  right: 1.125em;
  z-index: 4;
}

.select.is-rounded select {
  border-radius: 9999px;
  padding-left: 1em;
}

.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}

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

.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
  border-color: whitesmoke;
}

.select select:not([multiple]) {
  padding-right: 2.5em;
}

.select select[multiple] {
  height: auto;
  padding: 0;
}

.select select[multiple] option {
  padding: 0.5em 1em;
}

.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: #363636;
}

.select.is-white:not(:hover)::after {
  border-color: white;
}

.select.is-white select {
  border-color: white;
}

.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: #f2f2f2;
}

.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.select.is-black:not(:hover)::after {
  border-color: #0a0a0a;
}

.select.is-black select {
  border-color: #0a0a0a;
}

.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: black;
}

.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.select.is-light:not(:hover)::after {
  border-color: whitesmoke;
}

.select.is-light select {
  border-color: whitesmoke;
}

.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: #e8e8e8;
}

.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.select.is-dark:not(:hover)::after {
  border-color: #363636;
}

.select.is-dark select {
  border-color: #363636;
}

.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: #292929;
}

.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.select.is-primary:not(:hover)::after {
  border-color: #00d1b2;
}

.select.is-primary select {
  border-color: #00d1b2;
}

.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: #00b89c;
}

.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.select.is-link:not(:hover)::after {
  border-color: #485fc7;
}

.select.is-link select {
  border-color: #485fc7;
}

.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: #3a51bb;
}

.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.select.is-info:not(:hover)::after {
  border-color: #3e8ed0;
}

.select.is-info select {
  border-color: #3e8ed0;
}

.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: #3082c5;
}

.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}

.select.is-success:not(:hover)::after {
  border-color: #48c78e;
}

.select.is-success select {
  border-color: #48c78e;
}

.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: #3abb81;
}

.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
}

.select.is-warning:not(:hover)::after {
  border-color: #ffe08a;
}

.select.is-warning select {
  border-color: #ffe08a;
}

.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: #ffd970;
}

.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}

.select.is-danger:not(:hover)::after {
  border-color: #f14668;
}

.select.is-danger select {
  border-color: #f14668;
}

.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: #ef2e55;
}

.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}

.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}

.select.is-medium {
  font-size: 1.25rem;
}

.select.is-large {
  font-size: 1.5rem;
}

.select.is-disabled::after {
  border-color: #7a7a7a !important;
  opacity: 0.5;
}

.select.is-fullwidth {
  width: 100%;
}

.select.is-fullwidth select {
  width: 100%;
}

.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}

.select.is-loading.is-small:after {
  font-size: 0.75rem;
}

.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}

.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}

.file.is-white .file-cta {
  background-color: white;
  border-color: transparent;
  color: #0a0a0a;
}

.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: #f9f9f9;
  border-color: transparent;
  color: #0a0a0a;
}

.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: #0a0a0a;
}

.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #0a0a0a;
}

.file.is-black .file-cta {
  background-color: #0a0a0a;
  border-color: transparent;
  color: white;
}

.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: #040404;
  border-color: transparent;
  color: white;
}

.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  color: white;
}

.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: black;
  border-color: transparent;
  color: white;
}

.file.is-light .file-cta {
  background-color: whitesmoke;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  color: rgba(0, 0, 0, 0.7);
}

.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-dark .file-cta {
  background-color: #363636;
  border-color: transparent;
  color: #fff;
}

.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: #2f2f2f;
  border-color: transparent;
  color: #fff;
}

.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  color: #fff;
}

.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: #292929;
  border-color: transparent;
  color: #fff;
}

.file.is-primary .file-cta {
  background-color: #00d1b2;
  border-color: transparent;
  color: #fff;
}

.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  color: #fff;
}

.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.file.is-link .file-cta {
  background-color: #485fc7;
  border-color: transparent;
  color: #fff;
}

.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: #3e56c4;
  border-color: transparent;
  color: #fff;
}

.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(72, 95, 199, 0.25);
  color: #fff;
}

.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: #3a51bb;
  border-color: transparent;
  color: #fff;
}

.file.is-info .file-cta {
  background-color: #3e8ed0;
  border-color: transparent;
  color: #fff;
}

.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: #3488ce;
  border-color: transparent;
  color: #fff;
}

.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(62, 142, 208, 0.25);
  color: #fff;
}

.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: #3082c5;
  border-color: transparent;
  color: #fff;
}

.file.is-success .file-cta {
  background-color: #48c78e;
  border-color: transparent;
  color: #fff;
}

.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: #3ec487;
  border-color: transparent;
  color: #fff;
}

.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(72, 199, 142, 0.25);
  color: #fff;
}

.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: #3abb81;
  border-color: transparent;
  color: #fff;
}

.file.is-warning .file-cta {
  background-color: #ffe08a;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: #ffdc7d;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 224, 138, 0.25);
  color: rgba(0, 0, 0, 0.7);
}

.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: #ffd970;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-danger .file-cta {
  background-color: #f14668;
  border-color: transparent;
  color: #fff;
}

.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: #f03a5f;
  border-color: transparent;
  color: #fff;
}

.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
  color: #fff;
}

.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: #ef2e55;
  border-color: transparent;
  color: #fff;
}

.file.is-small {
  font-size: 0.75rem;
}

.file.is-normal {
  font-size: 1rem;
}

.file.is-medium {
  font-size: 1.25rem;
}

.file.is-medium .file-icon .fa {
  font-size: 21px;
}

.file.is-large {
  font-size: 1.5rem;
}

.file.is-large .file-icon .fa {
  font-size: 28px;
}

.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}

.file.has-name.is-empty .file-name {
  display: none;
}

.file.is-boxed .file-label {
  flex-direction: column;
}

.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}

.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}

.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}

.file.is-boxed .file-icon .fa {
  font-size: 21px;
}

.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}

.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}

.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}

.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}

.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
}

.file.is-centered {
  justify-content: center;
}

.file.is-fullwidth .file-label {
  width: 100%;
}

.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}

.file.is-right {
  justify-content: flex-end;
}

.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}

.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}

.file-label:hover .file-cta {
  background-color: #eeeeee;
  color: #363636;
}

.file-label:hover .file-name {
  border-color: #d5d5d5;
}

.file-label:active .file-cta {
  background-color: #e8e8e8;
  color: #363636;
}

.file-label:active .file-name {
  border-color: #cfcfcf;
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta,
.file-name {
  border-color: #dbdbdb;
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.file-cta {
  background-color: whitesmoke;
  color: #4a4a4a;
}

.file-name {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}

.file-icon .fa {
  font-size: 14px;
}

.label {
  color: #363636;
  display: block;
  font-size: 1rem;
  font-weight: 700;
}

.label:not(:last-child) {
  margin-bottom: 0.5em;
}

.label.is-small {
  font-size: 0.75rem;
}

.label.is-medium {
  font-size: 1.25rem;
}

.label.is-large {
  font-size: 1.5rem;
}

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

.help.is-white {
  color: white;
}

.help.is-black {
  color: #0a0a0a;
}

.help.is-light {
  color: whitesmoke;
}

.help.is-dark {
  color: #363636;
}

.help.is-primary {
  color: #00d1b2;
}

.help.is-link {
  color: #485fc7;
}

.help.is-info {
  color: #3e8ed0;
}

.help.is-success {
  color: #48c78e;
}

.help.is-warning {
  color: #ffe08a;
}

.help.is-danger {
  color: #f14668;
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}

.field.has-addons {
  display: flex;
  justify-content: flex-start;
}

.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}

.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}

.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}

.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.field.has-addons.has-addons-centered {
  justify-content: center;
}

.field.has-addons.has-addons-right {
  justify-content: flex-end;
}

.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}

.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}

.field.is-grouped > .control {
  flex-shrink: 0;
}

.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}

.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.field.is-grouped.is-grouped-centered {
  justify-content: center;
}

.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}

.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}

.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}

.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}

@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}

@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}

@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}

.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #4a4a4a;
}

.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}

.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}

.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}

.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: #dbdbdb;
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4;
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em;
}

.control.has-icons-left .icon.is-left {
  left: 0;
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em;
}

.control.has-icons-right .icon.is-right {
  right: 0;
}

.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}

.control.is-loading.is-small:after {
  font-size: 0.75rem;
}

.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}

.control.is-loading.is-large:after {
  font-size: 1.5rem;
}

/* Bulma Components */
.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}

.breadcrumb a {
  align-items: center;
  color: #485fc7;
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}

.breadcrumb a:hover {
  color: #363636;
}

.breadcrumb li {
  align-items: center;
  display: flex;
}

.breadcrumb li:first-child a {
  padding-left: 0;
}

.breadcrumb li.is-active a {
  color: #363636;
  cursor: default;
  pointer-events: none;
}

.breadcrumb li + li::before {
  color: #b5b5b5;
  content: "\0002f";
}

.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}

.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}

.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}

.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}

.breadcrumb.is-small {
  font-size: 0.75rem;
}

.breadcrumb.is-medium {
  font-size: 1.25rem;
}

.breadcrumb.is-large {
  font-size: 1.5rem;
}

.breadcrumb.has-arrow-separator li + li::before {
  content: "\02192";
}

.breadcrumb.has-bullet-separator li + li::before {
  content: "\02022";
}

.breadcrumb.has-dot-separator li + li::before {
  content: "\000b7";
}

.breadcrumb.has-succeeds-separator li + li::before {
  content: "\0227B";
}

.card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
}

.card-header:first-child, .card-content:first-child, .card-footer:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card-header:last-child, .card-content:last-child, .card-footer:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
  display: flex;
}

.card-header-title {
  align-items: center;
  color: #363636;
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem 1rem;
}

.card-header-title.is-centered {
  justify-content: center;
}

.card-header-icon {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem;
}

.card-image {
  display: block;
  position: relative;
}

.card-image:first-child img {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card-image:last-child img {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-content {
  background-color: transparent;
  padding: 1.5rem;
}

.card-footer {
  background-color: transparent;
  border-top: 1px solid #ededed;
  align-items: stretch;
  display: flex;
}

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}

.card-footer-item:not(:last-child) {
  border-right: 1px solid #ededed;
}

.card .media:not(:last-child) {
  margin-bottom: 1.5rem;
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}

.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}

.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}

.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}

.dropdown-content {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.dropdown-item {
  color: #4a4a4a;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}

a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: whitesmoke;
  color: #0a0a0a;
}

a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: #485fc7;
  color: #fff;
}

.dropdown-divider {
  background-color: #ededed;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

.level {
  align-items: center;
  justify-content: space-between;
}

.level code {
  border-radius: 4px;
}

.level img {
  display: inline-block;
  vertical-align: top;
}

.level.is-mobile {
  display: flex;
}

.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}

.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}

.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}

.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}

@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}

.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}

@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}

@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}

.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}

.media .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  display: flex;
  padding-top: 0.75rem;
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}

.media .media .media {
  padding-top: 0.5rem;
}

.media .media .media + .media {
  margin-top: 0.5rem;
}

.media + .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}

.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}

.menu {
  font-size: 1rem;
}

.menu.is-small {
  font-size: 0.75rem;
}

.menu.is-medium {
  font-size: 1.25rem;
}

.menu.is-large {
  font-size: 1.5rem;
}

.menu-list {
  line-height: 1.25;
}

.menu-list a {
  border-radius: 2px;
  color: #4a4a4a;
  display: block;
  padding: 0.5em 0.75em;
}

.menu-list a:hover {
  background-color: whitesmoke;
  color: #363636;
}

.menu-list a.is-active {
  background-color: #485fc7;
  color: #fff;
}

.menu-list li ul {
  border-left: 1px solid #dbdbdb;
  margin: 0.75em;
  padding-left: 0.75em;
}

.menu-label {
  color: #7a7a7a;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.menu-label:not(:first-child) {
  margin-top: 1em;
}

.menu-label:not(:last-child) {
  margin-bottom: 1em;
}

.message {
  background-color: whitesmoke;
  border-radius: 4px;
  font-size: 1rem;
}

.message strong {
  color: currentColor;
}

.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.message.is-small {
  font-size: 0.75rem;
}

.message.is-medium {
  font-size: 1.25rem;
}

.message.is-large {
  font-size: 1.5rem;
}

.message.is-white {
  background-color: white;
}

.message.is-white .message-header {
  background-color: white;
  color: #0a0a0a;
}

.message.is-white .message-body {
  border-color: white;
}

.message.is-black {
  background-color: #fafafa;
}

.message.is-black .message-header {
  background-color: #0a0a0a;
  color: white;
}

.message.is-black .message-body {
  border-color: #0a0a0a;
}

.message.is-light {
  background-color: #fafafa;
}

.message.is-light .message-header {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.message.is-light .message-body {
  border-color: whitesmoke;
}

.message.is-dark {
  background-color: #fafafa;
}

.message.is-dark .message-header {
  background-color: #363636;
  color: #fff;
}

.message.is-dark .message-body {
  border-color: #363636;
}

.message.is-primary {
  background-color: #ebfffc;
}

.message.is-primary .message-header {
  background-color: #00d1b2;
  color: #fff;
}

.message.is-primary .message-body {
  border-color: #00d1b2;
  color: #00947e;
}

.message.is-link {
  background-color: #eff1fa;
}

.message.is-link .message-header {
  background-color: #485fc7;
  color: #fff;
}

.message.is-link .message-body {
  border-color: #485fc7;
  color: #3850b7;
}

.message.is-info {
  background-color: #eff5fb;
}

.message.is-info .message-header {
  background-color: #3e8ed0;
  color: #fff;
}

.message.is-info .message-body {
  border-color: #3e8ed0;
  color: #296fa8;
}

.message.is-success {
  background-color: #effaf5;
}

.message.is-success .message-header {
  background-color: #48c78e;
  color: #fff;
}

.message.is-success .message-body {
  border-color: #48c78e;
  color: #257953;
}

.message.is-warning {
  background-color: #fffaeb;
}

.message.is-warning .message-header {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.message.is-warning .message-body {
  border-color: #ffe08a;
  color: #946c00;
}

.message.is-danger {
  background-color: #feecf0;
}

.message.is-danger .message-header {
  background-color: #f14668;
  color: #fff;
}

.message.is-danger .message-body {
  border-color: #f14668;
  color: #cc0f35;
}

.message-header {
  align-items: center;
  background-color: #4a4a4a;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative;
}

.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}

.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.message-body {
  border-color: #dbdbdb;
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #4a4a4a;
  padding: 1.25em 1.5em;
}

.message-body code,
.message-body pre {
  background-color: white;
}

.message-body pre code {
  background-color: transparent;
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}

.modal.is-active {
  display: flex;
}

.modal-background {
  background-color: rgba(10, 10, 10, 0.86);
}

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: whitesmoke;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}

.modal-card-head {
  border-bottom: 1px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.modal-card-title {
  color: #363636;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #dbdbdb;
}

.modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: white;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}

.navbar {
  background-color: white;
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}

.navbar.is-white {
  background-color: white;
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand .navbar-link::after {
  border-color: #0a0a0a;
}

.navbar.is-white .navbar-burger {
  color: #0a0a0a;
}

@media screen and (min-width: 1024px) {
  .navbar.is-white .navbar-start > .navbar-item,
  .navbar.is-white .navbar-start .navbar-link,
  .navbar.is-white .navbar-end > .navbar-item,
  .navbar.is-white .navbar-end .navbar-link {
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
  .navbar.is-white .navbar-start .navbar-link:focus,
  .navbar.is-white .navbar-start .navbar-link:hover,
  .navbar.is-white .navbar-start .navbar-link.is-active,
  .navbar.is-white .navbar-end > a.navbar-item:focus,
  .navbar.is-white .navbar-end > a.navbar-item:hover,
  .navbar.is-white .navbar-end > a.navbar-item.is-active,
  .navbar.is-white .navbar-end .navbar-link:focus,
  .navbar.is-white .navbar-end .navbar-link:hover,
  .navbar.is-white .navbar-end .navbar-link.is-active {
    background-color: #f2f2f2;
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-start .navbar-link::after,
  .navbar.is-white .navbar-end .navbar-link::after {
    border-color: #0a0a0a;
  }
  .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #f2f2f2;
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: white;
    color: #0a0a0a;
  }
}

.navbar.is-black {
  background-color: #0a0a0a;
  color: white;
}

.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
  color: white;
}

.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
  background-color: black;
  color: white;
}

.navbar.is-black .navbar-brand .navbar-link::after {
  border-color: white;
}

.navbar.is-black .navbar-burger {
  color: white;
}

@media screen and (min-width: 1024px) {
  .navbar.is-black .navbar-start > .navbar-item,
  .navbar.is-black .navbar-start .navbar-link,
  .navbar.is-black .navbar-end > .navbar-item,
  .navbar.is-black .navbar-end .navbar-link {
    color: white;
  }
  .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
  .navbar.is-black .navbar-start .navbar-link:focus,
  .navbar.is-black .navbar-start .navbar-link:hover,
  .navbar.is-black .navbar-start .navbar-link.is-active,
  .navbar.is-black .navbar-end > a.navbar-item:focus,
  .navbar.is-black .navbar-end > a.navbar-item:hover,
  .navbar.is-black .navbar-end > a.navbar-item.is-active,
  .navbar.is-black .navbar-end .navbar-link:focus,
  .navbar.is-black .navbar-end .navbar-link:hover,
  .navbar.is-black .navbar-end .navbar-link.is-active {
    background-color: black;
    color: white;
  }
  .navbar.is-black .navbar-start .navbar-link::after,
  .navbar.is-black .navbar-end .navbar-link::after {
    border-color: white;
  }
  .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: black;
    color: white;
  }
  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: #0a0a0a;
    color: white;
  }
}

.navbar.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 1024px) {
  .navbar.is-light .navbar-start > .navbar-item,
  .navbar.is-light .navbar-start .navbar-link,
  .navbar.is-light .navbar-end > .navbar-item,
  .navbar.is-light .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
  .navbar.is-light .navbar-start .navbar-link:focus,
  .navbar.is-light .navbar-start .navbar-link:hover,
  .navbar.is-light .navbar-start .navbar-link.is-active,
  .navbar.is-light .navbar-end > a.navbar-item:focus,
  .navbar.is-light .navbar-end > a.navbar-item:hover,
  .navbar.is-light .navbar-end > a.navbar-item.is-active,
  .navbar.is-light .navbar-end .navbar-link:focus,
  .navbar.is-light .navbar-end .navbar-link:hover,
  .navbar.is-light .navbar-end .navbar-link.is-active {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start .navbar-link::after,
  .navbar.is-light .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: rgba(0, 0, 0, 0.7);
  }
}

.navbar.is-dark {
  background-color: #363636;
  color: #fff;
}

.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
  background-color: #292929;
  color: #fff;
}

.navbar.is-dark .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-dark .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-dark .navbar-start > .navbar-item,
  .navbar.is-dark .navbar-start .navbar-link,
  .navbar.is-dark .navbar-end > .navbar-item,
  .navbar.is-dark .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
  .navbar.is-dark .navbar-start .navbar-link:focus,
  .navbar.is-dark .navbar-start .navbar-link:hover,
  .navbar.is-dark .navbar-start .navbar-link.is-active,
  .navbar.is-dark .navbar-end > a.navbar-item:focus,
  .navbar.is-dark .navbar-end > a.navbar-item:hover,
  .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  .navbar.is-dark .navbar-end .navbar-link:focus,
  .navbar.is-dark .navbar-end .navbar-link:hover,
  .navbar.is-dark .navbar-end .navbar-link.is-active {
    background-color: #292929;
    color: #fff;
  }
  .navbar.is-dark .navbar-start .navbar-link::after,
  .navbar.is-dark .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #292929;
    color: #fff;
  }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    background-color: #363636;
    color: #fff;
  }
}

.navbar.is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: #00b89c;
  color: #fff;
}

.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-primary .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-primary .navbar-start > .navbar-item,
  .navbar.is-primary .navbar-start .navbar-link,
  .navbar.is-primary .navbar-end > .navbar-item,
  .navbar.is-primary .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  .navbar.is-primary .navbar-start .navbar-link:focus,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .navbar.is-primary .navbar-end > a.navbar-item:focus,
  .navbar.is-primary .navbar-end > a.navbar-item:hover,
  .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  .navbar.is-primary .navbar-end .navbar-link:focus,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: #00b89c;
    color: #fff;
  }
  .navbar.is-primary .navbar-start .navbar-link::after,
  .navbar.is-primary .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #00b89c;
    color: #fff;
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: #00d1b2;
    color: #fff;
  }
}

.navbar.is-link {
  background-color: #485fc7;
  color: #fff;
}

.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
  background-color: #3a51bb;
  color: #fff;
}

.navbar.is-link .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-link .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-link .navbar-start > .navbar-item,
  .navbar.is-link .navbar-start .navbar-link,
  .navbar.is-link .navbar-end > .navbar-item,
  .navbar.is-link .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
  .navbar.is-link .navbar-start .navbar-link:focus,
  .navbar.is-link .navbar-start .navbar-link:hover,
  .navbar.is-link .navbar-start .navbar-link.is-active,
  .navbar.is-link .navbar-end > a.navbar-item:focus,
  .navbar.is-link .navbar-end > a.navbar-item:hover,
  .navbar.is-link .navbar-end > a.navbar-item.is-active,
  .navbar.is-link .navbar-end .navbar-link:focus,
  .navbar.is-link .navbar-end .navbar-link:hover,
  .navbar.is-link .navbar-end .navbar-link.is-active {
    background-color: #3a51bb;
    color: #fff;
  }
  .navbar.is-link .navbar-start .navbar-link::after,
  .navbar.is-link .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #3a51bb;
    color: #fff;
  }
  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: #485fc7;
    color: #fff;
  }
}

.navbar.is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: #3082c5;
  color: #fff;
}

.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-info .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-info .navbar-start > .navbar-item,
  .navbar.is-info .navbar-start .navbar-link,
  .navbar.is-info .navbar-end > .navbar-item,
  .navbar.is-info .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
  .navbar.is-info .navbar-start .navbar-link:focus,
  .navbar.is-info .navbar-start .navbar-link:hover,
  .navbar.is-info .navbar-start .navbar-link.is-active,
  .navbar.is-info .navbar-end > a.navbar-item:focus,
  .navbar.is-info .navbar-end > a.navbar-item:hover,
  .navbar.is-info .navbar-end > a.navbar-item.is-active,
  .navbar.is-info .navbar-end .navbar-link:focus,
  .navbar.is-info .navbar-end .navbar-link:hover,
  .navbar.is-info .navbar-end .navbar-link.is-active {
    background-color: #3082c5;
    color: #fff;
  }
  .navbar.is-info .navbar-start .navbar-link::after,
  .navbar.is-info .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #3082c5;
    color: #fff;
  }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: #3e8ed0;
    color: #fff;
  }
}

.navbar.is-success {
  background-color: #48c78e;
  color: #fff;
}

.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: #3abb81;
  color: #fff;
}

.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-success .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-success .navbar-start > .navbar-item,
  .navbar.is-success .navbar-start .navbar-link,
  .navbar.is-success .navbar-end > .navbar-item,
  .navbar.is-success .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
  .navbar.is-success .navbar-start .navbar-link:focus,
  .navbar.is-success .navbar-start .navbar-link:hover,
  .navbar.is-success .navbar-start .navbar-link.is-active,
  .navbar.is-success .navbar-end > a.navbar-item:focus,
  .navbar.is-success .navbar-end > a.navbar-item:hover,
  .navbar.is-success .navbar-end > a.navbar-item.is-active,
  .navbar.is-success .navbar-end .navbar-link:focus,
  .navbar.is-success .navbar-end .navbar-link:hover,
  .navbar.is-success .navbar-end .navbar-link.is-active {
    background-color: #3abb81;
    color: #fff;
  }
  .navbar.is-success .navbar-start .navbar-link::after,
  .navbar.is-success .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #3abb81;
    color: #fff;
  }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: #48c78e;
    color: #fff;
  }
}

.navbar.is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: #ffd970;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 1024px) {
  .navbar.is-warning .navbar-start > .navbar-item,
  .navbar.is-warning .navbar-start .navbar-link,
  .navbar.is-warning .navbar-end > .navbar-item,
  .navbar.is-warning .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
  .navbar.is-warning .navbar-start .navbar-link:focus,
  .navbar.is-warning .navbar-start .navbar-link:hover,
  .navbar.is-warning .navbar-start .navbar-link.is-active,
  .navbar.is-warning .navbar-end > a.navbar-item:focus,
  .navbar.is-warning .navbar-end > a.navbar-item:hover,
  .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  .navbar.is-warning .navbar-end .navbar-link:focus,
  .navbar.is-warning .navbar-end .navbar-link:hover,
  .navbar.is-warning .navbar-end .navbar-link.is-active {
    background-color: #ffd970;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-start .navbar-link::after,
  .navbar.is-warning .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #ffd970;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, 0.7);
  }
}

.navbar.is-danger {
  background-color: #f14668;
  color: #fff;
}

.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
  background-color: #ef2e55;
  color: #fff;
}

.navbar.is-danger .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-danger .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-danger .navbar-start > .navbar-item,
  .navbar.is-danger .navbar-start .navbar-link,
  .navbar.is-danger .navbar-end > .navbar-item,
  .navbar.is-danger .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
  .navbar.is-danger .navbar-start .navbar-link:focus,
  .navbar.is-danger .navbar-start .navbar-link:hover,
  .navbar.is-danger .navbar-start .navbar-link.is-active,
  .navbar.is-danger .navbar-end > a.navbar-item:focus,
  .navbar.is-danger .navbar-end > a.navbar-item:hover,
  .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  .navbar.is-danger .navbar-end .navbar-link:focus,
  .navbar.is-danger .navbar-end .navbar-link:hover,
  .navbar.is-danger .navbar-end .navbar-link.is-active {
    background-color: #ef2e55;
    color: #fff;
  }
  .navbar.is-danger .navbar-start .navbar-link::after,
  .navbar.is-danger .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #ef2e55;
    color: #fff;
  }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: #f14668;
    color: #fff;
  }
}

.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%;
}

.navbar.has-shadow {
  box-shadow: 0 2px 0 0 whitesmoke;
}

.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}

.navbar.is-fixed-bottom {
  bottom: 0;
}

.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 whitesmoke;
}

.navbar.is-fixed-top {
  top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem;
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
}

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}

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

.navbar-burger {
  color: #4a4a4a;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto;
}

.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}

.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}

.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}

.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}

.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}

.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.navbar-menu {
  display: none;
}

.navbar-item,
.navbar-link {
  color: #4a4a4a;
  display: block;
  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 {
  cursor: pointer;
}

a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: #fafafa;
  color: #485fc7;
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}

.navbar-item img {
  max-height: 1.75rem;
}

.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: 3.25rem;
  padding-bottom: calc(0.5rem - 1px);
}

.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: #485fc7;
}

.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: #485fc7;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: #485fc7;
  padding-bottom: calc(0.5rem - 3px);
}

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

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}

.navbar-link:not(.is-arrowless)::after {
  border-color: #485fc7;
  margin-top: -0.375em;
  right: 1.125em;
}

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-divider {
  background-color: whitesmoke;
  border: none;
  display: none;
  height: 2px;
  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: white;
    box-shadow: 0 8px 16px rgba(10, 10, 10, 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: 30;
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 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 - 3.25rem);
    overflow: auto;
  }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
  .navbar {
    min-height: 3.25rem;
  }
  .navbar.is-spaced {
    padding: 1rem 2rem;
  }
  .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: 4px;
  }
  .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
  .navbar.is-transparent .navbar-link:focus,
  .navbar.is-transparent .navbar-link:hover,
  .navbar.is-transparent .navbar-link.is-active {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: #485fc7;
  }
  .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: 2px solid #dbdbdb;
    border-radius: 6px 6px 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px rgba(10, 10, 10, 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-right: auto;
  }
  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }
  .navbar-dropdown {
    background-color: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #dbdbdb;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }
  .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }
  .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: #485fc7;
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: 6px;
    border-top: none;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    transform: translateY(-5px);
    transition-duration: 86ms;
    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-left: -0.75rem;
  }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem;
  }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem;
  }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem;
  }
  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: #0a0a0a;
  }
  a.navbar-item.is-active:not(:focus):not(:hover),
  .navbar-link.is-active:not(:focus):not(:hover) {
    background-color: transparent;
  }
  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #fafafa;
  }
}

.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}

.pagination.is-small {
  font-size: 0.75rem;
}

.pagination.is-medium {
  font-size: 1.25rem;
}

.pagination.is-large {
  font-size: 1.5rem;
}

.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 9999px;
}

.pagination.is-rounded .pagination-link {
  border-radius: 9999px;
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: #dbdbdb;
  color: #363636;
  min-width: 2.5em;
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: #b5b5b5;
  color: #363636;
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: #485fc7;
}

.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}

.pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  box-shadow: none;
  color: #7a7a7a;
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
}

.pagination-ellipsis {
  color: #b5b5b5;
  pointer-events: none;
}

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

.pagination-list li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}

@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next,
  .pagination-link,
  .pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}

.panel {
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  font-size: 1rem;
}

.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}

.panel.is-white .panel-heading {
  background-color: white;
  color: #0a0a0a;
}

.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: white;
}

.panel.is-white .panel-block.is-active .panel-icon {
  color: white;
}

.panel.is-black .panel-heading {
  background-color: #0a0a0a;
  color: white;
}

.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: #0a0a0a;
}

.panel.is-black .panel-block.is-active .panel-icon {
  color: #0a0a0a;
}

.panel.is-light .panel-heading {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: whitesmoke;
}

.panel.is-light .panel-block.is-active .panel-icon {
  color: whitesmoke;
}

.panel.is-dark .panel-heading {
  background-color: #363636;
  color: #fff;
}

.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: #363636;
}

.panel.is-dark .panel-block.is-active .panel-icon {
  color: #363636;
}

.panel.is-primary .panel-heading {
  background-color: #00d1b2;
  color: #fff;
}

.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: #00d1b2;
}

.panel.is-primary .panel-block.is-active .panel-icon {
  color: #00d1b2;
}

.panel.is-link .panel-heading {
  background-color: #485fc7;
  color: #fff;
}

.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: #485fc7;
}

.panel.is-link .panel-block.is-active .panel-icon {
  color: #485fc7;
}

.panel.is-info .panel-heading {
  background-color: #3e8ed0;
  color: #fff;
}

.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: #3e8ed0;
}

.panel.is-info .panel-block.is-active .panel-icon {
  color: #3e8ed0;
}

.panel.is-success .panel-heading {
  background-color: #48c78e;
  color: #fff;
}

.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: #48c78e;
}

.panel.is-success .panel-block.is-active .panel-icon {
  color: #48c78e;
}

.panel.is-warning .panel-heading {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: #ffe08a;
}

.panel.is-warning .panel-block.is-active .panel-icon {
  color: #ffe08a;
}

.panel.is-danger .panel-heading {
  background-color: #f14668;
  color: #fff;
}

.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: #f14668;
}

.panel.is-danger .panel-block.is-active .panel-icon {
  color: #f14668;
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 1px solid #ededed;
}

.panel-heading {
  background-color: #ededed;
  border-radius: 6px 6px 0 0;
  color: #363636;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}

.panel-tabs a {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: -1px;
  padding: 0.5em;
}

.panel-tabs a.is-active {
  border-bottom-color: #4a4a4a;
  color: #363636;
}

.panel-list a {
  color: #4a4a4a;
}

.panel-list a:hover {
  color: #485fc7;
}

.panel-block {
  align-items: center;
  color: #363636;
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}

.panel-block input[type="checkbox"] {
  margin-right: 0.75em;
}

.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}

.panel-block.is-wrapped {
  flex-wrap: wrap;
}

.panel-block.is-active {
  border-left-color: #485fc7;
  color: #363636;
}

.panel-block.is-active .panel-icon {
  color: #485fc7;
}

.panel-block:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}

a.panel-block:hover,
label.panel-block:hover {
  background-color: whitesmoke;
}

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: #7a7a7a;
  margin-right: 0.75em;
}

.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

.tabs a {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #4a4a4a;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}

.tabs a:hover {
  border-bottom-color: #363636;
  color: #363636;
}

.tabs li {
  display: block;
}

.tabs li.is-active a {
  border-bottom-color: #485fc7;
  color: #485fc7;
}

.tabs ul {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}

.tabs ul.is-left {
  padding-right: 0.75em;
}

.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}

.tabs .icon:first-child {
  margin-right: 0.5em;
}

.tabs .icon:last-child {
  margin-left: 0.5em;
}

.tabs.is-centered ul {
  justify-content: center;
}

.tabs.is-right ul {
  justify-content: flex-end;
}

.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.tabs.is-boxed a:hover {
  background-color: whitesmoke;
  border-bottom-color: #dbdbdb;
}

.tabs.is-boxed li.is-active a {
  background-color: white;
  border-color: #dbdbdb;
  border-bottom-color: transparent !important;
}

.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}

.tabs.is-toggle a {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}

.tabs.is-toggle a:hover {
  background-color: whitesmoke;
  border-color: #b5b5b5;
  z-index: 2;
}

.tabs.is-toggle li + li {
  margin-left: -1px;
}

.tabs.is-toggle li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.tabs.is-toggle li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tabs.is-toggle li.is-active a {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
  z-index: 1;
}

.tabs.is-toggle ul {
  border-bottom: none;
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
  padding-left: 1.25em;
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
  padding-right: 1.25em;
}

.tabs.is-small {
  font-size: 0.75rem;
}

.tabs.is-medium {
  font-size: 1.25rem;
}

.tabs.is-large {
  font-size: 1.5rem;
}

/* Bulma Grid */
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}

.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-left: 75%;
}

.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}

.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}

.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}

.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}

.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}

.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}

.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}

.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}

.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}

.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}

.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.33333%;
}

.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333%;
}

.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66667%;
}

.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66667%;
}

.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}

.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}

.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333%;
}

.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333%;
}

.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66667%;
}

.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66667%;
}

.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}

.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}

.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.33333%;
}

.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333%;
}

.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66667%;
}

.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66667%;
}

.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}

.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}

.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333%;
}

.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333%;
}

.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66667%;
}

.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66667%;
}

.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}

.columns.is-mobile > .column.is-offset-12 {
  margin-left: 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-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 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-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66667%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66667%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66667%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66667%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 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-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66667%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 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-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 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-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 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-left: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-left: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-left: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.33333%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.66667%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.33333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.66667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.33333%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.66667%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.33333%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.66667%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.columns:last-child {
  margin-bottom: -0.75rem;
}

.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}

.columns.is-centered {
  justify-content: center;
}

.columns.is-gapless {
  margin-left: 0;
  margin-right: 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-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}

.columns.is-variable > .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}

.columns.is-variable.is-0 {
  --columnGap: 0rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-0-widescreen-only {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-0-fullhd {
    --columnGap: 0rem;
  }
}

.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-1-widescreen-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-1-fullhd {
    --columnGap: 0.25rem;
  }
}

.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-2-widescreen-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-2-fullhd {
    --columnGap: 0.5rem;
  }
}

.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-3-widescreen-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-3-fullhd {
    --columnGap: 0.75rem;
  }
}

.columns.is-variable.is-4 {
  --columnGap: 1rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-4-widescreen-only {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-4-fullhd {
    --columnGap: 1rem;
  }
}

.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-5-widescreen-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-5-fullhd {
    --columnGap: 1.25rem;
  }
}

.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-6-widescreen-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-6-fullhd {
    --columnGap: 1.5rem;
  }
}

.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-7-widescreen-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-7-fullhd {
    --columnGap: 1.75rem;
  }
}

.columns.is-variable.is-8 {
  --columnGap: 2rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-8-widescreen-only {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-8-fullhd {
    --columnGap: 2rem;
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content;
}

.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}

.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}

.tile.is-child {
  margin: 0 !important;
}

.tile.is-parent {
  padding: 0.75rem;
}

.tile.is-vertical {
  flex-direction: column;
}

.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}

@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.33333%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.66667%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.33333%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.66667%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.33333%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.66667%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.33333%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.66667%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}

/* Bulma Helpers */
.has-text-white {
  color: white !important;
}

a.has-text-white:hover, a.has-text-white:focus {
  color: #e6e6e6 !important;
}

.has-background-white {
  background-color: white !important;
}

.has-text-black {
  color: #0a0a0a !important;
}

a.has-text-black:hover, a.has-text-black:focus {
  color: black !important;
}

.has-background-black {
  background-color: #0a0a0a !important;
}

.has-text-light {
  color: whitesmoke !important;
}

a.has-text-light:hover, a.has-text-light:focus {
  color: #dbdbdb !important;
}

.has-background-light {
  background-color: whitesmoke !important;
}

.has-text-dark {
  color: #363636 !important;
}

a.has-text-dark:hover, a.has-text-dark:focus {
  color: #1c1c1c !important;
}

.has-background-dark {
  background-color: #363636 !important;
}

.has-text-primary {
  color: #00d1b2 !important;
}

a.has-text-primary:hover, a.has-text-primary:focus {
  color: #009e86 !important;
}

.has-background-primary {
  background-color: #00d1b2 !important;
}

.has-text-primary-light {
  color: #ebfffc !important;
}

a.has-text-primary-light:hover, a.has-text-primary-light:focus {
  color: #b8fff4 !important;
}

.has-background-primary-light {
  background-color: #ebfffc !important;
}

.has-text-primary-dark {
  color: #00947e !important;
}

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: #00c7a9 !important;
}

.has-background-primary-dark {
  background-color: #00947e !important;
}

.has-text-link {
  color: #485fc7 !important;
}

a.has-text-link:hover, a.has-text-link:focus {
  color: #3449a8 !important;
}

.has-background-link {
  background-color: #485fc7 !important;
}

.has-text-link-light {
  color: #eff1fa !important;
}

a.has-text-link-light:hover, a.has-text-link-light:focus {
  color: #c8cfee !important;
}

.has-background-link-light {
  background-color: #eff1fa !important;
}

.has-text-link-dark {
  color: #3850b7 !important;
}

a.has-text-link-dark:hover, a.has-text-link-dark:focus {
  color: #576dcb !important;
}

.has-background-link-dark {
  background-color: #3850b7 !important;
}

.has-text-info {
  color: #3e8ed0 !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: #2b74b1 !important;
}

.has-background-info {
  background-color: #3e8ed0 !important;
}

.has-text-info-light {
  color: #eff5fb !important;
}

a.has-text-info-light:hover, a.has-text-info-light:focus {
  color: #c6ddf1 !important;
}

.has-background-info-light {
  background-color: #eff5fb !important;
}

.has-text-info-dark {
  color: #296fa8 !important;
}

a.has-text-info-dark:hover, a.has-text-info-dark:focus {
  color: #368ace !important;
}

.has-background-info-dark {
  background-color: #296fa8 !important;
}

.has-text-success {
  color: #48c78e !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: #34a873 !important;
}

.has-background-success {
  background-color: #48c78e !important;
}

.has-text-success-light {
  color: #effaf5 !important;
}

a.has-text-success-light:hover, a.has-text-success-light:focus {
  color: #c8eedd !important;
}

.has-background-success-light {
  background-color: #effaf5 !important;
}

.has-text-success-dark {
  color: #257953 !important;
}

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
  color: #31a06e !important;
}

.has-background-success-dark {
  background-color: #257953 !important;
}

.has-text-warning {
  color: #ffe08a !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: #ffd257 !important;
}

.has-background-warning {
  background-color: #ffe08a !important;
}

.has-text-warning-light {
  color: #fffaeb !important;
}

a.has-text-warning-light:hover, a.has-text-warning-light:focus {
  color: #ffecb8 !important;
}

.has-background-warning-light {
  background-color: #fffaeb !important;
}

.has-text-warning-dark {
  color: #946c00 !important;
}

a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
  color: #c79200 !important;
}

.has-background-warning-dark {
  background-color: #946c00 !important;
}

.has-text-danger {
  color: #f14668 !important;
}

a.has-text-danger:hover, a.has-text-danger:focus {
  color: #ee1742 !important;
}

.has-background-danger {
  background-color: #f14668 !important;
}

.has-text-danger-light {
  color: #feecf0 !important;
}

a.has-text-danger-light:hover, a.has-text-danger-light:focus {
  color: #fabdc9 !important;
}

.has-background-danger-light {
  background-color: #feecf0 !important;
}

.has-text-danger-dark {
  color: #cc0f35 !important;
}

a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
  color: #ee2049 !important;
}

.has-background-danger-dark {
  background-color: #cc0f35 !important;
}

.has-text-black-bis {
  color: #121212 !important;
}

.has-background-black-bis {
  background-color: #121212 !important;
}

.has-text-black-ter {
  color: #242424 !important;
}

.has-background-black-ter {
  background-color: #242424 !important;
}

.has-text-grey-darker {
  color: #363636 !important;
}

.has-background-grey-darker {
  background-color: #363636 !important;
}

.has-text-grey-dark {
  color: #4a4a4a !important;
}

.has-background-grey-dark {
  background-color: #4a4a4a !important;
}

.has-text-grey {
  color: #7a7a7a !important;
}

.has-background-grey {
  background-color: #7a7a7a !important;
}

.has-text-grey-light {
  color: #b5b5b5 !important;
}

.has-background-grey-light {
  background-color: #b5b5b5 !important;
}

.has-text-grey-lighter {
  color: #dbdbdb !important;
}

.has-background-grey-lighter {
  background-color: #dbdbdb !important;
}

.has-text-white-ter {
  color: whitesmoke !important;
}

.has-background-white-ter {
  background-color: whitesmoke !important;
}

.has-text-white-bis {
  color: #fafafa !important;
}

.has-background-white-bis {
  background-color: #fafafa !important;
}

.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;
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-relative {
  position: relative !important;
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

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

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

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

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

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

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

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

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

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

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

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

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

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

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

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

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-auto {
  padding: auto !important;
}

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

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.is-size-1 {
  font-size: 3rem !important;
}

.is-size-2 {
  font-size: 2.5rem !important;
}

.is-size-3 {
  font-size: 2rem !important;
}

.is-size-4 {
  font-size: 1.5rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-3-mobile {
    font-size: 2rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-3-tablet {
    font-size: 2rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }
  .is-size-2-touch {
    font-size: 2.5rem !important;
  }
  .is-size-3-touch {
    font-size: 2rem !important;
  }
  .is-size-4-touch {
    font-size: 1.5rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-3-desktop {
    font-size: 2rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important;
  }
  .is-size-2-fullhd {
    font-size: 2.5rem !important;
  }
  .is-size-3-fullhd {
    font-size: 2rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.5rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1.25rem !important;
  }
  .is-size-6-fullhd {
    font-size: 1rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.75rem !important;
  }
}

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

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

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}

@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}

@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}

@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}

@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}

@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}

@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}

@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}

@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}

@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}

@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}

@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}

@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}

@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}

@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}

@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}

@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}

@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}

@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}

@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}

@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}

.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.is-underlined {
  text-decoration: underline !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.is-family-primary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-monospace {
  font-family: monospace !important;
}

.is-family-code {
  font-family: monospace !important;
}

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

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-block-widescreen-only {
    display: block !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-block-fullhd {
    display: block !important;
  }
}

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

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only {
    display: flex !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-flex-fullhd {
    display: flex !important;
  }
}

.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-widescreen-only {
    display: inline !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-inline-fullhd {
    display: inline !important;
  }
}

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

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important;
  }
}

.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important;
  }
}

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

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-hidden-widescreen-only {
    display: none !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-hidden-fullhd {
    display: none !important;
  }
}

.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}

/* Bulma Layout */
.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hero .navbar {
  background: none;
}

.hero .tabs ul {
  border-bottom: none;
}

.hero.is-white {
  background-color: white;
  color: #0a0a0a;
}

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit;
}

.hero.is-white .title {
  color: #0a0a0a;
}

.hero.is-white .subtitle {
  color: rgba(10, 10, 10, 0.9);
}

.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: #0a0a0a;
}

@media screen and (max-width: 1023px) {
  .hero.is-white .navbar-menu {
    background-color: white;
  }
}

.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: rgba(10, 10, 10, 0.7);
}

.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #0a0a0a;
}

.hero.is-white .tabs a {
  color: #0a0a0a;
  opacity: 0.9;
}

.hero.is-white .tabs a:hover {
  opacity: 1;
}

.hero.is-white .tabs li.is-active a {
  color: white !important;
  opacity: 1;
}

.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  color: #0a0a0a;
}

.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.hero.is-white.is-bold {
  background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-white.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  }
}

.hero.is-black {
  background-color: #0a0a0a;
  color: white;
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit;
}

.hero.is-black .title {
  color: white;
}

.hero.is-black .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: white;
}

@media screen and (max-width: 1023px) {
  .hero.is-black .navbar-menu {
    background-color: #0a0a0a;
  }
}

.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: black;
  color: white;
}

.hero.is-black .tabs a {
  color: white;
  opacity: 0.9;
}

.hero.is-black .tabs a:hover {
  opacity: 1;
}

.hero.is-black .tabs li.is-active a {
  color: #0a0a0a !important;
  opacity: 1;
}

.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  color: white;
}

.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  }
}

.hero.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit;
}

.hero.is-light .title {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light .subtitle {
  color: rgba(0, 0, 0, 0.9);
}

.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 1023px) {
  .hero.is-light .navbar-menu {
    background-color: whitesmoke;
  }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}

.hero.is-light .tabs a:hover {
  opacity: 1;
}

.hero.is-light .tabs li.is-active a {
  color: whitesmoke !important;
  opacity: 1;
}

.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}

.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  }
}

.hero.is-dark {
  background-color: #363636;
  color: #fff;
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit;
}

.hero.is-dark .title {
  color: #fff;
}

.hero.is-dark .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-dark .navbar-menu {
    background-color: #363636;
  }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: #292929;
  color: #fff;
}

.hero.is-dark .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-dark .tabs a:hover {
  opacity: 1;
}

.hero.is-dark .tabs li.is-active a {
  color: #363636 !important;
  opacity: 1;
}

.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: #fff;
}

.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #363636;
}

.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-dark.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
  }
}

.hero.is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit;
}

.hero.is-primary .title {
  color: #fff;
}

.hero.is-primary .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-primary .navbar-menu {
    background-color: #00d1b2;
  }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: #00b89c;
  color: #fff;
}

.hero.is-primary .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-primary .tabs a:hover {
  opacity: 1;
}

.hero.is-primary .tabs li.is-active a {
  color: #00d1b2 !important;
  opacity: 1;
}

.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: #fff;
}

.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #00d1b2;
}

.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  }
}

.hero.is-link {
  background-color: #485fc7;
  color: #fff;
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit;
}

.hero.is-link .title {
  color: #fff;
}

.hero.is-link .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-link .navbar-menu {
    background-color: #485fc7;
  }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: #3a51bb;
  color: #fff;
}

.hero.is-link .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-link .tabs a:hover {
  opacity: 1;
}

.hero.is-link .tabs li.is-active a {
  color: #485fc7 !important;
  opacity: 1;
}

.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  color: #fff;
}

.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #485fc7;
}

.hero.is-link.is-bold {
  background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-link.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%);
  }
}

.hero.is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit;
}

.hero.is-info .title {
  color: #fff;
}

.hero.is-info .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-info .navbar-menu {
    background-color: #3e8ed0;
  }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: #3082c5;
  color: #fff;
}

.hero.is-info .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-info .tabs a:hover {
  opacity: 1;
}

.hero.is-info .tabs li.is-active a {
  color: #3e8ed0 !important;
  opacity: 1;
}

.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: #fff;
}

.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #3e8ed0;
}

.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-info.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%);
  }
}

.hero.is-success {
  background-color: #48c78e;
  color: #fff;
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit;
}

.hero.is-success .title {
  color: #fff;
}

.hero.is-success .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-success .navbar-menu {
    background-color: #48c78e;
  }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: #3abb81;
  color: #fff;
}

.hero.is-success .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-success .tabs a:hover {
  opacity: 1;
}

.hero.is-success .tabs li.is-active a {
  color: #48c78e !important;
  opacity: 1;
}

.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: #fff;
}

.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #48c78e;
}

.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-success.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%);
  }
}

.hero.is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit;
}

.hero.is-warning .title {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .subtitle {
  color: rgba(0, 0, 0, 0.9);
}

.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 1023px) {
  .hero.is-warning .navbar-menu {
    background-color: #ffe08a;
  }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: #ffd970;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}

.hero.is-warning .tabs a:hover {
  opacity: 1;
}

.hero.is-warning .tabs li.is-active a {
  color: #ffe08a !important;
  opacity: 1;
}

.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: #ffe08a;
}

.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-warning.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%);
  }
}

.hero.is-danger {
  background-color: #f14668;
  color: #fff;
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit;
}

.hero.is-danger .title {
  color: #fff;
}

.hero.is-danger .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-danger .navbar-menu {
    background-color: #f14668;
  }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: #ef2e55;
  color: #fff;
}

.hero.is-danger .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-danger .tabs a:hover {
  opacity: 1;
}

.hero.is-danger .tabs li.is-active a {
  color: #f14668 !important;
  opacity: 1;
}

.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: #fff;
}

.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #f14668;
}

.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-danger.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%);
  }
}

.hero.is-small .hero-body {
  padding: 1.5rem;
}

@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: 18rem 6rem;
  }
}

.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}

.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}

.hero.is-halfheight {
  min-height: 50vh;
}

.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  overflow: hidden;
}

.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.hero-video.is-transparent {
  opacity: 0.3;
}

@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}

.hero-buttons {
  margin-top: 1.5rem;
}

@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}

@media screen and (min-width: 769px), print {
  .hero-body {
    padding: 3rem 3rem;
  }
}

.section {
  padding: 3rem 1.5rem;
}

@media screen and (min-width: 1024px) {
  .section {
    padding: 3rem 3rem;
  }
  .section.is-medium {
    padding: 9rem 4.5rem;
  }
  .section.is-large {
    padding: 18rem 6rem;
  }
}

.footer {
  background-color: #fafafa;
  padding: 3rem 1.5rem 6rem;
}
/*# sourceMappingURL=bulma.css.map *//**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px}/* ======================================================= */
/* == PRODIMEX CSS ======================================  */
/* ======================================================= */

/* Version 002 */

html {
    background-color:var(--color-lightgrey-ef);
    scroll-behavior:smooth!important
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
    url('fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
    url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
    url('fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-orange: #f5801e;
    --color-orange-price: #f5801e;
    --color-orange-light: rgba(245, 231, 219, 1);
    --color-qobalt: linear-gradient(180deg, rgba(243, 66, 33, 1) 0%, rgba(245, 122, 35, 1) 100%);
    --color-fury: linear-gradient(0deg, rgba(243,33,145,1) 0%, rgba(107,35,245,1) 100%);
    --color-white: #FFFFFF;
    --color-black: #4a4a4a;
    --color-darkblack: #323232;
    --color-lightgrey-66: #666666;
    --color-lightgrey-bc: #bcbcbc;
    --color-lightgrey-d5: #d5d5d5;
    --color-lightgrey-ef: #efefef;
    --color-lightgrey-fb: #fbfbfb;
    --color-lightgrey-f5: #f5f5f5;
    --color-lightgrey-fc: #fcfcfc;
    --color-lightgrey-db: #dbdbdb;
    --color-mandatory: hsl(348, 100%, 61%);
    --color-red: #ff0000;
    --color-green: #1fb92d;
    --color-bluecompare: #485fc7;
    --color-bluewishlist: #4a4a4a;
}

/* Typographie */
body {
    background:var(--color-white);
    overflow:hidden;
    font-family:'Open Sans', Helvetica, sans-serif;
    font-weight: 400;
    font-size:16px;
    text-decoration:none;
    --duration:.5s;
    --timing:ease;
    transition:color var(--duration) var(--timing),background-color var(--duration) var(--timing)
}

::-moz-selection { /* Code for Firefox */
    color: var(--color-black);
    background: var(--color-orange-light);
}
::selection {
    color: var(--color-black);
    background: var(--color-orange-light);
}

/* --------------------------------
 ---- Commun
 ------------------------------- */

#tracking, #delivery {
    scroll-margin-top: 110px;
}

.copy {
    cursor: pointer;
    position: relative;
}

.copy:before {
    content: '';
    position: absolute;
    bottom: -7px;
    right:-7px;
    width: 1em;
    height: 1em;
    background: var(--color-white) url("/images/icons/copy-outline.svg") no-repeat center center;
    background-size: contain;
    display: none;
}

.copy:hover:before {
    display: inline-block;
}

ion-icon {
    pointer-events: none;
}

.is-absolute {
    position: absolute; right: 5px;
}

.center {
    vertical-align:middle;
    text-align:center!important
}

.align-right {
    vertical-align:middle;
    text-align:right!important
}

.align-left {
    vertical-align:middle;
    text-align:left!important
}

.valigntop {
    vertical-align:top !important
}

.color-black {
    color:var(--color-black)
}

.color-white {
    color:var(--color-white);
}

.color-green {
    color:var(--color-green)
}

.color-red {
    color:var(--color-red)
}

.color-orange,.orange {
    color:var(--color-orange)
}

.color-lightgrey-d5 {
    color:var(--color-lightgrey-d5)
}

.color-lightgrey-66 {
    color:var(--color-lightgrey-66)
}

.front-page-price--action .is-danger {
    background-color:var(--color-red) !important;
}

.bg-white {
    background:var(--color-white)
}

.bg-lightgrey-ef {
    background:var(--color-lightgrey-ef)
}

.bg-lightgrey-f5 {
    background:var(--color-lightgrey-f5)
}

.bg-orange-light {
    background:var(--color-orange-light);
    position: relative;
}

.bg-orange-light:before {
    background:url(../images/logos/logo-mobile.svg) no-repeat left center;
    background-size: cover;
    content: '';
    position: absolute;
    top:0;bottom: 0;left: 0;right: 0; opacity: 0.025;
    z-index: 1;
}

.bg-logo:before {
    background:url(../images/logos/logo-mobile.svg) no-repeat center center;
    background-size: contain;
    content: '';
    position: absolute;
    top:0;bottom: 0;left: 0;right: 0; opacity: 0.045;
    z-index: 1;
    min-height: 400px;
}

.bg-logo {
    position: relative;
    z-index: 1;
}

.bg-logo div {
    position: relative;
    z-index: 2;
}

.bg-orange-light div {
    z-index: 2;
    position: relative;
}

.bg-sprites {
    background-image: url("../images/bg/bg-sprites.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 160% 170%;
}

.bg-sprites--contain {
    background-image: url("../images/bg/bg-sprites.svg");
    background-size: cover;
    background-position: center center;
}

.bg-gaming {
    background-color: #000;
}

.bg-fury {
    background-image: url("../images/bg/bg-gaming.svg"), url("../images/bg/bg-gaming.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: left center, right center;
    background-size: 160% 170%, 160% 170%;
}

.container {
    padding:0 1em
}

.container--nopadding {
    padding-left:0 !important;
    padding-right:0 !important;
}

.container-spacing {
    margin-bottom: 50px;
}

@media screen and (min-width: 1508px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width:1440px
    }
}

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

.mb-30p { margin-bottom: 30px }
.mb-50p { margin-bottom: 50px }
.mt-50p { margin-top: 50px }

.w100 {
    width:100%
}

.w80 {
    width:80%
}

.w75 {
    width:75%
}

.w66 {
    width:66%
}

.w60 {
    width:60%
}

.w50 {
    width:50%
}

.w40 {
    width:40%
}

.w33 {
    width:33%
}

.w25 {
    width:25%
}

.w300p {
    width:300px;
}

.w250p {
    width:250px;
}

.w-buttons {
    width:250px;
}

.w-logo {
    width:250px;
}

.w220p {
    width:220px;
}

.w170p {
    width:170px;
}

.w-cart {
    width:150px;
}

.w150p {
    width:150px;
    max-width:150px;
    min-width:150px
}

.h150p {
    height:150px;
}

.h100 {
    height: 100%;
}

.wcart {
    width:calc(100% - 150px)
}

.wclient {
    width:calc(100% - 300px)
}

.w140p {
    width:140px;
    max-width:140px;
    min-width:140px
}

.w120p {
    width:120px;
    max-width:120px;
    min-width:120px
}

.w100p {
    width:100px
}

.w70p {
    width:70px
}

.w50p {
    width:50px
}

.w30p {
    width:30px
}

.w25p {
    width:25px
}

.w20p {
    width:20px
}

.w10p {
    width:10px
}

.fs-125 {
    font-size:1.25em!important
}

.fs-100 {
    font-size:1em!important
}

.fs-095 {
    font-size:.95em!important
}

.fs-085 {
    font-size:.85em!important
}

.fs-075 {
    font-size:.75em!important
}

.fs-050 {
    font-size:.5em!important
}

.fbold { font-weight: bold; }

h1,.h1 {
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-size:24px;
    line-height: 24px;
    margin:0 0 .5em;
    padding:0 0 5px;
    font-weight:600;
    color: var(--color-black);
}

.no-uppercase {
    text-transform: none;
}

h1.border,.h1.border,
h2.border,.h2.border
{
    border-bottom:1px solid var(--color-lightgrey-d5)
}

#items_content_box h1 { padding: 0 }

h2,.h2 {
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-size:20px;
    margin:0 0 .5em;
    font-weight:600;
    color: var(--color-black);
}

h4,.h4 {
    font-size:1.3em;
    text-transform:uppercase;
    margin-bottom:10px
}

h5,.h5 {
    text-transform:uppercase;
    color:var(--color-black)!important;
    letter-spacing:1.2px
}

h6,.h6 {
    text-transform:none;
    color:var(--color-black)!important;
    letter-spacing:1.2px
}

p {
    margin-bottom:1em
}

.mod--hidden,.no-scroll {
    overflow:hidden
}

.columns {
    margin-left:0;
    margin-right:0;
    margin-top:-.75rem
}

.is-vcentered {
    vertical-align:middle
}

.main {
    min-height:600px;
}

.promobox {
    position: relative;
    margin: 5em 0 2em;
}
.promobox--img {
    width: 300px;
    height: 300px;
    background: var(--color-white);
    border:1px solid var(--color-lightgrey-db);
    position: absolute;
    top:-2em;
}

.promobox--img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.promobox--content {
    color:var(--color-black);
    background-color: var(--color-lightgrey-f5);
    padding: 2em 2em 3em 6em;
}

.promobox--blocktitle {
    position: absolute;
    top:-45px;
    color:var(--color-lightgrey-d5);
    font-size: 40px;
    margin-left: -.5em;
}

.promobox--title {
    color:var(--color-black);
    font-size: 50px;
    font-weight: 700;
}
.promobox--subtitle {
    color:var(--color-black);
    font-size: 20px;
    margin-bottom: .5em;
}

.smallbox {
    min-height: 150px;
    color:var(--color-black);
}

.smallbox:hover {
    color:var(--color-black);
}

.smallbox--img { padding: 1em; }

.smallbox--title {
    font-size: 1.1em;
}

.box-border {
    border:1px solid var(--color-lightgrey-f5)
}

.box-border:hover {
    border:1px solid var(--color-lightgrey-d5)
}

.box-border-d5 {
    border:1px solid var(--color-lightgrey-d5)
}

.smallbox .is-absolute {
    bottom:-.67em;
}

.front-page-price {
    font-size: 1.1em !important;
}

.caddie-abs {
    position: absolute;
    top: 0;
    right: 0;
}

.cartouche {
    position: relative;
    margin-bottom: 2em;
    height: 200px;
}

.cartouche-mini {
    height: 100px !important;
}

.cartouche-cta {
    height: 300px;
}

.cartouche img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 200px;
}

.cartouche-mini img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100px;
}

.cartouche-cta img {
    height: 300px;
    object-fit: contain;
}

.cartouche-cta--cover img {
    height: 300px;
    object-fit: cover;
}

.cartouche-cta .is-absolute {
    left: 2em;
    bottom:1em;
}

.cartouche h1 {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 50px;
    line-height: 55px;
    margin:0;
    padding: 0;
}

.cartouche h1 span {
    background-color: rgba(54 ,54 ,54 ,.3);
    padding: 20px;
    display: inline-block;
    border-radius: 5px;
    max-width: 90%;
    text-align: center;
}

.desktop-hide,.display-none {
    display:none
}

.display_block {
    display:block
}

.prix-barre {
    text-decoration: line-through;
}

.nowrap {
    white-space:nowrap
}

a {
    color:var(--color-black);
    /*font-size: 13px;*/
    font-weight:400;
    text-decoration:none
}

a.decoration {
    text-decoration:underline
}

a:hover {
    color:var(--color-orange)
}

img {
    border-radius:3px
}

.link {
    color:var(--color-orange);
    font-size:1.1em;
    font-weight:400;
    text-decoration:underline
}

.highlight {
    border-bottom:1px solid var(--color-orange);
    padding-bottom:6px;
    margin-bottom:20px
}

div.warranty {
    color:rgba(120,120,120,.7);
    font-size:.8em;
    margin-bottom:1rem
}

thead {
    text-align:center
}

.row {
    display: table;
    table-layout: fixed;
}

.col {
    display: table-cell;
    vertical-align: middle;
}

.grid {
    column-count: 2;
    column-gap: 50px;
}

.grid .message {
    margin: 0;
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* Chrome, Safari, IE 11 */
    display:table;                      /* Actually FF 20+ */
}

.terms-columns {
    margin: 2em 0 0 0;
    column-count: 2;
    column-gap: 50px;
    text-align: justify;
    column-rule: 1px solid var(--color-orange-light);
}

.boxqobalt {
    border-radius: 5px;
    border:1px solid var(--color-lightgrey-db);
}

.message-qobalt .message-body {
    border-width: 0 0 0 4px;
    border-style: solid;
    border-image: linear-gradient(to bottom, rgba(243,66,33,1), rgba(245,122,35,1)) 1;
}

ul.list {
    list-style: disc;
    margin-left: 1.2em;
}

/* --------------------------------
 ---- Form
 ------------------------------- */
.form-container {
    max-width:900px;
    margin:0 auto;
    padding: 2em;
}

.label {
    font-weight:400;
    /*background:var(--color-lightgrey-f5);
    border:1px solid var(--color-lightgrey-db);
    padding:3px 10px!important;
    height:40px;
    border-radius:5px 0 0 5px*/
    letter-spacing: 1px;
    color: var(--color-lightgrey-66);
    margin-bottom: 2px !important;
}

.label.mandatory {
    font-weight:600
}

.label.mandatory:after {
    content:"*";
    display:inline-block;
    color:var(--color-mandatory);
    margin-left:10px
}

.captcha {
    filter:grayscale(100%)
}

/* Chrome, Safari, Edge, Opera */
.checkout-container input::-webkit-outer-spin-button,
.checkout-container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.checkout-container input[type=number] {
    -moz-appearance: textfield;
}

input {
    background-color:var(--color-white);
    border:1px solid var(--color-lightgrey-d5);
    border-radius:3px;
    color:var(--color-black);
    font-size:1em;
    padding:3px;
}

input[type=radio] {
    cursor:pointer;
    padding:0;
}

input[type=checkbox] {
    border:0;
    cursor:pointer;
    padding:0;
}

input[type=password]:hover {
    background-color:#e2e1e1;
    border:1px solid #afafaf
}

/*.is-vcentered .input {
    border-left:0;
    border-radius:0 5px 5px 0
}*/

.select {
    background-color:var(--color-white);
    border-color:var(--color-lightgrey-db);
    border-radius:0 5px 5px 0;
    border-left:0;
    font-size:1em;
    padding:5px
}

.select-small {
    font-size:14px!important;
    padding:2px 5px!important;
    height:auto!important;
    width: auto !important;
}

.inputbutton {
    width:calc(100% - 120px)
}

input,.input,textarea,.textarea,select,.select {
    outline:0;
    background:var(--color-white);
    border:1px solid var(--color-lightgrey-db);
    /*width:100%*/
}

.heightauto {
    height: auto !important;
}

.box-qty {
    display:block;
    width:73px;
    height:40px;
    position:relative
}

input.qty-input {
    padding:3px!important;
    display:inline-block;
    text-align:center;
    width:50px!important
}

button.qty-btn {
    padding:2.5px!important;
    width:20px!important;
    height:20px!important;
    line-height:2px;
    display:inline-block;
    text-align:center;
    position:absolute;
    top:0;
    right:0;
    box-shadow: none !important;
}

button.qty-btn--moins {
    bottom:0;
    top:auto
}

input[type=radio] {
    cursor:pointer
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    -webkit-box-shadow:0 0 0 30px white inset!important
}

input[type=text],input[type=password],textarea {
    padding:10px!important
}

input[type=text].small,input[type=password].small,textarea.small {
    padding:6px!important
}

input[disabled],.input[disabled] {
    background-color:var(--color-lightgrey-ef)!important;
    border:1px solid var(--color-lightgrey-db);
    color:var(--color-lightgrey-bc) !important
}

textarea {
    background-color:var(--color-white);
    border:1px solid var(--color-lightgrey-db);
    color:var(--color-black);
    font-weight:400;
    text-decoration:none;
    margin-bottom:1.5em
}

.select:not(.is-multiple) {
    /*height: 2em;*/
    height:40px
}

input:active,textarea:active,input:focus,textarea:focus {
    background:var(--color-white)!important;
    border:1px solid var(--color-lightgrey-d5);
}

.input:active,.input:focus,.is-active.input,.is-active.textarea,.is-focused.input,.is-focused.textarea,.select select.is-active,.select select.is-focused,.select select:active,.select select:focus,.textarea:active,.textarea:focus {
    border-color:var(--color-orange);
    box-shadow: none !important; /*0 0 0 .125em rgba(174,92,20,0.42)*/
}

button, .button, .search-button {
    background: linear-gradient(180deg, rgba(243,66,33,1) 0%, rgba(245,122,35,1) 100%);
    border:1px solid var(--color-lightgrey-db);
    color:var(--color-white);
    padding:7px 15px;
    width:auto;
    cursor:pointer;
    font-weight:600;
    letter-spacing:1px;
    transition-property:all!important;
    transition-duration:1s!important;
    transition-timing-function:cubic-bezier(0,1,0.5,1)!important;
    white-space:normal;
    height:auto;
    box-shadow: 0 6px 12px #00000054;
}

.button-fury {
    background: linear-gradient(0deg, rgba(243,33,145,1) 0%, rgba(107,35,245,1) 100%) !important;
}

button:hover, .button:hover, .search-button:hover {
    background:rgba(230,119,23,0.6);
    border:1px solid var(--color-orange);
    color:var(--color-white);
    box-shadow: 0 6px 12px #0000003B ;
}

button.is-secondary, .button.is-secondary, .button.is-secondary {
    background:var(--color-lightgrey-ef);
    border:1px solid var(--color-lightgrey-db);
    color:var(--color-black)
}

button.is-secondary:hover, .button.is-secondary:hover {
    background:var(--color-lightgrey-db)
}

button:active, .search-button:active, .button:active {
    background:rgba(230,119,23,0.6);
    border: 1px solid var(--color-orange) ;
    box-shadow: inset 0 3px 6px #00000029, 0 6px 12px #0000000D ;
}

button[disabled], .search-button[disabled], .button[disabled] {
    background:var(--color-lightgrey-db);
    border: 1px solid var(--color-lightgrey-66) ;
    color: var(--color-lightgrey-66) ;
}

.button.caddie {
    height: 2.5em;
    background: var(--color-white) !important;
    color:var(--color-orange) !important;
    box-shadow: none !important;
}
.caddie ion-icon { padding: 10px; font-size: 2em !important; }
.button.caddie:hover {
    background:rgba(230,119,23,0.6)!important;
    color:var(--color-white) !important;
}
.button.caddie:active {
    background:rgba(230,119,23,0.6)!important;
    border: 1px solid var(--color-orange) !important;
    box-shadow: inset 0 3px 6px #00000029, 0 6px 12px #0000000D !important;
}

.button.caddie--w100 {
    width: 100%;
    height: 2.5em;
    border-radius: 0 0 4px 4px;
    padding: .5em 1em;
}

.card-listemini .button.caddie--small {
    height:2em;
    padding: 5px;
    width: auto;
}

.button-simple {
    background: var(--color-white) !important;
    box-shadow: none !important;
}

.listcard .card-content {
    border-bottom:1px solid var(--color-lightgrey-db);
}

.products-display-style svg {
    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 0;
    margin-right: 10px;
}

.color-orange svg path {
    fill: var(--color-orange) !important;
}

.postfinance-pay-button {
    background-color:var(--color-orange);
    border:1px solid var(--color-lightgrey-db);
    color:var(--color-white);
    padding:7px 15px;
    width:auto;
    cursor:pointer;
    font-weight:600;
}

.bloc-variant:hover .display-none {
    display: block;
    position: absolute;
    bottom:-20px;
    left: -1px;
    right: -1px;
    border:1px solid var(--color-lightgrey-db);
    background: var(--color-lightgrey-f5);
}

.products-tabs__list {
    position: relative;
    top:1px;
}

.products-tabs__item {
    display: inline-block;
}

.products-tabs__link {
    display: inline-block;
    border:1px solid var(--color-lightgrey-db);
    background: var(--color-lightgrey-f5);
    padding: .5em 1em;
    border-radius: 10px 10px 0 0;
}

.products-tabs__link[aria-selected=true] {
    border:1px solid var(--color-lightgrey-db);
    border-bottom: 1px solid var(--color-white);
    background: var(--color-white);
}

.products-tabs__content {
    border:1px solid var(--color-lightgrey-db);
    background: var(--color-white);
    padding: 1em;
}

/* Icecat */
.IcecatLive h2 { display: none !important;}
.IcecatLive .-icecat-table { padding-top: 0; }

.-icecat-feature-group {
    border: 1px solid var(--color-lightgrey-f5) !important;
}

.for-featuregroups .-icecat-table .-icecat-tableRow:nth-child(odd),
.IcecatLive .-icecat-table .-icecat-tableRowHead span {
    background-color: var(--color-lightgrey-f5) !important;
}

.IcecatLive .-icecat-table .-icecat-tableRow .-icecat-ds_data {
    color:var(--color-black) !important;
}

/* Placeholder */
::placeholder {
    color:var(--color-lightgrey-bc)!important;
    padding-left:6px
}

/* checkbox */
.checkbox-small > input {
    width:24px;
    height:24px;
    /*margin:5px 5px 5px 10px*/
}

.checkbox-small > input {
    width:20px;
    height:20px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    appearance:none;
    border-radius:2px;
    outline:none;
    transition-duration:.3s;
    background-color:var(--color-lightgrey-ef);
    cursor:pointer;
    border:1px solid transparent
}

.checkbox-small > input::before {
    content:' ️';
    display:block;
    text-align:center;
    font-size:1em
}

.checkbox-small > input:checked {
    background-color:var(--color-orange)!important
}

.checkbox-small > input:checked::before {
    content:'✓';
    display:block;
    text-align:center;
    color:var(--color-white)
}

.checkbox-small > input:active {
    background-color:var(--color-lightgrey-d5)
}

/* --- */

.checkbox-big input {
    width:32px;
    height:32px;
    margin:0 10px;
    position:relative;
    -webkit-appearance:none;
    -moz-appearance:none;
    display: inline-block;
    -o-appearance:none;
    appearance:none;
    border-radius:2px;
    outline:none;
    transition-duration:.3s;
    background-color:var(--color-white);
    cursor:pointer;
    border:1px solid var(--color-lightgrey-db);
}

.checkbox-big input:checked {
    background-color:var(--color-orange)!important
}

.checkbox-big input:checked::before {
    content:'✓';
    display:block;
    text-align:center;
    position:absolute;
    font-size:1.5em;
    top:0;
    left:5px;
    color:var(--color-white)
}

.checkbox-big input:active {
    background-color:var(--color-lightgrey-d5)
}

input:active,textarea:active,input:focus,textarea:focus {
    background:var(--color-white)!important;
    border:1px solid var(--color-lightgrey-d5)
}

.input:active,.input:focus,.is-active.input,.is-active.textarea,.is-focused.input,.is-focused.textarea,.select select.is-active,.select select.is-focused,.select select:active,.select select:focus,.textarea:active,.textarea:focus {
    border-color:var(--color-orange);
    box-shadow:0 0 0 .125em rgba(174,92,20,0.42)
}

.button.is-focused:not(:active),.button:focus:not(:active) {
    box-shadow:0 0 0 .125em rgba(174,92,20,0.42)
}

.button.is-focused,.button:focus {
    border-color:var(--color-orange)
}

/* --------------------------------
 ---- RSALC
 ------------------------------- */
.rsalc {
    display:inline-block
}

.rsalc-icon {
    display:inline-block;
    width:22px;
    height:22px;
    text-decoration:none;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center
}

.rsalc-facebook {
    background-image:url(/images/rsalc/icon-facebook-h.svg)
}

.rsalc-facebook:hover {
    background-image:url(/images/rsalc/icon-facebook.svg)
}

.rsalc-instagram {
    background-image:url(/images/rsalc/icon-instagram-h.svg)
}

.rsalc-instagram:hover {
    background-image:url(/images/rsalc/icon-instagram.svg)
}

.rsalc-linkedin {
    background-image:url(/images/rsalc/icon-linkedin-h.svg)
}

.rsalc-linkedin:hover {
    background-image:url(/images/rsalc/icon-linkedin.svg)
}

/* ------------------------------------------------
----- Navigation (Filtres)
------------------------------------------------ */

.js-accordion__panel[aria-hidden=true] {
    display:none
}

.filtersnav__header, .filter_name {
    display:block;
    width:100%;
    text-align:left;
    font-size:.95em;
    /*font-weight:700;*/
    color:var(--color-darkblack) !important;
    /*border-bottom:1px solid var(--color-lightgrey-db);*/
    border:1px solid var(--color-lightgrey-db);
    padding:.5em;
    background:var(--color-lightgrey-f5) !important;
    position:relative;
    box-shadow: none !important;
    padding-left: 25px;
}

#tree li {
    background:var(--color-lightgrey-db);
    border-bottom:1px solid var(--color-white);
}

#tree li a:hover {
    background:var(--color-orange-light);
}

#tree li:has(ul.sub) {
    background:var(--color-orange-light);
}

#tree li ul.sub {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight:normal;
    border-left:2px solid var(--color-orange-light);
}

#tree li ul.sub li {
    position: relative;
    background: var(--color-lightgrey-f5);
    border-bottom:1px solid var(--color-white);
    display: block;
}

#tree li ul.sub li:hover {
    background: var(--color-lightgrey-d5);
}

#tree li ul.sub a {
    color:var(--color-orange);
    padding: .25em .75em .25em 1.5em;
    font-weight:normal;
}

.navigation-filters-search {
    background: var(--color-white) !important;
    padding: 5px 5px 0 5px;
    border:1px solid var(--color-lightgrey-db);
    border-bottom: 0;
    border-top:0;
}

.navigation-filters-search input[type=text] {
    padding: .2em !important;
    height: auto;
}

.filter_name {
    margin: 0;
    padding-left: 25px;
    cursor: pointer;
}

.filter_name[data-type=slider]:after {
    content: "";
    position: absolute;
    right: .5em;
    display: inline-block;
    width:30px;
    height: 20px;
    background: url("../images/icons/slider-range.svg") no-repeat center center;
    background-size: cover;
}

.filtersnav__title {
    display:none
}

.filter_search_new {
    position:relative;
    top:-2px;
    width:100%;
    padding:2px
}

.filtersnav__panel {
    border:1px solid var(--color-lightgrey-db);
    border-top:0;
    padding:.5em
}

.filter_link, .facets-container a, .facets-container li span {
    display:block;
    color:var(--color-orange);
    padding:2px !important;
    margin: 0;
}

.facets-container li span {
    color:var(--color-black) !important;
}

#tree li ul.sub a.disabled, #tree li ul.sub a.disabled+span,
#tree li ul.sub a.disabled:hover, #tree li ul.sub a.disabled+span:hover,
#tree li ul.sub span.disabled, #tree li ul.sub span.disabled+span{
    color:var(--color-lightgrey-bc) !important;
    cursor: not-allowed;
    /*display: none;*/
}

#tree li ul.sub a.disabled:hover, #tree li ul.sub a.disabled+span:hover {
    background: var(--color-lightgrey-f5) !important;
}

.facets-container li {
    position: relative;
    background: none !important;
}

.filter_link:hover, .facets-container a:hover {
    background:var(--color-lightgrey-db);
    color:var(--color-orange)
}

.menu-list li ul.facets-container {
    margin:0 !important;
    padding: .5em;
    border:1px solid var(--color-lightgrey-db);
    border-top:0;
    border-bottom:0;
    background: var(--color-white);

    /**
    max-height: 300px;
    overflow-y: scroll;
*/
    scrollbar-color: var(--color-lightgrey-db) var(--color-white);
    scrollbar-width: thin;
}

.menu-list li ul.facets-container:last-child {
    border-bottom:1px solid var(--color-lightgrey-db);
}

.menu-list a {
    font-weight:700;
}

#tree li ul.sub li span:not(.disabled),
.facets-container li span:not(.disabled) {
    position: absolute;
    right:.5em; top:2px;
    padding:0 !important;
}

.filter_link--active, .facets-container .choosen_filter {
    background:var(--color-orange-light);
    color:var(--color-black) !important;
}

.facets-container .choosen_filter ~ span {
    color:var(--color-black) !important;
}

.filter_line {
    display:block;
    color:var(--color-lightgrey-db) !important
}

.filter-slider-container {
    background-color: var(--color-white);
    padding: 0;
}

.filter-slider-container--prices {
    padding: 0 10px 10px 10px;
    border-left:1px solid var(--color-lightgrey-db);
    border-right:1px solid var(--color-lightgrey-db);
}

/* ------------------------------------------------
----- Ion.RangeSlider (Filtres)
------------------------------------------------ */

.irs--flat .irs-bar {
    background-color: var(--color-orange);
}

.irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to {
    background-color: var(--color-orange);
}

.irs--flat .irs-handle {
    cursor: pointer;
    padding: 3px 10px;
    border-radius: 4px;
    height: 24px;
    top:20px;
}

.irs--flat .irs-handle:hover,
.irs--flat .irs-handle:active,
.irs--flat .irs-handle:focus {
    background: rgba(200,200,200,.6);
}

.irs--flat .irs-handle>i:first-child {
    width: 4px;
    margin-left: -2px;
    background-color: var(--color-black);
    top:3px;
    height: calc(100% - 6px);
}

.irs--flat .irs-handle:hover>i:first-child,
.irs--flat .irs-handle:active>i:first-child,
.irs--flat .irs-handle:focus>i:first-child {
    background-color: var(--color-black);
}

.irs-from, .irs-to, .irs-single {
    font-size: 12px;
}

/*.filter-slider-container--prices .irs--flat .irs-bar {
    background: linear-gradient(90deg, rgba(201,249,141,1) 0%, rgba(241,157,180,1) 100%);
}*/

.filter-slider-container-inputs {
    padding: 5px 0;
}

.filter-slider-container-inputs input {
    display: inline-block;
    font-size: 14px;
    padding: 3px !important;
    margin: 0 10px 0 0;
    width: calc(50% - 10px);
    text-align: center;
}

.filter-slider-container-inputs input:nth-child(2) {
    margin: 0 0 0 10px;
}

#tree .facets-container[data-type=color] li {
    display: inline-block !important;
    width:30px;
    height: 30px;
    color:transparent !important;
    margin: 0 5px 20px 0;
}

#tree .facets-container[data-type=color] li a {
    display: inline-block;
    width:30px;
    height: 30px;
    text-indent: 1000px;
    overflow: hidden;
    border:1px solid var(--color-lightgrey-db) !important;
    border-radius: 15px;
}

#tree .facets-container[data-type=color] li:hover a {
    color: currentColor !important;
}

#tree .facets-container[data-type=color] li a.choosen_filter {
    border:2px solid var(--color-orange) !important;
}

#tree .facets-container[data-type=color] li span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    top: auto !important;
    color: #666 !important;
    font-size: 10px;
    width:30px;
    margin-bottom: -15px;
}

/* ------------------------------------------------
----- Order
------------------------------------------------ */

.order_detail__header, .order_detail__header:hover,.order_detail__header :active {
    display:block;
    width:100%;
    text-align:left;
    font-size:1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:var(--color-darkblack) !important;
    border:1px solid var(--color-lightgrey-db) !important;
    padding:.5em .5em .5em 25px;
    background:var(--color-lightgrey-f5) !important;
    position:relative;
    box-shadow: none !important;
}

.order_detail__title {
    display:none
}

.order_detail__panel {
    border:1px solid var(--color-lightgrey-db);
    background: var(--color-white);
    border-top:0;
    border-bottom:0;
    padding:.5em
}

.order_detail__panel[aria-hidden=false]:last-child {
    border-bottom:1px solid var(--color-lightgrey-db);
}

/* title opened */
.js-accordion__header[aria-expanded="true"]:before, .chevron-up:before {
    content:"";
    display: inline-block;
    width:12px;
    height: 12px;
    background: url("../images/arrows/chevron-up.svg") no-repeat center center;
    background-size: contain;
    position:absolute;
    left:.5em;
    top:11px;
}

/* title closed */
.js-accordion__header[aria-expanded="false"]:before, .chevron-down:before {
    content:"";
    display: inline-block;
    width:12px;
    height: 12px;
    background: url("../images/arrows/chevron-down.svg") no-repeat center center;
    background-size: contain;
    position:absolute;
    left:.5em;
    top:11px;
}

/* ------------------------------------------------
----- Navigation
------------------------------------------------ */
.subnav {
    position:absolute
}

[data-visually-hidden="true"] {
    display:none
}

[data-visually-hidden="false"] {
    display:block
}

.navunivers {
    background-color:var(--color-lightgrey-fb);
    padding-top:20px;
    padding-bottom:20px;
    margin:0;
    /*margin-bottom:20px;*/
    border-top:1px solid var(--color-lightgrey-db);
    border-bottom:1px solid var(--color-lightgrey-db)
}

.navunivers-link {
    display:block;
    /*font-weight: 700;*/
    line-height:2em;
    letter-spacing:1px;
    padding:1px 5px;
    text-decoration:none;
    white-space:nowrap;
    margin-bottom:5px;
    text-align:center;
    border-radius:5px;
    border-bottom:2px solid transparent;
}

.js-nav-system__item:hover .navunivers-link, .navunivers-link:hover, .univers_link_mobile:hover {
    border-bottom:2px solid var(--color-orange);
    background: linear-gradient(180deg, rgba(243,66,33,1) 0%, rgba(245,122,35,1) 100%);
    color:var(--color-white);
    margin-bottom:0;
    box-shadow:0 1px 1px rgba(0,0,0,0.03),0 2px 2px rgba(0,0,0,0.03),0 4px 4px rgba(0,0,0,0.03),0 8px 8px rgba(0,0,0,0.03),0 16px 16px rgba(0,0,0,0.03),0 32px 32px rgba(0,0,0,0.03)
}

.navunivers-link--active,.univers_link_mobile.active {
    background-color:var(--color-orange-light);
    border-bottom:2px solid var(--color-orange);
    margin-bottom:0;
    box-shadow:0 1px 1px rgba(0,0,0,0.03),0 2px 2px rgba(0,0,0,0.03),0 4px 4px rgba(0,0,0,0.03),0 8px 8px rgba(0,0,0,0.03),0 16px 16px rgba(0,0,0,0.03),0 32px 32px rgba(0,0,0,0.03)
}

.js-nav-system__subnav {
    position:absolute;
    display:none;
    background:var(--color-white);
    z-index:1000;
    width:300px;
    border:2px solid var(--color-orange);
    border-radius:5px
}

.js-nav-system__item:hover .js-nav-system__subnav {
    display:block
}

.js-nav-system__subnav__link {
    background-color:var(--color-white);
    border-bottom:0;
    margin-bottom:0;
    box-shadow:none;
    display:block;
    line-height:2em;
    letter-spacing:1px;
    padding:1px 1em;
    text-decoration:none;
    white-space:nowrap;
    color:var(--color-black);
    text-align:left;
    border-bottom:1px solid var(--color-lightgrey-db)
}

.js-nav-system__subnav__link:hover,.js-nav-system__subnav__link--active {
    background:var(--color-orange-light)
}

.navunivers[aria-hidden=true] {
    display:none
}

.navunivers[aria-hidden=false] {
    display:block !important;
}

/* ------------------------------------------------
----- Fade-out (cart animation)
------------------------------------------------ */
.fade-out {
    animation:fadeOut ease 3s
}

@keyframes fadeOut {
    50% {
        opacity:1;
        /*transform:scale(1.2)*/
    }

    100% {
        opacity:0;
    }
}

/* ------------------------------------------------
----- Header + SearchBox
------------------------------------------------ */

.header {
    height: 229px;
    position: relative;
}

.alertbeta {
    background-color: rgba(234,84,85,.2) !important;
}

.user-page .header {
    height: 130px;
}

/* Infos header */
.sct-infos-header {
    background-color:var(--color-lightgrey-f5);
    border-top:1px solid var(--color-white);
    border-bottom:1px solid var(--color-lightgrey-db);
    padding:5px 3px 3px;
    padding-right:24px;
    padding-left:24px;
    text-transform:uppercase;
    letter-spacing:1.1px;
    font-size:12px
}

.sct-infos-header a:hover {
    color:var(--color-orange)
}

.language-full {
    display:none
}

/* sct-header */
.sct-header {
    position:relative;
    padding: 0;
}

.sct-header .col {
    padding: 1em .5em;
}

.header--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--color-white);
    border-bottom:1px solid var(--color-lightgrey-ef);
    z-index: 50;
}

.header--fixed .col {
    padding: .5em;
}

.navunivers--spacer {
    margin-top: 88px;
}

.navunivers--fixed {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100vw;
    z-index:50;
    background:var(--color-white);
    height:100%;
    overflow:scroll;
    display:none;
    padding-top:75px;
    margin-top: 75px;
}

.navunivers--fixed .is-hidden-desktop {
    display: block !important;
}

.displayarrow {
    display: none;
    position: relative;
    right: -1em;
}

.displayarrow ion-icon {
    width:30px;
    height:30px;
}

.menu-buttons a {
    background-color:var(--color-lightgrey-ef)!important;
    border:1px solid var(--color-lightgrey-db);
    color:var(--color-black)!important;
    border-radius: 3px;
    padding:5px;
    width:35px;
    height:35px;
    text-align:center;
    cursor:pointer;
    letter-spacing:1px;
    transition-property:all!important;
    transition-duration:1s!important;
    transition-timing-function:cubic-bezier(0,1,0.5,1)!important;
    display: inline-block;
    margin: 0 .5em;
    text-transform: uppercase;
}

.shoping-cart-area {
    z-index:2
}

/* Logo */
.prodimex-logo {
    margin-left:0;
}

.prodimex-logo img {
    width:17rem;
    margin:0 auto
}

/* Search */
.search-div {
    position: relative;
}

.search-buttonheader {
    padding:5px;
    text-align:center;
    z-index:1000000;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    border: 2px solid var(--color-lightgrey-66);
    color: var(--color-lightgrey-66);
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
}

.header--fixed .search-buttonheader {
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 18px;
}

.options {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 0;
    right: 0;
    padding: 5px;
    display: inline-block;
    background: var(--color-white);
    font-size: 25px;
    text-align: center;
    border: 1px solid var(--color-black);
    color: var(--color-black);
    cursor: pointer;
}

.options-block {
    position: absolute;
    top: 41px;
    right: 0;
    padding: .5em 1em;
    width: 250px;
    background: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-black);
    z-index: 2;
    border-radius: 0 0 5px 5px;
    display: none;
}

.options-block--show {
    display: block !important;
}

.options--title {
    text-transform: uppercase;
    color: var(--color-lightgrey-66);
    letter-spacing: 2px;
    /* font-weight: 400; */
    margin: 0 0 .25em 0;
    display: block;
}

#search_string {
    width:100%;
    height:42px;
    background-color:var(--color-white);
    border:1px solid var(--color-black);
    font-size:1.1em;
    padding-left:10px !important;
    padding-right:70px !important;
}

.search-div .search_icon {
    position: absolute;
    right:40px;
    top:0px;
    bottom:0px;
    padding-top: 10px;
    padding-bottom: 10px;
    width:40px;
    height: 42px;
    display: inline-block;
    color: var(--color-orange);
    cursor: pointer;
    text-align:center;
}

.search-div .search_icon ion-icon {
    width:20px;
    height: 20px;
    display: inline-block;
}

/*.search-button {
    border-radius:0 5px 5px 0;
    border:none;
    font-size:1em;
    font-weight:400!important;
    letter-spacing:1.1px;
    height:42px;
    width:120px!important;
    margin-left:-1px;
    padding:4px 0!important
}

.search-button span {
    position:relative;
    top:-2px
}*/

#cart-count {
    position:absolute;
    top:-10px;
    right:-4px;
    width:20px;
    height:20px;
    border-radius:10px;
    background:var(--color-orange);
    color: var(--color-white);
    line-height:16px;
    font-size: 13px;
    padding-left: 1px;
    font-weight: bold;
    text-align:center;
    border:1px solid var(--color-orange)
}

.basket-icon {
    /*position:relative;
    background-color:var(--color-white);
    border-radius:100%;
    width:46px;
    height:46px;
    border:2px solid var(--color-orange)*/
    padding: 5px;
    text-align: center;
    display: block;
    z-index: 1000000;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    border: 2px solid var(--color-orange);
    color: var(--color-orange);
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
}

/*.basket-icon ion-icon {
    font-size: 32px;
    color:var(--color-orange);
    padding:5px;
}*/

.header--fixed .basket-icon {
    width:32px;
    height:32px;
    font-size: 18px;
    line-height: 18px;
}

/*.header--fixed .basket-icon ion-icon {
    font-size: 22px;
    padding:3px;
}*/

.search-box {
    width:calc(100% - 40px);
    margin-left:40px
}

/* PAGE SEARCH - ajax_search.php.php */
.search-ajax {
    background-color:var(--color-lightgrey-f5);
    border-top:1px solid var(--color-lightgrey-ef);
    border-bottom:1px solid var(--color-lightgrey-ef);
    padding:10px 0 5px;
    text-transform:uppercase;
    color:var(--color-darkblack);
    letter-spacing:1.2px;
    font-weight:700;
}

.auto_search ul {
    margin-top:1em
}

.auto_search ul:first-child {
    margin-top:0
}

.informal {
    display:inline-block;
}

.logo-brand img {
    width: 100px;
    height: 20px;
    object-fit: none;
    margin-right: 1em;
    float: right;
}

/* ------------------------------------------------
----- AutoComplete
------------------------------------------------ */
.autocomplete_street {
    position:absolute;
    z-index:9999;
    width:auto;
    min-width:300px!important;
    height:auto;
    min-height:300px!important;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    box-shadow:0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07);
    background-color:var(--color-white);
    border:0 solid var(--color-lightgrey-66);
    margin:0;
    padding:10px;
    display: none;
}

.autocomplete_street ul {
    list-style-type:none;
    margin:0;
    padding:0
}

.autocomplete_street ul li.selected {
    background-color:#eee
}

.autocomplete_street ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    height:32px;
    cursor:pointer
}

.autocomplete {
    width: calc(100%);
    background-color:var(--color-white);
    border:1px solid var(--color-black);
    border-top:1px solid var(--color-lightgrey-f5);
    border-radius:6px;
    box-shadow:0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07);
    color:var(--color-black);
    margin:auto!important;
    opacity:.95;
    padding:0;
    position:absolute;
    text-align:left;
    vertical-align:middle;
    border-top-right-radius:0;
    border-top-left-radius:0;
    top:40px;
    z-index:9999!important;
    max-height: 500px;
    overflow-y: auto;
}

.autocomplete ul li {
    cursor:pointer;
    display:block;
    list-style-type:none;
    margin:0;
    padding:4px 10px;
    vertical-align:middle;
    border-top:1px solid var(--color-lightgrey-f5)
}

.autocomplete ul li:first-child {
    border-top:0
}

.auto_search li:hover {
    background-color:var(--color-orange-light)!important
}

.search-ajax:hover {
    background-color:var(--color-black)!important;
    cursor:pointer!important
}

.autocomplete ul {
    list-style-type:none;
    margin:0;
    padding:0
}

.autocomplete .search-suggest-price {
    width:auto!important;
    float:right;
    padding: 0;
    border:0;
    border-radius: 0;
    text-align: right;
    min-width: auto;
    font-size: 1.2em;
}

/* ------------------------------------------------
----- Filters (tags)
------------------------------------------------ */
.filters-container {
    /*width: 100%;
        display: flex;
        justify-content: flex-start;
        padding: 0 32px 0 0;*/
    margin:0 0 .5em!important;
    padding:0 0 1em!important;
    display:flex;
    justify-content:space-between;
    width:100%
}

.filters-mobile-container {
    margin-top:46px;
}

/** chosen fileter display */
.close_filter {
    color:#E67717;
    cursor:pointer;
    padding:0 0 0 10px;
    border-radius:4px;
    font-size:1em
}

.chosen_feature_button a {
    white-space:nowrap;
    padding:5px;
    margin:3px;
    background-color:#323232;
    color:white;
    border-radius:4px;
    letter-spacing:.7px;
    box-shadow:0 1px 1px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.03),0 4px 4px rgba(0,0,0,0.03),0 8px 8px rgba(0,0,0,0.03),0 16px 16px rgba(0,0,0,0.03)
}

.chosen_feature_button {
    white-space:nowrap;
    float:left;
    margin-bottom:12px
}

.chosen_feature_button a:hover {
    color:#E67717!important
}

.chosen_feature_button {
    white-space: normal;
    float: left;
    background: var(--color-orange-light);
    color: var(--color-black);
    position: relative;
    padding: .5em .5em .5em 2em;
    margin: 0 5px 5px 0;
    border-radius: 5px;
}

.chosen_feature_button--all {
    background:var(--color-lightgrey-66);
    color:var(--color-white);
    white-space:nowrap;
}

.close_filter {
    color:var(--color-orange);
    font-size:22px;
    position:absolute;
    left:-2px
}

.chosen_feature_button:hover {
    background:var(--color-orange);
    color:var(--color-white)!important
}

.chosen_feature_button:hover .close_filter {
    color:var(--color-white)
}

/* ------------------------------------------------
----- Breadcrumb
------------------------------------------------ */
.breadcrumb-container {
    padding:24px 32px 0 0;
    margin-bottom:24px
}

.breadcrumb-container > div {
    flex:0 0 auto;
    padding-top:0;
    padding-bottom:0
}

.breadcrumb {
    display:flex;
    align-items:flex-start;
    flex-direction:row;
    color:var(--color-orange);
    /*font-variant:small-caps;*/
    line-height:28px
}

.breadcrumb li {
    margin-right:10px
}

.breadcrumb a {
    color:var(--color-orange);
    text-decoration:underline;
    padding: 0;
    margin-left: .65em;
}

.breadcrumb li:first-child a {
    margin-left:0
}

.filters {
    /*font-variant:small-caps;*/
    /*font-size:1.2em*/
    font-size: .9em;
}

#mobile-filters-button {
    position: relative;
    left:.3em;
}

.help-cursor {
    cursor:help
}

.breadcrumb-separator {
    /*border-bottom:1px solid var(--color-lightgrey-ef);
    margin-bottom:.5em*/
}

/* ------------------------------------------------
----- Pagination
------------------------------------------------ */
.pagination-container {
    float:right
}

.pagination-link {
    color:var(--color-orange);
    border-color:var(--color-orange);
    top:-2px;
    min-width:30px !important;
}

.pagination-link:hover {
    background-color:var(--color-orange) !important;
    border-color:var(--color-orange);
}

.pagination-link:after {
    content: "";
    display: inline-block;
    width:20px;
    height:20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pagination-link-first:after { background-image:url(/images/arrows/arrow-first.svg); background-position-y: 0 }
.pagination-link-prev:after { background-image:url(/images/arrows/arrow-prev.svg); background-position-y: 0 }
.pagination-link-next:after { background-image:url(/images/arrows/arrow-next.svg); background-position-y: 0 }
.pagination-link-last:after { background-image:url(/images/arrows/arrow-last.svg); background-position-y: 0 }
.pagination-link-first:hover:after { background-position-y: -20px }
.pagination-link-prev:hover:after { background-position-y: -20px }
.pagination-link-next:hover:after { background-position-y: -20px }
.pagination-link-last:hover:after { background-position-y: -20px }

.pagination-link--inactive, .pagination-link--inactive:hover {
    cursor:not-allowed;
    color:var(--color-lightgrey-ef);
    border-color:var(--color-lightgrey-ef);
    background-color: var(--color-white) !important;
}

.pagination-link--inactive.pagination-link-first:after { background-position-y: -40px }
.pagination-link--inactive.pagination-link-prev:after { background-position-y: -40px }
.pagination-link--inactive.pagination-link-next:after { background-position-y: -40px }
.pagination-link--inactive.pagination-link-last:after { background-position-y: -40px }

/* ------------------------------------------------
----- Footer
------------------------------------------------ */
.footer {
    background-color:var(--color-darkblack);
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    border-top:2px solid var(--color-orange);
    color:var(--color-lightgrey-d5);
    margin-bottom:0;
    padding:3rem 0;
    font-size:1.1em;
    margin-left:0;
    margin-right:0
}

.footer-title {
    color:var(--color-lightgrey-ef);
    margin-bottom:20px;
    font-size:1rem;
    font-weight:600;
    line-height:1.125;
    letter-spacing:1px;
    text-transform:uppercase
}

.footer a {
    color:var(--color-orange);
    text-decoration:none
}

.footer strong {
    color:var(--color-lightgrey-db)
}

.footer a:hover {
    color:var(--color-white)
}

.navfooter a {
    color:var(--color-white) !important;
}

.navfooter a:hover {
    color:var(--color-orange) !important;
}

.cards-payment img {
    width:70px
}

/* ------------------------------------------------
----- User section
------------------------------------------------ */
.menu--container {
    width:100%;
    max-width:500px;
    margin:0 auto;
    background: var(--color-lightgrey-f5);
    text-align:center !important;
}

.menuselect {
    height:40px;
    font-size:1.2em;
    color:var(--color-orange);
    padding:0 5px
}

.tabs li.is-active a {
    border-bottom-color:var(--color-orange);
    color:var(--color-orange)
}

.select:not(.is-multiple):not(.is-loading)::after {
    border-color:var(--color-orange);
    right:1.125em;
    z-index:4
}

.infos-message {
    text-align:center;
    font-size:1.3em
}

.required-fields {
    font-size:1em;
    color:var(--color-orange);
    font-weight:700
}

.required {
    display: none;
}

/* Page User - order_detail.inc.php */
.bottom-hr {
    border-bottom:1px solid rgba(126,126,126,0.2);
    margin-bottom:32px;
    padding-bottom:32px
}

/* Page User - order.in.php */
.order-title-line {
    flex:1 1 0;
    font-size:.9em
}

.order-total-price {
    flex:0 0 150px;
    font-size:1.2em;
    text-align:right
}

.order-invoice-box {
    display:flex;
    justify-content:space-between;
    align-items:center
}

.accepted {
    /*background:linear-gradient(90deg,rgba(250,250,250,1) 66%,rgb(209,224,255) 100%);*/
    border-right:6px solid #4bb4ff
}

.toBeTreated {
    /*background:linear-gradient(90deg,rgba(250,250,250,1) 66%,rgb(195,255,255) 100%);*/
    border-right:6px solid #66f8ff
}

.cancelled {
    /*background:linear-gradient(90deg,rgba(250,250,250,1) 66%,rgba(255,224,193,1) 100%);*/
    border-right:6px solid #ffad5e
}

.closemsg {
    /*background:linear-gradient(90deg,rgba(250,250,250,1) 66%,rgba(255,224,193,1) 100%);*/
    border-right:6px solid var(--color-red)
}

.shipped, .openmsg {
    /*background:linear-gradient(90deg,rgba(250,250,250,1) 66%,rgba(232,255,238,1) 100%);*/
    border-right:6px solid #77ff77
}

.part_shipped {
    /*background:linear-gradient(90deg,rgba(250,250,250,1) 66%,rgb(236,255,216) 100%);*/
    border-right:6px solid #77ff77
}

.offer {
    /*background:linear-gradient(90deg,rgba(250,250,250,1) 66%,rgb(181,150,247) 100%);*/
    border-right:6px solid #b38aff
}

.offer-req {
    /*background:linear-gradient(90deg,rgba(250,250,250,1) 66%,rgb(181,150,247) 100%);*/
    border-right:6px solid #b38aff
}

/* Page User Data */
.user-data-content {
    margin:auto;
    margin-top:60px;
    width:50vw
}

.user-data-content-form {
    display:flex;
    margin:10px
}

.form-label {
    min-width:20vw;
    background-color:rgba(60,60,60,0.1);
    padding:6px;
    border-radius:3px
}

.form-label-login {
    min-width:10vw;
    background-color:rgba(60,60,60,0.1);
    padding:6px;
    border-radius:3px
}

.form-label-getpass {
    min-width:14vw;
    background-color:rgba(60,60,60,0.1);
    padding:6px;
    border-radius:3px
}

.user-data-select {
    padding-left:0
}

/* ------------------------------------------------
----- Prodimex
------------------------------------------------ */
.promos {
    color:var(--color-orange);
    font-size:1.2em;
    text-decoration:none
}

.price {
    margin:0 6px 4px;
    color:var(--color-orange-price);
    font-size:1.4rem;
    font-weight:900;
    white-space:nowrap
}

.front-page-price {
    float:right;
    color:var(--color-darkblack);
    letter-spacing:1.3px;
    margin-right:-16px;
    margin-top:10px;
}

.front-page-price--old {
    float:right;
    color:var(--color-darkblack);
    letter-spacing:1.3px;
    margin-right:-16px;
    margin-top:10px;
}

.front-page-price--action {
    position: absolute;
    top:2em;
    right: 1em;
    rotate: 15deg;
}

.price-tag {
    font-size:.9em!important;
    font-weight:600;
    box-shadow:0 1px 1px rgba(0,0,0,0.06),0 2px 2px rgba(0,0,0,0.02),0 4px 4px rgba(0,0,0,0.06)
}

#indicator {
    display:none;
    margin-left:-135px;
    position:absolute;
    top:27px;
    vertical-align:middle
}

/* ------------------------------------------------
----- Pages + produits
------------------------------------------------ */
.front-page-section-line {
    display:flex;
    justify-content:space-around
}

.front-page-section-title {
    display:inline-block;
    height:14px;
    font-size:1.5em;
    font-weight:700;
    margin:10px 40px 20px;
    white-space:nowrap;
    text-transform:uppercase;
    color:var(--color-darkblack);
    letter-spacing:1.2px
}

.front-page-hr {
    width:100%;
    border:1px solid var(--color-lightgrey-f5)!important;
    margin-right:20px;
    box-shadow:0 1px 1px rgba(0,0,0,0.08),0 2px 2px rgba(0,0,0,0.08),0 4px 4px rgba(0,0,0,0.08),0 8px 8px rgba(0,0,0,0.08),0 16px 16px rgba(0,0,0,0.08),0 32px 32px rgba(0,0,0,0.08)
}

.img-product {
    margin-bottom:4px;
    margin-left:14px;
    border-radius:6px;
    border:1px solid var(--color-lightgrey-ef);
    box-shadow:0 1px 1px rgba(0,0,0,0.022),0 2px 2px rgba(0,0,0,0.012),0 4px 4px rgba(0,0,0,0.012),0 8px 8px rgba(0,0,0,0.012),0 16px 16px rgba(0,0,0,0.012)
}

.product-id {
    position:absolute;
    bottom:1em;
    width:100%
}

.product-ref {
    color:var(--color-lightgrey-bc);
    font-size:12px;
}

.img-layer {
    background-color:rgba(255,255,255,0.8);
    border:1px solid var(--color-lightgrey-ef);
    border-radius:3px;
    box-shadow:0 2.2px 2.4px rgba(0,0,0,0.045),0 5.3px 5.9px rgba(0,0,0,0.063),0 9.9px 11px rgba(0,0,0,0.073),0 17.6px 19.7px rgba(0,0,0,0.078),0 33px 36.8px rgba(0,0,0,0.085),0 79px 88px rgba(0,0,0,0.11);
    left:0;
    padding:5px;
    position:absolute;
    top:0;
    visibility:hidden;
    z-index:99999
}

.line-in-text {
    text-decoration:line-through
}

.listview {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap
}

/* Page Produit Items */
.action {
    position:absolute;
    top:-40px;
    right:10px
}

.product-tag {
    letter-spacing:1.2px;
    text-transform: uppercase;
    align-items:center;
    border-radius:4px;
    display:inline-block;
    padding: 2px 1em;
    white-space:nowrap;
    font-size:.75em;
    font-weight: 600;
}

.product-tag--action {
    background-color:var(--color-red);
    color:var(--color-white);
}

.product-tag--cashback {
    background-color: #f6bc00;
    color:var(--color-white);
}

.product-tag--new {
    background-color:#5658d2;
    color:var(--color-white);
}

/*.card-vignette .product-tag--action {
    position: absolute;
    top:1em;
    right: .5em;
}*/

.label_price_brands {
    display:block;
    align-items:center;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    vertical-align:middle;
    padding: 5px 30px 5px 0;
    position: relative;
}

.filter_products_found {
    color:var(--color-orange);
    vertical-align:middle;
    position: absolute;
    right: 0;
}

.filter_products_found strong {
    font-weight: 400;
    color:var(--color-orange);
}

.brand {
    /*color:var(--color-orange);
    font-size:.7em;*/
    text-align:center
}

.ITEMS-products-list-container h2 {
    margin-right: 200px;
}

.tag-container {
    position: absolute;
    top:1em;
    right:1em
}

.card-listemini .tag-container {
    position: relative;
    top: -.25em;
    right: 0;
    text-align: right;
}

.ITEMS-products-list-container .tag-container { right:1.75em }

.card-vignette .tag-container {
    top:0;
    position: relative;
    text-align: right;
}

.tag-container--details {
    top:3.5em;
}

.stock-state {
    background-color:var(--color-orange);
    color:var(--color-white);
    font-variant:small-caps;
    align-items:center;
    border-radius:4px;
    display:inline-block;
    padding: 2px 1em;
    white-space:nowrap;
    font-size:.75em;
    font-weight: 600;
}

.features_html .stock-state {
    background-color: var(--color-lightgrey-db);
    color:var(--color-black);
    font-variant: normal;
    /** @note add by reuf 26.02.2024 */
    margin: 0 3px 3px 0;
}

.stock-age {
    background-color:var(--color-red);
    color:var(--color-white);
    font-variant:small-caps;
    align-items:center;
    border-radius:4px;
    display:inline-block;
    padding: 2px 1em;
    white-space:nowrap;
    font-size:.75em;
    font-weight: 600;
}

.product_thumb {
    background:rgba(30,30,30,0.9);
    border-radius:3px;
    color:var(--color-white);
    display:none;
    min-height:180px;
    padding:12px;
    position:absolute;
    top:60px;
    width:260px;
    font-size:1.1em;
    line-height:1.6;
    white-space:normal;
    box-shadow:0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07)
}

.product-name-product {
    letter-spacing:1.06px;
    display:block;
    overflow:hidden;
    font-weight:600;
    color:var(--color-black)
}

.product-text {
    position:relative;
    color:var(--color-lightgrey-66);
    font-size:1em;
    line-height:24px;
    padding-bottom:2em;
    /*padding-right: 2em;*/
}

.ITEMS-accessories .product-text {
    font-size: 12px;
    padding: 10px;
}

.product-text-multiline {
    overflow:hidden;
    height:175px
}

.product-text-ellipsis {
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}

.product-text-multiline:hover {
    overflow:visible
}

.product-text-multiline:hover .product-text-ellipsis {
    display:block;
    position:absolute;
    background:var(--color-white);
    z-index:100;
    padding:2px;
    top:-3px;
    left:-3px;
    border:1px solid var(--color-lightgrey-d5)
}

.product-text > a.promo-link {
    color:var(--color-orange);
    font-weight:800;
    font-size:1.1em
}

.productpage-product-pic {
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
    display:flex;
    justify-content:center;
    padding-top:10px
}

/* BULMA */
.notification {
    text-align:center!important;
    font-size:1.3em!important;
    transition-property:all!important;
    transition-duration:2s!important;
    transition-timing-function:cubic-bezier(0,1,0.5,1)!important
}

.table td,.table th {
    vertical-align:top;
    border: 1px solid var(--color-lightgrey-ef);
    border-width: 0 0 1px;
}

th {
    background-color:#eee;
    color:#333;
    text-align:center;
    vertical-align:middle;
    /*font-size:1.1em*/
}

.box {
    color:unset!important
}

.tabs-client--content .box {
    box-shadow: none;
    background-color: var(--color-lightgrey-f5);
}

.tabs a {
    color:unset
}

.tabs.is-boxed li.is-active a {
    background-color:rgba(180,180,180,0.2)!important;
    border-color:rgba(140,140,140,0.2)!important
}

.tabs.is-boxed a:hover {
    background-color:rgba(180,180,180,0.3)!important;
    border-color:rgba(140,140,140,0.3)!important
}

.tabs ul {
    border-bottom-color:rgba(120,120,120,0.3)!important
}

.field:not(:last-child) {
    margin-bottom:.4rem
}

.file-cta,.file-name,.pagination-ellipsis,.pagination-link,.pagination-next,.pagination-previous {
    height:2em
}

/* tags */
.product-text > div > .tag:not(body) {
    padding:4px 6px!important;
    height:unset!important;
    white-space:unset!important;
    font-size:.75em
}

.product-text > div > span > a {
    padding:0 6px!important;
    margin:0 6px 0 2px;
    background-color:var(--color-orange);
    color:var(--color-white);
    border-radius:4px
}

/* ------------------------------------------------
----- Client section
------------------------------------------------ */

.tabs-client--menu {
    border-right: 1px solid var(--color-lightgrey-f5);
}

.tabs-client--menu ul {
    display: block;
    width: 100%;
    padding: 0 2em 0 0;
}

.tabs-client--menu ul li a {
    display: block;
    padding: .75em 1em;
    border-bottom: 1px solid var(--color-lightgrey-f5);
    /*background-color: var(--color-lightgrey-f5);*/
}

.tabs-client--menu ul li a:hover,
.tabs-client--menu ul li.is-active a {
    /*background-color: var(--color-orange-light);*/
    color: var(--color-orange);
}

.tabs-client--menu li ion-icon {
    position: relative;
    top:2px;
    margin-right: .75em;
}

.tabs-client--content .form-container {
    max-width: none;
    margin: 0 0 0 2em;
    padding: 0;
}

@media (max-width: 1023px) {

    .tabs-client--menu {
        border: 0;
        background-color: var(--color-lightgrey-f5);
        padding: 1em;
        text-align: center;
        margin-bottom: 2em;
    }

    .tabs-client--menu select {
        width: 100%;
    }

    .tabs-client--content .form-container {
        margin: 0;
    }

}

/* ------------------------------------------------
----- Order Tracking
------------------------------------------------ */
.order-tracking-number {
    font-size:1.4em;
    text-align:center
}

.order-tracking-link a {
    font-size:1.1em!important;
    font-weight:700;
    text-decoration:underline!important
}

.order-tracking-status {
    color:var(--color-black)!important;
    padding:10px;
    text-align:left
}

.order-tracking-status a {
    font-style:italic;
    font-weight:700;
    text-decoration:underline
}

.order-tracking-product-id {
    width:70px
}

/* ------------------------------------------------
----- Tooltip
------------------------------------------------ */

.classic-simpletooltip_container,
.minimalist-simpletooltip_container {
    position: relative;
    display: inline;
}

.classic-simpletooltip_container .js-simple-tooltip,
.minimalist-simpletooltip_container .js-simple-tooltip {
    display: inline-block;
    /*width: 100%;*/
    height: 100%;
    cursor: pointer;
}

.minimalist-simpletooltip {
    position: absolute;
    display: inline-block;
    z-index: 666;
    width: 250px;
    background-color: var(--color-white);
    border: 2px solid var(--color-orange);
    color: var(--color-black);
    text-align: left;
    border-radius: 6px;
    white-space: normal;
    padding: .5em;
    text-align: left;
    font-size: 14px;
    right:calc(100% - 138px);
    top: 1.8em;
}

.classic-simpletooltip {
    position: absolute;
    display: inline-block;
    /*right: auto;
    top: -0.5em;
    left: 100%;
    margin-left: .5em;*/
    right: calc(50% - 60px);
    top: 2.5em;
    z-index: 2000000;
    width: 120px;
    white-space: nowrap;
    border-radius: .5em;
    background: rgba( 50, 50, 50, .9 );
    color: #eee;
    font-size: 14px;
    padding: .25em .75em;
    text-align: center;
    line-height: 1.3;
}

.classic-simpletooltip[aria-hidden="true"],
.minimalist-simpletooltip[aria-hidden="true"] {
    display: none;
}

.minimalist-simpletooltip:after {
    content: '';
    position: absolute;
    left: -1em;
    right: -1em;
    bottom: -1em;
    top: -1.2em;
}

.classic-simpletooltip::before {
    content: '';
    speak: none;
    position: absolute;
    z-index: 2000000;
    width: 5px;
    height: 5px;
    top: -5px;
    left: calc(50% - 2.5px);
    /*margin-left: -5px;*/
    margin-top: -5px;
    border: 5px solid transparent;
    border-bottom: 5px solid rgba( 0, 0, 0, .9 );
}
.minimalist-simpletooltip::before {
    content: '';
    speak: none;
    position: absolute;
    z-index: 666;
    width: 10px;
    height: 10px;
    top: -20px;
    right: calc(50% - 10px);
    border: 10px solid transparent;
    border-bottom: 10px solid var(--color-orange)
}

.cart-area .dispo-badge {
    display: inline-block;
    padding: 8px 4px 4px 4px;
    font-size: 12px;
    color:var(--color-black);
    position: relative;
    text-align: left;
    white-space: nowrap;
}

.cart-area .dispo-badge .dispo-badge--title {
    position: relative;
    top:-6px;
    font-weight: bold;
    white-space: nowrap;
}

.card-listemini .minimalist-simpletooltip_container {
    width: 60px;
}

.card-listemini .cart-area .dispo-badge {
    padding: 0;
    position: relative;
    top:4px
}

.card-vignette .cart-area .dispo-badge {
    background: var(--color-white);
    display: block;
}

.card-vignette .minimalist-simpletooltip {
    right: calc(100% - 125px);
    top: 2.5em;
}

.askquestion {
    display: inline-block;
    margin-top:2px;
    background: var(--color-white);
    border-radius: 5px;
    padding: 2px 5px 5px 5px;
    font-size: 14px;
}

.askquestion--box {
    font-size: 16px;
    font-weight: bold;
}

.askquestion ion-icon {
    font-size: 18px;
    line-height: 14px;
    position: relative;
    top: 4px;
}

.askquestion--text {
    font-size: 0.9em;
    white-space: nowrap;
}

.askquestion--box .askquestion--text {
    font-size: 1em;
}

.card-listemini .askquestion--text {
    display: none;
}

.card-listemini .bg-white {
    background: transparent;
}

/* --- cart_bottom --- */

#cart_bottom {
    position:fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width:100%;
    background: var(--color-white);
    border-top:1px solid var(--color-orange);
    visibility:hidden;
    margin-bottom:-100%;
    z-index:900000000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#cart_bottom.open {
    visibility: visible !important;
    margin-bottom: 0 !important;
}


/* --- front page --- */
#main_content {
    display:flex;
    justify-content:space-between
}

#main_content .column {
    display:flex
}

.sct-front-page-content {
    padding:24px 0
}

.front-page-content-same-height {
    display:flex
}

.front-page-product {
    border:1px solid var(--color-lightgrey-ef);
    border-radius:7px;
    padding:10px;
    width: 100%;
    /*box-shadow:0 1px 1px rgba(0,0,0,0.012),0 2px 2px rgba(0,0,0,0.012),0 4px 4px rgba(0,0,0,0.012),0 8px 8px rgba(0,0,0,0.012),0 16px 16px rgba(0,0,0,0.012)*/
}

.front-page-product:hover {
    /*background:linear-gradient(0deg,rgba(30,30,30,0.1) 0%,rgba(30,30,30,0.03) 100%);
    border:1px solid rgba(255,255,255,0.2);
    box-shadow:0 1px 2px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.07),0 4px 8px rgba(0,0,0,0.07),0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.07),0 32px 64px rgba(0,0,0,0.07);
    transition:all .3s ease-in*/
    border:1px solid var(--color-lightgrey-d5);
    color:var(--color-black)
}

.container-main {
    overflow:hidden;
    margin-bottom:40px;
    border-radius:6px;
    background-color:var(--color-white);
    box-shadow:0 2.8px 2.2px rgba(0,0,0,0.034),0 6.7px 5.3px rgba(0,0,0,0.048),0 12.5px 10px rgba(0,0,0,0.06),0 22.3px 17.9px rgba(0,0,0,0.072),0 41.8px 33.4px rgba(0,0,0,0.086),0 100px 80px rgba(0,0,0,0.12)
}

.login-txt {
    font-weight:700;
    color:var(--color-orange)
}

.product-name {
    font-size:16px !important;
    letter-spacing:.8px;
    text-overflow:ellipsis;
    display:block;
    overflow:hidden;
    white-space:normal;
    min-width:250px;
    margin-left:0!important
}

.product-id1 {
    font-size:14px !important;
}

.frontpage-model .product-name {
    font-size:1.2em!important;
}

.product-name-small {
    font-size: 1em !important;
}

.acc-product-name {
    font-size:1.1em;
    text-overflow:ellipsis;
    display:block;
    overflow:hidden
}

.acc-product-name .card-content {
    height:100%;
    padding:.5em;
}

.product-title {
    min-height: 50px;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.slider-image {
    width:100%;
    padding:10px
}

.frontpage-product-pic {
    padding-bottom:2em;
    width:100%;
    text-align: center;
}

.frontpage-product-pic > img {
    display:block;
    margin:0 auto;
    width:75%;
    height: 150px;
    object-fit: contain;
}

.front-page-product {
    padding-bottom:20px;
    animation:fadein 2s
}

.frontpage-model > a {
    text-overflow:ellipsis;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    width:250px
}

.frontpage-product-pic img {
    margin-top:10px;
    margin-bottom:10px;
    width:calc(100% - 10px)
}

/* Pages Produits */
.sales {
    font-size:1em;
    text-decoration:line-through;
    color:#969696
}

.product-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px
}

.column.box {
    margin:0
}

.product-intro {
    display:flex;
    justify-content:space-between;
    margin:0 0 1rem!important
}

.product-intro > div {
    flex:0 0 50%;
    max-width:50%
}

.product-intro > div:first-child {
    margin-right:24px;
    flex:0 0 calc(50% - 24px)
}

.product-item-row {
    display:flex;
    justify-content:space-around;
    align-items:center;
    margin-right:16px;
    padding:10px;
    margin-top:2px;
    margin-bottom:6px
}

.product-item-row:hover {
    border-radius:6px;
    background:linear-gradient(90deg,rgba(255,255,255,0) 53%,rgba(222,222,222,0.36) 100%);
    box-shadow:0 1px 1px rgba(0,0,0,0.06),0 2px 2px rgba(0,0,0,0.012),0 4px 4px rgba(0,0,0,0.02),0 8px 8px rgba(0,0,0,0.05)
}

.product-item-row-image {
    padding:10px;
    flex:1
}

.product-item-row-content {
    padding:10px;
    flex:4
}

.product-item-row-price {
    padding:10px;
    flex:1;
    display:flex;
    align-items:center;
    align-content:space-around;
    flex-direction:column
}

.product-item-row-cart {
    padding:10px;
    flex:1
}

.product-list-item-price {
    font-size:1.2em
}

.qty {
    font-size:1.16em;
    color:var(--color-darkblack);
    text-align:center;
    font-weight:700
}

.card-vignette,.thumb-product-name,.thumb-brand {
    color:var(--color-black)
}

.product_thumb {
    z-index:40000
}

.zoom {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* PAGE PRODUCTS LIST - items.php */
/*.filter_opts {
    list-style:none;
    padding:2px;
    overflow:hidden;
}

.filter_opts > li {
    width:100%;
    align-items:center;
    padding-left:0
}

.filter_opts > li:hover {
    border-radius:6px;
    transition:background-color .5s;
    cursor:pointer
}

.filter_products_found {
    font-size:1.2em
}*/

.filter_opts > li {
    border-bottom:1px solid var(--color-lightgrey-f5);
}

.filter_opts > li:last-child {
    border-bottom: 0;
}

.item-list-stock-icon {
    padding-top:35px
}

.item-price {
    /*float:left;*/
    line-height:22px;
    white-space:nowrap;
    padding: .5em 1em;
    border:1px solid var(--color-lightgrey-db);
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    margin: 0;
    min-width: 200px;
}

.thumb-info-icon {
    cursor:pointer;
    float:right
}

.thumb-subgroup {
    color:var(--color-lightgrey-bc);
    font-size:1em;
    font-weight:bolder
}

.thumb-product-name {
    color:var(--color-black);
    height:50px;
    padding-top:5px
}

.thumb-brand {
    color:var(--color-darkblack);
    font-size:1.4em;
    font-weight:700;
    text-align:center
}

.thumb-price-qty-box {
    float:right;
    line-height:25px;
    text-align:right;
    vertical-align:middle;
    width:230px
}

.thumb-manual-link {
    float:right;
    margin-left:225px;
    position:absolute;
    top:80%
}

.thumb-product-pic {
    height:80px;
    text-align:right
}

.ITEMS-products-list {
    padding:0
}

.ITEMS-products-list-container {
    overflow:visible;
    border:1px solid rgba(255,255,255,0.02)
}

.ITEMS-products-list-container:hover {
    background:linear-gradient(0deg,rgba(30,30,30,0.1) 0%,rgba(30,30,30,0.03) 100%);
    border:1px solid rgba(255,255,255,0.2);
    box-shadow:0 1px 2px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.07),0 4px 8px rgba(0,0,0,0.07),0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.07),0 32px 64px rgba(0,0,0,0.07);
    transition:all .3s ease-in
}

.ITEMS-products-list-content {
    display:flex;
    justify-content:space-between;
    align-items:center
}

.ITEMS-products-list-content-img {
    flex-grow:1
}

.ITEMS-products-list-content-img img {
    filter:contrast(105%)
}

.ITEMS-products-list-content-infos {
    flex-grow:1;
    flex-basis:auto
    /*order: 2;*/
}

.ITEMS-products-list-content-cart-area {
    flex-grow:1;
    display:flex;
    align-items:stretch;
    justify-content:flex-end
    /*order: 3;*/
}

.item-list-stock-icon {
    padding:12px 0
}

.ITEMS-accessories {
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:stretch;
    overflow:hidden;
    margin-bottom:20px;
    margin-right:10px
}

.splide__track {
    padding:4px 14px 14px
}

.splide__slide {
    min-width:320px
}

.splide__arrow--prev {
    left:0!important
}

.splide__arrow--next {
    right:0!important
}

.ITEMS-accessories-card {
    overflow:visible!important;
    display:inline-block;
    text-align:center
}

.ITEMS-accessories-content {
    display:flex;
    flex-direction:column;
    height:100%
}

.ITEMS-accessories-content > div {
    margin-bottom:12px
}

.ITEMS-accessories-content > div:last-child {
    margin-bottom:0
}

.ITEMS-accessories-content .price {
    margin:0
}

.price-discount {
    padding: 1px 8px;
    border: 1px solid var(--color-lightgrey-db);
    border-bottom: 0;
    display: block;
    border-radius: 4px 4px 0 0;
}

.product-price-disabled {
    border: 1px solid var(--color-lightgrey-db);
    font-size: 12px;
    border-radius: 0 0 4px 4px;
    border: 1px solid var(--color-lightgrey-db);
    border-top: 0;
    display: block;
}

.product-form .input { border-radius: 0 0 0 4px; border-right:0; padding: 0  }
.product-form .button.caddie--w100 { border-radius: 0 0 4px 0 !important; padding: 0; }

.acc-product-name .button.caddie--w100 {
    width:calc(100% - 2px) !important;
}

.card-vignette {
    padding:12px;
    display:flex;
    flex-direction:column;
    justify-content:center
    /*align-items: center;*/
}

.card-vignette .thumb-product-name {
    height:110px;
    margin-bottom:12px;
    white-space:normal;
    text-align:left;
    padding:0;
    overflow:hidden;
    font-size:1em!important
}

.card-vignette .thumb-brand {
    font-size:1.3em
}

.card-vignette .thumb-product-pic {
    margin:24px auto;
    text-align:center
}

.card-vignette .thumb-price-qty-box {
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    display: none;
}

.card-vignette:hover .thumb-price-qty-box {
    display: block;
}

.card-vignette .thumb-price-qty-box .cart-area {
}

.card-listemini {
    font-size: 1em;
}

.card-listemini .cart-area .product-prices {
    display: inline-block;
}

.card-listemini .col--input { display: none; }

.card-listemini .cart-area .item-price {
    border: 0;
    padding: 0;
    font-size: 1.1em;
    min-width: auto;
    text-align: center;
}

.card-listemini .cart-area .price-discount {
    border: 0;
    padding: 0;
}

.card-listemini .cart-area {
    background-color: var(--color-white) !important;
    text-align: right !important;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card-listemini .cart-area form, .card-listemini .product-price-disabled {
    display: inline-block;
    border: 0;
    margin-left: 0;
    margin-top: 0;
}

/*
 */
.card-listemini .cart-area {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: stretch;
    vertical-align: middle;
    background: var(--color-lightgrey-f5) !important;
}

.card-listemini .cart-area .product-prices {
    flex: 0 0 65%;
    align-self: center;
    justify-content: center;
    text-align: center;
}

.card-listemini .cart-area .product-form {
    flex: 0 0 35%;
    display: inline-block;
}

.card-listemini .cart-area--option {
    flex: 0 0 100%;
    /* display: inline-block;*/
}

.card-listemini .product-form .button.caddie--w100 {
    width:100%
}

.card-listemini .cart-area--option {
    background: var(--color-white);
    padding-top: 2px;
}

.card-listemini .compare-product--title {
    display: none;
}

.card-listemini .wishlist-product--title {
    display: none;
}

/*
 */

.card-listemini .product-price-disabled {
    max-width: 100px;
    text-align: center;
}

/*.card-vignette .cart-form-price {
    display:block;
    margin-bottom:10px
}

.card-vignette .price {
    position:absolute;
    right:1em;
    top:15px;
    display:inline-block;
    white-space:nowrap
}

.card-vignette .price-discount {
    position:absolute;
    top:-1em;
    right:.5em;
    display:inline-block;
    white-space:nowrap
}

.card-vignette .price-discount .price {
    color:var(--color-lightgrey-bc)
}*/

.thumb-three-style {
    border:none
}

/* PAGES SEARCH RESULTS - items.php */
.filter_selected {
    background-color:var(--color-green)
}

/* ------------------------------------------------
----- Nav Filter (current)
------------------------------------------------ */
.bubble_layer {
    background-color:#fff;
    opacity:1;
    box-shadow:2px 2px 5px #323232;
    display:none;
    height:auto;
    margin-top:2px;
    left:0;
    padding:1px;
    position:absolute;
    width:1108px;
    z-index:16;
    min-height:400px
}

.bubble_layer > ul > li > a {
    color:#323232;
    display:block;
    line-height:1.2em;
    white-space:nowrap;
    padding:2px;
    font-size:1.1em
}

.bubble_layer > ul > li > a:hover {
    background-color:#323232;
    color:#fff
}

.bubble_layer_ul {
    clear:none;
    float:left;
    left:0;
    list-style:none none;
    margin:0;
    padding:10px;
    position:relative;
    text-align:left;
    width:180px;
    color:#fff
}

.bubble_layer_ul_right {
    background-color:#fff;
    width:900px;
    float:left;
    border-left:1px solid #e6e6e6;
    padding-left:5px
}

.bubble_layer_ul_right > li {
    list-style:none
}

.bubble_layer_ul_right > li > a {
    background-color:transparent;
    display:inline
}

.bubble_layer_ul_right > li > a:hover {
    background-color:transparent
}

/*#tree {
    padding-right:14px
}

#tree ul li {
    padding-left:10px
}

#tree ul ul li a.disabled {
    color:lightslategray;
    background:transparent
}

#tree ul ul li a.disabled:hover {
    background-color:white;
    color:lightslategray;
    cursor:default
}

#tree ul ul li a.choosen_filter {
    background-color:var(--color-darkblack);
    border-radius:2px;
    color:var(--color-white)
}

#tree ul ul li a.choosen_filter span {
    margin-left:-15px
}

#tree ul li ul li {
    font-size:.9em;
    color:var(--color-orange);
    cursor:pointer;
    margin-left:15px;
    position:relative;
    line-height:16px;
    height:26px;
    padding-left:0
}

#tree ul li ul li.hidden {
    display:none
}

#tree ul li ul li.show_more {
    float:right;
    color:grey
}

#tree ul li a:hover,#tree ul li ul li a:hover,#tree ul li ul li a span:hover {
    background-color:var(--color-darkblack);
    border-radius:2px;
    color:white;
    transition:all .06s ease-in
}

#tree ul li a {
    display:inline-block;
    width:100%;
    font-size:1.2em;
    padding:4px;
    transition:all .3s ease-in
}

#tree ul li ul li a {
    color:var(--color-orange);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    float:left;
    width:99%
}

#tree ul li ul.sub li a::first-letter {
}

#tree ul li ul li span {
    color:var(--color-orange);
    position:absolute;
    right:10px;
    top:4px
}

#tree ul li ul {
    position:relative;
    border:none
}

#tree ul li ul li.filter_name {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.1em;
    font-weight:bolder;
    color:var(--color-darkblack);
    margin-left:5px;
    margin-bottom:4px;
    border-bottom:1px solid rgba(40,40,40,0.2);
    height:40px;
    padding:15px;
    border-top:1px solid rgba(40,40,40,0.2)
}

#tree li.active a {
    color:var(--color-white)
}

#tree li.active a,#tree li.active li a,table.payingMethods tr:hover {
    color:var(--color-white)
}

#tree ul {
    list-style-type:none;
    margin:0;
    padding:0
}

#tree li.open ul {
    display:block
}

#tree .sub {
    background:var(--color-lightgrey-fb);
    border-radius:3px
}

#tree .sub .chevron-up::after {
    content:"\2039";
    font-size:1.5em;
    vertical-align:middle;
    transform:rotate(90deg);
    display:inline-block;
    float:right;
    padding-right:10px;
    padding-top:10px
}

#tree .sub .chevron-down::after {
    content:"\203A";
    font-size:1.5em;
    vertical-align:middle;
    transform:rotate(90deg);
    display:inline-block;
    float:right;
    padding-right:10px;
    padding-top:10px
}

#tree-filters-mobile {
    overflow-x:hidden;
    overflow-y:auto;
    padding-top:64px
}

#tree-filters-mobile ul.sub ul {
    width:100%
}

#tree-filters-mobile ul.sub li.filter_name {
    position:relative;
    line-height:16px;
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.1em;
    font-weight:bolder;
    margin-left:0;
    margin-bottom:4px;
    height:40px;
    padding:10px 15px;
    border-top:1px solid rgba(40,40,40,0.2);
    width:100%;
    color:var(--color-darkblack);
    border-bottom:1px solid rgba(140,140,140,0.5)
}

#tree-filters-mobile ul.sub li {
    font-size:1em;
    cursor:pointer;
    margin-left:0;
    margin-right:0;
    position:relative;
    line-height:16px;
    height:26px;
    padding-left:15px;
    padding-right:15px;
    width:100%
}

#tree-filters-mobile ul.sub li a {
    padding:4px .75em!important;
    color:var(--color-orange);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    float:left;
    width:85%;
    font-size:1.2em
}

#tree-filters-mobile ul.sub li span {
    padding-top:4px;
    padding-bottom:4px
}

#tree-filters-mobile ul.sub li a.choosen_filter {
    background-color:var(--color-darkblack);
    border-radius:2px;
    color:var(--color-white)
}

#tree-filters-mobile ul.sub li a.disabled {
    color:lightslategray!important;
    pointer-events:none
}

#tree-filters-mobile ul.sub li span {
    position:absolute;
    right:20px;
    top:4px;
    color:var(--color-orange)
}

#tree-filters-mobile .sub li::before {
    display:none
}

#tree-filters-mobile .sub .chevron-up::after {
    content:"\2039";
    font-size:1.5em;
    vertical-align:middle;
    transform:rotate(90deg);
    display:inline-block;
    float:right;
    padding-right:10px;
    padding-top:10px;
    position:absolute;
    right:0
}

#tree-filters-mobile .sub .chevron-down::after {
    content:"\203A";
    font-size:1.5em;
    vertical-align:middle;
    transform:rotate(90deg);
    display:inline-block;
    float:right;
    padding-right:10px;
    padding-top:10px;
    position:absolute;
    right:0
}*/

/* needed for old browsers */
dialog {
    display: block;
}
[aria-hidden=true],.invisible {
    display: none;
}
/* removes scroll when modal is opened */
.no-scroll {
    overflow: hidden;
}
/* overlay covers everything */
.simple-modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--color-white);
    opacity: .95;
    z-index: 666; /* satan inside */
    cursor: pointer;
}
/* modal */
.simple-modal {
    position: fixed;
    left: 5%;
    right: 5%;
    top: 5%;
    bottom: 5%;
    width: 90%;
    height: 90%;
    right: auto;
    z-index: 667;
    padding: 2em;
    overflow: auto;
    border: 0;
    background: var(--color-white);
}
.simple-modal__wrapper, .simple-modal__content, #js-modal-content {
    display: block;
    width: 100%;
    height: 100%;
}
.single {
    display: flex;
    height: 100%;
    width: 100%;
    align-self: center;
    justify-content: center;
}
.single img {
    max-height: 500px;
    align-self: center;
}
.simple-modal-title {
    position: absolute;
    margin-right: 20px;
}
.simple-modal-close {
    position: absolute;
    right:0;
    border-radius: 1em;
    color: var(--color-black);
    padding: 0;
    outline: 0;
    text-decoration: none;
    line-height: 1.2;
    font-size: 1.5em;
    text-align: center;
    background: var(--color-white) !important;
    box-shadow: none !important;
    border: 0 !important;
}
.simple-modal-close__text {
    font-size: 1.5em;
}
.simple-modal-close:focus,
.simple-modal-close:hover,
.simple-modal-close:active {
    background: var(--color-white);
    color: #000;
}
.simple-modal-overlay[data-background-click="disabled"] {
    cursor: auto;
}

/* ------------------ */

.simple2-modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--color-white);
    opacity: .65;
    z-index: 666; /* satan inside */
    cursor: pointer;
}
/* modal */
.simple2-modal {
    position: fixed;
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    width: 80%;
    height: 80%;
    right: auto;
    z-index: 667;
    padding: 2em;
    overflow: auto;
    background: var(--color-white);
    border: 1px solid var(--color-black);
}

.simple2-modal-title {
    position: absolute;
    margin-right: 20px;
}
.simple2-modal-close {
    position: absolute;
    right:0;
    border-radius: 1em;
    color: var(--color-black);
    padding: 0;
    outline: 0;
    text-decoration: none;
    line-height: 1.2;
    font-size: 1.5em;
    text-align: center;
    background: var(--color-white) !important;
    box-shadow: none !important;
    border: 0 !important;
}
.simple2-modal-close__text {
    font-size: 1.5em;
}
.simple2-modal-close:focus,
.simple2-modal-close:hover,
.simple2-modal-close:active {
    background: var(--color-white);
    color: #000;
}
.simple2-modal-overlay[data-background-click="disabled"] {
    cursor: auto;
}

.button-modal {
    position: relative;
    z-index: 2;
}

.modal_enlarge {
    background: none !important;
    border:0 !important;
    box-shadow: none !important;
    color:var(--color-black);
    position: absolute;
    top: 0;
    outline: 0;
    right: 0;
    font-size: 25px;
    z-index:2;
}

.modal_enlarge:hover {
    color:var(--color-orange);
}

/* it can be easily adapted in media-queries for tablets/mobile */

/* for this example: tablets */
@media (max-width: 55.625em) {

    .simple-modal {
        left: 5%;
        top: 5%;
        bottom: 5%;
        width: 90%;
    }

}

/* for this example: mobile */
@media (max-width: 44.375em) {

    .simple-modal {
        left: 1%;
        top: 1%;
        max-width: 98%;
        bottom: 1%;
    }

}

/* ------------------------------------------------
----- Modal Cart
------------------------------------------------ */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 50; /* Sit on top */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
}

/* Modal Content */
.modal-content {
    margin: 10px 0 0 0;
    padding: 0px;
    width: 100%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.client-search-container {
    max-height: 600px;
    overflow: auto;
}

/* ------------------------------------------------
----- Cart
------------------------------------------------ */
#feedback-cart {
    position:absolute!important;
    top:80px !important;
    right:0;
    /*background-color:var(--color-white);
    color:var(--color-black);
    border-bottom:1px solid var(--color-lightgrey-ef);
    border-radius:3px;
    box-shadow:0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07);
    display:none;
    font-weight:700;
    height:auto;
    padding:10px;
    width:350px;
    z-index:5000000*/


    border-top: 5px solid var(--color-orange);
    border-right: 5px solid var(--color-orange);
    background: var(--color-white);
    width: 350px;
    display: none;
    margin: auto;
    border-radius: 14px;
    padding:1em;
    box-shadow: -1px 15px 30px -12px black;
    z-index:5000000;
}

.feedback-cart {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:left
}

.feedback-cart span {
    color:var(--color-orange)
}

.feedback-cart a {
    font-weight:700
}

.texte,.cat {
    color:var(--color-black);
    font-size:1em
}

.ind_addr {
    position:absolute;
    margin-left:200px;
    margin-top:-25px;
    vertical-align:middle
}

@keyframes fadein {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

.status,.products,.invoices {
    min-width:100%;
    background:rgba(220,220,220,0.15);
    padding:10px;
    border:1px solid var(--color-lightgrey-ef);
    border-radius:6px;
    box-shadow:0 1px 1px rgba(0,0,0,0.012),0 2px 2px rgba(0,0,0,0.012),0 4px 4px rgba(0,0,0,0.012),0 8px 8px rgba(0,0,0,0.012),0 16px 16px rgba(0,0,0,0.012)
}

.cart-container {
    margin:16px;
    width:calc(100% - 32px);
    border-radius:6px;
    box-shadow:0 1px 1px rgba(0,0,0,0.02),0 2px 2px rgba(0,0,0,0.02),0 4px 4px rgba(0,0,0,0.02),0 8px 8px rgba(0,0,0,0.02),0 16px 16px rgba(0,0,0,0.02)
}

.container-coupon {
    width: calc(100% - 32px);
    border-radius: 6px;
    margin-right: auto;
    margin-left: auto;
}

.cart-container tr {
    vertical-align:middle
}

.cart-steps {
    background-color:var(--color-black);
    display:table-cell;
    vertical-align:center;
    padding:5px 15px;
    margin-left:2px;
    display:table-row;
    vertical-align:center;
    color:var(--color-white)
}

.cart-steps:hover,.cart-steps.selected {
    background:linear-gradient(96deg,rgba(249,141,47,1) 0%,rgba(230,119,23,1) 100%);
    color:var(--color-white)
}

.cart-steps--inactive,.cart-steps--inactive:hover {
    background:var(--color-lightgrey-d5);
    cursor:not-allowed!important
}

.cart-steps:first-child {
    border-bottom-left-radius:14px;
    border-top-left-radius:14px
}

.cart-steps:last-child {
    border-bottom-right-radius:14px;
    border-top-right-radius:14px
}

.cart-steps-msg {
    vertical-align:middle;
    display:table-cell;
    font-size:18px;
}

.cart-step {
    vertical-align:middle;
    display:table-cell;
    font-size:18px;
    padding-right:5px
}

.cart-item-row {
    display:flex;
    justify-content:space-around;
    padding:10px;
    margin-bottom:6px;
    border-radius:2px;
    border:1px solid rgba(135,135,135,0.3);
    box-shadow:0 1px 1px rgba(0,0,0,0.013),0 2px 2px rgba(0,0,0,0.013),0 4px 4px rgba(0,0,0,0.013),0 8px 8px rgba(0,0,0,0.013),0 16px 16px rgba(0,0,0,0.013)
}

.cart-content-header {
    display:flex;
    justify-content:space-around;
    margin-bottom:14px;
    padding:6px;
    font-size:.9em;
    letter-spacing:.6px;
    background-color:var(--color-lightgrey-ef);
    border:1px solid rgba(135,135,135,0.3);
    border-radius:3px;
    box-shadow:0 1px 1px rgba(0,0,0,0.013),0 2px 2px rgba(0,0,0,0.013),0 4px 4px rgba(0,0,0,0.013),0 8px 8px rgba(0,0,0,0.013),0 16px 16px rgba(0,0,0,0.013)
}

.cart-content-footer {
    display:flex;
    align-items:center;
    justify-content:space-around;
    margin-bottom:14px;
    padding:6px;
    font-size:.9em;
    letter-spacing:.6px;
    background-color:var(--color-lightgrey-ef);
    border:1px solid rgba(135,135,135,0.3);
    border-radius:3px;
    box-shadow:0 1px 1px rgba(0,0,0,0.013),0 2px 2px rgba(0,0,0,0.013),0 4px 4px rgba(0,0,0,0.013),0 8px 8px rgba(0,0,0,0.013),0 16px 16px rgba(0,0,0,0.013)
}

.cart-steps > a {
    color:var(--color-white);
    font-size:1.4em;
    text-decoration:none
}

.cart-steps > a.disabled {
    background-color:var(--color-lightgrey-bc);
    font-size:1.4em;
    font-weight:bolder
}

.cart-total-amount {
    font-weight:bolder;
    padding:10px 0;
    text-align:right;
    white-space:nowrap
}

.cart-empty {
    max-width: 350px;
    padding: 1em;
    margin-bottom: 2em !important;
}

.cart-empty ion-icon {
    width:200px;
    height: 200px;
}

.text-line-through {
    text-decoration:line-through
}

.delivery_type {
    background-color:var(--color-white);
    border-radius:6px;
    color:var(--color-black);
    cursor:pointer;
    display:inline-block;
    font-size:1.2em;
    padding:.75em;
    margin:25px;
    vertical-align:middle;
    position: relative;
    box-shadow:0 1px 1px rgba(0,0,0,0.02),0 2px 2px rgba(0,0,0,0.02),0 4px 4px rgba(0,0,0,0.02),0 8px 8px rgba(0,0,0,0.02),0 16px 16px rgba(0,0,0,0.02)
}

.delivery_type_radio {
    float:left;
    margin:0 0 30px;
    width:30px
}

.delivery_type_text {
    margin:0;
    vertical-align:middle
}

.delivery_type:hover {
    border:2px solid var(--color-black);
    background-color:var(--color-lightgrey-db);
    background:linear-gradient(180deg,rgba(250,250,250,1) 0%,rgb(240,240,240) 100%);
    box-shadow:0 1px 1px rgba(0,0,0,0.04),0 2px 2px rgba(0,0,0,0.04),0 4px 4px rgba(0,0,0,0.04),0 8px 8px rgba(0,0,0,0.04),0 16px 16px rgba(0,0,0,0.04)
}

.payments_type {
    background-color:var(--color-white);
    border-radius:6px;
    color:var(--color-black);
    cursor:pointer;
    display:inline-block;
    font-size:1.2em;
    padding:6px;
    padding-left:14px;
    vertical-align:middle;
    position: relative;
    box-shadow:0 1px 1px rgba(0,0,0,0.02),0 2px 2px rgba(0,0,0,0.02),0 4px 4px rgba(0,0,0,0.02),0 8px 8px rgba(0,0,0,0.02),0 16px 16px rgba(0,0,0,0.02);
    min-width:60%;
    width:70%;
    margin:6px
}

.payments_type:hover {
    border:2px solid var(--color-black);
    background-color:var(--color-lightgrey-db);
    background:linear-gradient(180deg,rgba(250,250,250,1) 0%,rgb(240,240,240) 100%);
    box-shadow:0 1px 1px rgba(0,0,0,0.04),0 2px 2px rgba(0,0,0,0.04),0 4px 4px rgba(0,0,0,0.04),0 8px 8px rgba(0,0,0,0.04),0 16px 16px rgba(0,0,0,0.04)
}

.payments_type,.delivery_type {
    background:var(--color-lightgrey-ef);
    border:1px solid var(--color-lightgrey-d5)
}

.payments_type input,.delivery_type .delivery_type_radio {
    display:none
}

.payments_type:hover,.delivery_type:hover,.payments_type--active,.delivery_type--active {
    background:var(--color-lightgrey-d5);
    border:1px solid var(--color-lightgrey-d5);
    border-left:1px solid var(--color-green);
}

.payments_type:hover:after,.delivery_type:hover:after,.payments_type--active:after,.delivery_type--active:after {
    content: "";
    display: inline-block;
    position: absolute;
    left:0;
    top: 0;
    right:0;
    border-left:4px solid var(--color-green);
    width:5px;
    height:100%;
}

.payments_type--img {
    min-width: 120px;
}

.choose-delivery-type {
    background-color:var(--color-white);
    border:3px solid var(--color-orange);
    padding:10px;
    border-radius:6px;
    color:var(--color-black);
    font-size:1.4em;
    min-height:70px
}

.choose-delivery-type-selected {
    background-color:var(--color-orange);
    padding:10px;
    border-radius:6px;
    color:var(--color-white);
    font-size:1.4em;
    min-height:70px;
}

.sucess-anime {
    animation-name:sucess-anime;
    animation-duration:3s
}

@keyframes sucess-anime {
    0% {
        transform:scale(1.5,1.5)
    }

    100% {
        transform:scale(1,1)
    }
}

.order-accepted {
    background-color: #fff;
    color: var(--color-green) !important;
    border: 1px solid var(--color-green) !important;
    padding: 10px 2em !important;
    border-radius:6px;
    color:var(--color-white);
    font-size:2.2em;
    box-shadow:0 1px 1px rgba(0,0,0,0.13),0 2px 2px rgba(0,0,0,0.13),0 4px 4px rgba(0,0,0,0.13),0 8px 8px rgba(0,0,0,0.13),0 16px 16px rgba(0,0,0,0.13)
}

td.shopping-cart {
    padding-top:8px;
    text-align:right;
    text-decoration:none;
    white-space:nowrap;
    width:80px
}

.nowrap {
    white-space:nowrap
}

table.client-info td.label {
    background-color:var(--color-lightgrey-f5);
    font-size:1em;
    padding:10px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap
}

.client-info input {
    padding:10px!important
}

.cart-total {
    font-size:1.25em;
    font-weight:bolder
}

.cart-form {
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
    background-color:var(--color-lightgrey-f5);
    border-radius:6px;
    padding:10px;
    margin-bottom:1rem
}

.cart-form-price {
    margin:4px;
    display:flex;
    justify-content:space-around;
    align-items:center
}

.cart-form-input {
    display:flex;
    align-items:center
}

.cart-form-input input {
    margin-right:5px;
    width:128px
}

.cart-zone {
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:var(--color-lightgrey-f5);
    border-radius:6px;
    padding:10px
}

.cart-zone .dispo {
    margin-right:20px
}

/* ------------------------------------------------
----- Page QOBALT
------------------------------------------------ */

.qobalt-button {
    display: inline-block;
    position: relative;
    width: 30%;
    margin-right: 4%;
    height: 130px;
    overflow: hidden;
    border:1px solid var(--color-orange);
    background: var(--color-white);
    border-radius: 5px;
    box-shadow: 0 6px 12px #00000054;
}

.qobalt-button-fury {
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to top, rgba(243,33,145,1), rgba(107,35,245,1)) 1;
}

.qobalt-button-pro {
    border:1px solid var(--color-darkblack);
}

.qobalt-button:last-child {
    margin-right: 0;
}

.qobalt-button--title {
    position: absolute;
    display: inline-block;
    width:100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.75);
    color: var(--color-orange);
    letter-spacing: 2px;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    z-index: 10;
}

.qobalt-button:hover .qobalt-button--title {
    background: var(--color-orange-light);
    color: var(--color-orange);
}

.qobalt-button--img {
    width: 100%;
    height: 130px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .qobalt-button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }
}

.h1-qobalt {
    font-size: 50px;
    line-height: 50px;
    background-image: var(--color-qobalt);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    margin-top: .5em;
}

.h1-qobalt-big {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

.h1-fury {
    background: linear-gradient(0deg, rgba(243,33,145,1) 0%, rgba(107,35,245,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

.bg-ordinateur:before {
    background:url(../images/bg/pcqobalt.webp) no-repeat center center;
    background-size: 75%;
    content: '';
    position: absolute;
    top:100px;bottom: 0;left: 0;right: 0; opacity: 0.15;
    z-index: 1;
}

.bg-ordinateur div {
    z-index: 2;
    position: relative;
}

/* ------------------------------------------------
----- Carousel Swiper (home + produits + accesoires)
------------------------------------------------ */

.homeCarousel-swiper {
    width:100%;
    overflow:hidden;
    position:relative;
    margin-bottom:32px;
}

.homeCarousel-slide {
    margin-bottom: 2em;
}

.homeCarousel-swiper .swiper-pagination {
    display:inline-block;
    position:absolute;
    bottom:0;
}

.homeCarousel-swiper .swiper-pagination-bullet {
    display: inline-block;
    width:20px;
    height: 20px;
    background: var(--color-black);
}

.homeCarousel-slide .container {
    z-index: 2;
}

.product-swiper {
    overflow:hidden;
    position:relative;
    width: 100%;
    max-width: 400px;
}

.product-swiper .swiper-pagination {
    display:block;
    position:relative;
    bottom:0;
}

.product-swiper .swiper-pagination-bullet {
    display: inline-block;
    width:20px;
    height: 20px;
    background: var(--color-black);
}

.product1-swiper {
    overflow:hidden;
    position:relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.product1-swiper .product-slide div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.product1-swiper .swiper1-pagination {
    display:block;
    position:relative;
    bottom:20px;
    z-index:90000000000
}

.product1-swiper .swiper-pagination-bullet {
    display: inline-block;
    width:20px;
    height: 20px;
    background: var(--color-black);
}

.product1-swipermenu {
    height:80px;
    position: relative;
    bottom:85px;
    text-align:center;
    left:0;
    right: 0;
    width:100%;
}

.product1-swipermenu .product1-wrapper {
    justify-content: center;
}

.product1-swipermenu .product-slide {
    border:1px solid var(--color-lightgrey-ef);
    width:100px !important;
    padding: 4px;
    height:70px;
}

.product1-swipermenu .product-slide img {
    width:100px !important;
    max-height:70px;
}

.accessories-swiper {
    width: 100%;
    position: relative;
}

.accessories-slide {
    text-align: center;
    background: var(--color-white);
    max-width: 100%;
}

.acc-product-name {
    border: 1px solid var(--color-lightgrey-ef);
}

.swiper-button-next,
.swiper-button-prev {
    background: rgba(0,0,0,.5);
    color:var(--color-white);
    padding: 2px 0 0 0;
    display: inline-block;
    width:30px;
    height:30px;
    border-radius: 100%;
    text-align: center;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: var(--color-orange-light);
    color:var(--color-black);
}

.swiper-button-prev:after {
    font-size: 15px;
    font-weight: bold;
    position: relative;
    left:-1px
}
.swiper-button-next:after {
    font-size: 15px;
    font-weight: bold;
    position: relative;
    left:1px
}

/* ------------------------------------------------
----- energy efficiency classes
------------------------------------------------ */
.classAPP,.classAP,.classA,.classB,.classC,.classD,.classE,.classF,.classG {
    position:relative;
    display:inline-block;
    height:18px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:2px;
    margin-bottom:2px;
    padding-left:3px;
    line-height:19px;
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:16px;
    font-weight:700;
    text-align:left;
    text-shadow:0 0 2px rgba(77,77,77,0.49);
    text-transform:uppercase
}

.classAPP::after,.classAP::after,.classA::after,.classB::after,.classC::after,.classD::after,.classE::after,.classF::after,.classG::after {
    content:"";
    position:absolute;
    left:100%;
    border:9px solid transparent;
    border-left:9px solid #fbb900
}

.classAPP > sup,.classAP > sup,.classA > sup,.classB > sup,.classC > sup,.classD > sup,.classE > sup,.classF > sup,.classG > sup {
    position:absolute;
    top:-3px
}

.classAPP {
    width:40px;
    background-color:#63aa5a;
    border-color:#63aa5a
}

.classAPP::after {
    border-left-color:#63aa5a
}

.classAP {
    width:37px;
    background-color:#7bae4a;
    border-color:#7bae4a
}

.classAP::after {
    border-left-color:#7bae4a
}

.classA {
    width:44px;
    background-color:#00a650;
    border-color:#00a650
}

.classA::after {
    border-left-color:#00a650
}

.classB {
    width:51px;
    background-color:#4cbd38;
    border-color:#4cbd38
}

.classB::after {
    border-left-color:#4cbd38
}

.classC {
    width:58px;
    background-color:#b3dc18;
    border-color:#b3dc18
}

.classC::after {
    border-left-color:#b3dc18
}

.classD {
    width:65px;
    background-color:#fff200;
    border-color:#fff200
}

.classD::after {
    border-left-color:#fff200
}

.classE {
    width:72px;
    background-color:#fab20a;
    border-color:#fab20a
}

.classE::after {
    border-left-color:#fab20a
}

.classF {
    width:72px;
    background-color:#f35c19;
    border-color:#f35c19
}

.classF::after {
    border-left-color:#f35c19
}

.classG {
    width:72px;
    background-color:#ed1c24;
    border-color:#ed1c24
}

.classG::after {
    border-left-color:#ed1c24
}

/* ------------------------------------------------
----- ClientRequest
------------------------------------------------ */
.clientRequestTitle {
    display:flex;
    position: relative;
    align-items:center;
    /*background-color:var(--color-lightgrey-ef);
    border-top:1px solid var(--color-white);*/
    border-bottom:1px solid var(--color-lightgrey-d5);
    /*border-radius:6px;*/
    color:var(--color-black);
    font-size:1.1em;
    padding:10px 10px 10px 30px;
    /*margin:6px 6px 18px;
    box-shadow:0 1px 1px rgba(0,0,0,0.02),0 2px 2px rgba(0,0,0,0.04),0 4px 4px rgba(0,0,0,0.04),0 8px 8px rgba(0,0,0,0.05)*/
}

.clientRequestTitle:before {
    content: '+';
    display: inline-block;
    position: absolute;
    left:15px;
    top:12px;
}

.clientRequestTitle--active:before {
    content: '-';
}

.clientRequestTitle--active {
    border-bottom:0;
    background: linear-gradient(180deg, var(--color-lightgrey-f5) 0%, var(--color-lightgrey-fc) 80%);
}

.clientRequestTitle--noicon:before {
    display: none !important;
}

.clientRequestTitle--close {
    background-color:var(--color-lightgrey-f5);
    color:var(--color-lightgrey-bc) !important ;
}

.clientRequestTitle:hover {
    background-color:var(--color-lightgrey-f5);
    cursor:pointer;
    /*box-shadow:0 1px 2px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.07),0 4px 8px rgba(0,0,0,0.07),0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.07),0 32px 64px rgba(0,0,0,0.07);

    margin:6px 6px 18px;*/
}

.clientRequestTitle:first-child:hover {
    /*margin:6px 6px 18px;*/
}

.clientRequestTitle-tag {
    border:1px solid rgba(255,255,255,0.4)
}

.clientRequestTitle .icon-new {
    position: absolute;
    right: 0;
    color: var(--color-orange);
    width:30px;
    height: 30px;
}

.clientRequestMsg {
    display:none;
    padding:1.5em;
    background: var(--color-lightgrey-fc) ;
    border-bottom: 1px solid var(--color-lightgrey-d5);
}

.clientRequestMsg dl {
    clear: both;
    padding-top: 1em;
}

.clientRequestMsg dd {
    background-color:var(--color-lightgrey-ef);
    border-radius:0 8px 8px 8px;
    padding:5px;
    margin:10px!important
}

.textarea-response {
    min-height: 200px;
}

.clientRequestMsg dd.prx-response {
    background-color:var(--color-orange-light);
    position: relative;
    right: calc(-20% + 20px);
}

.clientRequestMsg .prx-response dd {
    background-color:rgba(230,119,23,0.09)
}

.client-request-main dd {
    font-size:1.1em;
    margin:2px 2px 2px 40px;
    padding:10px;
    white-space:normal;
    width:80%
}

.client-request-main dt {
    font-size:1em;
    margin:2px 2px 2px 20px;
    padding:2px
}

.account-message-box {
    margin: 0 0 1em 0;
    border:1px solid var(--color-lightgrey-d5);
    padding: 1em;
    text-align: left;
    /*background-color:rgba(200,200,200,0.3);
    font-size:1em;
    margin:10px 0 24px;
    padding:10px;
    text-align:center;
    border:1px solid rgba(200,200,200,0.4);
    border-radius:6px;
    box-shadow:0 1px 1px rgba(0,0,0,0.02),0 2px 2px rgba(0,0,0,0.02),0 4px 4px rgba(0,0,0,0.02),0 8px 8px rgba(0,0,0,0.02),0 16px 16px rgba(0,0,0,0.02)*/
}

.account-message-box-content {
    /*display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap*/
}


/* ------------------------------------------------
----- pdxerror
------------------------------------------------ */

.pdxerror {
    max-width: 900px;
    padding:1em 1em;
    border:1px solid #eee;
    border-left-width:5px;
    border-radius: 3px;
    margin:10px auto;
}

.pdxerror--full {
    max-width: none;
}

.pdxerror.danger{
    border-left-color: #d9534f; /* Left side border color */
    background-color: rgba(217, 83, 79, 0.1); /*Same color as the left border with reduced alpha to 0.1*/
}

.pdxerror.danger strong{
    color:#d9534f;
}

.pdxerror.warning{
    border-left-color: #f0ad4e;
    background-color: rgba(240, 173, 78, 0.1);
}

.pdxerror.warning strong{
    color:#f0ad4e;
}

.pdxerror.info {
    border-left-color: #5bc0de;
    background-color: rgba(91, 192, 222, 0.1);
}

.pdxerror.info strong {
    color: #5bc0de;
}

.pdxerror.success {
    border-left-color: #2b542c;
    background-color: rgba(43, 84, 44, 0.1);
}

.pdxerror.success strong {
    color: #2b542c;
}

/* ------------------------------------------------
----- Filters mobile (used?)
------------------------------------------------ */
#ajax-filters-update-button-mobile,#ajax-filters-reset-button {
    opacity:.5;
    transition:all .2s ease-in-out;
    pointer-events:none
}

#ajax-filters-update-button-mobile.is-active,#ajax-filters-reset-button.is-active {
    opacity:1;
    pointer-events:all
}

/* ------------------------------------------------
----- contest-box
------------------------------------------------ */

.contest-box {
    background: var(--color-white);
    color: var(--color-black);
    padding: 1em;
    margin-bottom: 1em;
}

/* ------------------------------------------------
----- Compare tool
------------------------------------------------ */

.compare-close {
    position:absolute;
    top: 1.5em;
    right: 1em;
    height: 40px;
    width:40px;
    padding:5px;
    text-align:center;
    display: block;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
}

.compare-container {
    position:fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 50vw !important;
    margin-right: -50vw;
    background-color: var(--color-lightgrey-ef);
    border-left:1px solid var(--color-bluecompare);
    -webkit-transition: margin .5s ease;
    -moz-transition: margin .5s ease;
    -ms-transition: margin .5s ease;
    -o-transition: margin .5s ease;
    transition: margin .5s ease;
    z-index:10000001;
    overflow-y: scroll;
    visibility: hidden;
}

.compare-container--open {
    margin-right: 0px !important;
}

.compare-container--openvisible {
    visibility: visible;
}

.compare-container-padding {
    padding: 3em 2em;
}

.compare-buttonheader {
    /*position:fixed;
    top: 0;
    right: 0;*/
    padding:5px;
    text-align:center;
    display: block;
    z-index:1000000;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    border: 2px solid var(--color-bluecompare);
    color: var(--color-bluecompare);
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
}

.compare-buttonheader:hover {
    background: var(--color-bluecompare);
    color: #fff
}

.compare-buttonbox {
    padding:5px;
    text-align:center;
    display: inline-block;
    border: 1px solid var(--color-bluecompare);
    background: var(--color-bluecompare);
    color: var(--color-white);
    border-radius: 5px;
    width:100%;
}

.compare-buttonbox:hover {
    background: var(--color-white);
    color: var(--color-bluecompare);
}

.cart-buttonbox {
    padding:5px;
    text-align:center;
    display: inline-block;
    border: 1px solid var(--color-orange);
    background: var(--color-orange);
    color: var(--color-white);
    border-radius: 5px;
    width:100%;
    display: block;
    text-decoration: none;
}

.cart-buttonbox:hover {
    background: var(--color-white);
    color: var(--color-orange);
}

@media (max-width: 1215px) {

    .compare-container {
        width: 75vw !important;
        margin-right: -75vw;
    }

    .compare-container--open {
        margin-right: 0px;
    }

}

@media (max-width: 1023px) {
    .compare-buttonheader {
        width: 32px;
        height: 32px;
        font-size: 18px;
        line-height: 18px;
    }

    .compare-container {
        width: 100vw !important;
        margin-right: -100vw;
    }

    .compare-container--open {
        margin-right: 0px;
    }

    .compare-item--icon {
        position: absolute;
        top:1em;
        right: 1em;
    }

}

.header--fixed .compare-buttonheader {
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 18px;
}

#compare-count {
    position:absolute;
    top:-10px;
    right:-4px;
    width:20px;
    height:20px;
    border-radius:10px;
    background:var(--color-bluecompare);
    color: var(--color-white);
    line-height:16px;
    font-size: 13px;
    padding-left: 1px;
    font-weight: bold;
    text-align:center;
    border:1px solid var(--color-bluecompare)
}

.compare-infonumber {
    font-size: 14px;
    float: right;
    font-weight: normal;
    text-transform: none;
    margin-right: 1.5em;
}

.compare-titleheader, .cart-titleheader {
    color: var(--color-lightgrey-66);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.compare-itemblock, .cart-itemblock {
    border:1px solid var(--color-lightgrey-db);
}

.compare-item--content, .cart-item--content {
    font-size: 14px;
    padding: .5em;
}

.compare-item {
    font-size: 14px;
    padding: 1em 0;
    border-bottom:1px solid var(--color-lightgrey-db);
}

.compare-item--price, .cart-item--price {
    font-size: 18px;
    position: relative;
    bottom: 3px;
    background: var(--color-lightgrey-f5);
    display: inline-block;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
}

.compare-container .order_detail__panel .compare-item:last-child {
    border-bottom:0;
}

#feedback_compare {
    position:absolute!important;
    top:80px !important;
    right:0;
    /*background-color:var(--color-white);
    color:var(--color-black);
    border-bottom:1px solid var(--color-lightgrey-ef);
    border-radius:3px;
    box-shadow:0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07);

    font-weight:700;
    height:auto;
    width:350px;*/
    border-top: 5px solid var(--color-bluecompare);
    border-right: 5px solid var(--color-bluecompare);
    background: var(--color-white);
    width: 350px;
    display: none;
    margin: auto;
    border-radius: 14px;
    padding:1em;
    box-shadow: -1px 15px 30px -12px black;
    z-index:5000000;

}

.compare-cart, .compare-delete {
    font-size: 2em;
    margin-left:1em;
}

.compare-cart:hover, .compare-delete:hover {
    color: var(--color-bluecompare);
}

.card-vignette .cart-area--option {
    background: var(--color-white);
}

.compare-product {
    /*position:absolute;
    bottom: 1em;
    right: 2em;*/
    /*background-color:var(--color-lightgrey-ef);*/
    color: var(--color-bluecompare);
    cursor: pointer;
    font-size: 14px;
    padding: 1px 5px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 2px;
}

.compare-product ion-icon, .wishlist-product ion-icon, .wishlist-share ion-icon, .wishlist-cartall ion-icon, .wishlist-update ion-icon {
    position:relative;
    top:2px;
}

.compare-product .compare-product--title {
    font-size: 12px;
    position: relative;
    top:-1px;
    white-space: nowrap;
}

.card-vignette .compare-product {
    margin-right:4px
}

/*.listcard .cart-area--option {
    width:50px;
    padding-left: 2px;
}

.listcard .cart-area--option .col {
    width:100%;
}

.listcard .col-compare-product {
    width: 1% !important;
}*/

.compare-product:hover {
    background: var(--color-bluecompare);
    color:#fff;
}

.compare-deleteall {
    text-transform: none;
    color: var(--color-bluecompare);
    font-size: 12px;
    margin-left: 1em;
    letter-spacing: normal;
    position: relative;
    bottom:3px;
    cursor: pointer;
}

.compare-container .order_detail__header {
    background-color:var(--color-white) !important;
    text-transform: none;
    margin-top: 1em;
}

.compare-container .order_detail__panel {
    background-color:var(--color-white) !important;
}

.compare-container .order_detail__panel .tag {
    white-space: normal;
    display: inline-block;
    height: auto;
    padding: 2px 5px;
}

/* ------------------------------------------------
----- Wishlist tool
------------------------------------------------ */

.wishlist-close {
    position:absolute;
    top: 1.5em;
    right: 1em;
    height: 40px;
    width:40px;
    padding:5px;
    text-align:center;
    display: block;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
}

.wishlist-container {
    position:fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 50vw !important;
    margin-right: -50vw;
    background-color: var(--color-lightgrey-ef);
    border-left:1px solid var(--color-bluewishlist);
    -webkit-transition: margin .5s ease;
    -moz-transition: margin .5s ease;
    -ms-transition: margin .5s ease;
    -o-transition: margin .5s ease;
    transition: margin .5s ease;
    z-index:10000001;
    overflow-y: scroll;
    visibility: hidden;
}

.wishlist-container--open {
    margin-right: 0px !important;
}

.wishlist-container--openvisible {
    visibility: visible;
}

.wishlist-container-padding {
    padding: 3em 2em;
}

.wishlist-buttonheader {
    /*position:fixed;
    top: 0;
    right: 0;*/
    padding:5px;
    text-align:center;
    display: block;
    z-index:1000000;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    border: 2px solid var(--color-bluewishlist);
    color: var(--color-bluewishlist);
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
}

.wishlist-buttonheader--disabled {
    padding:5px;
    text-align:center;
    display: block;
    z-index:1000000;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    border: 2px solid var(--color-lightgrey-db);
    color: var(--color-lightgrey-db);
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
}

.wishlist-buttonheader:hover {
    background: var(--color-bluewishlist);
    color: #fff
}

.wishlist-buttonheader--disabled:hover {
    background: var(--color-bluewishlist);
    color: var(--color-lightgrey-db)
}

.wishlist-buttonbox {
    padding:5px;
    text-align:center;
    display: inline-block;
    border: 1px solid var(--color-bluewishlist);
    background: var(--color-bluewishlist);
    color: var(--color-white);
    border-radius: 5px;
    width:100%;
}

.wishlist-buttonbox:hover {
    background: var(--color-white);
    color: var(--color-bluewishlist);
}

.cart-buttonbox {
    padding:5px;
    text-align:center;
    display: inline-block;
    border: 1px solid var(--color-orange);
    background: var(--color-orange);
    color: var(--color-white);
    border-radius: 5px;
    width:100%;
    display: block;
    text-decoration: none;
}

.cart-buttonbox:hover {
    background: var(--color-white);
    color: var(--color-orange);
}

@media (max-width: 1215px) {

    .wishlist-container {
        width: 75vw !important;
        margin-right: -75vw;
    }

    .wishlist-container--open {
        margin-right: 0px;
    }

}

@media (max-width: 1023px) {
    .wishlist-buttonheader, .wishlist-buttonheader--disabled {
        width: 32px;
        height: 32px;
        font-size: 18px;
        line-height: 18px;
    }

    .wishlist-container {
        width: 100vw !important;
        margin-right: -100vw;
    }

    .wishlist-container--open {
        margin-right: 0px;
    }

    .wishlist-item--icon {
        position: absolute;
        top:1em;
        right: 1em;
    }

}

.header--fixed .wishlist-buttonheader, .header--fixed .wishlist-buttonheader--disabled {
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 18px;
}

#wishlist-count {
    position:absolute;
    top:-10px;
    right:-4px;
    width:20px;
    height:20px;
    border-radius:10px;
    background:var(--color-bluewishlist);
    color: var(--color-white);
    line-height:16px;
    font-size: 13px;
    padding-left: 1px;
    font-weight: bold;
    text-align:center;
    border:1px solid var(--color-bluewishlist)
}

.wishlist-infonumber {
    font-size: 14px;
    float: right;
    font-weight: normal;
    text-transform: none;
    margin-right: 1.5em;
}

.wishlist-titleheader, .cart-titleheader {
    color: var(--color-lightgrey-66);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.wishlist-itemblock, .cart-itemblock {
    border:1px solid var(--color-lightgrey-db);
}

.wishlist-item--content, .cart-item--content {
    font-size: 14px;
    padding: .5em;
}

.wishlist-item {
    font-size: 14px;
    padding: 1em 0;
    border-bottom:1px solid var(--color-lightgrey-db);
}

.wishlist-item--price, .cart-item--price {
    font-size: 18px;
    position: relative;
    bottom: 3px;
    background: var(--color-lightgrey-f5);
    display: inline-block;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
}

.wishlist-container .order_detail__panel .wishlist-item:last-child {
    border-bottom:0;
}

#feedback_wishlist {
    position:absolute!important;
    top:80px !important;
    right:0;
    /*background-color:var(--color-white);
    color:var(--color-black);
    border-bottom:1px solid var(--color-lightgrey-ef);
    border-radius:3px;
    box-shadow:0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07);

    font-weight:700;
    height:auto;
    width:350px;*/
    border-top: 5px solid var(--color-bluewishlist);
    border-right: 5px solid var(--color-bluewishlist);
    background: var(--color-white);
    width: 350px;
    display: none;
    margin: auto;
    border-radius: 14px;
    padding:1em;
    box-shadow: -1px 15px 30px -12px black;
    z-index:5000000;

}

.wishlist-cart, .wishlist-delete, .wishlist-move {
    font-size: 2em;
    margin-left:1em;
}

.wishlist-cart:hover, .wishlist-delete:hover, .wishlist-move:hover {
    color: var(--color-bluewishlist);
}

.card-vignette .cart-area--option {
    background: var(--color-white);
}

.wishlist-product {
    /*position:absolute;
    bottom: 1em;
    right: 2em;*/
    /*background-color:var(--color-lightgrey-ef);*/
    color: var(--color-bluewishlist);
    cursor: pointer;
    font-size: 14px;
    padding: 1px 5px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 2px;
}

.wishlist-product ion-icon {
    position:relative;
    top:2px;
}

.wishlist-product .wishlist-product--title {
    font-size: 12px;
    position: relative;
    top:-1px;
    white-space: nowrap;
}

.card-vignette .wishlist-product {
    margin-right:4px
}

/*.listcard .cart-area--option {
    width:50px;
    padding-left: 2px;
}

.listcard .cart-area--option .col {
    width:100%;
}

.listcard .col-wishlist-product {
    width: 1% !important;
}*/

.wishlist-product:hover {
    background: var(--color-bluewishlist);
    color:#fff;
}

.wishlist-deleteall {
    text-transform: none;
    color: var(--color-bluewishlist);
    font-size: 12px;
    margin-left: 1em;
    letter-spacing: normal;
    position: relative;
    bottom:3px;
    cursor: pointer;
}

.wishlist-container .order_detail__header {
    background-color:var(--color-white) !important;
    text-transform: none;
    margin-top: 1em;
}

.wishlist-container .order_detail__panel {
    background-color:var(--color-white) !important;
}

.wishlist-container .order_detail__panel .tag {
    white-space: normal;
    display: inline-block;
    height: auto;
    padding: 2px 5px;
}

/* ------------------------------------------------
----- Page error (404)
------------------------------------------------ */

.error {
    padding: 150px 1em;
}
.error__title {
    color: var(--color-white);
    font-size: 300px;
    line-height: 200px;
    font-weight: 700;
    text-shadow: 0.05em 0.05em 0 rgba(0, 0, 0, 0.25);
}
.error__title--img img {
    width:280px;
    height: 280px;
    position: relative;
    top: 20px;
}
.error__subtitle {
    margin: 2em 0 1em 0;
    color: var(--color-white);
    font-size: 2em;
    font-weight: 600;
}

/* ------------------------------------------------
----- Boxes home
------------------------------------------------ */

.boxes--container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4em 0;
    width: 100%;
}

.category_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1em;
    width: 100%;
    height: 300px;
}

.boxes--content {
    --active: 0;
    cursor: pointer;
    /*overflow: clip;*/
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 1.5rem;
    padding: 0;
    width: calc((100% / 3) - .5em);
    height: 300px;
    border-radius: 1rem;
    transition: width 0.5s ease-in-out;
}

.boxes--content:hover {
    --active: 1;
    width: calc(70% - .5em);
}

.boxes--content:hover::before {
    content: "";
    position: absolute;
    z-index: -10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    opacity: 0.6;
}

.boxes--content img {
    position: absolute;
    z-index: -20;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.boxes--content .start-image {
    opacity: calc(1 - var(--active));
    transition: opacity 0.3s ease-in-out;
}

.boxes--title {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    transition: transform 0.5s cubic-bezier(0.23, 0.93, 0.77, 1) 0.01s;
    background: inherit;
    position: absolute;
    top:-2.5em;
    left: 0em;

    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
}

.boxes--title span {
    font-size: 25px;
    line-height: 34px;
    font-weight: 600;
    color: var(--color-black);
    text-wrap: nowrap;
    display: inline-block;
    padding: 0;
    z-index: 2;
}

.boxes--quote {
    padding: 1em 1em 3em 1em;
    min-height: 0;
    transform: translateY(50%);
    opacity: 0;
    transition: opacity 0.8s ease-in-out, transform 0.8s cubic-bezier(0.23, 0.93, 0.77, 1) 0.01s;
}

.boxes--text {
    width:25em;
    position: absolute;
    left:1em;
    top:2em;
    z-index: 20;
}

.boxes--quote p {
    font-size: 1.25em;
    font-weight: 600;
    color: var(--color-white);
    transform: translate(0, calc((1 - var(--active)) * (100% + 2.5rem)));
    transition: transform 0.5s cubic-bezier(0.23, 0.93, 0.77, 1) 0.1s;
}

.boxes--wrapper {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows 0.5s cubic-bezier(0.23, 0.93, 0.77, 1) 0.01s;
    transition: grid-template-rows 0.5s cubic-bezier(0.23, 0.93, 0.77, 1) 0.01s, -ms-grid-rows 0.5s cubic-bezier(0.23, 0.93, 0.77, 1) 0.01s;
}

.button-absolute {
    position: absolute;
    /*right: 1em;*/
    left:1em;
    bottom: 1em;
}

.boxes--content:hover .boxes--wrapper:after {
    background-color: var(--color-lightgrey-66);
}

.boxes--content:hover .boxes--wrapper {
    grid-template-rows: 1fr;
}

.boxes--content:hover .boxes--quote {
    transform: none;
    opacity: 1;
    min-height: 100vh;
}

@media (max-width: 1023px) {

    .boxes--container {
        flex-direction: column;
        width:100%;
    }

    .category_container {
        flex-direction: column;
        width:100%;
        height: auto;
    }

    .boxes--content {
        border:1px solid var(--color-lightgrey-db);
        background: var(--color-white);
        padding: 0;
        width:65% !important;
        overflow: clip;
        max-width: 65% !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        height: auto;
        width:100%;
    }

    .boxes--content::before {
        display: none;
    }

    .boxes--content img.start-image {
        position: relative;
        top: 0;
        margin: 0 0 1em 0;
    }

    .boxes--content img.start-image {
        display: block;
        opacity: 1;
    }

    .boxes--content img.end-image {
        display: none;
    }

    .boxes--title {
        background: transparent;
        color: var(--color-black);
        top: 0;
        position: relative;
        padding: 0;
        box-shadow: none;
    }

    .boxes--title::before {
        display: none;
    }

    .boxes--title span {
        background: transparent;
        color: var(--color-black);
        padding: 0 15px .5em 15px;
    }

    .boxes--wrapper:after {
        right: 1em;
        bottom: 1em;
    }

    .boxes--quote {
        color: var(--color-black);
        transform: none;
        width: auto;
        position: relative;
        display: block;
        opacity: 1;
        padding: 0 15px;
        min-height: 0 !important;
    }

    .boxes--text {
        width:auto;
        position: relative;
        top: auto;
        left: auto;
    }

    .boxes--wrapper {
        color: var(--color-black);
        transform: none;
        width: auto;
        position: relative;
        display: block;
        opacity: 1;
    }

    .boxes--quote p {
        color: var(--color-black);
        transform: none;
        font-size: 1em;
        font-weight: normal;
    }

    .button-absolute {
        position: relative;
        right: auto;
        bottom: 1em;
        left:1em;
    }

}

@media (max-width: 768px) {

    .boxes--content {
        border:1px solid var(--color-lightgrey-db);
        background: var(--color-white);
        padding: 0;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        height: auto;
        width:100%;
    }

    .boxes--title {
        padding: 0 1em;
    }

    .boxes--wrapper {
        padding: 0 1em;
    }

    .button-absolute {
        left:2em;
    }

}

/* ======================================================= */
/* MEDIAS QUERY ========================================== */
/* ======================================================= */

@media (max-width: 1450px) {

    .promobox {
        border:1px solid var(--color-lightgrey-db);
        margin-top: 3em;
    }

    .promobox--img {
        position: relative ;
        width: auto ;
        height: auto ;
        border: 0;
        padding: 1em 0;
        text-align: center;
        top:0;
    }

    .promobox--content {
        padding: 1em;
    }

    .promobox--blocktitle {
        font-size: 1em;
        margin: 0;
        top:0;
        right: 0;
        color:var(--color-black);
        font-weight: 700;
        padding: 4px;
        background: var(--color-lightgrey-db);
    }

    .item-price {
        min-width: 150px;
    }

    .price {
        font-size: 1em;
        padding: .5em;
    }

    .card-list .compare-product--title {
        display: none;
    }

    .card-list .wishlist-product--title {
        display: none;
    }

}

@media (max-width: 1023px) {

    #tracking, #delivery {
        scroll-margin-top: 90px;
    }

    .button-filter-mobile {
        width:100%;
    }

    .button-filter-mobile ion-icon {
        position: relative;
        top:3px
    }

    .filters-mobile-container {
        flex:none!important;
        width:100%!important;
        height:100vh;
        background:var(--color-white);
        margin:0;
        padding:6em 2em 2em;
        position:fixed;
        left:0;
        right:0;
        top:0;
        z-index:30000000;
        display:none;
        overflow:auto
    }

    .filters-mobile-container.is-active {
        display:block!important
    }

    .filters-mobile-container li[data-gid] > a {
        display:none!important
    }

    .filters-mobile-container li ul.sub {
        display:block!important
    }

    .filters-mobile-container li ul.sub a {
        display:block!important
    }

    .filters-mobile-container--close {
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        position:fixed;
        background:var(--color-white);
        top:0;
        left:0;
        right:0;
        padding:2em 0 0;
        border-bottom:1px solid var(--color-lightgrey-db);
        z-index:30001
    }

    .menu-mobile {
        position:relative!important;
        width:100%;
        height:60px;
        padding-top: 5px;
        top:0;
        left:0;
        right:0;
        background:var(--color-lightgrey-ef);
        border-bottom:1px solid var(--color-lightgrey-db);
        /*box-shadow:0 0 16px rgba(30,30,30,0.3);*/
        /*
                backdrop-filter: blur(5px);*/
        z-index:15000
    }

    .menu-mobile ion-icon {
        width:40px;
        height:40px
    }

    .displayarrow {
        display: none !important;
    }

    .displaymenu {
        width:30px;
        height:30px;
        display:inline-block;
        position:absolute;
        top:1.5em;
        right:1em;
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transition:.5s ease-in-out;
        -moz-transition:.5s ease-in-out;
        -o-transition:.5s ease-in-out;
        transition:.5s ease-in-out;
        cursor:pointer;
        z-index:20000;
    }

    .displaymenu span {
        display:block;
        position:absolute;
        height:3px;
        width:100%;
        background:var(--color-black);
        border-radius:10px;
        opacity:1;
        left:0;
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transition:.25s ease-in-out;
        -moz-transition:.25s ease-in-out;
        -o-transition:.25s ease-in-out;
        transition:.25s ease-in-out
    }

    .displaymenu span:nth-child(1) {
        top:0
    }

    .displaymenu span:nth-child(2) {
        top:10px
    }

    .displaymenu span:nth-child(3) {
        top:20px
    }

    .displaymenu span:nth-child(2):after {
        content: "MENU";
        display: inline-block;
        color: var(--color-black);
        font-size: 10px;
        z-index: 2;
        position: relative;
        top:10px;
    }

    html[lang=de] .displaymenu span:nth-child(2):after {
        content: "MENÜ";
    }

    .displaymenu[aria-expanded=true] span:nth-child(1) {
        top:10px;
        -webkit-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -o-transform:rotate(135deg);
        transform:rotate(135deg);
        background:var(--color-black)
    }

    .displaymenu[aria-expanded=true] span:nth-child(2) {
        opacity:0;
        left:-60px;
        background:var(--color-black)
    }

    .displaymenu[aria-expanded=true] span:nth-child(3) {
        top:10px;
        -webkit-transform:rotate(-135deg);
        -moz-transform:rotate(-135deg);
        -o-transform:rotate(-135deg);
        transform:rotate(-135deg);
        background:var(--color-black)
    }

    .navunivers {
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        width:100vw;
        z-index:10000;
        background:var(--color-white);
        height:100%;
        overflow:scroll;
        display:none;
        padding-top:75px
    }

    .w-logo, .w-cart {
        width:60px;
    }

    .prodimex-logo-mobile {
        position: relative;
        width:40px
    }

    .header, .user-page .header {
        height: 70px;
    }

    .sct-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: var(--color-white);
        border-bottom:1px solid var(--color-lightgrey-ef);
        z-index: 20000;
    }

    .sct-header .col {
        padding: .5em;
    }

    .sct-header .level-item {
        margin: 0;
    }

    .basket-icon, .search-buttonheader {
        width: 32px;
        height: 32px;
        font-size: 18px;
        line-height: 18px;
    }

    /*.sct-header  .basket-icon {
        width:32px;
        height:32px;
    }*/

    /*.sct-header  .basket-icon ion-icon {
        font-size: 22px;
        padding:3px;
    }*/

    .formsearch--full {
        position: absolute !important;
        left:10px;
        right: 10px;
        top:.9em;
        width: calc(100% - 20px);
        z-index: 5000000;
    }

    .js-nav-system__subnav {
        position:relative;
        /* display:none;*/
        background:var(--color-white);
        z-index:1000;
        width:100%;
        border:2px solid var(--color-orange);
        border-radius:5px
    }

    /*.js-nav-system__item:hover .js-nav-system__subnav {
            display: block;
        }*/
    .js-nav-system__subnav__link {
        background-color:var(--color-white);
        border-bottom:0;
        margin-bottom:0;
        box-shadow:none;
        display:block;
        font-size:1em;
        line-height:2em;
        letter-spacing:1px;
        padding:1px 5px;
        text-decoration:none;
        white-space:nowrap;
        color:var(--color-black);
        text-align:center;
        border-bottom:1px solid var(--color-lightgrey-db)
    }

    .tooltip .tooltiptext {
        width: 300px !important;
        left: -50px;
        right: auto;
    }

    .onmobile-w75p { width: 75px; }

    .is-mobile-mb-2 { margin-bottom: .5em; }

    .is-mobile-inline-block { display: inline-block !important; }

    .container {
        padding: 0 1em;
    }

    .notablet {
        display: none;
    }

    .autotablet {
        display: block;
        width: 100%;
    }

    .form-container {
        padding: 1em;
    }

    .terms-columns {
        column-count: 1;
        column-gap: 50px;
        text-align: justify;
    }

    .cart-container {
        margin: 16px auto 0 auto;
        width: 100%;
    }

    .is-mobile-mw75 {
        max-width:75%
    }

    .is-mobile-mw50 {
        max-width:50%
    }

    .cartouche {
        height: 120px;
    }

    .cartouche img {
        height: 120px;
    }

    .cartouche h1 {
        font-size: 20px;
        line-height: 22px;
    }

    .cartouche-cta {
        height: auto;
    }

    .cartouche-cta img {
        height: 180px;
    }

    .cartouche-cta .is-absolute {
        position: relative;
        left: auto;
        bottom:auto;
        text-align: center;
    }

    .swiper-pagination-bullets {
        bottom: 1em !important;
    }

    .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
    }

    .payments_type {
        font-size: 1em;
    }

    .payments_type--img {
        min-width: 80px;
        max-width: 80px;
        width:80px
    }

    .tag-container--details {
        height: 30px;
        position: relative;
        top:0;
        text-align: right;
    }

    .promobox--img img {
        max-width: 50%;
    }

    .promobox--title {
        font-size: 30px;
    }

    .smallbox .is-absolute {
        bottom:-1em;
    }

    .box-home {
        border:1px solid var(--color-lightgrey-db);
        background: var(--color-white);
        padding: 0;
        max-width: 65%;
        margin-left: auto;
        margin-right: auto;
    }

    .box-home--content { padding: 1em; margin-top: 0; }

    .promobox {
        margin-top: 1em !important;
    }

    .minimalist-simpletooltip {
        right: auto;
        left: 0;
        top:2.5em;
    }

    .minimalist-simpletooltip::before {
        left:5px;
        right: auto;
    }

    .card-listemini .minimalist-simpletooltip {
        right: 0;
        left: auto;
        top:2.5em;
    }

    .card-listemini .minimalist-simpletooltip::before {
        right:5px;
        left: auto;
    }

    #tree li ul.sub {
        border-left:0;
        background: #fff;
        margin: 50px 0 0 0;
        padding: 0 0 100px 0;
    }

}

/* ======================================================= */
/* == Device = Laptops, Desktops                           */
/* ======================================================= */
@media (min-width: 1025px) and (max-width: 1280px) {

    .price-top {
        font-size:1.1rem!important
    }

    .button.caddie {
        padding: 0;
    }

}

/* ======================================================= */
/* == Intermediaire Tablet - Desktop                       */
/* ======================================================= */
@media (min-width: 768px) and (max-width: 1215px) {
    .sct-header {
        /*margin-left: 10px;*/
    }

    .checkout-container {
        padding:0
    }

    .table td,.table th {
        padding:.5em
    }

    .accessories-wrapper { width:768px !important; }
    .accessories-slide { width:768px !important; }

    .autocomplete {
        font-size: 0.9em;
    }

    .autocomplete :not(.logo-brand) img:not(.w20p) {
        width:50px
    }

    .dispo-badge--title { font-size: 0.85em }

}

/* ======================================================= */
/* == Device = Tablets, Ipads (portrait)                   */
/* == Screen = B/w 768px to 1024px                         */
/* ======================================================= */
@media (min-width: 768px) and (max-width: 1024px) {

    .mobile-hide {
        display:none!important
    }

    .styled-pict {
        border:1px solid var(--color-lightgrey-d5);
        margin-bottom:1em;
        float:right
    }

    .desktop-hide {
        display:block!important
    }

    table.desktop-hide {
        display:table!important
    }

    tr.desktop-hide {
        display:table-row!important
    }

    .contener_slideshow {
        height:400px
    }

    .slid_x {
        height:400px
    }

    /* PAGE PRODUCTS LIST - items.php */
    .ITEMS-products-list {
        padding:0
    }

    /* Menu Mobile */
    #mobile-menu .box,#mobile-filters .box {
        width:100vw;
        height:100vh;
        max-height:100%;
        margin:0;
        padding:64px 0;
        border-radius:0
    }

    #mobile-tree,#filters-tree {
        display:flex;
        justify-content:center;
        width:100%;
        height:100%;
        max-height:100%;
        overflow-x:hidden;
        overflow-y:auto;
        padding:24px 0 48px
    }

    .bt-menu-mobile a {
        font-size:1.3em;
        border-bottom:1px solid rgba(120,120,120,0.4)
    }

    .bt-menu-mobile:last-child a {
        border-bottom:none;
        margin-bottom:48px
    }

    .checkout-container {
        padding:0
    }

    .form-label {
        min-width:40vw
    }

    .form-label-login {
        min-width:40vw
    }

    .form-label-getpass {
        min-width:40vw
    }

    .payments_type {
        width:80%
    }

    .hide-thead {
        display:none
    }

    .account-message-box-content {
        flex-wrap:wrap;
        justify-content:center
    }

    .textarea-response {
        width:100% !important;
        min-width:100%;
    }

}

/* ======================================================= */
/* == Screen = B/w 481px to 768px                          */
/* ======================================================= */
@media (min-width: 481px) and (max-width: 768px) {
    .mobile-hide {
        display:none!important
    }

    .wish-options a { display: block; margin-bottom: 5px; }

    .col-compare-product { width:70px; padding: 0 !important; }

    .container {
        padding: 0 .25em;
    }

    .styled-pict {
        border:1px solid var(--color-lightgrey-d5);
        margin-bottom:1em;
        float:right
    }

    .desktop-hide {
        display:block!important
    }

    table.desktop-hide {
        display:table!important
    }

    tr.desktop-hide {
        display:table-row!important
    }

    .container-main {
        margin-bottom:0!important
    }

    .img-product {
        margin:4px;
        max-width:calc(100% - 1.5rem)
    }

    /*.product-name-product {
            font-size: 1.2em;
            letter-spacing: 1px;
            white-space: break-spaces;
        }*/
    .account-message-box-content {
        flex-wrap:wrap;
        justify-content:center
    }

    /* .autocomplete {
         min-width:94vw!important;
         font-size:.9em
     }*/

    .breadcrumb-container {
        flex-wrap:wrap;
        padding:0;
        margin-bottom:0
    }

    .product-header-breadcrumb {
        margin-bottom:20px!important
    }

    .search-box {
        width:100%;
        margin:0 0 24px
    }

    /* BULMA */
    .is-7 {
        font-size:.8em!important
    }

    .control .button {
        float:left;
        font-weight:700
    }

    .notification {
        font-size:.9em!important
    }

    .title.is-5 {
        font-size:.95rem!important;
        text-align:center
    }

    .button.is-focused,.button:focus {
        border-color:var(--color-orange)!important;
        color:var(--color-darkblack)
    }

    .button.is-focused:not(:active),.button:focus:not(:active) {
        box-shadow:rgba(230,119,23,0.49)!important
    }

    .form-label {
        text-align:left!important;
        background-color:rgba(145,145,145,0.2)!important
    }

    #mobile-menu .box,#mobile-filters .box {
        width:100vw;
        height:100vh;
        max-height:100%;
        margin:0;
        padding:64px 0;
        border-radius:0
    }

    #mobile-tree,#filters-tree {
        display:flex;
        justify-content:center;
        width:100%;
        height:100%;
        max-height:100%;
        overflow-x:hidden;
        overflow-y:auto;
        padding:24px 0
    }

    .bt-menu-mobile a {
        font-size:1.3em;
        border-bottom:1px solid rgba(120,120,120,0.4)
    }

    .bt-menu-mobile:last-child a {
        border-bottom:none;
        margin-bottom:48px
    }

    /* PAGE PRODUCTS LIST - items.php */
    .ITEMS-products-list {
        padding:0
    }

    .ITEMS-products-list-content-infos {
        order:3
    }

    .ITEMS-products-list-content-cart-area {
        order:2
    }

    .warranty {
        padding:0 12px
    }

    .ITEMS-accessories {
        flex-direction:row;
        flex-wrap:wrap;
        overflow:hidden;
        justify-content:center;
        align-items:stretch;
        margin-bottom:0
    }

    .splide__track {
        padding:4px 14px 14px
    }

    .ITEMS-accessories-card {
        text-align:center;
        flex-direction:row
    }

    .ITEMS-accessories-content > div {
        margin-bottom:12px
    }

    .ITEMS-accessories-content > div:last-child {
        margin-bottom:0
    }

    .ITEMS-accessories-content .price {
        margin:0
    }

    .product-intro {
        flex-direction:column;
        margin:0 14px
    }

    .card-listemini { width: 90px !important; font-size: 0.75em; }
    .card-listemini .w20p { width: 15px !important; }
    .card-listemini .cart-area { display: block; }
    .card-listemini .cart-area .product-prices { display: block; }

    /*.product-intro > div {
            flex: 0 0 100%;
            margin: 0;
        }

        .product-intro > div:first-child {
            margin: 24px 0;
        }

        .product-intro > div:last-child {
            margin-left: -18px;
            padding: 0 6px;
            max-width: 100%;
        }*/
    .product-intro .column {
        max-width:100%;
        width:100%;
        display:block;
        margin-bottom:1rem!important;
        flex:none
    }

    .checkout-container {
        padding:0
    }

    .cart-steps-container {
        /*flex-direction:column*/
        margin-bottom: 1em;
    }

    .cart-steps {
        margin-top:3px;
        margin-bottom:2px;
        border-radius:14px;
        width:80%;
        display: inline-block;
        text-align: center;
    }

    .cart-step {
        text-align: center;
        display: inline-block;
    }

    .cart-steps-msg {
        display: none;
    }

    #footer {
        text-align:center;
        padding-bottom:96px
    }

    .form-label {
        min-width:40vw
    }

    .form-label-login {
        min-width:40vw
    }

    .form-label-getpass {
        min-width:40vw
    }

    .payments_type {
        width:80%
    }

    .hide-thead {
        display:none
    }

    .filters-container {
        flex-direction:column
    }

    .delivery_type {
        margin:1em 0;
        width:100%;
        display:block
    }

    .pagination-container {
        float:none;
        margin-bottom:1em;
        text-align:center
    }

    .ITEMS-products-list-container:hover {
        background: inherit;
        border: 1px solid rgba(255,255,255,0.2);
        box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07);
        transition: all .3s ease-in;
    }

    .ITEMS-products-list-container .tag-container { right:0 }

    .product-text {
        padding-bottom: 0;
        margin-bottom:1em;
    }

    .product-id {
        position: relative;
        bottom: 0;
    }

    .product-text-multiline {
        overflow:hidden;
        max-height:140px;
        height: auto;
    }

    .product-text-ellipsis {
        display:block;
        max-height:140px;
        height: auto;
    }

    .product-text-multiline:hover {
        overflow:hidden;
        max-height:140px;
        height: auto;
    }

    .product-text-multiline:hover .product-text-ellipsis {
        display:block;
        position:relative;
        background:transparent;
        z-index:0;
        padding:0;
        top:0;
        left:0;
        border:0
    }

    .product-text-ellipsis:after {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left:0;
        right:0;
        height:140px;
        background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 95%);
    }

    .product-text-ellipsis:hover:after {
        bottom: 0;
    }

    .textarea-response {
        width:100% !important;
        min-width:100%;
    }

    .box-home {
        max-width: 80%;
    }

    .autocomplete {
        font-size: 0.9em;
    }

    .autocomplete :not(.logo-brand) img:not(.w20p) {
        width:50px
    }

    .promobox--img {
        padding-top: 3em;
    }

    .promobox--blocktitle {
        width: 100%;
        text-align: center;
        left:0
    }

    .cartouche-cta img {
        height: 150px;
    }

    .tag-container {
        position: relative;
        top: 0;
        right: 0;
        text-align: right;
    }

    .ITEMS-products-list-container h2 {
        margin-right: 0px;
    }

    .grid {
        column-count: 1;
        column-gap: 0px;
    }

    .products-tabs__link {
        padding: .5em;
    }

    /*.listcard .cart-area--option {
        position: absolute;
        bottom: 1em;
    }*/

    .card-listemini .cart-area .dispo-badge .dispo-badge--title {
        display: none;
    }

    .is-static-mobile {
        position: static !important;
    }

    #feedback_compare, #feedback-cart {
        right: 1em;
        width: calc(75vw - 1em);
        border-right: 0;
    }

}

/* ======================================================= */
/* == Screen = B/w 320px to 479px                          */
/* ======================================================= */
@media (min-width: 0px) and (max-width: 480px) {
    .mobile-hide {
        display:none!important
    }

    .wish-options a { display: block; margin-bottom: 5px; }


    .container {
        padding: 0 .1em;
    }

    .textarea-response {
        width:100% !important;
        min-width:100%;
    }

    .styled-pict {
        display:none
    }

    .filters-container {
        flex-direction:column
    }

    .desktop-hide {
        display:block!important
    }

    table.desktop-hide {
        display:table!important
    }

    tr.desktop-hide {
        display:table-row!important
    }

    .tooltip .tooltiptext {
        width: 250px !important;
    }

    /* Table */
    table {
        margin:0!important
    }

    .table td,.table th {
        padding:1em .2em
    }

    .table td td {
        padding:.2em
    }

    input.qty-input {
        padding:3px;
        width:50px
    }

    /*th {
            font-size: 0.8em !important;
        }

        td {
            font-size: 0.8em !important;
        }*/
    .nowrap {
        white-space:unset
    }

    .product-name {
        white-space:normal
    }

    .tag {
        font-size:.66rem!important
    }

    .product-text {
        padding-bottom: 0;
        margin-bottom:1em;
    }

    .product-id {
        position: relative;
        bottom: 0;
    }

    .product-text-multiline {
        overflow:hidden;
        max-height:140px;
        height: auto;
    }

    .product-text-ellipsis {
        display:block;
        max-height:140px;
        height: auto;
    }

    .product-text-multiline:hover {
        overflow:hidden;
        max-height:140px;
        height: auto;
    }

    .product-text-multiline:hover .product-text-ellipsis {
        display:block;
        position:relative;
        background:transparent;
        z-index:0;
        padding:0;
        top:0;
        left:0;
        border:0
    }

    .product-text-ellipsis:after {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left:0;
        right:0;
        height:140px;
        background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 95%);
    }

    .homeCarousel {
        width:100%;
        margin-left:0
    }

    /* Main Structure */
    .container-main {
        margin-bottom:0!important
    }

    .autocomplete {
        min-width:94vw!important;
        font-size:.9em
    }

    .search-suggest-price {
        font-size:1em!important
    }

    ::-webkit-scrollbar {
        display:none
    }

    .box {
        width:100%;
        max-width:100%
    }

    /* BULMA */
    .search-box {
        width:100%;
        margin:0 0 24px
    }

    .breadcrumb-container {
        flex-wrap:wrap;
        padding:0;
        margin-bottom:0
    }

    .field.has-addons {
        display:unset!important
    }

    .control .button {
        background-color:initial;
        border:none;
        float:left;
        font-weight:700
    }

    .notification {
        font-size:.9em!important
    }

    .title.is-5 {
        font-size:.95rem!important;
        text-align:center
    }

    .box {
        padding:.75rem
    }

    .form-label {
        background-color:rgba(145,145,145,0.2)!important;
        width:100%;
        margin-top:10px
    }

    /*.select { width: 100%; } */
    /* MAIN */
    .container-main {
        margin-bottom:40px;
        border-radius:6px;
        background-color:var(--color-white);
        box-shadow:none;
        overflow-x:hidden
    }

    .account-message-box-content {
        flex-wrap:wrap;
        justify-content:center
    }

    #mobile-menu .box,#mobile-filters .box {
        width:100vw;
        height:100vh;
        max-height:100%;
        margin:0;
        padding:64px 0;
        border-radius:0
    }

    #mobile-tree,#filters-tree {
        display:flex;
        justify-content:center;
        width:100%;
        height:100%;
        max-height:100%;
        overflow-x:hidden;
        overflow-y:auto;
        padding:24px 0
    }

    .bt-menu-mobile a {
        font-size:1.3em;
        border-bottom:1px solid rgba(120,120,120,0.4)
    }

    .bt-menu-mobile:last-child a {
        border-bottom:none;
        margin-bottom:48px
    }

    .mobile-hide {
        display:none
    }

    .desktop-hide {
        display:initial
    }

    /* end menu Mobile */
    .front-page-section-line {
        width:70vw;
        background-color:var(--color-darkblack);
        border-top-right-radius:6px;
        border-bottom-right-radius:6px;
        box-shadow:0 1px 1px rgba(0,0,0,0.11),0 2px 2px rgba(0,0,0,0.11),0 4px 4px rgba(0,0,0,0.11),0 8px 8px rgba(0,0,0,0.11),0 16px 16px rgba(0,0,0,0.11),0 32px 32px rgba(0,0,0,0.11);
        margin-left:-.75rem
    }

    .front-page-section-title {
        color:var(--color-lightgrey-f5);
        font-weight:500;
        height:auto;
        font-size:1.4em;
        margin:2px
    }

    .sct-infos-header {
        padding:4px;
        letter-spacing:1px
    }


    /* Products */
    .product-intro {
        flex-direction:column;
        margin:0 14px
    }

    .product-intro .column {
        max-width:100%;
        width:100%;
        display:block;
        margin-bottom:1rem!important;
        flex:none
    }

    .img-product {
        margin-top:24px;
        margin-bottom:12px;
        margin-left:0
    }

    .product-header {
        display:flex;
        flex-wrap:wrap;
        justify-content:space-around;
        align-items:center;
        margin:10px;
        flex-direction:row
    }

    .product-item-row {
        flex-wrap:wrap;
        flex-direction:row
    }

    .product-item-row-image {
        padding:4px;
        flex:none
    }

    .product-item-row-content {
        flex:1
    }

    .price > span {
        font-size:1em!important
    }

    .product-item-row-price {
        background-color:var(--color-lightgrey-f5);
        border-radius:6px;
        padding:10px;
        flex:1;
        display:flex;
        justify-content:space-between;
        align-items:center;
        align-content:space-around;
        flex-direction:column;
        margin:4px
    }

    .product-item-row-cart {
        background-color:var(--color-lightgrey-f5);
        border-radius:6px;
        padding:10px;
        flex:1;
        margin:4px
    }

    .ITEMS-products-list-content-cart-area,.ITEMS-products-list-content-img {
        width:100%!important;
        text-align:center!important
    }

    .ITEMS-products-list-container .tag-container { right:0 }

    .item-price-cart-area {
        width:100%
    }

    .cart-mobile {
        width:60vw;
        display:flex;
        justify-content:flex-end;
        align-items:center
    }

    .card-listemini { width: 90px !important; font-size: 0.75em; }
    .card-listemini .w20p { width: 15px !important; }
    .card-listemini .cart-area { display: block; }
    .card-listemini .cart-area .product-prices { display: block; }

    .cart-form {
        flex-direction:column
    }

    /* PAGE PRODUCTS LIST - items.php */
    .ITEMS-products-list {
        padding:0
    }

    .warranty {
        padding:0 12px
    }

    .ITEMS-accessories {
        flex-direction:row;
        flex-wrap:wrap;
        overflow:hidden;
        justify-content:center;
        align-items:stretch;
        margin-bottom:0
    }

    .splide__track {
        padding:4px 14px 14px
    }

    .splide__list {
        width:auto!important
    }

    .splide__slide {
        min-width:0
    }

    .splide__arrow--prev {
        left:.5em!important
    }

    .splide__arrow--next {
        right:.5em!important
    }

    .ITEMS-accessories-card {
        text-align:center;
        flex-direction:row
    }

    .ITEMS-accessories-content > div {
        margin-bottom:12px
    }

    .ITEMS-accessories-content > div:last-child {
        margin-bottom:0
    }

    .ITEMS-accessories-content .price {
        margin:0
    }

    /* cart */


    .cart-steps-container {
        /*flex-direction:column*/
        margin-bottom: 1em;
    }

    .cart-steps {
        margin-top:3px;
        margin-bottom:2px;
        border-radius:14px;
        width:80%;
        display: inline-block;
        text-align: center;
    }

    .cart-step {
        text-align: center;
        display: inline-block;
    }

    .cart-steps-msg {
        display: none;
    }

    .checkout-container {
        padding:0
    }

    .cart-form {
        padding:8px
    }

    #footer {
        text-align:center;
        padding-bottom:96px
    }

    /* User Data */
    .user-menu-style {
        background-color:#eee;
        height:25px;
        padding:7px;
        vertical-align:middle;
        color:#000;
        font-size:1.2em
    }

    .user-menu-style a {
        height:25px;
        padding:5px
    }

    .personal-data-field-mobile {
        padding-left:24px;
        background-color:rgba(130,130,130,0.15)!important;
        border:1px solid rgba(130,130,130,0.3)!important;
        width:100%;
        border-radius:6px!important;
        margin-bottom:4px
    }

    .order-invoice-box {
        display:flex;
        flex-wrap:wrap;
        flex-direction:row-reverse;
        justify-content:center;
        align-items:center
    }

    .form-label {
        min-width:40vw
    }

    .form-label-login {
        min-width:40vw
    }

    .form-label-getpass {
        min-width:40vw
    }

    .payments_type {
        width:96%
    }

    .hide-thead {
        display:none
    }

    .delivery_type {
        margin:1em 0;
        width:100%;
        display:block
    }

    .pagination-container {
        float:none;
        margin-top:1em;
        text-align:center
    }

    .box-home {
        max-width: 100%;
    }

    .autocomplete {
        font-size: 0.9em;
    }

    .autocomplete :not(.logo-brand) img:not(.w20p) {
        width:50px
    }

    .promobox--img {
        padding-top: 3em;
    }

    .promobox--blocktitle {
        width: 100%;
        text-align: center;
        left:0
    }

    .cartouche-cta img {
        height: auto;
    }

    .smallbox--img {
        padding: .25em;
    }

    .smallbox .is-absolute {
        bottom: -1.5em;
        right:1em;
    }

    .front-page-price span {
        font-size: 0.9em !important;
    }

    .tag-container {
        position: relative;
        top: 0;
        right: 0;
        text-align: right;
    }

    .ITEMS-products-list-container h2 {
        margin-right: 0px;
    }

    .options-block {
        width:100%
    }

    .grid {
        column-count: 1;
        column-gap: 0px;
    }

    .products-tabs__link {
        padding: .5em;
        font-size: .8em;
    }

    .bg-sprites {
        background-image: none;
    }

    .bg-sprites--contain {
        background-image: none;
    }

    /*.listcard .cart-area--option {
        position: absolute;
        bottom: 1em;
    }*/



    .card-listemini .cart-area .dispo-badge .dispo-badge--title {
        display: none;
    }

    .is-static-mobile {
        position: static !important;
    }

    #feedback_compare, #feedback-cart {
        right: 1em;
        left: 1em;
        width: calc(100vw - 2em);
        border-right: 0;
    }

    .options, .search-div .search_icon { display: none; }

    #search_string { padding-right: 10px !important; }

    /*.w50p.is-static-mobile {
        width:40px
    }*/

    .w-buttons {
        width: 180px;
    }

    .formsearch-container {
        width: 10px;
    }

}

/** feedback box sent by backend , add by reuf on 13.04.2024 */
.feed_back_div {
    background-color: transparent;
    border-radius: var(--border-radius);
    color: var(--color-white);
    font-size: 16px;
    font-weight: bolder;
    margin-left: 15%;
    margin-right: 15%;
    opacity: .9;
    position: fixed;
    text-align: center;
    top: 0;
    width: 70%;
    z-index: 1000
}

.feed_back_div>div {
    border-bottom: solid var(--color-white) 1px;
    padding: 5px
}

.feed_back_div_error {
    background-color: var(--color-red) !important;
    text-align: left;
    white-space: pre
}

.feed_back_div_error a {
    color: var(--color-white);
    font-size: 14px;
    font-weight: bolder;
    text-decoration: underline
}

.feed_back_div>div,.feedback_notice {
    background-color: green
}

.progress {
    background-color: gray;
    border: var(--border-style);
    border-radius: var(--border-radius);
    bottom: 5px;
    left: 40%;
    margin: 15px;
    opacity: .75;
    padding: 15px;
    position: fixed
}

/** ****************************** */

/* ======================================================= */
/* == KonamiCode                                           */
/* ======================================================= */
@keyframes konamiCodeAnimation {
    from {
        filter:hue-rotate(0deg)
    }

    to {
        filter:hue-rotate(359deg)
    }
}

@keyframes konamiCodeAnimationImage {
    from {
        filter:hue-rotate(359deg)
    }

    to {
        filter:hue-rotate(0deg)
    }
}

.konami-code {
    animation:konamiCodeAnimation 8s linear 0s infinite
}

.konami-code img,.konami-code svg {
    animation:konamiCodeAnimationImage 8s linear 0s infinite!important
}

.konami-code .prodimex-logo img {
    animation:none!important
}